@qooxdoo/framework 7.0.0-beta.1 → 7.0.0-beta.10

package/source/class/qx/tool/compiler/targets/Target.js

@@ -22,7 +22,6 @@
 
 const fs = qx.tool.utils.Promisify.fs;
 
-
 const path = require("upath");
 
 /**
@@ -36,8 +35,8 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
    * Constructor
    * @param outputDir {String} output directory
    */
-  construct: function(outputDir) {
-    this.base(arguments);
+  construct(outputDir) {
+    super();
     this.setOutputDir(outputDir);
   },
 
@@ -46,7 +45,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
     type: {
       init: "source",
       nullable: false,
-      check: [ "source", "build" ]
+      check: ["source", "build"]
     },
 
     /** Output directory (guaranteed to have a trailing slash) */
@@ -81,7 +80,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       inheritable: true,
       nullable: true
     },
-    
+
     /**
      * List of environment keys to preserve in code, ie reserve for runtime detection
      * and exclude from code elimination
@@ -98,7 +97,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
     analyser: {
       nullable: false
     },
-    
+
     /**
      * Whether to inline external scripts
      */
@@ -118,10 +117,10 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
     /** Locales being generated */
     locales: {
       nullable: false,
-      init: [ "en" ],
+      init: ["en"],
       transform: "_transformLocales"
     },
-    
+
     /** Whether to break locale & translation data out into separate parts */
     i18nAsParts: {
       init: false,
@@ -142,11 +141,11 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       nullable: false,
       check: "Boolean"
     },
-    
+
     /** What to do with library transation strings */
     libraryPoPolicy: {
       init: "ignore",
-      check: [ "ignore", "untranslated", "all" ]
+      check: ["ignore", "untranslated", "all"]
     },
 
     /** Whether to write a summary of the compile info to disk, ie everything about dependencies and
@@ -166,8 +165,16 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       init: true,
       nullable: false,
       check: "Boolean"
-    }
+    },
 
+    /**
+     * Whether to use relative paths in source maps
+     */
+    sourceMapRelativePaths: {
+      init: false,
+      nullable: false,
+      check: "Boolean"
+    }
   },
 
   events: {
@@ -177,34 +184,32 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      *  application {qx.tool.compiler.app.Application} the app
      *  enviroment: {Object} enviroment data
      */
-    "checkEnvironment": "qx.event.type.Data",
-    
-    /** 
+    checkEnvironment: "qx.event.type.Data",
+
+    /**
      * Fired when an application is about to be serialized to disk; the appMeta is fully
      * populated, and this is an opportunity to amend the meta data before it is serialized
-     * into files on disk 
+     * into files on disk
      */
-    "writingApplication": "qx.event.type.Event",
-    
-    /** 
+    writingApplication: "qx.event.type.Event",
+
+    /**
      * Fired when an application has been serialized to disk
      */
-    "writtenApplication": "qx.event.type.Event"
+    writtenApplication: "qx.event.type.Event"
   },
 
-
   members: {
     /** @type {Map} maps filenames to uris */
     __pathMappings: null,
-    
+
     /** @type {qx.tool.compiler.targets.meta.ApplicationMeta} for the current application */
     __appMeta: null,
-    
+
     /**
      * Initialises the target, creating directories etc
      */
-    open: async function() {
-    },
+    async open() {},
 
     /**
      * Transforms outputDir so that it always includes a trailing slash
@@ -213,7 +218,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      * @returns {*}
      * @private
      */
-    _transformOutputDir: function(value) {
+    _transformOutputDir(value) {
       if (value) {
         if (value[value.length - 1] != "/") {
           value += "/";
@@ -221,12 +226,14 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       }
       return value;
     },
-    
+
     /**
      * Returns the root for applications
      */
-    getApplicationRoot: function(application) {
-      return path.join(this.getOutputDir(), this.getProjectDir(application)) + "/";
+    getApplicationRoot(application) {
+      return (
+        path.join(this.getOutputDir(), this.getProjectDir(application)) + "/"
+      );
     },
 
     /**
@@ -234,14 +241,14 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      *
      * @returns String
      */
-    getProjectDir: function (application) {
+    getProjectDir(application) {
       return application.getOutputPath() || application.getName();
     },
-    
+
     /**
      * Returns the URI for the root of the output, relative to the application
      */
-    _getOutputRootUri: function(application) {
+    _getOutputRootUri(application) {
       var dir = this.getApplicationRoot(application);
       var targetUri = path.relative(dir, this.getOutputDir()) + "/";
       return targetUri;
@@ -254,7 +261,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      * @param fromFile {String} the directory (or filename) to map
      * @param toUri {String} the URI to map to
      */
-    addPathMapping: function(fromFile, toUri) {
+    addPathMapping(fromFile, toUri) {
       fromFile = path.resolve(fromFile);
       if (this.__pathMappings === null) {
         this.__pathMappings = {};
@@ -269,7 +276,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      * @param filename {String} the filename to map
      * @return {String} the URI for the file, null if not found
      */
-    getPathMapping: function(filename) {
+    getPathMapping(filename) {
       if (this.__pathMappings) {
         var absFilename = path.resolve(filename);
 
@@ -308,14 +315,14 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       return filename;
     },
 
-    _copyClassesToFile: function(classes, outputFilename) {
+    _copyClassesToFile(classes, outputFilename) {
       let transpiledDir = path.join(this.getOutputDir(), "transpiled");
       let allCode = [];
       return qx.tool.utils.Promisify.eachOfSeries(classes, filename =>
-        fs.readFileAsync(path.join(transpiledDir, filename), "utf8")
+        fs
+          .readFileAsync(path.join(transpiledDir, filename), "utf8")
           .then(code => allCode.push(code))
-      )
-        .then(() => fs.writeFileAsync(outputFilename, allCode.join("\n")));
+      ).then(() => fs.writeFileAsync(outputFilename, allCode.join("\n")));
     },
 
     /**
@@ -329,24 +336,31 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       var analyser = application.getAnalyser();
       var rm = analyser.getResourceManager();
 
-      let appMeta = this.__appMeta = new qx.tool.compiler.targets.meta.ApplicationMeta(this, application);
+      let appMeta = (this.__appMeta =
+        new qx.tool.compiler.targets.meta.ApplicationMeta(this, application));
       appMeta.setAddTimestampsToUrls(this.getAddTimestampsToUrls());
-      /*      
+      /*
       if (!appMeta.getAppLibrary()) {
         qx.tool.compiler.Console.print("qx.tool.compiler.target.missingAppLibrary", application.getClassName());
         return;
       }
-*/      
+      */
       let targetUri = t._getOutputRootUri(application);
       var appRootDir = this.getApplicationRoot(application);
-      
-      let mapTo = this.getPathMapping(path.join(appRootDir, this.getOutputDir(), "transpiled/"));
+
+      let mapTo = this.getPathMapping(
+        path.join(appRootDir, this.getOutputDir(), "transpiled/")
+      );
+
       appMeta.setSourceUri(mapTo ? mapTo : targetUri + "transpiled/");
-      mapTo = this.getPathMapping(path.join(appRootDir, this.getOutputDir(), "resource"));
+      mapTo = this.getPathMapping(
+        path.join(appRootDir, this.getOutputDir(), "resource")
+      );
+
       appMeta.setResourceUri(mapTo ? mapTo : targetUri + "resource");
-      
+
       const requiredLibs = application.getRequiredLibraries();
-      
+
       await qx.tool.utils.Utils.makeDirs(appRootDir);
 
       appMeta.setEnvironment({
@@ -357,7 +371,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         "qx.compiler.targetType": this.getType(),
         "qx.compiler.outputDir": this.getOutputDir()
       });
-      
+
       let externals = {};
       const addExternal = (arr, type) => {
         if (arr) {
@@ -366,7 +380,8 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
               return;
             }
             externals[filename.toLowerCase()] = true;
-            let actualType = type || (filename.endsWith(".js") ? "urisBefore" : "cssBefore");
+            let actualType =
+              type || (filename.endsWith(".js") ? "urisBefore" : "cssBefore");
             if (filename.match(/^https?:/)) {
               appMeta.addExternal(actualType, filename);
             } else {
@@ -380,12 +395,16 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
           });
         }
       };
-      
+
       requiredLibs.forEach(libnamespace => {
         var library = analyser.findLibrary(libnamespace);
         appMeta.addLibrary(library);
         if (this.isWriteLibraryInfo()) {
-          let libraryInfoMap = appMeta.getEnvironmentValue("qx.libraryInfoMap", {});
+          let libraryInfoMap = appMeta.getEnvironmentValue(
+            "qx.libraryInfoMap",
+            {}
+          );
+
           libraryInfoMap[libnamespace] = library.getLibraryInfo();
         }
         addExternal(library.getAddScript(), "urisBefore");
@@ -398,47 +417,64 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       for (let name in environment) {
         appMeta.setEnvironmentValue(name, environment[name]);
       }
-      await t.fireDataEventAsync("checkEnvironment", { application: application, environment: appMeta.getEnvironment() });
+      await t.fireDataEventAsync("checkEnvironment", {
+        application: application,
+        environment: appMeta.getEnvironment()
+      });
 
-      
       /*
        * Boot files
        */
       let bootJs = new qx.tool.compiler.targets.meta.BootJs(appMeta);
       let bootPackage = appMeta.createPackage();
       appMeta.setBootMetaJs(bootJs);
-      bootPackage.addJavascriptMeta(new qx.tool.compiler.targets.meta.PolyfillJs(appMeta));
-      
+      bootPackage.addJavascriptMeta(
+        new qx.tool.compiler.targets.meta.PolyfillJs(appMeta)
+      );
 
       /*
        * Assemble the Parts
        */
       var partsData = application.getPartsDependencies();
-      let matchBundle = qx.tool.compiler.app.Application.createWildcardMatchFunction(application.getBundleInclude(), application.getBundleExclude());
+      let matchBundle =
+        qx.tool.compiler.app.Application.createWildcardMatchFunction(
+          application.getBundleInclude(),
+          application.getBundleExclude()
+        );
 
       let lastPackage = bootPackage;
       let packages = {
         boot: bootPackage
       };
+
       partsData.forEach((partData, index) => {
         let partMeta = appMeta.createPart(partData.name);
         if (index == 0) {
           partMeta.addPackage(bootPackage);
         }
-        
+
         partData.classes.forEach(classname => {
           let classFilename = classname.replace(/\./g, "/") + ".js";
 
-          let transpiledClassFilename = path.join(this.getOutputDir(), "transpiled", classFilename);
+          let transpiledClassFilename = path.join(
+            this.getOutputDir(),
+            "transpiled",
+            classFilename
+          );
+
           let db = analyser.getDatabase();
           let dbClassInfo = db.classInfo[classname];
           let library = analyser.findLibrary(dbClassInfo.libraryName);
           let sourcePath = library.getFilename(classFilename);
-          let jsMeta = new qx.tool.compiler.targets.meta.Javascript(appMeta, transpiledClassFilename, sourcePath);
-          
+          let jsMeta = new qx.tool.compiler.targets.meta.Javascript(
+            appMeta,
+            transpiledClassFilename,
+            sourcePath
+          );
+
           let packageName = matchBundle(classname) ? "__bundle" : partData.name;
           let pkg = packages[packageName];
-          
+
           if (!pkg || pkg !== lastPackage) {
             pkg = packages[packageName] = appMeta.createPackage();
             if (packageName == "__bundle") {
@@ -454,16 +490,15 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
           lastPackage = pkg;
         });
       });
-      
+
       var assetUris = application.getAssetUris(t, rm, appMeta.getEnvironment()); // Save any changes that getAssets collected
       await rm.saveDatabase();
 
       var promises = [
-        analyser.getCldr("en")
-          .then(cldr => bootPackage.addLocale("C", cldr)),
+        analyser.getCldr("en").then(cldr => bootPackage.addLocale("C", cldr)),
         t._writeTranslations()
-      ];      
-      
+      ];
+
       var fontCntr = 0;
       var assets = {};
       rm.getAssetsForPaths(assetUris).forEach(asset => {
@@ -475,10 +510,10 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         // Get a list of all fonts to load; use the font name as a unique identifier, and
         //  prioritise the application's library's definitions - this allows the application
         //  the opportunity to override the font definitions.  This is important when the
-        //  library uses the open source/free versions of a font but the application 
+        //  library uses the open source/free versions of a font but the application
         //  developer has purchased the commercial/full version of the font (eg FontAwesome)
         let appLibrary = appMeta.getAppLibrary();
-        let fontsToLoad = { };
+        let fontsToLoad = {};
         const addLibraryFonts = library => {
           var fonts = library.getWebFonts();
           if (!fonts) {
@@ -486,7 +521,8 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
           }
           fonts.forEach(font => {
             fontsToLoad[font.getName()] = {
-              font, library
+              font,
+              library
             };
           });
         };
@@ -503,11 +539,17 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
             // check if font is asset somewhere
             let res = font.getResources().filter(res => assets[res]);
             if (res.length === 0) {
-              qx.tool.compiler.Console.print("qx.tool.compiler.webfonts.noResources", font.toString(), application.getName(), font.getResources().join(","));
+              qx.tool.compiler.Console.print(
+                "qx.tool.compiler.webfonts.noResources",
+                font.toString(),
+                application.getName(),
+                font.getResources().join(",")
+              );
+
               return;
             }
             font.setResources(res);
-        
+
             await font.generateForTarget(t);
             let resources = await font.generateForApplication(t, application);
             for (var key in resources) {
@@ -518,7 +560,11 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
               appMeta.addPreBootCode(code);
             }
           } catch (ex) {
-            qx.tool.compiler.Console.print("qx.tool.compiler.webfonts.error", font.toString(), ex.toString());
+            qx.tool.compiler.Console.print(
+              "qx.tool.compiler.webfonts.error",
+              font.toString(),
+              ex.toString()
+            );
           }
         };
 
@@ -541,9 +587,19 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       if (this.isUpdatePoFiles()) {
         let policy = this.getLibraryPoPolicy();
         if (policy != "ignore") {
-          await analyser.updateTranslations(appMeta.getAppLibrary(), this.getLocales(), appMeta.getLibraries(), policy == "all");
+          await analyser.updateTranslations(
+            appMeta.getAppLibrary(),
+            this.getLocales(),
+            appMeta.getLibraries(),
+            policy == "all"
+          );
         } else {
-          await analyser.updateTranslations(appMeta.getAppLibrary(), this.getLocales(), null, false);
+          await analyser.updateTranslations(
+            appMeta.getAppLibrary(),
+            this.getLocales(),
+            null,
+            false
+          );
         }
       }
 
@@ -562,7 +618,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
      * @param value {String[]} array of locale IDs
      * @return {String[]} the modified array
      */
-    _transformLocales: function(value) {
+    _transformLocales(value) {
       if (!value) {
         return value;
       }
@@ -570,7 +626,8 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         localeId = localeId.toLowerCase();
         var pos = localeId.indexOf("_");
         if (pos > -1) {
-          localeId = localeId.substring(0, pos) + localeId.substring(pos).toUpperCase();
+          localeId =
+            localeId.substring(0, pos) + localeId.substring(pos).toUpperCase();
         }
         return localeId;
       });
@@ -594,33 +651,35 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         var combinedCldr = null;
 
         function accumulateCldr(localeId) {
-          return analyser.getCldr(localeId)
-            .then(cldr => {
-              if (!combinedCldr) {
-                combinedCldr = cldr;
-              } else {
-                for (var name in cldr) {
-                  var value = combinedCldr[name];
-                  if (value === null || value === undefined) {
-                    combinedCldr[name] = cldr[name];
-                  }
+          return analyser.getCldr(localeId).then(cldr => {
+            if (!combinedCldr) {
+              combinedCldr = cldr;
+            } else {
+              for (var name in cldr) {
+                var value = combinedCldr[name];
+                if (value === null || value === undefined) {
+                  combinedCldr[name] = cldr[name];
                 }
               }
-              var parentLocaleId = qx.tool.compiler.app.Cldr.getParentLocale(localeId);
-              if (parentLocaleId) {
-                return accumulateCldr(parentLocaleId);
-              }
-              return combinedCldr;
-            });
+            }
+            var parentLocaleId =
+              qx.tool.compiler.app.Cldr.getParentLocale(localeId);
+            if (parentLocaleId) {
+              return accumulateCldr(parentLocaleId);
+            }
+            return combinedCldr;
+          });
         }
 
         return accumulateCldr(localeId);
       }
 
-      var promises = t.getLocales().map(async localeId => { 
+      var promises = t.getLocales().map(async localeId => {
         let cldr = await loadLocaleData(localeId);
-        let pkg = this.isI18nAsParts() ? appMeta.getLocalePackage(localeId) : bootPackage;
-        pkg.addLocale(localeId, cldr); 
+        let pkg = this.isI18nAsParts()
+          ? appMeta.getLocalePackage(localeId)
+          : bootPackage;
+        pkg.addLocale(localeId, cldr);
       });
 
       await qx.Promise.all(promises);
@@ -637,9 +696,12 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       var translations = {};
       var promises = [];
       t.getLocales().forEach(localeId => {
-        let pkg = this.isI18nAsParts() ? appMeta.getLocalePackage(localeId) : bootPackage;
+        let pkg = this.isI18nAsParts()
+          ? appMeta.getLocalePackage(localeId)
+          : bootPackage;
         function addTrans(library, localeId) {
-          return analyser.getTranslation(library, localeId)
+          return analyser
+            .getTranslation(library, localeId)
             .then(translation => {
               var id = library.getNamespace() + ":" + localeId;
               translations[id] = translation;
@@ -649,18 +711,14 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
               }
             });
         }
-        appMeta.getLibraries().forEach(function(library) {
+        appMeta.getLibraries().forEach(function (library) {
           if (library === appMeta.getAppLibrary()) {
             return;
           }
-          promises.push(
-            addTrans(library, localeId)
-          );
-        });  
-        // translation from main app should overwrite package translations 
-        promises.push(
-          addTrans(appMeta.getAppLibrary(), localeId)
-        );
+          promises.push(addTrans(library, localeId));
+        });
+        // translation from main app should overwrite package translations
+        promises.push(addTrans(appMeta.getAppLibrary(), localeId));
       });
       await qx.Promise.all(promises);
     },
@@ -678,18 +736,19 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       var translations = {};
       var promises = [];
       t.getLocales().forEach(localeId => {
-        let pkg = this.isI18nAsParts() ? appMeta.getLocalePackage(localeId) : bootPackage;
-        appMeta.getLibraries().forEach(function(library) {
+        let pkg = this.isI18nAsParts()
+          ? appMeta.getLocalePackage(localeId)
+          : bootPackage;
+        appMeta.getLibraries().forEach(function (library) {
           promises.push(
-            analyser.getTranslation(library, localeId)
-              .then(translation => {
-                var id = library.getNamespace() + ":" + localeId;
-                translations[id] = translation;
-                let entry = translation.getEntry("");
-                if (entry) {
-                  pkg.addTranslationEntry(localeId, entry);
-                }
-              })
+            analyser.getTranslation(library, localeId).then(translation => {
+              var id = library.getNamespace() + ":" + localeId;
+              translations[id] = translation;
+              let entry = translation.getEntry("");
+              if (entry) {
+                pkg.addTranslationEntry(localeId, entry);
+              }
+            })
           );
         });
       });
@@ -702,7 +761,9 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
             return;
           }
           t.getLocales().forEach(localeId => {
-            let localePkg = this.isI18nAsParts() ? appMeta.getLocalePackage(localeId) : pkg;
+            let localePkg = this.isI18nAsParts()
+              ? appMeta.getLocalePackage(localeId)
+              : pkg;
             dbClassInfo.translations.forEach(transInfo => {
               let entry;
               let id = appMeta.getAppLibrary().getNamespace() + ":" + localeId;
@@ -712,7 +773,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
                 entry = translation.getEntry(transInfo.msgid);
               }
               let idLib = dbClassInfo.libraryName + ":" + localeId;
-              if (!entry && (id !== idLib)) {
+              if (!entry && id !== idLib) {
                 let translation = translations[idLib];
                 if (translation) {
                   entry = translation.getEntry(transInfo.msgid);
@@ -726,24 +787,28 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         });
       });
     },
-    
+
     /**
      * Writes the application
      */
     async _writeApplication() {
       var t = this;
-      
+
       await this.fireEventAsync("writingApplication");
-      
+
       let appMeta = this.getAppMeta();
       var application = appMeta.getApplication();
       var appRootDir = appMeta.getApplicationRoot();
-      
+
       if (!appMeta.getAppLibrary()) {
-        qx.tool.compiler.Console.print("qx.tool.compiler.target.missingAppLibrary", application.getName());
+        qx.tool.compiler.Console.print(
+          "qx.tool.compiler.target.missingAppLibrary",
+          application.getName()
+        );
+
         return;
       }
-        
+
       let bootMeta = appMeta.getBootMetaJs();
       for (let arr = appMeta.getPackages(), i = 0; i < arr.length; i++) {
         let pkg = arr[i];
@@ -753,16 +818,16 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         }
         await pkg.getJavascript().unwrap().writeToDisk();
       }
-      
+
       await appMeta.getBootMetaJs().unwrap().writeToDisk();
-      
+
       await this._writeIndexHtml();
 
       if (!t.isWriteCompileInfo()) {
         await this.fireEventAsync("writtenApplication");
         return;
       }
-      
+
       let bootPackage = appMeta.getPackages()[0];
       let appSummary = {
         appClass: application.getClassName(),
@@ -774,6 +839,7 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
         urisBefore: appMeta.getPreloads().urisBefore,
         cssBefore: appMeta.getPreloads().cssBefore
       };
+
       application.getPartsDependencies().forEach(partData => {
         appSummary.parts.push({
           classes: partData.classes,
@@ -783,11 +849,13 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
           name: partData.name
         });
       });
-        
-      await fs.writeFileAsync(appRootDir + "/compile-info.json",
+
+      await fs.writeFileAsync(
+        appRootDir + "/compile-info.json",
         JSON.stringify(appSummary, null, 2) + "\n",
-        { encoding: "utf8" });
-        
+        { encoding: "utf8" }
+      );
+
       await this.fireEventAsync("writtenApplication");
     },
 
@@ -808,98 +876,135 @@ qx.Class.define("qx.tool.compiler.targets.Target", {
       }
 
       var resDir = this.getApplicationRoot(application);
-      
-      let timeStamp = (new Date()).getTime();
-      let pathToTarget = path.relative(path.join(t.getOutputDir(), t.getProjectDir(application)), t.getOutputDir()) + "/";
+
+      let timeStamp = new Date().getTime();
+      let pathToTarget =
+        path.relative(
+          path.join(t.getOutputDir(), t.getProjectDir(application)),
+          t.getOutputDir()
+        ) + "/";
       let indexJsTimestamp = "";
       if (this.isAddTimestampsToUrls()) {
-        let indexJsFilename = path.join(appMeta.getApplicationRoot(), "index.js");
+        let indexJsFilename = path.join(
+          appMeta.getApplicationRoot(),
+          "index.js"
+        );
+
         indexJsTimestamp = "?" + fs.statSync(indexJsFilename).mtimeMs;
       }
       let TEMPLATE_VARS = {
-        "resourcePath": pathToTarget + "resource/",
-        "targetPath": pathToTarget,
-        "appPath": "",
-        "preBootJs": "",
-        "appTitle": (application.getTitle()||"Qooxdoo Application"),
-        "timeStamp": timeStamp,
-        "indexJsTimestamp": indexJsTimestamp
+        resourcePath: pathToTarget + "resource/",
+        targetPath: pathToTarget,
+        appPath: "",
+        preBootJs: "",
+        appTitle: application.getTitle() || "Qooxdoo Application",
+        timeStamp: timeStamp,
+        indexJsTimestamp: indexJsTimestamp
       };
 
       function replaceVars(code) {
         for (let varName in TEMPLATE_VARS) {
-          code = code.replace(new RegExp(`\\$\{${varName}\}`, "g"), TEMPLATE_VARS[varName]);
+          code = code.replace(
+            new RegExp(`\\$\{${varName}\}`, "g"),
+            TEMPLATE_VARS[varName]
+          );
         }
         return code;
       }
       /* eslint-disable no-template-curly-in-string */
       let defaultIndexHtml =
-          "<!DOCTYPE html>\n" +
-          "<html>\n" +
-          "<head>\n" +
-          "  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n" +
-          "  <title>${appTitle}</title>\n" +
-          "</head>\n" +
-          "<body>\n" +
-          "  <!-- This index.html can be customised by creating a boot/index.html (do not include Qooxdoo application script tags like\n" +
-          "       the one below because they will be added automatically)\n" +
-          "    -->\n" +
-          "${preBootJs}\n" +
-          "  <script type=\"text/javascript\" src=\"${appPath}index.js${indexJsTimestamp}\"></script>\n" +
-          "</body>\n" +
-          "</html>\n";
+        "<!DOCTYPE html>\n" +
+        "<html>\n" +
+        "<head>\n" +
+        '  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\n' +
+        "  <title>${appTitle}</title>\n" +
+        "</head>\n" +
+        "<body>\n" +
+        "  <!-- This index.html can be customised by creating a boot/index.html (do not include Qooxdoo application script tags like\n" +
+        "       the one below because they will be added automatically)\n" +
+        "    -->\n" +
+        "${preBootJs}\n" +
+        '  <script type="text/javascript" src="${appPath}index.js${indexJsTimestamp}"></script>\n' +
+        "</body>\n" +
+        "</html>\n";
       /* eslint-enable no-template-curly-in-string */
       var bootDir = application.getBootPath();
       let indexHtml = null;
       if (bootDir) {
-        bootDir = path.join(appMeta.getAppLibrary().getRootDir(), application.getBootPath());
+        bootDir = path.join(
+          appMeta.getAppLibrary().getRootDir(),
+          application.getBootPath()
+        );
+
         var stats = await qx.tool.utils.files.Utils.safeStat(bootDir);
         if (stats && stats.isDirectory()) {
-          await qx.tool.utils.files.Utils.sync(bootDir, resDir, async (from, to) => {
-            if (!from.endsWith(".html")) {
-              return true;
-            }
-            let data = await fs.readFileAsync(from, "utf8");
-            if (path.basename(from) == "index.html") {
-              if (!data.match(/\$\{\s*preBootJs\s*\}/)) {
-              /* eslint-disable no-template-curly-in-string */
-                data = data.replace("</body>", "\n${preBootJs}\n</body>");
-                /* eslint-enable no-template-curly-in-string */
-                qx.tool.compiler.Console.print("qx.tool.compiler.target.missingPreBootJs", from);
+          await qx.tool.utils.files.Utils.sync(
+            bootDir,
+            resDir,
+            async (from, to) => {
+              if (!from.endsWith(".html")) {
+                return true;
               }
-              if (!data.match(/\s*index.js\s*/)) {
-              /* eslint-disable no-template-curly-in-string */
-                data = data.replace("</body>", "\n  <script type=\"text/javascript\" src=\"${appPath}index.js${indexJsTimestamp}\"></script>\n</body>");
-                /* eslint-enable no-template-curly-in-string */
-                qx.tool.compiler.Console.print("qx.tool.compiler.target.missingBootJs", from);
+              let data = await fs.readFileAsync(from, "utf8");
+              if (path.basename(from) == "index.html") {
+                if (!data.match(/\$\{\s*preBootJs\s*\}/)) {
+                  /* eslint-disable no-template-curly-in-string */
+                  data = data.replace("</body>", "\n${preBootJs}\n</body>");
+                  /* eslint-enable no-template-curly-in-string */
+                  qx.tool.compiler.Console.print(
+                    "qx.tool.compiler.target.missingPreBootJs",
+                    from
+                  );
+                }
+                if (!data.match(/\s*index.js\s*/)) {
+                  /* eslint-disable no-template-curly-in-string */
+                  data = data.replace(
+                    "</body>",
+                    '\n  <script type="text/javascript" src="${appPath}index.js${indexJsTimestamp}"></script>\n</body>'
+                  );
+
+                  /* eslint-enable no-template-curly-in-string */
+                  qx.tool.compiler.Console.print(
+                    "qx.tool.compiler.target.missingBootJs",
+                    from
+                  );
+                }
+                indexHtml = data;
               }
-              indexHtml = data;
+              data = replaceVars(data);
+              await fs.writeFileAsync(to, data, "utf8");
+              return false;
             }
-            data = replaceVars(data);
-            await fs.writeFileAsync(to, data, "utf8");
-            return false;
-          });
+          );
         }
       }
       if (!indexHtml) {
         indexHtml = defaultIndexHtml;
-        await fs.writeFileAsync(resDir + "index.html", replaceVars(indexHtml), { encoding: "utf8" });
+        await fs.writeFileAsync(resDir + "index.html", replaceVars(indexHtml), {
+          encoding: "utf8"
+        });
       }
 
       if (application.getWriteIndexHtmlToRoot()) {
         pathToTarget = "";
         TEMPLATE_VARS = {
-          "resourcePath": "resource/",
-          "targetPath": "",
-          "appPath": t.getProjectDir(application) + "/",
-          "preBootJs": "",
-          "appTitle": (application.getTitle()||"Qooxdoo Application"),
-          "timeStamp": timeStamp
+          resourcePath: "resource/",
+          targetPath: "",
+          appPath: t.getProjectDir(application) + "/",
+          preBootJs: "",
+          appTitle: application.getTitle() || "Qooxdoo Application",
+          timeStamp: timeStamp,
+          indexJsTimestamp: indexJsTimestamp
         };
-        await fs.writeFileAsync(t.getOutputDir() + "index.html", replaceVars(indexHtml), { encoding: "utf8" });
+
+        await fs.writeFileAsync(
+          t.getOutputDir() + "index.html",
+          replaceVars(indexHtml),
+          { encoding: "utf8" }
+        );
       }
     },
-    
+
     getAppMeta() {
       return this.__appMeta;
     }