@rws-framework/client 2.0.17 → 2.1.0

package/src/client.ts

@@ -4,7 +4,7 @@ import RWSNotify from './types/RWSNotify';
 
 import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
 import UtilsService, { UtilsServiceInstance } from './services/UtilsService';
-import DOMService, { DOMServiceInstance, DOMOutputType } from './services/DOMService';
+import DOMService, { DOMServiceInstance } from './services/DOMService';
 import ApiService, { ApiServiceInstance } from './services/ApiService';
 import NotifyService, { NotifyServiceInstance } from './services/NotifyService';
 import RoutingService, { RoutingServiceInstance } from './services/RoutingService';
@@ -12,16 +12,15 @@ import WSService, { WSServiceInstance } from './services/WSService';
 import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
 import { IBackendRoute } from './services/ApiService';
 import IRWSUser from './interfaces/IRWSUser';
-import RWSWindow, { RWSWindowComponentEntry, RWSWindowComponentRegister, loadRWSRichWindow } from './interfaces/RWSWindow';
+import RWSWindow, { RWSWindowComponentRegister, loadRWSRichWindow } from './interfaces/RWSWindow';
 
-import { DI, Container } from "@microsoft/fast-foundation";
+import { DI, Container } from '@microsoft/fast-foundation';
 
 import {
-    IFrontRoutes, _ROUTING_EVENT_NAME
+    IFrontRoutes
 } from './services/RoutingService';
 
 import RWSViewComponent, { IWithCompose } from './components/_component';
-import { provideRWSDesignSystem } from './components/_design_system';
 import RWSContainer from './components/_container';
 
 interface IHotModule extends NodeModule {
@@ -156,11 +155,11 @@ class RWSClient {
                 this.swService.sendDataToServiceWorker(type, data, asset_type);
             } catch (e) {
                 if (tries < 3) {
-                    setTimeout(() => { doIt(); }, 300)
+                    setTimeout(() => { doIt(); }, 300);
                     tries++;
                 }
             }
-        }
+        };
 
         doIt();
     }
@@ -174,7 +173,7 @@ class RWSClient {
 
         const localSaved = localStorage.getItem('the_rws_user');
 
-        if (!!localSaved) {
+        if (localSaved) {
             this.setUser(JSON.parse(localSaved) as IRWSUser);
         }
 
@@ -245,7 +244,7 @@ class RWSClient {
         (await Promise.all(_all)).forEach((scriptCnt: string, key: number) => {
             const script: HTMLScriptElement = document.createElement('script');
             script.textContent = scriptCnt;
-            script.async = true
+            script.async = true;
             script.type = 'text/javascript';
             document.body.appendChild(script);
 
@@ -295,10 +294,10 @@ class RWSClient {
 
         console.log(richWindowComponents);
         Object.keys(richWindowComponents).map(key => richWindowComponents[key].component).forEach((el: IWithCompose<RWSViewComponent>) => {
-            el.define(el, el.definition);
+            el.define(el as any, el.definition);
         });
     }
 }
 
 export default DI.createInterface<RWSClient>(x => x.singleton(RWSClient));
-export { IHotModule, RWSClient as RWSClientInstance }
+export { IHotModule, RWSClient as RWSClientInstance };

package/src/components/_attrs/sanitize-html.ts

@@ -1,4 +1,4 @@
-import { Observable, AttributeConfiguration } from '@microsoft/fast-element';
+import { Observable } from '@microsoft/fast-element';
 import RWSViewComponent from '../_component';
 import DOMService from '../../services/DOMService';
 import RWSContainer from '../_container';
@@ -6,12 +6,12 @@ import { IOptions } from 'sanitize-html';
 
 import * as he from 'he';
 
-type SanitizeOptions = IOptions & { fullEncode?: boolean }
+type SanitizeOptions = IOptions & { fullEncode?: boolean };
 
 const heOpt: he.EncodeOptions = {
     useNamedReferences: false, 
     encodeEverything: true,
-}
+};
 
 function enc(html: string): string
 {
@@ -47,8 +47,8 @@ function sanitizedAttr(configOrTarget?: SanitizeOptions | RWSViewComponent, prop
 function applyDecorator(target: RWSViewComponent, prop: string, config: SanitizeOptions = null): void 
 {    
     if(config.fullEncode){
-        const encAllOpts = {transformTags: { '*' : transformAnyTag }, textFilter: function(text: string, tagName?: string) { return tagName ? `${enc('<')}${tagName}${enc('>')}${text}${enc('</')}${tagName}${enc('>')}` : text; }}
-        config = {...config, ...encAllOpts}
+        const encAllOpts = {transformTags: { '*' : transformAnyTag }, textFilter: function(text: string, tagName?: string) { return tagName ? `${enc('<')}${tagName}${enc('>')}${text}${enc('</')}${tagName}${enc('>')}` : text; }};
+        config = {...config, ...encAllOpts};
         delete config.fullEncode;
     }
 

package/src/components/_component.ts

@@ -1,5 +1,5 @@
 import { ViewTemplate, ElementStyles, observable, html, Constructable, PartialFASTElementDefinition, attr } from '@microsoft/fast-element';
-import { FoundationElement, FoundationElementDefinition, FoundationElementRegistry, InterfaceSymbol, Key, OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
+import { FoundationElement, FoundationElementDefinition, FoundationElementRegistry, OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
 import ConfigService, { ConfigServiceInstance } from '../services/ConfigService';
 import UtilsService, { UtilsServiceInstance } from '../services/UtilsService';
 import DOMService, { DOMServiceInstance, DOMOutputType } from '../services/DOMService';
@@ -8,11 +8,8 @@ import NotifyService, { NotifyServiceInstance } from '../services/NotifyService'
 import RoutingService, { RoutingServiceInstance } from '../services/RoutingService';
 import WSService, { WSServiceInstance } from '../services/WSService';
 import { IRWSViewComponent, IAssetShowOptions } from '../interfaces/IRWSViewComponent';
-import { DI, inject } from '@microsoft/fast-foundation';
-import { provideRWSDesignSystem } from './_design_system';
-import RWSWindow, { RWSWindowComponentEntry, RWSWindowComponentInterface, loadRWSRichWindow } from '../interfaces/RWSWindow';
-import RWSContainer from './_container';
-import {RWSInject, applyConstructor, applyProp} from './_decorator';
+import RWSWindow, { RWSWindowComponentInterface, loadRWSRichWindow } from '../interfaces/RWSWindow';
+import {RWSInject, applyConstructor} from './_decorator';
 
 import 'reflect-metadata';
 
@@ -34,7 +31,7 @@ export interface IWithCompose<T extends RWSViewComponent> {
     defineComponent: <T extends RWSViewComponent>(this: IWithCompose<T>) => void
     isDefined<T extends RWSViewComponent>(this: IWithCompose<T>): boolean
     compose: ComposeMethodType<FoundationElementDefinition, Constructable<T>>;
-    define<TType extends Function>(type: TType, nameOrDef?: string | PartialFASTElementDefinition | undefined): TType;
+    define<TType extends (...params: any[]) => any>(type: TType, nameOrDef?: string | PartialFASTElementDefinition | undefined): TType;
     _verbose: boolean;
     _toInject: {[key: string]: any};
 }
@@ -102,7 +99,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
         const observer = new MutationObserver((mutationsList, observer) => {
             for(const mutation of mutationsList) {
                 if (mutation.type === 'childList') {
-                    const mutationObserveType: NodeList = observeRemoved ? mutation.removedNodes : mutation.addedNodes
+                    const mutationObserveType: NodeList = observeRemoved ? mutation.removedNodes : mutation.addedNodes;
                     mutationObserveType.forEach(node => {                    
                         if ((condition !== null && condition(this, node))) {
                             callback(this, node, observer);
@@ -287,4 +284,4 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
 
 export default RWSViewComponent;
 
-export { IAssetShowOptions, IRWSViewComponent }
+export { IAssetShowOptions, IRWSViewComponent };

package/src/components/_container.ts

@@ -1,5 +1,5 @@
 import { DI } from '@microsoft/fast-foundation';
-import RWSWindow, {loadRWSRichWindow} from '../interfaces/RWSWindow'
+import {loadRWSRichWindow} from '../interfaces/RWSWindow';
 
 import 'reflect-metadata';
 

package/src/components/_decorator.ts

@@ -1,10 +1,8 @@
-import { DI, InterfaceSymbol, inject, Key } from '@microsoft/fast-foundation';
+import { Key } from '@microsoft/fast-foundation';
 import RWSViewComponent, { IWithCompose } from './_component';
 import RWSContainer from './_container';
 import 'reflect-metadata';
 
-type Constructor<T = any> = new (...args: any[]) => T;
-
 interface RWSDecoratorOptions {
     template?: string,
     styles?: string,
@@ -14,7 +12,7 @@ interface RWSDecoratorOptions {
 
 type InjectDecoratorReturnType = (target: any, key?: string | number | undefined, parameterIndex?: number) => void;
 
-const _PARAMTYPES_METADATA_KEY = 'design:paramtypes';
+//const _PARAMTYPES_METADATA_KEY = 'design:paramtypes';
 
 function RWSInject<T extends RWSViewComponent>(dependencyClass: Key): InjectDecoratorReturnType {
     return (target: IWithCompose<T>, key?: keyof IWithCompose<T>, parameterIndex?: number) => {
@@ -33,7 +31,7 @@ function RWSIgnore(params: { mergeToApp?: boolean } = null): () => void {
     return () => { };
 }
 
-function getFunctionParamNames(func: Function): string[] {
+function getFunctionParamNames(func: () => any): string[] {
     // Convert the function to its string form and extract the parameter names
     const funcStr = func.toString().replace(/((\/\/.*$)|(\/\*[\s\S]*?\*\/)|(\s))/mg, '');  
     return funcStr.slice(funcStr.indexOf('(')+1, funcStr.indexOf(')')).split(',');
@@ -109,4 +107,4 @@ const applyProp = (component: RWSViewComponent, propName: string | symbol): any
     return loadedDependency;
 };
 
-export { RWSView, RWSDecoratorOptions, RWSIgnore, RWSInject, applyConstructor, applyProp }
+export { RWSView, RWSDecoratorOptions, RWSIgnore, RWSInject, applyConstructor, applyProp };

package/src/components/index.ts

@@ -4,6 +4,6 @@ import { RouterComponent } from './router/component';
 const RWSComponents = { 
     RWSUploader,
     RouterComponent
-}
+};
 
 export { RWSComponents };

package/src/components/progress/component.ts

@@ -1,7 +1,7 @@
 import { RWSView, RWSViewComponent, observable, attr } from '../../index';
 import {
     nullableNumberConverter,
-} from "@microsoft/fast-element";
+} from '@microsoft/fast-element';
 
 @RWSView('rws-progress')
 class RWSProgress extends RWSViewComponent {
@@ -40,9 +40,9 @@ class RWSProgress extends RWSViewComponent {
     }
 
     private updatePercentComplete(): void {
-        const min: number = typeof this.min === "number" ? this.min : 0;
-        const max: number = typeof this.max === "number" ? this.max : 100;
-        const value: number = typeof this.value === "number" ? this.value : 0;
+        const min: number = typeof this.min === 'number' ? this.min : 0;
+        const max: number = typeof this.max === 'number' ? this.max : 100;
+        const value: number = typeof this.value === 'number' ? this.value : 0;
         const range: number = max - min;
 
         this.percentComplete =

package/src/components/router/component.ts

@@ -1,9 +1,7 @@
 import { observable  } from '@microsoft/fast-element';
-import { DI, Container, inject } from "@microsoft/fast-foundation";
 import { RWSRouter, _ROUTING_EVENT_NAME, RouteReturn } from '../../services/RoutingService';
-import RWSViewComponent, { IRWSViewComponent, IWithCompose } from '../_component';
+import RWSViewComponent, { IRWSViewComponent } from '../_component';
 import {RWSView} from '../_decorator';
-import RWSContainer from '../_container';
 
 @RWSView('rws-router', { ignorePackaging: true })
 export class RouterComponent extends RWSViewComponent {    

package/src/components/uploader/component.ts

@@ -19,7 +19,7 @@ class RWSUploader extends RWSViewComponent {
       const response = await this.onStart(this.chosenFile, this);
    
       if(response === null){
-        return;
+          return;
       }
 
       this.onFinish(response);

package/src/interfaces/IRWSConfig.ts

@@ -1,7 +1,5 @@
 import { IFrontRoutes } from '../services/RoutingService';
 import RWSViewComponent from '../components/_component';
-import { DI, InterfaceSymbol, Key } from "@microsoft/fast-foundation";
-import { RWSContainer } from '..';
 
 export default interface IRWSConfig {
     defaultLayout?: typeof RWSViewComponent

package/src/interfaces/IRWSUser.ts

@@ -1,4 +1,4 @@
-export default interface IRWSUser extends Object {
+export default interface IRWSUser {
     email: string;
     mongoId: string;
     name: string;

package/src/interfaces/IRWSViewComponent.ts

@@ -1,7 +1,7 @@
-import { ViewTemplate, ElementStyles } from "@microsoft/fast-element";
-import { DOMOutputType } from "../services/DOMService";
+import { ViewTemplate } from '@microsoft/fast-element';
+import { DOMOutputType } from '../services/DOMService';
 
-type IAssetShowOptions = {}
+type IAssetShowOptions = Record<string, any>;
 
 interface IRWSViewComponent extends Node {    
     __isLoading: boolean;
@@ -34,4 +34,4 @@ interface IRWSViewComponent extends Node {
     sendEventToOutside<T>(eventName: string, data: T): void;           
 }
 
-export {IRWSViewComponent, IAssetShowOptions}
+export {IRWSViewComponent, IAssetShowOptions};

package/src/interfaces/RWSWindow.ts

@@ -1,7 +1,6 @@
-import { RWSClientInstance } from "../client";
+import { RWSClientInstance } from '../client';
 import { Container, InterfaceSymbol } from '@microsoft/fast-foundation';
 import { v1 as uuid} from 'uuid';
-import { IWithDI } from "../services/_service";
 export type RWSWindowComponentInterface = (params?: any) => void;
 export type RWSWindowComponentEntry = { interface: RWSWindowComponentInterface, component: any };
 export type RWSWindowComponentRegister = { [key: string]: RWSWindowComponentEntry};
@@ -22,14 +21,14 @@ export function loadRWSRichWindow(): RWSWindow
             container: null,
             container_node: newNode,
             _registered: {}
-        }
+        };
     }    
 
     return richWindow;
 }
 
 export default interface RWSWindow extends Window {
-    RWS?:{
+    RWS?: {
         client?: RWSClientInstance
         components: RWSWindowComponentRegister
         container: Container | null

package/src/routing/_router.ts

@@ -1,5 +1,5 @@
 import Router from 'url-router';
-import UtilsService, {UtilsServiceInstance} from '../services/UtilsService';
+import {UtilsServiceInstance} from '../services/UtilsService';
 import { IRWSViewComponent } from '../interfaces/IRWSViewComponent';
 export type RouteReturn = [string, IRWSViewComponent, Record<string, string>];
 export type IRWSRouteResult = {
@@ -56,4 +56,4 @@ class RWSRouter {
     }
 }
 
-export { RWSRouter }
+export { RWSRouter };

package/src/run.ts

@@ -3,8 +3,6 @@ import { NotifyServiceInstance } from './services/NotifyService';
 import { WSServiceInstance} from './services/WSService';
 
 import { RoutingServiceInstance} from './services/RoutingService';
-import { RouterComponent } from './components/router/component';
-import { RWSClientInstance } from './client';
 
 const main = async (
     config: ConfigServiceInstance, 

package/src/service_worker/src/_service_worker.ts

@@ -2,8 +2,8 @@ import IRWSUser from '../../interfaces/IRWSUser';
 import RWSContainer from '../../components/_container';
 
 //@4DI
-import { WSServiceInstance } from '../../services/WSService'
-import { DI, Container } from "@microsoft/fast-foundation";
+import { WSServiceInstance } from '../../services/WSService';
+import { Container } from '@microsoft/fast-foundation';
 
 type SWMsgType = {
     command: string,
@@ -15,8 +15,8 @@ abstract class RWSServiceWorker<UserType extends IRWSUser> {
     protected DI: Container;
     protected user: UserType = null;
     protected ignoredUrls: RegExp[] = [];
-    protected wsService: WSServiceInstance
-    protected regExTypes: { [key: string]: RegExp }  
+    protected wsService: WSServiceInstance;
+    protected regExTypes: { [key: string]: RegExp };  
 
     public workerScope: ServiceWorkerGlobalScope;
 
@@ -85,4 +85,4 @@ abstract class RWSServiceWorker<UserType extends IRWSUser> {
 
 export default RWSServiceWorker;
 
-export { SWMsgType }
+export { SWMsgType };

package/src/services/ApiService.ts

@@ -65,7 +65,7 @@ class ApiServiceInstance extends TheService {
             this.addHeader(headers, 'Authorization', `Bearer ${this.token}`);            
         }        
 
-        if(!!(headers as any)['Content-Type']){
+        if((headers as any)['Content-Type']){
             this.addHeader(headers, 'Accept', '*/*');
         }else{
             this.addHeader(headers, 'Accept', (headers as any)['Content-Type']);
@@ -111,7 +111,7 @@ class ApiServiceInstance extends TheService {
         }
     }
     
-    public async post<T, P extends Object = {}>(url: string, payload?: P, options: IAPIOptions = {}): Promise<T> {
+    public async post<T, P extends object = object>(url: string, payload?: P, options: IAPIOptions = {}): Promise<T> {
         try {
             const response = await fetch(url, {
                 method: 'POST',
@@ -125,7 +125,7 @@ class ApiServiceInstance extends TheService {
         }
     }
     
-    public async put<T, P extends Object = {}>(url: string, payload?: P, options: IAPIOptions = {}): Promise<T> {
+    public async put<T, P extends object = object>(url: string, payload?: P, options: IAPIOptions = {}): Promise<T> {
         try {
             const response = await fetch(url, {
                 method: 'PUT',
@@ -212,8 +212,8 @@ class ApiServiceInstance extends TheService {
 
     public back = {
         get: <T>(routeName: string, options?: IAPIOptions): Promise<T> => this.get(this.getBackendUrl(routeName, options?.routeParams), options),
-        post: <T, P extends Object = {}>(routeName: string, payload?: P, options?: IAPIOptions): Promise<T> => this.post(this.getBackendUrl(routeName, options?.routeParams), payload, options),
-        put: <T, P extends Object = {}>(routeName: string, payload: P, options?: IAPIOptions): Promise<T> => this.put(this.getBackendUrl(routeName, options?.routeParams), payload, options),
+        post: <T, P extends object = object>(routeName: string, payload?: P, options?: IAPIOptions): Promise<T> => this.post(this.getBackendUrl(routeName, options?.routeParams), payload, options),
+        put: <T, P extends object = object>(routeName: string, payload: P, options?: IAPIOptions): Promise<T> => this.put(this.getBackendUrl(routeName, options?.routeParams), payload, options),
         delete: <T>(routeName: string, options?: IAPIOptions): Promise<T> => this.delete(this.getBackendUrl(routeName, options?.routeParams), options),
         uploadFile: (routeName: string, file: File, onProgress: (progress: number) => void, options: IAPIOptions = {}): Promise<UploadResponse> => this.uploadFile(this.getBackendUrl(routeName, options?.routeParams), file, onProgress),
     };

package/src/services/ConfigService.ts

@@ -5,7 +5,7 @@ import IRWSConfig from '../interfaces/IRWSConfig';
 const _DEFAULTS: {[property: string]: any} = {
     'pubPrefix': '/',
     'pubUrl' : window.origin,
-}
+};
 
 const __SENT_TO_COMPONENTS: string[] = [];
 
@@ -75,7 +75,7 @@ class ConfigService extends TheService {
                 }
     
                 t = setTimeout(tick, 200);
-            }
+            };
     
             t = setTimeout(tick, 200);
         });       

package/src/services/DOMService.ts

@@ -6,7 +6,7 @@ type TagsProcessorType = { [tagName: string]: string | Transformer };
 type DOMOutputType<T extends Element> = NodeListOf<T> | T | null;
 
 //@ts-expect-error tsconfig.json problem
-declare var trustedTypes: TrustedTypePolicyFactory;
+declare let trustedTypes: TrustedTypePolicyFactory;
 
 
 class DOMServiceInstance extends RWSService {
@@ -41,7 +41,7 @@ class DOMServiceInstance extends RWSService {
     {
         const myPolicy = trustedTypes.createPolicy(policyName, {
             createHTML(html: string) {              
-              return policyImplementation(html);
+                return policyImplementation(html);
             }
         });
           
@@ -73,7 +73,7 @@ class DOMServiceInstance extends RWSService {
         allowedHTMLTags: string[] = null,         
         sanitizeOptions: IOptions = {})
     {
-        let output: string = line.trim(); 
+        const output: string = line.trim(); 
         
         if(allowedHTMLTags){
             sanitizeOptions.allowedTags = allowedHTMLTags;

package/src/services/ServiceWorkerService.ts

@@ -13,7 +13,7 @@ class ServiceWorkerService extends RWSService {
         {
             navigator.serviceWorker.getRegistrations().then(registrations => {
                 if (registrations.length) {
-                  return;
+                    return;
                 }
 
                 try {
@@ -45,13 +45,13 @@ class ServiceWorkerService extends RWSService {
     {
         if (navigator.serviceWorker.controller) {
             navigator.serviceWorker.controller.postMessage({
-              command: type,
-              asset_type,
-              params: data
+                command: type,
+                asset_type,
+                params: data
             });
-          } else {
+        } else {
             throw new Error('Service worker is not available');
-          }
+        }
     }
 }
 

package/src/services/UtilsService.ts

@@ -3,8 +3,6 @@ import ApiService, {ApiServiceInstance} from './ApiService';
 
 import { RawSourceMap  } from 'source-map';
 
-let sourceMap: RawSourceMap = null; 
-
 class UtilsService extends TheService {
     private apiService: ApiServiceInstance;
 
@@ -100,4 +98,4 @@ class UtilsService extends TheService {
 
 export default UtilsService.getSingleton();
 
-export { UtilsService as UtilsServiceInstance }
+export { UtilsService as UtilsServiceInstance };

package/src/services/_service.ts

@@ -1,6 +1,6 @@
-import { DI, InterfaceSymbol, Key, Registration, FoundationElementDefinition } from "@microsoft/fast-foundation";
-import RWSContainer from "../components/_container";
-import RWSWindow, { loadRWSRichWindow, RWSWindowComponentInterface } from "../interfaces/RWSWindow";
+import { DI, InterfaceSymbol, Key, Registration } from '@microsoft/fast-foundation';
+import RWSContainer from '../components/_container';
+import { loadRWSRichWindow } from '../interfaces/RWSWindow';
 
 export interface IWithDI<T> {
     new (...args: any[]): T;