neo.mjs 3.2.10 → 4.0.2

package/README.md

@@ -19,6 +19,8 @@ No need to take care of a workers setup, and the cross channel communication on
 <a href="https://youtu.be/aEA5333WiWY"><img height="316px" width="400px" src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/neo-movie.png"></a>
 </p>
 
+<a href="https://tobiasuhlig.medium.com/predictive-offline-support-for-assets-you-have-not-used-yet-aeeccccd3754?source=friends_link&sk=e946e0f25f508e6a8cec4136400291a3">Version 4 release announcement</a>
+
 ## Content
 1. <a href="#slack-channel">Slack Channel for questions & feedback</a>
 2. <a href="#architectures">Scalable frontend architectures</a>

package/apps/website/data/blog.json

@@ -1,4 +1,30 @@
 [
+    {
+        "author"      : "Tobias Uhlig",
+        "authorImage" : "author_TobiasUhlig.jpeg",
+        "date"        : "Mar 28, 2022",
+        "id"          : 51,
+        "image"       : "predictive-offline-support-for-assets-you-have-not-used-yet.png",
+        "name"        : "Predictive offline support for assets you have not used yet",
+        "provider"    : "Medium",
+        "publisher"   : "ITNEXT",
+        "selectedInto": [],
+        "type"        : "Blog Post",
+        "url"         : "https://itnext.io/predictive-offline-support-for-assets-you-have-not-used-yet-aeeccccd3754?source=friends_link&sk=e946e0f25f508e6a8cec4136400291a3"
+    },
+    {
+        "author"      : "Tobias Uhlig",
+        "authorImage" : "author_TobiasUhlig.jpeg",
+        "date"        : "Jan 31, 2022",
+        "id"          : 50,
+        "image"       : "clean-architectures-your-benefits-of-using-view-controllers.png",
+        "name"        : "Clean architectures: Your benefits of using view controllers",
+        "provider"    : "Medium",
+        "publisher"   : "ITNEXT",
+        "selectedInto": [],
+        "type"        : "Blog Post",
+        "url"         : "https://itnext.io/clean-architectures-your-benefits-of-using-view-controllers-7ce6b00f0ad5?source=friends_link&sk=ebef34d36d5d307c7985ba4dedb261f9"
+    },
     {
         "author"      : "Tobias Uhlig",
         "authorImage" : "author_TobiasUhlig.jpeg",

package/buildScripts/createApp.mjs

@@ -32,6 +32,7 @@ program
     .option('-i, --info',                     'print environment debug info')
     .option('-a, --appName <value>')
     .option('-m, --mainThreadAddons <value>', `Comma separated list of:\n${addonChoices.join(', ')}\nDefaults to DragDrop, Stylesheet`)
+    .option('-s, --useServiceWorker <value>', '"yes", "no"')
     .option('-t, --themes <value>',           ['all', ...themeFolders, 'none'].join(", "))
     .option('-u, --useSharedWorkers <value>', '"yes", "no"')
     .allowUnknownOption()
@@ -105,11 +106,22 @@ if (programOpts.info) {
         });
     }
 
+    if (!programOpts.useServiceWorker) {
+        questions.push({
+            type   : 'list',
+            name   : 'useServiceWorker',
+            message: 'Do you want to use a ServiceWorker for caching assets?',
+            choices: ['yes', 'no'],
+            default: 'no'
+        });
+    }
+
     inquirer.prompt(questions).then(answers => {
         let appName          = programOpts.appName          || answers.appName,
             mainThreadAddons = programOpts.mainThreadAddons || answers.mainThreadAddons,
             themes           = programOpts.themes           || answers.themes,
             useSharedWorkers = programOpts.useSharedWorkers || answers.useSharedWorkers,
+            useServiceWorker = programOpts.useServiceWorker || answers.useServiceWorker,
             lAppName         = appName.toLowerCase(),
             appPath          = 'apps/' + lAppName + '/',
             dir              = 'apps/' + lAppName,
@@ -181,6 +193,10 @@ if (programOpts.info) {
                 neoConfig.useSharedWorkers = true;
             }
 
+            if (useServiceWorker !== 'no') {
+                neoConfig.useServiceWorker = true;
+            }
+
             if (!insideNeo) {
                 neoConfig.workerBasePath = '../../node_modules/neo.mjs/src/worker/';
             }

package/examples/remotesApi/basic/MainContainer.mjs

@@ -0,0 +1,55 @@
+import Button                  from '../../../src/button/Base.mjs';
+import MainContainerController from './MainContainerController.mjs';
+import Toolbar                 from '../../../src/container/Toolbar.mjs';
+import Viewport                from '../../../src/container/Viewport.mjs';
+
+/**
+ * @class Neo.examples.remotesApi.basic.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static getConfig() {return {
+        className : 'Neo.examples.remotesApi.basic.MainContainer',
+        autoMount : true,
+        controller: MainContainerController,
+        layout    : {ntype: 'vbox', align: 'stretch'},
+
+        items: [{
+            module   : Toolbar,
+            flex     : 'none',
+            padding  : 20,
+            reference: 'headerToolbar',
+
+            style: {
+                backgroundColor: '#f2f2f2',
+                padding        : '10px 5px 10px 10px'
+            },
+
+            items: [{
+                module : Button,
+                handler: 'onGetAllUsersButtonClick',
+                height : 27,
+                iconCls: 'fa fa-users',
+                text   : 'Get all users'
+            }, {
+                module : Button,
+                handler: 'onGetAllFriendsButtonClick',
+                height : 27,
+                iconCls: 'fab fa-github',
+                style  : {marginLeft: '5px'},
+                text   : 'Get all friends'
+            }, {
+                module : Button,
+                handler: 'onGetAllUsersPlusFriendsButtonClick',
+                height : 27,
+                iconCls: 'fa-regular fa-heart',
+                style  : {marginLeft: '5px'},
+                text   : 'Get users & friends'
+            }]
+        }]
+    }}
+}
+
+Neo.applyClassConfig(MainContainer);
+
+export default MainContainer;

package/examples/remotesApi/basic/MainContainerController.mjs

@@ -0,0 +1,45 @@
+import ComponentController from '../../../src/controller/Component.mjs';
+
+/**
+ * @class Neo.examples.remotesApi.basic.MainContainerController
+ * @extends Neo.controller.Component
+ */
+class MainContainerController extends ComponentController {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.remotesApi.basic.MainContainerController'
+         * @protected
+         */
+        className: 'Neo.examples.remotesApi.basic.MainContainerController'
+    }}
+
+    /**
+     * @param {Object} data
+     */
+    onGetAllFriendsButtonClick(data) {
+        MyApi.UserService.getAll().then(response => console.log(response))
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onGetAllUsersButtonClick(data) {
+        MyApi.FriendService.getAll()
+    }
+
+    /**
+     * @param {Object} data
+     */
+    async onGetAllUsersPlusFriendsButtonClick(data) {
+        await Promise.all([
+            MyApi.UserService.getAll(),
+            MyApi.FriendService.getAll()
+        ]);
+
+        console.log('Both calls are done')
+    }
+}
+
+Neo.applyClassConfig(MainContainerController);
+
+export default MainContainerController;

package/examples/remotesApi/basic/app.mjs

@@ -0,0 +1,6 @@
+import MainContainer from './MainContainer.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.remotesApi.basic'
+});

package/examples/remotesApi/basic/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Remotes API Basic</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/remotesApi/basic/neo-config.json

@@ -0,0 +1,7 @@
+{
+    "appPath"      : "examples/remotesApi/basic/app.mjs",
+    "basePath"     : "../../../",
+    "environment"  : "development",
+    "mainPath"     : "./Main.mjs",
+    "remotesApiUrl": "remotes-api.json"
+}

package/examples/remotesApi/basic/remotes-api.json

@@ -0,0 +1,16 @@
+{
+    "namespace": "MyApi",
+    "url"      : "./",
+
+    "services": [{
+        "name"   : "FriendService",
+        "methods": [{
+            "name": "getAll"
+        }]
+    }, {
+        "name"   : "UserService",
+        "methods": [{
+            "name": "getAll"
+        }]
+    }]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "3.2.10",
+    "version": "4.0.2",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -34,25 +34,25 @@
     },
     "homepage": "https://neomjs.github.io/pages/",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.1.0",
+        "@fortawesome/fontawesome-free": "^6.1.1",
         "@material/mwc-button": "^0.25.3",
         "@material/mwc-textfield": "^0.25.3",
         "autoprefixer": "^10.4.4",
         "chalk": "^5.0.1",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^9.1.0",
-        "cssnano": "^5.1.4",
+        "cssnano": "^5.1.7",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.0.1",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^8.2.1",
+        "inquirer": "^8.2.2",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
         "postcss": "^8.4.12",
-        "sass": "^1.49.9",
-        "webpack": "^5.70.0",
+        "sass": "^1.50.0",
+        "webpack": "^5.72.0",
         "webpack-cli": "^4.9.2",
-        "webpack-dev-server": "4.7.4",
+        "webpack-dev-server": "4.8.1",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/DefaultConfig.mjs

@@ -96,6 +96,16 @@ const DefaultConfig = {
      * @type String[]
      */
     mainThreadAddons: ['DragDrop', 'Stylesheet'],
+    /**
+     * Pass the URL of a JSON-file, which contains the services and methods from your backend,
+     * which you want to expose to the client.
+     * See: https://github.com/neomjs/neo/projects/32
+     * @default null
+     * @memberOf! module:Neo
+     * @name config.remotesApiUrl
+     * @type String|null
+     */
+    remotesApiUrl: null,
     /**
      * You can visually show the amount of delta updates per second using this config.
      * It expects a dom node with the id "neo-delta-updates" as the rendering target.

package/src/Fetch.mjs

@@ -0,0 +1,44 @@
+import FetchConnection from './data/connection/Fetch.mjs';
+
+/**
+ * @class Neo.Fetch
+ * @extends Neo.data.connection.Fetch
+ * @singleton
+ */
+class Fetch extends FetchConnection {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.Fetch'
+         * @protected
+         */
+        className: 'Neo.Fetch',
+        /**
+         * @member {Object} remote
+         * @protected
+         */
+        remote: {
+            app: [
+                'delete',
+                'get',
+                'head',
+                'options',
+                'patch',
+                'post',
+                'put'
+            ]
+        },
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+}
+
+Neo.applyClassConfig(Fetch);
+
+let instance = Neo.create(Fetch);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;

package/src/component/wrapper/MapboxGL.mjs

@@ -96,14 +96,12 @@ class MapboxGL extends Component {
     afterSetChartData(value, oldValue) {
         let me = this;
 
-        if (value) {
-            Neo.main.addon.MapboxGL.updateData({
-                appName     : me.appName,
-                data        : value,
-                dataSourceId: me.dataSourceId,
-                id          : me.id
-            });
-        }
+        value && Neo.main.addon.MapboxGL.updateData({
+            appName     : me.appName,
+            data        : value,
+            dataSourceId: me.dataSourceId,
+            id          : me.id
+        });
     }
 
     /**
@@ -113,13 +111,11 @@ class MapboxGL extends Component {
      * @protected
      */
     afterSetLayers(value, oldValue) {
-        if (value) {
-            Neo.main.addon.MapboxGL.addLayers({
-                appName: this.appName,
-                id     : this.id,
-                layers : value
-            });
-        }
+        value && Neo.main.addon.MapboxGL.addLayers({
+            appName: this.appName,
+            id     : this.id,
+            layers : value
+        });
     }
 
     /**
@@ -131,14 +127,12 @@ class MapboxGL extends Component {
     afterSetMapboxStyle(value, oldValue) {
         let me = this;
 
-        if (this.mounted) {
-            Neo.main.addon.MapboxGL.setStyle({
-                accessToken: me.accessToken,
-                appName    : me.appName,
-                id         : me.id,
-                style      : value
-            });
-        }
+        me.mounted && Neo.main.addon.MapboxGL.setStyle({
+            accessToken: me.accessToken,
+            appName    : me.appName,
+            id         : me.id,
+            style      : value
+        });
     }
 
     /**
@@ -193,13 +187,11 @@ class MapboxGL extends Component {
      * @protected
      */
     afterSetSources(value, oldValue) {
-        if (value) {
-            Neo.main.addon.MapboxGL.addSources({
-                appName: this.appName,
-                id     : this.id,
-                sources: value
-            });
-        }
+        value && Neo.main.addon.MapboxGL.addSources({
+            appName: this.appName,
+            id     : this.id,
+            sources: value
+        });
     }
 
     /**
@@ -211,13 +203,11 @@ class MapboxGL extends Component {
     afterSetZoom(value, oldValue) {
         let me = this;
 
-        if (me.mounted) {
-            Neo.main.addon.MapboxGL.zoom({
-                appName: me.appName,
-                id     : me.id,
-                zoom   : value
-            });
-        }
+        me.mounted && Neo.main.addon.MapboxGL.zoom({
+            appName: me.appName,
+            id     : me.id,
+            zoom   : value
+        });
     }
 
     /**
@@ -269,7 +259,7 @@ class MapboxGL extends Component {
      */
     centerMap(value, animate=false) {
         Neo.main.addon.MapboxGL.center({
-            animate: animate,
+            animate,
             appName: this.appName,
             id     : this.id,
             lat    : value.lat,
@@ -317,7 +307,7 @@ class MapboxGL extends Component {
      * @param {Number} value.lng
      */
     flyTo(value) {
-        const me = this;
+        let me = this;
 
         value = me.beforeSetCenter(value, null); // long => lng if needed
 

package/src/data/connection/Fetch.mjs

@@ -0,0 +1,121 @@
+import Base from '../../core/Base.mjs';
+
+/**
+ * @class Neo.data.connection.Fetch
+ * @extends Neo.core.Base
+ */
+class Fetch extends Base {
+    /**
+     * @member {Object} defaultHeaders=null
+     */
+    defaultHeaders = null
+
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.data.connection.Fetch'
+         * @protected
+         */
+        className: 'Neo.data.connection.Fetch'
+    }}
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @returns {Promise<any>}
+     */
+    delete(url, config) {
+        return this.request(url, config, 'delete');
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @returns {Promise<any>}
+     */
+    get(url, config) {
+        return this.request(url, config, 'get');
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @returns {Promise<any>}
+     */
+    head(url, config) {
+        return this.request(url, config, 'head');
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @returns {Promise<any>}
+     */
+    options(url, config) {
+        return this.request(url, config, 'options');
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @param {Object} data
+     * @returns {Promise<any>}
+     */
+    patch(url, config, data) {
+        return this.request(url, config, 'patch', data);
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @param {Object} data
+     * @returns {Promise<any>}
+     */
+    post(url, config, data) {
+        return this.request(url, config, 'post', data);
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @param {Object} data
+     * @returns {Promise<any>}
+     */
+    put(url, config, data) {
+        return this.request(url, config, 'put', data);
+    }
+
+    /**
+     * @param {Object|String} url
+     * @param {Object} config
+     * @param {String} method
+     * @param {Object} [data]
+     * @returns {Promise<any>}
+     */
+    request(url, config, method, data) {
+        if (!Neo.isString(url)) {
+            config = url;
+            url    = config.url;
+        }
+
+        return fetch(url)
+            .then(resp => {
+                console.log(resp);
+
+                let response = {
+                    ok        : resp.ok,
+                    redirected: resp.redirected,
+                    request   : config,
+                    status    : resp.status,
+                    statusText: resp.statusText,
+                    type      : resp.type,
+                    url       : resp.url
+                };
+
+                return response
+            })
+    }
+}
+
+Neo.applyClassConfig(Fetch);
+
+export default Fetch;

package/src/main/addon/ServiceWorker.mjs

@@ -1,6 +1,5 @@
-import Base               from '../../core/Base.mjs';
-import RemoteMethodAccess from '../../worker/mixin/RemoteMethodAccess.mjs';
-import WorkerManager      from '../../worker/Manager.mjs';
+import Base          from '../../core/Base.mjs';
+import WorkerManager from '../../worker/Manager.mjs';
 
 /**
  * Creates a ServiceWorker instance, in case Neo.config.useServiceWorker is set to true
@@ -15,15 +14,6 @@ class ServiceWorker extends Base {
          * @protected
          */
         className: 'Neo.main.addon.ServiceWorker',
-        /**
-         * @member {String[]|Neo.core.Base[]|null} mixins=[RemoteMethodAccess]
-         */
-        mixins: [RemoteMethodAccess],
-        /**
-         * @member {ServiceWorkerRegistration|null} registration=null
-         * @protected
-         */
-        registration: null,
         /**
          * @member {Boolean} singleton=true
          * @protected
@@ -45,22 +35,30 @@ class ServiceWorker extends Base {
                 path          = (devMode ? config.basePath : config.workerBasePath) + (devMode ? folder : '') + fileName,
                 serviceWorker = navigator.serviceWorker;
 
+            window.addEventListener('beforeunload', me.onBeforeUnload.bind(me));
+
             serviceWorker.register(path, opts)
                 .then(registration => {
-                    me.registration = registration;
-
                     serviceWorker.ready.then(() => {
                         serviceWorker.onmessage = WorkerManager.onWorkerMessage.bind(WorkerManager);
 
                         WorkerManager.sendMessage('service', {
-                            action     : 'registerNeoConfig',
-                            channelPort: registration.active,
-                            data       : config
+                            action: 'registerNeoConfig',
+                            data  : config
                         });
                     });
                 })
         }
     }
+
+    /**
+     *
+     */
+    onBeforeUnload() {
+        WorkerManager.sendMessage('service', {
+            action: 'unregisterPort'
+        });
+    }
 }
 
 Neo.applyClassConfig(ServiceWorker);

package/src/remotes/Api.mjs

@@ -0,0 +1,78 @@
+import Base from '../core/Base.mjs';
+
+/**
+ * @class Neo.remotes.Api
+ * @extends Neo.core.Base
+ * @singleton
+ */
+class Api extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.remotes.Api'
+         * @protected
+         */
+        className: 'Neo.remotes.Api',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+
+    /**
+     * @param {String} service
+     * @param {String} method
+     * @returns {function(*=, *=): Promise<any>}
+     */
+    generateRemote(service, method) {
+        return function(...args) {
+            return Neo.currentWorker.promiseMessage('data', {
+                action: 'rpc',
+                method,
+                params: [...args],
+                service
+            })
+        }
+    }
+
+    /**
+     *
+     */
+    load() {
+        let config = Neo.config,
+            path   = config.remotesApiUrl;
+
+        // relative paths need a special treatment
+        if (!path.includes('http')) {
+            path = config.appPath.split('/');
+            path.pop();
+            path = `../../${path.join('/')}/${config.remotesApiUrl}`;
+        }
+
+        fetch(path)
+            .then(response => response.json())
+            .then(data => {this.register(data)})
+    }
+
+    /**
+     * @param {Object} data
+     */
+    register(data) {
+        let method, ns, service;
+
+        for (service of data.services) {
+            for (method of service.methods) {
+                ns = Neo.ns(`${data.namespace}.${service.name}`, true);
+                ns[method.name] = this.generateRemote(service.name, method.name);
+            }
+        }
+    }
+}
+
+Neo.applyClassConfig(Api);
+
+let instance = Neo.create(Api);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;

package/src/worker/App.mjs

@@ -185,27 +185,26 @@ class App extends Base {
      * @param {Object} data
      */
     onLoadApplication(data) {
-        let me = this,
+        let me     = this,
+            config = Neo.config,
             path;
 
         if (data) {
             me.data = data;
-            Neo.config.resourcesPath = data.resourcesPath;
+            config.resourcesPath = data.resourcesPath;
         }
 
         path = me.data.path;
 
-        if (Neo.config.environment !== 'development') {
+        if (config.environment !== 'development') {
             path = path.startsWith('/') ? path.substring(1) : path;
         }
 
         me.importApp(path).then(module => {
             module.onStart();
 
-            if (Neo.config.hash) {
-                // short delay to ensure Component Controllers are ready
-                setTimeout(() => HashHistory.push(Neo.config.hash), 5);
-            }
+            // short delay to ensure Component Controllers are ready
+            config.hash && setTimeout(() => HashHistory.push(config.hash), 5);
         });
     }
 
@@ -216,7 +215,7 @@ class App extends Base {
         super.onRegisterNeoConfig(msg);
 
         let config = Neo.config,
-            url    = `resources/theme-map${Neo.config.useCssVars ? '' : '-no-vars'}.json`;
+            url    = `resources/theme-map${config.useCssVars ? '' : '-no-vars'}.json`;
 
         if (config.environment === 'development') {
             url = `../../${url}`;
@@ -234,6 +233,7 @@ class App extends Base {
             .then(response => response.json())
             .then(data => {this.createThemeMap(data)});
 
+        config.remotesApiUrl  && import('../remotes/Api.mjs').then(module => module.default.load());
         !config.useVdomWorker && import('../vdom/Helper.mjs');
     }
 

package/src/worker/Data.mjs

@@ -1,6 +1,7 @@
 import Neo          from '../Neo.mjs';
 import Base         from './Base.mjs';
 import Compare      from '../core/Compare.mjs';
+import Fetch        from '../Fetch.mjs';
 import StoreManager from '../manager/Store.mjs';
 import Util         from '../core/Util.mjs';
 import Xhr          from '../Xhr.mjs';
@@ -52,6 +53,26 @@ class Data extends Base {
     onLoad() {
         console.log('worker.Data onLoad');
     }
+
+    /**
+     * @param {Object} msg
+     */
+    async onRpc(msg) {
+        console.log('onRpc', msg);
+
+        let response = await Neo.Fetch.get(msg);
+
+        this.resolve(msg, response);
+    }
+
+    /**
+     * Just for testing
+     * @param {Number} ms
+     * @returns {Promise<unknown>}
+     */
+    timeout(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
 }
 
 Neo.applyClassConfig(Data);

package/src/worker/ServiceBase.mjs

@@ -257,6 +257,19 @@ class ServiceBase extends Base {
         this.onConnect(event.source);
     }
 
+    /**
+     * @param {Object} msg
+     * @param {ExtendableMessageEvent} event
+     */
+    onUnregisterPort(msg, event) {
+        for (let [index, value] of this.channelPorts.entries()) {
+            if (value.clientId === event.source.id) {
+                this.channelPorts.splice(index, 1);
+                break;
+            }
+        }
+    }
+
     /**
      * @param {Object} data
      * @param {String} [data.cacheName=this.cacheName]

package/src/worker/mixin/RemoteMethodAccess.mjs

@@ -37,12 +37,12 @@ class RemoteMethodAccess extends Base {
             };
 
             if (me.isSharedWorker) {
-                opts.appName = opts.appName || data?.appName;
-                opts.port    = opts.port    || data?.port;
+                opts.appName = data?.appName;
+                opts.port    = data?.port;
             }
 
             return me.promiseMessage(origin, opts, buffer);
-        };
+        }
     }
 
     /**