@rws-framework/client 2.13.1 → 2.13.3

package/src/client.ts

@@ -1,213 +1,213 @@
-import IRWSConfig, { RWSPluginEntry } from './types/IRWSConfig';
-
-import RWSNotify from './types/RWSNotify';
-
-import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
-import UtilsService, { UtilsServiceInstance } from './services/UtilsService';
-import DOMService, { DOMServiceInstance } from './services/DOMService';
-import ApiService, { ApiServiceInstance } from './services/ApiService';
-import NotifyService, { NotifyServiceInstance } from './services/NotifyService';
-
-import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
-import { IBackendRoute } from './services/ApiService';
-import IRWSUser from './types/IRWSUser';
-import RWSWindow, { RWSWindowComponentRegister, loadRWSRichWindow } from './types/RWSWindow';
-
-import { DI, Container, Registration } from './components/_container';
-
-import RWSViewComponent, { IWithCompose } from './components/_component';
-import RWSContainer from './components/_container';
-import TheRWSService from './services/_service';
-
-import ComponentHelper, { ComponentHelperStatic, RWSInfoType } from './client/components';
-import ServicesHelper from './client/services';
-import ConfigHelper from './client/config';
-import { DefaultRWSPluginOptionsType, RWSPlugin } from './plugins/_plugin';
-import { IStaticRWSPlugin } from './types/IRWSPlugin'
-
-interface IHotModule extends NodeModule {
-    hot?: {
-        accept(dependencies: string[], callback?: (updatedDependencies: string[]) => void): void;
-        accept(dependency: string, callback?: () => void): void;
-        accept(errHandler?: (err: Error) => void): void;
-        dispose(callback: (data: any) => void): void;
-    }
-}
-
-type RWSEventListener = (event: CustomEvent) => void;
-
-class RWSClient {
-    protected _container: Container;
-    protected user: IRWSUser = null;
-    
-    protected config: IRWSConfig = {};
-    protected plugins: {[key: string]: RWSPlugin<DefaultRWSPluginOptionsType>} = {}
-    protected isSetup = false;
-    protected devStorage: { [key: string]: any } = {};    
-    protected customServices: { [serviceName: string]: TheRWSService} = {};
-    protected defaultServices: { [serviceName: string]: TheRWSService} = {};
-
-    private componentHelper = ComponentHelper.bind(this)();
-    private servicesHelper = ServicesHelper.bind(this)();
-    private configHelper = ConfigHelper.bind(this)();
-
-    protected initCallback: () => Promise<void> = async () => { };    
-
-    constructor(
-        @ConfigService public appConfig: ConfigServiceInstance,        
-        @DOMService public domService: DOMServiceInstance,
-        @UtilsService public utilsService: UtilsServiceInstance,
-        @ApiService public apiService: ApiServiceInstance,
-        @ServiceWorkerService public swService: ServiceWorkerServiceInstance,
-        @NotifyService public notifyService: NotifyServiceInstance
-    ) {
-        this._container = RWSContainer();
-        this.user = this.getUser();      
-        
-        this.loadServices();
-
-        this.config.plugins = [];
-        this.pushDataToServiceWorker('SET_WS_URL', { url: this.appConfig.get('wsUrl') }, 'ws_url');
-
-        if (this.user) {
-            this.pushUserToServiceWorker({ ...this.user, instructor: false });
-        }        
-    }
-
-    addPlugin<T extends DefaultRWSPluginOptionsType>(pluginEntry: IStaticRWSPlugin)
-    {        
-        this.config.plugins.push(pluginEntry);
-    }
-
-    async setup(config: IRWSConfig = {}): Promise<IRWSConfig> {
-        return this.configHelper.setup(config);
-    }
-
-    async start(config: IRWSConfig = {}): Promise<RWSClient> {
-        return this.configHelper.start(config);
-    }
-
-    private loadServices(){
-        return this.servicesHelper.loadServices();
-    }
-
-    get(key: string): any | null
-    {
-        return this.configHelper.get(key);
-    }    
-
-    setNotifier(notifier: RWSNotify): RWSClient {
-        this.notifyService.setNotifier(notifier);
-
-        return this;
-    }
-
-    setDefaultLayout(DefaultLayout: any): RWSClient {
-        this.config.defaultLayout = DefaultLayout;
-
-        return this;
-    }
-
-    setBackendRoutes(routes: IBackendRoute[]): RWSClient {
-        this.config.backendRoutes = routes;
-        this.appConfig.set('backendRoutes', routes);
-        return this;
-    }
-
-    async onInit(callback: () => Promise<void>): Promise<RWSClient> {
-        this.initCallback = callback;
-
-        for (const plugin of RWSPlugin.getAllPlugins()){
-            plugin.onComponentsDeclare();
-        }
-
-        return this;
-    }
-
-    pushDataToServiceWorker(type: string, data: any, asset_type: string = 'data_push'): void {
-        this.configHelper.pushDataToServiceWorker(type, data, asset_type);
-
-    }
-
-    pushUserToServiceWorker(userData: any) {
-        this.configHelper.pushUserToServiceWorker(userData);
-    }
-
-    getUser(): IRWSUser {
-        return this.configHelper.getUser();
-    }
-
-    setUser(user: IRWSUser): RWSClient {
-        return this.configHelper.setUser(user);
-    }
-
-    getConfig(): ConfigServiceInstance {
-        return this.appConfig;
-    }
-
-    on<T>(eventName: string, listener: RWSEventListener): void {
-        document.addEventListener(eventName, (event: Event) => {
-            listener(event as CustomEvent<T>);
-        });
-    }
-
-    setDevStorage(key: string, stuff: any): RWSClient {
-        this.devStorage[key] = stuff;
-        return this;
-    }
-
-    getDevStorage(key: string): any {
-        return this.devStorage[key];
-    }
-
-    registerToDI(): void {
-
-    }
-
-    async loadPartedComponents(): Promise<RWSInfoType> {
-        return this.componentHelper.loadPartedComponents();
-    }   
-    
-    async onDOMLoad(): Promise<void> {
-        return this.domService.onDOMLoad()
-    }
-
-    assignClientToBrowser(): void {
-        this.getBrowserObject().RWS.client = this;
-    }
-
-    enableRouting(): void {
-        this.appConfig.mergeConfig({ routing_enabled: true });
-    }
-
-    disableRouting(): void {
-        this.appConfig.mergeConfig({ routing_enabled: false });
-    }
-
-    private getBrowserObject(): RWSWindow {
-        loadRWSRichWindow();
-        return window;
-    }
-
-    static getDI(): typeof DI {
-        return DI;
-    }
-
-    static defineAllComponents() {
-        ComponentHelperStatic.defineAllComponents();
-    }
-
-    
-    defineComponents(){
-        ComponentHelperStatic.defineAllComponents();
-    }
-
-    
-    logout(){
-        this.user = null;
-        localStorage.removeItem('the_rws_user');
-    }
-}
-
-export default DI.createInterface<RWSClient>(x => x.singleton(RWSClient));
+import IRWSConfig, { RWSPluginEntry } from './types/IRWSConfig';
+
+import RWSNotify from './types/RWSNotify';
+
+import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
+import UtilsService, { UtilsServiceInstance } from './services/UtilsService';
+import DOMService, { DOMServiceInstance } from './services/DOMService';
+import ApiService, { ApiServiceInstance } from './services/ApiService';
+import NotifyService, { NotifyServiceInstance } from './services/NotifyService';
+
+import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
+import { IBackendRoute } from './services/ApiService';
+import IRWSUser from './types/IRWSUser';
+import RWSWindow, { RWSWindowComponentRegister, loadRWSRichWindow } from './types/RWSWindow';
+
+import { DI, Container, Registration } from './components/_container';
+
+import RWSViewComponent, { IWithCompose } from './components/_component';
+import RWSContainer from './components/_container';
+import TheRWSService from './services/_service';
+
+import ComponentHelper, { ComponentHelperStatic, RWSInfoType } from './client/components';
+import ServicesHelper from './client/services';
+import ConfigHelper from './client/config';
+import { DefaultRWSPluginOptionsType, RWSPlugin } from './plugins/_plugin';
+import { IStaticRWSPlugin } from './types/IRWSPlugin'
+
+interface IHotModule extends NodeModule {
+    hot?: {
+        accept(dependencies: string[], callback?: (updatedDependencies: string[]) => void): void;
+        accept(dependency: string, callback?: () => void): void;
+        accept(errHandler?: (err: Error) => void): void;
+        dispose(callback: (data: any) => void): void;
+    }
+}
+
+type RWSEventListener = (event: CustomEvent) => void;
+
+class RWSClient {
+    protected _container: Container;
+    protected user: IRWSUser = null;
+    
+    protected config: IRWSConfig = {};
+    protected plugins: {[key: string]: RWSPlugin<DefaultRWSPluginOptionsType>} = {}
+    protected isSetup = false;
+    protected devStorage: { [key: string]: any } = {};    
+    protected customServices: { [serviceName: string]: TheRWSService} = {};
+    protected defaultServices: { [serviceName: string]: TheRWSService} = {};
+
+    private componentHelper = ComponentHelper.bind(this)();
+    private servicesHelper = ServicesHelper.bind(this)();
+    private configHelper = ConfigHelper.bind(this)();
+
+    protected initCallback: () => Promise<void> = async () => { };    
+
+    constructor(
+        @ConfigService public appConfig: ConfigServiceInstance,        
+        @DOMService public domService: DOMServiceInstance,
+        @UtilsService public utilsService: UtilsServiceInstance,
+        @ApiService public apiService: ApiServiceInstance,
+        @ServiceWorkerService public swService: ServiceWorkerServiceInstance,
+        @NotifyService public notifyService: NotifyServiceInstance
+    ) {
+        this._container = RWSContainer();
+        this.user = this.getUser();      
+        
+        this.loadServices();
+
+        this.config.plugins = [];
+        this.pushDataToServiceWorker('SET_WS_URL', { url: this.appConfig.get('wsUrl') }, 'ws_url');
+
+        if (this.user) {
+            this.pushUserToServiceWorker({ ...this.user, instructor: false });
+        }        
+    }
+
+    addPlugin<T extends DefaultRWSPluginOptionsType>(pluginEntry: IStaticRWSPlugin)
+    {        
+        this.config.plugins.push(pluginEntry);
+    }
+
+    async setup(config: IRWSConfig = {}): Promise<IRWSConfig> {
+        return this.configHelper.setup(config);
+    }
+
+    async start(config: IRWSConfig = {}): Promise<RWSClient> {
+        return this.configHelper.start(config);
+    }
+
+    private loadServices(){
+        return this.servicesHelper.loadServices();
+    }
+
+    get(key: string): any | null
+    {
+        return this.configHelper.get(key);
+    }    
+
+    setNotifier(notifier: RWSNotify): RWSClient {
+        this.notifyService.setNotifier(notifier);
+
+        return this;
+    }
+
+    setDefaultLayout(DefaultLayout: any): RWSClient {
+        this.config.defaultLayout = DefaultLayout;
+
+        return this;
+    }
+
+    setBackendRoutes(routes: IBackendRoute[]): RWSClient {
+        this.config.backendRoutes = routes;
+        this.appConfig.set('backendRoutes', routes);
+        return this;
+    }
+
+    async onInit(callback: () => Promise<void>): Promise<RWSClient> {
+        this.initCallback = callback;
+
+        for (const plugin of RWSPlugin.getAllPlugins()){
+            plugin.onComponentsDeclare();
+        }
+
+        return this;
+    }
+
+    pushDataToServiceWorker(type: string, data: any, asset_type: string = 'data_push'): void {
+        this.configHelper.pushDataToServiceWorker(type, data, asset_type);
+
+    }
+
+    pushUserToServiceWorker(userData: any) {
+        this.configHelper.pushUserToServiceWorker(userData);
+    }
+
+    getUser(): IRWSUser {
+        return this.configHelper.getUser();
+    }
+
+    setUser(user: IRWSUser): RWSClient {
+        return this.configHelper.setUser(user);
+    }
+
+    getConfig(): ConfigServiceInstance {
+        return this.appConfig;
+    }
+
+    on<T>(eventName: string, listener: RWSEventListener): void {
+        document.addEventListener(eventName, (event: Event) => {
+            listener(event as CustomEvent<T>);
+        });
+    }
+
+    setDevStorage(key: string, stuff: any): RWSClient {
+        this.devStorage[key] = stuff;
+        return this;
+    }
+
+    getDevStorage(key: string): any {
+        return this.devStorage[key];
+    }
+
+    registerToDI(): void {
+
+    }
+
+    async loadPartedComponents(): Promise<RWSInfoType> {
+        return this.componentHelper.loadPartedComponents();
+    }   
+    
+    async onDOMLoad(): Promise<void> {
+        return this.domService.onDOMLoad()
+    }
+
+    assignClientToBrowser(): void {
+        this.getBrowserObject().RWS.client = this;
+    }
+
+    enableRouting(): void {
+        this.appConfig.mergeConfig({ routing_enabled: true });
+    }
+
+    disableRouting(): void {
+        this.appConfig.mergeConfig({ routing_enabled: false });
+    }
+
+    private getBrowserObject(): RWSWindow {
+        loadRWSRichWindow();
+        return window;
+    }
+
+    static getDI(): typeof DI {
+        return DI;
+    }
+
+    static defineAllComponents() {
+        ComponentHelperStatic.defineAllComponents();
+    }
+
+    
+    defineComponents(){
+        ComponentHelperStatic.defineAllComponents();
+    }
+
+    
+    logout(){
+        this.user = null;
+        localStorage.removeItem('the_rws_user');
+    }
+}
+
+export default DI.createInterface<RWSClient>(x => x.singleton(RWSClient));
 export { IHotModule, RWSClient as RWSClientInstance };

package/src/components/_attrs/_default_observable_accessor.ts

@@ -1,9 +1,9 @@
-import { Accessor, Observable } from "@microsoft/fast-element";
-import { ExtendedObservableAccessor } from "./_extended_accessor";
-
-export class DefaultObservableAccessor extends ExtendedObservableAccessor {
-
-    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0, suffix: string = 'Changed') {
-        super(name, customGet, customSet, watcher, suffix);
-    }
+import { Accessor, Observable } from "@microsoft/fast-element";
+import { ExtendedObservableAccessor } from "./_extended_accessor";
+
+export class DefaultObservableAccessor extends ExtendedObservableAccessor {
+
+    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0, suffix: string = 'Changed') {
+        super(name, customGet, customSet, watcher, suffix);
+    }
 }

package/src/components/_attrs/_extended_accessor.ts

@@ -1,41 +1,41 @@
-import { Observable, Accessor } from "@microsoft/fast-element";
-
-export abstract class ExtendedObservableAccessor implements Accessor {
-    protected field: string;
-    protected callback: string;  
-
-    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0, suffix: string = 'Changed') {
-        this.field = `_${name}`;
-        this.callback = `${name}${suffix}`;
-    }
-
-    getValue(source: any): any {
-        Observable.track(source, this.name);
-
-        return this.customGet ? this.customGet(source, this.field) : source[this.field];
-    }
-
-    setValue(source: any, newValue: any): void {
-        if(this.customSet){
-            if(this.customSet(source, this.field, newValue) === false){
-                return;
-            };            
-        }
-        
-        const field = this.field;
-        const oldValue = source[field];
-
-        if (oldValue !== newValue) {
-            source[field] = newValue;
-
-            const callback = source[this.callback];
-
-            if (typeof callback === 'function') {
-                callback.call(source, oldValue, newValue);
-            }
-
-            Observable.getNotifier(source).notify(this.name);
-        }
-    }
-    
+import { Observable, Accessor } from "@microsoft/fast-element";
+
+export abstract class ExtendedObservableAccessor implements Accessor {
+    protected field: string;
+    protected callback: string;  
+
+    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0, suffix: string = 'Changed') {
+        this.field = `_${name}`;
+        this.callback = `${name}${suffix}`;
+    }
+
+    getValue(source: any): any {
+        Observable.track(source, this.name);
+
+        return this.customGet ? this.customGet(source, this.field) : source[this.field];
+    }
+
+    setValue(source: any, newValue: any): void {
+        if(this.customSet){
+            if(this.customSet(source, this.field, newValue) === false){
+                return;
+            };            
+        }
+        
+        const field = this.field;
+        const oldValue = source[field];
+
+        if (oldValue !== newValue) {
+            source[field] = newValue;
+
+            const callback = source[this.callback];
+
+            if (typeof callback === 'function') {
+                callback.call(source, oldValue, newValue);
+            }
+
+            Observable.getNotifier(source).notify(this.name);
+        }
+    }
+    
 }

package/src/components/_attrs/_external_handler.ts

@@ -1,8 +1,8 @@
-import { Observable } from "@microsoft/fast-element";
-
-export function handleExternalChange(_target: any, $prop: string)
-{       
-    if(!!_target['externalChanged']){
-        _target['externalChanged'].call(_target, $prop, null, _target[$prop]);
-    } 
+import { Observable } from "@microsoft/fast-element";
+
+export function handleExternalChange(_target: any, $prop: string)
+{       
+    if(!!_target['externalChanged']){
+        _target['externalChanged'].call(_target, $prop, null, _target[$prop]);
+    } 
 }

package/src/components/_attrs/_external_observable_accessor.ts

@@ -1,9 +1,9 @@
-import { Accessor, Observable } from "@microsoft/fast-element";
-import { ExtendedObservableAccessor } from "./_extended_accessor";
-
-export class ExternalObservableAccessor extends ExtendedObservableAccessor {
-
-    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0) {
-        super(name, customGet, customSet, watcher, '');        
-    }
+import { Accessor, Observable } from "@microsoft/fast-element";
+import { ExtendedObservableAccessor } from "./_extended_accessor";
+
+export class ExternalObservableAccessor extends ExtendedObservableAccessor {
+
+    constructor(public name: string, protected customGet: (source: any, field: string) => any = null, protected customSet: (source: any, field: string, newVal: any) => boolean | void = null, protected watcher: any = void 0) {
+        super(name, customGet, customSet, watcher, '');        
+    }
 }

package/src/components/_attrs/angular-attr.ts

@@ -1,34 +1,34 @@
-import { 
-    DecoratorAttributeConfiguration, 
-    AttributeConfiguration,
-    Observable,     
-} from "@microsoft/fast-element";
-import { handleExternalChange } from "./_external_handler";
-import RWSViewComponent, { IWithCompose } from "../_component";
-import { externalAttr } from "./external-attr";
-
-export function ngAttr(
-    config?: DecoratorAttributeConfiguration
-): (target: {}, property: string) => void;
-
-/**
- * Decorator:  Specifies an HTML attribute.
- * @param target - The class to define the attribute on.
- * @param prop - The property name to be associated with the attribute.
- * @public
- */
-export function ngAttr(target: {}, prop: string): void;
-export function ngAttr(
-    configOrTarget?: DecoratorAttributeConfiguration | {},
-    prop?: string
-): void | ((target: {}, property: string) => void) {
-    return externalAttr(configOrTarget, prop, {
-        converter: (val: any) => {
-            if(val && val.indexOf('{{') > -1){
-                return undefined;
-            }                               
-    
-            return val;
-        }    
-    })
-}
+import { 
+    DecoratorAttributeConfiguration, 
+    AttributeConfiguration,
+    Observable,     
+} from "@microsoft/fast-element";
+import { handleExternalChange } from "./_external_handler";
+import RWSViewComponent, { IWithCompose } from "../_component";
+import { externalAttr } from "./external-attr";
+
+export function ngAttr(
+    config?: DecoratorAttributeConfiguration
+): (target: {}, property: string) => void;
+
+/**
+ * Decorator:  Specifies an HTML attribute.
+ * @param target - The class to define the attribute on.
+ * @param prop - The property name to be associated with the attribute.
+ * @public
+ */
+export function ngAttr(target: {}, prop: string): void;
+export function ngAttr(
+    configOrTarget?: DecoratorAttributeConfiguration | {},
+    prop?: string
+): void | ((target: {}, property: string) => void) {
+    return externalAttr(configOrTarget, prop, {
+        converter: (val: any) => {
+            if(val && val.indexOf('{{') > -1){
+                return undefined;
+            }                               
+    
+            return val;
+        }    
+    })
+}