@rws-framework/client 2.13.1 → 2.13.3

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
 }

package/src/client/config.ts

@@ -1,166 +1,166 @@
-import { IRWSConfig, IRWSUser, IStaticRWSPlugin } from "../index";
-import { RWSClientInstance } from "../client";
-
-import { RWSPlugin, DefaultRWSPluginOptionsType } from "../plugins/_plugin";
-import RWSWindow, {loadRWSRichWindow } from '../types/RWSWindow';
-import deepmerge from 'deepmerge';
-
-type RWSInfoType = { components: string[] };
-
-function getUser(this: RWSClientInstance): IRWSUser {
-
-    const localSaved = localStorage.getItem('the_rws_user');
-
-    if (localSaved) {
-        this.setUser(JSON.parse(localSaved) as IRWSUser);
-    }
-
-    return this.user;
-}
-
-function setUser(this: RWSClientInstance, user: IRWSUser): RWSClientInstance {
-    if (!user || !user?.jwt_token) {
-        console.warn('[RWS Client Warning]', 'Passed user is not valid', user);
-        return this;
-    }
-
-    this.user = user;
-
-    this.apiService.setToken(this.user.jwt_token);
-
-    localStorage.setItem('the_rws_user', JSON.stringify(this.user));
-
-    for(const plugin of RWSPlugin.getAllPlugins()){
-        plugin.onSetUser(user);
-    }
-
-    return this;
-}
-
-function pushDataToServiceWorker(this: RWSClientInstance, type: string, data: any, asset_type: string = 'data_push'): void {
-    let tries = 0;
-
-    const doIt: () => void = () => {
-        try {
-            this.swService.sendDataToServiceWorker(type, data, asset_type);
-        } catch (e) {
-            if (tries < 3) {
-                setTimeout(() => { doIt(); }, 300);
-                tries++;
-            }
-        }
-    };
-
-    doIt();
-}
-
-function pushUserToServiceWorker(this: RWSClientInstance, userData: any) {
-    this.setUser(userData);
-    this.pushDataToServiceWorker('SET_USER', userData, 'logged_user');
-}
-
-function get(this: RWSClientInstance, key: string): any | null
-{
-    if(Object.keys(this.customServices).includes(key)){
-        return this.customServices[key];
-    }
-
-    if(Object.keys(this.defaultServices).includes(key)){
-        return this.defaultServices[key];
-    }
-
-    return null;
-}
-
-type PluginConstructor<T extends DefaultRWSPluginOptionsType> = new (options: T) => RWSPlugin<T>;
-type RWSPluginEntry<T extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> = IStaticRWSPlugin<T>;
-
-function addPlugin<T  extends DefaultRWSPluginOptionsType>(this: RWSClientInstance, pluginEntry: RWSPluginEntry){
-    const rwsWindow: RWSWindow = loadRWSRichWindow();
-    const pluginClass: PluginConstructor<T> = (Array.isArray(pluginEntry) ? pluginEntry[0] : pluginEntry) as unknown as PluginConstructor<T>;
-    const pluginOptions: T = (Array.isArray(pluginEntry) ? pluginEntry[1] : { enabled: true }) as T;
-
-    if(!Object.keys(rwsWindow.RWS.plugins).includes(pluginClass.name)){       
-        const pluginInstance: RWSPlugin<T> = new pluginClass(pluginOptions);
-        this.plugins[pluginClass.name] = pluginInstance; 
-        rwsWindow.RWS.plugins[pluginClass.name] = pluginInstance;
-    }
-}
-
-async function setup(this: RWSClientInstance, config: IRWSConfig = {}): Promise<IRWSConfig> {
-    if (this.isSetup) {
-        return this.config;
-    }    
-
-    if(this.config){
-        this.config = deepmerge(this.config, config);
-    }    
-
-    this.appConfig.mergeConfig(this.config);    
-
-    if(this.config.plugins){                
-        for (const pluginEntry of this.config.plugins){
-            addPlugin.bind(this)(pluginEntry);
-        }
-    }
-
-    if(config?.user){
-        this.setUser(config.user);
-    }
-
-    if (this.appConfig.get('parted')) {
-        const componentParts = await this.loadPartedComponents();
-
-        for (const plugin of RWSPlugin.getAllPlugins()){
-            plugin.onPartedComponentsLoad(componentParts);
-        }
-    }               
-
-    this.isSetup = true;
-    return this.config;
-}
-
-async function start(this: RWSClientInstance, config: IRWSConfig = {}): Promise<RWSClientInstance> {
-    this.config = { ...this.config, ...config };
-    
-    if (!this.isSetup) {
-        this.config = await this.setup(this.config);
-    }
-
-    if (Object.keys(config).length) {
-        this.appConfig.mergeConfig(this.config);
-    }            
-
-    const setThisUser = config?.user || this.getUser();
-
-    if(setThisUser){
-        this.config.user = setThisUser;
-        this.setUser(setThisUser);
-    }
-
-    if (this.config.user && !this.config.dontPushToSW) {
-        this.pushUserToServiceWorker(this.user);
-    }
-
-    await this.initCallback();        
-
-    for (const plugin of RWSPlugin.getAllPlugins()){                
-        await plugin.onClientStart();
-    }
-
-    return this;
-}
-
-function getBinds(this: RWSClientInstance) {
-    return {
-        start: start.bind(this),
-        setup: setup.bind(this),        
-        get: get.bind(this),
-        setUser: setUser.bind(this),
-        getUser: getUser.bind(this),
-        pushDataToServiceWorker: pushDataToServiceWorker.bind(this),
-        pushUserToServiceWorker: pushUserToServiceWorker.bind(this)
-    };
-}
-
+import { IRWSConfig, IRWSUser, IStaticRWSPlugin } from "../index";
+import { RWSClientInstance } from "../client";
+
+import { RWSPlugin, DefaultRWSPluginOptionsType } from "../plugins/_plugin";
+import RWSWindow, {loadRWSRichWindow } from '../types/RWSWindow';
+import deepmerge from 'deepmerge';
+
+type RWSInfoType = { components: string[] };
+
+function getUser(this: RWSClientInstance): IRWSUser {
+
+    const localSaved = localStorage.getItem('the_rws_user');
+
+    if (localSaved) {
+        this.setUser(JSON.parse(localSaved) as IRWSUser);
+    }
+
+    return this.user;
+}
+
+function setUser(this: RWSClientInstance, user: IRWSUser): RWSClientInstance {
+    if (!user || !user?.jwt_token) {
+        console.warn('[RWS Client Warning]', 'Passed user is not valid', user);
+        return this;
+    }
+
+    this.user = user;
+
+    this.apiService.setToken(this.user.jwt_token);
+
+    localStorage.setItem('the_rws_user', JSON.stringify(this.user));
+
+    for(const plugin of RWSPlugin.getAllPlugins()){
+        plugin.onSetUser(user);
+    }
+
+    return this;
+}
+
+function pushDataToServiceWorker(this: RWSClientInstance, type: string, data: any, asset_type: string = 'data_push'): void {
+    let tries = 0;
+
+    const doIt: () => void = () => {
+        try {
+            this.swService.sendDataToServiceWorker(type, data, asset_type);
+        } catch (e) {
+            if (tries < 3) {
+                setTimeout(() => { doIt(); }, 300);
+                tries++;
+            }
+        }
+    };
+
+    doIt();
+}
+
+function pushUserToServiceWorker(this: RWSClientInstance, userData: any) {
+    this.setUser(userData);
+    this.pushDataToServiceWorker('SET_USER', userData, 'logged_user');
+}
+
+function get(this: RWSClientInstance, key: string): any | null
+{
+    if(Object.keys(this.customServices).includes(key)){
+        return this.customServices[key];
+    }
+
+    if(Object.keys(this.defaultServices).includes(key)){
+        return this.defaultServices[key];
+    }
+
+    return null;
+}
+
+type PluginConstructor<T extends DefaultRWSPluginOptionsType> = new (options: T) => RWSPlugin<T>;
+type RWSPluginEntry<T extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> = IStaticRWSPlugin<T>;
+
+function addPlugin<T  extends DefaultRWSPluginOptionsType>(this: RWSClientInstance, pluginEntry: RWSPluginEntry){
+    const rwsWindow: RWSWindow = loadRWSRichWindow();
+    const pluginClass: PluginConstructor<T> = (Array.isArray(pluginEntry) ? pluginEntry[0] : pluginEntry) as unknown as PluginConstructor<T>;
+    const pluginOptions: T = (Array.isArray(pluginEntry) ? pluginEntry[1] : { enabled: true }) as T;
+
+    if(!Object.keys(rwsWindow.RWS.plugins).includes(pluginClass.name)){       
+        const pluginInstance: RWSPlugin<T> = new pluginClass(pluginOptions);
+        this.plugins[pluginClass.name] = pluginInstance; 
+        rwsWindow.RWS.plugins[pluginClass.name] = pluginInstance;
+    }
+}
+
+async function setup(this: RWSClientInstance, config: IRWSConfig = {}): Promise<IRWSConfig> {
+    if (this.isSetup) {
+        return this.config;
+    }    
+
+    if(this.config){
+        this.config = deepmerge(this.config, config);
+    }    
+
+    this.appConfig.mergeConfig(this.config);    
+
+    if(this.config.plugins){                
+        for (const pluginEntry of this.config.plugins){
+            addPlugin.bind(this)(pluginEntry);
+        }
+    }
+
+    if(config?.user){
+        this.setUser(config.user);
+    }
+
+    if (this.appConfig.get('parted')) {
+        const componentParts = await this.loadPartedComponents();
+
+        for (const plugin of RWSPlugin.getAllPlugins()){
+            plugin.onPartedComponentsLoad(componentParts);
+        }
+    }               
+
+    this.isSetup = true;
+    return this.config;
+}
+
+async function start(this: RWSClientInstance, config: IRWSConfig = {}): Promise<RWSClientInstance> {
+    this.config = { ...this.config, ...config };
+    
+    if (!this.isSetup) {
+        this.config = await this.setup(this.config);
+    }
+
+    if (Object.keys(config).length) {
+        this.appConfig.mergeConfig(this.config);
+    }            
+
+    const setThisUser = config?.user || this.getUser();
+
+    if(setThisUser){
+        this.config.user = setThisUser;
+        this.setUser(setThisUser);
+    }
+
+    if (this.config.user && !this.config.dontPushToSW) {
+        this.pushUserToServiceWorker(this.user);
+    }
+
+    await this.initCallback();        
+
+    for (const plugin of RWSPlugin.getAllPlugins()){                
+        await plugin.onClientStart();
+    }
+
+    return this;
+}
+
+function getBinds(this: RWSClientInstance) {
+    return {
+        start: start.bind(this),
+        setup: setup.bind(this),        
+        get: get.bind(this),
+        setUser: setUser.bind(this),
+        getUser: getUser.bind(this),
+        pushDataToServiceWorker: pushDataToServiceWorker.bind(this),
+        pushUserToServiceWorker: pushUserToServiceWorker.bind(this)
+    };
+}
+
 export default getBinds;

package/src/client/services.ts

@@ -1,28 +1,28 @@
-import { loadRWSRichWindow } from "../types/RWSWindow";
-import { RWSClientInstance } from "../client";
-type RWSInfoType = { components: string[] };
-
-async function loadServices(this: RWSClientInstance){
-    const richWindow = loadRWSRichWindow();     
-
-    for (const serviceKey of Object.keys(richWindow.RWS._registered)){
-        const currentService = this._container.get(richWindow.RWS._registered[serviceKey]);
-
-        if(currentService.isInClient() && !Object.keys(this.customServices).includes(serviceKey)){                
-            this.customServices[serviceKey] = currentService;
-        }
-
-        if(currentService.isDefault() && !Object.keys(this.defaultServices).includes(serviceKey)){            
-            this.defaultServices[serviceKey] = currentService;                
-        }        
-    }
-}
-
-
-function getBinds(this: RWSClientInstance){
-    return {
-        loadServices: loadServices.bind(this),
-    };
-}
-
+import { loadRWSRichWindow } from "../types/RWSWindow";
+import { RWSClientInstance } from "../client";
+type RWSInfoType = { components: string[] };
+
+async function loadServices(this: RWSClientInstance){
+    const richWindow = loadRWSRichWindow();     
+
+    for (const serviceKey of Object.keys(richWindow.RWS._registered)){
+        const currentService = this._container.get(richWindow.RWS._registered[serviceKey]);
+
+        if(currentService.isInClient() && !Object.keys(this.customServices).includes(serviceKey)){                
+            this.customServices[serviceKey] = currentService;
+        }
+
+        if(currentService.isDefault() && !Object.keys(this.defaultServices).includes(serviceKey)){            
+            this.defaultServices[serviceKey] = currentService;                
+        }        
+    }
+}
+
+
+function getBinds(this: RWSClientInstance){
+    return {
+        loadServices: loadServices.bind(this),
+    };
+}
+
 export default getBinds;