@rws-framework/client 2.10.12 → 2.10.13

package/cfg/build_steps/webpack/_webpack_config.js

@@ -47,12 +47,7 @@ function createWebpackConfig(
         externals: rwsExternals(executionDir, modules_setup, automatedChunks, {
             _vars: devExternalsVars
         }),
-        cache: {
-            type: 'filesystem',
-            buildDependencies: {
-                config: [__filename],
-            },
-        }
+        cache: false,
     }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@rws-framework/client",
     "private": false,
-    "version": "2.10.12",
+    "version": "2.10.13",
     "main": "src/index.ts",
     "scripts": {
         "docs": "typedoc --tsconfig ./tsconfig.json"
@@ -35,19 +35,12 @@
         "he": "^1.2.0",
         "json5": "^2.2.3",
         "lodash": "^4.17.21",
-        "moment": "^2.29.4",
-        "node-sass": "^7.0.3",
+        "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",
-        "sass-loader": "^13.3.2",
-        "scss-loading-animations": "^1.0.1",
+        "sanitize-html": "^2.12.1",      
         "socket.io-client": "^4.7.2",
-        "source-map": "^0.7.4",
-        "source-map-support": "^0.5.21",
-        "stacktrace-gps": "^3.1.2",     
         "upload": "^1.3.2",
         "url-router": "^13.0.0",
         "uuid": "^9.0.1",
@@ -73,9 +66,13 @@
         "mini-css-extract-plugin": "^2.7.6",
         "minimatch": "^9.0.4",
         "node-sass": "^9.0.0",
-        "raw-loader": "^4.0.2",
+        "raw-loader": "^4.0.2",        
+        "source-map": "^0.7.4",        
+        "source-map-support": "^0.5.21",
+        "stacktrace-gps": "^3.1.2",     
+        "sass": "1.69.7",
         "sass-loader": "^13.3.2",
-        "source-map": "^0.7.4",
+        "scss-loading-animations": "^1.0.1",
         "speed-measure-webpack-plugin": "^1.5.0",
         "style-loader": "^3.3.3",
         "terser-webpack-plugin": "^5.3.9",

package/rws.webpack.config.js

@@ -68,6 +68,11 @@ const RWSWebpackWrapper = async (rwsFrontendConfig) => {
   let optimConfig = null;
   let aliases = rwsFrontendConfig.aliases || {};
 
+  console.log({  
+    __filename,
+    _packageDir
+  });
+
   aliases = { ...aliases, ...loadAliases(__dirname, path.resolve(_MAIN_PACKAGE, 'node_modules'), executionDir) }  
 
   // #SECTION PLUGIN STARTING HOOKS

package/src/components/_component.ts

@@ -6,7 +6,6 @@ import DOMService, { DOMServiceInstance, DOMOutputType } from '../services/DOMSe
 import ApiService, { ApiServiceInstance } from '../services/ApiService';
 import NotifyService, { NotifyServiceInstance } from '../services/NotifyService';
 import { IRWSViewComponent, IAssetShowOptions } from '../types/IRWSViewComponent';
-import RWSWindow, { RWSWindowComponentInterface, loadRWSRichWindow } from '../types/RWSWindow';
 import { applyConstructor, RWSInject } from './_decorator';
 import TheRWSService from '../services/_service';
 import { handleExternalChange } from './_attrs/_external_handler';
@@ -72,6 +71,7 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
     constructor() {
         super();       
         applyConstructor(this);       
+        console.log((this as any).constructor.definition)
     }
 
     connectedCallback() {        
@@ -240,4 +240,6 @@ abstract class RWSViewComponent extends FoundationElement implements IRWSViewCom
 
 export default RWSViewComponent;
 
-export { IAssetShowOptions, IRWSViewComponent };
+export type {
+    IAssetShowOptions, IRWSViewComponent
+} from '../types/IRWSViewComponent';

package/src/components/_container.ts

@@ -1,4 +1,4 @@
-import {DI, Container, Key, Registration , InterfaceSymbol} from '@microsoft/fast-foundation';
+import { DI, Container } from '../../foundation/rws-foundation';
 import {loadRWSRichWindow} from '../types/RWSWindow';
 
 export default () => {
@@ -13,4 +13,8 @@ export default () => {
     return richWindow.RWS.container;
 };
 
-export { DI, Container, Key, Registration, InterfaceSymbol }
+export { DI, Container }
+
+export type {
+    Key, Registration, InterfaceSymbol
+} from '../../foundation/rws-foundation';

package/src/components/_decorator.ts

@@ -37,7 +37,7 @@ function RWSView<Component extends RWSViewComponent>(name: string, data?: RWSDec
             if(override.options){
                 (theComponent.definition as any).options = override.options;
             }
-        }
+        }        
     };
 }
 

package/src/components/_definitions.ts

@@ -39,6 +39,8 @@ export function defineComponent<T extends RWSViewComponent>(element: IWithCompos
         styles: element.definition.styles
     }) as RWSWindowComponentInterface;
 
+    console.log({eld: element.definition})
+
     if (!richWindow.RWS) {
         throw new Error('RWS client not initialized');
     }

package/src/index.ts

@@ -1,85 +1,104 @@
-import { Transformer as HTMLTagTransformerType, Tag as HTMLTag, Attributes as HTMLAttributes } from 'sanitize-html';
+// Regular imports for classes and functions
 import { observable, attr } from '@microsoft/fast-element';
-import IRWSConfig from './types/IRWSConfig';
-import RWSNotify, { NotifyUiType, NotifyLogType } from './types/RWSNotify';
+import { Transformer as HTMLTagTransformerType, Tag as HTMLTag, Attributes as HTMLAttributes } from 'sanitize-html';
 import RWSService from './services/_service';
 import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
-import NotifyService, {NotifyServiceInstance} from './services/NotifyService';
-import DOMService, { DOMServiceInstance, DOMOutputType, TagsProcessorType }  from './services/DOMService';
-import ApiService,  { IBackendRoute, ApiServiceInstance, IHTTProute, IPrefixedHTTProutes } from './services/ApiService';
-import UtilsService, {UtilsServiceInstance} from './services/UtilsService';
+import NotifyService, { NotifyServiceInstance } from './services/NotifyService';
+import DOMService, { DOMServiceInstance } from './services/DOMService';
+import ApiService, { ApiServiceInstance } from './services/ApiService';
+import UtilsService, { UtilsServiceInstance } from './services/UtilsService';
 import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
 import { sanitizedAttr } from './components/_attrs/sanitize-html';
 import { ngAttr } from './components/_attrs/angular-attr';
 import { externalObservable } from './components/_attrs/external-observable';
 import { externalAttr } from './components/_attrs/external-attr';
-import { RWSPlugin, DefaultRWSPluginOptionsType } from './plugins/_plugin';
-import { IRWSPlugin, IStaticRWSPlugin } from './types/IRWSPlugin';
+import { RWSPlugin } from './plugins/_plugin';
 import RWSClient, { RWSClientInstance } from './client';
-import { RWSPluginEntry } from './types/IRWSConfig';
-import IRWSUser from './types/IRWSUser';
-import RWSViewComponent, { IAssetShowOptions } from './components/_component';
-
+import RWSViewComponent from './components/_component';
 import RWSContainer from './components/_container';
-
-
-import { RWSDecoratorOptions, RWSIgnore, RWSInject, RWSView } from './components/_decorator';
-
+import { RWSIgnore, RWSInject, RWSView } from './components/_decorator';
 import { declareRWSComponents } from './components';
 
+// Type imports
+import type { DOMOutputType, TagsProcessorType } from './services/DOMService';
+import type { IBackendRoute, IHTTProute, IPrefixedHTTProutes } from './services/ApiService';
+import type { DefaultRWSPluginOptionsType } from './plugins/_plugin';
+import type { IRWSPlugin, IStaticRWSPlugin } from './types/IRWSPlugin';
+import type { RWSPluginEntry } from './types/IRWSConfig';
+import type { NotifyUiType, NotifyLogType } from './types/RWSNotify';
+import type { RWSDecoratorOptions } from './components/_decorator';
+import type { IAssetShowOptions } from './components/_component';
+import type IRWSConfig from './types/IRWSConfig';
+import type IRWSUser from './types/IRWSUser';
+import type RWSNotify from './types/RWSNotify';
+
+// Default export
 export default RWSClient;
-export { 
+
+// Class and function exports
+export {
     RWSClient,
     RWSClientInstance,
-
     RWSPlugin,
-    RWSPluginEntry,
-    IRWSPlugin, IStaticRWSPlugin,
-    DefaultRWSPluginOptionsType,
-    
-    NotifyUiType,
-    NotifyLogType,
-
-    ApiServiceInstance,
-    ApiService,    
-    UtilsServiceInstance,    
-    UtilsService,    
-    DOMServiceInstance,
+    ApiService,
+    UtilsService,
     DOMService,
-    DOMOutputType,
-    NotifyServiceInstance,
     NotifyService,
-    ConfigServiceInstance,
     ConfigService,
-    ServiceWorkerServiceInstance,
     ServiceWorkerService,
-
-    RWSNotify,
-    IBackendRoute as IRWSBackendRoute,
-    RWSDecoratorOptions as IRWSDecoratorOptions,
-    IHTTProute as IRWSHttpRoute,
-    IPrefixedHTTProutes as IRWSPrefixedHTTProutes,    
-    IAssetShowOptions as IRWSAssetShowOptions,
-    IRWSConfig,
-    IRWSUser,
-    TagsProcessorType,
-    HTMLTagTransformerType,
-    HTMLTag,
-    HTMLAttributes,
-         
+    RWSService,
+    RWSViewComponent,
+    RWSContainer,
     RWSView,
-    sanitizedAttr,
     RWSIgnore,
-    RWSInject,    
-    observable,
+    RWSInject,
+    sanitizedAttr,
     externalObservable,
     externalAttr,
+    observable,
     attr,
     ngAttr,
-    
-    RWSService,
-    RWSViewComponent,       
     declareRWSComponents,
+    
+    // Service instances
+    ApiServiceInstance,
+    UtilsServiceInstance,
+    DOMServiceInstance,
+    NotifyServiceInstance,
+    ConfigServiceInstance,
+    ServiceWorkerServiceInstance,
+    
+    // External types
+    HTMLTagTransformerType,
+    HTMLTag,
+    HTMLAttributes
+};
 
-    RWSContainer
+// Type exports
+export type {
+    // Plugin types
+    RWSPluginEntry,
+    IRWSPlugin,
+    IStaticRWSPlugin,
+    DefaultRWSPluginOptionsType,
+    
+    // Notification types
+    NotifyUiType,
+    NotifyLogType,
+    RWSNotify,
+    
+    // Service and API types
+    DOMOutputType,
+    TagsProcessorType,
+    IBackendRoute as IRWSBackendRoute,
+    IHTTProute as IRWSHttpRoute,
+    IPrefixedHTTProutes as IRWSPrefixedHTTProutes,
+    
+    // Component and decorator types
+    RWSDecoratorOptions as IRWSDecoratorOptions,
+    IAssetShowOptions as IRWSAssetShowOptions,
+    
+    // Config and user types
+    IRWSConfig,
+    IRWSUser
 };

package/src/services/_service.ts

@@ -1,6 +1,6 @@
-import RWSContainer, { DI, InterfaceSymbol, Key, Registration } from '../components/_container';
+import RWSContainer from '../components/_container';
 import { loadRWSRichWindow } from '../types/RWSWindow';
-
+import { DI, InterfaceSymbol, Key,Registration } from '../../foundation/rws-foundation';
 export interface IWithDI<T> {
     new (...args: any[]): T;
     getSingleton: <T extends Key>(this: IWithDI<T>) => InterfaceSymbol<T>;

package/src/styles/_grid.scss

@@ -12,12 +12,11 @@ $mediaQuerySteps: (
 
 @mixin grid-container-gap($gap) {
   gap: $gap;
-  margin-right: -#{$gap}; 
-  margin-left: -#{$gap}; 
+  margin-right: -#{$gap};
+  margin-left: -#{$gap};
 }
 
 // Mixin for grid columns
-
 @mixin internal-grid-column($columns: 12) {
   flex: 0 0 calc(100% / 12 * $columns);
   max-width: calc(100% / 12 * $columns);
@@ -29,42 +28,35 @@ $mediaQuerySteps: (
 
 @mixin grid-column($columns: 12, $mdColumns: 12) {
   @include internal-grid-column($columns);
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'md')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
     @include internal-grid-column($mdColumns);
   }
 }
 
 @mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12) {
   @include internal-grid-column($columns);
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'md')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
     @include internal-grid-column($mdColumns);
   }
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'sm')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
     @include internal-grid-column($smColumns);
   }
 }
 
 @mixin grid-column($columns: 12, $mdColumns: 12, $smColumns: 12, $xsColumns: 12) {
   @include internal-grid-column($columns);
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'md')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'md')) {
     @include internal-grid-column($mdColumns);
   }
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'sm')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'sm')) {
     @include internal-grid-column($smColumns);
   }
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'xs')) {
+  @media screen and (max-width: map.get($mediaQuerySteps, 'xs')) {
     @include internal-grid-column($xsColumns);
   }
 }
 
 // Mixins for grid alignment
-
 @mixin grid-flex-align-items($horizontal, $vertical: top) {
   justify-content: $horizontal;
   align-items: $vertical;

package/src/styles/includes.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @import "_misc";
 @import "_scrollbars";
 @import "_grid";