@pie-players/pie-players-shared 0.2.0

package/dist/pie/configure-initialization.js

@@ -0,0 +1,141 @@
+/**
+ * Configure Element Initialization
+ *
+ * Handles initialization of PIE configure elements (authoring mode).
+ * Parallel to initialization.ts but for configure elements with -config suffix.
+ */
+import { createPieLogger, isGlobalDebugEnabled } from "./logger";
+import { pieRegistry } from "./registry";
+import { parsePackageName } from "./utils";
+const logger = createPieLogger("configure-init", () => isGlobalDebugEnabled());
+/**
+ * Initialize configure elements from loaded bundle
+ *
+ * This function:
+ * 1. Finds all configure elements in the DOM (elements with -config suffix)
+ * 2. Sets their model and configuration properties
+ * 3. Attaches event listeners for model-updated events
+ */
+export function initializeConfiguresFromLoadedBundle(config, configuration, options) {
+    const { env } = options;
+    logger.debug("[initializeConfiguresFromLoadedBundle] Starting initialization");
+    logger.debug("[initializeConfiguresFromLoadedBundle] Config:", config);
+    logger.debug("[initializeConfiguresFromLoadedBundle] Configuration:", configuration);
+    logger.debug("[initializeConfiguresFromLoadedBundle] Env:", env);
+    if (!config?.elements || !config?.models) {
+        logger.warn("[initializeConfiguresFromLoadedBundle] Invalid config - missing elements or models");
+        return;
+    }
+    // Ensure the PIE registry is initialized (side effects register global helpers).
+    void pieRegistry();
+    // Find all configure elements in the DOM
+    for (const [elementTag, packageName] of Object.entries(config.elements)) {
+        const configureTag = `${elementTag}-config`;
+        const elements = document.querySelectorAll(configureTag);
+        logger.debug(`[initializeConfiguresFromLoadedBundle] Found ${elements.length} ${configureTag} elements`);
+        elements.forEach((element) => {
+            const configureElement = element;
+            // Find the model for this element
+            const model = config.models.find((m) => m.element === elementTag);
+            if (model) {
+                logger.debug(`[initializeConfiguresFromLoadedBundle] Setting model on ${configureTag}:`, model);
+                // Set model property
+                configureElement.model = model;
+                // Set configuration property
+                const pkgBaseName = (() => {
+                    try {
+                        return parsePackageName(String(packageName)).name;
+                    }
+                    catch {
+                        return String(packageName);
+                    }
+                })();
+                // Legacy parity: allow configuration keyed by package name WITHOUT version.
+                const elementConfig = configuration[packageName] ||
+                    configuration[pkgBaseName] ||
+                    configuration[elementTag] ||
+                    {};
+                configureElement.configuration = elementConfig;
+                logger.debug(`[initializeConfiguresFromLoadedBundle] Configuration set for ${configureTag}:`, elementConfig);
+            }
+            else {
+                logger.warn(`[initializeConfiguresFromLoadedBundle] No model found for element ${elementTag}`);
+            }
+        });
+    }
+    logger.debug("[initializeConfiguresFromLoadedBundle] ✅ Initialization complete");
+}
+/**
+ * Update configure elements with new configuration
+ *
+ * This function updates existing configure elements when configuration changes.
+ * Useful for reactive updates in the authoring UI.
+ */
+export function updateConfigureElements(config, configuration, env) {
+    logger.debug("[updateConfigureElements] Starting update");
+    logger.debug("[updateConfigureElements] Config:", config);
+    logger.debug("[updateConfigureElements] Configuration:", configuration);
+    logger.debug("[updateConfigureElements] Env:", env);
+    if (!config?.elements || !config?.models) {
+        logger.warn("[updateConfigureElements] Invalid config - missing elements or models");
+        return;
+    }
+    // Find all configure elements in the DOM
+    for (const [elementTag, packageName] of Object.entries(config.elements)) {
+        const configureTag = `${elementTag}-config`;
+        const elements = document.querySelectorAll(configureTag);
+        logger.debug(`[updateConfigureElements] Updating ${elements.length} ${configureTag} elements`);
+        elements.forEach((element) => {
+            const configureElement = element;
+            // Find the model for this element
+            const model = config.models.find((m) => m.element === elementTag);
+            if (model) {
+                logger.debug(`[updateConfigureElements] Updating model on ${configureTag}:`, model);
+                // Update model property
+                configureElement.model = model;
+                // Update configuration property
+                const pkgBaseName = (() => {
+                    try {
+                        return parsePackageName(String(packageName)).name;
+                    }
+                    catch {
+                        return String(packageName);
+                    }
+                })();
+                const elementConfig = configuration[packageName] ||
+                    configuration[pkgBaseName] ||
+                    configuration[elementTag] ||
+                    {};
+                configureElement.configuration = elementConfig;
+                logger.debug(`[updateConfigureElements] Configuration updated for ${configureTag}:`, elementConfig);
+            }
+        });
+    }
+    logger.debug("[updateConfigureElements] ✅ Update complete");
+}
+/**
+ * Find configure element in DOM by tag name
+ */
+export function findConfigureElement(elementTag) {
+    const configureTag = `${elementTag}-config`;
+    const element = document.querySelector(configureTag);
+    return element;
+}
+/**
+ * Get all configure elements from config
+ */
+export function getAllConfigureElements(config) {
+    if (!config?.elements) {
+        return [];
+    }
+    const configureElements = [];
+    for (const elementTag of Object.keys(config.elements)) {
+        const configureTag = `${elementTag}-config`;
+        const elements = document.querySelectorAll(configureTag);
+        elements.forEach((el) => {
+            configureElements.push(el);
+        });
+    }
+    return configureElements;
+}
+//# sourceMappingURL=configure-initialization.js.map

package/dist/pie/configure-initialization.js.map

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

package/dist/pie/esm-loader.d.ts

@@ -0,0 +1,93 @@
+/**
+ * ESM PIE Loader
+ *
+ * Dynamically loads PIE elements from ESM CDN (esm.sh, jsDelivr, etc.)
+ * using import maps for version resolution.
+ *
+ * Supports loading different views/variants of elements (delivery, author, print,
+ * or custom UI variants) by importing from different subpaths.
+ *
+ * Integrates with the existing PIE registry system to enable shared
+ * initialization code to work with ESM-loaded elements.
+ */
+export interface EsmLoaderConfig {
+    cdnBaseUrl: string;
+    debugEnabled?: () => boolean;
+}
+/**
+ * View configuration for element loading
+ * Maps view names to their subpath and tag suffix
+ */
+export interface ViewConfig {
+    /** Subpath to import from (e.g., '/author', '/print', '/delivery-mobile') */
+    subpath: string;
+    /** Suffix to append to tag name (e.g., '-config', '-print', '') */
+    tagSuffix: string;
+    /** Optional fallback view if this view doesn't exist */
+    fallback?: string;
+}
+/**
+ * Options for loading elements
+ */
+export interface EsmLoadOptions {
+    /**
+     * View to load (e.g., 'delivery', 'author', 'print', 'delivery-mobile')
+     * Can be any subpath defined in the element's package.json exports
+     */
+    view: string;
+    /** Whether to also load controller modules */
+    loadControllers?: boolean;
+    /** Custom view configuration (overrides built-in views) */
+    viewConfig?: ViewConfig;
+}
+/**
+ * Built-in view configurations
+ * Extensible - elements can define custom views (e.g., 'delivery-mobile', 'delivery-a11y')
+ */
+export declare const BUILT_IN_VIEWS: Record<string, ViewConfig>;
+export declare class EsmPieLoader {
+    private cdnBaseUrl;
+    private importMapInjected;
+    constructor(config: EsmLoaderConfig);
+    private extractPackageName;
+    private generateImportMap;
+    private isJsDelivrNpm;
+    private resolvePackageUrl;
+    private resolveControllerUrl;
+    private resolveSubpathUrl;
+    private injectImportMap;
+    private loadElement;
+    getController(tag: string): any | null;
+    elementsHaveLoaded(elements: Array<{
+        name: string;
+        tag: string;
+    }>): Promise<{
+        elements: typeof elements;
+        val: boolean;
+    }>;
+    /**
+     * Load PIE elements with specified view/variant
+     *
+     * @param contentConfig - Item config with elements
+     * @param doc - Document to inject import maps into
+     * @param options - Loading options (view, controllers, etc.)
+     *
+     * @example
+     * // Load delivery view with controllers
+     * await loader.load(config, document, { view: 'delivery', loadControllers: true });
+     *
+     * @example
+     * // Load author view (configuration UI)
+     * await loader.load(config, document, { view: 'author', loadControllers: false });
+     *
+     * @example
+     * // Load custom mobile-optimized view with fallback
+     * await loader.load(config, document, {
+     *   view: 'delivery-mobile',
+     *   viewConfig: { subpath: '/delivery-mobile', tagSuffix: '', fallback: 'delivery' },
+     *   loadControllers: true
+     * });
+     */
+    load(contentConfig: any, doc: Document, options: EsmLoadOptions): Promise<void>;
+}
+//# sourceMappingURL=esm-loader.d.ts.map

package/dist/pie/esm-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esm-loader.d.ts","sourceRoot":"","sources":["../../src/pie/esm-loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IAC1B,6EAA6E;IAC7E,OAAO,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,UAAU,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAmBrD,CAAC;AAEF,qBAAa,YAAY;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAS;gBAEtB,MAAM,EAAE,eAAe;IASnC,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,iBAAiB;IA0CzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,eAAe;YAOT,WAAW;IAyIlB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI;IAKhC,kBAAkB,CAC9B,QAAQ,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,GAC5C,OAAO,CAAC;QAAE,QAAQ,EAAE,OAAO,QAAQ,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,CAAC;IAUvD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACU,IAAI,CAChB,aAAa,EAAE,GAAG,EAClB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,cAAc,GACrB,OAAO,CAAC,IAAI,CAAC;CAiDhB"}

package/dist/pie/esm-loader.js

@@ -0,0 +1,308 @@
+/**
+ * ESM PIE Loader
+ *
+ * Dynamically loads PIE elements from ESM CDN (esm.sh, jsDelivr, etc.)
+ * using import maps for version resolution.
+ *
+ * Supports loading different views/variants of elements (delivery, author, print,
+ * or custom UI variants) by importing from different subpaths.
+ *
+ * Integrates with the existing PIE registry system to enable shared
+ * initialization code to work with ESM-loaded elements.
+ */
+import { createPieLogger } from "./logger";
+import { initializeMathRendering } from "./math-rendering";
+import { pieRegistry } from "./registry";
+import { isCustomElementConstructor, Status } from "./types";
+// Logger factory - will be initialized when loader is created
+let logger;
+/**
+ * Built-in view configurations
+ * Extensible - elements can define custom views (e.g., 'delivery-mobile', 'delivery-a11y')
+ */
+export const BUILT_IN_VIEWS = {
+    delivery: {
+        subpath: "",
+        tagSuffix: "",
+    },
+    author: {
+        subpath: "/author",
+        tagSuffix: "-config",
+        fallback: "delivery", // Fall back to delivery if author doesn't exist
+    },
+    print: {
+        subpath: "/print",
+        tagSuffix: "-print",
+        fallback: "delivery",
+    },
+    // Custom views can follow patterns like:
+    // 'delivery-mobile': { subpath: '/delivery-mobile', tagSuffix: '', fallback: 'delivery' }
+    // 'delivery-a11y': { subpath: '/delivery-a11y', tagSuffix: '', fallback: 'delivery' }
+    // 'delivery-simple': { subpath: '/delivery-simple', tagSuffix: '', fallback: 'delivery' }
+};
+export class EsmPieLoader {
+    cdnBaseUrl;
+    importMapInjected = false;
+    constructor(config) {
+        this.cdnBaseUrl = config.cdnBaseUrl;
+        // Initialize logger with debug function
+        logger = createPieLogger("esm-loader", config.debugEnabled || (() => false));
+    }
+    extractPackageName(packageVersion) {
+        // Extract package name from version string
+        // e.g., "@pie-element/multiple-choice@11.0.1-esmbeta.3" => "@pie-element/multiple-choice"
+        const parts = packageVersion.split("@");
+        return parts.length >= 3 ? `@${parts[1]}` : parts[0];
+    }
+    generateImportMap(elements, options) {
+        const imports = {};
+        const viewConfig = options.viewConfig ||
+            BUILT_IN_VIEWS[options.view] ||
+            BUILT_IN_VIEWS.delivery;
+        for (const [_tag, packageVersion] of Object.entries(elements)) {
+            const packageName = this.extractPackageName(packageVersion);
+            // Add root package import (for delivery/default view)
+            imports[packageName] = this.resolvePackageUrl(packageVersion);
+            // Add view-specific subpath if not root
+            if (viewConfig.subpath) {
+                imports[`${packageName}${viewConfig.subpath}`] = this.resolveSubpathUrl(packageVersion, viewConfig.subpath);
+            }
+            // Add controller path if requested
+            if (options.loadControllers) {
+                imports[`${packageName}/controller`] =
+                    this.resolveControllerUrl(packageVersion);
+            }
+            // Add fallback view if specified
+            if (viewConfig.fallback) {
+                const fallbackConfig = BUILT_IN_VIEWS[viewConfig.fallback];
+                if (fallbackConfig?.subpath) {
+                    imports[`${packageName}${fallbackConfig.subpath}`] =
+                        this.resolveSubpathUrl(packageVersion, fallbackConfig.subpath);
+                }
+            }
+        }
+        return { imports };
+    }
+    isJsDelivrNpm() {
+        return this.cdnBaseUrl.includes("cdn.jsdelivr.net/npm");
+    }
+    resolvePackageUrl(packageVersion) {
+        // jsDelivr requires `+esm` to serve ESM-compatible output.
+        // Example: https://cdn.jsdelivr.net/npm/@pie-element/passage@5.3.3/+esm
+        if (this.isJsDelivrNpm()) {
+            return `${this.cdnBaseUrl}/${packageVersion}/+esm`;
+        }
+        // Default: treat baseUrl as a direct ESM CDN base (esm.sh, etc.)
+        return `${this.cdnBaseUrl}/${packageVersion}`;
+    }
+    resolveControllerUrl(packageVersion) {
+        if (this.isJsDelivrNpm()) {
+            return `${this.cdnBaseUrl}/${packageVersion}/controller/+esm`;
+        }
+        return `${this.cdnBaseUrl}/${packageVersion}/controller`;
+    }
+    resolveSubpathUrl(packageVersion, subpath) {
+        // Remove leading slash from subpath if present
+        const cleanSubpath = subpath.startsWith("/") ? subpath.slice(1) : subpath;
+        if (this.isJsDelivrNpm()) {
+            return `${this.cdnBaseUrl}/${packageVersion}/${cleanSubpath}/+esm`;
+        }
+        return `${this.cdnBaseUrl}/${packageVersion}/${cleanSubpath}`;
+    }
+    injectImportMap(importMap, doc) {
+        const script = doc.createElement("script");
+        script.type = "importmap";
+        script.textContent = JSON.stringify(importMap, null, 2);
+        doc.head.appendChild(script);
+    }
+    async loadElement(tag, packageVersion, options) {
+        const registry = pieRegistry();
+        const viewConfig = options.viewConfig ||
+            BUILT_IN_VIEWS[options.view] ||
+            BUILT_IN_VIEWS.delivery;
+        try {
+            const packageName = this.extractPackageName(packageVersion);
+            const actualTag = `${tag}${viewConfig.tagSuffix}`;
+            logger.debug(`Loading element ${actualTag} from ${packageName} (${packageVersion})`);
+            logger.debug(`View: ${options.view}, subpath: ${viewConfig.subpath}`);
+            // Determine import path based on view
+            const importPath = viewConfig.subpath
+                ? `${packageName}${viewConfig.subpath}`
+                : packageName;
+            let module;
+            let ElementClass;
+            try {
+                // @vite-ignore - Dynamic import from CDN via import maps (runtime resolution)
+                module = await import(/* @vite-ignore */ importPath);
+                logger.debug(`Module loaded for ${actualTag}:`, module);
+                logger.debug(`Module exports:`, Object.keys(module));
+                // Try different export patterns based on view
+                if (options.view === "author") {
+                    ElementClass = module.default || module.Configure || module.Element;
+                }
+                else if (options.view === "print") {
+                    ElementClass = module.default || module.Print || module.Element;
+                }
+                else {
+                    ElementClass = module.default || module.Element;
+                }
+            }
+            catch (err) {
+                // If loading fails and there's a fallback, try the fallback
+                if (viewConfig.fallback) {
+                    logger.warn(`Failed to load ${importPath}, trying fallback: ${viewConfig.fallback}`);
+                    const fallbackConfig = BUILT_IN_VIEWS[viewConfig.fallback];
+                    // Construct fallback path
+                    let fallbackPath;
+                    if (fallbackConfig.subpath) {
+                        fallbackPath = `${packageName}${fallbackConfig.subpath}`;
+                    }
+                    else {
+                        fallbackPath = packageName;
+                    }
+                    // @vite-ignore - Dynamic import from CDN via import maps (runtime resolution)
+                    module = await import(/* @vite-ignore */ fallbackPath);
+                    ElementClass = module.default || module.Element;
+                    logger.debug(`Loaded fallback view for ${actualTag}`);
+                }
+                else {
+                    throw err;
+                }
+            }
+            if (!ElementClass) {
+                throw new Error(`No suitable element class found in ${importPath} for view ${options.view}`);
+            }
+            // Load controller separately if needed
+            let controller = null;
+            if (options.loadControllers) {
+                try {
+                    // @vite-ignore - Dynamic import from CDN via import maps (runtime resolution)
+                    const controllerModule = await import(
+                    /* @vite-ignore */ `${packageName}/controller`);
+                    logger.debug(`Controller module loaded for ${actualTag}:`, controllerModule);
+                    // Controller exports as 'default'
+                    controller = controllerModule.default || controllerModule;
+                    if (controller) {
+                        logger.debug(`Controller registered for ${actualTag}`);
+                    }
+                    else {
+                        logger.warn(`No controller export found for ${actualTag}`);
+                    }
+                }
+                catch (err) {
+                    logger.warn(`Failed to load controller for ${actualTag}:`, err);
+                }
+            }
+            // Register in the global PIE registry (used by shared initialization code)
+            registry[actualTag] = {
+                package: packageVersion,
+                status: Status.loading,
+                tagName: actualTag,
+                element: ElementClass,
+                controller: controller,
+                config: null,
+                bundleType: "esm", // Mark as ESM-loaded
+            };
+            // Register custom element with the tag name (including suffix)
+            if (!customElements.get(actualTag)) {
+                if (isCustomElementConstructor(ElementClass)) {
+                    // Wrap the Element class to allow multiple versions
+                    customElements.define(actualTag, class extends ElementClass {
+                    });
+                    logger.debug(`Registered custom element: ${actualTag}`);
+                    // Update status to loaded
+                    registry[actualTag] = {
+                        ...registry[actualTag],
+                        status: Status.loaded,
+                    };
+                }
+                else {
+                    logger.warn(`No Element export found in module`);
+                }
+            }
+            else {
+                logger.debug(`Element ${actualTag} already registered`);
+                registry[actualTag] = {
+                    ...registry[actualTag],
+                    status: Status.loaded,
+                };
+            }
+        }
+        catch (err) {
+            logger.error(`Failed to load element ${tag}:`, err);
+            throw err;
+        }
+    }
+    getController(tag) {
+        const registry = pieRegistry();
+        return registry[tag]?.controller || null;
+    }
+    async elementsHaveLoaded(elements) {
+        // Wait for versioned tags to be defined
+        const promises = elements.map((el) => {
+            logger.debug(`Waiting for ${el.tag} to be defined`);
+            return customElements.whenDefined(el.tag);
+        });
+        await Promise.all(promises);
+        return { elements, val: true };
+    }
+    /**
+     * Load PIE elements with specified view/variant
+     *
+     * @param contentConfig - Item config with elements
+     * @param doc - Document to inject import maps into
+     * @param options - Loading options (view, controllers, etc.)
+     *
+     * @example
+     * // Load delivery view with controllers
+     * await loader.load(config, document, { view: 'delivery', loadControllers: true });
+     *
+     * @example
+     * // Load author view (configuration UI)
+     * await loader.load(config, document, { view: 'author', loadControllers: false });
+     *
+     * @example
+     * // Load custom mobile-optimized view with fallback
+     * await loader.load(config, document, {
+     *   view: 'delivery-mobile',
+     *   viewConfig: { subpath: '/delivery-mobile', tagSuffix: '', fallback: 'delivery' },
+     *   loadControllers: true
+     * });
+     */
+    async load(contentConfig, doc, options) {
+        logger.debug("load() called with options:", options);
+        logger.debug("contentConfig:", contentConfig);
+        if (!contentConfig?.elements) {
+            logger.warn("No elements in config");
+            return;
+        }
+        const viewConfig = options.viewConfig ||
+            BUILT_IN_VIEWS[options.view] ||
+            BUILT_IN_VIEWS.delivery;
+        // 0. Initialize math-rendering (required by PIE elements)
+        await initializeMathRendering();
+        // 1. Generate and inject import map (once per page)
+        if (!this.importMapInjected) {
+            logger.debug("Generating import map for view:", options.view);
+            const importMap = this.generateImportMap(contentConfig.elements, options);
+            logger.debug("Import map:", importMap);
+            this.injectImportMap(importMap, doc);
+            this.importMapInjected = true;
+            logger.debug("Import map injected");
+        }
+        else {
+            logger.debug("Import map already injected, skipping");
+        }
+        // 2. Dynamically import and register each element
+        const elementTags = Object.keys(contentConfig.elements);
+        logger.debug("Loading elements:", elementTags);
+        await Promise.all(elementTags.map((tag) => this.loadElement(tag, contentConfig.elements[tag], options)));
+        logger.debug("All elements loaded");
+        // 3. Wait for all custom elements to be defined
+        logger.debug("Waiting for custom elements to be defined");
+        const tagsWithSuffix = elementTags.map((tag) => `${tag}${viewConfig.tagSuffix}`);
+        await Promise.all(tagsWithSuffix.map((tag) => customElements.whenDefined(tag)));
+        logger.debug("All custom elements defined");
+    }
+}
+//# sourceMappingURL=esm-loader.js.map

package/dist/pie/esm-loader.js.map

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

package/dist/pie/iife-loader.d.ts

@@ -0,0 +1,76 @@
+/**
+ * IIFE PIE Loader
+ *
+ * Dynamically loads PIE elements from IIFE bundles served by the PIE build service.
+ * Matches the behavior of the original pie-player from @pie-players/pie-player-components.
+ *
+ * Integrates with the existing PIE registry system to enable shared
+ * initialization code to work with IIFE-loaded elements.
+ */
+import { BundleType } from "./types";
+export interface IifeLoaderConfig {
+    /**
+     * Base URL for the PIE bundle service
+     * This service builds and serves IIFE bundles dynamically based on element versions
+     * @example "https://proxy.pie-api.com/bundles/"
+     * @default "https://proxy.pie-api.com/bundles/"
+     */
+    bundleHost: string;
+    /**
+     * Debug function (returns whether debug is enabled)
+     */
+    debugEnabled?: () => boolean;
+    /**
+     * When true, retries a failed script load by appending a cache-busting query param.
+     * Mirrors legacy `reFetchBundle` behavior used by `pie-author`.
+     */
+    reFetchBundle?: boolean;
+    /**
+     * Timeout (ms) for `customElements.whenDefined(...)` waiting.
+     * Prevents infinite loading hangs; mirrors legacy loader behavior.
+     */
+    whenDefinedTimeoutMs?: number;
+}
+export declare const DEFAULT_BUNDLE_HOST = "https://proxy.pie-api.com/bundles/";
+export declare class IifePieLoader {
+    private config;
+    constructor(config: IifeLoaderConfig);
+    /**
+     * Get the bundle URL based on config elements
+     */
+    private getBundleUrl;
+    /**
+     * Load an IIFE bundle from the specified URL
+     */
+    private loadBundleScript;
+    private whenDefinedWithTimeout;
+    private createEmptyConfigure;
+    /**
+     * Register elements from the loaded IIFE bundle into the PIE registry
+     */
+    private registerElementsFromBundle;
+    /**
+     * Load PIE elements from IIFE bundle
+     *
+     * @param contentConfig - Item config with elements
+     * @param doc - Document to inject script into
+     * @param bundleType - Type of bundle (BundleType.player, BundleType.clientPlayer, or BundleType.editor)
+     * @param needsControllers - Whether controllers are needed
+     */
+    load(contentConfig: any, doc: Document, bundleType: BundleType, needsControllers: boolean): Promise<void>;
+    /**
+     * Get controller for a specific element tag
+     */
+    getController(tag: string): any | null;
+    /**
+     * Wait for elements to be fully loaded
+     */
+    elementsHaveLoaded(elements: Array<{
+        name: string;
+        tag: string;
+    }>): Promise<{
+        elements: typeof elements;
+        val: boolean;
+    }>;
+}
+//# sourceMappingURL=iife-loader.d.ts.map

package/dist/pie/iife-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iife-loader.d.ts","sourceRoot":"","sources":["../../src/pie/iife-loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,EAAE,UAAU,EAAsC,MAAM,SAAS,CAAC;AAMzE,MAAM,WAAW,gBAAgB;IAChC;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAID,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAUxE,qBAAa,aAAa;IACzB,OAAO,CAAC,MAAM,CAAmB;gBAErB,MAAM,EAAE,gBAAgB;IASpC;;OAEG;IACH,OAAO,CAAC,YAAY;IAkBpB;;OAEG;YACW,gBAAgB;IAsB9B,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,oBAAoB;IAuB5B;;OAEG;YACW,0BAA0B;IA8GxC;;;;;;;OAOG;IACU,IAAI,CAChB,aAAa,EAAE,GAAG,EAClB,GAAG,EAAE,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,OAAO,GACvB,OAAO,CAAC,IAAI,CAAC;IAmIhB;;OAEG;IACI,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI;IAK7C;;OAEG;IACU,kBAAkB,CAC9B,QAAQ,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,GAC5C,OAAO,CAAC;QAAE,QAAQ,EAAE,OAAO,QAAQ,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,CAAC;CAQvD"}