react-three-game 0.0.108 → 0.0.110

package/dist/tools/prefabeditor/components/EnvironmentComponent.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Environment } from '@react-three/drei';
 import { FieldGroup, NumberField } from './Input';
-import { useAssetRuntime } from '../assetRuntime';
+import { useAssetRevision } from '../assetRuntime';
 function EnvironmentView({ properties, children, }) {
-    const { getAssetRevision } = useAssetRuntime();
+    const assetRevision = useAssetRevision();
     const { intensity = 1, resolution = 256 } = properties;
-    const environmentRevision = `${getAssetRevision()}::${intensity}::${resolution}`;
+    const environmentRevision = `${assetRevision}::${intensity}::${resolution}`;
     return (_jsx(Environment, { background: true, environmentIntensity: intensity, resolution: resolution, frames: 1, children: children }, environmentRevision));
 }
 const EnvironmentComponent = {

package/dist/tools/prefabeditor/components/Input.d.ts

@@ -59,44 +59,44 @@ interface InputProps {
     style?: React.CSSProperties;
     label?: string;
 }
-export declare function NumberInput({ value, onChange, step, min, max, style }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInput({ value, onChange, step, min, max, style }: InputProps): React.JSX.Element;
 export declare function Label({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function FieldRow({ label, children, }: {
     label: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function Vector3Input({ label, value, onChange, snap, labelExtra }: {
     label: string;
     value: [number, number, number];
     onChange: (v: [number, number, number]) => void;
     snap?: number;
     labelExtra?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function ColorInput({ label, value, onChange }: {
     label?: string;
     value: string;
     onChange: (value: string) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function StringInput({ label, value, onChange, placeholder }: {
     label?: string;
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function NodeInput({ label, value, onChange, placeholder, includeRoot, }: {
     label: string;
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
     includeRoot?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function BooleanInput({ label, value, onChange }: {
     label?: string;
     value: boolean;
     onChange: (value: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function SelectInput({ label, value, onChange, options }: {
     label?: string;
     value: string;
@@ -105,7 +105,7 @@ export declare function SelectInput({ label, value, onChange, options }: {
         value: string;
         label: string;
     }[];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 interface BoundFieldProps {
     name: string;
     values: Record<string, any>;
@@ -148,7 +148,7 @@ interface BoundVector3FieldProps extends BoundFieldProps {
 }
 export declare function FieldGroup({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 interface ListEditorOption {
     value: string;
     label: string;
@@ -164,20 +164,20 @@ interface ListEditorProps<T> {
     addButtonTitle?: string;
     addDisabledTitle?: string;
 }
-export declare function ListEditor<T>({ label, items, renderItem, onAdd, addOptions, emptyMessage, canAdd, addButtonTitle, addDisabledTitle, }: ListEditorProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function NumberField({ name, label, values, onChange, fallback, step, min, max, style, }: BoundNumberFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function StringField({ name, label, values, onChange, fallback, placeholder, }: BoundStringFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function ColorField({ name, label, values, onChange, fallback, }: BoundColorFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function BooleanField({ name, label, values, onChange, fallback, }: BoundBooleanFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function SelectField({ name, label, values, onChange, fallback, options, }: BoundSelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListEditor<T>({ label, items, renderItem, onAdd, addOptions, emptyMessage, canAdd, addButtonTitle, addDisabledTitle, }: ListEditorProps<T>): React.JSX.Element;
+export declare function NumberField({ name, label, values, onChange, fallback, step, min, max, style, }: BoundNumberFieldProps): React.JSX.Element;
+export declare function StringField({ name, label, values, onChange, fallback, placeholder, }: BoundStringFieldProps): React.JSX.Element;
+export declare function ColorField({ name, label, values, onChange, fallback, }: BoundColorFieldProps): React.JSX.Element;
+export declare function BooleanField({ name, label, values, onChange, fallback, }: BoundBooleanFieldProps): React.JSX.Element;
+export declare function SelectField({ name, label, values, onChange, fallback, options, }: BoundSelectFieldProps): React.JSX.Element;
 export declare function NodeField({ name, label, values, onChange, fallback, }: BoundStringFieldProps & {
     fallback?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Vector3Field({ name, label, values, onChange, fallback, snap, labelExtra, }: BoundVector3FieldProps): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+export declare function Vector3Field({ name, label, values, onChange, fallback, snap, labelExtra, }: BoundVector3FieldProps): React.JSX.Element;
 interface FieldRendererProps {
     fields: FieldDefinition[];
     values: Record<string, any>;
     onChange: (values: Record<string, any>) => void;
 }
-export declare function FieldRenderer({ fields, values, onChange }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldRenderer({ fields, values, onChange }: FieldRendererProps): React.JSX.Element;
 export { styles };

package/dist/tools/prefabeditor/components/MaterialComponent.d.ts

@@ -41,6 +41,6 @@ export declare function useMaterialOverrides(): MaterialOverrides;
 export declare function MaterialOverridesProvider({ overrides, children, }: {
     overrides: MaterialOverrides;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare const MaterialComponent: Component;
 export default MaterialComponent;

package/dist/tools/prefabeditor/components/MaterialComponent.js

@@ -15,7 +15,7 @@ import { extend } from '@react-three/fiber';
 import { useFrame } from '@react-three/fiber';
 import { assetRef, assetRefs } from './ComponentRegistry';
 import { FieldRenderer, Label, NumberInput } from './Input';
-import { useAssetRuntime } from '../assetRuntime';
+import { useTextureAsset } from '../assetRuntime';
 import { MeshBasicNodeMaterial, MeshStandardNodeMaterial, SpriteNodeMaterial } from 'three/webgpu';
 import { TexturePicker } from '../../assetviewer/page';
 import { RepeatWrapping, ClampToEdgeWrapping, NoColorSpace, SRGBColorSpace, NearestFilter, LinearFilter, NearestMipmapNearestFilter, NearestMipmapLinearFilter, LinearMipmapNearestFilter, LinearMipmapLinearFilter, FrontSide, BackSide, DoubleSide, } from 'three';
@@ -219,8 +219,7 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "", }) {
 }
 // View for Material component
 function MaterialComponentView({ properties: rawProps }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    const { getTexture } = useAssetRuntime();
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     const properties = rawProps;
     const materialSource = properties !== null && properties !== void 0 ? properties : {};
     const materialType = (_a = materialSource.materialType) !== null && _a !== void 0 ? _a : 'standard';
@@ -234,15 +233,15 @@ function MaterialComponentView({ properties: rawProps }) {
     const generateMipmaps = materialSource.generateMipmaps !== false;
     const minFilter = (_b = materialSource.minFilter) !== null && _b !== void 0 ? _b : 'LinearMipmapLinearFilter';
     const magFilter = (_c = materialSource.magFilter) !== null && _c !== void 0 ? _c : 'LinearFilter';
-    const texture = textureName ? getTexture(textureName) : undefined;
+    const texture = (_d = useTextureAsset(textureName)) !== null && _d !== void 0 ? _d : undefined;
     const normalScaleProp = materialSource.normalScale;
-    const normalMapTexture = normalMapTextureName ? getTexture(normalMapTextureName) : undefined;
+    const normalMapTexture = (_e = useTextureAsset(normalMapTextureName)) !== null && _e !== void 0 ? _e : undefined;
     // Destructure all material props and separate custom texture handling props
     const { texture: _texture, offset: _offset, repeat: _repeat, repeatCount: _repeatCount, animateOffset: _animateOffset, offsetSpeed: _offsetSpeed, generateMipmaps: _generateMipmaps, minFilter: _minFilter, magFilter: _magFilter, map: _map, materialType: _materialType, attach, normalMapTexture: _normalMapTexture, normalScale: _normalScale, normalMap: _normalMap, rotation, sizeAttenuation, side: sideProp } = materialSource, materialProps = __rest(materialSource, ["texture", "offset", "repeat", "repeatCount", "animateOffset", "offsetSpeed", "generateMipmaps", "minFilter", "magFilter", "map", "materialType", "attach", "normalMapTexture", "normalScale", "normalMap", "rotation", "sizeAttenuation", "side"]);
-    const resolvedSide = sideProp ? (_d = SIDE_MAP[sideProp]) !== null && _d !== void 0 ? _d : FrontSide : FrontSide;
-    const resolvedMinFilter = (_e = MIN_FILTER_MAP[minFilter]) !== null && _e !== void 0 ? _e : LinearMipmapLinearFilter;
-    const resolvedMagFilter = (_f = MAG_FILTER_MAP[magFilter]) !== null && _f !== void 0 ? _f : LinearFilter;
-    const animatedOffsetRef = useRef([(_g = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _g !== void 0 ? _g : 0, (_h = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _h !== void 0 ? _h : 0]);
+    const resolvedSide = sideProp ? (_f = SIDE_MAP[sideProp]) !== null && _f !== void 0 ? _f : FrontSide : FrontSide;
+    const resolvedMinFilter = (_g = MIN_FILTER_MAP[minFilter]) !== null && _g !== void 0 ? _g : LinearMipmapLinearFilter;
+    const resolvedMagFilter = (_h = MAG_FILTER_MAP[magFilter]) !== null && _h !== void 0 ? _h : LinearFilter;
+    const animatedOffsetRef = useRef([(_j = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _j !== void 0 ? _j : 0, (_k = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _k !== void 0 ? _k : 0]);
     const textureConfig = {
         repeat,
         repeatCount,
@@ -253,7 +252,7 @@ function MaterialComponentView({ properties: rawProps }) {
     };
     const finalTexture = useConfiguredTexture(texture, Object.assign(Object.assign({}, textureConfig), { colorSpace: SRGBColorSpace }));
     const finalNormalMap = useConfiguredTexture(normalMapTexture, Object.assign(Object.assign({}, textureConfig), { colorSpace: NoColorSpace }));
-    animatedOffsetRef.current = [(_j = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _j !== void 0 ? _j : 0, (_k = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _k !== void 0 ? _k : 0];
+    animatedOffsetRef.current = [(_l = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _l !== void 0 ? _l : 0, (_m = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _m !== void 0 ? _m : 0];
     useFrame((_, delta) => {
         var _a, _b;
         if ((!finalTexture && !finalNormalMap) || !animateOffset)
@@ -276,8 +275,8 @@ function MaterialComponentView({ properties: rawProps }) {
         textureName !== null && textureName !== void 0 ? textureName : 'no-texture',
         normalMapTextureName !== null && normalMapTextureName !== void 0 ? normalMapTextureName : 'no-normal',
         repeat ? 'repeat' : 'clamp',
-        (_l = repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[0]) !== null && _l !== void 0 ? _l : 1,
-        (_m = repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[1]) !== null && _m !== void 0 ? _m : 1,
+        (_o = repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[0]) !== null && _o !== void 0 ? _o : 1,
+        (_p = repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[1]) !== null && _p !== void 0 ? _p : 1,
         generateMipmaps ? 'mips' : 'no-mips',
         minFilter,
         magFilter,
@@ -287,11 +286,11 @@ function MaterialComponentView({ properties: rawProps }) {
     }
     if (materialType === 'sprite') {
         const spriteTransparent = materialSource.transparent !== false;
-        return (_jsx("spriteNodeMaterial", Object.assign({ attach: attach !== null && attach !== void 0 ? attach : 'material', map: finalTexture !== null && finalTexture !== void 0 ? finalTexture : null, color: (_o = materialSource.color) !== null && _o !== void 0 ? _o : '#ffffff', opacity: (_p = materialSource.opacity) !== null && _p !== void 0 ? _p : 1, transparent: spriteTransparent, alphaTest: (_q = materialSource.alphaTest) !== null && _q !== void 0 ? _q : 0, depthTest: (_r = materialSource.depthTest) !== null && _r !== void 0 ? _r : false, depthWrite: (_s = materialSource.depthWrite) !== null && _s !== void 0 ? _s : false, toneMapped: (_t = materialSource.toneMapped) !== null && _t !== void 0 ? _t : true, onUpdate: material => {
+        return (_jsx("spriteNodeMaterial", Object.assign({ attach: attach !== null && attach !== void 0 ? attach : 'material', map: finalTexture !== null && finalTexture !== void 0 ? finalTexture : null, color: (_q = materialSource.color) !== null && _q !== void 0 ? _q : '#ffffff', opacity: (_r = materialSource.opacity) !== null && _r !== void 0 ? _r : 1, transparent: spriteTransparent, alphaTest: (_s = materialSource.alphaTest) !== null && _s !== void 0 ? _s : 0, depthTest: (_t = materialSource.depthTest) !== null && _t !== void 0 ? _t : false, depthWrite: (_u = materialSource.depthWrite) !== null && _u !== void 0 ? _u : false, toneMapped: (_v = materialSource.toneMapped) !== null && _v !== void 0 ? _v : true, onUpdate: material => {
                 material.needsUpdate = true;
             } }, overrides, { rotation: rotation !== null && rotation !== void 0 ? rotation : 0, sizeAttenuation: sizeAttenuation !== null && sizeAttenuation !== void 0 ? sizeAttenuation : true }), materialKey));
     }
-    return (_jsx("meshStandardNodeMaterial", Object.assign({ attach: attach !== null && attach !== void 0 ? attach : 'material' }, sharedProps, { normalMap: finalNormalMap !== null && finalNormalMap !== void 0 ? finalNormalMap : null, normalScale: finalNormalMap ? [(_u = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[0]) !== null && _u !== void 0 ? _u : 1, (_v = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[1]) !== null && _v !== void 0 ? _v : 1] : undefined }), materialKey));
+    return (_jsx("meshStandardNodeMaterial", Object.assign({ attach: attach !== null && attach !== void 0 ? attach : 'material' }, sharedProps, { normalMap: finalNormalMap !== null && finalNormalMap !== void 0 ? finalNormalMap : null, normalScale: finalNormalMap ? [(_w = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[0]) !== null && _w !== void 0 ? _w : 1, (_x = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[1]) !== null && _x !== void 0 ? _x : 1] : undefined }), materialKey));
 }
 const MaterialComponent = {
     name: 'Material',

package/dist/tools/prefabeditor/components/ModelComponent.js

@@ -4,8 +4,8 @@ import { useMemo } from 'react';
 import { Mesh } from 'three';
 import { assetRef, assetRefs } from './ComponentRegistry';
 import { BooleanField, FieldGroup, Label, ListEditor, NumberInput, SelectInput, StringField } from './Input';
-import { useAssetRuntime } from '../assetRuntime';
-import { useEditorContext, useEditorRef } from '../PrefabEditor';
+import { useModelAsset } from '../assetRuntime';
+import { useEditorContext, useEditorRef } from '../EditorContext';
 import { getRepeatAxesFromModelProperties, normalizeRepeatAxes } from '../InstanceProvider';
 import { base, colors, ui } from '../styles';
 import { decomposeModelToPrefabNodes } from '../modelPrefab';
@@ -89,8 +89,7 @@ function ModelComponentEditor({ component, node, onUpdate, basePath = "" }) {
 }
 // View for Model component
 function ModelComponentView({ properties, children }) {
-    const { getModel } = useAssetRuntime();
-    const sourceModel = properties.filename ? getModel(properties.filename) : null;
+    const sourceModel = useModelAsset(properties.filename);
     // Clone model once and set up shadows - memoized to avoid cloning on every render
     const clonedModel = useMemo(() => {
         if (!sourceModel || !properties.filename || properties.instanced)

package/dist/tools/prefabeditor/components/PrefabRefComponent.js

@@ -8,29 +8,43 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import PrefabRoot from '../PrefabRoot';
-import { useEditorRef } from '../PrefabEditor';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import { useEditorRef } from '../EditorContext';
 import { withBasePath } from '../utils';
 import { base, colors } from '../styles';
 import { FieldGroup, Label } from './Input';
+const PrefabRoot = lazy(() => import('../PrefabRoot'));
+function fetchJson(url) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch(url);
+        if (!response.ok) {
+            throw new Error(`Request failed (${response.status}) for ${url}`);
+        }
+        return response.json();
+    });
+}
 function PrefabRefView({ properties, children, basePath = '' }) {
-    var _a;
     const [loadedPrefab, setLoadedPrefab] = useState(null);
-    const url = (_a = properties.url) !== null && _a !== void 0 ? _a : '';
-    const resolvedUrl = url ? withBasePath(basePath, url) : '';
+    const resolvedUrl = properties.url ? withBasePath(basePath, properties.url) : '';
     useEffect(() => {
-        if (!resolvedUrl)
+        if (!resolvedUrl) {
+            setLoadedPrefab(null);
             return;
+        }
         let cancelled = false;
-        fetch(resolvedUrl)
-            .then(r => r.json())
-            .then(data => { if (!cancelled)
-            setLoadedPrefab(data); })
-            .catch(err => console.warn('[PrefabRef] Failed to load:', resolvedUrl, err));
+        void fetchJson(resolvedUrl)
+            .then((data) => {
+            if (!cancelled)
+                setLoadedPrefab(data);
+        })
+            .catch((err) => {
+            if (!cancelled)
+                setLoadedPrefab(null);
+            console.warn('[PrefabRef] Failed to load:', resolvedUrl, err);
+        });
         return () => { cancelled = true; };
     }, [resolvedUrl]);
-    return (_jsxs(_Fragment, { children: [loadedPrefab && _jsx(PrefabRoot, { data: loadedPrefab, editMode: false, basePath: basePath }), children] }));
+    return (_jsxs(_Fragment, { children: [loadedPrefab && (_jsx(Suspense, { fallback: null, children: _jsx(PrefabRoot, { data: loadedPrefab, editMode: false, basePath: basePath }) })), children] }));
 }
 function PrefabRefEditor({ node, component, onUpdate, basePath = '', }) {
     var _a, _b;
@@ -39,17 +53,27 @@ function PrefabRefEditor({ node, component, onUpdate, basePath = '', }) {
     const [unpacking, setUnpacking] = useState(false);
     const editor = useEditorRef();
     useEffect(() => {
-        fetch(withBasePath(basePath, '/prefabs/manifest.json'))
-            .then(r => r.json())
-            .then(data => setManifest(data))
-            .catch(() => setManifest([]));
-    }, []);
+        let cancelled = false;
+        void fetchJson(withBasePath(basePath, '/prefabs/manifest.json'))
+            .then((data) => {
+            if (cancelled)
+                return;
+            setManifest(Array.isArray(data) ? data.filter((entry) => typeof entry === 'string') : []);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setManifest([]);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [basePath]);
     const handleUnpack = () => __awaiter(this, void 0, void 0, function* () {
         if (!node || !url)
             return;
         setUnpacking(true);
         try {
-            const prefab = yield fetch(withBasePath(basePath, url)).then(r => r.json());
+            const prefab = yield fetchJson(withBasePath(basePath, url));
             editor.replaceNode(node.id, prefab.root);
         }
         catch (err) {

package/dist/tools/prefabeditor/components/SoundComponent.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useRef } from 'react';
 import { useThree } from '@react-three/fiber';
 import { SoundPicker } from '../../assetviewer/page';
-import { useAssetRuntime, useNode } from '../assetRuntime';
+import { useAssetRevision, useAssetRuntime, useNode } from '../assetRuntime';
 import { gameEvents } from '../GameEvents';
 import { BooleanField, FieldGroup, FieldRenderer, ListEditor, NumberField, SelectField, StringField } from './Input';
 import { colors, ui } from '../styles';
@@ -124,6 +124,7 @@ function SoundComponentEditor({ component, onUpdate, basePath = '' }) {
 }
 function SoundComponentView({ properties, children }) {
     const { getSound } = useAssetRuntime();
+    const assetRevision = useAssetRevision();
     const { editMode, nodeId } = useNode();
     const { camera } = useThree();
     const { eventName, autoplay = false, positional = false, refDistance = 1, maxDistance = 24, rolloffFactor = 1, distanceModel = 'inverse' } = properties;
@@ -180,6 +181,9 @@ function SoundComponentView({ properties, children }) {
         });
     }, [editMode, eventName, getSound, mode, nodeId, paths, properties]);
     useEffect(() => {
+        // Re-run when assets load so autoplay can start once the buffer is ready
+        // (the asset runtime context is now stable and no longer re-renders on load).
+        void assetRevision;
         if (editMode || !autoplay || paths.length === 0) {
             return;
         }
@@ -198,7 +202,7 @@ function SoundComponentView({ properties, children }) {
                 audio.stop();
             }
         };
-    }, [autoplay, editMode, getSound, mode, paths, properties]);
+    }, [autoplay, editMode, getSound, mode, paths, properties, assetRevision]);
     return (_jsxs(_Fragment, { children: [listenerRef.current ? _jsx("positionalAudio", { ref: positionalAudioRef, args: [listenerRef.current] }) : null, children] }));
 }
 const SoundComponent = {

package/dist/tools/prefabeditor/components/SpotLightComponent.js

@@ -4,7 +4,7 @@ import { useHelper } from "@react-three/drei";
 import { useRef } from "react";
 import { BooleanField, ColorField, Label, NumberField, Vector3Input } from "./Input";
 import { SpotLightHelper } from "three";
-import { useAssetRuntime, useNode } from "../assetRuntime";
+import { useTextureAsset, useNode } from "../assetRuntime";
 import { TexturePicker } from "../../assetviewer/page";
 import { LightSection, ShadowBiasField, mergeWithDefaults } from "./lightUtils";
 const spotLightDefaults = {
@@ -30,12 +30,9 @@ function SpotLightComponentEditor({ component, onUpdate, basePath = "" }) {
 }
 function SpotLightView({ properties, children }) {
     var _a, _b;
-    const { getTexture } = useAssetRuntime();
     const { editMode, isSelected } = useNode();
     const merged = mergeWithDefaults(spotLightDefaults, properties);
-    const textureMap = merged.map
-        ? (_a = getTexture(merged.map)) !== null && _a !== void 0 ? _a : undefined
-        : undefined;
+    const textureMap = (_a = useTextureAsset(merged.map)) !== null && _a !== void 0 ? _a : undefined;
     const lightProps = {
         color: merged.color,
         intensity: merged.intensity,

package/dist/tools/prefabeditor/components/TransformComponent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, Vector3Input } from "./Input";
-import { useEditorContext } from "../PrefabEditor";
+import { useEditorContext } from "../EditorContext";
 import { colors } from "../styles";
 const buttonStyle = {
     padding: '2px 6px',

package/dist/tools/prefabeditor/components/index.d.ts

@@ -1 +1,2 @@
 export declare const builtinComponents: import("./ComponentRegistry").Component[];
+export declare function registerBuiltinComponents(): void;

package/dist/tools/prefabeditor/components/index.js

@@ -15,6 +15,7 @@ import EnvironmentComponent from "./EnvironmentComponent";
 import CameraComponent from "./CameraComponent";
 import SoundComponent from "./SoundComponent";
 import DataComponent from "./DataComponent";
+import { registerComponent } from "./ComponentRegistry";
 // this controls the order of components in the editor, and also which components are available to add
 export const builtinComponents = [
     TransformComponent,
@@ -38,3 +39,10 @@ export const builtinComponents = [
     DataComponent,
     PrefabRefComponent,
 ];
+let didRegisterBuiltinComponents = false;
+export function registerBuiltinComponents() {
+    if (didRegisterBuiltinComponents)
+        return;
+    builtinComponents.forEach(registerComponent);
+    didRegisterBuiltinComponents = true;
+}

package/dist/tools/prefabeditor/components/lightUtils.d.ts

@@ -3,11 +3,11 @@ export declare function mergeWithDefaults<T extends Record<string, any>>(default
 export declare function LightSection({ title, children }: {
     title: string;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function ShadowBiasField({ name, label, values, onChange, fallback, }: {
     name: string;
     label: string;
     values: Record<string, any>;
     onChange: (values: Record<string, any>) => void;
     fallback?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/tools/prefabeditor/prefabStore.d.ts

@@ -4,6 +4,7 @@ import { GameObject, Prefab } from "./types";
 import { denormalizePrefab, PrefabState, PrefabNodeRecord } from "./prefab";
 export interface PrefabStoreState extends PrefabState {
     replacePrefab: (prefab: Prefab) => void;
+    restoreState: (snapshot: PrefabState) => void;
     updateNode: (id: string, update: (node: PrefabNodeRecord) => PrefabNodeRecord) => void;
     replaceNode: (id: string, node: GameObject) => void;
     addChild: (parentId: string, node: GameObject) => void;
@@ -15,7 +16,7 @@ export type PrefabStoreApi = StoreApi<PrefabStoreState>;
 export declare function PrefabStoreProvider({ store, children, }: {
     store: PrefabStoreApi;
     children: ReactNode;
-}): import("react").FunctionComponentElement<import("react").ProviderProps<PrefabStoreApi | null>>;
+}): import("react").FunctionComponentElement<import("react").FragmentProps> | import("react").FunctionComponentElement<import("react").ProviderProps<PrefabStoreApi | null>>;
 export declare function usePrefabStoreApi(): PrefabStoreApi;
 export declare function usePrefabStore<T>(selector: (state: PrefabStoreState) => T): T;
 export declare function usePrefabRootId(): string;

package/dist/tools/prefabeditor/prefabStore.js

@@ -1,4 +1,4 @@
-import { createContext, createElement, useContext } from "react";
+import { Fragment, createContext, createElement, useContext } from "react";
 import { subscribeWithSelector } from "zustand/middleware";
 import { useStore } from "zustand";
 import { createStore } from "zustand/vanilla";
@@ -45,6 +45,10 @@ function insertSubtreeIntoGraph(node, parentId, next) {
     addAssetRefs(next.assetRefCounts, collectSubtreeAssetRefs(node));
 }
 export function PrefabStoreProvider({ store, children, }) {
+    const parentStore = useContext(PrefabStoreContext);
+    if (parentStore === store) {
+        return createElement(Fragment, null, children);
+    }
     return createElement(PrefabStoreContext.Provider, { value: store }, children);
 }
 export function usePrefabStoreApi() {
@@ -69,6 +73,17 @@ export function usePrefabChildIds(nodeId) {
 export function createPrefabStore(prefab) {
     return createStore()(subscribeWithSelector((set, get) => (Object.assign(Object.assign({}, normalizePrefab(prefab)), { replacePrefab: (nextPrefab) => {
             set(normalizePrefab(nextPrefab));
+        }, restoreState: (snapshot) => {
+            set({
+                prefabId: snapshot.prefabId,
+                prefabName: snapshot.prefabName,
+                rootId: snapshot.rootId,
+                nodesById: snapshot.nodesById,
+                childIdsById: snapshot.childIdsById,
+                parentIdById: snapshot.parentIdById,
+                assetManifestKey: snapshot.assetManifestKey,
+                assetRefCounts: snapshot.assetRefCounts,
+            });
         }, updateNode: (id, update) => {
             const state = get();
             const node = state.nodesById[id];

package/dist/tools/prefabeditor/runtimeUtils.d.ts

@@ -0,0 +1,10 @@
+import { Matrix4 } from "three";
+export declare function isExternalPath(path: string): boolean;
+export declare function withBasePath(basePath: string | undefined, path: string): string;
+export declare function decompose(m: Matrix4): {
+    position: [number, number, number];
+    rotation: [number, number, number];
+    scale: [number, number, number];
+};
+/** Build a local Matrix4 from position/rotation/scale arrays. */
+export declare function composeTransform(position?: [number, number, number], rotation?: [number, number, number], scale?: [number, number, number]): Matrix4;

package/dist/tools/prefabeditor/runtimeUtils.js

@@ -0,0 +1,30 @@
+import { Euler, Matrix4, Quaternion, Vector3 } from "three";
+export function isExternalPath(path) {
+    return (path.startsWith("data:") ||
+        path.startsWith("http://") ||
+        path.startsWith("https://"));
+}
+export function withBasePath(basePath, path) {
+    if (!path)
+        return (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
+    if (isExternalPath(path))
+        return path;
+    const normalizedBasePath = (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
+    return path.startsWith("/") ? `${normalizedBasePath}${path}` : `${normalizedBasePath}/${path}`;
+}
+export function decompose(m) {
+    const p = new Vector3();
+    const q = new Quaternion();
+    const s = new Vector3();
+    m.decompose(p, q, s);
+    const e = new Euler().setFromQuaternion(q);
+    return {
+        position: [p.x, p.y, p.z],
+        rotation: [e.x, e.y, e.z],
+        scale: [s.x, s.y, s.z],
+    };
+}
+/** Build a local Matrix4 from position/rotation/scale arrays. */
+export function composeTransform(position = [0, 0, 0], rotation = [0, 0, 0], scale = [1, 1, 1]) {
+    return new Matrix4().compose(new Vector3(...position), new Quaternion().setFromEuler(new Euler(...rotation)), new Vector3(...scale));
+}

package/dist/tools/prefabeditor/utils.d.ts

@@ -1,7 +1,6 @@
 import { GameObject, Prefab } from "./types";
 import { Matrix4, Object3D, Vector3 } from "three";
-export declare function isExternalPath(path: string): boolean;
-export declare function withBasePath(basePath: string | undefined, path: string): string;
+export { composeTransform, decompose, isExternalPath, withBasePath } from "./runtimeUtils";
 export interface ExportGLBOptions {
     filename?: string;
 }
@@ -23,13 +22,6 @@ export declare function exportGLBData(sceneRoot: Object3D): Promise<ArrayBuffer>
  */
 export declare function exportGLB(sceneRoot: Object3D, options?: ExportGLBOptions): Promise<ArrayBuffer>;
 export declare function focusCameraOnObject(object: Object3D, camera: Object3D, target: Vector3, update?: () => void): void;
-export declare function decompose(m: Matrix4): {
-    position: [number, number, number];
-    rotation: [number, number, number];
-    scale: [number, number, number];
-};
-/** Build a local Matrix4 from position/rotation/scale arrays. */
-export declare function composeTransform(position?: [number, number, number], rotation?: [number, number, number], scale?: [number, number, number]): Matrix4;
 /** Compute the parent world matrix for a node using the normalized store data */
 export declare function computeParentWorldMatrix(state: {
     nodesById: Record<string, {

package/dist/tools/prefabeditor/utils.js

@@ -8,21 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { findComponent } from "./types";
+import { composeTransform } from "./runtimeUtils";
 import { GLTFExporter } from "three/examples/jsm/exporters/GLTFExporter.js";
-import { Box3, Euler, Matrix4, PerspectiveCamera, Quaternion, Vector3, } from "three";
-export function isExternalPath(path) {
-    return (path.startsWith("data:") ||
-        path.startsWith("http://") ||
-        path.startsWith("https://"));
-}
-export function withBasePath(basePath, path) {
-    if (!path)
-        return (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
-    if (isExternalPath(path))
-        return path;
-    const normalizedBasePath = (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
-    return path.startsWith("/") ? `${normalizedBasePath}${path}` : `${normalizedBasePath}/${path}`;
-}
+import { Box3, Matrix4, PerspectiveCamera, Quaternion, Vector3, } from "three";
+export { composeTransform, decompose, isExternalPath, withBasePath } from "./runtimeUtils";
 /** Save scene JSON, showing a Save As dialog when supported */
 export function saveJson(data, filename) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -172,20 +161,6 @@ export function focusCameraOnObject(object, camera, target, update) {
     target.copy(center);
     update === null || update === void 0 ? void 0 : update();
 }
-export function decompose(m) {
-    const p = new Vector3(), q = new Quaternion(), s = new Vector3();
-    m.decompose(p, q, s);
-    const e = new Euler().setFromQuaternion(q);
-    return {
-        position: [p.x, p.y, p.z],
-        rotation: [e.x, e.y, e.z],
-        scale: [s.x, s.y, s.z],
-    };
-}
-/** Build a local Matrix4 from position/rotation/scale arrays. */
-export function composeTransform(position = [0, 0, 0], rotation = [0, 0, 0], scale = [1, 1, 1]) {
-    return new Matrix4().compose(new Vector3(...position), new Quaternion().setFromEuler(new Euler(...rotation)), new Vector3(...scale));
-}
 /** Compute the parent world matrix for a node using the normalized store data */
 export function computeParentWorldMatrix(state, targetId) {
     var _a;

package/dist/viewer.d.ts

@@ -0,0 +1,21 @@
+export { default as GameCanvas } from "./shared/GameCanvas";
+export type { GameCanvasProps } from "./shared/GameCanvas";
+export { ground } from "./helpers";
+export type { GroundOptions, Vec3 } from "./helpers";
+export { sound as soundManager } from "./helpers/SoundManager";
+export { default as PrefabRoot } from "./tools/prefabeditor/PrefabRoot";
+export type { PrefabRootProps } from "./tools/prefabeditor/PrefabRoot";
+export { PrefabEditorMode, SceneContext, useScene, } from "./tools/prefabeditor/SceneContext";
+export type { PrefabNode, Scene } from "./tools/prefabeditor/SceneContext";
+export { SceneProvider } from "./tools/prefabeditor/SceneProvider";
+export type { AssetRuntime, NodeApi, LiveRef, } from "./tools/prefabeditor/assetRuntime";
+export { useAssetRuntime, useNode, useNodeHandle, useNodeObject, AssetRuntimeProvider, } from "./tools/prefabeditor/assetRuntime";
+export { gameEvents, useClickEvent, useGameEvent, } from "./tools/prefabeditor/GameEvents";
+export type { ClickEventPayload, ContactEventPayload, GameEventHandler, GameEventMap, } from "./tools/prefabeditor/GameEvents";
+export { registerComponent } from "./tools/prefabeditor/components/ComponentRegistry";
+export type { Component, ComponentViewProps, } from "./tools/prefabeditor/components/ComponentRegistry";
+export { denormalizePrefab, createModelNode, createImageNode, } from "./tools/prefabeditor/prefab";
+export type { Prefab, GameObject, ComponentData, } from "./tools/prefabeditor/types";
+export { findComponent, findComponentEntry, hasComponent, } from "./tools/prefabeditor/types";
+export { loadModel, loadSound, loadTexture, } from "./tools/dragdrop/modelLoader";
+export type { LoadedModel, LoadedModels, ModelLoadResult, LoadedSound, LoadedSounds, SoundLoadResult, LoadedTexture, LoadedTextures, TextureLoadResult, ProgressCallback, } from "./tools/dragdrop/modelLoader";