neo.mjs 3.2.9 → 3.2.10

package/README.md

@@ -54,7 +54,7 @@ neo.mjs offers two different setups which follow the exact same API.
 You can switch between <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">dedicated</a> and
 <a href="https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker">shared</a> workers at any point.
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/workers-setup-canvas.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/workers-setup-v4.png">
 
 The dedicated workers setup uses 4 threads (CPUs).
 Most parts of the frameworks as well as your apps and components live within the app worker.

package/apps/ServiceWorker.mjs

@@ -8,6 +8,12 @@ import ServiceBase from '../src/worker/ServiceBase.mjs';
  * @singleton
  */
 class ServiceWorker extends ServiceBase {
+    /**
+     * @member {String} workerId='service'
+     * @protected
+     */
+    workerId = 'service'
+
     static getConfig() {return {
         /**
          * @member {String} className='Neo.ServiceWorker'
@@ -18,12 +24,7 @@ class ServiceWorker extends ServiceBase {
          * @member {Boolean} singleton=true
          * @protected
          */
-        singleton: true,
-        /**
-         * @member {String} workerId='service'
-         * @protected
-         */
-        workerId: 'service'
+        singleton: true
     }}
 }
 

package/buildScripts/webpack/development/webpack.config.worker.mjs

@@ -15,8 +15,10 @@ export default env => {
 
     if (filenameConfig.workers) {
         Object.entries(filenameConfig.workers).forEach(([key, value]) => {
+            // Inside a neo workspace, we want to use the SW inside the top level apps folder,
+            // to allow overriding its logic
             if (key === env.worker) {
-                entry[key] = path.resolve(neoPath, value.input);
+                entry[key] = path.resolve(key === 'service' && !insideNeo ? cwd : neoPath, value.input);
             }
         });
     }

package/buildScripts/webpack/production/webpack.config.worker.mjs

@@ -15,8 +15,10 @@ export default env => {
 
     if (filenameConfig.workers) {
         Object.entries(filenameConfig.workers).forEach(([key, value]) => {
+            // Inside a neo workspace, we want to use the SW inside the top level apps folder,
+            // to allow overriding its logic
             if (key === env.worker) {
-                entry[key] = path.resolve(neoPath, value.input);
+                entry[key] = path.resolve(key === 'service' && !insideNeo ? cwd : neoPath, value.input);
             }
         });
     }

package/examples/ServiceWorker.mjs

@@ -8,6 +8,12 @@ import ServiceBase from '../src/worker/ServiceBase.mjs';
  * @singleton
  */
 class ServiceWorker extends ServiceBase {
+    /**
+     * @member {String} workerId='service'
+     * @protected
+     */
+    workerId = 'service'
+
     static getConfig() {return {
         /**
          * @member {String} className='Neo.ServiceWorker'
@@ -18,12 +24,7 @@ class ServiceWorker extends ServiceBase {
          * @member {Boolean} singleton=true
          * @protected
          */
-        singleton: true,
-        /**
-         * @member {String} workerId='service'
-         * @protected
-         */
-        workerId: 'service'
+        singleton: true
     }}
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "3.2.9",
+    "version": "3.2.10",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -34,21 +34,21 @@
     },
     "homepage": "https://neomjs.github.io/pages/",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.0.0",
+        "@fortawesome/fontawesome-free": "^6.1.0",
         "@material/mwc-button": "^0.25.3",
         "@material/mwc-textfield": "^0.25.3",
-        "autoprefixer": "^10.4.2",
-        "chalk": "^5.0.0",
+        "autoprefixer": "^10.4.4",
+        "chalk": "^5.0.1",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^9.0.0",
-        "cssnano": "^5.1.0",
+        "commander": "^9.1.0",
+        "cssnano": "^5.1.4",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.0.1",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^8.1.5",
+        "inquirer": "^8.2.1",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.4.7",
+        "postcss": "^8.4.12",
         "sass": "^1.49.9",
         "webpack": "^5.70.0",
         "webpack-cli": "^4.9.2",

package/src/worker/ServiceBase.mjs

@@ -8,6 +8,19 @@ import RemoteMethodAccess from './mixin/RemoteMethodAccess.mjs';
  * @abstract
  */
 class ServiceBase extends Base {
+    /**
+     * @member {String} cacheName='neo-runtime'
+     */
+    cacheName = 'neo-runtime'
+    /**
+     * @member {String[]} cachePaths
+     */
+    cachePaths = [
+        'raw.githubusercontent.com/',
+        '/dist/production/',
+        '/fontawesome',
+        '/resources/'
+    ]
     /**
      * @member {Object[]|null} channelPorts=null
      * @protected
@@ -28,6 +41,11 @@ class ServiceBase extends Base {
      * @protected
      */
     remotes = []
+    /**
+     * @member {String|null} workerId=null
+     * @protected
+     */
+    workerId = null
 
     static getConfig() {return {
         /**
@@ -35,19 +53,6 @@ class ServiceBase extends Base {
          * @protected
          */
         className: 'Neo.worker.ServiceBase',
-        /**
-         * @member {String} cacheName='neo-runtime'
-         */
-        cacheName: 'neo-runtime',
-        /**
-         * @member {String[]|null} cachePaths
-         */
-        cachePaths: [
-            'raw.githubusercontent.com/',
-            '/dist/production/',
-            '/fontawesome',
-            '/resources/'
-        ],
         /**
          * @member {String[]|Neo.core.Base[]|null} mixins=[RemoteMethodAccess]
          */
@@ -61,14 +66,10 @@ class ServiceBase extends Base {
             app: [
                 'clearCache',
                 'clearCaches',
-                'preloadAssets'
+                'preloadAssets',
+                'removeAssets'
             ]
-        },
-        /**
-         * @member {String|null} workerId=null
-         * @protected
-         */
-        workerId: null
+        }
     }}
 
     /**
@@ -95,19 +96,20 @@ class ServiceBase extends Base {
 
     /**
      * @param {String} name=this.cacheName
+     * @returns {Object}
      */
-    clearCache(name=this.cacheName) {
-        caches.keys()
-            .then(cacheNames     => cacheNames.filter(cacheName => cacheName === name))
-            .then(cachesToDelete => Promise.all(cachesToDelete.map(cacheToDelete => caches.delete(cacheToDelete))))
+    async clearCache(name=this.cacheName) {
+        await caches.delete(name);
+        return {success: true}
     }
 
     /**
-     *
+     * @returns {Object}
      */
-    clearCaches() {
-        caches.keys()
-            .then(cachesToDelete => Promise.all(cachesToDelete.map(cacheToDelete => caches.delete(cacheToDelete))))
+    async clearCaches() {
+        let keys = await caches.keys();
+        await Promise.all(keys.map(name => caches.delete(name)));
+        return {success: true}
     }
 
     /**
@@ -280,9 +282,7 @@ class ServiceBase extends Base {
                 hasMatch = !!asset;
             }
 
-            if (!hasMatch) {
-                items.push(item);
-            }
+            !hasMatch && items.push(item);
         }
 
         if (items.length > 0) {
@@ -311,6 +311,44 @@ class ServiceBase extends Base {
         });
     }
 
+    /**
+     * You can either pass an url, an array of urls or an object with additional options
+     * See: https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete
+     * @param {String|String[]|Object} data
+     * @param {String|String[]} data.assets
+     * @param {String} data.cacheName=this.cacheName
+     * @param {Object} data.options
+     * @param {Boolean} data.options.ignoreMethod=false
+     * @param {Boolean} data.options.ignoreSearch=false
+     * @param {Boolean} data.options.ignoreVary=false
+     * @returns {Object}
+     */
+    async removeAssets(data) {
+        if (!Neo.isObject(data)) {
+            data = {
+                assets: data
+            };
+        }
+
+        let assets    = data.assets,
+            cacheName = data.cacheName || this.cacheName,
+            options   = data.options || {},
+            cache     = await caches.open(cacheName),
+            promises  = [];
+
+        if (!Array.isArray(assets)) {
+            assets = [assets];
+        }
+
+        assets.forEach(asset => {
+            promises.push(cache.delete(asset, options));
+        });
+
+        await Promise.all(promises);
+
+        return {success: true};
+    }
+
     /**
      * @param {String} dest app, data, main or vdom (excluding the current worker)
      * @param {Object} opts configs for Neo.worker.Message