@downdraft/engine 0.2.0 → 0.3.1

package/dist/app/src/renderer/bootstrap.js

@@ -132,15 +132,11 @@ export async function bootstrapGame(opts) {
             return;
         const { initDevTools } = devtoolsMod;
         const simStatsProvider = opts.devtools.createSimStatsProvider?.(renderer);
-        const panels = typeof opts.devtools.panels === "function"
-            ? opts.devtools.panels(renderer)
-            : opts.devtools.panels ?? [];
         const workerHosts = typeof opts.devtools.workerHosts === "function"
             ? opts.devtools.workerHosts(renderer)
             : opts.devtools.workerHosts;
         const devtoolsBridge = await importOrDead(initDevTools(renderer, {
             simStatsProvider,
-            panels,
             sceneInspector: opts.devtools.sceneInspector,
             bridgeClass: opts.devtools.bridgeClass,
             workerHosts,

package/dist/app/src/renderer/feature-log.js

@@ -82,22 +82,13 @@ export function collectRendererFeatureLog(opts) {
             data.mem = `${nav.deviceMemory}G`;
     }
     catch { /* navigator unavailable */ }
-    // --- SharedArrayBuffer + crossOriginIsolated (browser isolation only —
-    // there is no origin model on the native host) ---
+    // --- SharedArrayBuffer ---
     try {
         data.sab = typeof SharedArrayBuffer !== "undefined" ? 1 : 0;
     }
     catch {
         data.sab = 0;
     }
-    if (getHostCapabilities().hasDom) {
-        try {
-            data.coi = self.crossOriginIsolated ? 1 : 0;
-        }
-        catch {
-            data.coi = 0;
-        }
-    }
     // --- Worker load status (best-effort; na = not checked) ---
     data.wk = "na";
     // --- Active plugins ---

package/dist/app/src/renderer/mcp-harness.js

@@ -90,17 +90,14 @@ export function createMcpHarness(opts) {
 // These utilities are used by multiple games' MCP automation harnesses.
 // Games import them instead of duplicating the implementation.
 /** Convert a Blob to a base64 string (without the data: prefix). */
-export function blobToBase64(blob) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            const result = reader.result;
-            const base64 = result.split(",")[1];
-            resolve(base64 ?? "");
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(blob);
-    });
+export async function blobToBase64(blob) {
+    const bytes = new Uint8Array(await blob.arrayBuffer());
+    let bin = "";
+    const CHUNK = 0x8000;
+    for (let i = 0; i < bytes.length; i += CHUNK) {
+        bin += String.fromCharCode(...bytes.subarray(i, i + CHUNK));
+    }
+    return btoa(bin);
 }
 /** MCP result helper: wrap data as a JSON content array. */
 export function jsonResult(data) {

package/dist/app/src/renderer/standard-automation-tools.js

@@ -25,7 +25,7 @@
 //     }),
 //   });
 // ============================================================================
-import { getHostCapabilities, KEY } from "@downdraft/engine";
+import { KEY } from "@downdraft/engine";
 import { createLogger } from "@downdraft/engine/util/logger";
 import { downdraft } from "./index.js";
 import { blobToBase64, createMcpHarness, errorResult, jsonResult } from "./mcp-harness.js";
@@ -290,21 +290,13 @@ export function createStandardAutomationTools(ctx) {
                 const rect = surface.getBoundingClientRect();
                 const clientX = rect.left + x;
                 const clientY = rect.top + y;
-                const hasDom = getHostCapabilities().hasDom;
-                // DOM hosts hit-test the topmost element (mimics a real user click
-                // through UI overlays). On native there is no DOM tree — the surface
-                // itself is the input target.
-                const target = hasDom
-                    ? (document.elementFromPoint(clientX, clientY) ?? surface)
-                    : surface;
-                // MiniEventTarget (native event polyfill) has no capture/bubble —
-                // mirror real propagation by also dispatching on window. In a real
-                // DOM this would double-fire, so only do it under the polyfill.
-                const isNativeDom = !hasDom;
+                // There is no DOM tree — the surface itself is the input target.
+                const target = surface;
+                // MiniEventTarget (native event target) has no capture/bubble —
+                // mirror DOM propagation by also dispatching on window.
                 const fire = (ev) => {
                     target.dispatchEvent(ev);
-                    if (isNativeDom)
-                        window.dispatchEvent?.(ev);
+                    window.dispatchEvent?.(ev);
                 };
                 if (type === "wheel") {
                     const deltaX = params.deltaX ?? 0;
@@ -487,130 +479,6 @@ export function createStandardAutomationTools(ctx) {
             handler: () => jsonResult(ctx.getUiState()),
         });
     }
-    // ── get_element_bounds ──
-    if (want("get_element_bounds")) {
-        tools.push({
-            def: {
-                name: "get_element_bounds",
-                description: "Get the bounding box of a DOM element matching a CSS selector. Returns {x, y, width, height, top, left, bottom, right} or found:false.",
-                inputSchema: {
-                    type: "object",
-                    properties: { selector: { type: "string", description: "CSS selector" } },
-                    required: ["selector"],
-                },
-            },
-            handler: (params) => {
-                const selector = params.selector;
-                try {
-                    const el = document.querySelector(selector);
-                    if (!el)
-                        return jsonResult({ found: false, selector });
-                    const rect = el.getBoundingClientRect();
-                    return jsonResult({
-                        found: true, selector,
-                        x: rect.x, y: rect.y, width: rect.width, height: rect.height,
-                        top: rect.top, left: rect.left, bottom: rect.bottom, right: rect.right,
-                    });
-                }
-                catch (e) {
-                    return errorResult(`Failed to query selector "${selector}": ${e.message}`);
-                }
-            },
-        });
-    }
-    // ── inspect_dom ──
-    if (want("inspect_dom")) {
-        tools.push({
-            def: {
-                name: "inspect_dom",
-                description: "Inspect the main thread's DOM for debugging CSS/layout issues. 'stylesheets' lists all <style>/<link> tags; 'element' gets details for a selector.",
-                inputSchema: {
-                    type: "object",
-                    properties: {
-                        action: { type: "string", enum: ["stylesheets", "element"] },
-                        selector: { type: "string", description: "CSS selector (for action='element')" },
-                    },
-                    required: ["action"],
-                },
-            },
-            handler: (params) => {
-                if (!getHostCapabilities().hasDom) {
-                    return errorResult("inspect_dom requires a real DOM — the native host's document is a canvas-compat facade, not a DOM tree");
-                }
-                const action = params.action;
-                if (action === "stylesheets") {
-                    const styles = Array.from(document.querySelectorAll("style, link[rel='stylesheet']")).map((el) => {
-                        const tag = el.tagName.toLowerCase();
-                        if (tag === "style") {
-                            const text = el.textContent ?? "";
-                            return { tag, length: text.length, preview: text.slice(0, 200) };
-                        }
-                        return { tag, href: el.href };
-                    });
-                    return jsonResult({ stylesheets: styles, count: styles.length });
-                }
-                if (action === "element" && params.selector) {
-                    const el = document.querySelector(params.selector);
-                    if (!el)
-                        return jsonResult({ found: false, selector: params.selector });
-                    const cs = getComputedStyle(el);
-                    return jsonResult({
-                        found: true,
-                        selector: params.selector,
-                        tagName: el.tagName,
-                        className: el.className,
-                        id: el.id,
-                        style: {
-                            width: cs.width, height: cs.height,
-                            maxWidth: cs.maxWidth, maxHeight: cs.maxHeight,
-                            display: cs.display, position: cs.position,
-                            top: cs.top, left: cs.left, overflow: cs.overflow,
-                        },
-                        bounds: el.getBoundingClientRect().toJSON(),
-                        childCount: el.children.length,
-                    });
-                }
-                return errorResult("Invalid action or missing selector");
-            },
-        });
-    }
-    // ── get_element_style ──
-    if (want("get_element_style")) {
-        tools.push({
-            def: {
-                name: "get_element_style",
-                description: "Get computed style of a DOM element matching a CSS selector. Pass properties[] to read specific CSS properties.",
-                inputSchema: {
-                    type: "object",
-                    properties: {
-                        selector: { type: "string", description: "CSS selector" },
-                        properties: { type: "array", items: { type: "string" }, description: "CSS properties to read" },
-                    },
-                    required: ["selector"],
-                },
-            },
-            handler: (params) => {
-                if (!getHostCapabilities().hasDom) {
-                    return errorResult("get_element_style requires a real DOM — no computed styles on the native host");
-                }
-                const selector = params.selector;
-                const props = params.properties ?? [];
-                try {
-                    const el = document.querySelector(selector);
-                    if (!el)
-                        return jsonResult({ found: false, selector });
-                    const cs = getComputedStyle(el);
-                    const result = { found: true, selector };
-                    props.forEach((p) => { result[p] = cs.getPropertyValue(p); ; });
-                    result._className = el.className;
-                    return jsonResult(result);
-                }
-                catch (e) {
-                    return errorResult(`Failed to query style for "${selector}": ${e.message}`);
-                }
-            },
-        });
-    }
     // ── inspectable_list / inspectable_get / inspectable_set ──
     const inspectables = ctx.inspectables;
     if (want("inspectable_list") && inspectables) {

package/dist/core/src/index.js

@@ -45,7 +45,7 @@ export { createMultiInputChannel, DEFAULT_KEY_BITFIELD_COUNT, DEFAULT_MAX_PLAYER
 // Game Input SAB Channel
 export { INP, INP_FLAG, INP_HDR, INPUT_MAGIC, INPUT_VERSION, InputBufferReader, InputBufferWriter, InputChannel, KEY, MAX_INPUT_PLAYERS } from "./sab/game-input.js";
 // Sim SAB Channel
-export { allocateInputBuffer, allocateSimBuffer, ENT, MAX_ENTITIES, MAX_PLAYERS, PLR, PLR_FLAG, SIM_ENTITY_SLOT_SIZE, SIM_HDR, SIM_MAGIC, SIM_PLAYER_SLOT_SIZE, SIM_VERSION, SimBufferReader, SimBufferWriter, SimChannel } from "./sab/sim-channel.js";
+export { allocateInputBuffer, allocateSimBuffer, ENT, MAX_ENTITIES, MAX_PLAYERS, PLR, PLR_FLAG, PREV, SIM_ENTITY_SLOT_SIZE, SIM_HDR, SIM_MAGIC, SIM_PLAYER_SLOT_SIZE, SIM_VERSION, SimBufferReader, SimBufferWriter, SimChannel } from "./sab/sim-channel.js";
 // SAB Framework
 export { defineChannel, defineManifest } from "./sab/define.js";
 export { isDebug, resetWarnings, ValidationError as SABValidationError, setDebug, warnOnce } from "./sab/errors.js";
@@ -57,7 +57,7 @@ export { BufferSyncHost, BufferSyncWorker, isBufferSyncMessage } from "./worker/
 export { CrashRecoveryManager, DEFAULT_RECOVERY_CONFIG } from "./worker/crash-recovery.js";
 export { EntitySimWorkerHost } from "./worker/entity-sim-worker-host.js";
 export { exposeProfilingApi, InstrumentedWorkerHost } from "./worker/instrumented-worker-host.js";
-export { expose, exposeEvents, getWorkerHost, wrap } from "./worker/rpc.js";
+export { expose, exposeBatchedEvents, exposeEvents, getWorkerHost, wrap } from "./worker/rpc.js";
 export { createSimWorker } from "./worker/sim-worker-base.js";
 export { RawInputRegionWriter, SimWorkerHost } from "./worker/sim-worker-host.js";
 export { createTaskWorker, PortChannel, TaskPool } from "./worker/task-pool.js";

package/dist/core/src/module/host.js

@@ -23,15 +23,15 @@ export class ModuleHost {
     }
     /**
      * Inject the DevTools API. Called by the game bootstrap after
-     * `initDevTools()` so plugins can self-register debug panels via
-     * `ctx.devtools.registerPanel(...)` during their `register()` lifecycle.
+     * `initDevTools()` so plugins can self-register data feeds via
+     * `ctx.devtools.registerDataFeed(...)` during their `register()` lifecycle.
      */
     setDevToolsAPI(api) {
         this._devtools = api;
     }
     get devtools() {
         // Return the injected API, or a no-op stub if not set (so plugins that
-        // call ctx.devtools.registerPanel() don't crash if devtools isn't wired).
+        // call ctx.devtools.register*() don't crash if devtools isn't wired).
         return this._devtools ?? NoopDevToolsAPI;
     }
     getRegistry() {
@@ -439,10 +439,7 @@ export class ModuleHost {
     }
 }
 // No-op DevTools API stub — used when setDevToolsAPI() hasn't been called.
-// Plugins that call ctx.devtools.registerPanel() will silently no-op.
 const NoopDevToolsAPI = {
-    registerPanel: () => { },
-    registerOverlayToggle: () => { },
     registerDataFeed: () => { },
     registerCommand: () => { },
     registerSABStat: () => { },

package/dist/core/src/platform/rpc.js

@@ -1,3 +1,4 @@
+import { untrackedTimeout } from "../util/session-timer.js";
 export class RPC {
     handlers = new Map();
     pending = new Map();
@@ -20,7 +21,7 @@ export class RPC {
         }
         const id = this.messageIdCounter = (this.messageIdCounter + 1) % 0xFFFFFFFF;
         return new Promise((resolve, reject) => {
-            const timer = setTimeout(() => {
+            const timer = untrackedTimeout(() => {
                 if (this.pending.has(id)) {
                     this.pending.delete(id);
                     reject(new Error(`[RPC] Call to "${channel}" timed out after ${timeoutMs}ms`));

package/dist/core/src/render/canvas-resize-watcher.js

@@ -1,20 +1,13 @@
 export class CanvasResizeWatcher {
     canvas;
     handler;
-    observer = null;
     dpr = 1;
     onSurfaceResize = () => this.resize();
     constructor(canvas, handler) {
         this.canvas = canvas;
         this.handler = handler;
         this.dpr = (typeof window !== "undefined" ? window.devicePixelRatio : 0) || 1;
-        // DOM hosts: element box changes fire ResizeObserver. Native surfaces
-        // aren't Elements — they push a "resize" event instead. Both paths feed
-        // the same resize() so either host drives layout updates.
-        if (typeof ResizeObserver !== "undefined") {
-            this.observer = new ResizeObserver(() => this.resize());
-            this.observer.observe(canvas);
-        }
+        // Native surfaces push a "resize" event when the backing store changes.
         canvas.addEventListener("resize", this.onSurfaceResize);
         this.resize();
     }
@@ -29,8 +22,6 @@ export class CanvasResizeWatcher {
         return this.dpr;
     }
     destroy() {
-        this.observer?.disconnect();
-        this.observer = null;
         this.canvas.removeEventListener("resize", this.onSurfaceResize);
     }
 }