@quandis/qbo4.ui 4.0.1-CI-20240429-215003 → 4.0.1-CI-20240429-225952

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20240429-215003",
+  "version": "4.0.1-CI-20240429-225952",
   "workspaces": [
     "code"
   ],

package/readme.md

@@ -69,7 +69,6 @@ In this example, the `qms` is cloned in `getApiService`, and the `relativePath`
 You can write your own `IApiService` class, and register it to qbo's DI container:
 
 ```typescript
-import { services } from "@quandis/qbo4.logging";
 import { services, IApiService } from "@quandis/qbo4.ui";
 
 @injectable()

package/src/qbo/IApiService.d.ts

@@ -13,6 +13,7 @@ export interface IApiService {
      * @param payload The payload to send to the API.
      */
     fetch(relativePath: string | null, payload: Record<string, string> | null): Promise<any>;
+    clone(relativePath: string | null): IApiService;
 }
 /**
  *  Define a token for the IApiService interface

package/src/qbo/IApiService.ts

@@ -16,6 +16,9 @@ export interface IApiService {
      * @param payload The payload to send to the API.
      */
     fetch(relativePath: string | null, payload: Record<string, string> | null): Promise<any>;
+
+    
+    clone(relativePath: string | null): IApiService;
 }
 
 /**

package/src/qbo/Program.js

@@ -116,10 +116,5 @@ export function getApiService(url) {
     const service = services.container.isRegistered(name)
         ? services.container.resolve(name)
         : new RestApiService(url);
-    if (relativePath) {
-        const clone = structuredClone(service);
-        clone.relativePath = relativePath;
-        return clone;
-    }
-    return service;
+    return (relativePath) ? service.clone(relativePath) : service;
 }

package/src/qbo/Program.ts

@@ -125,10 +125,5 @@ export function getApiService(url: string) {
         ? services.container.resolve<IApiService>(name)
         : new RestApiService(url);
 
-    if (relativePath) {
-        const clone = structuredClone(service);
-        clone.relativePath = relativePath;
-        return clone;
-    }
-    return service;
+    return (relativePath) ? service.clone(relativePath) : service;
 }

package/src/qbo/RestApiService.d.ts

@@ -6,5 +6,6 @@ export declare class RestApiService implements IApiService {
     relativePath: string;
     constructor(apiEndpoint: string, headers?: HeadersInit, method?: string | null);
     fetch(relativePath: string | null, payload?: Record<string, string> | null): Promise<any>;
+    clone(relativePath: string | null): IApiService;
 }
 export declare function registerRestApi(name: string, apiEndpoint: string, headers?: HeadersInit, method?: string | null): void;

package/src/qbo/RestApiService.js

@@ -24,6 +24,11 @@ export class RestApiService {
         }
         return response.json();
     }
+    clone(relativePath) {
+        const clone = new RestApiService(this.apiEndpoint, this.headers, this.method);
+        clone.relativePath = relativePath ?? '';
+        return clone;
+    }
 }
 // Register a RestApiService with the default name 'default' and the base URL of the current page
 services.container.registerInstance('default', new RestApiService(document.querySelector('base[href]')?.getAttribute('href') || window.location.origin));

package/src/qbo/RestApiService.ts

@@ -35,6 +35,12 @@ export class RestApiService implements IApiService {
 
         return response.json();
     }
+
+    clone(relativePath: string | null): IApiService {
+        const clone = new RestApiService(this.apiEndpoint, this.headers, this.method);
+        clone.relativePath = relativePath ?? '';
+        return clone;
+    }
 }
 
 // Register a RestApiService with the default name 'default' and the base URL of the current page