@rws-framework/client 2.12.0 → 2.13.0

package/src/index.ts

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

package/src/services/ApiService.ts

@@ -1,7 +1,7 @@
 import TheService from './_service';
 
 //@4DI
-import ConfigService, { ConfigServiceInstance } from '../services/ConfigService';
+import ConfigService, { ConfigServiceInstance } from './ConfigService';
 
 import { upload, UploadResponse } from 'upload';
 
@@ -80,11 +80,6 @@ class ApiService extends TheService {
         this.token = token;
     }
 
-    getToken(): string
-    {
-        return this.token;
-    }
-
     public async pureGet(url: string, options: IAPIOptions = {}): Promise<string> {
         try {
             const response = await fetch(url, {
@@ -198,8 +193,6 @@ class ApiService extends TheService {
             apiPath = apiPath.replace(`:${paramKey}`, paramValue);
         });
 
-        console.log('bck', this.config.get('backendUrl'));
-
         return `${this.config.get('backendUrl')}${this.config.get('apiPrefix') || ''}${apiPath}`;
     }
 

package/src/services/_service.ts

@@ -1,6 +1,6 @@
-import RWSContainer from '../components/_container';
+import RWSContainer, { DI, InterfaceSymbol, Key, Registration } 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,11 +12,12 @@ $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);
@@ -28,35 +29,42 @@ $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/_scrollbars.scss

@@ -1,4 +1,5 @@
 @mixin customScrollbars($width: 10px, $trackColor: #f1f1f1, $thumbColor: #888) {
+
     /* WebKit (Safari/Chrome) */
     &::-webkit-scrollbar {
       width: $width;

package/src/styles/includes.scss

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

package/src/types/IRWSConfig.ts

@@ -1,6 +1,6 @@
 import RWSViewComponent from '../components/_component';
 import { RWSPlugin, DefaultRWSPluginOptionsType } from '../plugins/_plugin';
-import { IStaticRWSPlugin } from '../types/IRWSPlugin';
+import { IStaticRWSPlugin } from './IRWSPlugin';
 
 export type IFrontRoutes = Record<string, unknown>; 
 export type RWSPluginEntry<T extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> = new (...args: any[]) => RWSPlugin<T>;
@@ -25,7 +25,7 @@ export default interface IRWSConfig {
     rwsDefines?: {[key: string]: any}
     partedFileDir?: string
     partedPrefix?: string
-    plugins?: IStaticRWSPlugin<DefaultRWSPluginOptionsType>[]
+    plugins?: IStaticRWSPlugin[]
     routing_enabled?: boolean
     _noLoad?: boolean    
 }

package/src/types/IRWSPlugin.ts

@@ -1,7 +1,7 @@
 import { DefaultRWSPluginOptionsType } from "../plugins/_plugin";
 import IRWSUser from "./IRWSUser";
 import { Container } from "../components/_container";
-import RWSWindow from "../types/RWSWindow";
+import RWSWindow from "./RWSWindow";
 import { RWSInfoType } from "../client/components";
 
 
@@ -12,10 +12,8 @@ export interface IRWSPlugin {
     onSetUser(user: IRWSUser): Promise<void>
 }
 
-type IStaticRWSPluginEntry<PluginOptions extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> = {    
+export interface IStaticRWSPlugin<PluginOptions extends DefaultRWSPluginOptionsType = DefaultRWSPluginOptionsType> {    
     new (...args: any[]): IRWSPlugin;
     container: Container;    
     window: RWSWindow;
-}
-
-export type IStaticRWSPlugin<PluginOptions extends DefaultRWSPluginOptionsType> =  IStaticRWSPluginEntry<PluginOptions> | [IStaticRWSPluginEntry<PluginOptions>, PluginOptions]
+}