]> _ Git - cubeextranet.git/commitdiff
wip #5116
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 21 Feb 2022 18:30:50 +0000 (18:30 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 21 Feb 2022 18:30:50 +0000 (18:30 +0000)
inc/ws/Util/html5/gsap3/class.ws.html5.compiler.php [new file with mode: 0644]

diff --git a/inc/ws/Util/html5/gsap3/class.ws.html5.compiler.php b/inc/ws/Util/html5/gsap3/class.ws.html5.compiler.php
new file mode 100644 (file)
index 0000000..55a3a22
--- /dev/null
@@ -0,0 +1,3684 @@
+<?php
+
+class wsHTML5Compiler
+{
+    public static $resolutions = array(150, 300);
+    public $maxRes = 300;
+
+    public $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/CSSRulePlugin.min.js',
+                'js/libs/gsap/ScrollToPlugin.min.js',
+                'js/libs/gsap/IntertiaPlugin.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',
+        ],
+    ];
+
+    public $specialJsFiles = array();
+
+    public $debugJsFiles = array(
+        'js/libs/Three.js',
+        'data/search.index.js',
+    );
+    public $testJsFiles = array(
+        'js/libs/cube/fb.js',
+        'js/libs/modernizr/modernizr.min.js',
+        'js/libs/modernizr/tests.js',
+        'js/libs/jquery/jquery.min.js',
+        'js/libs/jquery/jquery.transform.min.js',
+        'js/libs/jquery/jquery.mousewheel.min.js',
+        'js/libs/jquery/jquery.hashchange.min.js',
+        'js/tester.js'
+    );
+    public $widgetJsFiles = array(
+        'js/libs/cube/fb.js',
+        'js/libs/modernizr/modernizr.min.js',
+        'js/libs/modernizr/tests.js',
+        'js/libs/jquery/jquery.min.js',
+        'js/libs/jquery/jquery.transit.js',
+        'js/widget.js'
+    );
+
+
+    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;
+    public $vdir;
+    public $wdir;
+    protected $_lottieIDByHash = [];
+
+    /**
+     *
+     * @var wsBook
+     */
+    public $book;
+    public $pages;
+    public $theme;
+    public $version;
+    public $book_id;
+    public $themeRoot;
+
+    /**
+     *
+     * @var wsDAOBook
+     */
+    public $daoBook;
+    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 $config = array();
+    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 $_docDimensions = [];
+
+    public $_signature;
+    /**
+     * @var wsHTML5Seo
+     */
+    public $seo = null;
+
+
+    function __construct($book_id, $version = 'stable', $phonegap = false, $phonegapVersion = 'latest', $dir = null, $standalone = false, $appcache = false, $home = false, $book = null, $forceTheme = false)
+    {
+        global $core;
+
+        $this->phonegapVersion = wsHTML5::getPhonegapVersion($phonegapVersion);
+        $this->appcache = $appcache;
+        $this->multiApp = $this->home = $home;
+        $this->version = $version;
+
+        $this->assets = wsHTML5::getSourcesPath($this->version);
+
+        $this->phonegap = $phonegap;
+        $this->standalone = $standalone || $this->phonegap;
+        $this->appcache = $appcache;
+        $this->widget = !$this->phonegap;
+
+        cubePHP::set_memory('12G');
+
+        if (trim($book_id) == '') {
+            return;
+        }
+        $this->book_id = $book_id;
+        $this->log('Start compilation');
+
+        $forceThemeId = wsTheme::hashThemeArray($forceTheme);
+
+        if (is_null($dir)) {
+            if (strpos($book_id, '-') !== false) {
+                $e = explode('-', $book_id);
+                $book_id = $e[0];
+            }
+            $id = $book_id;
+            if ($forceThemeId) {
+                $id .= '-' . $forceThemeId;
+            }
+            $this->dir = WS_BOOKS . '/html5/' . $id . '/';
+        } else {
+            $this->dir = $dir;
+        }
+        $this->vdir = new CubeIT_Files_VirtualDirectory($this->dir);
+
+        $this->daoBook = new wsDAOBook($core->con);
+        if (null === $book) {
+            $this->book = $this->daoBook->selectById($book_id);
+        } else {
+            $this->book = $book;
+        }
+
+        $this->wdir = $this->book->getAssetDir();
+
+        $this->widget = !$this->phonegap && $this->book->parametres->widget;
+
+        $this->pages = $this->daoBook->getPagesOfBook($book_id);
+        $this->maxRes = min(300, $this->book->parametres->maxResolution);
+
+        $daoTheme = new wsDAOTheme($core->con);
+        if (is_array($forceTheme)) {
+            $this->theme = $daoTheme->fromArray($forceTheme);
+        } else if (is_numeric($forceTheme)) {
+            $this->theme = $daoTheme->selectById($forceTheme, 'themes');
+        } else {
+            $this->theme = $daoTheme->getThemeOfBook($book_id, true);
+        }
+        $this->themeRoot = WS_FILES . '/themes3/' . $this->theme->theme_id . '/';
+
+
+        $daoDoc = new wsDAODocument($core->con);
+        $firstDoc = $daoDoc->selectById($this->pages[1]['document_id']);
+        $firstDoc->checkInfos();
+        $size = $firstDoc->generalInfos['page'][$this->pages[1]['document_page']]['size'];
+
+        $this->log('Got data from database');
+
+        $this->width = round($size[0], 8);
+        $this->height = round($size[1], 8);
+
+        $this->imageFormat = $this->book->parametres->imageFormat;
+
+        $imagesize = CubeIT_Image::getimagesize($this->book->getFile(1, 'jpg', 150));
+        $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;
+
+        $this->numerotation = explode(',', $this->book->numerotation);
+
+        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',
+            WS_ICONS . '/15/interface.svg']);
+        if ($this->theme->parametres->iconSet > 15) {
+            $this->svgfiles[] = WS_ICONS . '/' . $this->theme->parametres->iconSet . '/interface.svg';
+        }
+        if ($this->theme->parametres->symbols !== '') {
+            $this->svgfiles[] = $this->themeRoot . '/' . $this->theme->parametres->symbols;
+        }
+
+        if ($this->book->parametres->zoomMode == 1 || $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 isMobileFirst()
+    {
+        return $this->book->parametres->mobileNavigationType === 'mobilefirst';
+    }
+
+    public function initMobileFirst()
+    {
+        $this->theme->parametres->usePageEdges = false;
+    }
+
+    public function initConfig()
+    {
+        $this->config = cubeObject::merge($this->book->parametres->toStandardObject(), $this->theme->parametres->toStandardObject());
+        $this->config->bookmarkDisablePages = cubeArray::parseRange($this->config->bookmarkDisablePages);
+        $this->config->rasterizePages = cubeArray::parseRange($this->config->rasterizePages);
+        $this->config->vectorPages = array_diff(cubeArray::parseRange($this->config->vectorPages), $this->config->rasterizePages);
+        $this->config->tabsHideOnPages = cubeArray::parseRange($this->config->tabsHideOnPages);
+        $this->config->tabsDisabledOnPages = cubeArray::parseRange($this->config->tabsDisabledOnPages);
+        if ($this->config->tabsHideOnCover) {
+            $this->config->tabsHideOnPages[] = 0;
+            $this->config->tabsHideOnPages[] = 1;
+        }
+        if ($this->config->tabsHideOnLastPage) {
+            $this->config->tabsHideOnPages[] = count($this->pages);
+        }
+        $this->config->triggersLinks = [];
+        $this->config->hasContentLock = false;
+    }
+
+    protected function populateConfig()
+    {
+        $this->config->numerotation = explode(',', $this->book->numerotation);
+        $this->config->id = $this->book->book_id;
+        $this->config->cid = $this->book->cid;
+        $this->config->cacheDate = TIME;
+        $this->config->width = $this->cssWidth;
+        $this->config->height = $this->cssHeight;
+        $this->config->optimalWidth = $this->optimalWidth;
+        $this->config->optimalHeight = $this->optimalHeight;
+        $this->config->chapters = $this->book->chapters;
+        $this->config->videoFormats = $this->getVideosFormats(false);
+        $this->config->htmlmultimedia = $this->htmlmultimedia;
+        $this->config->phonegap = $this->phonegap;
+        $this->config->retinaResolution = min($this->book->parametres->maxResolution, $this->maxRes);
+        $this->config->standardResolution = min($this->book->parametres->maxResolution, 150);
+        $this->config->pageLabels = $this->pageLabels;
+        $this->config->pageZoomFactor = $this->z;
+        $this->config->multiply = $this->multiply;
+        $this->config->cssScale = $this->cssScale;
+        $this->config->pdfZoomFactor = $this->pdf2htmlRatio;
+        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->book->parametres->offlineLink == '' || $this->book->parametres->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();
+        }
+
+        $this->writeGPUDatabase();
+
+        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 writeGrandVisionCart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'grandvision';
+
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('grandvision', 'js/libs/fluidbook/cart/fluidbook.cart.grandvision.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+        $this->addJsLib('multiselect', 'js/libs/jquery/jquery.multi-select.js');
+        $this->addJsLib('jqueryui', 'js/libs/jquery/jquery-ui.min.js');
+        $this->addJsLib('exceljs', 'js/libs/exceljs.min.js');
+        $this->svgfiles[] = $this->assets . '/images/symbols/grandvision.svg';
+
+        $cdir = $this->wdir . '/commerce/';
+        $file = $cdir . $this->book->parametres->basketReferences;
+        $refs = wsUtil::excelToArrayKeyVars($file, 'Excel2007', true);
+        $this->config->basketReferences = [];
+        foreach ($refs as $ean => $ref) {
+            $this->config->basketReferences[$ean] = $ref;
+            $this->config->basketReferences[$ean]['angle_url'] = base64_encode(file_get_contents($this->wdir . '/commerce/opt/' . $ean . '-angle.jpg'));
+        }
+
+        $odir = $cdir . '/opt/';
+        if (!file_exists($odir)) {
+            mkdir($odir, 0777, true);
+        }
+
+        $it = CubeIT_Files::getDirectoryIterator($cdir);
+        $exts = ['png', 'jpg', 'tif', 'mp4'];
+        foreach ($it as $file) {
+
+            /** @var $file SplFileInfo */
+            if ($file->isDir()) {
+                continue;
+            }
+            $ext = $file->getExtension();
+            if (!in_array($ext, $exts)) {
+                continue;
+            }
+
+            $e = explode('-', $file->getFilename());
+            $ean = $this->findEAN($e);
+            if (!$ean) {
+                continue;
+            }
+            if (!isset($this->config->basketReferences[$ean])) {
+                continue;
+            }
+
+            $f = $file->getPathname();
+
+            if ($ext === 'mp4') {
+                $n = $ean . '-360.mp4';
+                $this->config->basketReferences[$ean]['360'] = true;
+                $opt = $odir . '/' . $n;
+                if (!file_exists($opt) || !filesize($opt) || filemtime($opt) < filemtime($f)) {
+                    // Optimize original video
+                    `ffmpeg -i $f -filter:v scale=360:-2 -vcodec libx264 -an $opt`;
+                    touch($opt, filemtime($f));
+                }
+            } else {
+                if (in_array('front', $e)) {
+                    $type = 'front';
+                } else if (in_array('angle', $e)) {
+                    $type = 'angle';
+                } else {
+                    continue;
+                }
+                $n = $ean . '-' . $type . '.jpg';
+                $this->config->basketReferences[$ean][$type] = true;
+                $opt = $odir . '/' . $n;
+                if (!file_exists($opt) || !filesize($opt) || filemtime($opt) < filemtime($f)) {
+                    // Optimize original image
+                    $convert = new CubeIT_Image_Resizer_ImageMagick();
+                    $convert->loadImage($f);
+                    $convert->resize(1080, null, 'ratio', false, 'C', 'M', 'white');
+                    $convert->output('jpg', $opt, 75);
+                    touch($opt, filemtime($f));
+                }
+            }
+            $this->vdir->copy($opt, 'data/commerce/' . $n);
+        }
+
+    }
+
+    public function findEAN($array)
+    {
+        foreach ($array as $item) {
+            if (strlen($item) === 13 && preg_match('/^\d{13}$/', $item)) {
+                return $item;
+            }
+        }
+        return false;
+    }
+
+    public function writeFlexipanCart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'flexipan';
+
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('flexipan', 'js/libs/fluidbook/cart/fluidbook.cart.flexipan.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+
+        $cdir = $this->wdir . '/commerce/';
+
+
+        $file = $cdir . $this->book->parametres->basketReferences;
+        $this->config->basketReferences = wsUtil::excelToArrayKeyVars($file);
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+
+        foreach ($links as $link) {
+            if ($link['type'] == '12') {
+
+            }
+        }
+
+        $this->config->product_zoom_references = [];
+        foreach ($this->config->basketReferences as $ref => $data) {
+            $this->config->product_zoom_references[$ref] = [$ref];
+        }
+    }
+
+    public function writeMIFCart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'mif';
+
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('mif', 'js/libs/fluidbook/cart/fluidbook.cart.mif.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+
+        $cdir = $this->wdir . '/commerce/';
+        $odir = $cdir . '/opt/';
+        if (!file_exists($odir)) {
+            mkdir($odir, 0777, true);
+        }
+
+        $file = $cdir . $this->book->parametres->basketReferences;
+        $this->config->basketReferences = wsUtil::excelToArrayKeyVars($file);
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+
+        foreach ($this->config->basketReferences as $ref => $data) {
+            $source = $cdir . '/' . $data['Image'];
+            if (!file_exists($source)) {
+                continue;
+            }
+            $d = CubeIT_Text::str2URL($ref) . '.jpg';
+            $dest = $odir . '/' . $d;
+            if (!file_exists($dest) || !filesize($dest) || filemtime($dest) < filemtime($source)) {
+                $convert = new CubeIT_Image_Resizer_ImageMagick();
+                $convert->loadImage($source);
+                $convert->resize(500, 500, 'ratio', false, 'C', 'M', 'ffffff');
+                $convert->output('jpg', $dest, 80);
+            }
+            $vdest = 'data/commerce/opt/' . $d;
+            $this->vdir->copy($dest, $vdest);
+            $this->config->basketReferences[$ref]['Image'] = $vdest;
+        }
+
+        foreach ($links as $link) {
+            if ($link['type'] == '12') {
+
+            }
+        }
+
+//        $this->config->product_zoom_references = [];
+//        foreach ($this->config->basketReferences as $ref => $data) {
+//            $r = [$data['Lien']];
+//            $this->config->product_zoom_references[$ref] = $r;
+//        }
+    }
+
+    public function writeJoueClub2021Cart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'joueclub2021';
+        $extra = wsHTML5Link::parseExtras($this->book->parametres->cartExtraSettings, true);
+
+        /**
+         * buttonColor=#d7b646
+         * buttonTextColor=#ffffff
+         * headerBackgroundColor=#0e1a3c
+         * headerTextColor=#ffffff
+         */
+        $this->lessVariables['cart-button-color'] = $extra['buttoncolor'] ?? '#e30613';
+        $this->lessVariables['cart-button-text-color'] = $extra['buttontextcolor'] ?? '#ffffff';
+        $this->lessVariables['cart-button-radius'] = $extra['buttonradius'] ?? '50%';
+        $this->lessVariables['cart-header-background-color'] = $extra['headerbackgroundcolor'] ?? '#26348b';
+        $this->lessVariables['cart-header-text-color'] = $extra['headertextcolor'] ?? '#ffffff';
+        $this->lessVariables['cart-close-color'] = $extra['closecolor'] ?? '#ffffff';
+        $this->lessVariables['cart-close-background-color'] = $extra['closebackgroundcolor'] ?? '#e30613';
+        $this->lessVariables['cart-close-radius'] = $extra['closeradius'] ?? '50%';
+        $this->lessVariables['cart-actions-radius'] = $extra['actionsradius'] ?? '8px';
+        $this->lessVariables['cart-actions-background-color'] = $extra['actionsbackgroundcolor'] ?? '#26348b';
+        $this->lessVariables['cart-actions-text-color'] = $extra['actionstextcolor'] ?? '#ffffff';
+        $this->lessVariables['cart-scrollbar-color'] = $extra['scrollbarcolor'] ?? '#26348b';
+
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('joueclub2021', 'js/libs/fluidbook/cart/fluidbook.cart.joueclub2021.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+
+        $cdir = $this->wdir . '/commerce/';
+
+        $file = $cdir . $this->book->parametres->basketReferences;
+        $this->config->basketReferences = wsUtil::excelToArrayKeyVars($file);
+
+        foreach ($this->config->basketReferences as $ref => $data) {
+            $dest = $cdir . $ref . '.jpg';
+            if (!file_exists($dest)) {
+                copy($data['img'], $dest);
+            }
+            $this->vdir->copy($dest, 'data/commerce/' . $ref . '.jpg');
+        }
+        $addFiles = [$this->config->cartHeaderImage, $this->config->cartHeaderMobileImage];
+        foreach ($addFiles as $f) {
+            if (!$f) {
+                return;
+            }
+
+            $this->vdir->copy($cdir . $f, 'data/commerce/' . $f);
+        }
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+    }
+
+    public function writeGrandPavoisCart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'grandpavois';
+
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('grandpavois', 'js/libs/fluidbook/cart/fluidbook.cart.grandpavois.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+
+        $cdir = $this->wdir . '/commerce/';
+        $odir = $cdir . '/opt/';
+        if (!file_exists($odir)) {
+            mkdir($odir, 0777, true);
+        }
+
+        $file = $cdir . $this->book->parametres->basketReferences;
+        $this->config->basketReferences = wsUtil::excelToArrayKeyVars($file);
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+    }
+
+
+    public function writePumaCart()
+    {
+        $this->lessVariables['import-cart-styles'] = 'puma';
+
+        $this->addJsLib('parsley', 'js/libs/parsley.min.js');
+        $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+        $this->addJsLib('puma', 'js/libs/fluidbook/cart/fluidbook.cart.puma.js');
+        $this->addJsLib('html2pdf', 'js/libs/html2pdf/html2pdf.min.js');
+        $this->addJsLib('exceljs', 'js/libs/exceljs.min.js');
+        $this->addVideoJs();
+
+        $this->config->basketReferences = wsUtil::excelToArrayKeyVars($this->wdir . 'commerce/' . $this->book->parametres->basketReferences);
+        $eanFile = $this->wdir . 'commerce/ean.xlsx';
+        if (file_exists($eanFile)) {
+            $this->config->eanReferences = wsUtil::excelToArrayIndexKeyVars($eanFile);
+        }
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+        foreach ($links as $link) {
+            if ($link['type'] == '12' && isset($this->config->basketReferences[$link['to']])) {
+                $this->config->basketReferences[$link['to']]['zoom_image'] = 'data/links/zoom_' . $link['uid'] . '.jpg';
+                $this->config->basketReferences[$link['to']]['zoom_url'] = base64_encode(file_get_contents($this->dir . '/data/links/zoom_' . $link['uid'] . '.jpg'));
+                $this->config->basketReferences[$link['to']]['zoom_image_ratio'] = $link['width'] / $link['height'];
+            }
+        }
+
+        $this->config->product_zoom_references = [];
+        $files = ['360°', 'Image supplémentaire', 'Fiche technique'];
+        foreach ($this->config->basketReferences as $ref => $data) {
+            $r = [];
+            foreach ($files as $file) {
+                $fname = trim($data[$file]);
+                if ($fname !== '') {
+                    $fname = str_replace(' ', '-', $fname);
+                    $wfile = $this->wdir . 'commerce/' . $fname;
+                    if (file_exists($wfile)) {
+                        $fname = 'data/commerce/' . $fname;
+                        $this->vdir->copy($wfile, $fname);
+                    } else {
+                        $fname = '';
+                    }
+                }
+                $r[] = $fname;
+            }
+            $this->config->product_zoom_references[$ref] = $r;
+        }
+    }
+
+    public function writeCartConfig()
+    {
+        if ($this->book->parametres->cartLinkAppearance == 'overlay') {
+            $this->svgfiles[] = $this->assets . '/images/symbols/cart-overlay.svg';
+        }
+
+        if ($this->config->basket) {
+            $this->addJsLib('cart', 'js/libs/fluidbook/fluidbook.cart.js');
+            switch ($this->config->basketManager) {
+                case 'Flexipan';
+                    return $this->writeFlexipanCart();
+                case 'Puma':
+                    return $this->writePumaCart();
+                case 'MIF':
+                    return $this->writeMIFCart();
+                case 'GrandVision':
+                    return $this->writeGrandVisionCart();
+                case 'GrandPavois':
+                    return $this->writeGrandPavoisCart();
+                case 'JoueclubWishlist2021':
+                    return $this->writeJoueClub2021Cart();
+                case 'Remarkable':
+                    $this->addJsLib('parsley', 'js/libs/parsley.min.js');
+                    $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+                    $this->addJsLib('remarkable', 'js/libs/fluidbook/cart/fluidbook.cart.remarkable.js');
+                    break;
+                case 'Mopec':
+                    $this->addJsLib('parsley', 'js/libs/parsley.min.js');
+                    $this->addJsLib('cookie', 'js/libs/jquery/jquery.cookie.js');
+                    $this->addJsLib('mopec', 'js/libs/fluidbook/cart/fluidbook.cart.mopec.js');
+                    break;
+                default:
+                    break;
+            }
+        }
+        if (!$this->config->product_zoom_references && $this->config->basketReferences && $this->config->basketManager == "ZoomProductLink") {
+            $this->config->product_zoom_references = $this->config->basketReferences;
+            $this->config->basketReferences = '';
+        }
+
+        if ($this->config->product_zoom_references) {
+            if (file_exists($this->config->product_zoom_references) || CubeIT_Util_Url::isDistant($this->config->product_zoom_references)) {
+                $referencesFile = $this->config->product_zoom_references;
+            } else {
+                $referencesFile = $this->wdir . '/commerce/' . $this->config->product_zoom_references;
+            }
+            if (file_exists($referencesFile) || CubeIT_Util_Url::isDistant($referencesFile)) {
+                $function = 'excelToArrayKeyValMulti';
+                $this->config->product_zoom_references = wsUtil::$function($referencesFile, 'Excel2007', true);
+            }
+        }
+
+        if ($this->config->basketReferences) {
+            if (file_exists($this->config->basketReferences) || CubeIT_Util_Url::isDistant($this->config->basketReferences)) {
+                $referencesFile = $this->config->basketReferences;
+            } else {
+                $referencesFile = $this->wdir . '/commerce/' . $this->config->basketReferences;
+            }
+
+            if (file_exists($referencesFile) || CubeIT_Util_Url::isDistant($referencesFile)) {
+                $ext = CubeIT_Files::getExtension($referencesFile);
+                if ($ext == 'xlsx') {
+                    if ($this->config->basketManager == "ZoomProductLink") {
+                        $function = 'excelToArrayKeyVal';
+                    } else {
+                        $function = 'excelToArray';
+                    }
+                    $this->config->basketReferences = wsUtil::$function($referencesFile);
+                    if ($this->book->parametres->customLinkClass == 'AtlanticDownloadLink') {
+                        $this->config->basketReferences = wsUtil::atlanticReferences($this->config->basketReferences, 'local/', array($this, 'log'), array($this->vdir, "copy"));
+                    }
+                }
+                $this->log("Done cart references");
+            }
+        }
+    }
+
+    public function writeGPUDatabase()
+    {
+        global $core;
+        $r = $core->con->select('SELECT gpu,rgpu,score FROM gpu');
+        $gpu = [];
+        while ($r->fetch()) {
+            $gpu[$r->gpu] = $r->score;
+            $gpu[$r->rgpu] = $r->score;
+        }
+        $this->config->gupsc = $gpu;
+        $this->config->gupse = wsServices::gpuSeparators();
+    }
+
+    public function log($step)
+    {
+        $currenttime = microtime(true);
+        if (null === $this->logfp) {
+            $this->logfp = fopen('/var/log/extranet/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;
+    }
+
+    public function addFacebookSDK()
+    {
+        $lang = str_replace('-', '_', $this->book->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()
+    {
+        $res = [];
+
+        if ($this->maxRes == 300) {
+            $res = [150, 300];
+        } else if ($this->maxRes <= 150) {
+            $res = [$this->maxRes];
+        }
+
+        if ($this->widget) {
+            $res = array_merge(array(36), $res);
+        }
+        return $res;
+    }
+
+    public function getCssScale()
+    {
+        return $this->cssScale;
+    }
+
+    public function getLinkScale()
+    {
+        return $this->linkScale;
+    }
+
+    public function virtualToPhysical($virtual)
+    {
+        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 compile($delete = true)
+    {
+
+        $this->log('Start compile process');
+
+        // Raw copy of some directories
+        $directories = array('style/fonts/OpenSans', 'images', 'sound', 'video');
+        foreach ($directories as $directory) {
+            $from = $this->assets . '/' . $directory;
+            $this->vdir->copyDirectory($from, $directory);
+        }
+
+        if ($this->book->parametres->scorm_enable) {
+            $this->book->parametres->seoVersion = false;
+        }
+        if ($this->book->parametres->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');
+        $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->book->parametres->scorm_enable) {
+            $this->writeScorm();
+            $this->log('SCORM written');
+        }
+        $this->writeJs();
+        $this->log('Js written');
+        $this->vdir->sync($delete, $this);
+        $this->log('Files Synced');
+        touch(rtrim(str_replace('/html5/', '/compiletime/', $this->dir)));
+    }
+
+    protected function writeStats()
+    {
+        global $core;
+
+        if ($this->book->parametres->stats) {
+            $this->config->statsMatomo = $this->book_id;
+        } else {
+            $this->config->statsMatomo = false;
+        }
+
+        if ($this->book->parametres->tagcommander_id) {
+            $id = $this->book->parametres->tagcommander_id;
+            if (!$this->book->parametres->tagcommander_prod) {
+                $id .= '/uat';
+            }
+
+            $default = ['page_name' => '', 'page_cat1_name' => '', 'page_cat2_name' => '', 'page_cat3_name' => ''];
+            $this->config->tagcommander_default_vars = array_merge($default, $this->parseVariables($this->book->parametres->tagcommander_default_vars));
+            $this->config->tagcommander_default_vars['env_work'] = $this->book->parametres->tagcommander_prod ? 'prod' : 'pre-prod';
+
+            $this->book->parametres->googleAnalyticsCustom .= '<script>window.tc_vars=' . json_encode($this->config->tagcommander_default_vars) . ';</script><script src="//cdn.tagcommander.com/' . $id . '/tc_Multisite_Head.js"></script>';
+            $this->book->parametres->statsCustom .= '<script src="//cdn.tagcommander.com/' . $id . '/tc_Multisite_Analytics.js"></script>';
+            $this->book->parametres->statsCustom .= '<script src="//cdn.tagcommander.com/' . $id . '/tc_Multisite_Medias.js"></script>';
+
+            if ($this->book->parametres->tagcommander_plan) {
+                $plan = wsUtil::excelToArrayKeyVars($this->_wdirOrAbsolute($this->book->parametres->tagcommander_plan));
+                $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->book->parametres->googleTagManager) && $this->book->parametres->googleTagManager) {
+            $this->book->parametres->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->book->parametres->googleTagManager . "');</script>
+<!-- End Google Tag Manager -->
+";
+            $this->book->parametres->statsCustom = '<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=' . $this->book->parametres->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)
+    {
+        global $core;
+        $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] = CubeIT_Util_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->book->parametres->secureClientSidePassword !== '') {
+            $credentials = CubeIT_Text::explodeNewLines($this->book->parametres->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->book->parametres->secureClientSidePassword);
+            $secure = str_replace('$CREDENTIALS', 'var CREDENTIALS=' . json_encode($users) . ';', $secure);
+            $secure = str_replace('$TITLE', $this->book->parametres->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->book->parametres->recaptcha) {
+            $this->beginBody[] = '<script src="https://www.google.com/recaptcha/api.js?render=' . $this->book->parametres->recaptcha . '"></script>';
+        }
+    }
+
+    protected function loadPlugins()
+    {
+        $e = explode("\n", $this->book->parametres->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;
+        }
+    }
+
+    protected function writeSounds()
+    {
+        if ($this->book->parametres->soundTheme == '') {
+            return;
+        }
+        $this->config->simpleSoundTheme = file_exists(WS_SOUNDS . '/' . $this->book->parametres->soundTheme . '/flip.mp3');
+        $this->vdir->copyDirectory(WS_SOUNDS . '/' . $this->book->parametres->soundTheme, 'data/sounds');
+    }
+
+    protected function writeAccessibility()
+    {
+        if ($this->book->parametres->audiodescriptionTexts) {
+
+            $file = $this->wdir . '/' . $this->book->parametres->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());
+                    if ($page == '' || $text == '') {
+                        continue;
+                    }
+                    $this->audioDescriptionTextsList[$page] = $text;
+                }
+            }
+        }
+
+        foreach ($this->audioDescriptionTextsList as $page => $text) {
+            $replace = [
+                '`' => "'",
+                '“' => '"',
+                '”' => '"',
+                '’' => "'",
+                '—' => " - ",
+                '‘' => "'",
+                "…" => "...",
+            ];
+
+            $text = trim($text);
+            $text = str_replace(array_keys($replace), array_values($replace), $text);
+            $text = CubeIT_Text::cleanUTF8($text, '');
+
+            if ($this->book->parametres->audiodescriptionVoice) {
+                $hash = hash('sha256', $this->book->parametres->audiodescriptionVoice . '_^_' . $text);
+                $fname = $hash . '.mp3';
+                $dir = WS_BOOKS . '/audiodescription/';
+                if (!file_exists($dir)) {
+                    mkdir($dir, 0777, true);
+                }
+
+                $file = $dir . $fname;
+
+                if ($this->book_id === '18860' && file_exists($file)) {
+                    unlink($file);
+                }
+
+                if (!file_exists($file) || filesize($file) === 0) {
+                    $e = explode(':', $this->book->parametres->audiodescriptionVoice);
+
+
+                    $engine = $e[0];
+                    $voice = $e[1];
+
+                    if ($engine == 'festival') {
+                        $tmp = CubeIT_Files::tempnam() . '.wav';
+                        $tmptext = CubeIT_Files::tempnam() . '.txt';
+
+                        file_put_contents($tmptext, $text);
+                        $cmd = "text2wave -o $tmp $tmptext -eval \"($voice)\"";
+                        `$cmd`;
+
+                        `lame $tmp $file`;
+                        unlink($tmp);
+                        unlink($tmptext);
+                    } else if ($engine == 'readspeaker') {
+                        $e = explode('/', $voice);
+                        $this->_readSpeaker($text, $e[1], $e[0], $file);
+                    } else 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 _readSpeaker($text, $language, $voice, $output)
+    {
+        $text_to_read = urlencode($text);
+        // Your API key here
+        $apikey = 'e9c321908f2dd016f6a0c34d2d786aff';
+
+        // File path and file name
+        $filepath = $output;
+
+        // API URL of text-to-speech enabler
+        $api_url = 'https://tts.readspeaker.com/a/speak';
+
+        // Compose API call url
+        $url = $api_url . '?key=' . $apikey . '&streaming=0&lang=' . $language . '&voice=' . $voice . '&text=' . $text_to_read;
+
+        // Initiating curl
+        $ch = curl_init($url);
+
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
+
+        $data = curl_exec($ch);
+
+        $status = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+
+        if ($status == 200 && !curl_errno($ch)) {
+            // Everything is fine, close curl and save file
+            curl_close($ch);
+            file_put_contents($filepath, $data);
+        } else {
+            // Cannot translate text to speech because of text-to-speech API error
+            error_log(__FILE__ . ': API error while text-to-speech. error code=' . $status);
+            curl_close($ch);
+        }
+
+    }
+
+    protected function _writeIndex($page)
+    {
+        if (!isset($this->seo->pages[$page])) {
+            return;
+        }
+        $seo = $this->seo->pages[$page];
+        $html = $seo->getHTML();
+
+        if ($this->book->parametres->seoVersion) {
+            $seo->writePage($html, $this->vdir);
+        }
+        if ($page == 1) {
+            $seo->writePage($html, $this->vdir, 'index.html');
+        }
+    }
+
+    public function getIndexVars()
+    {
+        if (null === $this->_indexVars) {
+            global $core;
+            $titre = $this->book->parametres->title;
+
+
+            if (null === $this->_signature) {
+                $daoSignature = new wsDAOSignature($core->con);
+                $this->_signature = $daoSignature->selectById($this->book->parametres->signature);
+            }
+
+            $credits = $this->_signature->credits;
+
+            $hiddenContents = implode("\n", $this->hiddenContents);
+
+            $bgcolor = $this->theme->parametres->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->book->parametres->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 = html::escapeHTML($this->book->parametres->facebook_title ? $this->book->parametres->facebook_title : $titre);
+            $socialDescription = html::escapeHTML($this->book->parametres->facebook_description ? $this->book->parametres->facebook_description : $this->book->parametres->seoDescription);
+
+            $socialImage = 'https://workshop.fluidbook.com/services/facebook_thumbnail?cid=' . $this->book->cid;
+            $sizeFile = WS_FILES . '/social_image/' . $this->book->book_id . '.size';
+            if (!file_exists($sizeFile)) {
+                $dim = CubeIT_Image::getimagesize($socialImage);
+                file_put_contents($sizeFile, json_encode($dim));
+                $this->log('Got index vars (measure social image)');
+            } else {
+                $dim = json_decode(file_get_contents($sizeFile), true);
+            }
+
+            $socialImageWidth = $dim[0];
+            $socialImageHeight = $dim[1];
+
+            $this->log('Got index vars 2.5');
+
+
+            $titre = $this->book->parametres->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 = '';
+            $hasIos = false;
+            //if ($iosico = $this->checkThemeImage($this->theme->parametres->iosicon)) {
+            //    $hasIos = true;
+            //    $this->vdir->copy($iosico, 'data/apple-touch-icon.png');
+            //    $favicon .= '<link rel="apple-touch-icon" href="data/apple-touch-icon.png" />' . "\n\t";
+            //}
+            if ($this->theme->parametres->favicon != '') {
+
+                $pngFile = $this->checkThemeImage($this->theme->parametres->favicon);
+                $icoFile = $this->checkThemeImage('favicon.ico');
+
+                if (!file_exists($icoFile) || filemtime($icoFile) < filemtime($pngFile) || filemtime(__FILE__) > filemtime($icoFile)) {
+                    $tmp = CubeIT_Files::tempnam() . '.png';
+                    $convert = "convert $pngFile -resize 64x64^ -gravity center $tmp";
+                    `$convert`;
+
+                    $icotool = new cubeCommandLine('icotool');
+                    $icotool->setArg('c');
+                    $icotool->setArg('o', $icoFile);
+                    $icotool->setArg(null, $tmp);
+                    $icotool->execute();
+
+                    unlink($tmp);
+                }
+
+                $this->vdir->copy($icoFile, 'data/favicon.ico');
+                $this->vdir->copy($pngFile, 'data/favicon.png');
+
+                $datapng = 'data:image/png;base64,' . base64_encode(file_get_contents($pngFile));
+
+                $favicon .= '<link rel="icon" type="image/png" href="' . $datapng . '" />' . "\n\t";
+                if (!$hasIos) {
+                    $favicon .= '<link rel="apple-touch-icon" href="data/favicon.png" />';
+                }
+            }
+
+            $print = $this->writePrint();
+            $message = sprintf($this->__('Your browser is not up to date and is not able to run this publication. %sLearn more%s'), '<!--', '-->');
+
+            $this->log('Got index vars 4');
+
+            $splash = '';
+            $splashstyles = '';
+            $img = $this->book->parametres->splashImage;
+            if ($img) {
+                $this->vdir->copy($this->wdir . '/' . $img, 'data/images/' . $img);
+                $splashstyles = 'background-image:url(' . 'data/images/' . $img . ');background-size:contain;background-position:50% 50%;';
+                if ($this->book->parametres->splashURL !== '') {
+                    $splash = '<a href="' . $this->book->parametres->splashURL . '" target="' . $this->book->parametres->splashTarget . '" style="display:block;position:absolute;top:0;left;0;width:100%;height:100%"></a>';
+                }
+            } else if ($ll = $this->checkThemeImage($this->theme->parametres->logoLoader)) {
+                $dim = CubeIT_Image::getimagesize($ll);
+                if ($dim !== false) {
+                    $this->vdir->copy($ll, 'data/images/' . $this->theme->parametres->logoLoader);
+                    $splash .= '<div class="logo"><img src="data/images/' . $this->theme->parametres->logoLoader . '" 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->book->lang;
+
+            $console = '';
+            if ($this->book->parametres->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('> <', '><', CubeIT_Util_Text::removeNewLines(implode('', $symbols))) . '</svg>';
+    }
+
+    protected function _getSVGSymbols($svg)
+    {
+        if (file_exists($svg)) {
+            $svg = file_get_contents($svg);
+        }
+        $svg = str_replace('$bookmark-color', wsHTML5::colorToCSS($this->theme->parametres->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->book->parametres->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) {
+            $html = file_get_contents($this->assets . '/_seo.html');
+            $a = $seoArticle;
+            unset($a['image']);
+            $a['imageurl'] = 'https://workshop.fluidbook.com/services/facebook_thumbnail?cid=' . $this->book->cid . '&j=' . TIME;
+            if ($seoArticle['image']) {
+                $a['imageurl'] .= '&image=' . $seoArticle['image'];
+            }
+            $dim = CubeIT_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 wsHTML5Seo($this);
+    }
+
+    public function addContentLock($page, $unlockConditions = '')
+    {
+        $this->config->hasContentLock = true;
+        $unlockConditions = CubeIT_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()
+    {
+        if ($this->book->parametres->scorm_version == '1.2') {
+            $manifestfile = '_imsmanifest.12.xml';
+        } elseif ($this->book->parametres->scorm_version == '2004') {
+            $manifestfile = '_imsmanifest.2004.xml';
+        }
+
+        $manifest = file_get_contents($this->assets . '/' . $manifestfile);
+        if (!$this->book->parametres->scorm_title) {
+            $this->book->parametres->scorm_title = $this->book->parametres->title;
+        }
+        if (!$this->book->parametres->scorm_id || ($this->book->book_id > 16614 && $this->book->parametres->scorm_id === 'MFMCTE091mobile')) {
+            $this->book->parametres->scorm_id = 'fb_' . $this->book->book_id;
+        }
+        if (!$this->book->parametres->scorm_org) {
+            $this->book->parametres->scorm_org = 'Fluidbook';
+        }
+
+        $vars = array('scorm_id', 'scorm_org', 'scorm_title');
+        foreach ($vars as $v) {
+            $manifest = str_replace('$' . $v, htmlspecialchars($this->book->parametres->$v, ENT_QUOTES), $manifest);
+        }
+        $this->vdir->file_put_contents('imsmanifest.xml', $manifest);
+
+
+        $this->config->scorm_variables = $this->book->parametres->scorm_variables = $this->parseVariables($this->book->parametres->scorm_variables);
+        if ($this->book->parametres->scorm_quizdata) {
+            $this->config->scorm_quizdata = wsUtil::excelToArray($this->wdir . '/' . $this->book->parametres->scorm_quizdata);
+        }
+    }
+
+    protected function parseVariables($f)
+    {
+        $variables = [];
+        $f = str_replace("\r", "\n", $f);
+        $e = CubeIT_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 writePrint()
+    {
+        if (!$this->book->parametres->print && !$this->book->parametres->pdf) {
+            return;
+        }
+
+        $res = wsUtil::compilePDF($this->book, $this->pages, $this);
+        if (!$this->config->pdfName) {
+            $this->config->pdfName = 'document.pdf';
+        }
+        if ($res !== false) {
+            $this->vdir->copy($res, 'data/' . $this->config->pdfName);
+        }
+        $this->log('Print 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 = CubeIT_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();
+        }
+
+        if (isset($this->config->l10n['default']->$str)) {
+            return $this->config->l10n['default']->$str;
+        } else {
+            return $str;
+        }
+    }
+
+    protected function writeLangs()
+    {
+        global $core;
+        $daoLang = new wsDAOLang($core->con);
+        $lang = $daoLang->selectById($this->book->lang);
+        $langs = $daoLang->selectAll();
+
+        $t = CubeIT_Util_Object::toArray($this->book->traductions);
+
+        $traductions = (!is_countable($t) || !count($t)) ? $lang->traductions : $t;
+
+        $this->config->l10n = array();
+        $this->config->l10n['default'] = $traductions;
+        $this->config->defaultLang = $this->book->lang;
+
+        foreach ($langs as $lang) {
+            $this->config->l10n[$lang->lang_id] = $lang->traductions;
+        }
+        $iso = l10n::getISOcodes();
+        if ($this->book->parametres->multilang != '') {
+            $flagsDir = 'images/flags';
+            if (!file_exists($flagsDir)) {
+                mkdir($flagsDir);
+            }
+            $ml = str_replace("\r", "\n", $this->book->parametres->multilang);
+            $ml = str_replace("\n\n", "\n", $ml);
+            $e = explode("\n", $ml);
+            $m = array();
+            foreach ($e as $l1) {
+                $l1 = trim($l1);
+                if ($l1 == '') {
+                    continue;
+                }
+                $l = explode(',', $l1);
+                $flag = $l[1];
+
+                $ll = explode('-', $l[0]);
+
+                $this->vdir->copy(cubeMedia::getFlagFile($flag), $flagsDir . '/' . $flag . '.png');
+                $l[3] = cubeText::ucfirst($iso[$l[0]]);
+                $l[4] = cubeCountry::getCountryName($flag, $ll[0]);
+                $m[] = implode(',', $l);
+            }
+
+            $this->config->multilang = implode("\n", $m);
+        }
+    }
+
+    protected function writeExtras()
+    {
+        if ($as = $this->checkThemeImage($this->theme->parametres->afterSearch)) {
+            $this->vdir->copy($as, 'data/images/' . $this->theme->parametres->afterSearch);
+        }
+        if ($this->book->parametres->externalArchives != '') {
+            $this->addFilesInfos('archives', $this->wdir . '/' . $this->book->parametres->externalArchives);
+            $this->vdir->copy($this->wdir . '/' . $this->book->parametres->externalArchives, 'data/images/' . $this->book->parametres->externalArchives);
+        }
+
+        if ($this->book->parametres->navExtraImage != '') {
+            $this->vdir->copy($this->wdir . '/' . $this->book->parametres->navExtraImage, 'data/images/' . $this->book->parametres->navExtraImage);
+        }
+
+        if ($this->book->parametres->navExtraImageMobile != '') {
+            $this->vdir->copy($this->wdir . '/' . $this->book->parametres->navExtraImageMobile, 'data/images/' . $this->book->parametres->navExtraImageMobile);
+        }
+
+        for ($i = 1; $i <= 5; $i++) {
+            $ic = $this->book->parametres->{'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 {
+                    $this->vdir->copy($this->wdir . '/' . $ic, 'data/images/' . $ic);
+                }
+            }
+        }
+    }
+
+    protected function addSVGSymbolFromFile($svg, $symbolName)
+    {
+        $svg = wsTools::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>';
+    }
+
+    protected function writeLinks()
+    {
+        global $core;
+
+        switch ($this->book->parametres->customLinkClass) {
+            case 'WescoSalesLink':
+                $this->specialJsFiles[] = 'js/libs/interact.min.js';
+                $this->specialJsFiles[] = 'js/libs/fluidbook/special/wescosales.js';
+                $this->specialCSS[] = 'wescosales';
+                break;
+            case 'AtlanticDownloadLink':
+                $this->specialJsFiles[] = 'js/libs/fluidbook/special/atlanticdownload.js';
+                $this->specialCSS[] = 'atlanticdownload';
+                break;
+            case 'MiraklEaster2021':
+                $this->specialJsFiles[] = 'js/libs/fluidbook/special/mirakleaster2021.js';
+                $this->specialCSS[] = 'mirakleaster2021';
+                break;
+        }
+
+        $this->config->links = array();
+        $this->config->clinks = array();
+        $this->config->bookmarkGroups = array();
+
+        $ignore = $this->book->parametres->ignoreLinksTypes;
+        if (!$ignore) {
+            $ignore = array();
+        } else {
+            $ignore = explode(',', $ignore);
+        }
+
+        if ($this->book->parametres->externalChaptersHTML != '') {
+            $d = $this->unzipFile($this->book->parametres->externalChaptersHTML, false, 'data/chapters/');
+            $meta = $this->getConfigZIP($d['dir']);
+            $this->config->externalChaptersSize = new stdClass();
+            $this->config->externalChaptersSize->width = $meta['width'];
+            $this->config->externalChaptersSize->height = $meta['height'];
+            $this->vdir->copyDirectory($d['dir'], $d['fdir']);
+        }
+
+        wsLinks::getLinksAndRulersFromFile($this->book_id, $links, $rulers);
+
+        if ($this->book->parametres->basketManager === 'Puma') {
+            foreach ($links as $k => $init) {
+                if ($init['type'] == 12 && isset($this->config->product_zoom_references[$init['to']]) && count($this->config->product_zoom_references[$init['to']]) > 0 && implode('', $this->config->product_zoom_references[$init['to']]) != '') {
+                    $init['infobulle'] = 'Digital information';
+                    $init['animation'] = 'reflet-anim.html';
+                    $links[$k] = $init;
+                }
+                if ($init['type'] == 7) {
+                    $init['image'] = '';
+                    $init['display_area'] = false;
+                    $links[$k] = $init;
+                }
+            }
+
+        }
+
+        // Custom landing page content
+        if ($this->book->parametres->landingPage != '') {
+            $d = $this->unzipFile($this->book->parametres->landingPage, false, 'data/landing-page/');
+            $this->vdir->copyDirectory($d['dir'], $d['fdir']);
+        }
+
+        if ($this->book->parametres->tabsHTML5 != '' && file_exists($this->wdir . '/' . $this->book->parametres->tabsHTML5)) {
+            $ext = CubeIT_Files::getExtension($this->book->parametres->tabsHTML5);
+            if ($ext === 'zip') {
+                $links[] = [
+                    'page' => 'background',
+                    'top' => 0,
+                    'left' => 0,
+                    'width' => 100,
+                    'height' => 100,
+                    'type' => 6,
+                    'to' => $this->book->parametres->tabsHTML5,
+                    'alternative' => $this->book->parametres->tabsHTML5,
+                    'image' => '',
+                    'inline' => 1,
+                    'interactive' => 1,
+                    'class' => 'tabslink',
+                    'uid' => 'tabs',
+                ];
+            } else if ($ext === 'svg') {
+                $this->vdir->copy($this->wdir . '/' . $this->book->parametres->tabsHTML5, 'data/tabs.svg');
+                $this->config->svgTabs = true;
+                $pagesLists = ['tabsPages', 'tabsSections'];
+                foreach ($pagesLists as $pagesList) {
+                    $e = explode(',', $this->book->parametres->$pagesList);
+                    $list = [];
+                    foreach ($e as $k => $v) {
+                        $v = trim($v);
+                        if ($v === '') {
+                            continue;
+                        }
+                        if ($v !== '-') {
+                            if ($this->book->parametres->tabsPagesNumbers === 'virtual') {
+                                $v = $this->virtualToPhysical($v);
+                            }
+                        }
+                        $list[] = $v;
+                    }
+                    $this->config->$pagesList = $list;
+                }
+            }
+        }
+
+        $pagesOfCustomLinks = [];
+        $hiddenLinks = [];
+        $anchorExists = [];
+
+        $linksCopy = $links;
+
+        foreach ($linksCopy as $k => $linkData) {
+            if ($linkData['type'] == 26 || $linkData == 40) {
+                $linkData['to'] = anchorLink::normalizeAnchor($linkData['to']);
+                $anchorExists[$linkData['to']] = $linkData;
+            }
+            if ($linkData['type'] == 35 || $linkData['type'] == 15 || $linkData['type'] == 39) {
+                $linkData = wsLinks::decryptLink($linkData);
+                $animations = contentLink::parseAnimations($linkData['image_rollover']);
+                foreach ($animations as $animation) {
+                    if (isset($animation['backgroundcolor']) && $animation['backgroundcolor'] !== 'transparent') {
+                        $dupData = $linkData;
+                        $dupData['type'] = 14;
+                        $dupData['to'] = $animation['backgroundcolor'];
+
+                        $dupData['uid'] = 'b_' . $linkData['uid'];
+                        $dupData['image_rollover'] = 'addzindex=-1';
+                        array_push($links, $dupData);
+                        array_push($links, $linkData);
+                        unset($links[$k]);
+                    }
+                }
+            }
+            if (isset($linkData['image']) && $linkData['image'] && $linkData['type'] != 28 && $linkData['type'] != 35) {
+                $dupData = $linkData;
+                $dupData['image'] = '';
+                $dupData['animation'] = '';
+                $dupData['to'] = $linkData['image'];
+                $dupData['image_rollover'] = '';
+                $dupData['type'] = 15;
+                $dupData['uid'] = 'i_' . $linkData['uid'];
+                if (wsHTML5Link::isScorm($linkData)) {
+                    $dupData['scorm'] = true;
+                }
+                array_push($links, $dupData);
+            }
+            if (isset($linkData['animation']) && $linkData['animation']) {
+                $dupData = $linkData;
+                $dupData['image'] = '';
+                $dupData['animation'] = '';
+                $dupData['inline'] = true;
+                $dupData['interactive'] = false;
+                $dupData['alternative'] = $linkData['animation'];
+                $dupData['type'] = 6;
+                $dupData['uid'] = 'a_' . $linkData['uid'];
+                $dupData['video_width'] = $dupData['video_height'] = 0;
+                if (wsHTML5Link::isScorm($linkData)) {
+                    $dupData['scorm'] = true;
+                }
+                array_push($links, $dupData);
+            }
+            if ($linkData['type'] == 7) {
+                $k = $linkData['to'];
+                $e = explode(':', $k);
+                if (count($e) > 1) {
+                    $k = $e[1];
+                }
+                if (!isset($pagesOfCustomLinks[$k])) {
+                    $pagesOfCustomLinks[$k] = [];
+                }
+                if (!in_array($linkData['page'], $pagesOfCustomLinks[$k])) {
+                    $pagesOfCustomLinks[$k][] = $linkData['page'];
+                }
+            }
+            if ($linkData['type'] == 32) {
+                $ids = explode(',', $linkData['to']);
+                foreach ($ids as $id) {
+                    $id = trim($id);
+                    if ($id === 'tabs') {
+                        $this->config->tabsHiddenAtStartup = true;
+                    } else {
+                        $hiddenLinks[] = $id;
+                        $hiddenLinks[] = 'i_' . $id;
+                    }
+                }
+            }
+        }
+
+        if ($this->book->parametres->anchorsAliases && file_exists($this->book->parametres->anchorsAliases)) {
+            $aliases = [];
+            $anchors = [];
+            for ($i = 0; $i <= 2; $i++) {
+                $lines = CubeIT_Util_Text::explodeNewLines(file_get_contents($this->book->parametres->anchorsAliases));
+                foreach ($lines as $line) {
+                    $e = explode("\t", $line);
+                    $from = anchorLink::normalizeAnchor($e[0]);
+                    $to = anchorLink::normalizeAnchor($e[1]);
+                    $aliases[$from] = $to;
+                    if (is_numeric($to) && !isset($anchorExists[$from])) {
+                        $anchor = [
+                            'page' => $to,
+                            'top' => 0,
+                            'left' => 0,
+                            'width' => 100,
+                            'height' => 100,
+                            'type' => 26,
+                            'to' => $from,
+                            'uid' => wsHTML5Link::generateUID()
+                        ];
+                        $anchorExists[$from] = $anchor;
+                        $links[] = $anchor;
+                    } else {
+                        if (!isset($anchorExists[$from]) && isset($anchorExists[$to])) {
+                            $anchor = $anchorExists[$to];
+                            $anchor['to'] = $from;
+                            $anchor['uid'] = wsHTML5Link::generateUID();
+                            $anchorExists[$from] = $anchor;
+                            $links[] = $anchor;
+                        }
+                    }
+                }
+            }
+        }
+
+
+        $this->config->pagesOfCustomLinks = $pagesOfCustomLinks;
+
+        $i = 1;
+        $pages = array();
+        $cpages = array();
+        $ctpages = array();
+        $css = array();
+        $linkPages = [];
+        $allLinksData = [];
+        $gamifyCoins = [];
+
+        usort($links, array($this, '_sortLinks'));
+
+        foreach ($links as $linkData) {
+            if (in_array($linkData['type'], $ignore)) {
+                continue;
+            }
+
+            $linkData['hidden'] = in_array($linkData['uid'], $hiddenLinks);
+            if ($linkData['type'] == 28) {
+                $this->addSEOArticle('#/page/' . $linkData['page'], $linkData['to'], $linkData['extra'], $linkData['image']);
+                continue;
+            }
+            $link = wsHTML5Link::getInstance($this->base62($i), $linkData, $this);
+            if (is_null($link)) {
+                continue;
+            }
+
+            $linksToAdd = [$link];
+            if ($link->overlapDoublePage()) {
+                $linksToAdd[] = $link->getRightClone();
+            }
+
+            foreach ($linksToAdd as $lta) {
+                /** @var $lta wsLink */
+                // Keep this line because some properties of the link (like blend mode) are parsed with this function
+                $c = $lta->getHTMLContainer();
+                $css[] = $lta->getCSSContainer();
+                if (!isset($pages[$lta->page])) {
+                    $pages[$lta->page] = ['normal' => []];
+                    $cpages[$lta->page] = ['normal' => []];
+                    $ctpages[$lta->page] = ['normal' => []];
+                }
+
+
+                $d = $lta->getDepth();
+                if ($d < 30) {
+                    $v = 'ctpages';
+                } else if ($d < 50) {
+                    $v = 'cpages';
+                } else {
+                    $v = 'pages';
+                }
+
+                $lta->setInitialOrder($i);
+                if (!isset($$v[$lta->page][$lta->blendmode])) {
+                    $$v[$lta->page][$lta->blendmode] = [];
+                }
+
+                array_push($$v[$lta->page][$lta->blendmode], $lta);
+                $i++;
+            }
+            // Make old "aftersearch" link compatible with new "extra" menu option by extracting link URL
+            if ($link->page == 'aftersearch') {
+                $this->config->afterSearchLink = $link->to;
+                $this->config->afterSearchTooltip = $link->infobulle;
+            }
+
+            if (strpos($link->page, 'link_') === 0) {
+                $linkPages[$link->page] = true;
+            }
+
+            if ($link->gamifyCoins) {
+                $gamifyCoins[$linkData['uid']] = (float)$link->gamifyCoins;
+            }
+
+            $allLinksData[$linkData['uid']] = $linkData;
+
+            if ($link->keep()) {
+                $this->hiddenContents[] = $link->getHTMLContainer();
+            }
+        }
+
+
+        $allpages = range(0, $this->book->parametres->pages + 1);
+        if ($this->book->parametres->themeEnableAfterSearch) {
+            $allpages[] = 'aftersearch';
+        }
+        $allpages[] = 'background';
+        $allpages[] = 'archives';
+        foreach ($linkPages as $linkPage => $true) {
+            $allpages[] = $linkPage;
+        }
+
+        foreach ($allpages as $i) {
+            $this->config->links[$i] = $this->_htmlLinkList($pages[$i] ?? []);
+            $this->config->clinks[$i] = $this->_htmlLinkList($cpages[$i] ?? []);
+            $this->config->ctlinks[$i] = $this->_htmlLinkList($ctpages[$i] ?? []);
+        }
+
+        if ($this->writeLinksData) {
+            $this->config->linksData = $allLinksData;
+        }
+        $this->config->gamifyCoins = $gamifyCoins;
+
+        return $css;
+    }
+
+    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()
+    {
+        $s = $this->width * $this->height;
+        return $s;
+    }
+
+    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 = CubeIT_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->book->parametres->width) {
+            //$link['page']++;
+        }
+        if ($link['page'] <= 0 || $link['page'] > $this->book->parametres->pages) {
+            return;
+        }
+
+        $this->config->bookmarkGroups[] = array('page' => ($link['page']), 'nb' => $link['to'], 'name' => $link['extra']);
+    }
+
+    public function addTriggersLink($page, $link)
+    {
+        $this->config->triggersLinks[] = ['page' => $page, 'link' => $link];
+    }
+
+    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']] = file_get_contents($file);
+            }
+        } else {
+            $this->config->audiodescription[$link['page']] = $link['to'];
+            $this->copyLinkFile($link['to'], 'data/audiodescription/');
+        }
+    }
+
+    protected function beforeWriteConfig()
+    {
+        // Dynamic background
+        $dbc = [];
+        $p = $this->parseVariables($this->book->parametres->dynamicBackgroundColor);
+        foreach ($p as $range => $color) {
+            $e = explode(',', $color);
+            $pages = cubeArray::parseRange($range);
+            foreach ($pages as $page) {
+                $dbc[$page] = $e;
+            }
+        }
+        $this->config->dynamicBackgroundColor = $dbc;
+        if ($this->book->parametres->textsThickness > 1) {
+            if ($this->book->parametres->textsThicknessPages == '') {
+                $this->config->textsThicknessPages = range(1, $this->book->parametres->pages);
+            } else {
+                $this->config->textsThicknessPages = cubeArray::parseRange($this->book->parametres->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->book->parametres->gamify_coins_pages);
+        foreach ($p as $range => $coins) {
+            $pages = cubeArray::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->book->parametres->PDFRenderer, 'pdfjs') !== false) {
+            $renderer = $this->book->parametres->PDFRenderer;
+        } else if ($force) {
+            $renderer = 'pdfjs-legacy';
+        } else {
+            return;
+        }
+
+        $this->_addedPDFJS = true;
+
+
+        if ($renderer === 'pdfjs') {
+            $this->vdir->copyDirectory(WS_COMPILE_ASSETS . '/pdfjs', 'pdfjs');
+        } else if ($renderer === 'pdfjs-legacy') {
+            $this->vdir->copyDirectory(WS_COMPILE_ASSETS . '/pdfjs-legacy', 'pdfjs');
+        }
+
+        $css = '.article #sidebarContainer, .article .toolbar {display:none !important;}';
+        $css .= '.article .pdfViewer{padding:0 !important;}';
+        $css .= '.article #viewerContainer{top:0 !important;overflow:visible !important;}';
+        $css .= '.article{--page-border:0;--page-margin:0;--body-bg-color:transparent;}';
+        $css .= '.openFile,.rotateCw,.rotateCcw,.rotateCcw + .horizontalToolbarSeparator{display:none !important;}' . $this->book->parametres->PDFJSCSS;
+
+        $js = 'window.addEventListener("load", function() {PDFViewerApplication.preferences.set("externalLinkTarget", 2);});';
+
+        $this->vdir->file_put_contents('pdfjs/web/viewer.css', file_get_contents(WS_COMPILE_ASSETS . '/' . $renderer . '/web/viewer.css') . $css);
+        $this->vdir->file_put_contents('pdfjs/web/viewer.js', $js . ";\n" . file_get_contents(WS_COMPILE_ASSETS . '/' . $renderer . '/web/viewer.js'));
+    }
+
+    protected function writeJs()
+    {
+        $this->beforeWriteConfig();
+
+        $config = $this->writeConfig();
+
+        $this->vdir->file_put_contents('data/datas.js', $config);
+
+        $finals = $this->jsLibs;
+
+        $this->addPDFJS();
+
+        if ($this->book->parametres->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 = $this->assets . '/js/min/';
+        if (!file_exists($dirminimized)) {
+            mkdir($dirminimized, 0777, true);
+        }
+
+        foreach ($finals as $jsfinal => $files) {
+            $mintime = 0;
+            $hash = hash('sha256', json_encode($files));
+            $minimized = $dirminimized . $jsfinal . '-' . $hash . '-min.js';
+            if (!file_exists(dirname($minimized))) {
+                mkdir(dirname($minimized));
+            }
+            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 = cubeFiles::tempnam();
+                file_put_contents($tmp, $js);
+
+                if (file_exists($minimized)) {
+                    unlink($minimized);
+                }
+
+
+                if (file_exists($tmp) && filesize($tmp) > 0) {
+                    if ($hasNonMin) {
+                        $uglify = new CubeIT_CommandLine('/usr/local/bin/uglifyjs');
+                        $uglify->setArg('o', $minimized);
+                        $uglify->setArg(null, $tmp);
+                        $uglify->execute();
+                        $uglify->debug();
+                    } 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 writeTexts()
+    {
+        $cache = sha1($this->book->parametres->highlightResults . '/--/' . $this->book->parametres->searchWordSelectionAlgorithm . '///' . $this->book->parametres->textExtraction . '|--|' . $this->book->parametres->ignoreSearchSeparators . '|||' . $this->book->composition_update . '()()()' . filemtime(WS_TOOLS . '/fwstk/out/artifacts/fwstk_jar/fwstk.jar'));
+        $cacheDir = WS_BOOKS . '/index/' . $this->book_id . '/' . $cache . '/';
+        if (!file_exists($cacheDir)) {
+            mkdir($cacheDir, 0777, true);
+
+            $this->daoBook->makeTextsIndexes($this->book, $this->pages, $index, $textes, true);
+            file_put_contents($cacheDir . '/search.index.js', 'var INDEX=' . $index . ';' . "\r");
+            if ($this->book->parametres->highlightResults) {
+                file_put_contents($cacheDir . '/search.highlight.js', 'var HIGHLIGHTS=' . json_encode($this->daoBook->makeHighlightIndex($this->book, $this->pages)) . ";\r");
+            }
+            if ($this->book->parametres->searchWordSelectionAlgorithm == 'expression') {
+                file_put_contents($cacheDir . '/search.texts.js', 'var TEXTS=' . $textes . ";\r");
+            }
+        }
+
+        $this->vdir->copy($cacheDir . '/search.index.js', 'data/search.index.js');
+        if ($this->book->parametres->highlightResults) {
+            $this->vdir->copy($cacheDir . '/search.highlight.js', 'data/search.highlight.js');
+        }
+        if ($this->book->parametres->searchWordSelectionAlgorithm == 'expression') {
+            $this->vdir->copy($cacheDir . '/search.texts.js', 'data/search.texts.js');
+        }
+    }
+
+    public function supportSVG()
+    {
+        if (!$this->phonegap) {
+            return false;
+        } else if ($this->phonegap == 'ios') {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    protected function writeConfig()
+    {
+        $c = json_encode($this->config);
+        return 'var SETTINGS=' . $c . ';' . "\n";
+    }
+
+    protected function writeCountries()
+    {
+        $c = Zend_Locale::getTranslationList('Territory', $this->book->lang, 2);
+        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()
+    {
+        global $core;
+
+
+        switch ($this->book->parametres->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->book->parametres->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->book->getFile($page, $this->imageFormat, $r, $backgroundsPrefix, true, $imdir);
+                    if ($r === $this->maxRes) {
+                        $this->getPageDimension($infos, $page);
+                    }
+                    $this->vdir->copy($source, 'data/background/' . $r . '/' . ($backgroundsPrefix ? 't' : 'p') . $page . '.' . $this->imageFormat);
+                }
+            }
+
+            if ($thisimagesvg) {
+                $this->vdir->copy(
+                    $this->book->getFile($page, 'svg', 150, true,
+                        in_array($page, $this->config->vectorPages), 'html')
+                    , 'data/contents/p' . $page . '.svg');
+            }
+
+            $this->vdir->copy($this->book->getThumbFile($page, $this->imageFormat), 'data/thumbnails/p' . $page . '.' . $this->imageFormat);
+            $this->log('Made image page ' . $page);
+        }
+
+        $this->_makeCover($this->book->getFile(1, 'jpg', 150, true, true));
+
+        $this->log('Made images');
+    }
+
+
+    protected function getPageDimension($infos, $page)
+    {
+        global $core;
+        if (!isset($this->_docDimensions[$infos['document_id']])) {
+            $daoDoc = new wsDAODocument($core->con);
+            $firstDoc = $daoDoc->selectById($infos['document_id']);
+            $this->_docDimensions[$infos['document_id']] = $firstDoc->generalInfos['page'];
+        }
+        $d = $this->_docDimensions[$infos['document_id']][$infos['document_page']]['size'];
+        $this->config->pagesDimensions[$page] = array($this->cssWidth, $d[1] * ($this->cssWidth / $d[0]));
+    }
+
+    protected function _makeCover($orig)
+    {
+        $size = CubeIT_Image::getimagesize($orig);
+        $w = $size[0];
+        $h = $size[1];
+
+        $tmp = cubeFiles::tempnam() . '.png';
+
+        $c = new CubeIT_CommandLine('convert');
+        $c->setArg(null, ROOT . '/images/ws/shade-cover-app.png');
+        $c->setManualArg('-resize ' . round($w / 3) . 'x' . $h);
+        $c->setArg(null, $tmp);
+        $c->execute();
+
+        $res = cubeFiles::tempnam() . '.jpg';
+
+        $convert = new CubeIT_CommandLine('composite');
+        $cmd = '-compose Multiply ';
+        $cmd .= $tmp . ' ' . $orig . ' ';
+        $cmd .= $res;
+        $convert->setManualArg($cmd);
+        $convert->execute();
+
+        $this->vdir->copy($res, 'cover.jpg', true);
+
+        unlink($tmp);
+    }
+
+    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->theme->parametres->interfaceFont);
+        $this->lessVariables['text-transform'] = $this->_themeBoolean($this->theme->parametres->interfaceFontUppercase) ? 'uppercase' : 'inherit';
+
+        $this->lessVariables['css-scale'] = $this->cssScale;
+
+        $this->lessVariables['slider-background'] = wsHTML5::colorToCSS(!$this->theme->parametres->sliderBackground ? 'rgba(0,0,0,0.1)' : $this->theme->parametres->sliderBackground);
+        $this->lessVariables['slider-handle'] = wsHTML5::colorToCSS(!$this->theme->parametres->sliderHandle ? '#ffffff' : $this->theme->parametres->sliderHandle);
+        $this->lessVariables['slider-display'] = $this->_lessBoolean($this->theme->parametres->pagesBar);
+        $this->lessVariables['slider-thumb-background'] = wsHTML5::colorToCSS($this->theme->parametres->pageBarThumbBack);
+        $this->lessVariables['pages-background'] = $this->book->parametres->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;
+
+        if ($this->book->parametres->correctCenter && !$this->isMobileFirst()) {
+            $this->lessVariables['book-page-correct-width'] = ceil($w) + 1;
+            $this->lessVariables['book-page-correct-height'] = ceil($h) + 1;
+        } else {
+            $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->theme->parametres->shadeAlpha / 50);
+        $c = new CubeIT_Graphics_Color($this->theme->parametres->bookShadeColor);
+        $this->lessVariables['shadow-opacity'] = $c->getAlpha() * 1.2;
+        $this->lessVariables['edges-display'] = $this->_lessBoolean($this->theme->parametres->usePageEdges);
+        $this->lessVariables['edge-left-offset'] = 0;
+        $this->lessVariables['edge-right-offset'] = 0;
+        $this->lessVariables['edges-opacity'] = 1;
+
+        $this->lessVariables['audioplayer-background-color'] = wsHTML5::colorToCSS($this->theme->parametres->audioplayerBackgroundColor ?: $this->theme->parametres->couleurL);
+        $this->lessVariables['audioplayer-icon-color'] = wsHTML5::colorToCSS($this->theme->parametres->audioplayerIconColor);
+        $this->config->audioplayerStrokeColor = $this->lessVariables['audioplayer-stroke-color'] = wsHTML5::colorToCSS($this->theme->parametres->audioplayerStrokeColor ?: $this->theme->parametres->couleurL);
+
+        $this->lessVariables['page-number-color'] = wsHTML5::colorToCSS($this->theme->parametres->colorPageNumber);
+        $this->lessVariables['display-page-number'] = $this->_lessBoolean($this->theme->parametres->displayPageNumber);
+        $this->lessVariables['page-transition-duration'] = $this->book->parametres->mobileTransitionDuration . 's';
+
+        $corrText = $this->isMobileFirst() ? 0 : 4;
+        $this->log('CSS 3');
+
+        // Theme
+        $shade = '.page .shade{';
+        $shade .= 'opacity:' . min(($this->theme->parametres->shadeAlpha * 2) / 100, 1) . ';';
+        $shade .= '}';
+        $res[] = $shade;
+
+        // SVG
+        $res[] = 'svg .fill-c-menu-back{fill:' . wsHTML5::colorToCSS($this->theme->parametres->couleurB) . ';}';
+        $res[] = 'svg .fill-c-menu-text{fill:' . wsHTML5::colorToCSS($this->theme->parametres->subTextColor) . ';}';
+
+        // Background
+        $res[] = $this->_cssBackground();
+        $this->log('CSS 4');
+        // Archives
+        // Header
+        $header = 'header{';
+        $header .= 'height:' . $this->theme->parametres->menuHeight . 'px;';
+        if ($mi = $this->checkThemeImage($this->theme->parametres->menuImage)) {
+            $this->vdir->copy($mi, 'data/images/' . $this->theme->parametres->menuImage);
+            $header .= 'background-image:url(../images/' . $this->theme->parametres->menuImage . ');';
+            $header .= 'background-repeat:no-repeat;';
+            $header .= 'background-size:100% ' . $this->theme->parametres->menuHeight . 'px;';
+        } else {
+            // Force redo
+            $header .= 'background-color:' . wsHTML5::colorToCSS($this->theme->parametres->menuColor) . ';';
+        }
+        $header .= '}';
+        $res[] = $header;
+        $this->log('CSS 5');
+        // Logo
+        $logo = '#logo{';
+        if ($l = $this->checkThemeImage($this->theme->parametres->logo)) {
+            $this->vdir->copy($l, 'data/images/' . $this->theme->parametres->logo);
+            $dim = CubeIT_Image::getimagesize($l);
+            $logo .= 'background-image:url(../images/' . $this->theme->parametres->logo . ');width:' . $dim[0] . 'px;height:' . $dim[1] . 'px;';
+        }
+        $logo .= '}';
+        $res[] = $logo;
+
+        // Credits
+        $res[] = 'footer,footer a{color:' . wsHTML5::colorToCSS($this->theme->parametres->creditsColor) . ';}';
+        $this->log('CSS 6');
+        // Arrows
+        $this->lessVariables['arrows-background'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA);
+        $this->lessVariables['arrows-color'] = wsHTML5::colorToCSS($this->theme->parametres->arrowsColor);
+
+        // Loader
+        $this->lessVariables['loader-background-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurL);
+        $this->lessVariables['loader-foreground-color'] = wsHTML5::colorToCSS($this->theme->parametres->loadingSecColor);
+
+        // Audio description buttons
+        $this->lessVariables['audiodescription-background'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA);
+        $this->lessVariables['audiodescription-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA);
+        $this->log('CSS 7');
+        // Links Styles
+        $this->lessVariables['links-color'] = wsHTML5::colorToCSS($this->theme->parametres->linksColor);
+        $this->lessVariables['inlineslideshow-transition-time'] = (floatval($this->book->parametres->inlineSlideshowTransitionDuration) * 1000) . 'ms';
+        $this->lessVariables['slideshow-caption-size'] = $this->book->parametres->slideshowCaptionSize ?: '16px';
+
+        $res = array_merge($res, $links);
+
+        // Bookmarks
+        if (!isset($this->book->parametres->bookmarkCornerSize)) {
+            $this->book->parametres->bookmarkCornerSize = 10;
+        }
+        $this->log('CSS 8');
+        $this->lessVariables['bookmark-star-disabled-color'] = wsHTML5::colorToCSS($this->theme->parametres->bookmarkStarDisabledColor);
+        $this->lessVariables['bookmark-star-enabled-color'] = wsHTML5::colorToCSS($this->theme->parametres->bookmarkStarEnabledColor);
+        $this->lessVariables['bookmark-color'] = wsHTML5::colorToCSS($this->theme->parametres->bookmarkBackgroundColor);
+        $this->lessVariables['bookmark-corner-size'] = round($this->width * $this->book->parametres->bookmarkCornerSize * 0.0075 * $this->z) . 'px';
+        $this->lessVariables['bookmark-corner-offset'] = $this->book->parametres->bookmarkOffset . 'px';
+
+        // Menus
+        $menuColor = new CubeIT_Graphics_Color($this->theme->parametres->couleurB);
+        $menuColor->setAlpha(1);
+        $menuTextColor = wsHTML5::colorToCSS($this->theme->parametres->subTextColor);
+        $menuBreakpoint = empty($this->book->parametres->menuBreakpoint) ? '1023px' : $this->book->parametres->menuBreakpoint;
+
+        $this->lessVariables['menu-breakpoint'] = $menuBreakpoint;
+        $this->lessVariables['menu-background'] = $menuColor->toCSS();
+        if ($this->theme->parametres->subSecondaryColor) {
+            $this->lessVariables['menu-button-background'] = wsHTML5::colorToCSS($this->theme->parametres->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'] = wsHTML5::colorToCSS($this->theme->parametres->subFieldColor);
+        $this->lessVariables['menu-field-text'] = wsHTML5::colorToCSS($this->theme->parametres->subTextFieldColor);
+        $this->lessVariables['menu-select-background'] = wsHTML5::colorToCSS($this->theme->parametres->subSelectColor);
+        $this->lessVariables['menu-select-text'] = wsHTML5::colorToCSS($this->theme->parametres->subTextSelectColor);
+        $this->lessVariables['icon-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurI);
+        $this->lessVariables['menu-overlay'] = wsHTML5::colorToCSS($this->theme->parametres->popupVideoOverlay);
+        $this->log('CSS 10');
+        // Chapters
+        $this->lessVariables['menu-chapters-columns-count'] = max(1, min(6, $this->book->parametres->chaptersColumns));
+        $this->lessVariables['menu-chapters-columns-width'] = $this->book->parametres->chaptersColMaxWidth;
+        $this->lessVariables['menu-chapters-font-size'] = $this->book->parametres->chaptersFontSize;
+
+        foreach ($this->book->chapters as $chapter) {
+            if (substr($chapter->page, 0, 1) != '#') {
+                continue;
+            }
+            if ($chapter->color == '') {
+                continue;
+            }
+            $color = trim($chapter->color, '#');
+            $lessContents .= '.mview.c_' . $color . '{.menu-color(' . wsHTML5::colorToCSS($color) . ');}';
+        }
+
+        // Archives
+        if ($this->book->parametres->externalArchivesBack) {
+            $this->vdir->copy($this->wdir . '/' . $this->book->parametres->externalArchivesBack, 'data/images/' . $this->book->parametres->externalArchivesBack);
+            $res[] = '.mview.archives{background-image:url("../images/' . $this->book->parametres->externalArchivesBack . '");}';
+        }
+        $this->log('CSS 11');
+        # Index
+        $thumbw = $this->book->parametres->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'] = wsHTML5::colorToCSS($this->theme->parametres->tooltipBackColor);
+        $this->lessVariables['tooltip-color'] = wsHTML5::colorToCSS($this->theme->parametres->tooltipTextColor);
+        $this->lessVariables['tooltip-font-size'] = $this->theme->parametres->tooltipTextSize == 100 ? 14 : $this->theme->parametres->tooltipTextSize;
+        $this->lessVariables['tooltip-padding'] = $this->theme->parametres->tooltipPadding ?: 20;
+        $this->log('CSS 12');
+        #Videos
+        if ($this->book->parametres->bigPlayImage) {
+            $this->lessVariables['video-bigplay-image'] = '~"../data/links/' . $this->book->parametres->bigPlayImage . '"';
+            $this->vdir->copy($this->wdir . '/' . $this->book->parametres->bigPlayImage, 'data/links/' . $this->book->parametres->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->book->parametres->textPopupStylesheet) {
+            $res[] = file_get_contents($this->wdir . '/' . $this->book->parametres->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 checkThemeImage($path)
+    {
+        $path = trim($path);
+        $path = trim($path, '/');
+        if (!$path) {
+            return false;
+        }
+        $p = $this->themeRoot . '/' . $path;
+        if (file_exists($p)) {
+            return $p;
+        }
+        $po = str_replace('.svg', '.o.svg', $p);
+        if (file_exists($po)) {
+            copy($po, $p);
+            return $p;
+        }
+        return false;
+    }
+
+    protected function _writeLess($variables, $lessContents = '')
+    {
+        if ($this->widget) {
+            $this->lessFiles[] = 'widget';
+        }
+        foreach ($this->specialCSS as $s) {
+            $this->lessFiles[] = 'special/' . $s;
+        }
+
+        $tmp = CubeIT_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 CubeIT_CommandLine('/usr/local/bin/lessc');
+            $less->setArg(null, $destination_less);
+            $less->setArg(null, $destination_css);
+            $less->execute();
+            $less->debug();
+            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->theme->parametres->repeat) {
+            case wsTheme::REPEAT:
+                $body .= 'background-repeat:repeat;';
+                break;
+            case wsTheme::NONE:
+                $body .= 'background-repeat:no-repeat;';
+                break;
+            case wsTheme::RATIO:
+                $body .= 'background-repeat:no-repeat;';
+                $body .= 'background-size:cover;';
+                break;
+            case wsTheme::STRETCH:
+                $body .= 'background-repeat:no-repeat;';
+                $body .= 'background-size:100% 100%;';
+                break;
+        }
+
+        if ($bi = $this->checkThemeImage($this->theme->parametres->backgroundImage)) {
+
+            $dbi = CubeIT_Image::getimagesize($bi);
+            $this->config->backgroundImageDimensions = array('width' => $dbi[0], 'height' => $dbi[1]);
+
+
+            $this->vdir->copy($bi, 'data/images/' . $this->theme->parametres->backgroundImage);
+            $body .= 'background-image:url(../images/' . $this->theme->parametres->backgroundImage . ');';
+            $body .= 'background-position:';
+
+            switch ($this->theme->parametres->backgroundVAlign) {
+                case wsTheme::TOP:
+                    $body .= 'top';
+                    break;
+                case wsTheme::MIDDLE:
+                    $body .= 'center';
+                    break;
+                case wsTheme::BOTTOM:
+                    $body .= 'bottom';
+                    break;
+            }
+
+            $body .= ' ';
+
+            switch ($this->theme->parametres->backgroundHAlign) {
+                case wsTheme::LEFT:
+                    $body .= 'left';
+                    break;
+                case wsTheme::CENTER:
+                    $body .= 'center';
+                    break;
+                case wsTheme::RIGHT:
+                    $body .= 'right';
+                    break;
+            }
+            $body .= ';';
+        }
+
+        $body .= '}';
+
+
+        if ($this->_themeBoolean($this->theme->parametres->displayBackgroundDuringLoading)) {
+            $body .= '#background, #splash {
+                        background-color:' . wsHTML5::colorToCSS($this->theme->parametres->backgroundColor) . ' !important;
+                    }';
+        } else {
+            $body .= '#background {
+                        visibility: hidden;
+                        opacity: 0;
+                        background-color:' . wsHTML5::colorToCSS($this->theme->parametres->backgroundColor) . ' !important;
+                    }';
+
+            $body .= '#splash {
+                        background-color:' . wsHTML5::colorToCSS($this->theme->parametres->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, $addVdir = true)
+    {
+        if ($addVdir) {
+            $dest = $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;
+        }
+        $svg = simplexml_load_string(file_get_contents($source));
+        $attr = $svg->attributes();
+        if (isset($attr['width'], $attr['height'])) {
+            copy($source, $fixed);
+            return $fixed;
+        }
+
+        $dim = CubeIT_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->book->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($f);
+        $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)) {
+                $fontforge = new cubeCommandLine('convertrn.pe');
+                $fontforge->setPath(CONVERTER_PATH);
+                $fontforge->setArg(null, $f);
+                $fontforge->setArg(null, $dest);
+                $fontforge->execute();
+            }
+            $this->vdir->copy($dest, 'data/fonts/' . $hash . '.woff');
+            $cmd = "font-line report $f";
+            $fontline = `$cmd`;
+            $report = explode("\n", $fontline);
+
+            foreach ($report as $item) {
+                $item = trim($item);
+                list($k, $v) = explode(':', $item, 2);
+                if ($k == '[head] Units per Em') {
+                    $fontHeight = trim($v);
+                }
+                if ($k == '[OS/2] CapHeight') {
+                    $fontCapHeight = trim($v);
+                }
+                if ($k == '[OS/2] TypoAscender') {
+                    $ascender = abs(trim($v));
+                }
+                if ($k == '[OS/2] TypoDescender') {
+                    $descender = abs(trim($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 function copyLinkFile($source, $dest, $video = false)
+    {
+        if ($video && $this->book->parametres->mobileVideosPath != '') {
+
+        }
+        $origDir = $this->wdir;
+        $types = $this->getVideosFormats();
+        if ($video) {
+            wsTools::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)
+    {
+        $fdir = is_null($baseDir) ? 'data/links/' . str_replace('.', '_', $file) : $baseDir;
+
+        $tmp = CubeIT_Files::tmpdir();
+        $dir = $tmp . '/' . $fdir;
+        if (file_exists($dir) && is_file($dir)) {
+            unlink($dir);
+        }
+        if (!file_exists($dir)) {
+            mkdir($dir, 0777, true);
+        }
+        $unzip = new cubeCommandLine('unzip');
+        $unzip->setArg(null, $this->wdir . '/' . $file);
+        $unzip->setArg('d', $dir);
+        $unzip->execute();
+
+        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'));
+        }
+        $res = array_merge($res, $r);
+        return $res;
+    }
+
+    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->book->parametres->articlesFile;
+        $this->lessVariables['articles-title-color'] = '#000000';
+        $this->lessVariables['articles-font'] = 'Open Sans';
+        if ($f !== '' && file_exists($this->wdir . '/' . $f)) {
+            $f = $this->wdir . '/' . $f;
+
+
+            $mapFonts = ['OpenSans' => 'Open Sans'];
+            $this->addLess('articles');
+            if ($this->book->parametres->articlesStyle !== 'default') {
+                $this->lessVariables['articles-styles'] = $this->book->parametres->articlesStyle;
+            }
+            $this->lessVariables['articles-font'] = $mapFonts[$this->book->parametres->articlesFont] ?? $this->book->parametres->articlesFont;
+            $fontPath = $this->addFontKit($this->book->parametres->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->book->parametres->articlesShare && $this->book->parametres->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 = CubeIT_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);
+            }
+        }
+
+        $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
+     * @throws Zend_Filter_Exception
+     */
+    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') {
+            $filter = new CubeIT_Filter_WebVideo();
+            $e = explode(':', $filter->filter((string)$child['link']));
+            $res .= '<div class="youtube"><iframe width="800" height="450" src="https://www.youtube.com/embed/' . $e[1] . '" 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;
+    }
+
+}
+
+
+if (!function_exists('is_countable')) {
+
+    function is_countable($c)
+    {
+        return is_array($c) || $c instanceof Countable;
+    }
+
+}
+
+function shuffle_assoc(&$array)
+{
+    $keys = array_keys($array);
+
+    shuffle($keys);
+
+    foreach ($keys as $key) {
+        $new[$key] = $array[$key];
+    }
+
+    $array = $new;
+
+    return true;
+}