@rws-framework/client 2.20.1 → 2.20.3

package/service_worker/src/_service_worker.ts

@@ -1,84 +1,84 @@
-import IRWSUser from '../../src/types/IRWSUser';
-import RWSContainer from '../../src/components/_container';
-
-//@4DI
-import { Container } from '../../src/components/_container';
-
-type SWMsgType = {
-    command: string,
-    asset_type?: string,
-    params: any
-};
-
-abstract class RWSServiceWorker<UserType extends IRWSUser> {
-    protected DI: Container;
-    protected user: UserType = null;
-    protected ignoredUrls: RegExp[] = [];    
-    protected regExTypes: { [key: string]: RegExp };  
-
-    public workerScope: ServiceWorkerGlobalScope;
-
-    protected static _instances: { [key: string]: RWSServiceWorker<IRWSUser> } | null = {};
-
-    onInit(): Promise<void> { return; }   
-
-    onInstall(): Promise<void> { return; }
-    onActivate(): Promise<void> { return; }
-
-    constructor(workerScope: ServiceWorkerGlobalScope, DI: Container){   
-        this.DI = DI;             
-        this.workerScope = workerScope;
-
-        this.onInit().then(() => {
-            this.workerScope.addEventListener('install', () => {
-                console.log('Service Worker: Installed');
-    
-                this.onInstall();
-            });
-    
-            this.workerScope.addEventListener('activate', () => {
-                console.log('[SW] Service Worker: Activated'); 
-                
-                this.onActivate();
-    
-                return workerScope.clients.claim();
-            });
-        });
-    }       
-
-    sendMessageToClient = (clientId: string, payload: any) => {
-        return this.workerScope.clients.get(clientId)
-            .then((client: any) => {
-                if (client) {
-                    client.postMessage(payload);
-                }
-            });
-    };
-
-    getUser(): UserType
-    {
-        return this.user;
-    }
-
-    setUser(user: UserType): RWSServiceWorker<UserType>
-    {
-        this.user = user;        
-
-        return this;
-    }
-
-    static create<T extends new (...args: any[]) => RWSServiceWorker<IRWSUser>>(this: T, workerScope: ServiceWorkerGlobalScope): InstanceType<T> 
-    {
-        const className = this.name;
-
-        if (!RWSServiceWorker._instances[className]) {            
-            RWSServiceWorker._instances[className] = new this(workerScope, RWSContainer());
-        }
-
-        return RWSServiceWorker._instances[className] as InstanceType<T>;
-    }
-}
-
-export default RWSServiceWorker;
-
+import IRWSUser from '../../src/types/IRWSUser';
+import RWSContainer from '../../src/components/_container';
+
+//@4DI
+import { Container } from '../../src/components/_container';
+
+type SWMsgType = {
+    command: string,
+    asset_type?: string,
+    params: any
+};
+
+abstract class RWSServiceWorker<UserType extends IRWSUser> {
+    protected DI: Container;
+    protected user: UserType = null;
+    protected ignoredUrls: RegExp[] = [];    
+    protected regExTypes: { [key: string]: RegExp };  
+
+    public workerScope: ServiceWorkerGlobalScope;
+
+    protected static _instances: { [key: string]: RWSServiceWorker<IRWSUser> } | null = {};
+
+    onInit(): Promise<void> { return; }   
+
+    onInstall(): Promise<void> { return; }
+    onActivate(): Promise<void> { return; }
+
+    constructor(workerScope: ServiceWorkerGlobalScope, DI: Container){   
+        this.DI = DI;             
+        this.workerScope = workerScope;
+
+        this.onInit().then(() => {
+            this.workerScope.addEventListener('install', () => {
+                console.log('Service Worker: Installed');
+    
+                this.onInstall();
+            });
+    
+            this.workerScope.addEventListener('activate', () => {
+                console.log('[SW] Service Worker: Activated'); 
+                
+                this.onActivate();
+    
+                return workerScope.clients.claim();
+            });
+        });
+    }       
+
+    sendMessageToClient = (clientId: string, payload: any) => {
+        return this.workerScope.clients.get(clientId)
+            .then((client: any) => {
+                if (client) {
+                    client.postMessage(payload);
+                }
+            });
+    };
+
+    getUser(): UserType
+    {
+        return this.user;
+    }
+
+    setUser(user: UserType): RWSServiceWorker<UserType>
+    {
+        this.user = user;        
+
+        return this;
+    }
+
+    static create<T extends new (...args: any[]) => RWSServiceWorker<IRWSUser>>(this: T, workerScope: ServiceWorkerGlobalScope): InstanceType<T> 
+    {
+        const className = this.name;
+
+        if (!RWSServiceWorker._instances[className]) {            
+            RWSServiceWorker._instances[className] = new this(workerScope, RWSContainer());
+        }
+
+        return RWSServiceWorker._instances[className] as InstanceType<T>;
+    }
+}
+
+export default RWSServiceWorker;
+
 export { SWMsgType };

package/service_worker/tsconfig.json

@@ -1,21 +1,21 @@
-{
-    "compilerOptions": {
-      "baseUrl": "./",
-      "experimentalDecorators": true,
-      "emitDecoratorMetadata": true,
-      "target": "ES2018",
-      "module": "es2022",       
-      "moduleResolution": "node",     
-      "strict": true,
-      "esModuleInterop": true,
-      "sourceMap": true,
-      "outDir": "dist",
-      "strictNullChecks": false,    
-      "allowSyntheticDefaultImports": true,  
-      "lib": ["DOM", "ESNext", "WebWorker"],  
-      "paths": {        
-        //  "@rws-framework/client/*": ["../*"],      
-        //  "@rws-framework/client": ["../index"],      
-      }       
-    }
+{
+    "compilerOptions": {
+      "baseUrl": "./",
+      "experimentalDecorators": true,
+      "emitDecoratorMetadata": true,
+      "target": "ES2018",
+      "module": "es2022",       
+      "moduleResolution": "node",     
+      "strict": true,
+      "esModuleInterop": true,
+      "sourceMap": true,
+      "outDir": "dist",
+      "strictNullChecks": false,    
+      "allowSyntheticDefaultImports": true,  
+      "lib": ["DOM", "ESNext", "WebWorker"],  
+      "paths": {        
+        //  "@rws-framework/client/*": ["../*"],      
+        //  "@rws-framework/client": ["../index"],      
+      }       
+    }
   }

package/service_worker/webpack.config.js

@@ -1,67 +1,67 @@
-const path = require('path');
-const webpack = require('webpack');
-const tools = require('@rws-framework/client/_tools');
-const gThis = require.resolve('globalthis')
-const {rwsExternals} = require('@rws-framework/client/_rws_externals');
-
-
-const executionDir = process.cwd();
-const rootPackageNodeModules = path.resolve(tools.findRootWorkspacePath(process.cwd()), 'node_modules');
-
-const mergeCodeBaseOptions = {
-  incl: ['@rws-framework/client/src/services'],
-  not_incl: ['./services/RoutingService'],
-  exceptions_context: ['socket.io-', '@socket.io'],
-  exceptions: ['@rws-framework/client/src/services', './service', './ws_handlers', 'socket.io-', '@socket.io','uuid',]
-};
-
-module.exports = {
-  entry: process.env.SWPATH,
-  mode: 'development',
-  target: 'web',
-  devtool: 'source-map',
-  output: {
-    path: path.resolve(executionDir, 'public'),
-    filename: 'service_worker.js',
-  },
-  resolve: {
-    extensions: ['.ts', '.js'],
-    alias: {
-      document: false,
-      globalThis:  gThis,
-      '@cwd' : process.cwd(),
-      // '@rws-framework/client': path.resolve(__dirname, '..') + '/index.ts',
-      // '@rws-framework/client/*': path.resolve(__dirname, '..', '..')
-    }
-  },
-  plugins: [
-    new webpack.ProvidePlugin({
-      global: 'globalThis' // Use 'globalThis' as a fallback for the global object
-    }),
-    new webpack.DefinePlugin({
-      '__SWPATH': "'" + process.env.SWPATH + "'",
-    }),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.(ts)$/,
-        use: [                       
-          {
-            loader: 'ts-loader',
-            options: {
-              allowTsInNodeModules: true,
-              configFile: path.resolve(__dirname, 'tsconfig.json')            
-            }
-          },
-          {
-            loader: path.resolve(tools.findPackageDir(),'webpack','rws_fast_ts_loader.js'),        
-          }  
-        ]         
-      }
-    ],
-  },
-  resolveLoader: {
-    modules: [rootPackageNodeModules],
-  }
+const path = require('path');
+const webpack = require('webpack');
+const tools = require('@rws-framework/client/_tools');
+const gThis = require.resolve('globalthis')
+const {rwsExternals} = require('@rws-framework/client/_rws_externals');
+
+
+const executionDir = process.cwd();
+const rootPackageNodeModules = path.resolve(tools.findRootWorkspacePath(process.cwd()), 'node_modules');
+
+const mergeCodeBaseOptions = {
+  incl: ['@rws-framework/client/src/services'],
+  not_incl: ['./services/RoutingService'],
+  exceptions_context: ['socket.io-', '@socket.io'],
+  exceptions: ['@rws-framework/client/src/services', './service', './ws_handlers', 'socket.io-', '@socket.io','uuid',]
+};
+
+module.exports = {
+  entry: process.env.SWPATH,
+  mode: 'development',
+  target: 'web',
+  devtool: 'source-map',
+  output: {
+    path: path.resolve(executionDir, 'public'),
+    filename: 'service_worker.js',
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+    alias: {
+      document: false,
+      globalThis:  gThis,
+      '@cwd' : process.cwd(),
+      // '@rws-framework/client': path.resolve(__dirname, '..') + '/index.ts',
+      // '@rws-framework/client/*': path.resolve(__dirname, '..', '..')
+    }
+  },
+  plugins: [
+    new webpack.ProvidePlugin({
+      global: 'globalThis' // Use 'globalThis' as a fallback for the global object
+    }),
+    new webpack.DefinePlugin({
+      '__SWPATH': "'" + process.env.SWPATH + "'",
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(ts)$/,
+        use: [                       
+          {
+            loader: 'ts-loader',
+            options: {
+              allowTsInNodeModules: true,
+              configFile: path.resolve(__dirname, 'tsconfig.json')            
+            }
+          },
+          {
+            loader: path.resolve(tools.findPackageDir(),'webpack','rws_fast_ts_loader.js'),        
+          }  
+        ]         
+      }
+    ],
+  },
+  resolveLoader: {
+    modules: [rootPackageNodeModules],
+  }
 };

package/src/client/components.ts

@@ -1,68 +1,68 @@
-import RWSWindow, { RWSWindowComponentRegister } from "../types/RWSWindow";
-import { RWSClientInstance } from "../client";
-import RWSViewComponent, { IWithCompose } from "../components/_component";
-import { RWSPlugin } from "../plugins/_plugin";
-type RWSInfoType = { components: string[] };
-
-async function loadPartedComponents(this: RWSClientInstance): Promise<RWSInfoType> {
-    this.assignClientToBrowser();        
-    
-    return new Promise(async (resolve: (res: RWSInfoType) => void, reject: (res: Error | unknown) => void) => {        
-
-        const componentParts: RWSInfoType = await this.apiService.get<RWSInfoType>(this.appConfig.get('partedDirUrlPrefix') + '/rws_info.json');        
-        const loadedComponents = [];
-
-        document.addEventListener(RWSViewComponent._EVENTS.component_define, (event: Event) => {
-            const customEvent = event as CustomEvent<string>;            
-
-            loadedComponents.push(customEvent.detail);                           
-        });
-
-        let compList = '';
-        
-        componentParts.components.forEach((componentName: string, key: number) => {
-            const partUrl = `${this.appConfig.get('partedDirUrlPrefix')}/${this.appConfig.get('partedPrefix')}.${componentName}.js`;           
-    
-            compList += `  - \x1b[1m${componentParts.components[key]}:\x1b[0m component (${partUrl}) \n`;
-    
-            const script: HTMLScriptElement = document.createElement('script');
-            script.async = true;
-            script.src = partUrl;     
-            script.type = 'text/javascript';
-            document.body.appendChild(script);
-        }); 
-    
-        console.info(`\x1b[1m[RWS]\x1b[0m" \x1b[1mPARTED\x1b[0m" mode asynchronously added components: \n${compList}`);
-
-        resolve(componentParts);
-    });
-}   
-
-function defineAllComponents() {
-    const richWindowComponents: RWSWindowComponentRegister = (window as Window & RWSWindow).RWS.components;
-
-    Object.keys(richWindowComponents).map(key => richWindowComponents[key].component).forEach((el: IWithCompose<RWSViewComponent>) => {
-        el.define(el as any, el.definition);
-    });
-
-    for (const plugin of RWSPlugin.getAllPlugins()){
-        plugin.onComponentsDeclare();
-    }
-}
-
-function getBinds(this: RWSClientInstance){
-    return {
-        loadPartedComponents: loadPartedComponents.bind(this)        
-    };
-}
-
-export default getBinds;
-
-const ComponentHelperStatic = {
-    defineAllComponents: defineAllComponents
-}
-
-export {
- ComponentHelperStatic,
- RWSInfoType
+import RWSWindow, { RWSWindowComponentRegister } from "../types/RWSWindow";
+import { RWSClientInstance } from "../client";
+import RWSViewComponent, { IWithCompose } from "../components/_component";
+import { RWSPlugin } from "../plugins/_plugin";
+type RWSInfoType = { components: string[] };
+
+async function loadPartedComponents(this: RWSClientInstance): Promise<RWSInfoType> {
+    this.assignClientToBrowser();        
+    
+    return new Promise(async (resolve: (res: RWSInfoType) => void, reject: (res: Error | unknown) => void) => {        
+
+        const componentParts: RWSInfoType = await this.apiService.get<RWSInfoType>(this.appConfig.get('partedDirUrlPrefix') + '/rws_info.json');        
+        const loadedComponents = [];
+
+        document.addEventListener(RWSViewComponent._EVENTS.component_define, (event: Event) => {
+            const customEvent = event as CustomEvent<string>;            
+
+            loadedComponents.push(customEvent.detail);                           
+        });
+
+        let compList = '';
+        
+        componentParts.components.forEach((componentName: string, key: number) => {
+            const partUrl = `${this.appConfig.get('partedDirUrlPrefix')}/${this.appConfig.get('partedPrefix')}.${componentName}.js`;           
+    
+            compList += `  - \x1b[1m${componentParts.components[key]}:\x1b[0m component (${partUrl}) \n`;
+    
+            const script: HTMLScriptElement = document.createElement('script');
+            script.async = true;
+            script.src = partUrl;     
+            script.type = 'text/javascript';
+            document.body.appendChild(script);
+        }); 
+    
+        console.info(`\x1b[1m[RWS]\x1b[0m" \x1b[1mPARTED\x1b[0m" mode asynchronously added components: \n${compList}`);
+
+        resolve(componentParts);
+    });
+}   
+
+function defineAllComponents() {
+    const richWindowComponents: RWSWindowComponentRegister = (window as Window & RWSWindow).RWS.components;
+
+    Object.keys(richWindowComponents).map(key => richWindowComponents[key].component).forEach((el: IWithCompose<RWSViewComponent>) => {
+        el.define(el as any, el.definition);
+    });
+
+    for (const plugin of RWSPlugin.getAllPlugins()){
+        plugin.onComponentsDeclare();
+    }
+}
+
+function getBinds(this: RWSClientInstance){
+    return {
+        loadPartedComponents: loadPartedComponents.bind(this)        
+    };
+}
+
+export default getBinds;
+
+const ComponentHelperStatic = {
+    defineAllComponents: defineAllComponents
+}
+
+export {
+ ComponentHelperStatic,
+ RWSInfoType
 }