qcobjects-cli 2.5.104-beta → 2.5.105-beta

package/VERSION

@@ -1 +1 @@
-2.5.104-beta
+2.5.105-beta

package/build-esbuild.js

@@ -1,7 +1,56 @@
 // build.js
 const esbuild = require("esbuild");
 const alias = require("esbuild-plugin-alias");
-const path = require("path");
+const path = require("node:path");
+const fs = require ("node:fs");
+
+const logError = (e) => { console.error(e); process.exit(1); };
+const logDebug = (e) => { console.debug(e); }
+
+const copyDir = (source, dest, exclude) => {
+    source = path.resolve(source);
+    dest = path.resolve(dest);
+    const dname = path.basename(source);
+    const dirExcluded = (exclude.includes(dname));
+
+    const isDir = (d) => {
+        return (fs.existsSync(d) && fs.statSync(d).isDirectory()) ? (true) : (false);
+    };
+
+    const isFile = (d) => {
+        return (fs.existsSync(d) && fs.statSync(d).isFile()) ? (true) : (false);
+    }
+
+    if (isDir(source) && !dirExcluded) {
+        fs.mkdirSync(dest, { recursive: true });
+        const paths = fs.readdirSync(source, { withFileTypes: true })
+        const dirs = paths.filter(d => d.isDirectory());
+        const files = paths.filter(f => f.isFile());
+        (async function (paths, dirs, files, exclude) {
+            files.map((f) => {
+                const sourceFile = path.resolve(source, f.name);
+                const destFile = path.resolve(dest, f.name);
+                const fileExcluded = exclude.includes(f.name);
+                if (isFile(sourceFile) && !fileExcluded) {
+                    logDebug(`[publish:static] Copying files from ${sourceFile} to ${destFile} excluding ${exclude}...`);
+                    fs.copyFileSync(sourceFile, destFile);
+                    logDebug(`[publish:static] Copying files from ${sourceFile} to ${destFile} excluding ${exclude}...DONE!`);
+                }
+            });
+            dirs.map((d) => {
+                const sourceDir = path.resolve(source, d.name);
+                const destDir = path.resolve(dest, d.name);
+                copyDir(sourceDir, destDir, exclude);
+            });
+        })(paths, dirs, files, exclude);
+    }
+
+};
+
+copyDir("./src/templates", "./build/templates", []);
+copyDir("./src/templates", "./public/cjs/templates", []);
+copyDir("./src/templates", "./public/esm/templates", []);
+copyDir("./src/templates", "./public/browser/templates", []);
 
 const baseSettings = {
     entryPoints: ["src/**/*.ts"], // Your entry file
@@ -11,7 +60,7 @@ const baseSettings = {
     target: ["esnext"], // Adjust based on your target environment
     tsconfig: "tsconfig.json", // Path to your tsconfig.json,
     globalName: "global",
-    minify:false,
+    minify: false,
     keepNames: true,
     sourcemap: true,
     splitting: false,
@@ -22,48 +71,51 @@ const baseSettings = {
         })
     ],
     external: ["os", "path", "http", "url",
-        "child_process", "events", "fs", "process", 
-        "node:fs", "node:os", "node:child_process", 
+        "child_process", "events", "fs", "process",
+        "node:fs", "node:os", "node:child_process",
         "node:path", "readline", "node:net", "node:repl",
-        "node:vm", "http2", "vm", "qcobjects", "qcobjects-sdk", 
+        "node:vm", "http2", "vm", "qcobjects", "qcobjects-sdk",
         "../package.json", "package.json", "./package.json"
     ]
 };
 
-const cjsSettings = {...baseSettings,
+const cjsSettings = {
+    ...baseSettings,
     entryPoints: ["src/**/*.ts"], // Your entry file
     outdir: "public/cjs", // Output dir
     format: "cjs", // or "esm" depending on your module system    
     platform: "node", // or "browser" depending on your target environment
     outExtension: {
-        ".js":".cjs"
+        ".js": ".cjs"
     }
 
 };
 
-const esmSettings = {...baseSettings,
+const esmSettings = {
+    ...baseSettings,
     entryPoints: ["src/**/*.ts"], // Your entry file
     outdir: "public/esm", // Output dir
     format: "esm", // or "esm" depending on your module system    
     platform: "browser", // or "browser" depending on your target environment
     outExtension: {
-        ".js":".mjs"
+        ".js": ".mjs"
     }
 
 };
 
-const browserSettings = {...baseSettings,
+const browserSettings = {
+    ...baseSettings,
     entryPoints: ["src/**/*.ts"], // Your entry file
     bundle: true,
     outdir: "public/browser", // Output dir
     format: "iife", // or "esm" depending on your module system    
     platform: "browser", // or "browser" depending on your target environment
     outExtension: {
-        ".js":".js"
+        ".js": ".js"
     }
 };
 
-const logError = (e) => {console.log(e);process.exit(1);};
+
 
 esbuild.build(cjsSettings).catch(logError);
 esbuild.build(esmSettings).catch(logError);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qcobjects-cli",
-  "version": "2.5.104-beta",
+  "version": "2.5.105-beta",
   "description": "qcobjects cli command line tool",
   "main": "public/cjs/index.cjs",
   "module": "public/esm/index.mjs",

package/public/browser/templates/apps/spa-local.html

@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
+   <!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
+   <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: https://ssl.gstatic.com; img-src * 'self' data:; child-src *; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; connect-src * 'self' 'unsafe-inline' 'unsafe-eval';media-src *">
+  <title>{{title}}</title>
+  <script type="text/javascript" src="./node_modules/qcobjects/QCObjects.js"></script>
+</head>
+
+<body>
+
+<component name="main">
+  <routing path="/" name="main" />
+  <routing path="#" name="main" />
+  <routing path="" name="main" />
+  <routing path="page1" name="page1" />
+  <routing path="page2" name="page2" />
+</component>
+
+<script type="text/javascript" src="js/init.js"></script>
+
+</body>
+
+</html>

package/public/browser/templates/apps/spa-local.js

@@ -0,0 +1,65 @@
+"use strict";
+const path = require("path");
+const absolutePath = path.resolve( __dirname, "./" );
+
+const http2 = require("http2");
+const fs = require("fs");
+const mime = require("mime");
+
+Import("org.quickcorp.qcobjects.main.file");
+
+Package("org.quickcorp.cli.templates.app.spa_local",[
+  Class("AppTemplate",{
+    name:"app/index.html",
+    template:"",
+    templateURI:"spa-local.html",
+    body:"",
+    compileAndSave:false,
+    save:function (){
+      var appTemplateInstance = this;
+      fs.mkdir("app/",()=>{
+        fs.writeFile(appTemplateInstance.name, appTemplateInstance.body, err => {
+            if (err) {
+                return console.error(`Autsch! Failed to store template: ${err.message}.`);
+            }
+            logger.info("Saved template!");
+        });
+      });
+    },
+    done:function (){
+      var appTemplateInstance = this;
+      const source = appTemplateInstance.template;
+
+      (New(Component, {
+        name: "static_source",
+        template: source,
+        cached:false,
+        tplsource: "inline",
+        data: {
+          title: "QCObjects"
+        },
+        done ({request, component}) {
+          appTemplateInstance.body = component.parsedAssignmentText;
+          return Promise.resolve({request, component});
+        }
+      }));
+
+      if (appTemplateInstance.compileAndSave){
+        appTemplateInstance.save();
+      }
+
+    },
+    _new_:function (){
+
+      var appTemplateInstance = this;
+      const absolutePath = path.resolve( __dirname, "./" );
+
+      fs.readFile(absolutePath+"/"+appTemplateInstance.templateURI, function(err, data) {
+        appTemplateInstance.template = data.toString();
+        appTemplateInstance.done.call(appTemplateInstance);
+      });
+
+      logger.info("App Template Manager Initialized");
+    }
+  })
+]);

package/public/browser/templates/pwa/sw.js

@@ -0,0 +1,112 @@
+/**
+ * QCObjects Framework
+ * ____________________________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+"use strict";
+// eslint-disable-next-line no-undef
+
+/* eslint-disable no-undef */
+// This is the service worker with the combined offline experience (Offline page + Offline copy of pages)
+
+const CACHE = "{{appName}}-offline-page";
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js");
+
+const offlineFallbackPage = "index-fallback.html";
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+self.addEventListener("install", async (event) => {
+  event.waitUntil(
+    caches.open(CACHE)
+      .then((cache) => cache.add(offlineFallbackPage))
+  );
+});
+
+if (workbox.navigationPreload.isSupported()) {
+  workbox.navigationPreload.enable();
+}
+
+workbox.routing.registerRoute(
+  // eslint-disable-next-line prefer-regex-literals
+  new RegExp("/*"),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);
+
+self.addEventListener("fetch", (event) => {
+  if (event.request.mode === "navigate") {
+    event.respondWith((async () => {
+      try {
+        const preloadResp = await event.preloadResponse;
+
+        if (preloadResp) {
+          return preloadResp;
+        }
+
+        const networkResp = await fetch(event.request);
+        return networkResp;
+      } catch (error) {
+
+        const cache = await caches.open(CACHE);
+        const cachedResp = await cache.match(offlineFallbackPage);
+        return cachedResp;
+      }
+    })());
+  }
+});
+
+
+const version = "{{appVersion}}";
+const appName = "{{appName}}";
+const cacheSufix = (Math.round(Date.now()/(1000*3600))).toString(); // 1 hour
+const cacheName = `qcobjects-app-${appName}-${version}-${cacheSufix}`;
+const startUrl = "/?homescreen=1";
+caches.delete(cacheName); // force to reload cache for the first time the sw is loaded
+self.addEventListener("install", e => {
+  e.waitUntil(
+    caches.open(cacheName).then(cache => {
+      return cache.addAll([`${startUrl}`,{{filelist}}])
+        .then(() => self.skipWaiting());
+    })
+  );
+});
+
+self.addEventListener("activate", event => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("fetch", event => {
+  event.respondWith(
+    caches.open(cacheName)
+      .then(cache => cache.match(event.request, { ignoreSearch: true }))
+      .then(response => {
+        return response || fetch(event.request);
+      })
+  );
+});

package/public/cjs/templates/apps/spa-local.html

@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
+   <!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
+   <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: https://ssl.gstatic.com; img-src * 'self' data:; child-src *; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; connect-src * 'self' 'unsafe-inline' 'unsafe-eval';media-src *">
+  <title>{{title}}</title>
+  <script type="text/javascript" src="./node_modules/qcobjects/QCObjects.js"></script>
+</head>
+
+<body>
+
+<component name="main">
+  <routing path="/" name="main" />
+  <routing path="#" name="main" />
+  <routing path="" name="main" />
+  <routing path="page1" name="page1" />
+  <routing path="page2" name="page2" />
+</component>
+
+<script type="text/javascript" src="js/init.js"></script>
+
+</body>
+
+</html>

package/public/cjs/templates/apps/spa-local.js

@@ -0,0 +1,65 @@
+"use strict";
+const path = require("path");
+const absolutePath = path.resolve( __dirname, "./" );
+
+const http2 = require("http2");
+const fs = require("fs");
+const mime = require("mime");
+
+Import("org.quickcorp.qcobjects.main.file");
+
+Package("org.quickcorp.cli.templates.app.spa_local",[
+  Class("AppTemplate",{
+    name:"app/index.html",
+    template:"",
+    templateURI:"spa-local.html",
+    body:"",
+    compileAndSave:false,
+    save:function (){
+      var appTemplateInstance = this;
+      fs.mkdir("app/",()=>{
+        fs.writeFile(appTemplateInstance.name, appTemplateInstance.body, err => {
+            if (err) {
+                return console.error(`Autsch! Failed to store template: ${err.message}.`);
+            }
+            logger.info("Saved template!");
+        });
+      });
+    },
+    done:function (){
+      var appTemplateInstance = this;
+      const source = appTemplateInstance.template;
+
+      (New(Component, {
+        name: "static_source",
+        template: source,
+        cached:false,
+        tplsource: "inline",
+        data: {
+          title: "QCObjects"
+        },
+        done ({request, component}) {
+          appTemplateInstance.body = component.parsedAssignmentText;
+          return Promise.resolve({request, component});
+        }
+      }));
+
+      if (appTemplateInstance.compileAndSave){
+        appTemplateInstance.save();
+      }
+
+    },
+    _new_:function (){
+
+      var appTemplateInstance = this;
+      const absolutePath = path.resolve( __dirname, "./" );
+
+      fs.readFile(absolutePath+"/"+appTemplateInstance.templateURI, function(err, data) {
+        appTemplateInstance.template = data.toString();
+        appTemplateInstance.done.call(appTemplateInstance);
+      });
+
+      logger.info("App Template Manager Initialized");
+    }
+  })
+]);

package/public/cjs/templates/pwa/sw.js

@@ -0,0 +1,112 @@
+/**
+ * QCObjects Framework
+ * ____________________________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+"use strict";
+// eslint-disable-next-line no-undef
+
+/* eslint-disable no-undef */
+// This is the service worker with the combined offline experience (Offline page + Offline copy of pages)
+
+const CACHE = "{{appName}}-offline-page";
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js");
+
+const offlineFallbackPage = "index-fallback.html";
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+self.addEventListener("install", async (event) => {
+  event.waitUntil(
+    caches.open(CACHE)
+      .then((cache) => cache.add(offlineFallbackPage))
+  );
+});
+
+if (workbox.navigationPreload.isSupported()) {
+  workbox.navigationPreload.enable();
+}
+
+workbox.routing.registerRoute(
+  // eslint-disable-next-line prefer-regex-literals
+  new RegExp("/*"),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);
+
+self.addEventListener("fetch", (event) => {
+  if (event.request.mode === "navigate") {
+    event.respondWith((async () => {
+      try {
+        const preloadResp = await event.preloadResponse;
+
+        if (preloadResp) {
+          return preloadResp;
+        }
+
+        const networkResp = await fetch(event.request);
+        return networkResp;
+      } catch (error) {
+
+        const cache = await caches.open(CACHE);
+        const cachedResp = await cache.match(offlineFallbackPage);
+        return cachedResp;
+      }
+    })());
+  }
+});
+
+
+const version = "{{appVersion}}";
+const appName = "{{appName}}";
+const cacheSufix = (Math.round(Date.now()/(1000*3600))).toString(); // 1 hour
+const cacheName = `qcobjects-app-${appName}-${version}-${cacheSufix}`;
+const startUrl = "/?homescreen=1";
+caches.delete(cacheName); // force to reload cache for the first time the sw is loaded
+self.addEventListener("install", e => {
+  e.waitUntil(
+    caches.open(cacheName).then(cache => {
+      return cache.addAll([`${startUrl}`,{{filelist}}])
+        .then(() => self.skipWaiting());
+    })
+  );
+});
+
+self.addEventListener("activate", event => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("fetch", event => {
+  event.respondWith(
+    caches.open(cacheName)
+      .then(cache => cache.match(event.request, { ignoreSearch: true }))
+      .then(response => {
+        return response || fetch(event.request);
+      })
+  );
+});

package/public/esm/templates/apps/spa-local.html

@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
+   <!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
+   <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: https://ssl.gstatic.com; img-src * 'self' data:; child-src *; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; connect-src * 'self' 'unsafe-inline' 'unsafe-eval';media-src *">
+  <title>{{title}}</title>
+  <script type="text/javascript" src="./node_modules/qcobjects/QCObjects.js"></script>
+</head>
+
+<body>
+
+<component name="main">
+  <routing path="/" name="main" />
+  <routing path="#" name="main" />
+  <routing path="" name="main" />
+  <routing path="page1" name="page1" />
+  <routing path="page2" name="page2" />
+</component>
+
+<script type="text/javascript" src="js/init.js"></script>
+
+</body>
+
+</html>

package/public/esm/templates/apps/spa-local.js

@@ -0,0 +1,65 @@
+"use strict";
+const path = require("path");
+const absolutePath = path.resolve( __dirname, "./" );
+
+const http2 = require("http2");
+const fs = require("fs");
+const mime = require("mime");
+
+Import("org.quickcorp.qcobjects.main.file");
+
+Package("org.quickcorp.cli.templates.app.spa_local",[
+  Class("AppTemplate",{
+    name:"app/index.html",
+    template:"",
+    templateURI:"spa-local.html",
+    body:"",
+    compileAndSave:false,
+    save:function (){
+      var appTemplateInstance = this;
+      fs.mkdir("app/",()=>{
+        fs.writeFile(appTemplateInstance.name, appTemplateInstance.body, err => {
+            if (err) {
+                return console.error(`Autsch! Failed to store template: ${err.message}.`);
+            }
+            logger.info("Saved template!");
+        });
+      });
+    },
+    done:function (){
+      var appTemplateInstance = this;
+      const source = appTemplateInstance.template;
+
+      (New(Component, {
+        name: "static_source",
+        template: source,
+        cached:false,
+        tplsource: "inline",
+        data: {
+          title: "QCObjects"
+        },
+        done ({request, component}) {
+          appTemplateInstance.body = component.parsedAssignmentText;
+          return Promise.resolve({request, component});
+        }
+      }));
+
+      if (appTemplateInstance.compileAndSave){
+        appTemplateInstance.save();
+      }
+
+    },
+    _new_:function (){
+
+      var appTemplateInstance = this;
+      const absolutePath = path.resolve( __dirname, "./" );
+
+      fs.readFile(absolutePath+"/"+appTemplateInstance.templateURI, function(err, data) {
+        appTemplateInstance.template = data.toString();
+        appTemplateInstance.done.call(appTemplateInstance);
+      });
+
+      logger.info("App Template Manager Initialized");
+    }
+  })
+]);

package/public/esm/templates/pwa/sw.js

@@ -0,0 +1,112 @@
+/**
+ * QCObjects Framework
+ * ____________________________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+*/
+"use strict";
+// eslint-disable-next-line no-undef
+
+/* eslint-disable no-undef */
+// This is the service worker with the combined offline experience (Offline page + Offline copy of pages)
+
+const CACHE = "{{appName}}-offline-page";
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js");
+
+const offlineFallbackPage = "index-fallback.html";
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+self.addEventListener("install", async (event) => {
+  event.waitUntil(
+    caches.open(CACHE)
+      .then((cache) => cache.add(offlineFallbackPage))
+  );
+});
+
+if (workbox.navigationPreload.isSupported()) {
+  workbox.navigationPreload.enable();
+}
+
+workbox.routing.registerRoute(
+  // eslint-disable-next-line prefer-regex-literals
+  new RegExp("/*"),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);
+
+self.addEventListener("fetch", (event) => {
+  if (event.request.mode === "navigate") {
+    event.respondWith((async () => {
+      try {
+        const preloadResp = await event.preloadResponse;
+
+        if (preloadResp) {
+          return preloadResp;
+        }
+
+        const networkResp = await fetch(event.request);
+        return networkResp;
+      } catch (error) {
+
+        const cache = await caches.open(CACHE);
+        const cachedResp = await cache.match(offlineFallbackPage);
+        return cachedResp;
+      }
+    })());
+  }
+});
+
+
+const version = "{{appVersion}}";
+const appName = "{{appName}}";
+const cacheSufix = (Math.round(Date.now()/(1000*3600))).toString(); // 1 hour
+const cacheName = `qcobjects-app-${appName}-${version}-${cacheSufix}`;
+const startUrl = "/?homescreen=1";
+caches.delete(cacheName); // force to reload cache for the first time the sw is loaded
+self.addEventListener("install", e => {
+  e.waitUntil(
+    caches.open(cacheName).then(cache => {
+      return cache.addAll([`${startUrl}`,{{filelist}}])
+        .then(() => self.skipWaiting());
+    })
+  );
+});
+
+self.addEventListener("activate", event => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("fetch", event => {
+  event.respondWith(
+    caches.open(cacheName)
+      .then(cache => cache.match(event.request, { ignoreSearch: true }))
+      .then(response => {
+        return response || fetch(event.request);
+      })
+  );
+});