@startinblox/components-ds4go 2.1.1 → 2.2.0

package/src/helpers/components/ResourceMapper.ts

@@ -16,6 +16,8 @@
  * ```
  */
 
+import type { Resource, UnknownResource } from "@src/component";
+
 // import type { Resource } from '@startinblox/core';
 
 // ============================================================================
@@ -46,7 +48,11 @@ export interface ResourceMapperConfig {
   /**
    * Optional custom post-processing function
    */
-  postProcess?: (resource: Resource, source: any, context: MappingContext) => Resource;
+  postProcess?: (
+    resource: Resource,
+    source: any,
+    context: MappingContext,
+  ) => Resource;
 }
 
 export interface FieldMapping {
@@ -90,7 +96,10 @@ export interface ContainerFieldMapping {
   /**
    * Field mappings for each item
    */
-  itemFields: Record<string, (item: any, index: number, context: MappingContext) => any>;
+  itemFields: Record<
+    string,
+    (item: any, index: number, context: MappingContext) => any
+  >;
 
   /**
    * Optional filter function to include/exclude items
@@ -143,10 +152,8 @@ export interface MappingContext {
  * Strips URN prefixes from IDs
  */
 export function stripUrnPrefix(value: string | undefined): string {
-  if (!value) return '';
-  return value
-    .replace(/^urn:uuid:/i, '')
-    .replace(/^urn:tems:/i, '');
+  if (!value) return "";
+  return value.replace(/^urn:uuid:/i, "").replace(/^urn:tems:/i, "");
 }
 
 /**
@@ -155,20 +162,20 @@ export function stripUrnPrefix(value: string | undefined): string {
 export function processPolicyTransform(
   policy: any,
   source: any,
-  _context: MappingContext
+  _context: MappingContext,
 ): any {
   if (!policy) return null;
 
   const processedPolicy = JSON.parse(JSON.stringify(policy)); // Deep clone
 
   // Strip URN prefix from policy @id
-  if (processedPolicy['@id']) {
-    processedPolicy['@id'] = stripUrnPrefix(processedPolicy['@id']);
+  if (processedPolicy["@id"]) {
+    processedPolicy["@id"] = stripUrnPrefix(processedPolicy["@id"]);
   }
 
   // Add target field (asset ID)
-  const assetId = getNestedValue(source, ['@id']) || '';
-  processedPolicy['target'] = stripUrnPrefix(assetId);
+  const assetId = getNestedValue(source, ["@id"]) || "";
+  processedPolicy.target = stripUrnPrefix(assetId);
 
   return processedPolicy;
 }
@@ -186,8 +193,8 @@ export function firstOrSelf(value: any): any {
 export function generateIdFromName(name: string, base: string): string {
   const slug = name
     .toLowerCase()
-    .replace(/[^a-z0-9]+/g, '-')
-    .replace(/^-+|-+$/g, '');
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
   return `${base}${slug}`;
 }
 
@@ -248,7 +255,7 @@ export class ResourceMapper {
    * Maps source data to TEMS-compatible resource
    */
   map(source: any, context: MappingContext = {}): Resource {
-    const resource: Resource = {};
+    const resource: UnknownResource = {};
 
     // Map base fields
     for (const [destKey, mapping] of Object.entries(this.config.baseFields)) {
@@ -260,7 +267,9 @@ export class ResourceMapper {
 
     // Map container fields
     if (this.config.containerFields) {
-      for (const [destKey, mapping] of Object.entries(this.config.containerFields)) {
+      for (const [destKey, mapping] of Object.entries(
+        this.config.containerFields,
+      )) {
         const container = this.mapContainerField(source, mapping, context);
         if (container) {
           resource[destKey] = container;
@@ -270,7 +279,9 @@ export class ResourceMapper {
 
     // Map nested objects
     if (this.config.nestedObjects) {
-      for (const [destKey, mapping] of Object.entries(this.config.nestedObjects)) {
+      for (const [destKey, mapping] of Object.entries(
+        this.config.nestedObjects,
+      )) {
         const nestedObj = this.mapNestedObject(source, mapping, context);
         if (nestedObj) {
           resource[destKey] = nestedObj;
@@ -280,7 +291,9 @@ export class ResourceMapper {
 
     // Map contract fields
     if (this.config.contractFields) {
-      for (const [destKey, mapping] of Object.entries(this.config.contractFields)) {
+      for (const [destKey, mapping] of Object.entries(
+        this.config.contractFields,
+      )) {
         const value = this.mapField(source, mapping, context);
         if (value !== undefined) {
           resource[destKey] = value;
@@ -290,16 +303,20 @@ export class ResourceMapper {
 
     // Apply post-processing
     if (this.config.postProcess) {
-      return this.config.postProcess(resource, source, context);
+      return this.config.postProcess((resource as Resource), source, context);
     }
 
-    return resource;
+    return (resource as Resource);
   }
 
   /**
    * Maps a single field
    */
-  private mapField(source: any, mapping: FieldMapping, context: MappingContext): any {
+  private mapField(
+    source: any,
+    mapping: FieldMapping,
+    context: MappingContext,
+  ): any {
     // Get source value
     let value = getNestedValue(source, mapping.source);
 
@@ -309,9 +326,9 @@ export class ResourceMapper {
     }
 
     // Apply fallback
-    if (value === undefined || value === null || value === '') {
+    if (value === undefined || value === null || value === "") {
       if (mapping.fallback) {
-        if (typeof mapping.fallback === 'function') {
+        if (typeof mapping.fallback === "function") {
           value = mapping.fallback(source, context);
         } else {
           // Fallback is a path to another field
@@ -321,7 +338,7 @@ export class ResourceMapper {
     }
 
     // Apply default value
-    if (value === undefined || value === null || value === '') {
+    if (value === undefined || value === null || value === "") {
       value = mapping.defaultValue;
     }
 
@@ -334,7 +351,7 @@ export class ResourceMapper {
   private mapContainerField(
     source: any,
     mapping: ContainerFieldMapping,
-    context: MappingContext
+    context: MappingContext,
   ): any {
     // Get source array
     let sourceArray = getNestedValue(source, mapping.source);
@@ -355,15 +372,15 @@ export class ResourceMapper {
 
     // Filter items
     if (mapping.filter) {
-      sourceArray = sourceArray.filter((item, index) =>
-        mapping.filter!(item, index, context)
+      sourceArray = sourceArray.filter((item: any, index: number) =>
+        mapping.filter!(item, index, context),
       );
     }
 
     // Map items
-    const items = sourceArray.map((item, index) => {
+    const items = sourceArray.map((item: any, index: number) => {
       const mappedItem: any = {
-        '@type': mapping.itemType,
+        "@type": mapping.itemType,
       };
 
       for (const [fieldKey, fieldFn] of Object.entries(mapping.itemFields)) {
@@ -378,8 +395,8 @@ export class ResourceMapper {
 
     // Return LDP container
     return {
-      '@type': mapping.containerType,
-      'ldp:contains': items,
+      "@type": mapping.containerType,
+      "ldp:contains": items,
     };
   }
 
@@ -389,7 +406,7 @@ export class ResourceMapper {
   private mapNestedObject(
     source: any,
     mapping: NestedObjectMapping,
-    context: MappingContext
+    context: MappingContext,
   ): any {
     // Get source object
     const sourceObj = getNestedValue(source, mapping.source);
@@ -402,7 +419,7 @@ export class ResourceMapper {
 
     // Add type if specified
     if (mapping.type) {
-      nestedObj['@type'] = mapping.type;
+      nestedObj["@type"] = mapping.type;
     }
 
     // Map fields
@@ -422,7 +439,9 @@ export class ResourceMapper {
       }
     }
 
-    return Object.keys(nestedObj).length > (mapping.type ? 1 : 0) ? nestedObj : null;
+    return Object.keys(nestedObj).length > (mapping.type ? 1 : 0)
+      ? nestedObj
+      : null;
   }
 
   /**
@@ -437,11 +456,11 @@ export class ResourceMapper {
     for (const [key, value] of Object.entries(unwrapped)) {
       if (
         value &&
-        typeof value === 'object' &&
-        value['@type'] === 'ldp:Container' &&
-        value['ldp:contains']
+        typeof value === "object" &&
+        value["@type"] === "ldp:Container" &&
+        value["ldp:contains"]
       ) {
-        unwrapped[key] = value['ldp:contains'];
+        unwrapped[key] = value["ldp:contains"];
       }
     }
 

package/src/helpers/components/{dspComponent.ts → orbitDspComponent.ts}

@@ -1,8 +1,12 @@
+import {
+  StoreService,
+  StoreType,
+} from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
 import { OrbitComponent, setupComponentSubscriptions } from "@helpers";
 import { ResourceMapper } from "@helpers/components/ResourceMapper";
 import { dspMappingConfig } from "@helpers/mappings/dsp-mapping-config";
-import type { Resource } from "@src/component.d.ts";
-import { StoreService, StoreType } from "@startinblox/core";
+import type { DSPComponentParameters, Resource } from "@src/component.d.ts";
+import type { PropertyValues } from "lit";
 import { property, state } from "lit/decorators.js";
 
 export interface DSPProviderConfig {
@@ -22,37 +26,30 @@ export default class extends OrbitComponent {
   @property({ attribute: "participant-api-key", reflect: true })
   participantApiKey?: string;
 
-  @property({ attribute: "providers", type: Array })
-  private _providers: DSPProviderConfig[] = [];
-
-  public get providers(): DSPProviderConfig[] {
-    return this._providers;
-  }
-  
-  public set providers(value: DSPProviderConfig[]) {
-    if (typeof value === "string") {
-      try {
-        this._providers = JSON.parse(value);
-      } catch (_e) {
-        this._providers = [];
-      }
-    } else {
-      this._providers = value || [];
-    }
-  }
-
   @property({ attribute: "api-gateway-config", reflect: true })
   apiGatewayConfig?: string;
 
   @state()
-  storeService?: any;
+  storeService?: StoreService;
 
   @state()
-  dspStoreService?: any;
+  dspStoreService?: StoreService;
 
   @state()
   _apiGatewayConfigParsed?: any;
 
+  @property({ type: Array })
+  providers: DSPProviderConfig[] = [];
+
+  willUpdate(_changedProperties: PropertyValues<this>) {
+    if (
+      (!this.providers || this.providers.length === 0) &&
+      this.component?.parameters?.providers
+    ) {
+      this.providers = this.component.parameters.providers || [];
+    }
+  }
+
   protected async _attach(
     defaultRoute: boolean,
     setupSubscriptions: boolean,
@@ -81,7 +78,7 @@ export default class extends OrbitComponent {
 
           // Get connector configuration from attributes or component params
           if (!this.participantConnectorUri) {
-            const params = this.component?.parameters as any;
+            const params = this.component?.parameters as DSPComponentParameters;
             if (params?.["participant-connector-uri"]) {
               this.participantConnectorUri =
                 params["participant-connector-uri"];
@@ -98,7 +95,7 @@ export default class extends OrbitComponent {
           }
 
           // Parse API Gateway configuration (OPTIONAL)
-          const params = this.component?.parameters as any;
+          const params = this.component?.parameters as DSPComponentParameters;
 
           if (params?.["api-gateway-config"]) {
             this.apiGatewayConfig = params["api-gateway-config"];

package/src/helpers/index.ts

@@ -1,7 +1,7 @@
 import { ComponentObjectHandler } from "@helpers/components/componentObjectHandler";
 import { ComponentObjectsHandler } from "@helpers/components/componentObjectsHandler";
-// import dspComponent from "@helpers/components/dspComponent";
 import OrbitComponent from "@helpers/components/orbitComponent";
+import dspComponent from "@helpers/components/orbitDspComponent";
 import setupCacheInvalidation from "@helpers/components/setupCacheInvalidation";
 import setupCacheOnResourceReady from "@helpers/components/setupCacheOnResourceReady";
 import setupComponentSubscriptions from "@helpers/components/setupComponentSubscriptions";
@@ -20,7 +20,7 @@ import uniq from "@helpers/utils/uniq";
 import CLIENT_CONTEXT from "@src/context.json";
 
 export {
-  // dspComponent,
+  dspComponent,
   CLIENT_CONTEXT,
   filterGenerator,
   filterObjectByDateAfter,

package/vite.config.ts

@@ -38,11 +38,6 @@ export default defineConfig({
       "@stories": "/stories",
       "@styles": "/src/styles",
       "@src": "/src",
-      "@startinblox/core":
-        "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/dist/index.js",
-      // Node.js polyfills for sib-core
-      stream: "stream-browserify",
-      buffer: "buffer",
     },
   },
 });