@reidelsaltres/pureper 0.2.15 → 0.2.17

package/out/foundation/Fetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fetcher.d.ts","sourceRoot":"","sources":["../../src/foundation/Fetcher.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,OAAO,OAAO;WACX,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;WAqBvC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC;WAoBnC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;mBAiBxB,aAAa;CAOrC"}
+{"version":3,"file":"Fetcher.d.ts","sourceRoot":"","sources":["../../src/foundation/Fetcher.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,OAAO;WACX,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;WAgBvC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC;WAgBnC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;mBAiBxB,aAAa;CAarC"}

package/out/foundation/Fetcher.js

@@ -1,40 +1,29 @@
 import { HOSTING_ORIGIN } from "./Hosting.js";
-// cache stores response bodies (text) by resolved URL so we can reuse them safely
-const temporaryCache = new Map();
 // keep in-flight promises to deduplicate concurrent identical requests
 const inFlightText = new Map();
 const inFlightJSON = new Map();
 export default class Fetcher {
     static async fetchText(url) {
         const resolved = this.resolveUrl(url);
-        if (temporaryCache.has(resolved))
-            return temporaryCache.get(resolved);
         // If a request for the same URL is already in-flight, reuse its promise
         if (inFlightText.has(resolved))
             return inFlightText.get(resolved);
         const p = (async () => {
             const response = await this.internalFetch(resolved);
-            const text = await response.text();
-            temporaryCache.set(resolved, text);
-            return text;
+            return response.text();
         })();
         inFlightText.set(resolved, p);
-        // cleanup entry when finished
         p.finally(() => inFlightText.delete(resolved));
         return p;
     }
     static async fetchJSON(url) {
         const resolved = this.resolveUrl(url);
-        if (temporaryCache.has(resolved))
-            return JSON.parse(temporaryCache.get(resolved));
         // If a request for the same URL is already in-flight, reuse its promise
         if (inFlightJSON.has(resolved))
             return inFlightJSON.get(resolved);
         const p = (async () => {
             const response = await this.internalFetch(resolved);
-            const json = await response.json();
-            temporaryCache.set(resolved, JSON.stringify(json));
-            return json;
+            return response.json();
         })();
         inFlightJSON.set(resolved, p);
         p.finally(() => inFlightJSON.delete(resolved));
@@ -56,6 +45,12 @@ export default class Fetcher {
         return new URL(trimmed, `${HOSTING_ORIGIN}/`).href;
     }
     static async internalFetch(resolvedUrl) {
+        // L2: check ServiceWorker CacheStorage before hitting the network
+        if ('caches' in window) {
+            const cached = await caches.match(resolvedUrl);
+            if (cached)
+                return cached;
+        }
         const response = await fetch(resolvedUrl, { cache: 'default' });
         if (!response.ok) {
             throw new Error(`HTTP error! ${resolvedUrl} status: ${response.status}`);

package/out/foundation/Fetcher.js.map

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

package/out/foundation/Injection.d.ts

@@ -0,0 +1,87 @@
+import Observable from "./api/Observer.js";
+import { AnyConstructor } from "./component_api/mixin/Proto.js";
+import UniHtml from "./component_api/UniHtml.js";
+export type ImplementationStruct = {
+    markupURL?: string;
+    markup?: string;
+    cssURL?: string;
+    css?: string;
+    ltCssURL?: string;
+    ltCss?: string;
+    class?: AnyConstructor<UniHtml>;
+};
+/**
+ * Implementation — a swappable variant for a Triplet placeholder.
+ *
+ * Each placeholder (component tag or page route) can have multiple registered
+ * implementations. One is active at a time; switching triggers a reload on
+ * all live instances.
+ *
+ * ```ts
+ * // Register the default implementation
+ * @ReComponent({ markupURL: './Button.hmle', cssURL: './Button.css' }, "re-button")
+ * class ReButton extends Component { ... }
+ *
+ * // Register an alternative implementation
+ * @ReImplementation({ markupURL: './FancyButton.hmle', cssURL: './FancyButton.css' }, "re-button")
+ * class FancyButton extends Component { ... }
+ *
+ * // Switch all re-button instances to FancyButton
+ * Placeholder.switchTo("re-button", "FancyButton");
+ *
+ * // Switch a single instance manually
+ * const btn = document.querySelector("re-button");
+ * Placeholder.switchInstance(btn, "FancyButton");
+ * ```
+ */
+export declare class Implementation {
+    readonly name: string;
+    readonly markup?: Promise<string>;
+    readonly style?: Promise<string>;
+    readonly globalStyle?: Promise<string>;
+    readonly uniClass?: AnyConstructor<UniHtml>;
+    constructor(name: string, struct: ImplementationStruct);
+}
+/**
+ * Placeholder — manages a named slot (tag or route) with swappable implementations.
+ *
+ * - `Placeholder.get(name)` — get or create a placeholder
+ * - `placeholder.addImplementation(impl)` — register an implementation
+ * - `Placeholder.switchTo(name, implName)` — globally switch + reload all instances
+ * - `Placeholder.switchInstance(instance, implName)` — switch one instance
+ */
+export declare class Placeholder {
+    /** Все зарегистрированные placeholders по имени (tag / route). */
+    private static readonly _all;
+    readonly name: string;
+    readonly implementations: Map<string, Implementation>;
+    readonly activeImpl: Observable<Implementation | null>;
+    /** Все живые экземпляры этого placeholder для reload при смене implementation. */
+    private readonly _instances;
+    private constructor();
+    /** Get or create a placeholder by name. */
+    static get(name: string): Placeholder;
+    /** Check if a placeholder exists. */
+    static has(name: string): boolean;
+    /** Add an implementation. The first one added becomes active by default. */
+    addImplementation(impl: Implementation): void;
+    /** Get the currently active implementation. */
+    getActive(): Implementation | null;
+    /** Track a live instance for reload. */
+    trackInstance(instance: UniHtml): void;
+    /** Untrack a disposed instance. */
+    untrackInstance(instance: UniHtml): void;
+    /** Get all tracked live instances. */
+    getInstances(): Set<UniHtml>;
+    /**
+     * Switch the active implementation globally.
+     * All live instances of this placeholder will reload.
+     */
+    static switchTo(placeholderName: string, implName: string): Promise<void>;
+    /**
+     * Switch a single instance to a different implementation and reload it.
+     * Does NOT change the global active implementation.
+     */
+    static switchInstance(placeholderName: string, instance: UniHtml, implName: string): Promise<void>;
+}
+//# sourceMappingURL=Injection.d.ts.map

package/out/foundation/Injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Injection.d.ts","sourceRoot":"","sources":["../../src/foundation/Injection.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,OAAO,MAAM,4BAA4B,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACnC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,cAAc;IACvB,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,SAAgB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxC,SAAgB,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9C,SAAgB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;gBAEhC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB;CAiBhE;AAED;;;;;;;GAOG;AACH,qBAAa,WAAW;IACpB,kEAAkE;IAClE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAuC;IAEnE,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAa;IACzE,SAAgB,UAAU,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAwB;IAErF,kFAAkF;IAClF,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA2B;IAEtD,OAAO;IAIP,2CAA2C;WAC7B,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW;IAS5C,qCAAqC;WACvB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIxC,4EAA4E;IACrE,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAcpD,+CAA+C;IACxC,SAAS,IAAI,cAAc,GAAG,IAAI;IAIzC,wCAAwC;IACjC,aAAa,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,mCAAmC;IAC5B,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI/C,sCAAsC;IAC/B,YAAY,IAAI,GAAG,CAAC,OAAO,CAAC;IAInC;;;OAGG;WACiB,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAsBtF;;;OAGG;WACiB,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAWlH"}

package/out/foundation/Injection.js

@@ -0,0 +1,149 @@
+import Observable from "./api/Observer.js";
+import Fetcher from "./Fetcher.js";
+/**
+ * Implementation — a swappable variant for a Triplet placeholder.
+ *
+ * Each placeholder (component tag or page route) can have multiple registered
+ * implementations. One is active at a time; switching triggers a reload on
+ * all live instances.
+ *
+ * ```ts
+ * // Register the default implementation
+ * @ReComponent({ markupURL: './Button.hmle', cssURL: './Button.css' }, "re-button")
+ * class ReButton extends Component { ... }
+ *
+ * // Register an alternative implementation
+ * @ReImplementation({ markupURL: './FancyButton.hmle', cssURL: './FancyButton.css' }, "re-button")
+ * class FancyButton extends Component { ... }
+ *
+ * // Switch all re-button instances to FancyButton
+ * Placeholder.switchTo("re-button", "FancyButton");
+ *
+ * // Switch a single instance manually
+ * const btn = document.querySelector("re-button");
+ * Placeholder.switchInstance(btn, "FancyButton");
+ * ```
+ */
+export class Implementation {
+    name;
+    markup;
+    style;
+    globalStyle;
+    uniClass;
+    constructor(name, struct) {
+        this.name = name;
+        if (struct.markup && struct.markupURL)
+            throw new Error(`[Implementation:${name}]: Both markup and markupURL provided.`);
+        this.markup = struct.markupURL ? Fetcher.fetchText(struct.markupURL) : Promise.resolve(struct.markup);
+        if (struct.css && struct.cssURL)
+            throw new Error(`[Implementation:${name}]: Both css and cssURL provided.`);
+        this.style = struct.cssURL ? Fetcher.fetchText(struct.cssURL) : Promise.resolve(struct.css);
+        if (struct.ltCss && struct.ltCssURL)
+            throw new Error(`[Implementation:${name}]: Both ltCss and ltCssURL provided.`);
+        this.globalStyle = struct.ltCssURL ? Fetcher.fetchText(struct.ltCssURL) : Promise.resolve(struct.ltCss);
+        this.uniClass = struct.class;
+    }
+}
+/**
+ * Placeholder — manages a named slot (tag or route) with swappable implementations.
+ *
+ * - `Placeholder.get(name)` — get or create a placeholder
+ * - `placeholder.addImplementation(impl)` — register an implementation
+ * - `Placeholder.switchTo(name, implName)` — globally switch + reload all instances
+ * - `Placeholder.switchInstance(instance, implName)` — switch one instance
+ */
+export class Placeholder {
+    /** Все зарегистрированные placeholders по имени (tag / route). */
+    static _all = new Map();
+    name;
+    implementations = new Map();
+    activeImpl = new Observable(null);
+    /** Все живые экземпляры этого placeholder для reload при смене implementation. */
+    _instances = new Set();
+    constructor(name) {
+        this.name = name;
+    }
+    /** Get or create a placeholder by name. */
+    static get(name) {
+        let p = this._all.get(name);
+        if (!p) {
+            p = new Placeholder(name);
+            this._all.set(name, p);
+        }
+        return p;
+    }
+    /** Check if a placeholder exists. */
+    static has(name) {
+        return this._all.has(name);
+    }
+    /** Add an implementation. The first one added becomes active by default. */
+    addImplementation(impl) {
+        if (this.implementations.has(impl.name)) {
+            console.warn(`[Placeholder:${this.name}]: Implementation "${impl.name}" already registered, overwriting.`);
+        }
+        this.implementations.set(impl.name, impl);
+        if (!this.activeImpl.getObject()) {
+            this.activeImpl.setObject(impl);
+            console.info(`[Placeholder:${this.name}]: Default implementation set to "${impl.name}"`);
+        }
+        else {
+            console.info(`[Placeholder:${this.name}]: Implementation "${impl.name}" registered`);
+        }
+    }
+    /** Get the currently active implementation. */
+    getActive() {
+        return this.activeImpl.getObject();
+    }
+    /** Track a live instance for reload. */
+    trackInstance(instance) {
+        this._instances.add(instance);
+    }
+    /** Untrack a disposed instance. */
+    untrackInstance(instance) {
+        this._instances.delete(instance);
+    }
+    /** Get all tracked live instances. */
+    getInstances() {
+        return this._instances;
+    }
+    /**
+     * Switch the active implementation globally.
+     * All live instances of this placeholder will reload.
+     */
+    static async switchTo(placeholderName, implName) {
+        const p = this._all.get(placeholderName);
+        if (!p)
+            throw new Error(`[Placeholder]: "${placeholderName}" not found.`);
+        const impl = p.implementations.get(implName);
+        if (!impl)
+            throw new Error(`[Placeholder:${placeholderName}]: Implementation "${implName}" not found.`);
+        const prev = p.activeImpl.getObject();
+        if (prev === impl)
+            return;
+        p.activeImpl.setObject(impl);
+        console.info(`[Placeholder:${placeholderName}]: Switched to "${implName}"`);
+        // Reload all live instances
+        const reloads = [];
+        for (const instance of p._instances) {
+            reloads.push(instance.reload());
+        }
+        await Promise.all(reloads);
+        console.info(`[Placeholder:${placeholderName}]: Reloaded ${reloads.length} instance(s)`);
+    }
+    /**
+     * Switch a single instance to a different implementation and reload it.
+     * Does NOT change the global active implementation.
+     */
+    static async switchInstance(placeholderName, instance, implName) {
+        const p = this._all.get(placeholderName);
+        if (!p)
+            throw new Error(`[Placeholder]: "${placeholderName}" not found.`);
+        const impl = p.implementations.get(implName);
+        if (!impl)
+            throw new Error(`[Placeholder:${placeholderName}]: Implementation "${implName}" not found.`);
+        instance._activeImplementation = impl;
+        await instance.reload();
+        console.info(`[Placeholder:${placeholderName}]: Instance switched to "${implName}"`);
+    }
+}
+//# sourceMappingURL=Injection.js.map

package/out/foundation/Injection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Injection.js","sourceRoot":"","sources":["../../src/foundation/Injection.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,OAAO,MAAM,cAAc,CAAC;AAiBnC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,cAAc;IACP,IAAI,CAAS;IACb,MAAM,CAAmB;IACzB,KAAK,CAAmB;IACxB,WAAW,CAAmB;IAC9B,QAAQ,CAA2B;IAEnD,YAAmB,IAAY,EAAE,MAA4B;QACzD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS;YACjC,MAAM,IAAI,KAAK,CAAC,mBAAmB,IAAI,wCAAwC,CAAC,CAAC;QACrF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEtG,IAAI,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,MAAM;YAC3B,MAAM,IAAI,KAAK,CAAC,mBAAmB,IAAI,kCAAkC,CAAC,CAAC;QAC/E,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE5F,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,QAAQ;YAC/B,MAAM,IAAI,KAAK,CAAC,mBAAmB,IAAI,sCAAsC,CAAC,CAAC;QACnF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAExG,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;IACjC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,OAAO,WAAW;IACpB,kEAAkE;IAC1D,MAAM,CAAU,IAAI,GAA6B,IAAI,GAAG,EAAE,CAAC;IAEnD,IAAI,CAAS;IACb,eAAe,GAAgC,IAAI,GAAG,EAAE,CAAC;IACzD,UAAU,GAAsC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IAErF,kFAAkF;IACjE,UAAU,GAAiB,IAAI,GAAG,EAAE,CAAC;IAEtD,YAAoB,IAAY;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,2CAA2C;IACpC,MAAM,CAAC,GAAG,CAAC,IAAY;QAC1B,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,CAAC,EAAE,CAAC;YACL,CAAC,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,CAAC;IACb,CAAC;IAED,qCAAqC;IAC9B,MAAM,CAAC,GAAG,CAAC,IAAY;QAC1B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,4EAA4E;IACrE,iBAAiB,CAAC,IAAoB;QACzC,IAAI,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,sBAAsB,IAAI,CAAC,IAAI,oCAAoC,CAAC,CAAC;QAC/G,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAE1C,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAChC,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,qCAAqC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAC7F,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,sBAAsB,IAAI,CAAC,IAAI,cAAc,CAAC,CAAC;QACzF,CAAC;IACL,CAAC;IAED,+CAA+C;IACxC,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;IACvC,CAAC;IAED,wCAAwC;IACjC,aAAa,CAAC,QAAiB;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,mCAAmC;IAC5B,eAAe,CAAC,QAAiB;QACpC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,sCAAsC;IAC/B,YAAY;QACf,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAuB,EAAE,QAAgB;QAClE,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACzC,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,eAAe,cAAc,CAAC,CAAC;QAE1E,MAAM,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,eAAe,sBAAsB,QAAQ,cAAc,CAAC,CAAC;QAExG,MAAM,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAE1B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,CAAC,IAAI,CAAC,gBAAgB,eAAe,mBAAmB,QAAQ,GAAG,CAAC,CAAC;QAE5E,4BAA4B;QAC5B,MAAM,OAAO,GAAoB,EAAE,CAAC;QACpC,KAAK,MAAM,QAAQ,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QACpC,CAAC;QACD,MAAM,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,gBAAgB,eAAe,eAAe,OAAO,CAAC,MAAM,cAAc,CAAC,CAAC;IAC7F,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,eAAuB,EAAE,QAAiB,EAAE,QAAgB;QAC3F,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACzC,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,eAAe,cAAc,CAAC,CAAC;QAE1E,MAAM,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,eAAe,sBAAsB,QAAQ,cAAc,CAAC,CAAC;QAEvG,QAAgB,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAC/C,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,gBAAgB,eAAe,4BAA4B,QAAQ,GAAG,CAAC,CAAC;IACzF,CAAC"}

package/out/foundation/Triplet.d.ts

@@ -1,37 +1,42 @@
-import UniHtml from "./component_api/UniHtml.js";
-import { AnyConstructor } from "./component_api/mixin/Proto.js";
+import { ImplementationStruct } from "./Injection.js";
+export declare const REGISTRY: (() => void)[];
 export declare enum AccessType {
     NONE = 0,
     OFFLINE = 1,
     ONLINE = 2,
     BOTH = 3
 }
-export type TripletStruct = {
-    markupURL?: string;
-    markup?: string;
-    cssURL?: string;
-    css?: string;
-    ltCssURL?: string;
-    ltCss?: string;
-    jsURL?: string;
+export type TripletStruct = ImplementationStruct & {
     access?: AccessType;
-    class?: AnyConstructor<UniHtml>;
 };
+/**
+ * Triplet — registers a placeholder with a default implementation.
+ *
+ * The placeholder is what gets registered in `customElements.define()` or `Router`.
+ * At runtime, the placeholder resolves the currently active {@link Implementation}
+ * and uses its markup, style, and class for the lifecycle.
+ *
+ * ```ts
+ * // Default implementation registered via @ReComponent
+ * @ReComponent({ markupURL: './Button.hmle', cssURL: './Button.css' }, "re-button")
+ * class ReButton extends Component { ... }
+ *
+ * // Alternative implementation registered via @ReImplementation
+ * @ReImplementation({ markupURL: './FancyButton.hmle', cssURL: './Fancy.css' }, "re-button")
+ * class FancyButton extends Component { ... }
+ *
+ * // Switch globally — all re-button instances reload
+ * Placeholder.switchTo("re-button", "FancyButton");
+ *
+ * // Switch one instance only
+ * Placeholder.switchInstance("re-button", myBtnInstance, "FancyButton");
+ * ```
+ */
 export default class Triplet {
-    readonly markup?: Promise<string>;
-    readonly css?: Promise<string>;
-    readonly lightCss?: Promise<string>;
-    readonly js?: Promise<string>;
-    private readonly markupURL?;
-    private readonly cssURL?;
-    private readonly ltCssURL?;
-    private readonly jsURL?;
     private readonly access;
-    private uni?;
-    constructor(struct: TripletStruct);
-    init(): Promise<boolean>;
-    cache(): Promise<void>;
-    register(type: "router" | "markup", name: string): Promise<boolean>;
-    private createInjectedClass;
+    private readonly placeholderName?;
+    private readonly implementation;
+    constructor(struct: TripletStruct, implName?: string);
+    register(type: "router" | "markup", name: string): Promise<void>;
 }
 //# sourceMappingURL=Triplet.d.ts.map

package/out/foundation/Triplet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Triplet.d.ts","sourceRoot":"","sources":["../../src/foundation/Triplet.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,4BAA4B,CAAC;AAKjD,OAAO,EAAE,cAAc,EAAe,MAAM,gCAAgC,CAAC;AAK7E,oBAAY,UAAU;IAClB,IAAI,IAAI;IACR,OAAO,IAAS;IAChB,MAAM,IAAS;IACf,IAAI,IAAmB;CAC1B;AACD,MAAM,MAAM,aAAa,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACnC,CAAA;AACD,MAAM,CAAC,OAAO,OAAO,OAAO;IACxB,SAAgB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,SAAgB,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACtC,SAAgB,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,SAAgB,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAErC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAS;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAS;IAEhC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IAEpC,OAAO,CAAC,GAAG,CAAC,CAA0B;gBAEnB,MAAM,EAAE,aAAa;IA6B3B,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAcxB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAItB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAmDhF,OAAO,CAAC,mBAAmB;CAgC9B"}
+{"version":3,"file":"Triplet.d.ts","sourceRoot":"","sources":["../../src/foundation/Triplet.ts"],"names":[],"mappings":"AAQA,OAAO,EAAkB,oBAAoB,EAAe,MAAM,gBAAgB,CAAC;AAEnF,eAAO,MAAM,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,EAAO,CAAC;AAE3C,oBAAY,UAAU;IAClB,IAAI,IAAI;IACR,OAAO,IAAS;IAChB,MAAM,IAAS;IACf,IAAI,IAAmB;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAAG;IAC/C,MAAM,CAAC,EAAE,UAAU,CAAC;CACvB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAS;IAC1C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;gBAE7B,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,MAAM;IAO9C,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CA4FhF"}

package/out/foundation/Triplet.js

@@ -1,10 +1,10 @@
-import Fetcher from "./Fetcher.js";
 import { Router } from "./worker/Router.js";
-import ServiceWorker from "./worker/ServiceWorker.js";
 import Page from "./component_api/Page.js";
 import Component from "./component_api/Component.js";
 import TemplateEngine from "./engine/TemplateEngine.js";
 import Scope from "./engine/Scope.js";
+import { Implementation, Placeholder } from "./Injection.js";
+export const REGISTRY = [];
 export var AccessType;
 (function (AccessType) {
     AccessType[AccessType["NONE"] = 0] = "NONE";
@@ -12,131 +12,112 @@ export var AccessType;
     AccessType[AccessType["ONLINE"] = 2] = "ONLINE";
     AccessType[AccessType["BOTH"] = 3] = "BOTH";
 })(AccessType || (AccessType = {}));
+/**
+ * Triplet — registers a placeholder with a default implementation.
+ *
+ * The placeholder is what gets registered in `customElements.define()` or `Router`.
+ * At runtime, the placeholder resolves the currently active {@link Implementation}
+ * and uses its markup, style, and class for the lifecycle.
+ *
+ * ```ts
+ * // Default implementation registered via @ReComponent
+ * @ReComponent({ markupURL: './Button.hmle', cssURL: './Button.css' }, "re-button")
+ * class ReButton extends Component { ... }
+ *
+ * // Alternative implementation registered via @ReImplementation
+ * @ReImplementation({ markupURL: './FancyButton.hmle', cssURL: './Fancy.css' }, "re-button")
+ * class FancyButton extends Component { ... }
+ *
+ * // Switch globally — all re-button instances reload
+ * Placeholder.switchTo("re-button", "FancyButton");
+ *
+ * // Switch one instance only
+ * Placeholder.switchInstance("re-button", myBtnInstance, "FancyButton");
+ * ```
+ */
 export default class Triplet {
-    markup;
-    css;
-    lightCss;
-    js;
-    markupURL;
-    cssURL;
-    ltCssURL;
-    jsURL;
     access;
-    uni;
-    constructor(struct) {
-        this.markupURL = struct.markupURL;
-        this.cssURL = struct.cssURL;
-        this.ltCssURL = struct.ltCssURL;
-        this.jsURL = struct.jsURL;
-        let markup = Promise.resolve(struct.markup);
-        if (struct.markupURL)
-            markup = Fetcher.fetchText(struct.markupURL);
-        let css = Promise.resolve(struct.css);
-        if (struct.cssURL)
-            css = Fetcher.fetchText(struct.cssURL);
-        let ltCss = Promise.resolve(struct.ltCss);
-        if (struct.ltCssURL)
-            ltCss = Fetcher.fetchText(struct.ltCssURL);
-        /*let js = Promise.resolve(undefined);
-        if (struct.jsURL)
-            js = Fetcher.fetchText(struct.jsURL);*/
-        this.markup = markup;
-        this.css = css;
-        this.lightCss = ltCss;
-        //this.js = js;
+    placeholderName;
+    implementation;
+    constructor(struct, implName) {
         this.access = struct.access ?? AccessType.BOTH;
-        this.uni = struct.class;
-    }
-    async init() {
-        const isOnline = await ServiceWorker.isOnline();
-        if (this.access === AccessType.NONE)
-            return false;
-        if (this.access === AccessType.BOTH) {
-            await this.cache();
-            return true;
-        }
-        ;
-        if (this.access === AccessType.OFFLINE && isOnline)
-            return false;
-        if (this.access === AccessType.ONLINE && !isOnline)
-            return false;
-        return true;
-    }
-    async cache() {
-        //
+        const name = implName ?? struct.class?.name ?? "default";
+        this.implementation = new Implementation(name, struct);
     }
     async register(type, name) {
-        if (!this.uni) {
-            switch (type) {
-                case "router":
-                    this.uni = Page;
-                    break;
-                case "markup":
-                    this.uni = Component;
-                    break;
-            }
+        const placeholder = Placeholder.get(name);
+        placeholder.addImplementation(this.implementation);
+        // If the placeholder already has a registered element/route, skip re-registration
+        if (placeholder.implementations.size > 1) {
+            console.info(`[Triplet]: Implementation "${this.implementation.name}" added to existing placeholder "${name}"`);
+            return;
         }
-        if (this.lightCss) {
-            var style = await new CSSStyleSheet().replace(await this.lightCss);
-            document.adoptedStyleSheets = [
-                ...document.adoptedStyleSheets,
-                style
-            ];
-        }
-        let ori = this.createInjectedClass(this.uni, type);
+        // First implementation — register the placeholder shell
         if (type === "router") {
-            const routePath = this.markupURL ?? "";
-            var reg = Router.registerRoute(routePath, name, (search) => {
-                const paramNames = (() => {
-                    const ctor = this.uni.prototype.constructor;
-                    const fnStr = ctor.toString();
-                    const argsMatch = fnStr.match(/constructor\s*\(([^)]*)\)/);
-                    if (!argsMatch)
-                        return [];
-                    return argsMatch[1].split(',').map(s => s.trim()).filter(Boolean);
-                })();
-                const args = paramNames.map(name => {
-                    return search?.get(name);
+            REGISTRY.push(() => {
+                const routePath = name;
+                Router.registerRoute("", routePath, (search) => {
+                    const impl = placeholder.getActive();
+                    const cls = impl.uniClass ?? Page;
+                    const paramNames = (() => {
+                        const ctor = cls.prototype.constructor;
+                        const fnStr = ctor.toString();
+                        const argsMatch = fnStr.match(/constructor\s*\(([^)]*)\)/);
+                        if (!argsMatch)
+                            return [];
+                        return argsMatch[1].split(',').map(s => s.trim()).filter(Boolean);
+                    })();
+                    const args = paramNames.map(n => search?.get(n));
+                    const instance = new cls(...args);
+                    // Attach placeholder context to instance for _init resolution
+                    instance._placeholderName = name;
+                    instance._activeImplementation = impl;
+                    placeholder.trackInstance(instance);
+                    return instance;
                 });
-                return new ori(...args);
+                console.info(`[Triplet]: Router route "${name}" registered as placeholder`);
             });
-            console.info(`[Triplet]` + `: Router route '${name}' registered for path '${routePath}' by class ${ori}.`);
-            return reg.then(() => true).catch(() => false);
         }
         else if (type === "markup") {
-            if (customElements.get(name))
-                throw new Error(`Custom element '${name}' is already defined.`);
-            customElements.define(name, ori.prototype.constructor);
-            console.info(`[Triplet]: Custom element '${name}' defined.`);
-            return Promise.resolve(true);
+            REGISTRY.push(() => {
+                if (customElements.get(name))
+                    throw new Error(`Custom element '${name}' is already defined.`);
+                const cls = this.implementation.uniClass ?? Component;
+                const placeholderRef = placeholder;
+                const placeholderName = name;
+                // Create the placeholder class that delegates to the active implementation
+                let proto = cls.prototype;
+                proto._init = async function () {
+                    // Resolve which implementation to use (per-instance override or global)
+                    const impl = this._activeImplementation
+                        ?? placeholderRef.getActive();
+                    if (!impl)
+                        throw new Error(`[Placeholder:${placeholderName}]: No active implementation.`);
+                    // Store for reload
+                    this._placeholderName = placeholderName;
+                    if (!this._activeImplementation)
+                        this._activeImplementation = impl;
+                    placeholderRef.trackInstance(this);
+                    // Load markup
+                    const markupText = await impl.markup;
+                    const holder = TemplateEngine.createHolder(markupText, Scope.from(this));
+                    // Apply scoped CSS
+                    const dmc = this.shadowRoot ?? document;
+                    const cssText = await impl.style;
+                    if (cssText) {
+                        dmc.adoptedStyleSheets.push(await new CSSStyleSheet().replace(cssText));
+                    }
+                    // Apply global CSS  
+                    const globalCss = await impl.globalStyle;
+                    if (globalCss) {
+                        document.adoptedStyleSheets.push(await new CSSStyleSheet().replace(globalCss));
+                    }
+                    return holder;
+                };
+                customElements.define(name, cls.prototype.constructor);
+                console.info(`[Triplet]: Custom element "${name}" registered as placeholder`);
+            });
         }
-        return Promise.resolve(false);
-    }
-    createInjectedClass(c, type) {
-        let that = this;
-        let ori = class extends c {
-            constructor(...args) {
-                super(...args);
-            }
-        };
-        let proto = ori.prototype;
-        const parser = new TemplateEngine();
-        proto._init = async function () {
-            const markupText = await that.markup;
-            return TemplateEngine.createHolder(markupText, Scope.from(this));
-        };
-        proto._postInit = async function (preHtml) {
-            const dmc = this.shadowRoot ?? document;
-            const css = await that.css;
-            var style = await new CSSStyleSheet().replace(css);
-            dmc.adoptedStyleSheets = [
-                ...dmc.adoptedStyleSheets,
-                style
-            ];
-            //parser.hydrate(preHtml, this);
-            return preHtml;
-        };
-        return ori;
     }
 }
 //# sourceMappingURL=Triplet.js.map