@rws-framework/client 2.13.1 → 2.13.3

package/src/services/ServiceWorkerService.ts

@@ -1,61 +1,61 @@
-import RWSService from './_service';
-
-
-class ServiceWorkerService extends RWSService {   
-    static _DEFAULT: boolean = true;
-    async registerServiceWorker(): Promise<void>
-    {
-        await ServiceWorkerService.registerServiceWorker();
-    }
-
-    static registerServiceWorker(): Promise<void>
-    {
-        if ('serviceWorker' in navigator) 
-        {
-            navigator.serviceWorker.getRegistrations().then(registrations => {
-                if (registrations.length) {
-                    return;
-                }
-
-                try {
-                    return (navigator.serviceWorker.register(
-                        '/service_worker.js',
-                        {
-                            scope: '/'          
-                        }
-                    ).then((registration) => {
-                        if (registration.installing) {
-                            console.log('Service worker installing');
-                        } else if (registration.waiting) {
-                            console.log('Service worker installed');
-                        } else if (registration.active) {
-                            console.log('Service worker active');
-                        }
-                    }));                
-                            
-                } catch (error) {      
-                    console.error(`Registration failed with ${error}`);
-                }
-            });    
-            
-            return;
-        }
-    }
-
-    sendDataToServiceWorker(type: string, data: any, asset_type: string = 'data_push')
-    {
-        if (navigator.serviceWorker.controller) {
-            navigator.serviceWorker.controller.postMessage({
-                command: type,
-                asset_type,
-                params: data
-            });
-        } else {
-            throw new Error('Service worker is not available');
-        }
-    }
-}
-
-
-export default ServiceWorkerService.getSingleton();
+import RWSService from './_service';
+
+
+class ServiceWorkerService extends RWSService {   
+    static _DEFAULT: boolean = true;
+    async registerServiceWorker(): Promise<void>
+    {
+        await ServiceWorkerService.registerServiceWorker();
+    }
+
+    static registerServiceWorker(): Promise<void>
+    {
+        if ('serviceWorker' in navigator) 
+        {
+            navigator.serviceWorker.getRegistrations().then(registrations => {
+                if (registrations.length) {
+                    return;
+                }
+
+                try {
+                    return (navigator.serviceWorker.register(
+                        '/service_worker.js',
+                        {
+                            scope: '/'          
+                        }
+                    ).then((registration) => {
+                        if (registration.installing) {
+                            console.log('Service worker installing');
+                        } else if (registration.waiting) {
+                            console.log('Service worker installed');
+                        } else if (registration.active) {
+                            console.log('Service worker active');
+                        }
+                    }));                
+                            
+                } catch (error) {      
+                    console.error(`Registration failed with ${error}`);
+                }
+            });    
+            
+            return;
+        }
+    }
+
+    sendDataToServiceWorker(type: string, data: any, asset_type: string = 'data_push')
+    {
+        if (navigator.serviceWorker.controller) {
+            navigator.serviceWorker.controller.postMessage({
+                command: type,
+                asset_type,
+                params: data
+            });
+        } else {
+            throw new Error('Service worker is not available');
+        }
+    }
+}
+
+
+export default ServiceWorkerService.getSingleton();
 export { ServiceWorkerService as ServiceWorkerServiceInstance };

package/src/services/UtilsService.ts

@@ -1,60 +1,60 @@
-import TheService from './_service';
-import ApiService, {ApiServiceInstance} from './ApiService';
-
-import { RawSourceMap  } from 'source-map';
-
-class UtilsService extends TheService {    
-    static _DEFAULT: boolean = true;
-    mergeDeep<T>(target: T | any, source: T  | any): T 
-    {
-        const isObject = (obj: any) => obj && typeof obj === 'object';
-
-        if (!isObject(target) || !isObject(source)) {
-            return source;
-        }
-
-        Object.keys(source).forEach(key => {
-            const targetValue = target[key];
-            const sourceValue = source[key];
-
-            if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
-                target[key] = targetValue.concat(sourceValue);
-            } else if (isObject(targetValue) && isObject(sourceValue)) {
-                target[key] = this.mergeDeep(Object.assign({}, targetValue), sourceValue);
-            } else {
-                target[key] = sourceValue;
-            }
-        });
-
-        return target;
-    }
-
-    async fetchSourceMap(jsFilePath: string): Promise<RawSourceMap> 
-    {
-        // Assuming the source map URL is the JS file URL with a '.map' extension
-        const sourceMapUrl = jsFilePath;
-
-        try {
-            const response = await fetch(sourceMapUrl);
-            if (!response.ok) {
-                throw new Error(`HTTP error! Status: ${response.status}`);
-            }
-            return await response.json();
-        } catch (error) {
-            console.error('Failed to fetch source map:', error);
-            return null;
-        }
-    }
-
-    async getCurrentLineNumber(error: Error = null): Promise<number> {
-        if(!error){
-            error = new Error();
-        }  
-        
-        return 0;
-    }    
-}
-
-export default UtilsService.getSingleton();
-
-export { UtilsService as UtilsServiceInstance };
+import TheService from './_service';
+import ApiService, {ApiServiceInstance} from './ApiService';
+
+import { RawSourceMap  } from 'source-map';
+
+class UtilsService extends TheService {    
+    static _DEFAULT: boolean = true;
+    mergeDeep<T>(target: T | any, source: T  | any): T 
+    {
+        const isObject = (obj: any) => obj && typeof obj === 'object';
+
+        if (!isObject(target) || !isObject(source)) {
+            return source;
+        }
+
+        Object.keys(source).forEach(key => {
+            const targetValue = target[key];
+            const sourceValue = source[key];
+
+            if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
+                target[key] = targetValue.concat(sourceValue);
+            } else if (isObject(targetValue) && isObject(sourceValue)) {
+                target[key] = this.mergeDeep(Object.assign({}, targetValue), sourceValue);
+            } else {
+                target[key] = sourceValue;
+            }
+        });
+
+        return target;
+    }
+
+    async fetchSourceMap(jsFilePath: string): Promise<RawSourceMap> 
+    {
+        // Assuming the source map URL is the JS file URL with a '.map' extension
+        const sourceMapUrl = jsFilePath;
+
+        try {
+            const response = await fetch(sourceMapUrl);
+            if (!response.ok) {
+                throw new Error(`HTTP error! Status: ${response.status}`);
+            }
+            return await response.json();
+        } catch (error) {
+            console.error('Failed to fetch source map:', error);
+            return null;
+        }
+    }
+
+    async getCurrentLineNumber(error: Error = null): Promise<number> {
+        if(!error){
+            error = new Error();
+        }  
+        
+        return 0;
+    }    
+}
+
+export default UtilsService.getSingleton();
+
+export { UtilsService as UtilsServiceInstance };

package/src/services/_service.ts

@@ -1,65 +1,65 @@
-import RWSContainer, { DI, InterfaceSymbol, Key, Registration } from '../components/_container';
-import { loadRWSRichWindow } from '../types/RWSWindow';
-
-export interface IWithDI<T> {
-    new (...args: any[]): T;
-    getSingleton: <T extends Key>(this: IWithDI<T>) => InterfaceSymbol<T>;
-    register: <T extends Key>(this: IWithDI<T>) => void;    
-}
-
-export default abstract class TheRWSService {
-    _RELOADABLE: boolean = false;
-    static _IN_CLIENT: boolean = false;
-    static _DEFAULT: boolean = false;
-
-    constructor() {    
-    }
-
-    register<T extends Key>(this: IWithDI<T>): void 
-    {
-        this.getSingleton();
-    }
-    
-    getSingleton<T extends Key>(this: IWithDI<T>): InterfaceSymbol<T> 
-    {
-        return this.getSingleton();
-    }
-
-    public static register<T extends Key>(this: IWithDI<T>): void
-    {                                        
-        this.getSingleton();
-    }
-    
-    public static getSingleton<T extends Key>(this: IWithDI<T>, serviceName: string = null): InterfaceSymbol<T>
-    {                  
-        const richWindow = loadRWSRichWindow();        
-
-        if(!serviceName){
-            serviceName = this.name;
-        }
-
-        if(Object.keys(richWindow.RWS._registered).includes(serviceName)){            
-            return richWindow.RWS._registered[serviceName];        
-        }
-
-        const interf = DI.createInterface<T>(serviceName);
-   
-        RWSContainer().register(
-            Registration.singleton(interf, this)
-        );
-
-        richWindow.RWS._registered[serviceName] = interf;
-
-        return interf;
-    }
-
-    isDefault(): boolean
-    {
-        return (this as any).constructor._DEFAULT;
-    }
-    
-    isInClient(): boolean
-    {
-        return (this as any).constructor._IN_CLIENT;
-    }
+import RWSContainer, { DI, InterfaceSymbol, Key, Registration } from '../components/_container';
+import { loadRWSRichWindow } from '../types/RWSWindow';
+
+export interface IWithDI<T> {
+    new (...args: any[]): T;
+    getSingleton: <T extends Key>(this: IWithDI<T>) => InterfaceSymbol<T>;
+    register: <T extends Key>(this: IWithDI<T>) => void;    
+}
+
+export default abstract class TheRWSService {
+    _RELOADABLE: boolean = false;
+    static _IN_CLIENT: boolean = false;
+    static _DEFAULT: boolean = false;
+
+    constructor() {    
+    }
+
+    register<T extends Key>(this: IWithDI<T>): void 
+    {
+        this.getSingleton();
+    }
+    
+    getSingleton<T extends Key>(this: IWithDI<T>): InterfaceSymbol<T> 
+    {
+        return this.getSingleton();
+    }
+
+    public static register<T extends Key>(this: IWithDI<T>): void
+    {                                        
+        this.getSingleton();
+    }
+    
+    public static getSingleton<T extends Key>(this: IWithDI<T>, serviceName: string = null): InterfaceSymbol<T>
+    {                  
+        const richWindow = loadRWSRichWindow();        
+
+        if(!serviceName){
+            serviceName = this.name;
+        }
+
+        if(Object.keys(richWindow.RWS._registered).includes(serviceName)){            
+            return richWindow.RWS._registered[serviceName];        
+        }
+
+        const interf = DI.createInterface<T>(serviceName);
+   
+        RWSContainer().register(
+            Registration.singleton(interf, this)
+        );
+
+        richWindow.RWS._registered[serviceName] = interf;
+
+        return interf;
+    }
+
+    isDefault(): boolean
+    {
+        return (this as any).constructor._DEFAULT;
+    }
+    
+    isInClient(): boolean
+    {
+        return (this as any).constructor._IN_CLIENT;
+    }
 }

package/src/styles/_darkreader.scss

@@ -1,30 +1,30 @@
-$darkreader-base-globals: (
-    'neutral-background': var(--rws-darkreader-neutral-background, #212222),
-    'neutral-text': var(--rws-darkreader-neutral-text, #eae3d9),
-    'selection-background': var(--rws-darkreader-selection-background, #165aaa),
-    'selection-text': var(--rws-darkreader-selection-text, #624e2f)
-);
-
-$darkreader-elements: ('text', 'bg', 'border', 'neutral', 'selection');
-
-@mixin darkreader-for-var($element, $variable_name, $color){
-    --darkreader-#{$element}--#{$variable_name}: #{$color};
-}
-
-@mixin darkreader-for-varmap($element, $variable-map){
-    @each $key, $value in $variable-map {
-        @include darkreader-for-var($element, $key, $value);
-    }
-}
-
-@mixin darkreader-all-for-varmap($variable-map){
-    @each $element in $darkreader-elements {
-        @include darkreader-for-varmap($element, $variable-map);
-    }
-}
-
-@mixin darkreader-global(){
-    @each $field, $color in $darkreader-base-globals {
-        --darkreader-#{$field}: #{$color};
-    }
-}
+$darkreader-base-globals: (
+    'neutral-background': var(--rws-darkreader-neutral-background, #212222),
+    'neutral-text': var(--rws-darkreader-neutral-text, #eae3d9),
+    'selection-background': var(--rws-darkreader-selection-background, #165aaa),
+    'selection-text': var(--rws-darkreader-selection-text, #624e2f)
+);
+
+$darkreader-elements: ('text', 'bg', 'border', 'neutral', 'selection');
+
+@mixin darkreader-for-var($element, $variable_name, $color){
+    --darkreader-#{$element}--#{$variable_name}: #{$color};
+}
+
+@mixin darkreader-for-varmap($element, $variable-map){
+    @each $key, $value in $variable-map {
+        @include darkreader-for-var($element, $key, $value);
+    }
+}
+
+@mixin darkreader-all-for-varmap($variable-map){
+    @each $element in $darkreader-elements {
+        @include darkreader-for-varmap($element, $variable-map);
+    }
+}
+
+@mixin darkreader-global(){
+    @each $field, $color in $darkreader-base-globals {
+        --darkreader-#{$field}: #{$color};
+    }
+}

package/src/styles/_grid.scss

@@ -1,76 +1,76 @@
-$mediaQuerySteps: (
-  'md': var(--rws-md-width, 1200px),
-  'sm': var(--rws-sm-width, 992px),
-  'xs': var(--rws-xs-width, 768px)
-);
-
-// Mixin for the grid container
-@mixin grid-container() {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-@mixin grid-container-gap($gap) {
-  gap: $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);
-}
-
-@mixin grid-column($columns: 12) {
-  @include internal-grid-column($columns);
-}
-
-@mixin grid-column($columns: 12, $mdColumns: 12) {
-  @include internal-grid-column($columns);
-
-  @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')) {
-    @include internal-grid-column($mdColumns);
-  }
-
-  @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')) {
-    @include internal-grid-column($mdColumns);
-  }
-
-  @media screen and (max-width: map-get($mediaQuerySteps, 'sm')) {
-    @include internal-grid-column($smColumns);
-  }
-
-  @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;
-}
-
-@mixin center-container() {
-  margin-left: auto;
-  margin-right: auto;
+$mediaQuerySteps: (
+  'md': var(--rws-md-width, 1200px),
+  'sm': var(--rws-sm-width, 992px),
+  'xs': var(--rws-xs-width, 768px)
+);
+
+// Mixin for the grid container
+@mixin grid-container() {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+@mixin grid-container-gap($gap) {
+  gap: $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);
+}
+
+@mixin grid-column($columns: 12) {
+  @include internal-grid-column($columns);
+}
+
+@mixin grid-column($columns: 12, $mdColumns: 12) {
+  @include internal-grid-column($columns);
+
+  @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')) {
+    @include internal-grid-column($mdColumns);
+  }
+
+  @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')) {
+    @include internal-grid-column($mdColumns);
+  }
+
+  @media screen and (max-width: map-get($mediaQuerySteps, 'sm')) {
+    @include internal-grid-column($smColumns);
+  }
+
+  @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;
+}
+
+@mixin center-container() {
+  margin-left: auto;
+  margin-right: auto;
 }

package/src/styles/_misc.scss

@@ -1,9 +1,9 @@
-@function px-to-em($pixels, $base-font-size: 16) {
-    @return #{calc($pixels / $base-font-size)}em;
-}  
-  
-@mixin vars($variables) {
-    @each $name, $value in $variables {
-        --#{$name}: #{$value};
-    }
+@function px-to-em($pixels, $base-font-size: 16) {
+    @return #{calc($pixels / $base-font-size)}em;
+}  
+  
+@mixin vars($variables) {
+    @each $name, $value in $variables {
+        --#{$name}: #{$value};
+    }
 }