]> _ Git - fluidbook-toolbox.git/commitdiff
Merge remote-tracking branch 'origin/backpack4.1' into backpack5
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Sat, 6 May 2023 09:29:38 +0000 (11:29 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Sat, 6 May 2023 09:29:38 +0000 (11:29 +0200)
# Conflicts:
# composer.lock

1  2 
.docker/images/php/Dockerfile
app/Fluidbook/Compiler/Compiler.php
resources/linkeditor/js/linkeditor.links.js

Simple merge
index 0000000000000000000000000000000000000000,b0af8244bd5b902b00c62fd8b09e1c569efc43e8..d5cd9e876cdbf01e756c08273695ca2d1ac57ace
mode 000000,100644..100644
--- /dev/null
@@@ -1,0 -1,3165 +1,3165 @@@
 -            $socialImage = 'https://toolbox.fluidbook.com/services/socialimage/' . $this->getFluidbook()->cid;
+ <?php
+ namespace App\Fluidbook\Compiler;
+ use App\Fluidbook\Link\Link;
+ use App\Fluidbook\PDF;
+ use App\Fluidbook\SearchIndex;
+ use App\Fluidbook\SEO\Document;
+ use App\Fluidbook\SEO\Page;
+ use App\Http\Controllers\Admin\Operations\FluidbookPublication\Services\SocialImageOperation;
+ use App\Http\Controllers\Admin\Operations\Tools\Favicon;
+ use App\Jobs\Base;
+ use App\Jobs\FluidbookImagesPreprocess;
+ use App\Models\FluidbookPublication;
+ use App\Models\FluidbookTheme;
+ use App\Models\FluidbookTranslate;
+ use App\Models\Signature;
+ use App\Models\Traits\FluidbookPlayerBranches;
+ use Cubist\Backpack\Magic\Fields\Checkbox;
+ use Cubist\Excel\ExcelToArray;
+ use Cubist\Locale\Country;
+ use Cubist\Locale\Locale;
+ use Cubist\PDF\CommandLine\FWSTK;
+ use Cubist\Util\ArrayUtil;
+ use Cubist\Util\CommandLine;
+ use Cubist\Util\Data;
+ use Cubist\Util\Files\Files;
+ use Cubist\Util\Files\VirtualDirectory;
+ use Cubist\Util\Graphics\Color;
+ use Cubist\Util\Graphics\Image;
+ use Cubist\Util\PHP;
+ use Cubist\Util\Text;
+ use Cubist\Util\WebVideo;
+ use Cubist\Util\Zip;
+ use DOMDocument;
+ use DOMElement;
+ use DOMXPath;
+ use Fluidbook\Tools\Compiler\CompilerInterface;
+ use Fluidbook\Tools\SVG\SVGTools;
+ use Illuminate\Console\Command;
+ use Illuminate\Support\Facades\Log;
+ use SimpleXMLElement;
+ use SplFileInfo;
+ class Compiler extends Base implements CompilerInterface
+ {
+     use FluidbookPlayerBranches;
+     use \Fluidbook\Tools\Compiler\FluidbookCompiler;
+     use SocialImageOperation;
+     use Favicon;
+     protected static $uaPrefixes = array('-moz-', '-webkit-', '-o-', '-ms-', '');
+     /**
+      * @var FluidbookPublication
+      */
+     protected $_fluidbook;
+     protected const RESOLUTIONS = [150, 300];
+     protected const MAX_RES = 300;
+     protected $jsLibs = [
+         'cube' =>
+             ['js/libs/cube/util.js',
+                 'js/libs/cube/fb.js',],
+         'modernizr' =>
+             ['js/libs/modernizr/modernizr.min.js',
+                 'js/libs/modernizr/tests.js',],
+         'modifier' => ['js/libs/threejs/modifier.min.js'],
+         'threejs' =>
+             ['js/libs/threejs/legacy/three.min.js',
+                 'js/libs/threejs/legacy/Projector.js',
+                 'js/libs/threejs/legacy/CanvasRenderer.js',
+             ],
+ //            'threejs-latest' =>
+ //                    ['js/libs/threejs/latest/three.min.js',
+ //                    ],
+         'jquery' =>
+             [
+                 'js/libs/jquery/jquery.min.js',
+             ],
+         'jquery-extras' => ['js/libs/jquery/jquery.transform.js',
+             'js/libs/jquery/jquery.form.min.js',
+             'js/libs/jquery/jquery.mousewheel.min.js',
+             'js/libs/jquery/jquery.hashchange.min.js',
+             'js/libs/jquery/jquery.scrollto.min.js',
+         ],
+         'aria' => ['js/libs/aria/radio.js',],
+         'bluebird' => ['js/libs/bluebird.min.js'],
+         'screenfull' => ['js/libs/screenfull.min.js'],
+         'storage' => ['js/libs/storage.js',],
+         'hotkeys' => ['js/libs/hotkeys.min.js',],
+         'forge' => ['js/libs/forge/forge-sha256.min.js',],
+         'perfectscrollbar' => ['js/libs/perfect-scrollbar/perfect-scrollbar.js',
+             'js/libs/perfect-scrollbar/perfect-scrollbar.jquery.js'],
+         'confirm' => ['js/libs/jquery/jquery.confirm.min.js'],
+         'mmenu' =>
+             ['js/libs/mmenu/jquery.mmenu.all.js'],
+         'gsap' =>
+             ['js/libs/gsap/gsap.min.js',
+                 'js/libs/gsap/ScrollToPlugin.min.js',
+                 'js/libs/gsap/InertiaPlugin.min.js',
+                 'js/libs/gsap/Draggable.min.js',
+             ],
+         'hammer' => ['js/libs/hammer.min.js',],
+         'interactjs' => ['js/libs/interact.min.js'],
+         'gal' =>
+             ['js/libs/gal/gal.js',
+                 'js/libs/gal/gal.filesystem.js',],
+         'raphael' =>
+             ['js/libs/raphael/raphael.min.js',
+                 'js/libs/gsap/plugins/RaphaelPlugin.min.js'],
+         'countup' =>
+             ['js/libs/countup/countup.min.js'],
+         'clipboard' => ['js/libs/clipboard.min.js'],
+         'fluidbook' =>
+             ['js/libs/fluidbook/fluidbook.utils.js',
+                 'js/libs/fluidbook/fluidbook.networkcontrol.js',
+                 'js/libs/fluidbook/fluidbook.splash.js',
+                 'js/libs/fluidbook/fluidbook.links.js',
+                 'js/libs/fluidbook/fluidbook.support.js',
+                 'js/libs/fluidbook/fluidbook.video.js',
+                 'js/libs/fluidbook/fluidbook.viewport.js',
+                 'js/libs/fluidbook/fluidbook.desktop.js',
+                 'js/libs/fluidbook/fluidbook.service.js',
+                 'js/libs/fluidbook/fluidbook.share.js',
+                 'js/libs/fluidbook/fluidbook.l10n.js',
+                 'js/libs/fluidbook/fluidbook.slider.js',
+                 'js/libs/fluidbook/fluidbook.pagetransitions.js',
+                 'js/libs/fluidbook/fluidbook.nav.js',
+                 'js/libs/fluidbook/fluidbook.interface.js',
+                 'js/libs/fluidbook/fluidbook.input.js',
+                 'js/libs/fluidbook/fluidbook.touch.js',
+                 'js/libs/fluidbook/fluidbook.loader.js',
+                 'js/libs/fluidbook/fluidbook.search.js',
+                 'js/libs/fluidbook/fluidbook.help.js',
+                 'js/libs/fluidbook/fluidbook.resize.js',
+                 'js/libs/fluidbook/fluidbook.stats.js',
+                 'js/libs/fluidbook/fluidbook.cache.js',
+                 'js/libs/fluidbook/fluidbook.tooltip.js',
+                 'js/libs/fluidbook/fluidbook.bookmarks.js',
+                 'js/libs/fluidbook/fluidbook.background.js',
+                 'js/libs/fluidbook/fluidbook.pad.js',
+                 'js/libs/fluidbook/fluidbook.audiodescription.js',
+                 'js/libs/fluidbook/fluidbook.audioplayer.js',
+                 'js/libs/fluidbook/fluidbook.accessibility.js',
+                 'js/libs/fluidbook/fluidbook.privacy.js',
+                 'js/libs/fluidbook/fluidbook.zoom.js',
+                 'js/libs/fluidbook/fluidbook.menu.js',
+                 'js/libs/fluidbook/fluidbook.sound.js',
+                 'js/libs/fluidbook/fluidbook.contentlock.js',
+                 'js/libs/fluidbook/fluidbook.scorm.js',
+                 'js/libs/fluidbook/fluidbook.3dflip.js',
+                 'js/libs/fluidbook/menu/fluidbook.chapters.js',
+                 'js/libs/fluidbook/menu/fluidbook.index.js',
+                 'js/libs/fluidbook/fluidbook.landingpage.js',
+                 'js/libs/fluidbook/fluidbook.print.js',
+                 'js/libs/fluidbook/fluidbook.secure.js',
+                 'js/libs/fluidbook/fluidbook.tabs.js',
+                 'js/libs/fluidbook/fluidbook.articles.js',
+                 'js/libs/fluidbook/fluidbook.widget.js',
+                 'js/libs/fluidbook/fluidbook.keyboard.js',
+                 'js/libs/fluidbook/fluidbook.posad.js',
+                 'js/libs/fluidbook/fluidbook.notes.js',
+                 'js/libs/fluidbook/fluidbook.gamify.js',
+                 'js/libs/fluidbook/fluidbook.js',
+                 'js/main.js'],
+         'mobilefirst' => [
+             'js/libs/fluidbook/fluidbook.mobilefirst.js',
+             'js/libs/fluidbook/mobilefirst/fluidbook.mobilefirst.slider.js',
+         ],
+     ];
+     protected $specialJsFiles = array();
+     public $jsFiles = [];
+     // Collection of LESS files to be compiled
+     // Filename with no extension, relative to the /style directory in the player build folder
+     public $lessFiles = ['fluidbook'];
+     public $specialCSS = array();
+     public $phonegapStandardPlugins = array('ios' => array('ExternalFileUtil'),
+         'android' => array('webintent'));
+     public $pluginCSS = array();
+     public $pluginJs = array();
+     public $htmlmultimedia = array();
+     public $cssX = array();
+     public $cssY = array();
+     public $cssWidths = array();
+     public $pdf2htmlRatio;
+     public $scale;
+     public $multiply;
+     public $div = array();
+     public $numerotation;
+     public $fontDocs = array();
+     public $dir;
+     public $z = 3;
+     protected $_lottieIDByHash = [];
+     public $pages;
+     public $theme;
+     public $devversion;
+     public $book_id;
+     public $themeRoot;
+     public $needToRecompileContents = true;
+     public $needToRecompileSettings = true;
+     public $width;
+     public $height;
+     public $cssWidth;
+     public $cssHeight;
+     public $cssOneWidth;
+     public $cssOneHeight;
+     public $cssScale;
+     public $linkScale;
+     public $optimalWidth = 567;
+     public $optimalHeight = 709;
+     public $additionalConfig = array();
+     public $fontScale = 1;
+     public $cache = array();
+     public $backgroundsPrefix = array();
+     public $svg = true;
+     public $assets = '';
+     public $phonegap = false;
+     public $phonegapVersion;
+     public $standalone = false;
+     public $hiddenContents = array();
+     public $appcache;
+     public $home;
+     public $widget = true;
+     public $multiApp = false;
+     public $pageLabels = array();
+     public $stylesheets = array();
+     public $logfp = null;
+     public $logtime = null;
+     public $beginBody = array();
+     public $seoArticles = [];
+     public $securityPolicyWhitelist = ['*.google-analytics.com', '*.youtube.com', '*.ytimg.com', '*.googletagmanager.com'];
+     public $writeLinksData = false;
+     public $content_lock = [];
+     public $cssfont = [];
+     public $lessVariables = ["import-cart-styles" => 'none'];
+     protected $_indexVars = null;
+     public $accessibleTexts = [];
+     protected $_svgSymbols = [];
+     protected $_addedPDFJS = false;
+     protected $audioDescriptionTextsList = [];
+     protected $hybrid = false;
+     protected $_docDimensions = [];
+     public $_signature;
+     public $seo = null;
+     /**
+      * @var \Cubist\Backpack\Magic\EntityData
+      */
+     public $fluidbookSettings;
+     /**
+      * @var \Cubist\Backpack\Magic\EntityData
+      */
+     public $themeSettings;
+     /**
+      * @var Command
+      */
+     protected $_command = null;
+     use \App\Fluidbook\Compiler\Links;
+     use Cart;
+     /**
+      * @param FluidbookPublication $book
+      * @param bool $scormVariant
+      * @param $phonegap
+      * @param $phonegapVersion
+      * @param $dir
+      * @param $standalone
+      * @param $appcache
+      * @param $home
+      * @param $theme FluidbookTheme|null
+      * @param $hybrid
+      * @param Command|null $command
+      * @throws \Exception
+      */
+     function __construct(FluidbookPublication $book, $scormVariant = false, $phonegap = false, $phonegapVersion = 'latest', $dir = null, $standalone = false, $appcache = false, $home = false, FluidbookTheme $theme = null, $hybrid = false, Command $command = null)
+     {
+         ExcelToArray::setCache(protected_path('fluidbookpublication/cache/exceltoarray'));
+         parent::__construct();
+         $this->setFluidbook($book);
+         $this->setCommand($command);
+         $this->phonegapVersion = self::getPhonegapVersion($phonegapVersion);
+         $this->appcache = $appcache;
+         $this->multiApp = $this->home = $home;
+         $this->devversion = $this->getFluidbook()->mobileLVersion;
+         $this->scormVariant = $scormVariant;
+         $this->hybrid = $hybrid;
+         $this->assets = self::getSourcesPath($this->devversion);
+         $this->compiledAssets = self::getCompiledSourcesPath($this->devversion);
+         $this->phonegap = $phonegap;
+         $this->standalone = $standalone || $this->phonegap;
+         $this->appcache = $appcache;
+         $this->widget = !$this->phonegap;
+         $this->fluidbookSettings = $this->getFluidbook()->getSettings();
+         PHP::memoryAllocate('12G');
+         $this->book_id = $this->getFluidbook()->id;
+         $this->log('Start compilation');
+         $this->dir = $this->getFluidbook()->getFinalPath($theme, $scormVariant);
+         $this->vdir = new VirtualDirectory($this->dir);
+         $this->wdir = $this->getFluidbook()->getAssetDir();
+         $this->widget = false;
+         $this->pages = $this->getFluidbook()->composition;
+         $this->maxRes = min(self::MAX_RES, $this->fluidbookSettings->maxResolution);
+         $this->theme = $theme ?? $this->getFluidbook()->getTheme();
+         $this->themeSettings = $this->theme->getPageData();
+         $this->log('Got data from database');
+         $this->width = round($this->getFluidbook()->getPageWidth(), 8);
+         $this->height = round($this->getFluidbook()->getPageHeight(), 8);
+         $this->imageFormat = $this->fluidbookSettings->imageFormat;
+         $p1 = $this->getFluidbook()->getFile(1, $this->imageFormat, 150);
+         $imagesize = Image::getimagesize($p1);
+         $this->pdf2htmlRatio = round(($imagesize[0] * 0.48) / $this->width, 12);
+         $this->linkScale = $this->cssScale = $this->z * min($this->optimalWidth / $this->width, $this->optimalHeight / $this->height);
+         $this->cssOneScale = $this->z * min(($this->optimalWidth * 2) / $this->width, $this->optimalHeight / $this->height);
+         $this->cssWidth = $this->width * $this->cssScale;
+         $this->cssHeight = $this->height * $this->cssScale;
+         $this->cssOneWidth = $this->width * $this->cssOneScale;
+         $this->cssOneHeight = $this->height * $this->cssOneScale;
+         $this->scale = 1;
+         if ($this->isMobileFirst()) {
+             $this->cssScale = $this->cssOneScale = 480 / $this->width;
+             $this->linkScale = $this->cssScale;
+             $this->cssOneWidth = $this->cssWidth = $this->width * $this->cssScale;
+             $this->cssOneHeight = $this->cssHeight = $this->height * $this->cssScale;
+             $this->initMobileFirst();
+         }
+         $this->svgfiles = array_unique([$this->assets . '/images/symbols/interface.svg',
+             storage_path('icons/15.svg')]);
+         if ($this->themeSettings->iconSet > 15) {
+             $this->svgfiles[] = storage_path('icons/' . $this->themeSettings->iconSet . '.svg');
+         }
+         if ($symbols = $this->themeAsset('symbols')) {
+             $this->svgfiles[] = $symbols->getPathname();
+         }
+         if ($this->isMobileFirst()) {
+             $this->multiply = $this->pdf2htmlRatio * $this->scale * $this->cssOneScale;
+         } else {
+             $this->multiply = $this->pdf2htmlRatio * $this->scale * $this->cssScale;
+         }
+         $this->initConfig();
+         $this->log('Defined dimensions');
+     }
+     public function getFinalPath()
+     {
+         return $this->dir;
+     }
+     public function getSetting($key, $default = null)
+     {
+         if ($this->fluidbookSettings->has($key)) {
+             return $this->fluidbookSettings->get($key, $default);
+         }
+         if ($this->themeSettings->has($key)) {
+             return $this->themeSettings->get($key, $default);
+         }
+         return $default;
+     }
+     public function setSetting($key, $value)
+     {
+         if ($this->themeSettings->has($key)) {
+             $this->themeSettings->set($key, $value);
+             return;
+         }
+         $this->fluidbookSettings->set($key, $value);
+     }
+     /**
+      * @param $key
+      * @param $default
+      * @return null|SplFileInfo
+      */
+     public function themeAsset($key)
+     {
+         $collection = $this->theme->{$key};
+         if ($collection) {
+             $path = $this->theme->getFirstMediaPath($collection);
+             if (!$path || !file_exists($path)) {
+                 $res = false;
+             } else {
+                 $res = new SplFileInfo($path);
+             }
+         } else {
+             $res = false;
+         }
+         if (null !== $this->config) {
+             if ($res instanceof SplFileInfo) {
+                 $this->config->set($key, $res->getFilename());
+             } else {
+                 $this->config->set($key, '');
+             }
+         }
+         return $res;
+     }
+     /**
+      * @return FluidbookPublication
+      */
+     public function getFluidbook(): FluidbookPublication
+     {
+         return $this->_fluidbook;
+     }
+     /**
+      * @param FluidbookPublication $fluidbook
+      */
+     public function setFluidbook(FluidbookPublication $fluidbook): void
+     {
+         $this->_fluidbook = $fluidbook;
+     }
+     /**
+      * @return Command|null
+      */
+     public function getCommand(): ?Command
+     {
+         return $this->_command;
+     }
+     /**
+      * @param Command|null $command
+      */
+     public function setCommand(?Command $command): void
+     {
+         $this->_command = $command;
+     }
+     public function isMobileFirst()
+     {
+         return $this->fluidbookSettings->mobileNavigationType === 'mobilefirst';
+     }
+     public function initMobileFirst()
+     {
+         $this->themeSettings->usePageEdges = false;
+     }
+     public function initConfig()
+     {
+         if (!$this->scormVariant) {
+             $this->fluidbookSettings->scorm_enable = false;
+         }
+         $this->config = new Data(array_merge($this->fluidbookSettings->getRawData()['settings'], $this->themeSettings->getRawData()));
+         $this->config->pages = count($this->getFluidbook()->composition);
+         $this->config->bookmarkDisablePages = ArrayUtil::parseRange($this->config->bookmarkDisablePages);
+         $this->config->rasterizePages = ArrayUtil::parseRange($this->config->rasterizePages);
+         $this->config->vectorPages = array_diff(ArrayUtil::parseRange($this->config->vectorPages), $this->config->rasterizePages);
+         $this->numerotation = $this->config->numerotation = explode(',', $this->getFluidbook()->page_numbers);
+         $hideOnPages = ArrayUtil::parseRange($this->config->tabsHideOnPages);
+         $this->config->tabsDisabledOnPages = ArrayUtil::parseRange($this->config->tabsDisabledOnPages);
+         if ($this->config->tabsHideOnCover) {
+             $hideOnPages[] = 0;
+             $hideOnPages[] = 1;
+         }
+         if ($this->config->tabsHideOnLastPage) {
+             $hideOnPages[] = count($this->pages);
+         }
+         $this->config->tabsHideOnPages = $hideOnPages;
+         $this->config->triggersLinks = [];
+         $this->config->hasContentLock = false;
+     }
+     public function populateConfig()
+     {
+         $this->config->id = $this->getFluidbook()->book_id;
+         $this->config->cid = $this->getFluidbook()->cid;
+         $this->config->cacheDate = time();
+         $this->config->width = round($this->cssWidth, 2);
+         $this->config->height = round($this->cssHeight, 2);
+         $this->config->optimalWidth = round($this->optimalWidth, 2);
+         $this->config->optimalHeight = round($this->optimalHeight, 2);
+         $this->config->chapters = $this->getFluidbook()->chapters;
+         $this->config->videoFormats = $this->getVideosFormats(false);
+         $this->config->htmlmultimedia = $this->htmlmultimedia;
+         $this->config->phonegap = $this->phonegap;
+         $this->config->retinaResolution = min($this->fluidbookSettings->maxResolution, $this->maxRes);
+         $this->config->standardResolution = min($this->fluidbookSettings->maxResolution, 150);
+         $this->config->pageLabels = $this->pageLabels;
+         $this->config->pageZoomFactor = $this->z;
+         $this->config->multiply = round($this->multiply, 6);
+         $this->config->cssScale = round($this->cssScale, 6);
+         $this->config->pdfZoomFactor = round($this->pdf2htmlRatio, 6);
+         if ($this->home) {
+             $this->config->home = 'http://home';
+         }
+         $this->config->multiApp = $this->multiApp;
+         foreach ($this->additionalConfig as $k => $v) {
+             $this->config->$k = $v;
+         }
+         if ($this->phonegap && ($this->fluidbookSettings->offlineLink == '' || $this->fluidbookSettings->offlineLink == 'http://')) {
+             $this->config->share = false;
+         }
+         if ($this->config->maxPages > 0) {
+             $this->addContentLock($this->config->maxPages);
+         }
+         // We need to be able to reference both navOrder and navOrderH so convert both to arrays
+         // We also make sure there are no empty items in the arrays (see: http://php.net/manual/en/function.array-filter.php#111091)
+         $this->config->navOrder = array_filter(array_map('trim', explode(',', $this->config->navOrder)), 'strlen');
+         $this->config->navOrderH = array_filter(array_map('trim', explode(',', $this->config->navOrderH)), 'strlen');
+         $this->config->standalone = $this->standalone;
+         if ($this->config->phonegap) {
+             $this->config->manifest = $this->writeManifest();
+         }
+         if ($this->config->form == 'bulle') {
+             $this->addJsLib('bulle', 'js/libs/fluidbook/forms/fluidbook.form.bulle.js');
+         } else if ($this->config->form == 'bourbon') {
+             $this->addJsLib('parsley', 'js/libs/parsley.min.js');
+             $this->addJsLib('bourbon', 'js/libs/fluidbook/forms/fluidbook.form.bourbon.js');
+         } else if ($this->config->form == 'avery') {
+             $this->addJsLib('parsley', 'js/libs/parsley.min.js');
+             $this->addJsLib('avery', 'js/libs/fluidbook/forms/fluidbook.form.avery.js');
+             $this->addLess('form/avery');
+             $this->writeCountries();
+         }
+         $this->config->seoArticles = $this->seoArticles;
+     }
+     public function log($step)
+     {
+         $currenttime = microtime(true);
+         if (null === $this->logfp) {
+             $this->logfp = fopen(Files::mkdir(storage_path('logs/htmlconversions')) . $this->book_id . '.log', 'w+');
+         }
+         if (null === $this->logtime) {
+             $this->logtime = $currenttime;
+         }
+         $time = $currenttime - $this->logtime;
+         $log = $step . ' | ' . round($time, 3) . 's' . "\n";
+         fwrite($this->logfp, $log);
+         fflush($this->logfp);
+         $this->logtime = $currenttime;
+         if (null !== $this->getCommand()) {
+             $this->getCommand()->info(trim($log));
+         }
+     }
+     public function addFacebookSDK()
+     {
+         $lang = str_replace('-', '_', $this->getFluidbook()->lang);
+         $e = explode('_', $lang);
+         if (count($e) > 1) {
+             $e[1] = mb_strtoupper($lang);
+         }
+         $lang = implode('_', $e);
+         $langsMap = ['fr' => 'fr_FR', 'en' => 'en_US'];
+         if (isset($langsMap[$lang])) {
+             $lang = $langsMap[$lang];
+         }
+         $this->beginBody[] = "<div id=\"fb-root\"></div>
+ <script>(function(d, s, id) {
+   var js, fjs = d.getElementsByTagName(s)[0];
+   if (d.getElementById(id)) return;
+   js = d.createElement(s); js.id = id;
+   js.src = 'https://connect.facebook.net/" . $lang . "/sdk.js#xfbml=1&version=v2.11&appId=132006430233560';
+   fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));</script>";
+         $this->securityPolicyWhitelist[] = '*.facebook.net';
+         $this->securityPolicyWhitelist[] = 'data:';
+     }
+     public function addPageLabel($page, $label)
+     {
+         $this->pageLabels[$label] = $page;
+     }
+     public function getResolutions()
+     {
+         return self::getBookResolutions($this->getFluidbook());
+     }
+     public static function getBookResolutions($book)
+     {
+         $maxRes = min(self::MAX_RES, $book->settings['maxResolution']);
+         $res = [];
+         if ($maxRes == self::MAX_RES) {
+             $res = [150, self::MAX_RES];
+         } else if ($maxRes <= 150) {
+             $res = [$maxRes];
+         }
+         return $res;
+     }
+     public function getCssScale()
+     {
+         return $this->cssScale;
+     }
+     public function getLinkScale()
+     {
+         return $this->linkScale;
+     }
+     public function virtualToPhysical($virtual): string|int
+     {
+         if (isset($this->pageLabels[$virtual])) {
+             return $virtual;
+         }
+         if (!in_array($virtual, $this->numerotation)) {
+             return $virtual;
+         }
+         $p = array_search($virtual, $this->numerotation);
+         return $p + 1;
+     }
+     public function handle()
+     {
+         $this->log('Preprocess images');
+         FluidbookImagesPreprocess::dispatchSync($this->book_id);
+         $this->log('Start compile process');
+         // Raw copy of some directories
+         $directories = array('style/fonts/OpenSans', 'images', 'sound');
+         foreach ($directories as $directory) {
+             $from = $this->assets . '/' . $directory;
+             $this->vdir->copyDirectory($from, $directory);
+         }
+         if ($this->fluidbookSettings->scorm_enable || $this->fluidbookSettings->secureClientSidePassword) {
+             $this->fluidbookSettings->seoVersion = false;
+         }
+         if ($this->fluidbookSettings->embedAllLibraries) {
+             $this->addVideoJs();
+             $this->addSlideshowLibrary(false);
+             $this->addSlideshowLibrary(true);
+         }
+         $this->log('Copied assets');
+         $this->writeSecure();
+         $this->loadPlugins();
+         $this->log('Plugins loaded');
+         $this->writeImages();
+         $this->log('Images written');
+         $this->writeCartConfig();
+         $this->writeXMLArticles();
+         $this->log('XML Articles written');
+         $this->writeSlider();
+         $this->log('Slider written');
+         $linksCSS = $this->writeLinks();
+         $this->log('Links written');
+         $this->writeArticles();
+         $this->log('Articles written');
+         $this->writeStats();
+         $this->log('Stats written');
+         $this->writeLangs();
+         $this->log('Langs written');
+         $this->writeSEO();
+         $this->log('SEO written');
+         $this->writeWidget();
+         $this->log('Widget written');
+         $this->writeSounds();
+         $this->log('Sound written');
+         $this->writeTexts();
+         $this->log('Texts written');
+         $this->writeAccessibility();
+         $this->log('Accessibility written');
+         $this->writeExtras();
+         $this->log('Extras written');
+         $this->populateConfig();
+         $this->log('Config populated');
+         $this->writeCSS($linksCSS);
+         $this->log('CSS written');
+         $this->writeIndex();
+         $this->log('Index written');
+         if ($this->fluidbookSettings->scorm_enable) {
+             $this->writeScorm();
+             $this->log('SCORM written');
+         }
+         $this->writeJs();
+         $this->log('Js written');
+         $this->vdir->sync(true, $this);
+         $this->log('Files Synced');
+ //        $f=rtrim(str_replace('/html5/', '/compiletime/', $this->dir));
+ //        touch($f);
+     }
+     protected function writeSlider()
+     {
+         if ($this->fluidbookSettings->sliderImage) {
+             $dim = Image::getimagesize($this->wdir . '/' . $this->fluidbookSettings->sliderImage);
+             $this->config->sliderImageDimensions = $dim;
+             $this->copyLinkFile($this->fluidbookSettings->sliderImage, 'data/interface');
+         }
+     }
+     protected function writeStats()
+     {
+         if ($this->fluidbookSettings->stats) {
+             $this->config->statsMatomo = $this->book_id;
+             $this->config->statsMatomoServer = 3;
+             if ($this->book_id >= 21210) {
+                 $this->config->statsMatomoServer = 4 + ($this->book_id % 2);
+             }
+         } else {
+             $this->config->statsMatomo = false;
+         }
+         if ($this->fluidbookSettings->tagcommander_id) {
+             $id = $this->fluidbookSettings->tagcommander_id;
+             if (!$this->fluidbookSettings->tagcommander_prod) {
+                 $id .= '/uat';
+             }
+             $default = ['page_name' => ''];
+             $this->config->tagcommander_default_vars = array_merge($default, $this->parseVariables($this->fluidbookSettings->tagcommander_default_vars));
+             $this->config->tagcommander_default_vars['env_work'] = $this->fluidbookSettings->tagcommander_prod ? 'prod' : 'pre-prod';
+             $scriptNames = explode(',', $this->config->tagcommander_scriptname);
+             $this->fluidbookSettings->googleAnalyticsCustom .= '<script>window.tc_vars=' . json_encode($this->config->tagcommander_default_vars) . ';</script><script src="//cdn.tagcommander.com/' . $id . '/' . $scriptNames[0] . '"></script>';
+             for ($i = 1; $i < count($scriptNames); $i++) {
+                 $this->fluidbookSettings->statsCustom .= '<script src="//cdn.tagcommander.com/' . $id . '/' . $scriptNames[$i] . '"></script>';
+             }
+             if ($this->fluidbookSettings->tagcommander_plan) {
+                 $planPath = $this->_wdirOrAbsolute($this->fluidbookSettings->tagcommander_plan);
+                 $plan = ExcelToArray::excelToArrayKeyVars($planPath);
+                 $fixedplan = [];
+                 foreach ($plan as $k => $v) {
+                     $e = explode('#', $k);
+                     if (count($e) === 2) {
+                         $k = $e[1];
+                     }
+                     $fixedplan[$this->_labelToPage($k)] = $v;
+                 }
+                 $this->config->tagcommander_plan = $fixedplan;
+             }
+         }
+         if (isset($this->fluidbookSettings->googleTagManager) && $this->fluidbookSettings->googleTagManager) {
+             $this->fluidbookSettings->googleAnalyticsCustom .= "<!-- Google Tag Manager -->
+ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','" . $this->fluidbookSettings->googleTagManager . "');</script>
+ <!-- End Google Tag Manager -->
+ ";
+             $this->fluidbookSettings->statsCustom = '<!-- Google Tag Manager (noscript) -->
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=' . $this->fluidbookSettings->googleTagManager . '"
+ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+ <!-- End Google Tag Manager (noscript) -->';
+         }
+     }
+     protected function _wdirOrAbsolute($path)
+     {
+         $e = explode('#', $path);
+         if (file_exists($e[0])) {
+             return $path;
+         }
+         return $this->wdir . $path;
+     }
+     protected function _labelToPage($k)
+     {
+         $k = trim($k, '#/');
+         $k = str_replace('page/page', 'page', $k);
+         if (preg_match('/^page\/(\d+)$/', $k, $matches)) {
+             return $k;
+         }
+         if (preg_match('/^page\/(.+)$/', $k, $matches)) {
+             $matches[1] = Text::removeAccents($matches[1]);
+             $matches[1] = mb_strtolower($matches[1]);
+             if (isset($this->pageLabels[$matches[1]])) {
+                 return 'page/' . $this->pageLabels[$matches[1]];
+             }
+         }
+         return $k;
+     }
+     protected function writeSecure()
+     {
+         if ($this->fluidbookSettings->secureClientSidePassword) {
+             $credentials = Text::explodeNewLines($this->fluidbookSettings->secureClientSidePasswordCredentials);
+             $credentials[] = 'fluidbook:LatacaM4##*';
+             $users = [];
+             foreach ($credentials as $credential) {
+                 $salt = bin2hex(random_bytes(5));
+                 $e = explode(':', $credential);
+                 if (count($e) <= 1) {
+                     continue;
+                 }
+                 $usersalt = bin2hex(random_bytes(5));
+                 $user = hash("sha256", $usersalt . '+' . $e[0]);
+                 $users[$user] = ['salt' => $salt, 'usersalt' => $usersalt, 'hash' => hash("sha256", $salt . '-' . $e[1])];
+             }
+             $secure = file_get_contents($this->wdir . '/' . $this->fluidbookSettings->secureClientSidePassword);
+             $secure = str_replace('$CREDENTIALS', 'var CREDENTIALS=' . json_encode($users) . ';', $secure);
+             $secure = str_replace('$TITLE', $this->fluidbookSettings->title, $secure);
+             $secure = str_replace('$CODE', '$(function () {
+             $(\'form\').on(\'submit\', function () {
+                 var u = $("#username").val();
+                 var p = $("#password").val();
+                 var error = true;
+                 $.each(CREDENTIALS, function (user, data) {
+                     if (forge_sha256(data.usersalt + \'+\' + u) === user && forge_sha256(data.salt + \'-\' + p) === data.hash) {
+                         error = false;
+                         window.sessionStorage.setItem(\'secureUsername\', u);
+                         window.sessionStorage.setItem(\'securePassword\', p);
+                         window.location = \'index.html\';
+                     }
+                 });
+                 if (error) {
+                     $("#message").text(\'Wrong username or password\');
+                 }
+                 return false;
+             });
+         });', $secure);
+             $this->vdir->file_put_contents('secure.html', $secure);
+             $this->config->secureClientSidePasswordCredentials = $users;
+         }
+         if ($this->fluidbookSettings->recaptcha) {
+             $this->beginBody[] = '<script src="https://www.google.com/recaptcha/api.js?render=' . $this->fluidbookSettings->recaptcha . '"></script>';
+         }
+     }
+     protected function loadPlugins()
+     {
+         $e = explode("\n", $this->fluidbookSettings->mobilePlugins);
+         $main = array_pop($this->jsFiles);
+         $plugins = array();
+         foreach ($e as $plugin) {
+             $plugin = trim($plugin);
+             if ($plugin == '') {
+                 continue;
+             }
+             $d = 'plugins/' . str_replace('.', '/', $plugin);
+             $dir = $this->assets . '/' . $d;
+             if (!file_exists($dir)) {
+                 continue;
+             }
+             $plugins[] = $plugin;
+             if (file_exists($dir . '/plugin.js')) {
+                 $f = $d . '/plugin.js';
+                 $this->pluginJs[] = $f;
+                 $this->vdir->copy($dir . '/plugin.js', $f);
+             }
+             if (file_exists($dir . '/plugin.css')) {
+                 $f = $d . '/plugin.css';
+                 $this->pluginCSS[] = $f;
+                 $this->vdir->copy($dir . '/plugin.css', $f);
+             }
+         }
+         $this->config->plugins = $plugins;
+         array_push($this->jsFiles, $main);
+     }
+     public function getVideosFormats($poster = true)
+     {
+         $res = [];
+         $res[] = 'mp4';
+         if ($poster) {
+             $res[] = 'jpg';
+         }
+         return $res;
+     }
+     /**
+      * Helper function to add a unique script entry to the JS stack.
+      * Normally this is a relative path but it can be an external URL.
+      * External URLs are added to the pluginJs collection instead of jsFiles.
+      * Duplicate paths are ignored.
+      * @param $path
+      */
+     public function addJs($path, $collection = null)
+     {
+         if (null === $collection) {
+             // If JS is external, it will be included via the pluginJs collection
+             // Otherwise, it will be compiled into the main JS file
+             $collection = (preg_match('#^https?://#i', $path) === 1) ? 'pluginJs' : 'jsFiles';
+         }
+         if (!in_array($path, $this->$collection)) {
+             $this->{$collection}[] = $path;
+         }
+     }
+     /**
+      * Helper function to add a unique stylesheet entry to the LESS stack for compilation
+      * Duplicate paths are ignored.
+      * @param $path string The path of the file relative to the /style folder, without any extension
+      */
+     public function addLess($path)
+     {
+         if (!in_array($path, $this->lessFiles)) {
+             $this->lessFiles[] = $path;
+         }
+     }
+     /**
+      * @throws \Exception
+      */
+     protected function writeSounds()
+     {
+         if ($this->fluidbookSettings->soundTheme == '') {
+             return;
+         }
+         $dir = resource_path('fluidbookpublication/sounds/' . $this->fluidbookSettings->soundTheme);
+         $this->setSetting('simpleSoundTheme', file_exists($dir . '/flip.mp3'));
+         $this->vdir->copyDirectory($dir, 'data/sounds');
+     }
+     protected function writeAccessibility()
+     {
+         if ($this->fluidbookSettings->audiodescriptionTexts) {
+             $file = $this->wdir . '/' . $this->fluidbookSettings->audiodescriptionTexts;
+             if (file_exists($file)) {
+                 new PHPExcel();
+                 $reader = new PHPExcel_Reader_Excel2007();
+                 $phpexcel = $reader->load($file);
+                 $sheet = $phpexcel->getActiveSheet();
+                 $maxRow = $sheet->getHighestRow(0);
+                 for ($i = 0; $i <= $maxRow; $i++) {
+                     $page = trim($sheet->getCellByColumnAndRow(0, $i)->getValue());
+                     $text = trim($sheet->getCellByColumnAndRow(1, $i)->getValue());
+                     $voice = trim($sheet->getCellByColumnAndRow(2, $i)->getValue());
+                     if ($page == '' || $text == '') {
+                         continue;
+                     }
+                     $data = ['text' => $text];
+                     if ($voice) {
+                         $data['voice'] = $voice;
+                     }
+                     $this->audioDescriptionTextsList[$page] = $data;
+                 }
+             }
+         }
+         foreach ($this->audioDescriptionTextsList as $page => $data) {
+             $replace = [
+                 '`' => "'",
+                 '“' => '"',
+                 '”' => '"',
+                 '’' => "'",
+                 '—' => " - ",
+                 '‘' => "'",
+                 "…" => "...",
+             ];
+             $text = trim($data['text']);
+             $text = str_replace(array_keys($replace), array_values($replace), $text);
+             $text = Text::cleanUTF8($text, '');
+             $voiceInfos = $data['voice'] ?? $this->fluidbookSettings->audiodescriptionVoice;
+             if ($voiceInfos) {
+                 $e = explode(':', $voiceInfos);
+                 if (count($e) === 1) {
+                     $engine = 'azuretts';
+                     $voice = $voiceInfos;
+                 } else {
+                     $engine = $e[0];
+                     $voice = $e[1];
+                 }
+                 $hash = hash('sha256', $engine . ':' . $voice . '_^_' . $text);
+                 $fname = $hash . '.mp3';
+                 $dir = Files::mkdir(protected_path('audiodescription'));
+                 $file = $dir . $fname;
+                 if (!file_exists($file) || filesize($file) === 0) {
+                     if ($engine == 'azuretts') {
+                         $e = explode('/', $voice);
+                         $this->_azureTTS($text, $e[0], $e[1], $e[2], $file);
+                     }
+                 }
+                 $this->config->audiodescription[$page] = $fname;
+                 $this->vdir->copy($file, 'data/audiodescription/' . $fname);
+             }
+             $this->accessibleTexts[$page] = $text;
+         }
+         if (count($this->accessibleTexts) > 0) {
+             $this->config->accessibleTexts = $this->accessibleTexts;
+         }
+     }
+     protected function _azureTTS($text, $locale, $gender, $voiceName, $output)
+     {
+         try {
+             $api = new \Cubist\Azure\TTS\Api('28fdfcdcc7f141b29cd9db4afc5779c5');
+             $api->textToSpeech($text, $locale, $gender, $voiceName, $output);
+         } catch (Exception $e) {
+             dd($e);
+         }
+     }
+     protected function _writeIndex($page)
+     {
+         if (!isset($this->seo->pages[$page])) {
+             return;
+         }
+         /** @var Page $seo */
+         $seo = $this->seo->pages[$page];
+         if (!$this->fluidbookSettings->seoVersion) {
+             $seo->robots = false;
+         }
+         $html = $seo->getHTML();
+         if ($this->fluidbookSettings->seoVersion) {
+             $seo->writePage($html, $this->vdir);
+         }
+         if ($page == 1) {
+             $seo->writePage($html, $this->vdir, 'index.html');
+         }
+     }
+     /**
+      * @throws \Exception
+      */
+     public function getIndexVars()
+     {
+         if (null === $this->_indexVars) {
+             $titre = $this->fluidbookSettings->title;
+             if (null === $this->_signature) {
+                 $this->_signature = Signature::find($this->fluidbookSettings->signature);
+                 $credits = $this->_signature->credits;
+             } else {
+                 $credits = '';
+             }
+             $hiddenContents = implode("\n", $this->hiddenContents);
+             $bgcolor = $this->themeSettings->loadingBackColor;
+             // Feuilles de style
+             $sheets = array_merge($this->stylesheets, $this->specialCSS);
+             $style = array();
+             foreach ($sheets as $sheet) {
+                 $style[] = '<link type="text/css" rel="stylesheet" media="screen" href="' . $sheet . '?j=' . time() . '">';
+             }
+             $style = implode("\n\t\t", $style);
+             $this->log('Got index vars 1');
+             $pagesContents = '';
+             $cache = '';
+             $beginbody = implode("\n", array_unique($this->beginBody));
+             $jstime = "?j=" . time();
+             $iscript = '';
+             if (count($this->htmlmultimedia)) {
+                 $iscript .= '<script type="text/javascript">' . "\n";
+                 $iscript .= implode("\n", $this->htmlmultimedia);
+                 $iscript .= '</script>' . "\n";
+             }
+             $script = '<script type="text/javascript" charset="utf-8" src="data/datas.js' . $jstime . '"></script>' . "\n";
+             foreach ($this->jsLibs as $jsLib => $files) {
+                 $script .= "\t" . '<script type="text/javascript" charset="utf-8" src="data/' . $jsLib . '.js' . $jstime . '"></script>' . "\n";
+             }
+             if ($this->fluidbookSettings->scorm_enable) {
+                 $script .= "\t" . '<script type="text/javascript" charset="utf-8" src="data/scorm.js' . $jstime . '"></script>' . "\n";
+             }
+             if (count($this->specialJsFiles)) {
+                 $script .= "\t" . '<script type="text/javascript" charset="utf-8" src="data/special.js' . $jstime . '"></script>' . "\n";
+             }
+             foreach ($this->pluginJs as $p) {
+                 $script .= "\t" . '<script type="text/javascript" charset="utf-8" src="' . $p . $jstime . '"></script>' . "\n";
+             }
+             $script .= $iscript;
+             $this->log('Got index vars 2');
+             $socialTitle = htmlspecialchars($this->fluidbookSettings->facebook_title ?: $titre, ENT_COMPAT);
+             $socialDescription = htmlspecialchars($this->fluidbookSettings->facebook_description ?: $this->fluidbookSettings->seoDescription, ENT_COMPAT);
++            $socialImage = backpack_url('services/socialimage/' . $this->getFluidbook()->cid);
+             $dim = self::getSocialImageSize($this->getFluidbook());
+             $socialImageWidth = $dim[0];
+             $socialImageHeight = $dim[1];
+             $this->log('Got index vars 2.5');
+             $titre = $this->fluidbookSettings->title;
+             $description = '<meta name="description" content="' . $this->seo->pages[1]->description . '">';
+             $twittercard = '<meta name="twitter:title" content="' . $socialTitle . '">
+       <meta name="twitter:description" content="' . $socialDescription . '">
+       <meta name="twitter:image" content="' . $socialImage . '">
+       <meta name="twitter:site" content="@Fluidbook">
+       <meta name="twitter:card" content="summary_large_image">';
+             $opengraph = '<meta property="og:title" content="' . $socialTitle . '"/>
+       <meta property="og:description" content="' . $socialDescription . '"/>
+       <meta property="og:image" content="' . $socialImage . '"/>
+       <meta property="og:image:width" content="' . $socialImageWidth . '"/>
+       <meta property="og:image:height" content="' . $socialImageHeight . '"/>';
+             $this->log('Got index vars 3');
+             $favicon = '';
+             if ($this->theme->hasFaviconFile()) {
+                 $pngFile = $this->theme->getFaviconPath('png');
+                 $this->vdir->copy($this->theme->getFaviconPath('ico'), 'data/favicon.ico');
+                 $this->vdir->copy($pngFile, 'data/favicon.png');
+                 $this->vdir->copy($pngFile, 'data/apple-touch-icon.png');
+                 $datapng = 'data:image/png;base64,' . base64_encode(file_get_contents($pngFile));
+                 $favicon .= '<link rel="icon" type="image/png" href="' . $datapng . '" />' . "\n\t";
+                 $favicon .= '<link rel="apple-touch-icon" href="data/apple-touch-icon.png" />';
+             }
+             $print = $this->writePDF();
+             $message = '';
+             $this->log('Got index vars 4');
+             $splash = '';
+             $splashstyles = '';
+             $splashImage = $this->themeAsset('splashImage');
+             if ($splashImage) {
+                 $this->vdir->copy($splashImage->getPathname(), 'data/images/' . $splashImage->getFilename());
+                 $splashstyles = 'background-image:url(' . 'data/images/' . $splashImage->getFilename() . ');background-size:contain;background-position:50% 50%;';
+                 if ($this->fluidbookSettings->splashURL !== '') {
+                     $splash = '<a href="' . $this->fluidbookSettings->splashURL . '" target="' . $this->fluidbookSettings->splashTarget . '" style="display:block;position:absolute;top:0;left;0;width:100%;height:100%"></a>';
+                 }
+             } else if ($logoLoader = $this->themeAsset('logoLoader')) {
+                 $dim = Image::getimagesize($logoLoader->getPathname());
+                 if ($dim !== false) {
+                     $this->vdir->copy($logoLoader->getPathname(), 'data/images/' . $logoLoader->getFilename());
+                     $splash .= '<div class="logo"><img src="data/images/' . $logoLoader->getFilename() . '" width="' . $dim[0] . '" height="' . $dim[1] . '" alt="" /></div>';
+                 }
+             }
+             $svg = $this->_mergeSVG();
+             if ($this->phonegap) {
+                 $csp = "<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self' data: gap: 'unsafe-inline' *; style-src 'self' 'unsafe-inline'; font-src 'self' data:; script-src 'self' 'unsafe-inline' 'unsafe-eval' " . implode(' ', array_unique($this->securityPolicyWhitelist)) . "; img-src * data:\">";
+             }
+             $lang = $this->getFluidbook()->lang;
+             $console = '';
+             if ($this->fluidbookSettings->debugConsole) {
+                 $console = '<div id="consoleHolder" style="position: fixed;bottom:0"><div id="consolelog" style="font-family: \'Courier New\', Courier, monospace; font-size: 12px; margin: 40px 30px 0px; background-color: white; border: 2px solid black; padding: 10px;"></div>
+ <input type="text" id="consoleinput" style="margin: 0px 30px; width: 400px;" onkeypress="return evalConsoleInput(event, this.value);" /></div>
+ <script type="text/javascript">
+       var appendConsole = function(message, type) {
+               var color = "black";
+               if (type === "error") {
+                       color = "red";
+               } else if (type === "debug") {
+                       color = "blue";
+               }
+               var div = document.createElement(\'div\');
+               div.style.color = color;
+               div.style.marginBottom = "10px";
+               div.innerHTML = message;
+               document.getElementById("consolelog").appendChild(div);
+       }
+       var originalConsole = null;
+       if (window.console != null) {
+               originalConsole = window.console;
+       }
+       window.console = {
+               log: function(message) {
+                       appendConsole(message, "info");
+                       originalConsole.log(message);
+               },
+               info: function(message) {
+                       appendConsole(message, "info");
+                       originalConsole.info(message);
+               },
+               debug: function(message) {
+                       appendConsole(message, "debug");
+                       originalConsole.debug(message);
+               },
+               error: function(message) {
+                       appendConsole(message, "error");
+                       originalConsole.error(message);
+               }
+       };
+       function evalConsoleInput(e, message) {
+               if (e.keyCode == 13) { // 13 is the keycode for the enter key
+                       var inputField = document.getElementById("consoleinput");
+                       var evalString = inputField.value;
+                       console.log("> " + evalString);
+                       try {
+                               var returnValue = eval(evalString);
+                               console.log(returnValue);
+                       } catch (e) {
+                               console.error(e.message);
+                       } finally {
+                               inputField.value = "";
+                       }
+               }
+       }
+ </script>';
+             }
+             $this->log('Got index vars 5');
+             $vars = array('lang', 'titre', 'credits', 'style', 'script', 'pagesContents', 'print', 'hiddenContents', 'splash', 'splashstyles', 'cache', 'bgcolor', 'message', 'favicon', 'svg', 'beginbody', 'csp', 'opengraph', 'twittercard', 'description', 'console');
+             $res = [];
+             foreach ($vars as $v) {
+                 if (isset($$v)) {
+                     $res['<!-- $' . $v . ' -->'] = $$v;
+                 } else {
+                     $res['<!-- $' . $v . ' -->'] = '';
+                 }
+             }
+             $this->_indexVars = $res;
+             $this->log('Got index vars 6');
+         }
+         return $this->_indexVars;
+     }
+     protected function _mergeSVG()
+     {
+         $symbols = [];
+         foreach ($this->svgfiles as $svgfile) {
+             $symbols = array_merge($symbols, $this->_getSVGSymbols($svgfile));
+         }
+         $symbols = array_merge($symbols, $this->_svgSymbols);
+         return '<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">' . str_replace('> <', '><', Text::removeNewLines(implode('', $symbols))) . '</svg>';
+     }
+     protected function _getSVGSymbols($svg)
+     {
+         if (file_exists($svg)) {
+             $svg = file_get_contents($svg);
+         }
+         $svg = str_replace('$bookmark-color', Color::colorToCSS($this->themeSettings->bookmarkBackgroundColor), $svg);
+         $res = [];
+         $xml = simplexml_load_string($svg);
+         if (!$xml) {
+             return $res;
+         }
+         $xml->registerXPathNamespace('svg', 'http://www.w3.org/2000/svg');
+         foreach ($xml->xpath('//svg:symbol') as $item) {
+             $res[(string)$item['id']] = $item->asXML();
+         }
+         return $res;
+     }
+     protected function writeIndex()
+     {
+         $iv = $this->getIndexVars();
+         $this->log('Got index vars');
+         foreach ($iv as $k => $v) {
+             $this->seo->html = str_replace($k, $v, $this->seo->html);
+         }
+         if ($this->fluidbookSettings->seoVersion) {
+             foreach ($this->pages as $page => $infos) {
+                 $this->_writeIndex($page);
+             }
+         } else {
+             $this->_writeIndex(1);
+         }
+     }
+     protected function writeWidget()
+     {
+         // Write widget html
+ //        if ($this->widget) {
+ //            $whtml = file_get_contents($this->assets . '/widget.html');
+ //            $script = '<script type="text/javascript" charset="utf-8" src="data/datas.js"></script>';
+ //            $script .= '<script type="text/javascript" charset="utf-8" src="data/widget.js"></script>';
+ //
+ //            $style = '<link type="text/css" rel="stylesheet" href="style/widget.css">';
+ //            $vars = array('titre', 'style', 'script');
+ //            foreach ($vars as $v) {
+ //                if (isset($$v)) {
+ //                    $whtml = str_replace('<!-- $' . $v . ' -->', $$v, $whtml);
+ //                } else {
+ //                    $whtml = str_replace('<!-- $' . $v . ' -->', '', $whtml);
+ //                }
+ //            }
+ //            $this->vdir->file_put_contents('widget.html', $whtml);
+ //        }
+     }
+     function writeSEO()
+     {
+         foreach ($this->seoArticles as $seoArticle) {
+             if ($this->hybrid) {
+                 $html = file_get_contents($this->assets . '/_seohybrid.html');
+             } else {
+                 $html = file_get_contents($this->assets . '/_seo.html');
+             }
+             $a = $seoArticle;
+             unset($a['image']);
+             $a['imageurl'] = 'https://workshop.fluidbook.com/services/facebook_thumbnail?cid=' . $this->getFluidbook()->cid . '&j=' . time();
+             if ($seoArticle['image']) {
+                 $a['imageurl'] .= '&image=' . $seoArticle['image'];
+             }
+             $dim = Image::getimagesize($a['imageurl']);
+             $a['imagewidth'] = $dim[0];
+             $a['imageheight'] = $dim[1];
+             foreach ($a as $k => $v) {
+                 $html = str_replace('$' . $k, $v, $html);
+             }
+             $this->vdir->file_put_contents('p/' . $seoArticle['url'], $html);
+         }
+         $this->seo = new Document($this);
+     }
+     public function addContentLock($page, $unlockConditions = '')
+     {
+         $this->config->hasContentLock = true;
+         $unlockConditions = Text::explodeNewLines($unlockConditions);
+         $conditions = [];
+         foreach ($unlockConditions as $unlockCondition) {
+             $e = explode(',', $unlockCondition);
+             if (!isset($e[1])) {
+                 $e[1] = 'click';
+             }
+             $conditions[] = $e;
+         }
+         $page = max(1, $page);
+         if (!isset($this->content_lock[$page])) {
+             $this->content_lock[$page] = ['unlocked' => 0, 'conditions' => []];
+         }
+         $this->content_lock[$page]['conditions'] = array_merge($this->content_lock[$page]['conditions'], $conditions);
+     }
+     protected function writeScorm()
+     {
+         $manifestfiles = ['1.2' => '_imsmanifest.12.xml', '2004' => '_imsmanifest.2004.xml', '2004.3' => '_imsmanifest.2004-3.xml'];
+         $manifestfile = $manifestfiles[(string)$this->fluidbookSettings->scorm_version];
+         $manifest = file_get_contents($this->assets . '/' . $manifestfile);
+         if (!$this->fluidbookSettings->scorm_title) {
+             $this->fluidbookSettings->scorm_title = $this->fluidbookSettings->title;
+         }
+         if (!$this->fluidbookSettings->scorm_id || ($this->getFluidbook()->book_id > 16614 && $this->fluidbookSettings->scorm_id === 'MFMCTE091mobile')) {
+             $this->fluidbookSettings->scorm_id = 'fb_' . $this->getFluidbook()->book_id;
+         }
+         if (!$this->fluidbookSettings->scorm_org) {
+             $this->fluidbookSettings->scorm_org = 'Fluidbook';
+         }
+         $vars = array('scorm_id', 'scorm_org', 'scorm_title');
+         foreach ($vars as $v) {
+             $manifest = str_replace('$' . $v, htmlspecialchars($this->fluidbookSettings->$v, ENT_QUOTES), $manifest);
+         }
+         $this->vdir->file_put_contents('imsmanifest.xml', $manifest);
+         $this->config->scorm_variables = $this->fluidbookSettings->scorm_variables = $this->parseVariables($this->fluidbookSettings->scorm_variables);
+         if ($this->fluidbookSettings->scorm_quizdata) {
+             $this->config->scorm_quizdata = ExcelToArray::excelToArray($this->wdir . '/' . $this->fluidbookSettings->scorm_quizdata);
+         }
+     }
+     protected function parseVariables($f)
+     {
+         $variables = [];
+         $f = str_replace("\r", "\n", $f);
+         $e = Text::explodeNewLines($f);
+         foreach ($e as $item) {
+             $item = trim($item);
+             if ($item == '') {
+                 continue;
+             }
+             $f = explode('=', $item, 2);
+             $variables[trim($f[0])] = trim($f[1]);
+         }
+         return $variables;
+     }
+     protected function writePDF()
+     {
+         if (!$this->fluidbookSettings->print && !$this->fluidbookSettings->pdf) {
+             return;
+         }
+         $res = PDF::compilePDF($this->getFluidbook());
+         if (!$this->config->pdfName) {
+             $this->config->pdfName = 'document.pdf';
+         }
+         $this->config->pdfName = Text::removeAccents($this->config->pdfName);
+         if (mb_strtolower(substr($this->config->pdfName, -4)) !== '.pdf') {
+             $this->config->pdfName .= '.pdf';
+         }
+         if ($res !== false) {
+             $this->vdir->copy($res, 'data/' . $this->config->pdfName);
+         }
+         $this->log('PDF written');
+         return '';
+     }
+     protected function addFilesInfos($key, $file)
+     {
+         if (!file_exists($file)) {
+             return;
+         }
+         if (!isset($this->config->filesInfos)) {
+             $this->config->filesInfos = array();
+         }
+         $infos = array('filesize' => filesize($file));
+         $dim = Image::getimagesize($file);
+         if ($dim !== false) {
+             $infos['width'] = $dim[0];
+             $infos['height'] = $dim[1];
+         }
+         $this->config->filesInfos[$key] = $infos;
+     }
+     protected function __($str)
+     {
+         if (!isset($this->config->l10n)) {
+             $this->writeLangs();
+         }
+         return $this->config->get('l10n.default.' . $str, $str);
+     }
+     protected function writeLangs()
+     {
+         $this->config->defaultLang = $this->getFluidbook()->locale;
+         $l10n = FluidbookTranslate::getCompiledTranslations();
+         $l10n['default'] = $this->getFluidbook()->getDefaultTranslations($l10n);
+         $this->config->setRaw('l10n', $l10n);
+         $multilang = Text::explodeNewLines($this->config->get('multilang', ''));
+         if (count($multilang)) {
+             $m = array();
+             foreach ($multilang as $line) {
+                 $line = trim($line);
+                 if ($line == '') {
+                     continue;
+                 }
+                 $l = explode(',', $line);
+                 $locale = $l[0];
+                 $flag = $l[1];
+                 $this->getVirtualDirectory()->copy(resource_path('fluidbookpublication/flags/' . $flag . '.png'), 'images/flags/' . $flag . '.png');
+                 $l[3] = Text::ucfirst(Locale::translate($locale, $locale));
+                 $l[4] = Country::translate($flag, $locale);
+                 $m[] = implode(',', $l);
+             }
+             $this->config->setRaw('multilang', implode("\n", $m));
+         }
+     }
+     protected function writeExtras()
+     {
+         //dd($this->themeAsset('afterSearch'));
+         if ($afterSearch = $this->themeAsset('afterSearch')) {
+             $this->vdir->copy($afterSearch->getPathname(), 'data/images/' . $afterSearch->getFilename());
+         }
+         if ($this->fluidbookSettings->externalArchives != '') {
+             $this->addFilesInfos('archives', $this->wdir . '/' . $this->fluidbookSettings->externalArchives);
+             $this->vdir->copy($this->wdir . '/' . $this->fluidbookSettings->externalArchives, 'data/images/' . $this->fluidbookSettings->externalArchives);
+         }
+         if (stristr($this->fluidbookSettings->navExtraImage, '.')) {
+             $this->vdir->copy($this->wdir . '/' . $this->fluidbookSettings->navExtraImage, 'data/images/' . $this->fluidbookSettings->navExtraImage);
+         }
+         if (stristr($this->fluidbookSettings->navExtraImageMobile, '.')) {
+             $this->vdir->copy($this->wdir . '/' . $this->fluidbookSettings->navExtraImageMobile, 'data/images/' . $this->fluidbookSettings->navExtraImageMobile);
+         }
+         for ($i = 1; $i <= 5; $i++) {
+             $ic = $this->fluidbookSettings->{'navExtraIcon' . $i};
+             if ($ic != '') {
+                 if (stristr($ic, '.svg')) {
+                     $e = explode('.', $ic);
+                     $sname = 'external-' . $e[0];
+                     $this->addSVGSymbolFromFile($this->wdir . '/' . $ic, $sname);
+                     $this->config->{'navExtraIcon' . $i} = $sname;
+                 } else if (stristr($ic, '.')) {
+                     $this->vdir->copy($this->wdir . '/' . $ic, 'data/images/' . $ic);
+                 }
+             }
+         }
+     }
+     protected function addSVGSymbolFromFile($svg, $symbolName)
+     {
+         $svg = SVGTools::optimizeSVG($svg);
+         $xml = simplexml_load_string(file_get_contents($svg));
+         $viewBox = (string)$xml['viewBox'];
+         $this->_svgSymbols[$symbolName] = '<symbol id="' . $symbolName . '" viewBox="' . $viewBox . '">' . $this->SimpleXMLElement_innerXML($xml) . '</symbol>';
+     }
+     /**
+      * @return bool
+      */
+     public function isOnePage(): bool
+     {
+         return $this->_fluidbook->isOnePage();
+     }
+     /**
+      * @param $e \Exception
+      * @param $link Link
+      * @return void
+      * @throws \Exception
+      */
+     protected function triggerLinkError($e, $link)
+     {
+         Log::error($e);
+         /*$c = explode('\\', get_class($link));
+         $type = array_pop($c);
+         $type = str_replace('Link', '', $type);
+         throw new \Exception('Error on the ' . $type . ' link to ' . $link->to . ' on page ' . $link->page . '  with message : ' . $e->getMessage());*/
+     }
+     protected function _htmlLinkList($list)
+     {
+         if (!count($list)) {
+             return [];
+         }
+         $res = [];
+         foreach ($list as $blendmode => $l) {
+             usort($l, [$this, '_sortLinksByDepth']);
+             $res[$blendmode] = [];
+             foreach ($l as $item) {
+                 $res[$blendmode][] = $item->getHTMLContainer();
+             }
+         }
+         return $res;
+     }
+     public function getBookSurface()
+     {
+         return $this->width * $this->height;
+     }
+     protected function _sortLinksByDepth($a, $b)
+     {
+         $c = $a->getDepth() - $b->getDepth();
+         if ($c === 0) {
+             $c = $b->getSurface() - $a->getSurface();
+         }
+         if ($c === 0) {
+             $c = $b->getInitialOrder() - $a->getInitialOrder();
+         }
+         return $c;
+     }
+     public function addSlideshowLibrary($inline = true)
+     {
+         $l = ($inline ? $this->config->inlineSlideshowLibrary : $this->config->popupSlideshowLibrary);
+         if ($l === 'splide') {
+             $this->addJsLib('splide', 'js/libs/splide/splide.js');
+         }
+         $this->addJsLib('slideshow', ['js/libs/fluidbook/slideshow/fluidbook.slideshow.js',
+             'js/libs/fluidbook/slideshow/fluidbook.slideshow.' . $l . '.js']);
+         $this->addLess('slideshow/' . $l);
+     }
+     public function addSEOArticle($page, $title, $intro, $image, $id = null, $url = null, $content = '')
+     {
+         if (null === $url) {
+             $url = Text::str2URL($title) . '.html';
+         }
+         if (null === $id) {
+             $id = $title;
+         }
+         $this->seoArticles[$id] = ['title' => $title, 'description' => $intro, 'image' => $image, 'content' => $content, 'page' => $page, 'url' => $url, 'id' => $id];
+     }
+     public function _sortLinks($a, $b)
+     {
+         $priorities = array(26 => -1, 35 => 1);
+         $pa = isset($priorities[$a['type']]) ? -$priorities[$a['type']] : 0;
+         $pb = isset($priorities[$b['type']]) ? -$priorities[$b['type']] : 0;
+         return $pb - $pa;
+     }
+     public function addBookmarkGroup($link)
+     {
+         if ($link['left'] > $this->fluidbookSettings->width) {
+             //$link['page']++;
+         }
+         if ($link['page'] <= 0 || $link['page'] > $this->fluidbookSettings->pages) {
+             return;
+         }
+         $this->config->bookmarkGroups[] = array('page' => ($link['page']), 'nb' => $link['to'], 'name' => $link['extra']);
+     }
+     public function addTriggersLink($page, $link, $delay = 0)
+     {
+         $this->config->push('triggersLinks', ['page' => $page, 'link' => $link, 'delay' => $delay]);
+     }
+     public function addAudiodescription($link)
+     {
+         $e = explode('.', $link['to']);
+         $ext = mb_strtolower(array_pop($e));
+         if ($ext === 'txt') {
+             $file = $this->wdir . '/' . $link['to'];
+             if (file_exists($file)) {
+                 $this->audioDescriptionTextsList[$link['page']] = ['text' => file_get_contents($file)];
+             }
+         } else {
+             $this->config->set('audiodescription.' . $link['page'], $link['to']);
+             $this->copyLinkFile($link['to'], 'data/audiodescription/');
+         }
+     }
+     protected function beforeWriteConfig()
+     {
+         // Dynamic background
+         $dbc = [];
+         $p = $this->parseVariables($this->fluidbookSettings->dynamicBackgroundColor);
+         foreach ($p as $range => $color) {
+             $e = explode(',', $color);
+             $pages = ArrayUtil::parseRange($range);
+             foreach ($pages as $page) {
+                 $dbc[$page] = $e;
+             }
+         }
+         $this->config->dynamicBackgroundColor = $dbc;
+         if ($this->fluidbookSettings->textsThickness > 1) {
+             if ($this->fluidbookSettings->textsThicknessPages == '') {
+                 $this->config->textsThicknessPages = range(1, $this->fluidbookSettings->pages);
+             } else {
+                 $this->config->textsThicknessPages = ArrayUtil::parseRange($this->fluidbookSettings->textsThicknessPages);
+             }
+         } else {
+             $this->config->textsThickness = 1;
+             $this->config->textsThicknessPages = [];
+         }
+         // Content locks
+         uasort($this->content_lock, function ($a, $b) {
+             return $a['page'] - $b['page'];
+         });
+         // Gamify
+         $p = $this->parseVariables($this->fluidbookSettings->gamify_coins_pages);
+         foreach ($p as $range => $coins) {
+             $pages = ArrayUtil::parseRange($range);
+             foreach ($pages as $page) {
+                 $this->config->gamifyCoins['visit_page_' . $page] = (int)$coins;
+             }
+         }
+         $this->config->content_lock = $this->content_lock;
+     }
+     public function addPDFJS($force = false)
+     {
+         if ($this->_addedPDFJS) {
+             return;
+         }
+         if (stripos($this->fluidbookSettings->PDFRenderer, 'pdfjs') !== false) {
+             $renderer = $this->fluidbookSettings->PDFRenderer;
+         } else if ($force) {
+             $renderer = 'pdfjs-legacy';
+         } else {
+             return;
+         }
+         $this->_addedPDFJS = true;
+         if ($renderer === 'pdfjs') {
+             $resource = resource_path('pdfjs/dist-min');
+         } else if ($renderer === 'pdfjs-legacy') {
+             $resource = resource_path('pdfjs/legacy-min');
+         }
+         $this->vdir->copyDirectory($resource, 'pdfjs');
+         $this->vdir->copy($this->assets . '/js/libs/pdfjs/custom.js', 'pdfjs/web/custom.js');
+         $css = '.seamless #sidebarContainer, .seamless .toolbar {display:none !important;}';
+         $css .= '.seamless .pdfViewer{padding:0 !important;}';
+         $css .= '.seamless #viewerContainer{top:0 !important;overflow:visible !important;}';
+         $css .= '.seamless{--page-border:0;--page-margin:0;--body-bg-color:transparent;}';
+         $css .= '.openFile,.rotateCw,.rotateCcw,.rotateCcw + .horizontalToolbarSeparator{display:none !important;}' . $this->fluidbookSettings->PDFJSCSS;
+         $this->vdir->file_put_contents('pdfjs/web/viewer.css', file_get_contents($resource . '/web/viewer.css') . $css);
+     }
+     protected function writeJs()
+     {
+         $this->beforeWriteConfig();
+         $config = $this->writeConfig();
+         $this->vdir->file_put_contents('data/datas.js', $config);
+         $finals = $this->jsLibs;
+         $this->addPDFJS();
+         if ($this->fluidbookSettings->scorm_enable) {
+             $finals['scorm'] = array();
+             $finals['scorm'][] = 'js/libs/scorm/apiwrapper.js';
+             $finals['scorm'][] = 'js/libs/scorm/scorm.js';
+         }
+         if (count($this->specialJsFiles)) {
+             $finals['special'] = $this->specialJsFiles;
+         }
+         if ($this->widget) {
+             $finals['widget'] = $this->widgetJsFiles;
+         }
+         $dirminimized = Files::mkdir($this->compiledAssets . '/js/min');
+         foreach ($finals as $jsfinal => $files) {
+             $mintime = 0;
+             $hash = hash('sha256', json_encode($files));
+             $minimized = $dirminimized . $jsfinal . '-' . $hash . '-min.js';
+             if (file_exists($minimized) && filesize($minimized) > 0) {
+                 $mintime = filemtime($minimized);
+                 $reminimize = false;
+             } else {
+                 $mintime = 0;
+                 $reminimize = true;
+             }
+             if (!$reminimize) {
+                 foreach ($files as $file) {
+                     $f = $this->assets . '/' . $file;
+                     if (file_exists($f) && filemtime($f) > $mintime) {
+                         $reminimize = true;
+                         break;
+                     }
+                 }
+             }
+             if (!$reminimize) {
+                 if (filemtime(__FILE__) > $mintime || (file_exists(__DIR__ . '/class.ws.html5.links.php') && filemtime(__DIR__ . '/class.ws.html5.links.php') > $mintime)) {
+                     $reminimize = true;
+                 }
+             }
+             if ($reminimize) {
+                 $js = '';
+                 $hasNonMin = false;
+                 foreach ($files as $file) {
+                     $f = $this->assets . '/' . $file;
+                     if (!file_exists($f)) {
+                         continue;
+                     }
+                     if (strpos($f, '.min.') === false) {
+                         $hasNonMin = true;
+                     }
+                     $js .= file_get_contents($f);
+                     $js .= ";\n\n";
+                 }
+                 $tmp = Files::tempnam();
+                 file_put_contents($tmp, $js);
+                 if (file_exists($minimized)) {
+                     unlink($minimized);
+                 }
+                 if (file_exists($tmp) && filesize($tmp) > 0) {
+                     if ($hasNonMin) {
+                         $uglify = new CommandLine('uglifyjs');
+                         $uglify->setArg('o', $minimized);
+                         $uglify->setArg(null, $tmp);
+                         $uglify->execute();
+                     } else {
+                         $uglify = null;
+                         copy($tmp, $minimized);
+                     }
+                     if (!file_exists($minimized) || filesize($minimized) == 0) {
+                         die('An error occured while uglifying ' . $hasNonMin . '? ' . $minimized . ': ' . ($uglify ? $uglify->commande : '') . ' :: ' . ($uglify ? $uglify->output : '') . '(' . implode(',', $files) . ')');
+                     }
+                 }
+             }
+             $dest = 'data/' . $jsfinal . '.js';
+             $this->vdir->copy($minimized, $dest);
+         }
+         if ($this->phonegap) {
+             // $this->vdir->copy(WS_COMPILE_ASSETS . '/_html5/js/libs/phonegap/' . $this->phonegapVersion . '/cordova-' . $this->phonegap . '.js', 'data/cordova.js');
+         }
+         $this->vdir->copyDirectory($this->assets . '/js/libs/fluidbook/workers', 'js/libs/fluidbook/workers');
+         $this->vdir->copyDirectory($this->assets . '/js/libs/stand', 'js/libs/stand');
+         $this->vdir->copyDirectory($this->assets . '/js/libs/polyfills', 'js/libs/polyfills');
+     }
+     public function getCacheDir($path): string
+     {
+         return Files::mkdir(protected_path('fluidbookpublication/cache/' . $path));
+     }
+     public function writeTexts()
+     {
+         $cache = sha1($this->fluidbookSettings->highlightResults . '/--/' . $this->fluidbookSettings->searchWordSelectionAlgorithm . '///' . $this->fluidbookSettings->textExtraction . '|--|' . $this->fluidbookSettings->ignoreSearchSeparators . '|||' . $this->getFluidbook()->getCompositionUpdate() . '()()()' . FWSTK::lastUpdate());
+         $cacheDir = Files::mkdir(protected_path('fluidbookpublication/index/' . $this->book_id . '/' . $cache . '/'));
+         $indexFile = $cacheDir . '/search.index.js';
+         $textFile = $cacheDir . '/search.texts.js';
+         $hightlightsFile = $cacheDir . '/search.highlight.js';
+         if (!file_exists($indexFile) || !file_exists($textFile)) {
+             SearchIndex::makeTextsIndexes($this, $cacheDir, $index, $texts, true);
+             file_put_contents($indexFile, 'var INDEX=' . $index . ';' . "\r");
+             file_put_contents($textFile, 'var TEXTS=' . $texts . ";\r");
+         }
+         if ($this->fluidbookSettings->highlightResults && !file_exists($hightlightsFile)) {
+             file_put_contents($hightlightsFile, 'var HIGHLIGHTS=' . json_encode(SearchIndex::makeHighlightIndex($this)) . ";\r");
+         }
+         $this->vdir->copy($cacheDir . '/search.index.js', 'data/search.index.js');
+         if ($this->fluidbookSettings->highlightResults) {
+             $this->vdir->copy($cacheDir . '/search.highlight.js', 'data/search.highlight.js');
+         }
+         if ($this->fluidbookSettings->searchWordSelectionAlgorithm == 'expression') {
+             $this->vdir->copy($cacheDir . '/search.texts.js', 'data/search.texts.js');
+         }
+     }
+     protected function _SVGCleanAsset($a)
+     {
+         if (!stristr($a, '.svg')) {
+             return $a;
+         }
+         $clean = str_replace('.svg', '.o.svg', $a);
+         $path = $this->wdir . '/' . $a;
+         $opt = $this->wdir . '/' . $clean;
+         if (!file_exists($opt) || !filesize($opt) || filemtime($path) > filemtime($opt)) {
+             if (file_exists($opt) && is_link($opt)) {
+                 unlink($opt);
+             }
+             SVGTools::_optimizeSVG($path, $opt);
+         }
+         return $clean;
+     }
+     public function supportSVG()
+     {
+         if (!$this->phonegap) {
+             return false;
+         } else if ($this->phonegap == 'ios') {
+             return true;
+         } else {
+             return false;
+         }
+     }
+     protected function writeConfig()
+     {
+         $data = $this->config->getRawData();
+         foreach ($data as $k => $v) {
+             if (null === $v) {
+                 $v = $data[$k] = '';
+             }
+             if ($this->getFluidbook()->getField($k) instanceof Checkbox) {
+                 $v = $data[$k] = !!$v;
+             }
+         }
+         $data['id'] = $this->book_id;
+         $data['compiler'] = 3;
+         return 'var SETTINGS=' . json_encode($data) . ';' . "\n";
+     }
+     protected function writeCountries()
+     {
+         $c = Country::getList($this->getFluidbook()->locale);
+         asort($c);
+         $this->config->countries = $c;
+     }
+     protected function writeManifest()
+     {
+         $res = array();
+         // TODO: Why was this function missing a return statement? It's called from populateConfig() is expected to return a value.
+         return $res;
+     }
+     protected function writeImages()
+     {
+         switch ($this->fluidbookSettings->mobileVersion) {
+             case 'html5-desktop':
+                 $this->backgroundsPrefix = array(true, false);
+                 $this->svg = true;
+                 break;
+             case 'html5-images':
+                 $this->backgroundsPrefix = array(true);
+                 $this->svg = false;
+                 break;
+             default:
+                 $this->backgroundsPrefix = array(false);
+                 $this->svg = true;
+                 break;
+         }
+         $rasterizePages = $this->config->rasterizePages;
+         $this->config->pagesDimensions = [];
+         if ($this->fluidbookSettings->mobileNavigationType === 'mobilefirst') {
+             $imdir = 'mf';
+         } else {
+             $imdir = 'html';
+         }
+         $thumbs = array();
+         foreach ($this->pages as $page => $infos) {
+             $thisrasterize = in_array($page, $rasterizePages);
+             $thisimagesvg = !$thisrasterize && $this->svg;
+             $thisbackgroundPrefix = $thisrasterize ? [true] : $this->backgroundsPrefix;
+             foreach ($this->getResolutions() as $r) {
+                 foreach ($thisbackgroundPrefix as $backgroundsPrefix) {
+                     $source = $this->getFluidbook()->getFile($page, $this->imageFormat, $r, $backgroundsPrefix, true, $imdir);
+                     if ($r === $this->maxRes) {
+                         $this->getPageDimension($page);
+                     }
+                     $this->vdir->copy($source, 'data/background/' . $r . '/' . ($backgroundsPrefix ? 't' : 'p') . $page . '.' . $this->imageFormat);
+                 }
+             }
+             if ($thisimagesvg) {
+                 $this->vdir->copy(
+                     $this->getFluidbook()->getFile($page, 'svg', 150, true,
+                         in_array($page, $this->config->vectorPages), 'html')
+                     , 'data/contents/p' . $page . '.svg');
+             }
+             $t = $this->getFluidbook()->getThumbFile($page, $this->imageFormat);
+             $this->vdir->copy($t, 'data/thumbnails/p' . $page . '.' . $this->imageFormat);
+             $this->log('Made image page ' . $page);
+         }
+         $this->_makeCover($this->getFluidbook()->getFile(1, 'jpg', 150, true, true));
+         $this->log('Made cover for apps');
+         $this->log('Made images');
+     }
+     /**
+      * @param $page
+      * @return array
+      */
+     protected function getPageDimension($page)
+     {
+         $k = 'pagesDimensions.' . $page;
+         if (!$this->config->has($k)) {
+             $d = $this->getFluidbook()->getDocumentSize($page);
+             $res = [round($this->cssWidth, 2), round($d[1] * ($this->cssWidth / $d[0]), 2)];
+             $this->config->set($k, $res);
+             return $res;
+         }
+         return $this->config->get($k);
+     }
+     public function getWidth()
+     {
+         return $this->getPageDimension(1)[0];
+     }
+     public function getHeight()
+     {
+         return $this->getPageDimension(1)[1];
+     }
+     protected function _makeCover($orig)
+     {
+         $cached = $this->wdir . '/_cover.jpg';
+         if (!file_exists($cached) || filemtime($cached) < filemtime($orig)) {
+             $size = Image::getimagesize($orig);
+             $w = $size[0];
+             $h = $size[1];
+             $tmp = Files::tempnam() . '.png';
+             $c = new CommandLine('convert');
+             $c->setArg(null, resource_path('fluidbookpublication/cover/shade-cover-app.png'));
+             $c->setManualArg('-resize ' . round($w / 3) . 'x' . $h);
+             $c->setArg(null, $tmp);
+             $c->execute();
+             $convert = new CommandLine('composite');
+             $cmd = '-compose Multiply ';
+             $cmd .= $tmp . ' ' . $orig . ' ';
+             $cmd .= $cached;
+             $convert->setManualArg($cmd);
+             $convert->execute();
+             unlink($tmp);
+         }
+         $this->vdir->copy($cached, 'cover.jpg', true);
+     }
+     protected function _lessBoolean($val)
+     {
+         return $this->_themeBoolean($val) ? 'true' : 'false';
+     }
+     protected function _font($f)
+     {
+         $default = 'Arial, Helvetica, sans-serif';
+         if ($f === 'OpenSans') {
+             $f = 'Open Sans';
+         }
+         switch ($f) {
+             case 'Montserrat':
+             case 'Open Sans':
+                 $this->addFontKit($f);
+                 return "'" . $f . "', " . $default;
+             case 'sans-serif':
+                 return $f;
+             case 'Arial':
+                 return $default;
+             default:
+                 return "'Open Sans', Arial, Helverica, sans-serif";
+         }
+     }
+     protected function _themeBoolean($v)
+     {
+         return !(null === $v || $v === '0' || $v === 0 || $v === false || !$v);
+     }
+     protected function writeCSS($links)
+     {
+         $res = array();
+         $this->addFontKit('OpenSans');
+         $lessContents = '';
+         $this->lessVariables['font'] = $this->_font($this->themeSettings->interfaceFont);
+         $this->lessVariables['text-transform'] = $this->_themeBoolean($this->themeSettings->interfaceFontUppercase) ? 'uppercase' : 'inherit';
+         $this->lessVariables['css-scale'] = $this->cssScale;
+         $this->lessVariables['slider-background'] = Color::colorToCSS(!$this->themeSettings->sliderBackground ? 'rgba(0,0,0,0.1)' : $this->themeSettings->sliderBackground);
+         $this->lessVariables['slider-handle'] = Color::colorToCSS(!$this->themeSettings->sliderHandle ? '#ffffff' : $this->themeSettings->sliderHandle);
+         $this->lessVariables['slider-display'] = $this->_lessBoolean($this->themeSettings->pagesBar);
+         $this->lessVariables['slider-thumb-background'] = Color::colorToCSS($this->themeSettings->pageBarThumbBack);
+         $this->lessVariables['pages-background'] = $this->fluidbookSettings->forceWhiteBackground ? '#ffffff' : 'transparent';
+         $this->log('CSS 1');
+         // General theme
+         $cssWidth = $this->cssWidth;
+         $cssHeight = $this->cssHeight;
+         $cssScale = $this->cssScale;
+         $w2 = ($cssWidth * 2) . 'px';
+         $h = $cssHeight . 'px';
+         $wm = ($this->width * $this->multiply) . 'px';
+         $hm = ($this->height * $this->multiply) . 'px';
+         $w = $cssWidth . 'px';
+         $offsetLeft = round(($this->optimalWidth - $cssWidth) / 2, 3);
+         $offsetLeft2 = $offsetLeft * 2;
+         $offsetTop = round(($this->optimalHeight - $cssHeight) / 2, 3);
+         $navTop = ($cssHeight - 40 - 100) / 2;
+         $leftOfRightPage = (floor($cssWidth) - 1) . 'px';
+         $this->lessVariables['z'] = $this->z;
+         $this->lessVariables['book-page-width'] = $w;
+         $this->lessVariables['book-page-correct-width'] = $w;
+         $this->lessVariables['book-page-correct-height'] = $h;
+         $this->log('CSS 2');
+         $this->lessVariables['book-page-height'] = $h;
+         $this->lessVariables['book-page-ratio'] = floatval($w) / floatval($h);
+         $this->lessVariables['page-shade-opacity'] = min(1, $this->themeSettings->shadeAlpha / 50);
+         $c = new Color($this->themeSettings->bookShadeColor);
+         $this->lessVariables['shadow-opacity'] = $c->getAlpha() * 1.2;
+         $this->lessVariables['edges-display'] = $this->_lessBoolean($this->themeSettings->usePageEdges);
+         $this->lessVariables['edge-left-offset'] = 0;
+         $this->lessVariables['edge-right-offset'] = 0;
+         $this->lessVariables['edges-opacity'] = 1;
+         $this->lessVariables['audioplayer-background-color'] = Color::colorToCSS($this->themeSettings->audioplayerBackgroundColor ?: $this->themeSettings->couleurL);
+         $this->lessVariables['audioplayer-icon-color'] = Color::colorToCSS($this->themeSettings->audioplayerIconColor);
+         $this->config->audioplayerStrokeColor = $this->lessVariables['audioplayer-stroke-color'] = Color::colorToCSS($this->themeSettings->audioplayerStrokeColor ?: $this->themeSettings->couleurL);
+         $this->lessVariables['page-number-color'] = Color::colorToCSS($this->themeSettings->colorPageNumber);
+         $this->lessVariables['display-page-number'] = $this->_lessBoolean($this->themeSettings->displayPageNumber);
+         $this->lessVariables['page-transition-duration'] = $this->fluidbookSettings->mobileTransitionDuration . 's';
+         $this->config->mobileTransitionDurationSlide = ($this->fluidbookSettings->mobileTransitionDurationSlide ?: $this->fluidbookSettings->mobileTransitionDuration);
+         $this->lessVariables['page-transition-slide-duration'] = $this->config->mobileTransitionDurationSlide . 's';
+         $corrText = $this->isMobileFirst() ? 0 : 4;
+         $this->log('CSS 3');
+         // Theme
+         $shade = '.page .shade{';
+         $shade .= 'opacity:' . min(($this->themeSettings->shadeAlpha * 2) / 100, 1) . ';';
+         $shade .= '}';
+         $res[] = $shade;
+         // SVG
+         $res[] = 'svg .fill-c-menu-back{fill:' . Color::colorToCSS($this->themeSettings->couleurB) . ';}';
+         $res[] = 'svg .fill-c-menu-text{fill:' . Color::colorToCSS($this->themeSettings->subTextColor) . ';}';
+         // Background
+         $res[] = $this->_cssBackground();
+         $this->log('CSS 4');
+         // Archives
+         // Header
+         $header = 'header{';
+         $header .= 'height:' . $this->themeSettings->menuHeight . 'px;';
+         if ($mi = $this->themeAsset('menuImage')) {
+             $this->vdir->copy($mi->getPathname(), 'data/images/' . $mi->getFilename());
+             $header .= 'background-image:url(../images/' . $mi->getFilename() . ');';
+             $header .= 'background-repeat:no-repeat;';
+             $header .= 'background-size:100% ' . $this->themeSettings->menuHeight . 'px;';
+         } else {
+             // Force redo
+             $header .= 'background-color:' . Color::colorToCSS($this->themeSettings->menuColor) . ';';
+         }
+         $header .= '}';
+         $res[] = $header;
+         $this->log('CSS 5');
+         // Logo
+         $logo = '#logo{';
+         if ($l = $this->themeAsset('logo')) {
+             $this->vdir->copy($l->getPathname(), 'data/images/' . $l->getFilename());
+             $dim = Image::getimagesize($l->getPathname());
+             $logo .= 'background-image:url(../images/' . $l->getFilename() . ');width:' . $dim[0] . 'px;height:' . $dim[1] . 'px;';
+         }
+         $logo .= '}';
+         $res[] = $logo;
+         // Credits
+         $res[] = 'footer,footer a{color:' . Color::colorToCSS($this->themeSettings->creditsColor) . ';}';
+         $this->log('CSS 6');
+         // Arrows
+         $this->lessVariables['arrows-background'] = Color::colorToCSS($this->themeSettings->couleurA);
+         $this->lessVariables['arrows-color'] = Color::colorToCSS($this->themeSettings->arrowsColor);
+         // Loader
+         $this->lessVariables['loader-background-color'] = Color::colorToCSS($this->themeSettings->couleurL);
+         $this->lessVariables['loader-foreground-color'] = Color::colorToCSS($this->themeSettings->loadingSecColor);
+         // Audio description buttons
+         $this->lessVariables['audiodescription-background'] = Color::colorToCSS($this->themeSettings->couleurA);
+         $this->lessVariables['audiodescription-color'] = Color::colorToCSS($this->themeSettings->couleurA);
+         $this->log('CSS 7');
+         // Links Styles
+         $this->lessVariables['links-color'] = Color::colorToCSS($this->themeSettings->linksColor);
+         $this->lessVariables['slideshow-color'] = Color::colorToCSS($this->themeSettings->slideshowColor ?: $this->themeSettings->couleurB);
+         $this->lessVariables['inlineslideshow-transition-time'] = (floatval($this->fluidbookSettings->inlineSlideshowTransitionDuration) * 1000) . 'ms';
+         $this->lessVariables['slideshow-caption-size'] = $this->fluidbookSettings->slideshowCaptionSize ?: '16px';
+         $res = array_merge($res, $links);
+         // Bookmarks
+         if (!isset($this->fluidbookSettings->bookmarkCornerSize)) {
+             $this->fluidbookSettings->bookmarkCornerSize = 10;
+         }
+         $this->log('CSS 8');
+         $this->lessVariables['bookmark-star-disabled-color'] = Color::colorToCSS($this->themeSettings->bookmarkStarDisabledColor);
+         $this->lessVariables['bookmark-star-enabled-color'] = Color::colorToCSS($this->themeSettings->bookmarkStarEnabledColor);
+         $this->lessVariables['bookmark-color'] = Color::colorToCSS($this->themeSettings->bookmarkBackgroundColor);
+         $this->lessVariables['bookmark-corner-size'] = round($this->width * $this->fluidbookSettings->bookmarkCornerSize * 0.0075 * $this->z) . 'px';
+         $this->lessVariables['bookmark-corner-offset'] = $this->fluidbookSettings->bookmarkOffset . 'px';
+         // Menus
+         $menuColor = new Color($this->themeSettings->couleurB);
+         $menuColor->setAlpha(1);
+         $menuTextColor = Color::colorToCSS($this->themeSettings->subTextColor);
+         $menuBreakpoint = empty($this->fluidbookSettings->menuBreakpoint) ? '1023px' : $this->fluidbookSettings->menuBreakpoint;
+         $this->lessVariables['menu-breakpoint'] = $menuBreakpoint;
+         $this->lessVariables['menu-background'] = $menuColor->toCSS();
+         if ($this->themeSettings->subSecondaryColor) {
+             $this->lessVariables['menu-button-background'] = Color::colorToCSS($this->themeSettings->subSecondaryColor);
+         } else {
+             $this->lessVariables['menu-background-green'] = 'max(45, min(255-45, green(@menu-background)))';
+             $this->lessVariables['menu-background-red'] = 'max(45, min(255-45, red(@menu-background)))';
+             $this->lessVariables['menu-background-blue'] = 'max(45, min(255-45, blue(@menu-background)))';
+             $this->lessVariables['menu-button-background'] = 'overlay(rgb(@menu-background-red, @menu-background-green, @menu-background-blue), #c0c0c0)';
+         }
+         $this->log('CSS 9');
+         $this->lessVariables['menu-text'] = $menuTextColor;
+         $this->lessVariables['menu-field-background'] = Color::colorToCSS($this->themeSettings->subFieldColor);
+         $this->lessVariables['menu-field-text'] = Color::colorToCSS($this->themeSettings->subTextFieldColor);
+         $this->lessVariables['menu-select-background'] = Color::colorToCSS($this->themeSettings->subSelectColor);
+         $this->lessVariables['menu-select-text'] = Color::colorToCSS($this->themeSettings->subTextSelectColor);
+         $this->lessVariables['icon-color'] = Color::colorToCSS($this->themeSettings->couleurI);
+         $this->lessVariables['menu-overlay'] = Color::colorToCSS($this->themeSettings->popupVideoOverlay);
+         $this->log('CSS 10');
+         // Chapters
+         $this->lessVariables['menu-chapters-columns-count'] = max(1, min(6, $this->fluidbookSettings->chaptersColumns));
+         $this->lessVariables['menu-chapters-columns-width'] = $this->fluidbookSettings->chaptersColMaxWidth;
+         $this->lessVariables['menu-chapters-font-size'] = $this->fluidbookSettings->chaptersFontSize;
+         foreach ($this->getFluidbook()->getChapters() as $chapter) {
+             if ($chapter['color'] == '') {
+                 continue;
+             }
+             $color = trim($chapter['color'], '#');
+             $lessContents .= '.mview.c_' . $color . '{.menu-color(' . Color::colorToCSS($color) . ');}';
+         }
+         // Archives
+ //        if ($this->>getFluidbook()->parametres->externalArchivesBack) {
+ //            $this->vdir->copy($this->wdir . '/' . $this->>getFluidbook()->parametres->externalArchivesBack, 'data/images/' . $this->>getFluidbook()->parametres->externalArchivesBack);
+ //            $res[] = '.mview.archives{background-image:url("../images/' . $this->>getFluidbook()->parametres->externalArchivesBack . '");}';
+ //        }
+         $this->log('CSS 11');
+         # Index
+         $thumbw = $this->fluidbookSettings->mobileNavigationType === 'portrait' ? 200 : 100;
+         $this->lessVariables['thumb-width'] = $thumbw . 'px';
+         $ratio = $this->width / $this->height;
+         $thumbh = round($thumbw / $ratio);
+         $this->config->thumbWidth = $thumbw;
+         $this->config->thumbHeight = $thumbh;
+         $this->lessVariables['thumb-height'] = $thumbh . 'px';
+         #tooltip
+         $this->lessVariables['tooltip-background'] = Color::colorToCSS($this->themeSettings->tooltipBackColor);
+         $this->lessVariables['tooltip-color'] = Color::colorToCSS($this->themeSettings->tooltipTextColor);
+         $this->lessVariables['tooltip-font-size'] = $this->themeSettings->tooltipTextSize == 100 ? 14 : $this->themeSettings->tooltipTextSize;
+         $this->lessVariables['tooltip-padding'] = $this->themeSettings->tooltipPadding ?: 20;
+         $this->log('CSS 12');
+         #Videos
+         if ($this->fluidbookSettings->bigPlayImage) {
+             $this->lessVariables['video-bigplay-image'] = '~"../data/links/' . $this->fluidbookSettings->bigPlayImage . '"';
+             $this->vdir->copy($this->wdir . '/' . $this->fluidbookSettings->bigPlayImage, 'data/links/' . $this->fluidbookSettings->bigPlayImage);
+         } else {
+             $this->lessVariables['video-bigplay-image'] = '~"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuNCAxMTMuNCI+PHN0eWxlPi5zdDB7b3BhY2l0eTowLjg7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEwLjUgMTEzLjRIMi45Yy0xLjYgMC0yLjktMS4zLTIuOS0yLjlWMi45QzAgMS4zIDEuMyAwIDIuOSAwaDEwNy42YzEuNiAwIDIuOSAxLjMgMi45IDIuOXYxMDcuNmMwIDEuNi0xLjMgMi45LTIuOSAyLjl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ1LjggMzcuOGwzMS41IDE3LjljLjguNS44IDEuNiAwIDIuMUw0NS44IDc1LjZjLS44LjUtMS44LS4xLTEuOC0xVjM4LjhjMC0uOSAxLTEuNSAxLjgtMXoiLz48L3N2Zz4="';
+         }
+         #fonts
+         foreach ($this->cssfont as $hash => $item) {
+             $res[] = '@font-face{font-family: "' . $hash . '";src:url("../../data/fonts/' . $hash . '.woff") format("woff");}';
+         }
+         if ($this->fluidbookSettings->textPopupStylesheet) {
+             $res[] = file_get_contents($this->wdir . '/' . $this->fluidbookSettings->textPopupStylesheet);
+         }
+         $this->log('CSS 13');
+         $this->_writeLess($this->lessVariables, $lessContents);
+         $this->stylesheets[] = 'data/style/style.css';
+         $this->vdir->file_put_contents('data/style/style.css', implode("\n", $res));
+         $this->log('Write CSS');
+     }
+     protected function _writeLess($variables, $lessContents = '')
+     {
+         if ($this->widget) {
+             $this->lessFiles[] = 'widget';
+         }
+         foreach ($this->specialCSS as $s) {
+             $this->lessFiles[] = 'special/' . $s;
+         }
+         $tmp = Files::tmpdir();
+         $from = $this->assets . '/style/*';
+         `cp -r $from $tmp`;
+         $bookVariables = array();
+         foreach ($variables as $k => $v) {
+             $bookVariables[] = '@' . trim($k) . ':' . $v . ';';
+         }
+         file_put_contents($tmp . '/book-variables.less', implode("\n", $bookVariables));
+         file_put_contents($tmp . '/additional.less', $lessContents);
+         foreach ($this->lessFiles as $f) {
+             $source_less = $this->assets . '/style/' . $f . '.less';
+             $destination_less = $tmp . '/' . $f . '.less';
+             $destination_css = $tmp . '/' . $f . '.css';
+             if (!file_exists($source_less)) {
+                 die($source_less);
+                 continue;
+             }
+             $dir = dirname($destination_css);
+             if (file_exists($dir) && !is_dir($dir)) {
+                 unlink($dir);
+             }
+             // LESS file might be in a subfolder, so create if it doesn't exist
+             if (!file_exists($dir)) {
+                 mkdir($dir, 0777, true);
+             }
+             // Less files must be copied to temporary directory so they'll
+             // have access to the variables generated in book-variables.less
+             copy($source_less, $destination_less);
+             $less = new CommandLine('lessc');
+             $less->setArg(null, $destination_less);
+             $less->setArg(null, $destination_css);
+             $less->execute();
+             if (!file_exists($destination_css)) {
+                 die($less->output);
+                 continue;
+             }
+             $this->vdir->copy($destination_css, 'style/' . $f . '.css');
+             if ($f != 'widget') {
+                 $this->stylesheets[] = 'style/' . $f . '.css';
+             }
+         }
+     }
+     protected function _cssBackground()
+     {
+         $body = '#background, #splash {';
+         switch ($this->themeSettings->repeat) {
+             case FluidbookTheme::REPEAT:
+                 $body .= 'background-repeat:repeat;';
+                 break;
+             case FluidbookTheme::NONE:
+                 $body .= 'background-repeat:no-repeat;';
+                 break;
+             case FluidbookTheme::RATIO:
+                 $body .= 'background-repeat:no-repeat;';
+                 $body .= 'background-size:cover;';
+                 break;
+             case FluidbookTheme::STRETCH:
+                 $body .= 'background-repeat:no-repeat;';
+                 $body .= 'background-size:100% 100%;';
+                 break;
+         }
+         if ($backgroundImage = $this->themeAsset('backgroundImage')) {
+             $dbi = Image::getimagesize($backgroundImage->getPathname());
+             $this->config->backgroundImageDimensions = array('width' => $dbi[0], 'height' => $dbi[1]);
+             $this->vdir->copy($backgroundImage->getPathname(), 'data/images/' . $backgroundImage->getFilename());
+             $body .= 'background-image:url(../images/' . $backgroundImage->getFilename() . ');';
+             $body .= 'background-position:';
+             switch ($this->themeSettings->backgroundVAlign) {
+                 case FluidbookTheme::TOP:
+                     $body .= 'top';
+                     break;
+                 case FluidbookTheme::MIDDLE:
+                     $body .= 'center';
+                     break;
+                 case FluidbookTheme::BOTTOM:
+                     $body .= 'bottom';
+                     break;
+             }
+             $body .= ' ';
+             switch ($this->themeSettings->backgroundHAlign) {
+                 case FluidbookTheme::LEFT:
+                     $body .= 'left';
+                     break;
+                 case FluidbookTheme::CENTER:
+                     $body .= 'center';
+                     break;
+                 case FluidbookTheme::RIGHT:
+                     $body .= 'right';
+                     break;
+             }
+             $body .= ';';
+         }
+         $body .= '}';
+         if ($this->_themeBoolean($this->themeSettings->displayBackgroundDuringLoading)) {
+             $body .= '#background, #splash {
+                         background-color:' . Color::colorToCSS($this->themeSettings->backgroundColor) . ' !important;
+                     }';
+         } else {
+             $body .= '#background {
+                         visibility: hidden;
+                         opacity: 0;
+                         background-color:' . Color::colorToCSS($this->themeSettings->backgroundColor) . ' !important;
+                     }';
+             $body .= '#splash {
+                         background-color:' . Color::colorToCSS($this->themeSettings->loadingBackColor) . ' !important;
+                         background-image: none;
+                     }';
+         }
+         return $body;
+     }
+     public static function writeCSSUA($property, $value)
+     {
+         $res = array();
+         foreach (self::$uaPrefixes as $prefix) {
+             $res[] = $prefix . $property . ':' . $value;
+         }
+         return implode(';', $res);
+     }
+     protected function base62($val)
+     {
+         $chars = '0123456789abcdefghijklmnopqrstuvwxyz';
+         $base = strlen($chars);
+         $str = '';
+         do {
+             $i = $val % $base;
+             $str = $chars[$i] . $str;
+             $val = ($val - $i) / $base;
+         } while ($val > 0);
+         return $str;
+     }
+     public function copyLinkDir($source, $dest)
+     {
+         $this->vdir->copyDirectory($source, $dest);
+     }
+     public function simpleCopyLinkFile($source, $dest)
+     {
+         if (stripos($source, '.svg') !== false) {
+             $source = $this->_fixSVG($source);
+         }
+         $this->vdir->copy($source, $dest);
+     }
+     protected function _fixSVG($source)
+     {
+         $fixed = str_replace('.svg', '.f.svg', $source);
+         if (file_exists($fixed) && filemtime($fixed) >= filemtime($source)) {
+             return $fixed;
+         }
+         if (file_exists($fixed) && is_link($fixed)) {
+             unlink($fixed);
+         }
+         $svg = simplexml_load_string(file_get_contents($source));
+         $attr = $svg->attributes();
+         if (isset($attr['width'], $attr['height'])) {
+             copy($source, $fixed);
+             return $fixed;
+         }
+         $dim = Image::getimagesize($source);
+         $svg->addAttribute('preserveAspectRatio', 'none');
+         $svg->addAttribute('width', $dim[0]);
+         $svg->addAttribute('height', $dim[1]);
+         file_put_contents($fixed, $svg->asXML());
+         return $fixed;
+     }
+     public function addVideoJs()
+     {
+         $locale = $this->getFluidbook()->lang;
+         $map = ['pt' => 'pt-PT', 'pt-br' => 'pt-BR', 'zh' => 'zh-CN', 'es-pr' => 'es'];
+         if (isset($map[$locale])) {
+             $locale = $map[$locale];
+         }
+         $this->addJsLib('videojs', ['js/libs/videojs/video.min.js', 'js/libs/videojs/lang/' . $locale . '.js']);
+         $this->addLess('videojs/videojs');
+     }
+     public function addParallax()
+     {
+         $this->addJsLib('parallax', ['js/libs/fluidbook/fluidbook.parallax.js']);
+     }
+     public function addLottie($animationData, $params, $hash)
+     {
+         if (isset($this->_lottieIDByHash[$hash])) {
+             return $this->_lottieIDByHash[$hash];
+         }
+         $this->addJsLib('lottie', 'js/libs/lottie.min.js');
+         if (!isset($this->config->lottieAnimations)) {
+             $this->config->lottieAnimations = [];
+         }
+         $id = count($this->config->lottieAnimations);
+         $this->config->lottieAnimations[] = [$params, $animationData];
+         $this->_lottieIDByHash[$hash] = $id;
+         return $id;
+     }
+     public function addFont($fontFile)
+     {
+         $f = $this->wdir . '/' . $fontFile;
+         $e = explode('.', $f);
+         $ext = array_pop($e);
+         $hash = 'fb_' . substr(md5($fontFile), 0, 10);
+         if (!isset($this->cssfont[$hash])) {
+             $final = $hash . '.woff';
+             $dest = $this->wdir . '/' . $final;
+             if (!file_exists($dest) || filemtime($dest) < filemtime($f)) {
+                 $script = resource_path('tools/fonts/convertrn.pe');
+                 if (!is_executable($script)) {
+                     chmod($script, 755);
+                 }
+                 $fontforge = new CommandLine('fontforge');
+                 $fontforge->setArg('-script', $script);
+                 $fontforge->setArg(null, $f);
+                 $fontforge->setArg(null, $dest);
+                 $fontforge->execute();
+                 //$fontforge->debug();
+             }
+             $this->vdir->copy($dest, 'data/fonts/' . $hash . '.woff');
+             $fontline = new CommandLine('font-line');
+             $fontline->setArg(null, 'report');
+             $fontline->setArg(null, $f);
+             $fontline->execute();
+             //$fontline->debug();
+             $report = explode("\n", $fontline->getOutput());
+             foreach ($report as $item) {
+                 $item = trim($item);
+                 if (!stristr($item, ':')) {
+                     continue;
+                 }
+                 list($k, $v) = explode(':', $item, 2);
+                 $v = trim($v);
+                 if ($k == '[head] Units per Em') {
+                     $fontHeight = $v;
+                 }
+                 if ($k == '[OS/2] CapHeight') {
+                     $fontCapHeight = $v;
+                 }
+                 if ($k == '[OS/2] TypoAscender') {
+                     $ascender = abs($v);
+                 }
+                 if ($k == '[OS/2] TypoDescender') {
+                     $descender = abs($v);
+                 }
+             }
+             $capHeight = 1;
+             if (isset($fontCapHeight) && isset($fontHeight)) {
+                 $capHeight = $fontCapHeight / $fontHeight;
+             }
+             $font = ['family' => $hash, 'capHeight' => $capHeight, 'ascender' => $ascender / $fontHeight, 'descender' => $descender / $fontHeight];
+             $this->cssfont[$hash] = $font;
+         }
+         return $this->cssfont[$hash];
+     }
+     public function addJsLib($name, $files)
+     {
+         if (!isset($this->jsLibs[$name])) {
+             $this->jsLibs[$name] = [];
+         }
+         if (!is_array($files)) {
+             $files = [$files];
+         }
+         $diff = array_diff($files, $this->jsLibs[$name]);
+         if (count($diff)) {
+             $this->jsLibs[$name] = array_merge($this->jsLibs[$name], $diff);
+         }
+     }
+     public static function encodeWebVideos($file, $dir = null, $async = true, $force = false, $format = 'all')
+     {
+         $file = new SplFileInfo($file);
+         if (is_null($dir)) {
+             $dir = $file->getPath();
+         }
+         $videos = array('mp4', 'jpg');
+         if (is_string($format)) {
+             if ($format == 'none') {
+                 $format = array();
+             } elseif ($format == 'all') {
+                 $format = $videos;
+             } else {
+                 $format = array($format);
+             }
+         }
+         if (!$force) {
+             $format = array();
+         }
+         $base = $dir . '/' . $file->getBasename('.' . $file->getExtension());
+         $log = $base . '.log';
+         foreach ($videos as $v) {
+             $vfile = $base . '.' . $v;
+             if (!file_exists($vfile)) {
+                 $force = true;
+             } else if (filemtime($file) > filemtime($vfile) || in_array($v, $format)) {
+                 $force = true;
+                 unlink($vfile);
+             }
+         }
+         if (!$force && file_exists($log) && filemtime($log) > filemtime($file)) {
+             return;
+         }
+         $webvideo = new CommandLine('/application/scripts/webvideo', $log);
+         $webvideo->setArg(null, $file);
+         $webvideo->setArg(null, $dir);
+         $webvideo->execute();
+     }
+     public function copyLinkFile($source, $dest, $video = false)
+     {
+         if ($video && $this->fluidbookSettings->mobileVideosPath != '') {
+         }
+         $origDir = $this->wdir;
+         $types = $this->getVideosFormats();
+         if ($video) {
+             self::encodeWebVideos($origDir . $source, null, true);
+             $e = explode('.', $source);
+             array_pop($e);
+             $base = implode('.', $e);
+             $source = array();
+             foreach ($types as $type) {
+                 $source[] = $base . '.' . $type;
+             }
+         }
+         if (!is_array($source)) {
+             $source = array($source);
+         }
+         foreach ($source as $so) {
+             $s = $origDir . $so;
+             if (file_exists($s)) {
+                 $d = $dest . '/' . $so;
+                 $this->simpleCopyLinkFile($s, $d, false);
+             }
+         }
+     }
+     public function __destruct()
+     {
+     }
+     public function unzipFile($file, $moveAssets = false, $baseDir = null, $junkPaths = false)
+     {
+         $fdir = is_null($baseDir) ? 'data/links/' . str_replace('.', '_', $file) : $baseDir;
+         $zipPath = $this->wdir . '/' . $file;
+         $dir = protected_path('fluidbookpublication/cache/unzip') . '/' . Files::hashFileAttributes($zipPath) . '_' . ($moveAssets ? '1' : '0') . '_' . ($junkPaths ? '1' : '0');
+         if (!file_exists($dir)) {
+             mkdir($dir, 0777, true);
+             Zip::extract($zipPath, $dir, $junkPaths);
+             if ($moveAssets) {
+                 `mv $dir/Assets/* $dir`;
+                 rmdir($dir . '/Assets');
+             }
+         }
+         return array('dir' => $dir, 'fdir' => $fdir);
+     }
+     public function getConfigZIP($d)
+     {
+         $res = array('type' => 'zip', 'width' => 0, 'height' => 0);
+         if (file_exists($d . '/index.html')) {
+             $doc = new DOMDocument();
+             @$doc->loadHTMLFile($d . '/index.html');
+             $xpath = new DOMXPath($doc);
+             $c = $xpath->query("//canvas");
+             foreach ($c as $canvas) {
+                 /* @var $canvas DOMElement */
+                 $res['width'] = intval((string)$canvas->getAttribute('width'));
+                 $res['height'] = intval((string)$canvas->getAttribute('height'));
+             }
+             $m = $xpath->query('//meta[@name="width"]');
+             foreach ($m as $meta) {
+                 $res['width'] = intval((string)$meta->getAttribute('content'));
+             }
+             $m = $xpath->query('//meta[@name="height"]');
+             foreach ($m as $meta) {
+                 $res['height'] = intval((string)$meta->getAttribute('content'));
+             }
+             $r = array('html' => 'index.html', 'inject' => array(), 'injectcss' => array(), 'injectjs' => array());
+         } else {
+             $r = array('html' => false, 'inject' => array(file_get_contents($d . '/init.js')), 'injectcss' => array('multimedia.css'), 'injectjs' => array('multimedia.js'));
+         }
+         return array_merge($res, $r);
+     }
+     public function addFontKit($font)
+     {
+         if ($font === 'sans-serif') {
+             return;
+         }
+         if ($font === 'Open Sans') {
+             $font = 'OpenSans';
+         }
+         $path = 'style/fonts/' . $font;
+         $css = $path . '/font.css';
+         if (in_array($css, $this->stylesheets)) {
+             return;
+         }
+         $this->stylesheets[] = $css;
+         $this->vdir->copyDirectory($this->assets . '/' . $path, $path);
+         return $path . '/font.css';
+     }
+     public function SimpleXMLElement_innerXML($xml)
+     {
+         $innerXML = '';
+         foreach (dom_import_simplexml($xml)->childNodes as $child) {
+             $innerXML .= $child->ownerDocument->saveXML($child);
+         }
+         return $innerXML;
+     }
+     public function writeXMLArticles()
+     {
+         $f = $this->fluidbookSettings->articlesFile;
+         $this->lessVariables['articles-title-color'] = '#000000';
+         $this->lessVariables['articles-font'] = 'Open Sans';
+         if (!$f || !file_exists($this->wdir . '/' . $f) || !is_file($this->wdir . '/' . $f)) {
+             return;
+         }
+         $f = $this->wdir . '/' . $f;
+         $mapFonts = ['OpenSans' => 'Open Sans'];
+         $this->addLess('articles');
+         if ($this->fluidbookSettings->articlesStyle !== 'default') {
+             $this->lessVariables['articles-styles'] = $this->fluidbookSettings->articlesStyle;
+         }
+         $this->lessVariables['articles-font'] = $mapFonts[$this->fluidbookSettings->articlesFont] ?? $this->fluidbookSettings->articlesFont;
+         $fontPath = $this->addFontKit($this->fluidbookSettings->articlesFont);
+         $list = $this->config->articlesList ?? [];
+         $this->lessVariables['articles-title-color'] = '#565657';
+         $svg = '<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="nav-print" viewBox="0 0 512 512">
+         <path d="m424 186l-39 0 0-114c0-9-6-15-14-15l-230 0c-8 0-14 6-14 15l0 114-39 0c-22 0-41 19-41 41l0 121c0 23 19 41 41 41l39 0 0 49c0 8 6 15 14 15l230 0c8 0 14-7 14-15l0-49 39 0c22 0 41-18 41-41l0-121c0-22-19-41-41-41z m-268-100l200 0 0 100-200 0z m200 340l-200 0 0-88 200 0z m80-76c0 6-6 12-12 12l-39 0 0-38c0-9-6-15-14-15l-230 0c-8 0-14 6-14 15l0 38-39 0c-6 0-12-6-12-12l0-121c0-6 6-12 12-12l336 0c6 0 12 6 12 12z m-278-96l-33 0c-8 0-14 6-14 14 0 8 6 15 14 15l35 0c8 0 14-7 14-15 0-8-8-14-16-14z m32 139l132 0c8 0 14-6 14-14 0-8-6-14-14-14l-132 0c-8 0-14 6-14 14 0 8 6 14 14 14z"/>
+     </symbol></svg>';
+         $x = simplexml_load_string(file_get_contents($f));
+         foreach ($x->xpath('/articles/article') as $k => $a) {
+             $dir = isset($a['dir']) ? (string)$a['dir'] : null;
+             $url = (string)$a['url'];
+             $id = (string)$a['id'];
+             $color = (string)$a['color'];
+             if (!$color) {
+                 $color = '#000';
+             }
+             $specificStyles = '## h3, ## figure figcaption{background-color:' . $color . '}';
+             $specificStyles .= '## .chapo, ## blockquote, ## a{color:' . $color . ';}';
+             $inner = '<article data-id="$id" class="menu-article" id="article_$id"';
+             if (null !== $dir) {
+                 $inner .= ' dir="' . $dir . '"';
+             }
+             $inner .= '>';
+             $inner .= '<style type="text/css">' . str_replace('##', '#article_$id', $specificStyles) . '</style>';
+             $inner .= '<div class="actions">';
+             if ($this->fluidbookSettings->articlesShare && $this->fluidbookSettings->share) {
+                 $inner .= '<a data-id="$id" data-url="$url" href="#" class="articlesShare"><svg viewBox="0 0 512 512" class="nav-share nav-icon svg-icon"><use xlink:href="#nav-share"></use></svg></a>';
+             }
+             $inner .= '<a href="#" class="articlesPrint"><svg viewBox="0 0 512 512" class="nav-print nav-icon svg-icon"><use xlink:href="#nav-print"></use></svg></a>';
+             $inner .= '</div>';
+             $inner .= '<div class="articleBody">';
+             $title = '';
+             $lead = '';
+             $image = '';
+             $first = true;
+             foreach ($a->children() as $child) {
+                 if ($first) {
+                     $first = false;
+                     if ($child->getName() !== 'category') {
+                         $inner .= '<h3>&nbsp;</h3>';
+                     }
+                 }
+                 $inner .= $this->_articleToHTML($child, $title, $lead, $image, $dir);
+             }
+             $inner .= '</div></article>';
+             if (!$title) {
+                 $title = 'Article sans titre ' . $k;
+             }
+             if (!$id) {
+                 $id = Text::str2URL($title);
+             }
+             if (!$url) {
+                 $url = $id . '.html';
+             }
+             $inner = str_replace(array('$id', '$url'), array($id, $url), $inner);
+             $article = ['id' => $id,
+                 'url' => $url,
+                 'color' => $color,
+                 'contents' => '',
+                 'type' => 'xml'];
+             $article['contents'] = $inner;
+             $content = '<html><head>';
+             $content .= '<link rel="stylesheet" type="text/css" href="' . $fontPath . '">';
+             $content .= '<link rel="stylesheet" type="text/css" href="style/articles.css">';
+             $content .= '<style type="text/css">';
+             $content .= str_replace('## ', '', $specificStyles);
+             $content .= '</style>';
+             $content .= '<style type="text/css" media="screen">*{visibility:hidden}</style>';
+             $content .= '</head><body>';
+             $content .= $svg;
+             $content .= $inner;
+             $content .= '</body></html>';
+             $article['print'] = $content;
+             $list[] = $article;
+             $this->addSEOArticle('#/article/' . $article['url'], $title, $lead, $image, $article['id'], $article['url'], $inner);
+         }
+         if (isset($list)) {
+             $this->config->articlesList = $list;
+         }
+     }
+     public function findArticleById($id)
+     {
+         foreach ($this->config->articlesList as $item) {
+             if ($item['id'] === $id) {
+                 return $item;
+             }
+         }
+         return null;
+     }
+     public function updateArticleById($id, $article)
+     {
+         foreach ($this->config->articlesList as $k => $item) {
+             if ($item['id'] === $id) {
+                 $this->config->articlesList[$k] = $article;
+                 break;
+             }
+         }
+     }
+     public function writeArticles()
+     {
+         $list = $this->config->articlesList ?? [];
+         $nb = count($list);
+         usort($list, function ($a, $b) {
+             if ($a['page'] == $b['page']) {
+                 $ea = explode('-', $a['id']);
+                 $eb = explode('-', $b['id']);
+                 if (is_numeric($ea[0]) && is_numeric($eb[0])) {
+                     return $ea[0] - $eb[0];
+                 }
+                 return strcmp($a['id'], $b['id']);
+             }
+             return $a['page'] - $b['page'];
+         });
+         foreach ($list as $k => $item) {
+             $nextIndex = ($k + 1) % $nb;
+             $prevIndex = ($k - 1 + $nb) % $nb;
+             $list[$k]['prev'] = $list[$prevIndex]['url'];
+             $list[$k]['next'] = $list[$nextIndex]['url'];
+         }
+         $idlist = [];
+         foreach ($list as $item) {
+             $idlist[$item['id']] = $item;
+         }
+         $this->config->articlesList = $idlist;
+     }
+     /**
+      * @param $child SimpleXMLElement
+      * @param $title
+      * @param $lead
+      * @param $image
+      * @return string|void
+      */
+     protected function _articleToHTML($child, &$title, &$lead, &$image, $dir = null)
+     {
+         $markupMap = ['category' => 'h3',
+             'subtitle' => 'h2',
+             'legend' => 'figcaption',
+             'title' => 'h1',
+             'lead' => 'div.chapo',
+             'paragraph' => 'p',
+             'note' => 'div.note',
+             'quote' => 'blockquote',
+             'signature' => 'div.author',
+             'intertitle' => 'h2.inter',
+             'bigfont' => 'h2.bigfont',
+             'separator' => 'hr',
+             'link' => 'a'];
+         $attrsmap = ['a' => ['link' => 'href']];
+         $dirattr = '';
+         if (isset($child['dir'])) {
+             $d = (string)$child['dir'];
+             if ($d !== $dir) {
+                 $dirattr = ' dir="' . $d . '"';
+                 $dir = $d;
+             }
+         }
+         $res = '';
+         $tag = $child->getName();
+         if ($tag === 'encadre') {
+             $res .= '<aside' . $dirattr . '>';
+             foreach ($child->children() as $sub) {
+                 $res .= $this->_articleToHTML($sub, $a1, $a2, $a3, $dir);
+             }
+             $res .= '</aside>';
+         } else if ($tag === 'youtube') {
+             $res .= '<div class="youtube"><iframe width="800" height="450" src="' . WebVideo::getIframeUrl((string)$child['link']) . '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
+         } else if ($tag === 'image') {
+             $srcattrs = ['href', 'src', 'file'];
+             $file = '';
+             foreach ($srcattrs as $srcattr) {
+                 if (isset($child[$srcattr])) {
+                     $file = (string)$child[$srcattr];
+                     break;
+                 }
+             }
+             if ($image === '') {
+                 $image = 'articles/' . $file;
+             }
+             $filepath = $this->wdir . '/articles/' . $file;
+             $this->vdir->copy($filepath, 'data/articles/' . $file);
+             $legend = (string)$child;
+             $caption = $legend ? '<figcaption>' . $legend . '</figcaption>' : '';
+             if (file_exists($filepath)) {
+                 $dim = getimagesize($filepath);
+             } else {
+                 $dim = [0 => 1024, 1 => 10];
+             }
+             $res .= '<figure' . $dirattr . '><img src="data/articles/' . $file . '" alt="' . $legend . '" width="' . $dim[0] . '" height="' . $dim[1] . '">' . $caption . '</figure>';
+         } else {
+             $c = trim($this->SimpleXMLElement_innerXML($child));
+             if (!$c) {
+                 return;
+             }
+             if ($title === '' && $tag === 'title') {
+                 $title = $c;
+             }
+             if ($lead === '' && $tag === 'lead') {
+                 $lead = $c;
+             }
+             $m = $markupMap[$tag] ?? $tag;
+             $e = explode('.', $m);
+             $markup = $e[0];
+             $attrs = $dirattr;
+             if (count($e) === 2) {
+                 $attrs .= ' class="' . $e[1] . '"';
+             }
+             if ($m === 'a') {
+                 $attrs .= ' target="_blank"';
+             }
+             foreach ($child->attributes() as $name => $v) {
+                 $n = $attrsmap[$m][$name] ?? $name;
+                 $attrs .= ' ' . $n . '="' . htmlspecialchars($v) . '"';
+             }
+             $res .= '<' . $markup . $attrs . '>' . $c . '</' . $markup . '>';
+         }
+         return $res;
+     }
+     public static function getPhonegapVersion($v = 'latest')
+     {
+         if ($v != 'latest') {
+             return $v;
+         }
+         $versions = self::getPhonegapVersions();
+         return array_pop($versions);
+     }
+     public static function getPhonegapVersions()
+     {
+         $versions = array();
+         $phonegap_dir = resource_path('fluidbookpublication/phonegap');
+         if (is_dir($phonegap_dir)) {
+             $dr = opendir($phonegap_dir);
+             while ($file = readdir($dr)) {
+                 if ($file == '.' || $file == '..' || $file == 'plugins') {
+                     continue;
+                 }
+                 $versions[] = $file;
+             }
+             usort($versions, 'version_compare');
+         }
+         return $versions;
+     }
+     public static function getSourcesPath($version, $dir = null)
+     {
+         $res = self::getFluidbookPlayerBaseDirectory();
+         if (null !== $dir) {
+             $res .= $dir . '/';
+         }
+         if ($version === 'stable') {
+             $res .= 'branches/master';
+         } else if ($version === 'dev') {
+             $res .= 'local/master';
+         } else {
+             list($branch, $location) = explode('|', $version);
+             $res .= ($location === 'git' ? 'branches' : $location) . '/' . $branch;
+         }
+         return $res;
+     }
+     public static function getCompiledSourcesPath($version)
+     {
+         return self::getSourcesPath($version, 'compiled');
+     }
+     public function source_path($path = ''): string
+     {
+         $res = $this->assets;
+         if ($path) {
+             $res .= '/' . $path;
+         }
+         return $res;
+     }
+     public function page_path($page, $path = ''): string
+     {
+         return '';
+     }
+     public function getPagePDFSource($page): string
+     {
+         return $this->getFluidbook()->getPDFSplitSource($page);
+     }
+     public function getWidthForLinks()
+     {
+         return $this->getWidth() / $this->getLinkScale();
+     }
+     public function getHeightForLinks()
+     {
+         return $this->getHeight() / $this->getLinkScale();
+     }
+ }