@appstrata/dev 0.1.0

package/dist/mock-services.js

@@ -0,0 +1,141 @@
+/**
+ * Mock implementations of capability services for development.
+ */
+/**
+ * Create an in-memory mock storage service.
+ *
+ * Data is stored in a Map and persists only for the current page session.
+ * Refreshing the page clears all storage.
+ */
+export function createMockStorage() {
+    const storage = new Map();
+    return {
+        async get(key) {
+            return storage.get(key);
+        },
+        async set(key, value) {
+            storage.set(key, value);
+        },
+        async remove(key) {
+            storage.delete(key);
+        },
+        async list() {
+            return Array.from(storage.keys());
+        },
+        async clear() {
+            storage.clear();
+        },
+    };
+}
+/**
+ * Create a passthrough mock proxy service.
+ *
+ * Uses native fetch directly. In dev mode, Vite's dev server can be configured
+ * to proxy API requests if CORS is an issue.
+ */
+export function createMockProxy() {
+    return {
+        async fetch(request) {
+            try {
+                const response = await globalThis.fetch(request.url, {
+                    method: request.method || "GET",
+                    headers: request.headers,
+                    body: request.body,
+                });
+                const headers = {};
+                response.headers.forEach((value, key) => {
+                    headers[key] = value;
+                });
+                // Read response body
+                const body = await response.text();
+                return {
+                    ok: response.ok,
+                    status: response.status,
+                    statusText: response.statusText,
+                    headers,
+                    json: async () => JSON.parse(body),
+                    text: async () => body,
+                    cached: false,
+                    stale: false,
+                };
+            }
+            catch (error) {
+                console.error("[Dev Player] proxy.fetch failed:", error);
+                const errorMessage = error instanceof Error ? error.message : "Network Error";
+                return {
+                    ok: false,
+                    status: 0,
+                    statusText: errorMessage,
+                    headers: {},
+                    json: async () => Promise.reject(error),
+                    text: async () => Promise.reject(error),
+                    cached: false,
+                    stale: false,
+                };
+            }
+        },
+    };
+}
+/**
+ * Create a mock media cache service.
+ *
+ * In dev mode, media files are not actually cached locally.
+ * This mock returns the original URLs as "local paths".
+ */
+export function createMockMediaCache() {
+    const cache = new Map();
+    return {
+        async download(url) {
+            // Create a mock MediaFile that just uses the original URL
+            const file = {
+                md5: btoa(url).slice(0, 32), // Fake MD5
+                localPath: url, // Use original URL in dev mode
+                fileName: url.split("/").pop() || "file",
+                size: 0,
+                status: "cached",
+            };
+            cache.set(url, file);
+            return file;
+        },
+        async get(url) {
+            return cache.get(url) || null;
+        },
+        async list() {
+            return Array.from(cache.values());
+        },
+        async delete(fileName) {
+            // Find and delete by fileName
+            for (const [url, file] of cache.entries()) {
+                if (file.fileName === fileName) {
+                    cache.delete(url);
+                    break;
+                }
+            }
+        },
+        async clear() {
+            cache.clear();
+        },
+        async getStorageInfo() {
+            return {
+                usedBytes: 0,
+                freeBytes: Number.MAX_SAFE_INTEGER,
+            };
+        },
+    };
+}
+/**
+ * Create a mock static API service.
+ *
+ * In dev mode, static optimization is disabled (no screenshots taken).
+ */
+export function createMockStatic() {
+    return {
+        markStatic() {
+        },
+        markSemiStatic(_refreshIntervalSeconds) {
+        },
+        disableStatic() {
+        },
+    };
+}
+//# sourceMappingURL=mock-services.js.map

package/dist/mock-services.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-services.js","sourceRoot":"","sources":["../src/mock-services.ts"],"names":[],"mappings":"AAAA;;GAEG;AAaH;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAmB,CAAC;IAE3C,OAAO;QACL,KAAK,CAAC,GAAG,CAAI,GAAW;YACtB,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,CAAkB,CAAC;QAC3C,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,GAAW,EAAE,KAAc;YACnC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,GAAW;YACtB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;QAED,KAAK,CAAC,IAAI;YACR,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QACpC,CAAC;QAED,KAAK,CAAC,KAAK;YACT,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO;QACL,KAAK,CAAC,KAAK,CAAC,OAAqB;YAE/B,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;oBACnD,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,KAAK;oBAC/B,OAAO,EAAE,OAAO,CAAC,OAAO;oBACxB,IAAI,EAAE,OAAO,CAAC,IAAI;iBACnB,CAAC,CAAC;gBAEH,MAAM,OAAO,GAA2B,EAAE,CAAC;gBAC3C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;oBACtC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;gBACvB,CAAC,CAAC,CAAC;gBAEH,qBAAqB;gBACrB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAEnC,OAAO;oBACL,EAAE,EAAE,QAAQ,CAAC,EAAE;oBACf,MAAM,EAAE,QAAQ,CAAC,MAAM;oBACvB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,OAAO;oBACP,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;oBAClC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI;oBACtB,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;iBACb,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;gBAEzD,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;gBAC9E,OAAO;oBACL,EAAE,EAAE,KAAK;oBACT,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,YAAY;oBACxB,OAAO,EAAE,EAAE;oBACX,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;oBACvC,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;iBACb,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAqB,CAAC;IAE3C,OAAO;QACL,KAAK,CAAC,QAAQ,CAAC,GAAW;YAExB,0DAA0D;YAC1D,MAAM,IAAI,GAAc;gBACtB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,WAAW;gBACxC,SAAS,EAAE,GAAG,EAAE,+BAA+B;gBAC/C,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM;gBACxC,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,QAAQ;aACjB,CAAC;YAEF,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,GAAW;YACnB,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;QAChC,CAAC;QAED,KAAK,CAAC,IAAI;YACR,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QACpC,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,QAAgB;YAC3B,8BAA8B;YAC9B,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBAC/B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oBAClB,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,CAAC,KAAK;YACT,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;QAED,KAAK,CAAC,cAAc;YAClB,OAAO;gBACL,SAAS,EAAE,CAAC;gBACZ,SAAS,EAAE,MAAM,CAAC,gBAAgB;aACnC,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO;QACL,UAAU;QACV,CAAC;QAED,cAAc,CAAC,uBAA+B;QAC9C,CAAC;QAED,aAAa;QACb,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/player/index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AppStrata Dev Player</title>
+  <link rel="stylesheet" href="./styles.css">
+</head>
+<body>
+  <div class="player-container">
+    <div class="player-screen">
+      <div class="loading">
+        <div class="spinner"></div>
+        <p>Loading app...</p>
+      </div>
+      <iframe id="app-frame"></iframe>
+    </div>
+  </div>
+  <script type="module" src="./main.ts"></script>
+</body>
+</html>
+

package/dist/player/main.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Player Page Entry Point.
+ *
+ * This is the main script for the iframe-based dev player.
+ * It loads the user's app in an iframe and provides either:
+ * - A local mock player environment (default)
+ * - A relay to a remote HTTP player (when relay config is provided)
+ */
+import "../dev-overlay.css";
+//# sourceMappingURL=main.d.ts.map

package/dist/player/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/player/main.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAkBH,OAAO,oBAAoB,CAAC"}

package/dist/player/main.js

@@ -0,0 +1,352 @@
+/**
+ * Player Page Entry Point.
+ *
+ * This is the main script for the iframe-based dev player.
+ * It loads the user's app in an iframe and provides either:
+ * - A local mock player environment (default)
+ * - A relay to a remote HTTP player (when relay config is provided)
+ */
+/// <reference types="vite/client" />
+import { createMockPlayer, buildAppContext, buildCapabilityServices, resolveCapabilities, } from "../mock-player.js";
+import { showCompletionNotification } from "../completion-notification.js";
+import { createDevOverlay } from "../dev-overlay.js";
+import { createInterceptingTransport } from "../intercepting-transport.js";
+import { createPostMessageTransport } from "@appstrata/protocol";
+import { configureLogging, createLogger } from "@appstrata/core";
+import { buildLoggingConfig, scaleToFit, setElementResolution } from "@appstrata/utils";
+import { CONFIG_CHANGE_EVENT } from "../types.js";
+import "../dev-overlay.css";
+configureLogging(buildLoggingConfig({
+    preset: { level: "debug" },
+}));
+const logger = createLogger("StandaloneDevPlayer");
+logger.info("Initializing iframe dev player...");
+// ═══════════════════════════════════════════════════════════════════════════
+// Bootstrap
+// ═══════════════════════════════════════════════════════════════════════════
+const params = new URLSearchParams(window.location.search);
+const appUrl = params.get("appUrl");
+if (!appUrl) {
+    document.body.innerHTML = `
+    <div style="color: white; padding: 40px; text-align: center; font-family: system-ui;">
+      <h1>⚠️ Missing App URL</h1>
+      <p>Please provide the app URL as a query parameter:</p>
+      <code style="background: #16213e; padding: 10px; border-radius: 4px; display: inline-block; margin-top: 10px;">
+        ?appUrl=http://localhost:3000
+      </code>
+    </div>
+  `;
+    throw new Error("App URL is required. Use ?appUrl=http://localhost:3000");
+}
+const iframe = document.getElementById("app-frame");
+const loading = document.querySelector(".loading");
+const playerScreen = document.querySelector(".player-screen");
+const playerContainer = document.querySelector(".player-container");
+// ═══════════════════════════════════════════════════════════════════════════
+// Configuration
+// ═══════════════════════════════════════════════════════════════════════════
+const response = await fetch("/__appstrata__/context");
+let { context: contextConfig, capabilities: capabilityConfig, lifecycle, relay, app, dev: devConfig } = (await response.json());
+const overlay = createDevOverlay({
+    container: playerContainer,
+    measureElement: iframe,
+    context: { ...contextConfig, autoZoom: app?.autoZoom },
+    injectStyles: false,
+    ...(relay && { relay: { playerUrl: relay.playerUrl } }),
+    dropLogMessages: !(devConfig?.messages?.showLogMessages ?? false),
+});
+// ═══════════════════════════════════════════════════════════════════════════
+// Auto-zoom
+// ═══════════════════════════════════════════════════════════════════════════
+let zoomApply = null;
+let zoomReset = null;
+window.addEventListener("resize", () => {
+    zoomApply?.();
+    overlay.flashResizeToast();
+});
+function applyAutoZoom(mode, targetWidth, targetHeight) {
+    zoomReset?.();
+    zoomApply = null;
+    zoomReset = null;
+    if (!mode || mode === 'none')
+        return;
+    const parent = playerScreen.parentElement;
+    let apply;
+    let reset;
+    switch (mode) {
+        case 'contain':
+        case 'cover':
+            apply = () => scaleToFit(playerScreen, parent.clientWidth, parent.clientHeight, targetWidth, targetHeight, mode);
+            reset = () => scaleToFit(playerScreen);
+            break;
+        case 'auto-width': {
+            apply = () => {
+                const portrait = window.innerWidth < window.innerHeight;
+                const designPortrait = targetWidth < targetHeight;
+                const [tw, th] = (portrait !== designPortrait)
+                    ? [targetHeight, targetWidth]
+                    : [targetWidth, targetHeight];
+                setElementResolution(playerScreen, tw, th, 'width');
+            };
+            reset = () => setElementResolution(playerScreen);
+            break;
+        }
+        default:
+            apply = () => setElementResolution(playerScreen, targetWidth, targetHeight, mode);
+            reset = () => setElementResolution(playerScreen);
+            break;
+    }
+    zoomApply = apply;
+    zoomReset = reset;
+    apply();
+}
+applyAutoZoom(app?.autoZoom, contextConfig.viewportWidth || 1920, contextConfig.viewportHeight || 1080);
+/**
+ * Serialise `dev.logging` into `?logLevels=` and `?logSinks=` URL params.
+ */
+function buildLogParams(logging) {
+    if (!logging?.level && !logging?.sinks?.length) {
+        return { levelsParam: null, sinksParam: null };
+    }
+    let levelsParam = null;
+    if (logging.level) {
+        const parts = [logging.level];
+        if (logging.namespaces) {
+            for (const [ns, lvl] of Object.entries(logging.namespaces)) {
+                parts.push(`${ns}:${lvl}`);
+            }
+        }
+        levelsParam = parts.join(",");
+    }
+    const sinksParam = logging.sinks?.length ? logging.sinks.join(",") : null;
+    return { levelsParam, sinksParam };
+}
+function setIframeSrc({ levelsParam, sinksParam }) {
+    const src = new URL(appUrl);
+    if (levelsParam)
+        src.searchParams.set("logLevels", levelsParam);
+    if (sinksParam)
+        src.searchParams.set("logSinks", sinksParam);
+    iframe.src = src.href;
+}
+// ═══════════════════════════════════════════════════════════════════════════
+// Session management
+// ═══════════════════════════════════════════════════════════════════════════
+let currentHost = null;
+let currentTransport = null;
+let currentRelay = null;
+let droppedCountInterval = null;
+/**
+ * Create (or recreate) a local mock player session.
+ *
+ * Normally called before setIframeSrc() so the transport listener is
+ * in place when the app sends HELLO. Also called by the load handler
+ * on unexpected reloads (manual refresh) to replace the stale session.
+ *
+ * Only applicable to non-relay mode.
+ */
+function createLocalSession() {
+    currentHost?.destroy();
+    currentTransport?.close();
+    logger.info("Initializing local mock player...");
+    const rawTransport = createPostMessageTransport({
+        targetWindow: iframe.contentWindow,
+        targetOrigin: new URL(appUrl).origin,
+    });
+    const transport = currentTransport = createInterceptingTransport(rawTransport, (msg, dir) => {
+        overlay.logMessage(dir, msg);
+    });
+    const host = currentHost = createMockPlayer({
+        capabilities: capabilityConfig,
+        transport,
+        notifyComplete: () => {
+            logger.info("App called notifyComplete()");
+            const hideDelay = lifecycle?.hideDelay ?? 100;
+            const stopDelay = lifecycle?.stopDelay ?? 50;
+            setTimeout(() => {
+                logger.debug("fireHide");
+                host.fireHide();
+            }, hideDelay);
+            setTimeout(() => {
+                logger.debug("fireStop");
+                host.fireStop();
+            }, hideDelay + stopDelay);
+        },
+        notifyEstimatedEnd: (expectedFinishTime) => {
+            const secsUntil = Math.round((expectedFinishTime - Date.now()) / 1000);
+            logger.info(`App called notifyEstimatedEnd() — finishes in ~${secsUntil}s (${new Date(expectedFinishTime).toISOString()})`);
+        },
+        notifyNoContent: (options) => {
+            const parts = ["App called notifyNoContent()"];
+            if (options?.reason)
+                parts.push(`reason="${options.reason}"`);
+            if (options?.retryNotBefore) {
+                const secsUntil = Math.round((options.retryNotBefore - Date.now()) / 1000);
+                parts.push(`retry in ~${secsUntil}s`);
+            }
+            logger.info(parts.join(" — "));
+            const hideDelay = lifecycle?.hideDelay ?? 100;
+            const stopDelay = lifecycle?.stopDelay ?? 50;
+            setTimeout(() => {
+                logger.debug("fireHide");
+                host.fireHide();
+            }, hideDelay);
+            setTimeout(() => {
+                logger.debug("fireStop");
+                host.fireStop();
+            }, hideDelay + stopDelay);
+        },
+        log: (level, message, data) => {
+            console[level](`[Standalone Dev Player Log Service] ${message}`, data !== undefined ? data : "");
+        },
+    });
+    host.player.onStop(() => {
+        overlay.setCompleted();
+        showCompletionNotification();
+    });
+    logger.debug("AppHost created");
+}
+function fireLifecycle() {
+    const capabilities = resolveCapabilities(capabilityConfig);
+    const appContext = buildAppContext(contextConfig, capabilities);
+    const initDelay = lifecycle?.initDelay ?? 0;
+    const showDelay = lifecycle?.showDelay ?? 50;
+    const startDelay = lifecycle?.startDelay ?? 50;
+    setTimeout(() => { logger.debug("fireInit"); currentHost.fireInit(appContext); }, initDelay);
+    setTimeout(() => { logger.debug("fireShow"); currentHost.fireShow(); }, initDelay + showDelay);
+    setTimeout(() => { logger.debug("fireStart"); currentHost.fireStart(); }, initDelay + showDelay + startDelay);
+    logger.info("Mock player ready");
+    logger.debug("Context", appContext);
+    logger.debug("Capabilities", capabilities);
+}
+async function setupRelaySession() {
+    logger.info(`Starting relay to ${relay.playerUrl} (${relay.transport})`);
+    const { createRelayTransport, createHttpSseTransport, createHttpPollingTransport, } = await import("@appstrata/protocol");
+    const sessionId = "relay-" + Date.now() + "-" + Math.random().toString(36).substr(2, 9);
+    const targetOrigin = new URL(appUrl).origin;
+    const appTransport = createPostMessageTransport({
+        targetWindow: iframe.contentWindow,
+        targetOrigin,
+    });
+    const httpTransportFactory = relay.transport === "polling"
+        ? createHttpPollingTransport
+        : createHttpSseTransport;
+    const hostTransport = httpTransportFactory({
+        sendUrl: `${relay.playerUrl}/api/send`,
+        receiveUrl: `${relay.playerUrl}/api/receive`,
+        sessionId,
+        timeout: 30000,
+    });
+    // Clean up previous relay — also removes the old postMessage listener
+    // so it doesn't intercept messages from the new iframe load.
+    if (droppedCountInterval !== null)
+        clearInterval(droppedCountInterval);
+    currentRelay?.close();
+    const relayInstance = createRelayTransport({
+        appTransport,
+        hostTransport,
+        onMessage: (msg, direction) => {
+            const dir = direction;
+            overlay.logMessage(dir, msg);
+            if (msg.type === "EVENT" && msg.name === "stop") {
+                overlay.setCompleted();
+                showCompletionNotification();
+            }
+            return msg;
+        },
+    });
+    currentRelay = relayInstance;
+    // Expose relay globally for debugging
+    window.__APPSTRATA_RELAY__ = relayInstance;
+    // Periodically sync the relay's dropped count into the overlay
+    droppedCountInterval = setInterval(() => overlay.setDroppedCount(relayInstance.getStats().dropped), 1000);
+    logger.info(`Relay active (session: ${sessionId})`);
+}
+// ═══════════════════════════════════════════════════════════════════════════
+// Initial load
+// ═══════════════════════════════════════════════════════════════════════════
+// Create the session before loading the iframe so the transport listener
+// is registered on window before the app sends HELLO. This is not strictly
+// necessary, since the protocol handles any order of initialization, but it's
+// nice to see the HELLO in action.
+// True when createLocalSession() is called before setIframeSrc(),
+// which is the normal case (initial load and HMR). After the app
+// is loaded the flag is set to false.
+// Only applicable to non-relay mode.
+let sessionRefreshedBeforeAppLoad = false;
+if (!relay) {
+    createLocalSession();
+    sessionRefreshedBeforeAppLoad = true;
+}
+const initialLogParams = buildLogParams(devConfig?.logging);
+setIframeSrc(initialLogParams);
+logger.info(`Loading app from ${iframe.src}`);
+// ═══════════════════════════════════════════════════════════════════════════
+// HMR
+// ═══════════════════════════════════════════════════════════════════════════
+if (import.meta.hot) {
+    let currentLogKey = JSON.stringify(initialLogParams);
+    import.meta.hot.on(CONFIG_CHANGE_EVENT, (data) => {
+        logger.info("Config changed via HMR, updating player UI");
+        contextConfig = data.context;
+        overlay.updateContext({ ...data.context, autoZoom: data.app?.autoZoom });
+        overlay.setDropLogMessages(!(data.dev?.messages?.showLogMessages ?? false));
+        applyAutoZoom(data.app?.autoZoom, data.context.viewportWidth || 1920, data.context.viewportHeight || 1080);
+        const newLogParams = buildLogParams(data.dev?.logging);
+        const newLogKey = JSON.stringify(newLogParams);
+        const loggingChanged = newLogKey !== currentLogKey;
+        if (loggingChanged) {
+            currentLogKey = newLogKey;
+            // Fresh session BEFORE reload so the listener catches HELLO.
+            if (!relay) {
+                createLocalSession();
+                sessionRefreshedBeforeAppLoad = true;
+            }
+            setIframeSrc(newLogParams);
+            return;
+        }
+        if (!relay && currentHost) {
+            // Hot-swap context/capabilities in-place (no iframe reload needed).
+            const newCapabilities = resolveCapabilities(data.capabilities);
+            const newServices = buildCapabilityServices(newCapabilities);
+            currentHost.updateServices(newServices);
+            const newContext = buildAppContext(data.context, newCapabilities);
+            currentHost.updateContext(newContext);
+        }
+    });
+}
+// ═══════════════════════════════════════════════════════════════════════════
+// Iframe load handler
+// ═══════════════════════════════════════════════════════════════════════════
+iframe.addEventListener("load", async () => {
+    logger.info("App loaded...");
+    loading.classList.add("hidden");
+    requestAnimationFrame(() => overlay.updateResolution());
+    if (relay) {
+        await setupRelaySession();
+    }
+    else {
+        // On unexpected reloads (manual refresh) replace the stale session.
+        if (!sessionRefreshedBeforeAppLoad) {
+            createLocalSession();
+        }
+        sessionRefreshedBeforeAppLoad = false;
+        fireLifecycle();
+    }
+});
+// ═══════════════════════════════════════════════════════════════════════════
+// Iframe error handler
+// ═══════════════════════════════════════════════════════════════════════════
+iframe.addEventListener("error", (e) => {
+    logger.error("Failed to load app", e);
+    loading.innerHTML = `
+    <div style="color: #ff6b6b;">
+      <p>❌ Failed to load app</p>
+      <p style="font-size: 14px; margin-top: 10px;">Check that your dev server is running at:</p>
+      <code style="background: #16213e; padding: 8px; border-radius: 4px; display: inline-block; margin-top: 8px;">
+        ${appUrl}
+      </code>
+    </div>
+  `;
+});
+//# sourceMappingURL=main.js.map

package/dist/player/main.js.map

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

package/dist/player/styles.css

@@ -0,0 +1,80 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  height: 100%;
+}
+
+body {
+  background: #1a1a2e;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  overflow: hidden;
+}
+
+.player-container {
+  position: relative;
+  background: #0f0f1e;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+.player-screen {
+  position: relative;
+  background: black;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+  background: black;
+}
+
+.loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
+  font-size: 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  z-index: 10;
+}
+
+.spinner {
+  width: 40px;
+  height: 40px;
+  border: 3px solid rgba(255, 255, 255, 0.1);
+  border-top-color: #00d4ff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loading p {
+  margin: 0;
+  opacity: 0.8;
+}
+
+/* Hide loading when iframe is ready */
+.loading.hidden {
+  display: none;
+}
+