@pie-players/pie-players-shared 0.2.0

package/dist/pie/use-resource-monitor.svelte.js

@@ -0,0 +1,117 @@
+/**
+ * Svelte 5 Composable for Resource Monitoring
+ *
+ * Provides reusable resource monitoring logic for PIE players.
+ * Uses Svelte 5 runes for reactivity and lifecycle management.
+ *
+ * Usage in a Svelte 5 component:
+ * ```svelte
+ * <script lang="ts">
+ *   import { useResourceMonitor } from './use-resource-monitor.svelte';
+ *
+ *   let hostElement = $state<HTMLElement | null>(null);
+ *   const debugEnabled = $derived(debug || isGlobalDebugEnabled());
+ *
+ *   // Initialize resource monitoring
+ *   const resourceMonitor = useResourceMonitor(
+ *     () => hostElement,
+ *     () => loaderConfig,
+ *     () => debugEnabled,
+ *     'pie-fixed-player'
+ *   );
+ * </script>
+ * ```
+ */
+import { onDestroy } from "svelte";
+import { DEFAULT_LOADER_CONFIG } from "../loader-config";
+import { createPieLogger } from "./logger";
+import { ResourceMonitor } from "./resource-monitor";
+// Default maximum retry delay (matches ResourceMonitor default)
+const DEFAULT_MAX_RETRY_DELAY = 5000;
+/**
+ * Svelte 5 composable for resource monitoring
+ *
+ * @param getHostElement - Function that returns the current host element (reactive)
+ * @param getLoaderConfig - Function that returns the current loader config (reactive)
+ * @param getDebugEnabled - Function that returns the current debug state (reactive)
+ * @param componentName - Name of the component for logging
+ * @returns Object with monitor instance and stats getter
+ */
+export function useResourceMonitor(getHostElement, getLoaderConfig, getDebugEnabled, componentName = "pie-player") {
+    const logger = createPieLogger("use-resource-monitor", getDebugEnabled);
+    let monitor = $state(null);
+    let isInitialized = $state(false);
+    // Initialize resource monitor when conditions are met
+    $effect(() => {
+        const hostElement = getHostElement();
+        const loaderConfig = getLoaderConfig();
+        const debugEnabled = getDebugEnabled();
+        // Clean up existing monitor if host element becomes null
+        if (!hostElement && monitor) {
+            logger.debug(`Host element removed, stopping resource monitor for ${componentName}`);
+            monitor.stop();
+            monitor = null;
+            isInitialized = false;
+            return;
+        }
+        // Initialize if we have a host element (retry logic works independently of trackPageActions)
+        if (hostElement && !isInitialized) {
+            logger.debug(`Initializing resource monitor for ${componentName}`, {
+                trackPageActions: loaderConfig?.trackPageActions ?? false,
+                maxRetries: loaderConfig?.maxResourceRetries ??
+                    DEFAULT_LOADER_CONFIG.maxResourceRetries,
+                retryDelay: loaderConfig?.resourceRetryDelay ??
+                    DEFAULT_LOADER_CONFIG.resourceRetryDelay,
+                hasContainer: !!hostElement,
+            });
+            // Create and start resource monitor with config from loaderConfig
+            monitor = new ResourceMonitor({
+                trackPageActions: loaderConfig?.trackPageActions ?? false,
+                maxRetries: loaderConfig?.maxResourceRetries ??
+                    DEFAULT_LOADER_CONFIG.maxResourceRetries,
+                initialRetryDelay: loaderConfig?.resourceRetryDelay ??
+                    DEFAULT_LOADER_CONFIG.resourceRetryDelay,
+                maxRetryDelay: DEFAULT_MAX_RETRY_DELAY,
+                debug: debugEnabled,
+            });
+            monitor.start(hostElement);
+            isInitialized = true;
+            logger.info(`✅ Resource monitoring enabled for ${componentName}` +
+                (loaderConfig?.trackPageActions
+                    ? " (with New Relic tracking)"
+                    : " (retry only)"));
+        }
+    });
+    // Cleanup on component destroy
+    onDestroy(() => {
+        if (monitor) {
+            const stats = monitor.getStats();
+            logger.debug(`Resource monitor stats at cleanup for ${componentName}:`, stats);
+            monitor.stop();
+            monitor = null;
+            isInitialized = false;
+        }
+    });
+    // Return reactive getters
+    return {
+        /**
+         * Get the current monitor instance (may be null)
+         */
+        get instance() {
+            return monitor;
+        },
+        /**
+         * Get current statistics from the monitor
+         */
+        getStats() {
+            return monitor?.getStats() ?? { activeRetries: 0, failedResources: [] };
+        },
+        /**
+         * Check if monitoring is active
+         */
+        get isActive() {
+            return isInitialized && monitor !== null;
+        },
+    };
+}
+//# sourceMappingURL=use-resource-monitor.svelte.js.map

package/dist/pie/use-resource-monitor.svelte.js.map

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

package/dist/pie/utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * PIE Utils Module
+ *
+ * URL building, package name parsing, and session utilities.
+ */
+import type { ConfigEntity } from "../types";
+import type { LoadPieElementsOptions } from "./types";
+/**
+ * Build URL for fetching PIE element bundles from build service
+ */
+export declare const getPieElementBundlesUrl: (config: ConfigEntity, opts: LoadPieElementsOptions) => string;
+/**
+ * Parse a package name string into its components
+ *
+ * NOTE: Duplicated because we can't have any server-side code in the client
+ *
+ * Examples:
+ * - "@pie-element/multiple-choice@9.9.1" → { name: "@pie-element/multiple-choice", path: "", version: "9.9.1" }
+ * - "lodash/get@4.4.2" → { name: "lodash", path: "get", version: "4.4.2" }
+ */
+export declare const parsePackageName: (input: string) => {
+    name: string;
+    path: string;
+    version: string;
+};
+/**
+ * Strip versions from a package string
+ *
+ * Example: "@pie-element/multiple-choice@9.9.1+@pie-element/hotspot@9.1.0"
+ *       → "@pie-element/multiple-choice+@pie-element/hotspot"
+ */
+export declare const getPackageWithoutVersion: (packages: string) => string;
+/**
+ * Find or add a session entry for a given element
+ *
+ * TODO: kinda gnarly, copied from player project
+ *
+ * @param data - Session data array
+ * @param id - Model/element ID
+ * @param element - Element tag name (optional)
+ * @returns The session entry
+ */
+export declare const findOrAddSession: (data: any[], id: string, element?: string) => any;
+//# sourceMappingURL=utils.d.ts.map

package/dist/pie/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/pie/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,GACnC,QAAQ,YAAY,EACpB,MAAM,sBAAsB,KAC1B,MAGF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAC5B,OAAO,MAAM,KACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAgB/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,GAAI,UAAU,MAAM,KAAG,MAIhD,CAAC;AAEb;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAC5B,MAAM,GAAG,EAAE,EACX,IAAI,MAAM,EACV,UAAU,MAAM,KACd,GAeF,CAAC"}

package/dist/pie/utils.js

@@ -0,0 +1,74 @@
+/**
+ * PIE Utils Module
+ *
+ * URL building, package name parsing, and session utilities.
+ */
+/**
+ * Build URL for fetching PIE element bundles from build service
+ */
+export const getPieElementBundlesUrl = (config, opts) => {
+    const elements = config.elements;
+    return `${opts.buildServiceBase}/${encodeURI(Object.values(elements).join("+"))}/${opts.bundleType}`;
+};
+/**
+ * Parse a package name string into its components
+ *
+ * NOTE: Duplicated because we can't have any server-side code in the client
+ *
+ * Examples:
+ * - "@pie-element/multiple-choice@9.9.1" → { name: "@pie-element/multiple-choice", path: "", version: "9.9.1" }
+ * - "lodash/get@4.4.2" → { name: "lodash", path: "get", version: "4.4.2" }
+ */
+export const parsePackageName = (input) => {
+    if (!input) {
+        throw new Error("Parameter is required: input");
+    }
+    const matched = input.charAt(0) === "@"
+        ? input.match(/^(@[^/]+\/[^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/) // scoped package name regex
+        : input.match(/^([^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/); // normal package name
+    if (!matched) {
+        throw new Error(`[parse-package-name] "${input}" is not a valid string`);
+    }
+    return {
+        name: matched[1],
+        path: matched[2] || "",
+        version: matched[3] || "",
+    };
+};
+/**
+ * Strip versions from a package string
+ *
+ * Example: "@pie-element/multiple-choice@9.9.1+@pie-element/hotspot@9.1.0"
+ *       → "@pie-element/multiple-choice+@pie-element/hotspot"
+ */
+export const getPackageWithoutVersion = (packages) => packages
+    .split("+")
+    .map((p) => parsePackageName(p).name)
+    .join("+");
+/**
+ * Find or add a session entry for a given element
+ *
+ * TODO: kinda gnarly, copied from player project
+ *
+ * @param data - Session data array
+ * @param id - Model/element ID
+ * @param element - Element tag name (optional)
+ * @returns The session entry
+ */
+export const findOrAddSession = (data, id, element) => {
+    if (!data) {
+        throw new Error("session data is required");
+    }
+    const s = data.find((d) => d.id === id);
+    if (s) {
+        // Update element property if provided and not already set
+        if (element && !s.element) {
+            s.element = element;
+        }
+        return s;
+    }
+    const ss = element ? { id, element } : { id };
+    data.push(ss);
+    return ss;
+};
+//# sourceMappingURL=utils.js.map

package/dist/pie/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/pie/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACtC,MAAoB,EACpB,IAA4B,EACnB,EAAE;IACX,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACjC,OAAO,GAAG,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;AACtG,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,KAAa,EACqC,EAAE;IACpD,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;IACjD,CAAC;IACD,MAAM,OAAO,GACZ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;QACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,gDAAgD,CAAC,CAAC,4BAA4B;QAC5F,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAAC,CAAC,sBAAsB;IACjF,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,yBAAyB,KAAK,yBAAyB,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO;QACN,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;QAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE;QACtB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE;KACzB,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAgB,EAAU,EAAE,CACpE,QAAQ;KACN,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;KACpC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,IAAW,EACX,EAAU,EACV,OAAgB,EACV,EAAE;IACR,IAAI,CAAC,IAAI,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC7C,CAAC;IACD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,CAAC;QACP,0DAA0D;QAC1D,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;YAC3B,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC;QACrB,CAAC;QACD,OAAO,CAAC,CAAC;IACV,CAAC;IACD,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;IAC9C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACd,OAAO,EAAE,CAAC;AACX,CAAC,CAAC"}

package/dist/types/custom-elements.d.ts

@@ -0,0 +1,183 @@
+/**
+ * TypeScript interfaces for custom PIE elements
+ *
+ * These interfaces provide type safety when working with custom elements
+ * that are defined as Svelte components with customElement option.
+ */
+import type { ItemConfig } from "./index";
+/**
+ * PIE IIFE Player custom element interface
+ *
+ * @example
+ * ```typescript
+ * const player = document.querySelector('pie-iife-player') as PieIifePlayerElement;
+ * player.config = itemConfig;
+ * player.session = { id: 'session-1', data: [] };
+ * ```
+ */
+export interface PieIifePlayerElement extends HTMLElement {
+    /** PIE item configuration */
+    config: ItemConfig;
+    /** Session state containing response data */
+    session: {
+        id: string;
+        data: any[];
+    };
+    /** Player environment (mode and role) */
+    env: {
+        mode: "gather" | "view" | "evaluate";
+        role: "student" | "instructor";
+    };
+    /**
+     * Authoring mode toggle (separate from env.mode).
+     * - view: normal runtime rendering
+     * - author: loads editor bundles and enables configure/authoring flows
+     */
+    mode?: "view" | "author";
+    /**
+     * Authoring configuration passed through to PIE elements (e.g. configure settings).
+     * In authoring mode this typically influences the element's configure UI and emitted
+     * `model.updated` events.
+     */
+    configuration?: Record<string, any>;
+    /** Debug mode flag */
+    debug?: boolean;
+}
+/**
+ * PIE ESM Player custom element interface
+ *
+ * Mirrors the pie-iife-player contract, but loads PIE bundles via native ESM from an ESM CDN.
+ */
+export interface PieEsmPlayerElement extends HTMLElement {
+    /** PIE item configuration */
+    config: ItemConfig;
+    /** Session state containing response data */
+    session: {
+        id: string;
+        data: any[];
+    };
+    /** Player environment (mode and role) */
+    env: {
+        mode: "gather" | "view" | "evaluate";
+        role: "student" | "instructor";
+    };
+    /** ESM CDN base URL (e.g. https://esm.sh) */
+    esmCdnUrl?: string;
+    /** Authoring mode toggle (separate from env.mode). */
+    mode?: "view" | "author";
+    /** Authoring configuration passed through to PIE elements. */
+    configuration?: Record<string, any>;
+    /** Debug mode flag */
+    debug?: boolean;
+}
+/**
+ * Tool Toolbar custom element interface
+ */
+export interface ToolToolbarElement extends HTMLElement {
+    /** Comma-separated list of enabled tools */
+    tools?: string;
+    /** Whether toolbar is disabled */
+    disabled?: boolean;
+    /** Toolbar position */
+    position?: "top" | "bottom" | "left" | "right";
+    /** Whether to show tool labels */
+    "show-labels"?: boolean;
+    /** Organization ID for tool configuration */
+    "organization-id"?: string;
+    /** Base URL for tool resources */
+    "base-url"?: string;
+    /** Tool coordinator instance (passed as property, not attribute) */
+    toolCoordinator?: any;
+    /** Highlight coordinator instance */
+    highlightCoordinator?: any;
+}
+/**
+ * Base tool element interface
+ *
+ * All tool custom elements share these properties
+ */
+export interface BaseToolElement extends HTMLElement {
+    /** Whether the tool is visible */
+    visible?: boolean;
+    /** Unique tool identifier */
+    "tool-id"?: string;
+    /** Tool coordinator instance (passed as property) */
+    coordinator?: any;
+}
+/**
+ * Calculator tool element
+ */
+export interface ToolCalculatorElement extends BaseToolElement {
+    /** Calculator type */
+    "calculator-type"?: "basic" | "scientific" | "graphing";
+}
+/**
+ * Color Scheme tool element
+ */
+export interface ToolColorSchemeElement extends BaseToolElement {
+}
+/**
+ * Graph tool element
+ */
+export interface ToolGraphElement extends BaseToolElement {
+}
+/**
+ * Periodic Table tool element
+ */
+export interface ToolPeriodicTableElement extends BaseToolElement {
+}
+/**
+ * Ruler tool element
+ */
+export interface ToolRulerElement extends BaseToolElement {
+    /** Initial units (cm or in) */
+    units?: "cm" | "in";
+}
+/**
+ * Protractor tool element
+ */
+export interface ToolProtractorElement extends BaseToolElement {
+}
+/**
+ * Line Reader tool element
+ */
+export interface ToolLineReaderElement extends BaseToolElement {
+}
+/**
+ * Text-to-Speech tool element
+ */
+export interface ToolTextToSpeechElement extends BaseToolElement {
+}
+/**
+ * Answer Eliminator tool element
+ */
+export interface ToolAnswerEliminatorElement extends BaseToolElement {
+}
+/**
+ * Helper type to get element interface by tag name
+ *
+ * @example
+ * ```typescript
+ * const player = document.querySelector('pie-iife-player') as CustomElementByTag<'pie-iife-player'>;
+ * ```
+ */
+export type CustomElementByTag<T extends string> = T extends "pie-iife-player" ? PieIifePlayerElement : T extends "pie-tool-toolbar" ? ToolToolbarElement : T extends "pie-tool-calculator" ? ToolCalculatorElement : T extends "pie-tool-color-scheme" ? ToolColorSchemeElement : T extends "pie-tool-graph" ? ToolGraphElement : T extends "pie-tool-periodic-table" ? ToolPeriodicTableElement : T extends "pie-tool-ruler" ? ToolRulerElement : T extends "pie-tool-protractor" ? ToolProtractorElement : T extends "pie-tool-line-reader" ? ToolLineReaderElement : T extends "pie-tool-text-to-speech" ? ToolTextToSpeechElement : T extends "pie-tool-answer-eliminator" ? ToolAnswerEliminatorElement : HTMLElement;
+/**
+ * Declare custom elements in global namespace for TypeScript
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        "pie-iife-player": PieIifePlayerElement;
+        "pie-tool-toolbar": ToolToolbarElement;
+        "pie-tool-calculator": ToolCalculatorElement;
+        "pie-tool-color-scheme": ToolColorSchemeElement;
+        "pie-tool-graph": ToolGraphElement;
+        "pie-tool-periodic-table": ToolPeriodicTableElement;
+        "pie-tool-ruler": ToolRulerElement;
+        "pie-tool-protractor": ToolProtractorElement;
+        "pie-tool-line-reader": ToolLineReaderElement;
+        "pie-tool-text-to-speech": ToolTextToSpeechElement;
+        "pie-tool-answer-eliminator": ToolAnswerEliminatorElement;
+    }
+}
+//# sourceMappingURL=custom-elements.d.ts.map

package/dist/types/custom-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-elements.d.ts","sourceRoot":"","sources":["../../src/types/custom-elements.ts"],"names":[],"mappings":"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"}

package/dist/types/custom-elements.js

@@ -0,0 +1,8 @@
+/**
+ * TypeScript interfaces for custom PIE elements
+ *
+ * These interfaces provide type safety when working with custom elements
+ * that are defined as Svelte components with customElement option.
+ */
+export {};
+//# sourceMappingURL=custom-elements.js.map

package/dist/types/custom-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-elements.js","sourceRoot":"","sources":["../../src/types/custom-elements.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}