@rws-framework/client 2.2.2 → 2.3.1

package/_rws_build_configurator.d.ts

@@ -0,0 +1,14 @@
+declare const _DEFAULT_CONFIG: any;
+
+declare function readConfigFile(filePath: string): any;
+declare function get(key: string): any;
+declare function exportDefaultConfig(): any;
+declare function exportBuildConfig(): any;
+
+export {
+    readConfigFile,
+    get,
+    exportDefaultConfig,
+    exportBuildConfig,
+    _DEFAULT_CONFIG
+};

package/_rws_build_configurator.js

@@ -1,51 +1,48 @@
 const fs = require('fs');
 const json5 = require('json5');
 
+const _DEFAULT_CONFIG = require('./cfg/_default.cfg')._DEFAULT_CONFIG;
+const STORAGE = require('./cfg/_storage');
 
-const _STORAGE = { _loaded: false }
-
-const _DEFAULT_CONFIG = {
-    dev: false,
-    hot: false,
-    report: false,
-    backendUrl: null,
-    wsUrl: null,
-    transports: ['websocket'],    
-    parted: true,
-    partedFileDir: './build',
-    partedPrefix: 'rws',
-    publicDir: './public',
-    publicIndex: 'index.html',
-    pubUrlPrefix: '/',    
-    outputFileName: 'client.rws.js'
-}
 
 function readConfigFile(filePath){
+    if(!fs.existsSync(filePath)){
+        return _DEFAULT_CONFIG;
+    }
+
     const fileConfig = json5.parse(fs.readFileSync(filePath, 'utf-8'));
 
-    return {
-        ..._DEFAULT_CONFIG,
+    return {        
         ...fileConfig
     }
 }
 
 function get(key){
-    if(!_STORAGE._loaded){
-        Object.assign(_STORAGE, readConfigFile(process.cwd() + '/.rws.json'));
+    _init();
 
-        console.log(_STORAGE);
-    }
+    return STORAGE.get(key);
+}
 
-    if(Object.keys(_STORAGE).includes(key)){
-        return _STORAGE[key];
-    }
+function exportDefaultConfig(){
+    return _DEFAULT_CONFIG;
+}
+
+function exportBuildConfig(){
+    _init();
 
-    return null;
+    return STORAGE.getAll();
 }
 
+function _init(){
+    if(!STORAGE.isLoaded()){
+        STORAGE.init(readConfigFile(process.cwd() + '/.rws.json'))        
+    }
+}
 
 module.exports = {
     readConfigFile,
+    exportDefaultConfig,
+    exportBuildConfig,
     get,
     _DEFAULT_CONFIG
 };

package/cfg/_default.cfg.js

@@ -0,0 +1,23 @@
+const _DEFAULT_CONFIG_VARS = {
+    //Build configs
+    dev: false,
+    hot: false,
+    report: false,   
+    publicDir: './public',
+    publicIndex: 'index.html',      
+    outputFileName: 'client.rws.js',
+    outputDir: process.cwd() + '/build',
+    //Frontend RWS client configs  
+    backendUrl: null,
+    wsUrl: null,
+    partedDirUrlPrefix: '/lib/rws',
+    partedPrefix: 'rws',
+    pubUrlFilePrefix: '/',
+    //Universal configs
+    transports: ['websocket'],    
+    parted: false,        
+}
+
+const _DEFAULT_CONFIG = Object.freeze(_DEFAULT_CONFIG_VARS);
+
+module.exports = {_DEFAULT_CONFIG};

package/cfg/_storage.d.ts

@@ -0,0 +1,22 @@
+interface Storage {
+    _loaded: boolean;
+    data: {
+        [key: string]: any;
+    };
+}
+
+declare const _STORAGE: Readonly<Storage>;
+
+declare function get(key: string): any | null;
+declare function getAll(): any;
+declare function init(json: any): void;
+declare function has(key: string): boolean;
+declare function isLoaded(): boolean;
+
+export {
+    get,
+    getAll,
+    has,
+    init,
+    isLoaded
+};

package/cfg/_storage.js

@@ -0,0 +1,43 @@
+class Storage {
+    static _instance;
+
+    _loaded = false;
+    data = {}
+
+    static create(){
+        if(!this._instance){
+            this._instance = new Storage();            
+        }
+
+        return this._instance;
+    }
+}
+
+const _STORAGE = Storage.create();
+
+function get(key){
+    if(!has(key)){
+        return null;
+    }
+
+    return _STORAGE.data[key];
+}
+
+function getAll(){    
+    return _STORAGE.data;
+}
+
+function init(json){    
+    _STORAGE.data = json;    
+    _STORAGE._loaded = true;
+}
+
+function has(key){
+    return Object.keys(_STORAGE.data).includes(key);
+}
+
+function isLoaded(){
+    return _STORAGE._loaded;
+}
+
+module.exports = {get, getAll, has, init, isLoaded}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rws-framework/client",
   "private": false,
-  "version": "2.2.2",
+  "version": "2.3.1",
   "main": "src/index.ts",
   "scripts": {
     "docs": "typedoc --tsconfig ./tsconfig.json"
@@ -52,7 +52,7 @@
     "@open-wc/dev-server-hmr": "^0.1.2-next.0",
     "@types/dragula": "^3.7.4",
     "@types/express-fileupload": "^1.4.4",
-    "@types/he": "^1.2.3",
+    "@types/he": "^1.2.3",        
     "@types/json5": "^2.2.0",
     "@types/sanitize-html": "^2.11.0",
     "@types/socket.io-client": "^3.0.0",
@@ -67,7 +67,7 @@
     "eslint-plugin-unused-imports": "^3.1.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.3",
-    "loader-utils": "^3.2.1",
+    "loader-utils": "^3.2.1",  
     "mini-css-extract-plugin": "^2.7.6",
     "node-sass": "^9.0.0",
     "sass-loader": "^13.3.2",

package/rws.webpack.config.js

@@ -1,71 +1,73 @@
 const path = require('path');
-const webpack = require('webpack');
 const fs = require('fs');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const JsMinimizerPlugin = require('terser-webpack-plugin');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const webpack = require('webpack');
+const uglify = require('uglify-js')
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
 const RWSAfterPlugin = require('./webpack/rws_after_plugin');
-const { Console } = require('console');
-const { Interface } = require('readline');
-const ts = require('typescript');
 const tools = require('./_tools');
 const BuildConfigurator = require('./_rws_build_configurator');
+
 const TerserPlugin = require('terser-webpack-plugin');
 const HtmlMinifier = require('html-minifier').minify;
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-
-let WEBPACK_PLUGINS = [];
-
-/**
- *  The RWS webpack configurator.
- * 
- *  Example usage in importing file:
- * 
- *  RWSWebpackWrapper({
-    dev: true,
-    hot: false,
-    tsConfigPath: executionDir + '/tsconfig.json',
-    entry: `${executionDir}/src/index.ts`,
-    executionDir: executionDir,
-    publicDir:  path.resolve(executionDir, 'public'),
-    outputDir:  path.resolve(executionDir, 'build'),
-    outputFileName: 'jtrainer.client.js',
-    copyToDir: {
-      '../public/js/' : [
-        './build/jtrainer.client.js',
-        './build/jtrainer.client.js.map',
-        './src/styles/compiled/main.css'
-      ]
-    },
-    plugins: [
-    
-    ],
-  });
- */
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const JsMinimizerPlugin = require('terser-webpack-plugin');
+
+const json5 = require('json5');
+
+
 const RWSWebpackWrapper = (config) => {
-  const executionDir = config.executionDir || process.cwd();
+const executionDir = config.executionDir || process.cwd();
 
-  const isDev = config.dev || BuildConfigurator.get('dev');
-  const isHotReload = config.hot || BuildConfigurator.get('hot');
-  const isReport = config.report || BuildConfigurator.get('report');
-  const outputDir = config.outputDir || BuildConfigurator.get('outputDir');
-  const outputFileName = config.outputFileName || BuildConfigurator.get('outputFileName');
+const isDev = BuildConfigurator.get('dev') || config.dev;
+const isHotReload = BuildConfigurator.get('hot') || config.hot;
+const isReport = BuildConfigurator.get('report') || config.report;
 
-  const publicDir = config.publicDir  || BuildConfigurator.get('publicDir');
-  const serviceWorkerPath = config.serviceWorker  || BuildConfigurator.get('serviceWorker');
+const isParted = BuildConfigurator.get('parted') || config.parted;
+const partedPrefix = BuildConfigurator.get('partedPrefix') || config.partedPrefix;
+const partedDirUrlPrefix = BuildConfigurator.get('partedDirUrlPrefix') || config.partedDirUrlPrefix;
 
-  const WEBPACK_AFTER_ACTIONS = config.actions || [];
+const partedComponentsLocations = BuildConfigurator.get('partedComponentsLocations') || config.partedComponentsLocations;
+const customServiceLocations = BuildConfigurator.get('customServiceLocations') || config.customServiceLocations;
+const outputDir = BuildConfigurator.get('outputDir') || config.outputDir;
+const outputFileName = BuildConfigurator.get('outputFileName') || config.outputFileName;
+const publicDir = BuildConfigurator.get('publicDir') || config.publicDir;
+const serviceWorkerPath = BuildConfigurator.get('serviceWorker') || config.serviceWorker;
 
-  const publicIndex = config.publicIndex || BuildConfigurator.get('publicIndex');
+const publicIndex = BuildConfigurator.get('publicIndex') || config.publicIndex;
 
-  const aliases = config.aliases = {};
 
-  aliases.fs = false;
+  let WEBPACK_PLUGINS = [
+    new webpack.DefinePlugin({
+      'process.env._RWS_DEFAULTS': JSON.stringify(BuildConfigurator.exportDefaultConfig()),
+      'process.env._RWS_BUILD_OVERRIDE': JSON.stringify(BuildConfigurator.exportBuildConfig())
+    }),
+    new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en-gb/)
+  ];
 
-  const modules_setup = [path.resolve(__dirname, 'node_modules'), 'node_modules'];
+  console.log('PARTED', isParted);
+
+  // 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 = {};
+  aliases.fs = false;
+  const modules_setup = [path.resolve(__dirname, 'node_modules'), 'node_modules'];
   const overridePlugins = config.plugins || []
 
   if (isHotReload) {
@@ -81,7 +83,7 @@ const RWSWebpackWrapper = (config) => {
   WEBPACK_PLUGINS = [...WEBPACK_PLUGINS, new webpack.optimize.ModuleConcatenationPlugin(), ...overridePlugins];
 
 
-  if (isDev && isReport) {
+  if (isReport) {
     WEBPACK_PLUGINS.push(new BundleAnalyzerPlugin({
       analyzerMode: 'static',
       openAnalyzer: false,
@@ -95,10 +97,12 @@ const RWSWebpackWrapper = (config) => {
     });
   }
 
-  if (!!config.copyToDir) {
+  const assetsToCopy = config.copyAssets || BuildConfigurator.get('copyAssets');
+
+  if (!!assetsToCopy) {
     WEBPACK_AFTER_ACTIONS.push({
       type: 'copy',
-      actionHandler: config.copyToDir
+      actionHandler: assetsToCopy
     });
   }
 
@@ -120,14 +124,26 @@ const RWSWebpackWrapper = (config) => {
     path.resolve(executionDir, 'src', 'services')
   ];
 
-  if (config.customServiceLocations) {
-    config.customServiceLocations.forEach((serviceDir) => {
+  if (customServiceLocations) {
+    customServiceLocations.forEach((serviceDir) => {
       servicesLocations.push(serviceDir);
     });
   }
 
   const optimConfig = {
-    minimizer: isDev ? [] : [
+    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,
+      })
+    ] : [
       new TerserPlugin({   
         terserOptions: {
           keep_classnames: true, // Prevent mangling of class names
@@ -140,16 +156,16 @@ const RWSWebpackWrapper = (config) => {
             comments: false
           },          
         },
-        extractComments: false
+        extractComments: false,
+        parallel: true,
       }),
       new CssMinimizerPlugin(),
-
     ],
   };
 
-  if (config.parted) {
-    if (config.partedComponentsLocations) {
-      config.partedComponentsLocations.forEach((componentDir) => {
+  if (isParted) {
+    if (partedComponentsLocations) {
+      partedComponentsLocations.forEach((componentDir) => {
         RWSComponents = [...RWSComponents, ...(tools.findComponentFilesWithText(path.resolve(componentDir), '@RWSView', ['dist', 'node_modules', '@rws-framework/client']))];
       });
     }
@@ -207,8 +223,8 @@ const RWSWebpackWrapper = (config) => {
     target: 'web',
     devtool: isDev ? (config.devtool || 'inline-source-map') : false,
     output: {
-      path: config.outputDir,
-      filename: config.parted ? (config.partedPrefix || 'rws') + '.[name].js' : config.outputFileName,
+      path: outputDir,
+      filename: isParted ? (partedPrefix || 'rws') + '.[name].js' : outputFileName,
       sourceMapFilename: '[file].map',
     },
     resolve: {

package/src/client.ts

@@ -39,7 +39,7 @@ class RWSClient {
     private _container: Container;
     private user: IRWSUser = null;
 
-    private config: IRWSConfig = { backendUrl: '', routes: {}, splitFileDir: '/', splitPrefix: 'rws' };
+    private config: IRWSConfig = {};
     protected initCallback: () => Promise<void> = async () => { };
 
     private isSetup = false;
@@ -106,17 +106,15 @@ class RWSClient {
 
         if (Object.keys(config).length) {
             this.appConfig.mergeConfig(this.config);
-        }
-
-        console.log(this.isSetup, this.config, this.appConfig);
+        }        
 
         if (this.config.user && !this.config.dontPushToSW) {
             this.pushUserToServiceWorker(this.user);
         }
 
-        await startClient(this.appConfig, this.wsService, this.notifyService, this.routingService);
+        await startClient(this.appConfig, this.wsService, this.notifyService, this.routingService);        
 
-        await this.initCallback();
+        await this.initCallback();        
 
         return this;
     }
@@ -223,35 +221,19 @@ class RWSClient {
     async loadPartedComponents(): Promise<void> {
         this.assignClientToBrowser();
 
-        const componentParts: string[] = await this.apiService.get<string[]>(this.appConfig.get('splitFileDir') + '/rws_chunks_info.json');
-
-        const _all: Promise<string>[] = [];
-        componentParts.forEach((componentName: string) => {
-
-            const scriptUrl: string = this.appConfig.get('splitFileDir') + `/${this.appConfig.get('splitPrefix')}.${componentName}.js`;  // Replace with the path to your script file
-
+        const componentParts: string[] = await this.apiService.get<string[]>(this.appConfig.get('partedDirUrlPrefix') + '/rws_chunks_info.json');        
 
+        componentParts.forEach((componentName: string, key: number) => {
+            const partUrl = `${this.appConfig.get('partedDirUrlPrefix')}/${this.appConfig.get('partedPrefix')}.${componentName}.js`;
 
-            const headers: any = {};
-
-            headers['Content-Type'] = 'application/javascript';
-
-            _all.push(this.apiService.pureGet(scriptUrl, {
-                headers
-            }));
-        });
-
-        (await Promise.all(_all)).forEach((scriptCnt: string, key: number) => {
             const script: HTMLScriptElement = document.createElement('script');
-            script.textContent = scriptCnt;
+            script.src = partUrl;
             script.async = true;
             script.type = 'text/javascript';
             document.body.appendChild(script);
 
-            console.log(`Appended ${componentParts[key]} component`);
-        });
-
-        RWSClient.defineAllComponents();
+            console.log(`Appended ${componentParts[key]} component (${partUrl})`);
+        });        
     }   
     
     async onDOMLoad(): Promise<void> {
@@ -290,9 +272,18 @@ class RWSClient {
 
     static defineAllComponents() {
         const richWindowComponents: RWSWindowComponentRegister = (window as Window & RWSWindow).RWS.components;
-        // provideRWSDesignSystem().register(richWindowComponents[devStr].component);
+        console.log('defining', richWindowComponents)
+
+        Object.keys(richWindowComponents).map(key => richWindowComponents[key].component).forEach((el: IWithCompose<RWSViewComponent>) => {
+            el.define(el as any, el.definition);
+        });
+    }
+
+    
+    defineComponents(){
+        const richWindowComponents: RWSWindowComponentRegister = (window as Window & RWSWindow).RWS.components;
+        console.log('defining', richWindowComponents)
 
-        console.log(richWindowComponents);
         Object.keys(richWindowComponents).map(key => richWindowComponents[key].component).forEach((el: IWithCompose<RWSViewComponent>) => {
             el.define(el as any, el.definition);
         });

package/src/components/_component.ts

@@ -63,7 +63,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
         @RWSInject(NotifyService) protected notifyService: NotifyServiceInstance
     ) {
         super();       
-        applyConstructor(this);
+        applyConstructor(this);        
     }
 
     connectedCallback() {        
@@ -71,7 +71,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
         applyConstructor(this);
      
         // console.trace(this.config);
-
+        // console.log(this.routingService);
         if (!(this.constructor as IWithCompose<this>).definition && (this.constructor as IWithCompose<this>).autoLoadFastElement) {
             throw new Error('RWS component is not named. Add `static definition = {name, template};`');
         }
@@ -81,7 +81,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
                 if (this.fileAssets[file]) {
                     return;
                 }
-                this.utilsService.getFileContents(this.config.get('pubUrlPrefix') + file).then((response: string) => {
+                this.utilsService.getFileContents(this.config.get('pubUrlFilePrefix') + file).then((response: string) => {
                     this.fileAssets = { ...this.fileAssets, [file]: html`${response}` };
                 });
             });

package/src/components/_decorator.ts

@@ -17,7 +17,7 @@ type InjectDecoratorReturnType = (target: any, key?: string | number | undefined
 function RWSInject<T extends RWSViewComponent>(dependencyClass: Key): InjectDecoratorReturnType {
     return (target: IWithCompose<T>, key?: keyof IWithCompose<T>, parameterIndex?: number) => {
         const loadedDependency = RWSContainer().get(dependencyClass);    
-        const paramNames = getFunctionParamNames(target.prototype.constructor);
+        const paramNames = getFunctionParamNames(target.prototype.constructor);        
         target.prototype.constructor._toInject[paramNames[parameterIndex]] = loadedDependency;
     };
 }
@@ -63,8 +63,8 @@ const applyConstructor = (component: RWSViewComponent): void => {
     }
     
     const existingInjectedDependencies = (topConstructor as IWithCompose<RWSViewComponent>)._toInject;
-
     Object.keys(existingInjectedDependencies).forEach((depKey: string) => {
+        
         const loadedDependency = existingInjectedDependencies[depKey];
         if(!(component as any)[depKey]){
             (component as any)[depKey] = loadedDependency;

package/src/components/_decorators/RWSFillBuild.ts

@@ -0,0 +1,56 @@
+import 'reflect-metadata';
+import IRWSConfig from '../../interfaces/IRWSConfig.js';
+
+function extractEnvVar(envVar: string){
+    const extractedVars = JSON.parse(JSON.stringify(envVar));                                  
+
+    const {   
+        backendUrl,
+        wsUrl,
+        partedDirUrlPrefix,
+        partedPrefix,
+        pubUrlFilePrefix,
+        transports,    
+        parted        
+    } = extractedVars;
+
+    const extractedFrontendVars = {
+        backendUrl,
+        wsUrl,
+        partedDirUrlPrefix,
+        partedPrefix,
+        pubUrlFilePrefix,
+        transports,    
+        parted
+    };
+
+    return {
+        extractedVars,
+        extractedFrontendVars
+    }
+}
+
+function RWSFillBuild(config: Partial<IRWSConfig> = {}) {
+    return function <T extends { new(...args: any[]): {} }>(constructor: T) {
+        return class extends constructor {
+            _DEFAULTS: IRWSConfig;
+            _BUILD_OVERRIDE: IRWSConfig;
+            constructor(...args: any[]) {
+                super(...args);
+
+                const extractedFrontendDefaults = extractEnvVar(process.env._RWS_DEFAULTS).extractedFrontendVars;
+
+                this._DEFAULTS = {
+                    ...config,
+                    ...extractedFrontendDefaults
+                } as IRWSConfig;        
+                
+                const extractedFrontendBuildVars = extractEnvVar(process.env._RWS_BUILD_OVERRIDE).extractedFrontendVars;;
+
+                this._BUILD_OVERRIDE = extractedFrontendBuildVars as IRWSConfig;
+            }
+        };
+    };
+}
+
+export { RWSFillBuild }

package/src/components/index.ts

@@ -3,12 +3,6 @@ import { RouterComponent } from './router/component';
 import { RWSProgress } from './progress/component';
 import { RWSLoader } from './loader/component';
 
-const RWSComponents = { 
-    RWSUploader,
-    RouterComponent,
-    RWSProgress,
-    RWSLoader
-};
 
 function declareRWSComponents(parted: boolean = false): void
 {
@@ -20,4 +14,4 @@ function declareRWSComponents(parted: boolean = false): void
     }
 }
 
-export { RWSComponents, declareRWSComponents };
+export { declareRWSComponents };

package/src/components/router/component.ts

@@ -3,7 +3,7 @@ import { RWSRouter, _ROUTING_EVENT_NAME, RouteReturn } from '../../services/Rout
 import RWSViewComponent, { IRWSViewComponent } from '../_component';
 import {RWSView} from '../_decorator';
 
-@RWSView('rws-router', { ignorePackaging: true })
+@RWSView('rws-router')
 export class RouterComponent extends RWSViewComponent {    
     static autoLoadFastElement = false;
     private routing: RWSRouter;
@@ -15,19 +15,24 @@ export class RouterComponent extends RWSViewComponent {
 
     connectedCallback() {
         super.connectedCallback();   
+
+
+        
         this.routing = this.routingService.apply(this);   
             
-        if(this.currentUrl){
+        if(this.currentUrl){            
             this.handleRoute(this.routing.handleRoute(this.currentUrl));      
         }           
     }
 
-    currentUrlChanged(oldValue: string, newValue: string){  
-        if(!this.routing){
-            this.routing = this.routingService.apply(this);       
+    currentUrlChanged(oldValue: string, newValue: string){          
+        if(newValue){            
+            if(!this.routing){
+                this.routing = this.routingService.apply(this);       
 
-        }     
-        this.handleRoute(this.routing.handleRoute(newValue));
+            }     
+            this.handleRoute(this.routing.handleRoute(newValue));
+        }
     }
 
     private handleRoute(route: RouteReturn){

package/src/components/router/template.html

@@ -0,0 +1 @@
+<div class="router"></div>

package/src/index.ts

@@ -29,7 +29,7 @@ import {
 
 import { RWSDecoratorOptions, RWSIgnore, RWSView, RWSInject } from './components/_decorator';
 
-import { RWSComponents, declareRWSComponents } from './components';
+import { declareRWSComponents } from './components';
 
 export default RWSClient;
 export { 
@@ -82,8 +82,6 @@ export {
     ngAttr,    
 
     renderRouteComponent,
-    
-    RWSComponents,
 
     observable,
     attr,

package/src/interfaces/IRWSConfig.ts

@@ -12,7 +12,8 @@ export default interface IRWSConfig {
     user?: any
     ignoreRWSComponents?: boolean
     pubUrl?: string
-    pubUrlPrefix?: string
+    pubUrlFilePrefix?: string
+    partedDirUrlPrefix?: string
     dontPushToSW?: boolean
     parted?: boolean
     partedFileDir?: string

package/src/routing/_router.ts

@@ -28,13 +28,15 @@ class RWSRouter {
     }
 
     public fireHandler(route: IRWSRouteResult): RouteReturn
-    {     const handler = route.handler();
+    {     
+        const handler = route.handler();
         return [handler[0], handler[1], this.utilsService.mergeDeep(route.params, handler[2])];
     }
 
     public handleRoute(url: string): RouteReturn
     {
         const currentRoute = this.find(url);    
+        console.log('CR', currentRoute);
 
         if (history.pushState) {
             window.history.pushState({ path: url }, '', url);

package/src/services/ConfigService.ts

@@ -1,42 +1,52 @@
 import TheService from './_service';
 import IRWSConfig from '../interfaces/IRWSConfig';
-import { RWSFillBuildConfig } from '../components/_decorators/RWSFillBuildConfig';
-
-@RWSFillBuildConfig()
-const _DEFAULTS: IRWSConfig = {
-    pubUrlPrefix: '/',
-    pubUrl : window.origin,
-    partedFileDir: '/',
-    partedPrefix: 'rws'
-}
+import { RWSFillBuild } from '../components/_decorators/RWSFillBuild';
+
+
+
 
 const __SENT_TO_COMPONENTS: string[] = [];
 
+@RWSFillBuild()
 class ConfigService extends TheService {  
     static isLoaded: boolean = false;
+    
+    _DEFAULTS: Partial<IRWSConfig> = {};
+    _BUILD_OVERRIDE: IRWSConfig = {};
 
     private data: IRWSConfig = {};    
   
     constructor() {
-        super();                     
+        super();       
     }    
   
     public get(key: keyof IRWSConfig): any
-    {     
+    {       
+                
+        if(!this._DEFAULTS){
+            throw new Error('No _DEFAULTS loaded!')
+        }        
+
         
+        const isInDefaults: boolean = Object.keys(this._DEFAULTS).includes(key);
         const isInData: boolean = Object.keys(this.data).includes(key);
-        const isInDefaults: boolean = Object.keys(_DEFAULTS).includes(key);
+        const isInBuildVars: boolean = Object.keys(this._BUILD_OVERRIDE).includes(key);
 
-        if(!isInData && isInDefaults){
-            let defaultVal = _DEFAULTS[key];        
+        if(!isInData){        
+            let defaultVal = null;
 
-            if(defaultVal[0] === '@'){
+            if(isInDefaults){
+                defaultVal = this._DEFAULTS[key];                   
+            }            
+            
+            if(isInBuildVars && !!this._BUILD_OVERRIDE[key]){
+                defaultVal = this._BUILD_OVERRIDE[key];
+            }
+                        
+            if(defaultVal && defaultVal[0] === '@'){
                 defaultVal = this.data[((defaultVal as string).slice(1)) as keyof IRWSConfig];
             }
-
             return defaultVal;
-        } else if(!isInData && !isInDefaults) {
-            return null;
         }
         
 

package/webpack/rws_after_plugin.js

@@ -35,6 +35,28 @@ class RWSAfterPlugin {
                 return await Promise.all(proms);            
             });       
         });        
+
+        compiler.hooks.emit.tapAsync('RWSAfterPlugin', (compilation, callback) => {      
+            Object.keys(compilation.assets).forEach((filename) => {
+            
+              if (filename.endsWith('.js')) {
+                const asset = compilation.assets[filename];
+                let source = asset.source();
+                if(source.indexOf('css`') > -1 || source.indexOf('html`') > -1){   
+                    console.log('replacing', filename);
+                  const updatedSource = source.replace(/\n/g, '');
+        
+                  // Update the asset with the new content
+                  compilation.assets[filename] = {
+                    source: () => updatedSource,
+                    size: () => updatedSource.length
+                  };
+                }          
+              }
+            });
+      
+            callback();
+        });
     }
 
     async _runActionType(actionType, action){    

package/webpack/rws_plugin.js

@@ -124,19 +124,6 @@ class RWSPlugin {
     const _self = this;
 
     return;
-
-    compiler.hooks.thisCompilation.tap('RWSSassPlugin', (compilation) => {
-      compilation.hooks.buildModule.tap('RWSSassPlugin', (module) => {
-        if (module.resource && /\.scss$/.test(module.resource)) {       
-          
-          let scssPath = module.resource;   
-
-          this.compileFile(scssPath, true).catch((e) => {
-            throw e;
-          })
-        }
-      });
-    });
   }
 
  readSCSSFilesFromDirectory(dirPath) {

package/src/components/_decorators/RWSFillBuildConfig.ts

@@ -1,14 +0,0 @@
-import { Key } from '@microsoft/fast-foundation';
-
-import 'reflect-metadata';
-import IRWSConfig from '../../interfaces/IRWSConfig';
-
-type FillBuildDecoratorReturnType = (target: any, key?: string | number | undefined, parameterIndex?: number) => void;
-
-function RWSFillBuildConfig(dependencyClass: Key): FillBuildDecoratorReturnType {
-    return (target: IRWSConfig, key?: string | number, parameterIndex?: number) => {
-        console.log('ONBUILD', target, key, parameterIndex);
-    };
-}
-
-export { RWSFillBuildConfig }