@volter/editor-game 0.5.125 → 0.5.126

package/package.json

@@ -2,7 +2,7 @@
   "name": "@volter/editor-game",
   "author": "Volter AI, Inc.",
   "license": "AGPL-3.0-only",
-  "version": "0.5.125",
+  "version": "0.5.126",
   "publishConfig": {
     "access": "public"
   },
@@ -101,11 +101,11 @@
     "serving": "./dist-node/serving.mjs"
   },
   "dependencies": {
-    "@volter/editor-sdk": "0.5.125",
-    "@volter/editor-project": "0.5.125",
-    "@volter/editor-threejs": "0.5.125",
-    "@volter/threejs-runtime": "0.5.125",
-    "@volter/game-runtime": "0.5.125",
+    "@volter/editor-sdk": "0.5.126",
+    "@volter/editor-project": "0.5.126",
+    "@volter/editor-threejs": "0.5.126",
+    "@volter/threejs-runtime": "0.5.126",
+    "@volter/game-runtime": "0.5.126",
     "@colyseus/msgpackr": "^1.11.3",
     "@colyseus/schema": "^4.0.14",
     "@colyseus/sdk": "^0.17.34",
@@ -120,6 +120,7 @@
     "draco3d": "^1.5.7",
     "esbuild-wasm": "0.25.12",
     "fastnoise-lite": "^1.1.1",
+    "its-fine": "^2.1.1",
     "loglayer": "^9.1.0",
     "mediabunny": "1.56.2",
     "meshoptimizer": "^1.2.0",
@@ -138,7 +139,7 @@
     "xstate": "^5.32.4",
     "zod": "^4.3.6",
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
-    "@volter/editor-react": "0.5.125"
+    "@volter/editor-react": "0.5.126"
   },
   "peerDependencies": {
     "@sparkjsdev/spark": "^2.1.0",

package/src/host/r3f-entry-runtime.ts

@@ -20,10 +20,12 @@ import type { RootAdapter, ThreeHostContext } from '@volter/editor-project/adapt
 import { R3F_RUNTIME_PATH } from '@volter/editor-sdk/host';
 import { isPackagedRuntime } from '@volter/editor-sdk/kit/packaged-runtime';
 import { Component, createElement, Fragment, useEffect } from 'react';
+import { FiberProvider } from 'its-fine';
 import type * as THREE from 'three';
 import { type R3FRuntime, resolveR3FEntryAdapter } from './roots/r3f-root';
 
 const CHECKOUT_RUNTIME: R3FRuntime = {
+  FiberProvider,
   createElement,
   Fragment,
   Component,
@@ -43,6 +45,7 @@ interface PackagedR3FRuntime {
 let cachedPackagedRuntime: Promise<PackagedR3FRuntime> | null = null;
 
 const RUNTIME_MEMBERS = [
+  'FiberProvider',
   'createElement',
   'Fragment',
   'Component',
@@ -66,6 +69,7 @@ async function packagedRuntime(): Promise<PackagedR3FRuntime> {
   }
   return {
     runtime: {
+      FiberProvider: mod['FiberProvider'] as R3FRuntime['FiberProvider'],
       createElement: mod['createElement'] as R3FRuntime['createElement'],
       Fragment: mod['Fragment'] as R3FRuntime['Fragment'],
       Component: mod['Component'] as R3FRuntime['Component'],

package/src/host/roots/r3f-root.tsx

@@ -49,6 +49,7 @@ import type { ComponentType, PropsWithChildren } from 'react';
 
 /** The React and Fiber a three world is mounted with — the ones its own hooks resolve. */
 export interface R3FRuntime {
+  readonly FiberProvider: typeof import('its-fine').FiberProvider;
   readonly createElement: typeof React.createElement;
   readonly Fragment: typeof React.Fragment;
   readonly Component: typeof React.Component;
@@ -204,11 +205,17 @@ function threeWorldAdapter(id: string, component: ComponentType, runtime: R3FRun
       // No `<StrictMode>` — the host mounts once; StrictMode's deliberate
       // double-invoke of effects would double-subscribe `useFrame` callbacks
       // against a host loop that only ticks once per frame.
+      // Canvas normally supplies FiberProvider. A raw createRoot needs it
+      // too, so authored context bridges can carry R3F contexts into DOM.
       const world = createElement(
-        Fragment,
+        runtime.FiberProvider,
         null,
-        content,
-        createElement(MountEffectsReady, { key: 'volter-mount-effects-ready' }),
+        createElement(
+          Fragment,
+          null,
+          content,
+          createElement(MountEffectsReady, { key: 'volter-mount-effects-ready' }),
+        ),
       );
       // A reconcile-time crash (e.g. a missing `extend` catalogue entry)
       // surfaces as an uncaught window error and `onCreated` never fires —