@downdraft/engine 0.3.0 → 0.4.0-alpha.0

package/modules/devtools/src/api.ts

@@ -3,23 +3,21 @@
 // engine systems, regardless of which thread they run on.
 //
 // Realm detection determines transport:
-//   - Main realm: panels/feeds/commands registered directly on
+//   - Main realm: feeds/commands registered directly on
 //     window.__sceneInspector via DevToolsDataBridge.
-//   - Worker realm: panels/feeds/commands registered in a worker-side
-//     registry. Data feeds are written to a devtools SAB region (zero-copy,
-//     synchronous reads). Commands are forwarded via worker RPC. Panel
-//     declarations are synced to the renderer via a one-time manifest RPC.
+//   - Worker realm: feeds/commands registered in a worker-side registry.
+//     Data feeds are written to a devtools SAB region (zero-copy,
+//     synchronous reads). Commands are forwarded via worker RPC.
 //
 // Plugins import `devtools` from @downdraft/engine/modules/devtools and call
-// registerPanel/registerDataFeed/registerCommand/registerSABStat — the same
-// API works in both realms.
+// registerDataFeed/registerCommand/registerSABStat — the same API works in
+// both realms.
 // ============================================================================
 
 import { resourceToken } from "@downdraft/engine/ecs/resource";
 import { createLogger } from "@downdraft/engine/util/logger";
 import type { DebugViewDescriptor } from "./debug-view-descriptors";
 import { BUILTIN_VIEW_DESCRIPTORS } from "./debug-view-descriptors";
-import type { IDevToolsOverlayToggle, IDevToolsPanelExtension } from "./types";
 
 const log = createLogger("info");
 
@@ -56,7 +54,7 @@ export const DEVTOOLS_REALM = detectRealm();
 // synchronously. No RPC polling needed.
 //
 // Layout:
-//   [0..3]   manifestVersion: Uint32  (bumped when panels/feeds change)
+//   [0..3]   manifestVersion: Uint32  (bumped when feeds/commands change)
 //   [4..7]   feedCount: Uint32
 //   [8..]    feed entries: each is [lengthBytes: Uint32][JSON bytes...]
 //            (lengthBytes = 0 means "not yet written" / "unavailable")
@@ -124,11 +122,7 @@ export interface DevToolsAPI {
   /** Current realm ("main" or "worker"). */
   readonly realm: "main" | "worker";
 
-  // --- Panels & toggles (declarative, realm-transparent) ---
-  registerPanel(ext: IDevToolsPanelExtension): void;
-  registerOverlayToggle(toggle: IDevToolsOverlayToggle): void;
-
-  // --- Data feeds (read by panel, realm chooses transport) ---
+  // --- Data feeds (read by devtools frontends, realm chooses transport) ---
   // In main realm: fn is called directly when the panel queries __sceneInspector.
   // In worker realm: fn is called each tick (or at writeRate), result JSON-serialized
   //   to the devtools SAB. Renderer reads synchronously from SAB.
@@ -165,7 +159,7 @@ export interface DevToolsAPI {
   getViews(): DebugViewDescriptor[];
 
   // --- Manifest (renderer fetches from worker via RPC) ---
-  /** Get the full manifest: panels, toggles, data feed names, commands, SAB stats. */
+  /** Get the full manifest: data feed names, commands, SAB stats. */
   getManifest(): DevToolsManifest;
 
   // --- Worker tick hook ---
@@ -178,8 +172,6 @@ export interface DevToolsAPI {
 }
 
 export interface DevToolsManifest {
-  panels: IDevToolsPanelExtension[];
-  toggles: IDevToolsOverlayToggle[];
   dataFeeds: { name: string; feedIndex: number; writeRateHz: number }[];
   commands: string[];
   sabStats: DevToolsSABStat[];
@@ -200,8 +192,6 @@ interface RegisteredDataFeed {
 class DevToolsAPIImpl implements DevToolsAPI {
   readonly realm: "main" | "worker";
 
-  private panels = new Map<string, IDevToolsPanelExtension>();
-  private toggles = new Map<string, IDevToolsOverlayToggle>();
   private dataFeeds = new Map<string, RegisteredDataFeed>();
   private dataFeedNames: string[] = []; // ordered list for feedIndex assignment
   private commands = new Map<string, (...args: any[]) => any>();
@@ -223,16 +213,6 @@ class DevToolsAPIImpl implements DevToolsAPI {
     this.realm = realm;
   }
 
-  registerPanel(ext: IDevToolsPanelExtension): void {
-    this.panels.set(ext.id, ext);
-    this.bumpManifest();
-  }
-
-  registerOverlayToggle(toggle: IDevToolsOverlayToggle): void {
-    this.toggles.set(toggle.id, toggle);
-    this.bumpManifest();
-  }
-
   registerDataFeed(name: string, fn: () => any, writeRateHz: number = 10): void {
     if (this.dataFeeds.has(name)) {
       // Update fn/rate, keep feedIndex and hasWritten
@@ -318,8 +298,6 @@ class DevToolsAPIImpl implements DevToolsAPI {
 
   getManifest(): DevToolsManifest {
     return {
-      panels: Array.from(this.panels.values()),
-      toggles: Array.from(this.toggles.values()),
       dataFeeds: this.dataFeedNames.map((name, i) => ({
         name,
         feedIndex: i,
@@ -414,8 +392,6 @@ class DevToolsAPIImpl implements DevToolsAPI {
   }
 
   clear(): void {
-    this.panels.clear();
-    this.toggles.clear();
     this.dataFeeds.clear();
     this.dataFeedNames = [];
     this.commands.clear();
@@ -443,7 +419,7 @@ const _devtools = new DevToolsAPIImpl(DEVTOOLS_REALM);
  * the appropriate transport for data feeds (direct call vs SAB) and
  * commands (direct call vs RPC forwarding).
  *
- * Plugins import this and call registerPanel/registerDataFeed/registerCommand.
+ * Plugins import this and call registerDataFeed/registerCommand.
  * The same code works in both realms.
  */
 export const devtools: DevToolsAPI = _devtools;

package/modules/devtools/src/data-bridge.ts

@@ -15,8 +15,6 @@ import { useDebugStore } from "./debug-store";
 import type {
     IDebugModeProvider,
     IDevToolsDataRenderer,
-    IDevToolsOverlayToggle,
-    IDevToolsPanelExtension,
     IPerformanceMetricsProvider,
     ISimStatsProvider,
 } from "./types";
@@ -43,16 +41,6 @@ export class DevToolsDataBridge {
     return null;
   }
 
-  /** Games override this to declare custom DevTools panel tabs. */
-  protected getPanelExtensions(): IDevToolsPanelExtension[] {
-    return [];
-  }
-
-  /** Games override this to declare custom overlay toggles. */
-  protected getOverlayToggles(): IDevToolsOverlayToggle[] {
-    return [];
-  }
-
   /** Games override this to expose sim stats + controls (pause/step/speed/clear). */
   protected getSimStatsProvider(): ISimStatsProvider | null {
     return null;
@@ -243,10 +231,6 @@ export class DevToolsDataBridge {
         return this.cachedGpuAdapterInfo;
       },
 
-      // --- Panel extensions (game-specific tabs and overlay toggles) ---
-      getPanelExtensions: (): IDevToolsPanelExtension[] => this.getPanelExtensions(),
-      getOverlayToggles: (): IDevToolsOverlayToggle[] => this.getOverlayToggles(),
-
       // --- Sim stats & controls (optional — games implement ISimStatsProvider) ---
       getSimStats: (): any => this.getSimStatsProvider()?.getSimStats() ?? null,
       pauseSim: (): void => { this.getSimStatsProvider()?.pauseSim(); },

package/modules/devtools/src/index.ts

@@ -16,9 +16,7 @@ export { useSceneStore } from "./scene-store";
 export type { SceneNode, SceneTreeSnapshot, SimEntitySnapshot } from "./scene-store";
 
 // Debug overlays (generic rendering, game provides data via interfaces)
-export { DebugOverlay } from "./debug-overlay";
 export { DebugRaycast } from "./debug-raycast";
-export { LabelOverlay } from "./label-overlay";
 export { SceneSync } from "./scene-sync";
 
 // Asset utilities
@@ -26,13 +24,9 @@ export { asyncFetchArrayBuffer, bufferCache, evictThumbnailCache, findBinForGLTF
 
 // Data bridge (non-abstract, data-feeds only) & base inspector & interfaces
 export { DevToolsDataBridge } from "./data-bridge";
-export { createDoctorPanelExtension } from "./doctor-panel";
-export type { DoctorPanelOptions } from "./doctor-panel";
 export { BaseSceneInspector } from "./scene-inspector";
-export { createSimStatsPanelExtension } from "./sim-stats-panel";
-export type { SimStatsPanelOptions } from "./sim-stats-panel";
 export type {
-    GameDevToolsTab, IAssetResolver, IAssetUrlMaps, IDebugModeProvider, IDebugOverlayData, IDebugOverlayProvider, IDevToolsDataRenderer, IDevToolsOverlayToggle, IDevToolsPanelExtension, IDevToolsRenderer, IGameDevToolsExtension, IGameDevToolsProvider, ILabelEntry, ILabelProvider, IPerformanceMetricsProvider, IRaycastProvider, IRaycastResult, ISceneEntitySnapshot, ISceneSyncProvider, ISimStats, ISimStatsProvider
+    IAssetResolver, IAssetUrlMaps, IDebugModeProvider, IDebugOverlayProvider, IDevToolsDataRenderer, IDevToolsRenderer, IGameDevToolsExtension, IPerformanceMetricsProvider, IRaycastProvider, IRaycastResult, ISceneEntitySnapshot, ISceneSyncProvider, ISimStats, ISimStatsProvider
 } from "./types";
 
 // Unified DevTools API — single registration surface for plugins, games, and
@@ -75,10 +69,6 @@ export type {
 export { BUILTIN_VIEW_DESCRIPTORS } from "./debug-view-descriptors";
 export type { BuiltinViewKind, DebugViewDescriptor } from "./debug-view-descriptors";
 
-// Material stats panel — reusable DevTools tab for the material system
-export { createMaterialStatsPanelExtension } from "./material-stats-panel";
-export type { MaterialStatsPanelOptions } from "./material-stats-panel";
-
 // Blitz devtools — docked in-window DevTools UI (F12)
 export { BlitzDevtoolsHost, createSelfHostedDevtoolsUi } from "./blitz/host";
 export type { BlitzDevtoolsOptions, DevtoolsUiSurface } from "./blitz/host";

package/modules/devtools/src/init.ts

@@ -5,10 +5,10 @@
 //   1. Creating an IDevToolsDataRenderer adapter
 //   2. Instantiating DevToolsDataBridge (or BaseSceneInspector)
 //   3. Calling init()
-//   4. Wiring sim stats provider, panel extensions, overlay toggles, etc.
+//   4. Wiring sim stats provider, debug overlay provider, etc.
 //
-// Also merges globally-registered panels/feeds/commands from the `devtools`
-// singleton (registered by plugins via ctx.devtools.registerPanel() etc.)
+// Also merges globally-registered feeds/commands from the `devtools`
+// singleton (registered by plugins via ctx.devtools.registerDataFeed() etc.)
 // and from worker manifests (via syncWorkerManifests).
 //
 // Returns the bridge instance for games that need post-init calls
@@ -24,8 +24,6 @@ import type {
     IAssetResolver,
     IDebugModeProvider,
     IDebugOverlayProvider,
-    IDevToolsOverlayToggle,
-    IDevToolsPanelExtension,
     IDevToolsRenderer,
     IPerformanceMetricsProvider,
     ISimStatsProvider,
@@ -33,10 +31,6 @@ import type {
 import { syncWorkerManifests, type WorkerSyncEntry } from "./worker-sync";
 
 export interface InitDevToolsOptions {
-  // --- Panel extensions & toggles (game-declared) ---
-  panels?: IDevToolsPanelExtension[];
-  overlayToggles?: IDevToolsOverlayToggle[];
-
   // --- Providers (game-specific) ---
   simStatsProvider?: ISimStatsProvider & { start?: () => void; stop?: () => void };
   debugOverlayProvider?: IDebugOverlayProvider;
@@ -67,7 +61,7 @@ export interface InitDevToolsOptions {
 
 /**
  * Initialize DevTools with one call. Creates the bridge, wires all providers,
-  merges globally-registered panels/feeds/commands, syncs worker manifests,
+ * merges globally-registered feeds/commands, syncs worker manifests,
  * and exposes the API on window.__sceneInspector.
  *
  * Returns the bridge instance.
@@ -81,20 +75,7 @@ export async function initDevTools(renderer: any, options: InitDevToolsOptions =
     || !!options.bridgeClass
     || isSceneRenderer(renderer);
 
-  // 3. Register game-declared panels/toggles into the global registry
-  //    (these merge with plugin-registered ones)
-  if (options.panels) {
-    options.panels.forEach((panel) => {
-      devtools.registerPanel(panel);
-    });
-  }
-  if (options.overlayToggles) {
-    options.overlayToggles.forEach((toggle) => {
-      devtools.registerOverlayToggle(toggle);
-    });
-  }
-
-  // 4. Sync worker manifests (fetches panels/feeds/commands from sim workers)
+  // 4. Sync worker manifests (fetches feeds/commands from sim workers)
   if (options.workerHosts && options.workerHosts.length > 0) {
     await syncWorkerManifests(options.workerHosts);
   }
@@ -136,10 +117,8 @@ export async function initDevTools(renderer: any, options: InitDevToolsOptions =
     wirePerformanceMetricsProvider(bridge, options.performanceMetricsProvider);
   }
 
-  // 7. Merge globally-registered panels/toggles/feeds/commands into the bridge
-  //    The bridge's getPanelExtensions()/getOverlayToggles() already returns
-  //    game-declared ones; we augment the __sceneInspector API with
-  //    plugin-registered data feeds and commands.
+  // 7. Merge globally-registered feeds/commands/SAB stats into the bridge —
+  //    augments the __sceneInspector API with plugin-registered methods.
   mergeGlobalRegistrations(bridge);
 
   // 8. Initialize the profiling system (if enabled)
@@ -193,10 +172,9 @@ function wirePerformanceMetricsProvider(bridge: DevToolsDataBridge, provider: an
 }
 
 /**
- * Merge globally-registered panels, data feeds, and commands from the `devtools`
+ * Merge globally-registered data feeds and commands from the `devtools`
  * singleton into the bridge's __sceneInspector API.
  *
- * - Panels: merged into getPanelExtensions() (game panels + plugin panels)
  * - Data feeds: added as methods on __sceneInspector (called synchronously)
  * - Commands: added as methods on __sceneInspector (forwarded to worker or called directly)
  * - SAB stats: added as methods on __sceneInspector (read from SAB)
@@ -204,27 +182,6 @@ function wirePerformanceMetricsProvider(bridge: DevToolsDataBridge, provider: an
 function mergeGlobalRegistrations(bridge: DevToolsDataBridge): void {
   const manifest = devtools.getManifest();
 
-  // Augment getPanelExtensions to merge global registry panels
-  const originalGetPanels = (bridge as any).getPanelExtensions?.bind(bridge);
-  (bridge as any).getPanelExtensions = (): IDevToolsPanelExtension[] => {
-    const gamePanels = originalGetPanels?.() ?? [];
-    // Merge: game panels take precedence on id collisions
-    const merged = new Map<string, IDevToolsPanelExtension>();
-    manifest.panels.forEach((p) => { merged.set(p.id, p);; });
-    gamePanels.forEach((p: any) => { merged.set(p.id, p);; });
-    return Array.from(merged.values()).sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
-  };
-
-  // Augment getOverlayToggles to merge global registry toggles
-  const originalGetToggles = (bridge as any).getOverlayToggles?.bind(bridge);
-  (bridge as any).getOverlayToggles = (): IDevToolsOverlayToggle[] => {
-    const gameToggles = originalGetToggles?.() ?? [];
-    const merged = new Map<string, IDevToolsOverlayToggle>();
-    manifest.toggles.forEach((t) => { merged.set(t.id, t);; });
-    gameToggles.forEach((t: any) => { merged.set(t.id, t);; });
-    return Array.from(merged.values());
-  };
-
   // Add data feed methods to the __sceneInspector API
   // These are called synchronously by the panel via callInspector()
   const api = (window as any).__sceneInspector;

package/modules/devtools/src/scene-inspector.ts

@@ -44,8 +44,6 @@ export abstract class BaseSceneInspector extends DevToolsDataBridge {
     return null;
   }
 
-  // getPanelExtensions() and getOverlayToggles() inherited from DevToolsDataBridge.
-
   // --- Init ---
 
   init(renderer: IDevToolsRenderer): void {
@@ -568,9 +566,7 @@ export abstract class BaseSceneInspector extends DevToolsDataBridge {
       const cosX = Math.cos(angleX), sinX = Math.sin(angleX);
 
       const THUMB_SIZE = 192;
-      const canvas = document.createElement("canvas");
-      canvas.width = THUMB_SIZE;
-      canvas.height = THUMB_SIZE;
+      const canvas = new OffscreenCanvas(THUMB_SIZE, THUMB_SIZE);
       const ctx = canvas.getContext("2d");
       if (!ctx) return null;
 
@@ -617,7 +613,7 @@ export abstract class BaseSceneInspector extends DevToolsDataBridge {
         }
       }
 
-      const dataUrl = canvas.toDataURL("image/png");
+      const dataUrl = (canvas as unknown as { toDataURL(type?: string): string }).toDataURL("image/png");
       this.evictThumbnailCache();
       this.thumbnailCache.set(path, dataUrl);
       return dataUrl;

package/modules/devtools/src/types.ts

@@ -69,7 +69,9 @@ export interface IAssetResolver {
   getTextureUrl(uri: string): string | null;
 }
 
-/** Optional debug overlay toggles — games that support chunk grid / velocity arrows implement this. */
+/** Optional debug draw toggles — games with GPU-side debug overlays
+ *  (chunk grid, velocity arrows) implement this. Drives the game's own
+ *  debug rendering, not a DOM overlay. */
 export interface IDebugOverlayProvider {
   setShowChunkGrid(show: boolean): void;
   getShowChunkGrid(): boolean;
@@ -91,73 +93,7 @@ export interface IPerformanceMetricsProvider {
   getPerformanceMetrics(): any;
 }
 
-/** Game-specific tab provider — games register custom DevTools tabs via this interface. */
-export interface IGameDevToolsProvider {
-  getTabs(): GameDevToolsTab[];
-}
-
-export interface GameDevToolsTab {
-  id: string;
-  label: string;
-  onActivate(container: HTMLElement): void;
-  onDeactivate(): void;
-}
-
-/**
- * Game-specific DevTools panel extension.
- * Games declare tabs with HTML content, CSS, and a JS script that runs
- * in the DevTools panel context. The script receives DevToolsPanel helpers
- * and returns lifecycle callbacks.
- */
-export interface IDevToolsPanelExtension {
-  /** Unique id for this extension (e.g. "debug-info", "game-panel"). */
-  id: string;
-  /** Tab label shown in the tab bar. */
-  tabLabel: string;
-  /** Tab tooltip. */
-  tabTooltip?: string;
-  /** Order/priority for tab placement. Core tabs: 0-100, game tabs: 100+. Default: 100. */
-  order?: number;
-  /** __sceneInspector methods that must exist for this tab to be shown. */
-  requiredMethods?: string[];
-  /** HTML content for the panel body (inserted into a container div). */
-  html: string;
-  /** CSS to inject into the panel document. */
-  css?: string;
-  /**
-   * JS to eval in the panel context. Receives a DevToolsPanelHelpers object
-   * and returns { onActivate?, onDeactivate?, onRefresh?, onDestroy? }.
-   */
-  script?: string;
-}
-
-/**
- * Game-specific overlay toggle for the overlays dropdown menu.
- */
-export interface IDevToolsOverlayToggle {
-  /** Unique id (e.g. "chunk-grid", "vel-arrows"). */
-  id: string;
-  /** Label shown next to the checkbox. */
-  label: string;
-  /** __sceneInspector methods that must exist for this toggle to be shown. */
-  requiredMethods?: string[];
-  /**
-   * JS to eval in the panel context. Receives DevToolsPanelHelpers.
-   * Should set up a checkbox listener on #chk-{id} that calls callInspector.
-   */
-  script?: string;
-}
-
-// --- Debug Overlay Data Providers ---
-
-/** Provides entity data for the 2D debug overlay (chunk grid + velocity arrows). */
-export interface IDebugOverlayData {
-  getEntityCount(): number;
-  getEntityPosition(i: number): { x: number; y: number; z: number } | null;
-  getEntityVelocity(i: number): { x: number; y: number; z: number } | null;
-  getPlayerPosition(): { x: number; z: number } | null;
-  getChunkGridConfig(): { chunkSize: number; chunksVisible: number };
-}
+// --- Debug Raycast Providers ---
 
 /** Provides camera state for debug overlays. */
 export interface IDebugCamera {
@@ -170,8 +106,6 @@ export interface IDebugCamera {
   far: number;
 }
 
-// --- Debug Raycast Providers ---
-
 /** Result of a raycast against entities. */
 export interface IRaycastResult {
   entityIndex: number;
@@ -196,23 +130,6 @@ export interface IRaycastProvider {
   ): IRaycastResult | null;
 }
 
-// --- Label Overlay Providers ---
-
-/** A single label entry for the HTML label overlay. */
-export interface ILabelEntry {
-  key: string;
-  text: string;
-  color: string;
-  x: number;
-  y: number;
-  z: number;
-}
-
-/** Provides label data for the HTML label overlay. */
-export interface ILabelProvider {
-  getLabels(): ILabelEntry[];
-}
-
 // --- Scene Sync Providers ---
 
 /** Entity snapshot for scene store sync. */
@@ -251,7 +168,6 @@ export interface IGameDevToolsExtension {
   debugOverlayProvider?: IDebugOverlayProvider;
   debugModeProvider?: IDebugModeProvider;
   performanceMetricsProvider?: IPerformanceMetricsProvider;
-  tabProvider?: IGameDevToolsProvider;
 }
 
 // --- Sim Stats & Controls ---
@@ -274,8 +190,7 @@ export interface ISimStats {
 
 /**
  * Provides sim stats and control methods for the DevTools "Sim" tab.
- * Any sim-driven game (2D or 3D) can implement this; the reusable
- * `createSimStatsPanelExtension()` factory renders the tab.
+ * Any sim-driven game (2D or 3D) can implement this.
  */
 export interface ISimStatsProvider {
   getSimStats(): ISimStats;

package/modules/devtools/src/worker-sync.ts

@@ -1,16 +1,14 @@
 // ============================================================================
 // Renderer-side worker manifest sync — fetches the devtools manifest from
-// one or more sim workers via worker RPC, then wires the worker-registered panels,
-// data feeds, and commands into the renderer-side __sceneInspector API.
+// one or more sim workers via worker RPC, then wires the worker-registered
+// data feeds and commands into the renderer-side __sceneInspector API.
 //
 // Data feeds from workers are read from the devtools SAB (zero-copy).
 // Commands are forwarded via worker RPC.
-// Panel declarations are merged into the global registry.
 // ============================================================================
 
 import { createLogger } from "@downdraft/engine/util/logger";
-import { _devtoolsImpl, devtools, type DevToolsManifest } from "./api";
-import type { IDevToolsPanelExtension } from "./types";
+import { _devtoolsImpl, type DevToolsManifest } from "./api";
 
 const log = createLogger("info");
 
@@ -79,14 +77,6 @@ async function syncOneWorker(entry: WorkerSyncEntry): Promise<void> {
     }
   }
 
-  // Register panels (namespaced by prefix to avoid collisions)
-  manifest.panels.forEach((panel) => {
-    const namespaced: IDevToolsPanelExtension = prefix
-      ? { ...panel, id: `${prefix}:${panel.id}` }
-      : panel;
-    devtools.registerPanel(namespaced);
-  });
-
   // Register data feed readers — these read from the SAB synchronously
   // We register them as main-realm data feeds that read from the worker SAB
   if (sab) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@downdraft/engine",
-  "version": "0.3.0",
+  "version": "0.4.0-alpha.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/knackstedt/downdraft.git",
@@ -844,13 +844,12 @@
   },
   "dependencies": {
     "@bokuweb/zstd-wasm": "^0.0.27",
+    "@dimforge/rapier3d-compat": "^0.19.3",
     "@gltf-transform/core": "^4.4.2",
     "@gltf-transform/extensions": "^4.4.2",
     "@gltf-transform/functions": "^4.4.2",
     "@h00w/basis-universal-transcoder": "^2.1.0",
-    "@jitl/quickjs-singlefile-browser-release-sync": "^0.32.0",
     "acorn": "^8.15.0",
-    "buffer": "^6.0.3",
     "comment-json": "^5.0.0",
     "dns-packet": "^5.6.1",
     "draco3dgltf": "^1.5.7",
@@ -859,13 +858,13 @@
     "ktx2-encoder": "^0.6.0",
     "meshoptimizer": "^1.2.0",
     "quickjs-emscripten": "^0.32.0",
+    "recast-navigation": "^0.43.1",
     "wgpu-matrix": "^3.4.2",
     "xxh3-ts": "^2.0.1",
-    "xxhash-wasm": "^0.4.2",
     "zustand": "^5.0.2"
   },
   "peerDependencies": {
-    "@downdraft/platform-native": "^0.3.0"
+    "@downdraft/platform-native": "^0.4.0-alpha.0"
   },
   "peerDependenciesMeta": {
     "@downdraft/platform-native": {

package/test/src/vision-test.ts

@@ -251,14 +251,12 @@ export class VisionTest {
     height: number,
   ): Promise<string> {
     const data = await this.captureTexture(texture, width, height);
-    const canvas = document.createElement("canvas");
-    canvas.width = width;
-    canvas.height = height;
+    const canvas = new OffscreenCanvas(width, height);
     const ctx = canvas.getContext("2d")!;
     const imageData = ctx.createImageData(width, height);
     imageData.data.set(data);
     ctx.putImageData(imageData, 0, 0);
-    return canvas.toDataURL("image/png");
+    return (canvas as unknown as { toDataURL(type?: string): string }).toDataURL("image/png");
   }
 
   destroy(): void {