@rws-framework/client 2.5.4 → 2.6.0

package/package.json

@@ -1,99 +1,100 @@
 {
-  "name": "@rws-framework/client",
-  "private": false,
-  "version": "2.5.4",
-  "main": "src/index.ts",
-  "scripts": {
-    "docs": "typedoc --tsconfig ./tsconfig.json"
-  },
-  "bin": {
-    "rws-client": "./console.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/papablack/rws-client.git"
-  },
-  "keywords": [
-    "frontend",
-    "rws",
-    "client",
-    "typescript"
-  ],
-  "author": "papablack",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/papablack/rws-client/issues"
-  },
-  "homepage": "https://github.com/papablack/rws-client#readme",
-  "dependencies": {
-    "@microsoft/fast-element": "^1.12.0",
-    "@microsoft/fast-foundation": "^2.46.2",
-    "@rws-framework/console": "^0.3.1",
-    "@types/moment": "^2.13.0",
-    "dragula": "^3.7.3",
-    "he": "^1.2.0",
-    "json5": "^2.2.3",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "partial-json-parser": "^1.0.0",
-    "reflect-metadata": "^0.1.13",
-    "resolve-url-loader": "^5.0.0",
-    "sanitize-html": "^2.12.1",
-    "sass": "^1.69.7",
-    "scss-loading-animations": "^1.0.1",
-    "socket.io-client": "^4.7.2",
-    "ts-loader": "^9.4.4",
-    "tsc-watch": "^6.0.4",
-    "tslib": "^2.6.2",
-    "upload": "^1.3.2",
-    "url-router": "^13.0.0",
-    "uuid": "^9.0.1",
-    "v4": "^0.0.1"
-  },
-  "devDependencies": {
-    "@types/dragula": "^3.7.4",
-    "@types/eslint": "^6.0.0",
-    "@types/express-fileupload": "^1.4.4",
-    "@types/glob": "^8.1.0",
-    "@types/he": "^1.2.3",
-    "@types/sanitize-html": "^2.11.0",
-    "@types/uuid": "^9.0.7",
-    "@typescript-eslint/parser": "^5.0.0",
-    "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.8.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
-    "eslint": "^6.0.0",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.3",
-    "loader-utils": "^3.2.1",
-    "mini-css-extract-plugin": "^2.7.6",
-    "minimatch": "^9.0.4",
-    "node-sass": "^9.0.0",
-    "sass-loader": "^13.3.2",
-    "source-map": "^0.7.4",
-    "style-loader": "^3.3.3",
-    "terser-webpack-plugin": "^5.3.9",
-    "ts-loader": "^9.4.4",
-    "ts-node": "^10.9.1",
-    "tsconfig-paths": "^4.2.0",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typedoc": "^0.25.4",
-    "typedoc-plugin-mermaid": "^1.10.0",
-    "typedoc-plugin-not-exported": "^0.1.6",
-    "typedoc-plugin-rename-defaults": "^0.7.0",
-    "typedoc-theme-hierarchy": "^4.1.2",
-    "typescript": "^5.1.6",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.75.0",
-    "webpack-bundle-analyzer": "^4.10.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1",
-    "webpack-node-externals": "^3.0.0"
-  },
-  "resolutions": {
-    "lodash": "^4.17.21"
-  },
-  "overrides": {
-    "lodash": "^4.17.21"
+    "name": "@rws-framework/client",
+    "private": false,
+    "version": "2.6.0",
+    "main": "src/index.ts",
+    "scripts": {
+      "docs": "typedoc --tsconfig ./tsconfig.json"
+    },
+    "bin": {
+      "rws-client": "./console.js"
+    },
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/papablack/rws-client.git"
+    },
+    "keywords": [
+      "frontend",
+      "rws",
+      "client",
+      "typescript"
+    ],
+    "author": "papablack",
+    "license": "ISC",
+    "bugs": {
+      "url": "https://github.com/papablack/rws-client/issues"
+    },
+    "homepage": "https://github.com/papablack/rws-client#readme",
+    "dependencies": {
+      "@microsoft/fast-element": "^1.12.0",
+      "@microsoft/fast-foundation": "^2.46.2",
+      "@rws-framework/console": "^0.3.2",
+      "@types/moment": "^2.13.0",
+      "dragula": "^3.7.3",
+      "he": "^1.2.0",
+      "json5": "^2.2.3",
+      "lodash": "^4.17.21",
+      "moment": "^2.29.4",
+      "partial-json-parser": "^1.0.0",
+      "reflect-metadata": "^0.1.13",
+      "resolve-url-loader": "^5.0.0",
+      "sanitize-html": "^2.12.1",
+      "sass": "^1.69.7",
+      "scss-loading-animations": "^1.0.1",
+      "socket.io-client": "^4.7.2",      
+      "ts-loader": "^9.4.4",
+      "tsc-watch": "^6.0.4",
+      "tslib": "^2.6.2",
+      "upload": "^1.3.2",
+      "url-router": "^13.0.0",
+      "uuid": "^9.0.1",
+      "v4": "^0.0.1"
+    },
+    "devDependencies": {
+      "@types/dragula": "^3.7.4",
+      "@types/eslint": "^6.0.0",
+      "@types/express-fileupload": "^1.4.4",
+      "@types/glob": "^8.1.0",
+      "@types/he": "^1.2.3",
+      "@types/sanitize-html": "^2.11.0",
+      "@types/uuid": "^9.0.7",
+      "@typescript-eslint/parser": "^5.0.0",
+      "clean-webpack-plugin": "^4.0.0",
+      "css-loader": "^6.8.1",
+      "css-minimizer-webpack-plugin": "^5.0.1",
+      "eslint": "^6.0.0",
+      "file-loader": "^6.2.0",
+      "html-webpack-plugin": "^5.5.3",
+      "loader-utils": "^3.2.1",
+      "mini-css-extract-plugin": "^2.7.6",
+      "minimatch": "^9.0.4",
+      "node-sass": "^9.0.0",
+      "sass-loader": "^13.3.2",
+      "source-map": "^0.7.4",
+      "style-loader": "^3.3.3",
+      "terser-webpack-plugin": "^5.3.9",
+      "ts-loader": "^9.4.4",
+      "ts-node": "^10.9.1",
+      "tsconfig-paths": "^4.2.0",
+      "tsconfig-paths-webpack-plugin": "^4.1.0",
+      "typedoc": "^0.25.4",
+      "typedoc-plugin-mermaid": "^1.10.0",
+      "typedoc-plugin-not-exported": "^0.1.6",
+      "typedoc-plugin-rename-defaults": "^0.7.0",
+      "typedoc-theme-hierarchy": "^4.1.2",
+      "typescript": "^5.1.6",
+      "url-loader": "^4.1.1",
+      "webpack": "^5.75.0",
+      "webpack-bundle-analyzer": "^4.10.1",
+      "webpack-cli": "^5.1.4",
+      "webpack-dev-server": "^4.15.1",
+      "webpack-node-externals": "^3.0.0"
+    },
+    "resolutions": {
+      "lodash": "^4.17.21"
+    },
+    "overrides": {
+      "lodash": "^4.17.21"
+    }
   }
-}
+  

package/rws.webpack.config.js

@@ -4,7 +4,7 @@ const webpack = require('webpack');
 const uglify = require('uglify-js')
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-
+const chalk = require('chalk');
 const RWSAfterPlugin = require('./webpack/rws_after_plugin');
 const tools = require('./_tools');
 const { _DEFAULT_CONFIG } = require('./cfg/_default.cfg');
@@ -18,25 +18,24 @@ const JsMinimizerPlugin = require('terser-webpack-plugin');
 const json5 = require('json5');
 const { rwsPath } = require('@rws-framework/console');
 
-
-const RWSWebpackWrapper = (config) => {  
-  const BuildConfigurator = new RWSConfigBuilder(RWSPath.findPackageDir(process.cwd()) + '/.rws.json', _DEFAULT_CONFIG);
+const RWSWebpackWrapper = (config) => {
+  const BuildConfigurator = new RWSConfigBuilder(RWSPath.findPackageDir(process.cwd()) + '/.rws.json', {..._DEFAULT_CONFIG, ...config});
 
   config.packageDir = RWSPath.findPackageDir(process.cwd());
 
   const executionDir = RWSPath.relativize(BuildConfigurator.get('executionDir') || config.executionDir || process.cwd(), config.packageDir);
 
-  const isDev = BuildConfigurator.get('dev') || config.dev;
-  const isHotReload = BuildConfigurator.get('hot') || config.hot;
-  const isReport = BuildConfigurator.get('report') || config.report;
+  const isDev = BuildConfigurator.get('dev', config.dev);
+  const isHotReload = BuildConfigurator.get('hot', config.hot);
+  const isReport = BuildConfigurator.get('report', config.report);
+  const isParted = BuildConfigurator.get('parted', config.parted || false);
 
-  const isParted = BuildConfigurator.get('parted') || config.parted;
-  const partedPrefix = BuildConfigurator.get('partedPrefix') || config.partedPrefix;
-  const partedDirUrlPrefix = BuildConfigurator.get('partedDirUrlPrefix') || config.partedDirUrlPrefix;
+  const partedPrefix = BuildConfigurator.get('partedPrefix', config.partedPrefix);
+  const partedDirUrlPrefix = BuildConfigurator.get('partedDirUrlPrefix', config.partedDirUrlPrefix);
 
-  const partedComponentsLocations = BuildConfigurator.get('partedComponentsLocations') || config.partedComponentsLocations;
-  const customServiceLocations = BuildConfigurator.get('customServiceLocations') || config.customServiceLocations;
-  const outputDir = RWSPath.relativize(BuildConfigurator.get('outputDir') || config.outputDir, config.packageDir);
+  const partedComponentsLocations = BuildConfigurator.get('partedComponentsLocations', config.partedComponentsLocations);
+  const customServiceLocations = BuildConfigurator.get('customServiceLocations', config.customServiceLocations);
+  const outputDir = RWSPath.relativize(BuildConfigurator.get('outputDir', config.outputDir), config.packageDir);
 
   const outputFileName = BuildConfigurator.get('outputFileName') || config.outputFileName;
   const publicDir = BuildConfigurator.get('publicDir') || config.publicDir;
@@ -44,9 +43,27 @@ const RWSWebpackWrapper = (config) => {
 
   const publicIndex = BuildConfigurator.get('publicIndex') || config.publicIndex;
 
-  
-  const tsConfigPath = rwsPath.relativize(BuildConfigurator.get('tsConfigPath') || config.tsConfigPath, executionDir);  
-  
+
+  const tsConfigPath = rwsPath.relativize(BuildConfigurator.get('tsConfigPath') || config.tsConfigPath, executionDir);
+
+
+  RWSPath.removeDirectory(outputDir, true);
+
+  console.log(chalk.green('Build started with'))
+  console.log({
+    executionDir,
+    tsConfigPath,
+    outputDir,
+    dev: isDev,
+    publicDir,
+    parted: isParted,
+    partedPrefix,
+    partedDirUrlPrefix
+  });
+
+
+  //AFTER OPTION DEFINITIONS
+
   let WEBPACK_PLUGINS = [
     new webpack.DefinePlugin({
       'process.env._RWS_DEFAULTS': JSON.stringify(BuildConfigurator.exportDefaultConfig()),
@@ -55,21 +72,6 @@ const RWSWebpackWrapper = (config) => {
     new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en-gb/)
   ];
 
-  // if(isParted){
-  //   WEBPACK_PLUGINS.push(new webpack.BannerPlugin({
-  //     banner: `if(!window.RWS_PARTS_LOADED){         
-  //       const script = document.createElement('script');
-  //       script.src = '${partedDirUrlPrefix}/${partedPrefix}.vendors.js';        
-  //       script.type = 'text/javascript';
-  //       document.body.appendChild(script);
-  //       window.RWS_PARTS_LOADED = true;
-  //     }`.replace('\n', ''),
-  //     raw: true,
-  //     entryOnly: true,
-  //     // include: 'client'
-  //   }));
-  // }
-
   const WEBPACK_AFTER_ACTIONS = config.actions || [];
 
   const aliases = config.aliases = {};
@@ -87,7 +89,7 @@ const RWSWebpackWrapper = (config) => {
     }));
   }
 
-  WEBPACK_PLUGINS = [...WEBPACK_PLUGINS, new webpack.optimize.ModuleConcatenationPlugin(), ...overridePlugins];
+  WEBPACK_PLUGINS = [...WEBPACK_PLUGINS, ...overridePlugins];
 
 
   if (isReport) {
@@ -106,18 +108,18 @@ const RWSWebpackWrapper = (config) => {
 
   const assetsToCopy = BuildConfigurator.get('copyAssets') || config.copyAssets;
 
-  if (!!assetsToCopy) {    
+  if (!!assetsToCopy) {
     WEBPACK_AFTER_ACTIONS.push({
       type: 'copy',
       actionHandler: assetsToCopy
     });
   }
 
-  if (WEBPACK_AFTER_ACTIONS.length) {    
+  if (WEBPACK_AFTER_ACTIONS.length) {
     WEBPACK_PLUGINS.push(new RWSAfterPlugin({ actions: WEBPACK_AFTER_ACTIONS }));
   }
 
-  const splitInfoJson = config.outputDir + '/rws_chunks_info.json'
+  const rwsInfoJson = outputDir + '/rws_info.json'
   const automatedEntries = {};
 
   const foundRWSUserClasses = tools.findComponentFilesWithText(executionDir, '@RWSView', ['dist', 'node_modules', '@rws-framework/client']);
@@ -137,20 +139,11 @@ const RWSWebpackWrapper = (config) => {
     });
   }
 
-  const optimConfig = {
-    minimize: true,
-    minimizer: isDev ? [
-      new TerserPlugin({
-        terserOptions: {
-          mangle: false, //@error breaks FAST view stuff if enabled for all assets             
-          output: {
-            comments: false
-          },
-        },
-        extractComments: false,
-        parallel: true,
-      })
-    ] : [
+  const optimConfig = {};
+
+  if(!isDev){
+    optimConfig.minimize = true;
+    optimConfig.minimizer = [
       new TerserPlugin({
         terserOptions: {
           keep_classnames: true, // Prevent mangling of class names
@@ -167,10 +160,13 @@ const RWSWebpackWrapper = (config) => {
         parallel: true,
       }),
       new CssMinimizerPlugin(),
-    ],
-  };
+    ];
+  }
+  
 
   if (isParted) {
+    WEBPACK_PLUGINS.push(new webpack.BannerPlugin(tools.getPartedModeVendorsBannerParams(partedDirUrlPrefix, partedPrefix)));
+
     if (partedComponentsLocations) {
       partedComponentsLocations.forEach((componentDir) => {
         RWSComponents = [...RWSComponents, ...(tools.findComponentFilesWithText(path.resolve(componentDir), '@RWSView', ['dist', 'node_modules', '@rws-framework/client']))];
@@ -188,7 +184,8 @@ const RWSWebpackWrapper = (config) => {
       automatedEntries[fileInfo.sanitName] = fileInfo.filePath;
     });
 
-    fs.writeFileSync(splitInfoJson, JSON.stringify(Object.keys(automatedEntries), null, 2));
+    fs.writeFileSync(rwsInfoJson, JSON.stringify({ components: Object.keys(automatedEntries) }, null, 2));
+
     optimConfig.splitChunks = {
       cacheGroups: {
         vendor: {
@@ -215,18 +212,14 @@ const RWSWebpackWrapper = (config) => {
         }
       }
     };
-  } else {
-    if (fs.existsSync(splitInfoJson)) {
-      fs.unlinkSync(splitInfoJson);
-    }
   }
 
   const tsValidated = tools.setupTsConfig(tsConfigPath, executionDir);
 
-  if(!tsValidated){
+  if (!tsValidated) {
     throw new Error('RWS Webpack build failed.');
   }
-  
+
   const cfgExport = {
     entry: {
       client: config.entry,
@@ -245,31 +238,26 @@ const RWSWebpackWrapper = (config) => {
       modules: modules_setup,
       alias: {
         ...aliases
-      },
-      plugins: [
-        // new TsconfigPathsPlugin({configFile: config.tsConfigPath})
-      ]
+      }
     },
     module: {
-      rules: [
+      rules: [    
         {
           test: /\.html$/,
           use: [
-            path.resolve(__dirname, './webpack/rws_fast_html_loader.js')
+            path.resolve(__dirname, './webpack/loaders/rws_fast_html_loader.js')
           ],
         },
         {
           test: /\.css$/,
           use: [
-            'css-loader',
-            // path.resolve(__dirname, './webpack/rws_fast_css_loader.js')
+            'css-loader',            
           ],
         },
         {
           test: /\.scss$/,
-          use: [
-            // 'css-loader',
-            path.resolve(__dirname, './webpack/rws_fast_scss_loader.js'),
+          use: [            
+            path.resolve(__dirname, './webpack/loaders/rws_fast_scss_loader.js'),
           ],
         },
         {
@@ -279,12 +267,12 @@ const RWSWebpackWrapper = (config) => {
               loader: 'ts-loader',
               options: {
                 allowTsInNodeModules: true,
-                configFile: path.resolve(tsConfigPath)             
+                configFile: path.resolve(tsConfigPath)
               }
             },
             {
-              loader: path.resolve(__dirname, './webpack/rws_fast_ts_loader.js'),
-            }
+              loader: path.resolve(__dirname, './webpack/loaders/rws_fast_ts_loader.js'),
+            }            
           ],
           exclude: /node_modules\/(?!\@rws-framework\/client)/,
         }
@@ -294,6 +282,15 @@ const RWSWebpackWrapper = (config) => {
     optimization: optimConfig,
   }
 
+  // if(isDev){
+    cfgExport.module.rules.push({
+      test: /\.js$/,
+      use: [
+        path.resolve(__dirname, './webpack/loaders/rws_uncomments_loader.js'),                 
+      ],
+    })
+  // }
+
   if (isHotReload) {
     cfgExport.devServer = {
       hot: true,

package/src/client/components.ts

@@ -0,0 +1,46 @@
+import RWSWindow, { RWSWindowComponentRegister } from "../interfaces/RWSWindow";
+import { RWSClientInstance } from "../client";
+import RWSViewComponent, { IWithCompose } from "../components/_component";
+type RWSInfoType = { components: string[] };
+
+async function loadPartedComponents(this: RWSClientInstance): Promise<void> {
+    this.assignClientToBrowser();
+
+    const componentParts: RWSInfoType = await this.apiService.get<RWSInfoType>(this.appConfig.get('partedDirUrlPrefix') + '/rws_info.json');        
+
+    componentParts.components.forEach((componentName: string, key: number) => {
+        const partUrl = `${this.appConfig.get('partedDirUrlPrefix')}/${this.appConfig.get('partedPrefix')}.${componentName}.js`;
+
+        const script: HTMLScriptElement = document.createElement('script');
+        script.src = partUrl;
+        script.async = true;
+        script.type = 'text/javascript';
+        document.body.appendChild(script);
+
+        console.log(`Appended ${componentParts.components[key]} component (${partUrl})`);
+    });        
+}   
+
+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);
+    });
+}
+
+function getBinds(this: RWSClientInstance){
+    return {
+        loadPartedComponents: loadPartedComponents.bind(this)        
+    };
+}
+
+export default getBinds;
+
+const ComponentHelperStatic = {
+    defineAllComponents: defineAllComponents
+}
+
+export {
+ ComponentHelperStatic   
+}

package/src/client/config.ts

@@ -0,0 +1,120 @@
+import { IRWSConfig, IRWSUser } from "../index";
+import { RWSClientInstance } from "../client";
+import startClient from '../run';
+
+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);
+    this.wsService.setUser(this.user);
+
+    localStorage.setItem('the_rws_user', JSON.stringify(this.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;
+}
+
+async function setup(this: RWSClientInstance, config: IRWSConfig = {}): Promise<IRWSConfig> {
+    if (this.isSetup) {
+        return this.config;
+    }
+
+    this.config = { ...this.config, ...config };
+    this.appConfig.mergeConfig(this.config);
+
+    if (this.appConfig.get('parted')) {
+        await this.loadPartedComponents();            
+    }       
+
+
+    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);
+    }        
+
+    if (this.config.user && !this.config.dontPushToSW) {
+        this.pushUserToServiceWorker(this.user);
+    }
+
+    await startClient(this.appConfig, this.wsService, this.notifyService, this.routingService);        
+
+    await this.initCallback();        
+
+    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

@@ -0,0 +1,28 @@
+import { loadRWSRichWindow } from "../interfaces/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;