@quandis/qbo4.configuration 4.0.1-CI-20240513-201149 → 4.0.1-CI-20240519-215631

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quandis/qbo4.configuration",
-  "version": "4.0.1-CI-20240513-201149",
+  "version": "4.0.1-CI-20240519-215631",
   "type": "module",
   "types": "./src/Program.d.ts",
   "exports": {

package/src/Program.d.ts

@@ -8,3 +8,4 @@ export * from './Services.js';
 export * from './IConfiguration.js';
 export * from './Configuration.js';
 export * from './qbo-config-editor.js';
+export * from './qbo-template.js';

package/src/Program.js

@@ -3,4 +3,5 @@ export * from './Services.js';
 export * from './IConfiguration.js';
 export * from './Configuration.js';
 export * from './qbo-config-editor.js';
+export * from './qbo-template.js';
 //# sourceMappingURL=Program.js.map

package/src/Program.js.map

@@ -1 +1 @@
-{"version":3,"file":"Program.js","sourceRoot":"","sources":["Program.ts"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"Program.js","sourceRoot":"","sources":["Program.ts"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}

package/src/Program.ts

@@ -10,4 +10,5 @@ export * from './Services.js';
 export * from './IConfiguration.js';
 export * from './Configuration.js';
 export * from './qbo-config-editor.js';
+export * from './qbo-template.js';
 

package/src/qbo-template.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class ITemplate {
+    type: string;
+    map: Map<string, TemplateFunction> | undefined;
+    prefix: string;
+    templateEndpoint: string;
+}
+type Constructor<T = {}> = new (...args: any[]) => T;
+export type TemplateFunction = (component: any) => TemplateResult;
+export declare const templates: Map<string, Map<string, TemplateFunction>>;
+export declare const QboTemplateMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ITemplate> & T;
+/**
+  * Renders a template defined in configuration.
+  *
+  * @remarks
+  * @param apiEndpoint - The API endpoint to fetch data from.
+  * @param method - The HTTP method to use when fetching data.
+  * @param error - Indicates whether an error occurred while fetching data.
+  */
+export declare const QboTemplate: Constructor<ITemplate> & typeof LitElement;
+export {};

package/src/qbo-template.js

@@ -0,0 +1,94 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+const scriptCache = {};
+export const templates = new Map();
+export const QboTemplateMixin = (superClass) => {
+    class QboTemplateClass extends superClass {
+        constructor(...args) {
+            super(...args);
+            this.type = '';
+            this.templateEndpoint = '/configuration/templates';
+            this.prefix = null;
+            this.map = undefined;
+        }
+        async connectedCallback() {
+            super.connectedCallback();
+            this.prefix ??= this.constructor.name;
+            // Ensure we have a map for this class
+            if (!templates.has(this.prefix)) {
+                templates.set(this.prefix, new Map());
+            }
+            ;
+            this.map = templates.get(this.prefix);
+            if (this.map === undefined)
+                console.error(`The prefix ${this.prefix} is not defined in the templates map.`);
+            // Don't bother with the API call if we already have the template.
+            if (this.map && !this.map.has(this.type)) {
+                await this.loadScript(this.prefix);
+            }
+        }
+        async loadScript(prefix) {
+            if (!scriptCache[prefix]) {
+                scriptCache[prefix] = this.fetchScript(prefix);
+            }
+            try {
+                const scriptText = await scriptCache[prefix];
+                this.appendScriptToHead(scriptText);
+                console.log(`Template script for ${this.prefix} loaded and executed.`);
+            }
+            catch (error) {
+                console.error(`Template script for ${this.prefix} failed to load:`, error);
+            }
+        }
+        async fetchScript(prefix) {
+            const response = await fetch(`${this.templateEndpoint}/${prefix}`);
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        }
+        appendScriptToHead(scriptText) {
+            const scriptElement = document.createElement('script');
+            scriptElement.type = 'text/javascript';
+            scriptElement.text = scriptText;
+            document.head.appendChild(scriptElement);
+        }
+    }
+    __decorate([
+        property(),
+        __metadata("design:type", Object)
+    ], QboTemplateClass.prototype, "type", void 0);
+    __decorate([
+        property(),
+        __metadata("design:type", Object)
+    ], QboTemplateClass.prototype, "templateEndpoint", void 0);
+    __decorate([
+        property(),
+        __metadata("design:type", Object)
+    ], QboTemplateClass.prototype, "prefix", void 0);
+    __decorate([
+        property({ attribute: false }),
+        __metadata("design:type", Object)
+    ], QboTemplateClass.prototype, "map", void 0);
+    ;
+    return QboTemplateClass;
+};
+/**
+  * Renders a template defined in configuration.
+  *
+  * @remarks
+  * @param apiEndpoint - The API endpoint to fetch data from.
+  * @param method - The HTTP method to use when fetching data.
+  * @param error - Indicates whether an error occurred while fetching data.
+  */
+export const QboTemplate = QboTemplateMixin(LitElement);
+//# sourceMappingURL=qbo-template.js.map

package/src/qbo-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qbo-template.js","sourceRoot":"","sources":["qbo-template.ts"],"names":[],"mappings":"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"}

package/src/qbo-template.ts

@@ -0,0 +1,92 @@
+import { LitElement, TemplateResult } from 'lit';
+import { property } from 'lit/decorators.js';
+
+// Define the interface for the mixin
+export declare class ITemplate {
+    type: string;
+    map: Map<string, TemplateFunction> | undefined;
+    prefix: string;
+    templateEndpoint: string;
+}
+
+type Constructor<T = {}> = new (...args: any[]) => T;
+export type TemplateFunction = (component: any) => TemplateResult;
+
+const scriptCache: { [key: string]: Promise<string> } = {};
+export const templates: Map<string, Map<string, TemplateFunction>> = new Map();
+
+export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass: T) => {
+    class QboTemplateClass extends superClass {
+        @property()
+        type = '';
+
+        @property()
+        templateEndpoint = '/configuration/templates';
+
+        @property()
+        prefix: string | null = null;
+
+        @property({ attribute: false })
+        map: Map<string, TemplateFunction> | undefined = undefined;
+
+        constructor(...args: any[]) {
+            super(...args);
+        }
+
+        async connectedCallback() {
+            super.connectedCallback();
+            this.prefix ??= this.constructor.name;
+            // Ensure we have a map for this class
+            if (!templates.has(this.prefix)) {
+                templates.set(this.prefix, new Map());
+            };
+            this.map = templates.get(this.prefix);
+            if (this.map === undefined)
+                console.error(`The prefix ${this.prefix} is not defined in the templates map.`);
+            // Don't bother with the API call if we already have the template.
+            if (this.map && !this.map.has(this.type)) {
+                await this.loadScript(this.prefix);
+            }
+        }
+
+        async loadScript(prefix: string): Promise<void> {
+            if (!scriptCache[prefix]) {
+                scriptCache[prefix] = this.fetchScript(prefix);
+            }
+            try {
+                const scriptText = await scriptCache[prefix];
+                this.appendScriptToHead(scriptText);
+                console.log(`Template script for ${this.prefix} loaded and executed.`);
+            } catch (error) {
+                console.error(`Template script for ${this.prefix} failed to load:`, error);
+            }
+        }
+
+        async fetchScript(prefix: string): Promise<string> {
+            const response = await fetch(`${this.templateEndpoint}/${prefix}`);
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        }
+
+        appendScriptToHead(scriptText: string): void {
+            const scriptElement = document.createElement('script');
+            scriptElement.type = 'text/javascript';
+            scriptElement.text = scriptText;
+            document.head.appendChild(scriptElement);
+        }
+    };
+
+    return QboTemplateClass as unknown as Constructor<ITemplate> & T;
+}
+
+/**
+  * Renders a template defined in configuration.
+  *
+  * @remarks
+  * @param apiEndpoint - The API endpoint to fetch data from.
+  * @param method - The HTTP method to use when fetching data.
+  * @param error - Indicates whether an error occurred while fetching data.
+  */
+export const QboTemplate = QboTemplateMixin(LitElement);