react-three-game 0.0.93 → 0.0.95

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

@@ -15,7 +15,7 @@ import { extend } from '@react-three/fiber';
 import { useFrame } from '@react-three/fiber';
 import { FieldRenderer, Label, NumberInput } from './Input';
 import { useAssetRuntime } from '../assetRuntime';
-import { MeshBasicNodeMaterial, MeshStandardNodeMaterial } from 'three/webgpu';
+import { MeshBasicNodeMaterial, MeshStandardNodeMaterial, SpriteNodeMaterial } from 'three/webgpu';
 import { TexturePicker } from '../../assetviewer/page';
 import { RepeatWrapping, ClampToEdgeWrapping, SRGBColorSpace, LinearSRGBColorSpace, NearestFilter, LinearFilter, NearestMipmapNearestFilter, NearestMipmapLinearFilter, LinearMipmapNearestFilter, LinearMipmapLinearFilter, FrontSide, BackSide, DoubleSide, } from 'three';
 function Vector2Editor({ label, value, onChange, min, max, step, }) {
@@ -35,6 +35,7 @@ export function MaterialOverridesProvider({ overrides, children, }) {
 extend({
     MeshBasicNodeMaterial,
     MeshStandardNodeMaterial,
+    SpriteNodeMaterial,
 });
 function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
     var _a;
@@ -43,6 +44,7 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
     const hasRepeat = component.properties.repeat;
     const animateOffset = component.properties.animateOffset;
     const isStandardMaterial = materialType === 'standard';
+    const isSpriteMaterial = materialType === 'sprite';
     const fields = [
         {
             name: 'materialType',
@@ -51,13 +53,22 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
             options: [
                 { value: 'standard', label: 'Standard' },
                 { value: 'basic', label: 'Basic' },
+                { value: 'sprite', label: 'Sprite' },
             ],
         },
         { name: 'color', type: 'color', label: 'Color' },
         { name: 'toneMapped', type: 'boolean', label: 'Tone Mapped' },
-        { name: 'wireframe', type: 'boolean', label: 'Wireframe' },
+        ...(!isSpriteMaterial ? [
+            { name: 'wireframe', type: 'boolean', label: 'Wireframe' },
+        ] : []),
         { name: 'transparent', type: 'boolean', label: 'Transparent' },
         { name: 'opacity', type: 'number', label: 'Opacity', min: 0, max: 1, step: 0.01 },
+        ...(isSpriteMaterial ? [
+            { name: 'rotation', type: 'number', label: 'Rotation', step: 0.01 },
+            { name: 'sizeAttenuation', type: 'boolean', label: 'Size Attenuation' },
+            { name: 'depthTest', type: 'boolean', label: 'Depth Test' },
+            { name: 'depthWrite', type: 'boolean', label: 'Depth Write' },
+        ] : []),
         ...(isStandardMaterial ? [
             { name: 'metalness', type: 'number', label: 'Metalness', min: 0, max: 1, step: 0.01 },
             { name: 'roughness', type: 'number', label: 'Roughness', min: 0, max: 1, step: 0.01 },
@@ -65,16 +76,16 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
             { name: 'thickness', type: 'number', label: 'Thickness', min: 0, step: 0.1 },
             { name: 'ior', type: 'number', label: 'IOR (Index of Refraction)', min: 1, max: 2.333, step: 0.01 },
         ] : []),
-        {
-            name: 'side',
-            type: 'select',
-            label: 'Side',
-            options: [
-                { value: 'FrontSide', label: 'Front' },
-                { value: 'BackSide', label: 'Back' },
-                { value: 'DoubleSide', label: 'Double' },
-            ],
-        },
+        ...(!isSpriteMaterial ? [{
+                name: 'side',
+                type: 'select',
+                label: 'Side',
+                options: [
+                    { value: 'FrontSide', label: 'Front' },
+                    { value: 'BackSide', label: 'Back' },
+                    { value: 'DoubleSide', label: 'Double' },
+                ],
+            }] : []),
         {
             name: 'texture',
             type: 'custom',
@@ -103,13 +114,13 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
                     label: 'Speed (X, Y)',
                     render: ({ value, onChange }) => (_jsx(Vector2Editor, { label: "Speed", value: value, onChange: onChange, step: 0.01 })),
                 }] : []),
-            {
-                name: 'normalMapTexture',
-                type: 'custom',
-                label: 'Normal Map',
-                render: ({ value, onChange }) => (_jsx(TexturePicker, { value: value, onChange: onChange, basePath: basePath })),
-            },
-            ...(component.properties.normalMapTexture ? [{
+            ...(!isSpriteMaterial ? [{
+                    name: 'normalMapTexture',
+                    type: 'custom',
+                    label: 'Normal Map',
+                    render: ({ value, onChange }) => (_jsx(TexturePicker, { value: value, onChange: onChange, basePath: basePath })),
+                }] : []),
+            ...(!isSpriteMaterial && component.properties.normalMapTexture ? [{
                     name: 'normalScale',
                     type: 'custom',
                     label: 'Normal Scale (X, Y)',
@@ -144,7 +155,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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const { getTexture } = useAssetRuntime();
     const properties = rawProps;
     const materialType = (_a = properties === null || properties === void 0 ? void 0 : properties.materialType) !== null && _a !== void 0 ? _a : 'standard';
@@ -163,7 +174,7 @@ function MaterialComponentView({ properties: rawProps }) {
     const normalMapTexture = normalMapTextureName ? (_c = getTexture(normalMapTextureName)) !== null && _c !== void 0 ? _c : undefined : undefined;
     const materialSource = properties !== null && properties !== void 0 ? properties : {};
     // 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, normalMapTexture: _normalMapTexture, normalScale: _normalScale, normalMap: _normalMap, side: sideProp } = materialSource, materialProps = __rest(materialSource, ["texture", "offset", "repeat", "repeatCount", "animateOffset", "offsetSpeed", "generateMipmaps", "minFilter", "magFilter", "map", "materialType", "normalMapTexture", "normalScale", "normalMap", "side"]);
+    const { texture: _texture, offset: _offset, repeat: _repeat, repeatCount: _repeatCount, animateOffset: _animateOffset, offsetSpeed: _offsetSpeed, generateMipmaps: _generateMipmaps, minFilter: _minFilter, magFilter: _magFilter, map: _map, materialType: _materialType, 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", "normalMapTexture", "normalScale", "normalMap", "rotation", "sizeAttenuation", "side"]);
     const sideMap = { FrontSide, BackSide, DoubleSide };
     const resolvedSide = sideProp ? ((_d = sideMap[sideProp]) !== null && _d !== void 0 ? _d : FrontSide) : FrontSide;
     const minFilterMap = {
@@ -220,14 +231,18 @@ function MaterialComponentView({ properties: rawProps }) {
         return t;
     }, [normalMapTexture]);
     if (!properties) {
-        return _jsx("meshStandardNodeMaterial", { color: "red", wireframe: true });
+        return _jsx("meshStandardNodeMaterial", { attach: "material", color: "red", wireframe: true });
     }
     const overrides = useMaterialOverrides();
     const sharedProps = Object.assign(Object.assign({ map: finalTexture, side: resolvedSide }, materialProps), overrides);
     if (materialType === 'basic') {
-        return _jsx("meshBasicNodeMaterial", Object.assign({}, sharedProps));
+        return _jsx("meshBasicNodeMaterial", Object.assign({ attach: "material" }, sharedProps));
+    }
+    if (materialType === 'sprite') {
+        const spriteTransparent = properties.transparent !== false;
+        return (_jsx("spriteNodeMaterial", Object.assign({ attach: "material", map: finalTexture, color: (_j = properties.color) !== null && _j !== void 0 ? _j : '#ffffff', opacity: (_k = properties.opacity) !== null && _k !== void 0 ? _k : 1, transparent: spriteTransparent, alphaTest: (_l = properties.alphaTest) !== null && _l !== void 0 ? _l : 0, depthTest: (_m = properties.depthTest) !== null && _m !== void 0 ? _m : false, depthWrite: (_o = properties.depthWrite) !== null && _o !== void 0 ? _o : false, toneMapped: (_p = properties.toneMapped) !== null && _p !== void 0 ? _p : true }, overrides, { rotation: rotation !== null && rotation !== void 0 ? rotation : 0, sizeAttenuation: sizeAttenuation !== null && sizeAttenuation !== void 0 ? sizeAttenuation : true })));
     }
-    return (_jsx("meshStandardNodeMaterial", Object.assign({}, sharedProps, { normalMap: finalNormalMap, normalScale: finalNormalMap ? [(_j = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[0]) !== null && _j !== void 0 ? _j : 1, (_k = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[1]) !== null && _k !== void 0 ? _k : 1] : undefined })));
+    return (_jsx("meshStandardNodeMaterial", Object.assign({ attach: "material" }, sharedProps, { normalMap: finalNormalMap, normalScale: finalNormalMap ? [(_q = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[0]) !== null && _q !== void 0 ? _q : 1, (_r = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[1]) !== null && _r !== void 0 ? _r : 1] : undefined })));
 }
 const MaterialComponent = {
     name: 'Material',
@@ -240,6 +255,7 @@ const MaterialComponent = {
         wireframe: false,
         transparent: false,
         opacity: 1,
+        sizeAttenuation: true,
         offset: [0, 0],
         animateOffset: false,
         offsetSpeed: [0, 0],

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ModelPicker } from '../../assetviewer/page';
-import { useContext, useMemo } from 'react';
+import { useMemo } from 'react';
 import { BooleanField, FieldGroup, Label, ListEditor, NumberInput, SelectInput, StringField } from './Input';
 import { useAssetRuntime } from '../assetRuntime';
-import { EditorContext } from '../PrefabEditor';
+import { useEditorContext } from '../PrefabEditor';
 import { getRepeatAxesFromModelProperties, normalizeRepeatAxes } from '../InstanceProvider';
 import { colors, ui } from '../styles';
 const AXIS_OPTIONS = [
@@ -39,9 +39,7 @@ function RepeatAxisEditor({ axes, onChange, positionSnap, }) {
         } }));
 }
 function ModelComponentEditor({ component, node, onUpdate, basePath = "" }) {
-    var _a;
-    const editorContext = useContext(EditorContext);
-    const positionSnap = (_a = editorContext === null || editorContext === void 0 ? void 0 : editorContext.positionSnap) !== null && _a !== void 0 ? _a : 0.5;
+    const { positionSnap } = useEditorContext();
     const repeatAxes = getRepeatAxesFromModelProperties(component.properties);
     return (_jsxs(FieldGroup, { children: [_jsx(ModelPicker, { value: component.properties.filename, onChange: (filename) => onUpdate({ filename }), basePath: basePath, pickerKey: node === null || node === void 0 ? void 0 : node.id }), _jsx(BooleanField, { name: "instanced", label: "Instanced", values: component.properties, onChange: onUpdate, fallback: false }), !component.properties.instanced ? (_jsxs(_Fragment, { children: [_jsx(BooleanField, { name: "emitClickEvent", label: "Emit Click Event", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitClickEvent ? (_jsx(StringField, { name: "clickEventName", label: "Click Event Name", values: component.properties, onChange: onUpdate, placeholder: "node:click" })) : null] })) : null, component.properties.instanced && (_jsxs(_Fragment, { children: [_jsx(BooleanField, { name: "repeat", label: "Repeat", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.repeat && (_jsx(RepeatAxisEditor, { axes: repeatAxes, onChange: (nextAxes) => onUpdate({ repeatAxes: nextAxes }), positionSnap: positionSnap }))] }))] }));
 }

package/dist/tools/prefabeditor/components/PointLightComponent.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 { useHelper } from '@react-three/drei';
 import { PointLightHelper } from 'three';
-import { useCurrentNode } from '../assetRuntime';
+import { useNode } from '../assetRuntime';
 import { BooleanField, ColorField, NumberField } from './Input';
 import { LightSection, ShadowBiasField, mergeWithDefaults } from './lightUtils';
 const pointLightDefaults = {
@@ -23,7 +23,7 @@ function PointLightComponentEditor({ component, onUpdate }) {
     return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsxs(LightSection, { title: "Light", children: [_jsx(ColorField, { name: "color", label: "Color", values: values, onChange: onUpdate }), _jsx(NumberField, { name: "intensity", label: "Intensity", values: values, onChange: onUpdate, min: 0, step: 0.1, fallback: 1 }), _jsx(NumberField, { name: "distance", label: "Distance", values: values, onChange: onUpdate, min: 0, step: 1, fallback: 0 }), _jsx(NumberField, { name: "decay", label: "Decay", values: values, onChange: onUpdate, min: 0, step: 0.1, fallback: 2 })] }), _jsxs(LightSection, { title: "Shadow", children: [_jsx(BooleanField, { name: "castShadow", label: "Cast Shadow", values: values, onChange: onUpdate, fallback: false }), values.castShadow ? (_jsxs(_Fragment, { children: [_jsx(BooleanField, { name: "shadowAutoUpdate", label: "Auto Update", values: values, onChange: onUpdate, fallback: true }), _jsx(NumberField, { name: "shadowMapSize", label: "Map Size", values: values, onChange: onUpdate, min: 128, step: 128, fallback: 512 }), _jsx(ShadowBiasField, { name: "shadowBias", label: "Bias", values: values, onChange: onUpdate, fallback: 0 }), _jsx(ShadowBiasField, { name: "shadowNormalBias", label: "Normal Bias", values: values, onChange: onUpdate, fallback: 0 }), _jsx(NumberField, { name: "shadowCameraNear", label: "Near", values: values, onChange: onUpdate, min: 0.001, step: 0.1, fallback: 0.5 }), _jsx(NumberField, { name: "shadowCameraFar", label: "Far", values: values, onChange: onUpdate, min: 0.1, step: 1, fallback: 500 })] })) : null] })] }));
 }
 function PointLightView({ properties, children }) {
-    const { editMode, isSelected } = useCurrentNode();
+    const { editMode, isSelected } = useNode();
     const merged = mergeWithDefaults(pointLightDefaults, properties);
     const color = merged.color;
     const intensity = merged.intensity;

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, useCurrentNode } from '../assetRuntime';
+import { useAssetRuntime, useNode } from '../assetRuntime';
 import { gameEvents } from '../GameEvents';
 import { BooleanField, FieldGroup, FieldRenderer, ListEditor, NumberField, SelectField, StringField } from './Input';
 import { colors, ui } from '../styles';
@@ -124,7 +124,7 @@ function SoundComponentEditor({ component, onUpdate, basePath = '' }) {
 }
 function SoundComponentView({ properties, children }) {
     const { getSound } = useAssetRuntime();
-    const { editMode, nodeId } = useCurrentNode();
+    const { editMode, nodeId } = useNode();
     const { camera } = useThree();
     const { eventName, autoplay = false, positional = false, refDistance = 1, maxDistance = 24, rolloffFactor = 1, distanceModel = 'inverse' } = properties;
     const sequenceIndexRef = useRef(0);

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

@@ -3,7 +3,7 @@ import { useHelper } from "@react-three/drei";
 import { useRef, useEffect } from "react";
 import { BooleanField, ColorField, Label, NumberField, Vector3Input } from "./Input";
 import { SpotLightHelper } from "three";
-import { useAssetRuntime, useCurrentNode } from "../assetRuntime";
+import { useAssetRuntime, useNode } from "../assetRuntime";
 import { useFrame } from "@react-three/fiber";
 import { TexturePicker } from "../../assetviewer/page";
 import { LightSection, ShadowBiasField, mergeWithDefaults } from "./lightUtils";
@@ -31,7 +31,7 @@ function SpotLightComponentEditor({ component, onUpdate, basePath = "" }) {
 function SpotLightView({ properties, children }) {
     var _a;
     const { getTexture } = useAssetRuntime();
-    const { editMode, isSelected } = useCurrentNode();
+    const { editMode, isSelected } = useNode();
     const merged = mergeWithDefaults(spotLightDefaults, properties);
     const color = merged.color;
     const intensity = merged.intensity;

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

@@ -0,0 +1,8 @@
+import type { Component } from './ComponentRegistry';
+export interface SpriteProps {
+    center?: [number, number];
+    emitClickEvent?: boolean;
+    clickEventName?: string;
+}
+declare const SpriteComponent: Component;
+export default SpriteComponent;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { BooleanField, FieldRenderer, NumberInput, StringField } from './Input';
+function Vector2Editor({ value, onChange, min, max, step, }) {
+    var _a, _b;
+    return (_jsxs("div", { style: { display: 'flex', gap: 2 }, children: [_jsx(NumberInput, { value: (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 0, onChange: x => { var _a; return onChange([x, (_a = value === null || value === void 0 ? void 0 : value[1]) !== null && _a !== void 0 ? _a : 0]); }, min: min, max: max, step: step, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } }), _jsx(NumberInput, { value: (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : 0, onChange: y => { var _a; return onChange([(_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 0, y]); }, min: min, max: max, step: step, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } })] }));
+}
+function SpriteComponentEditor({ component, onUpdate, }) {
+    const fields = [
+        {
+            name: 'center',
+            type: 'custom',
+            label: 'Center',
+            render: ({ value, onChange }) => (_jsx(Vector2Editor, { value: value, onChange: onChange, min: 0, max: 1, step: 0.01 })),
+        },
+    ];
+    return (_jsxs(_Fragment, { children: [_jsx(FieldRenderer, { fields: fields, values: component.properties, onChange: onUpdate }), _jsxs("div", { style: { marginTop: 8 }, children: [_jsx(BooleanField, { name: "emitClickEvent", label: "Emit Click Event", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitClickEvent ? (_jsx(StringField, { name: "clickEventName", label: "Click Event Name", values: component.properties, onChange: onUpdate, fallback: "node:click" })) : null] })] }));
+}
+const SpriteComponent = {
+    name: 'Sprite',
+    Editor: SpriteComponentEditor,
+    defaultProperties: {
+        center: [0.5, 0.5],
+        emitClickEvent: false,
+        clickEventName: 'node:click',
+    },
+};
+export default SpriteComponent;

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

@@ -1,28 +1,36 @@
-import TransformComponent from './TransformComponent';
-import GeometryComponent from './GeometryComponent';
-import BufferGeometryComponent from './BufferGeometryComponent';
-import ModelComponent from './ModelComponent';
-import TextComponent from './TextComponent';
-import MaterialComponent from './MaterialComponent';
-import SpotLightComponent from './SpotLightComponent';
-import PointLightComponent from './PointLightComponent';
-import DirectionalLightComponent from './DirectionalLightComponent';
-import AmbientLightComponent from './AmbientLightComponent';
-import EnvironmentComponent from './EnvironmentComponent';
-import CameraComponent from './CameraComponent';
-import SoundComponent from './SoundComponent';
-import DataComponent from './DataComponent';
+// biome-ignore assist/source/organizeImports: <in order of display in the editor>
+import TransformComponent from "./TransformComponent";
+import GeometryComponent from "./GeometryComponent";
+import BufferGeometryComponent from "./BufferGeometryComponent";
+import ModelComponent from "./ModelComponent";
+import SpriteComponent from "./SpriteComponent";
+import TextComponent from "./TextComponent";
+import MaterialComponent from "./MaterialComponent";
+import SpotLightComponent from "./SpotLightComponent";
+import PointLightComponent from "./PointLightComponent";
+import DirectionalLightComponent from "./DirectionalLightComponent";
+import AmbientLightComponent from "./AmbientLightComponent";
+import EnvironmentComponent from "./EnvironmentComponent";
+import CameraComponent from "./CameraComponent";
+import SoundComponent from "./SoundComponent";
+import DataComponent from "./DataComponent";
+// this controls the order of components in the editor, and also which components are available to add
 export const builtinComponents = [
     TransformComponent,
+    // geometry components
     GeometryComponent,
     BufferGeometryComponent,
     ModelComponent,
+    SpriteComponent,
     TextComponent,
+    // material components
     MaterialComponent,
+    // light components
     SpotLightComponent,
     PointLightComponent,
     DirectionalLightComponent,
     AmbientLightComponent,
+    // other components
     EnvironmentComponent,
     CameraComponent,
     SoundComponent,

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

@@ -8,7 +8,6 @@ export interface PrefabState {
     nodesById: Record<string, PrefabNodeRecord>;
     childIdsById: Record<string, string[]>;
     parentIdById: Record<string, string | null>;
-    revision: number;
     assetManifestKey: string;
     assetRefCounts: PrefabAssetRefCounts;
 }
@@ -25,7 +24,7 @@ export declare function createEmptyNode(name?: string): GameObject;
 export declare function createEmptyPrefab(): Prefab;
 export declare function createModelNode(filename: string, name?: string): GameObject;
 export declare function createImageNode(texturePath: string, name?: string): GameObject;
-export declare function normalizePrefab(prefab: Prefab, revision?: number): PrefabState;
+export declare function normalizePrefab(prefab: Prefab): PrefabState;
 export declare function createPrefabPatch(state: PrefabState, patch: Partial<PrefabState>, nextAssetRefCounts?: PrefabAssetRefCounts): Partial<PrefabState>;
 export declare function denormalizePrefab(state: Pick<PrefabState, 'prefabId' | 'prefabName' | 'rootId' | 'nodesById' | 'childIdsById'>): Prefab;
 export declare function collectSubtreeIds(id: string, childIdsById: Record<string, string[]>): string[];

package/dist/tools/prefabeditor/prefab.js

@@ -132,7 +132,7 @@ export function createImageNode(texturePath, name) {
         },
     });
 }
-export function normalizePrefab(prefab, revision = 0) {
+export function normalizePrefab(prefab) {
     const nodesById = {};
     const childIdsById = {};
     const parentIdById = {};
@@ -145,14 +145,13 @@ export function normalizePrefab(prefab, revision = 0) {
         nodesById,
         childIdsById,
         parentIdById,
-        revision,
         assetManifestKey: getAssetManifestKey(assetRefCounts),
         assetRefCounts,
     };
 }
 export function createPrefabPatch(state, patch, nextAssetRefCounts = state.assetRefCounts) {
     const assetRefsChanged = nextAssetRefCounts !== state.assetRefCounts;
-    return Object.assign(Object.assign(Object.assign({}, patch), { revision: state.revision + 1 }), (assetRefsChanged ? {
+    return Object.assign(Object.assign({}, patch), (assetRefsChanged ? {
         assetRefCounts: nextAssetRefCounts,
         assetManifestKey: getAssetManifestKey(nextAssetRefCounts),
     } : null));

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

@@ -5,14 +5,9 @@ import { denormalizePrefab, PrefabState, PrefabNodeRecord } from "./prefab";
 export interface PrefabStoreState extends PrefabState {
     replacePrefab: (prefab: Prefab) => void;
     updateNode: (id: string, update: (node: PrefabNodeRecord) => PrefabNodeRecord) => void;
-    updateNodes: (updates: Array<{
-        id: string;
-        update: (node: PrefabNodeRecord) => PrefabNodeRecord;
-    }>) => void;
     addChild: (parentId: string, node: GameObject) => void;
     deleteNode: (id: string) => void;
     duplicateNode: (id: string) => string | null;
-    toggleNodeFlag: (id: string, key: "disabled" | "locked") => void;
     moveNode: (draggedId: string, targetId: string, position: "before" | "inside") => void;
 }
 export type PrefabStoreApi = StoreApi<PrefabStoreState>;
@@ -21,7 +16,6 @@ export declare function PrefabStoreProvider({ store, children, }: {
     children: ReactNode;
 }): import("react").FunctionComponentElement<import("react").ProviderProps<PrefabStoreApi | null>>;
 export declare function usePrefabStoreApi(): PrefabStoreApi;
-export declare function useOptionalPrefabStoreApi(): PrefabStoreApi | null;
 export declare function usePrefabStore<T>(selector: (state: PrefabStoreState) => T): T;
 export declare function usePrefabRootId(): string;
 export declare function usePrefabNode(nodeId: string | null | undefined): PrefabNodeRecord | null;

package/dist/tools/prefabeditor/prefabStore.js

@@ -15,9 +15,6 @@ export function usePrefabStoreApi() {
     }
     return store;
 }
-export function useOptionalPrefabStoreApi() {
-    return useContext(PrefabStoreContext);
-}
 export function usePrefabStore(selector) {
     return useStore(usePrefabStoreApi(), selector);
 }
@@ -32,7 +29,7 @@ export function usePrefabChildIds(nodeId) {
 }
 export function createPrefabStore(prefab) {
     return createStore()(subscribeWithSelector((set, get) => (Object.assign(Object.assign({}, normalizePrefab(prefab)), { replacePrefab: (nextPrefab) => {
-            set(normalizePrefab(nextPrefab, get().revision + 1));
+            set(normalizePrefab(nextPrefab));
         }, updateNode: (id, update) => {
             const state = get();
             const node = state.nodesById[id];
@@ -45,26 +42,6 @@ export function createPrefabStore(prefab) {
             set(createPrefabPatch(state, {
                 nodesById: Object.assign(Object.assign({}, state.nodesById), { [id]: nextNode }),
             }, nextAssetRefCounts));
-        }, updateNodes: (updates) => {
-            if (updates.length === 0)
-                return;
-            const state = get();
-            let nextNodesById = null;
-            let nextAssetRefCounts = state.assetRefCounts;
-            for (const { id, update } of updates) {
-                const currentNode = (nextNodesById !== null && nextNodesById !== void 0 ? nextNodesById : state.nodesById)[id];
-                if (!currentNode)
-                    continue;
-                const nextNode = update(currentNode);
-                if (nextNode === currentNode)
-                    continue;
-                nextNodesById !== null && nextNodesById !== void 0 ? nextNodesById : (nextNodesById = Object.assign({}, state.nodesById));
-                nextNodesById[id] = nextNode;
-                nextAssetRefCounts = updateAssetRefsForNodeChange(nextAssetRefCounts, currentNode, nextNode);
-            }
-            if (!nextNodesById)
-                return;
-            set(createPrefabPatch(state, { nodesById: nextNodesById }, nextAssetRefCounts));
         }, addChild: (parentId, node) => {
             var _a;
             const state = get();
@@ -152,15 +129,6 @@ export function createPrefabStore(prefab) {
                 parentIdById: nextParentIdById,
             }, nextAssetRefCounts));
             return duplicatedRootId;
-        }, toggleNodeFlag: (id, key) => {
-            const state = get();
-            const node = state.nodesById[id];
-            if (!node)
-                return;
-            const nextNode = Object.assign(Object.assign({}, node), { [key]: !node[key] });
-            set(createPrefabPatch(state, {
-                nodesById: Object.assign(Object.assign({}, state.nodesById), { [id]: nextNode }),
-            }));
         }, moveNode: (draggedId, targetId, position) => {
             var _a, _b, _c;
             const state = get();

package/package.json

@@ -1,51 +1,51 @@
 {
-  "name": "react-three-game",
-  "version": "0.0.93",
-  "description": "high performance 3D game engine built in React",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "clean": "rm -rf dist",
-    "watch": "npm run clean && tsc --watch",
-    "dev": "concurrently \"npm run watch\" \"cd docs && npm run dev\"",
-    "build": "npm run clean && tsc",
-    "release": "npm run build && npm publish --access public"
-  },
-  "keywords": [],
-  "author": "prnth",
-  "license": "VPL",
-  "type": "module",
-  "workspaces": [
-    "docs"
-  ],
-  "peerDependencies": {
-    "@react-three/drei": ">=10.0.0",
-    "@react-three/fiber": ">=9.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "three": ">=0.182.0",
-    "three-text": ">=0.4.4"
-  },
-  "devDependencies": {
-    "@react-three/drei": "^10.7.7",
-    "@react-three/fiber": "^9.5.0",
-    "@types/react": "^19.2.9",
-    "@types/react-dom": "^19.2.3",
-    "@types/three": "^0.182.0",
-    "concurrently": "^9.2.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "three": "^0.184.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
-  },
-  "dependencies": {
-    "zustand": "^5.0.12"
-  }
+	"name": "react-three-game",
+	"version": "0.0.95",
+	"description": "high performance 3D game engine built in React",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist",
+		"README.md",
+		"LICENSE"
+	],
+	"scripts": {
+		"clean": "rm -rf dist",
+		"watch": "npm run clean && tsc --watch",
+		"dev": "concurrently \"npm run watch\" \"cd docs && npm run dev\"",
+		"build": "npm run clean && tsc",
+		"release": "npm run build && npm publish --access public"
+	},
+	"keywords": [],
+	"author": "prnth",
+	"license": "VPL",
+	"type": "module",
+	"workspaces": [
+		"docs"
+	],
+	"peerDependencies": {
+		"@react-three/drei": ">=10.0.0",
+		"@react-three/fiber": ">=9.0.0",
+		"react": ">=18.0.0",
+		"react-dom": ">=18.0.0",
+		"three": ">=0.182.0",
+		"three-text": ">=0.4.4"
+	},
+	"devDependencies": {
+		"@react-three/drei": "^10.7.7",
+		"@react-three/fiber": "^9.5.0",
+		"@types/react": "^19.2.9",
+		"@types/react-dom": "^19.2.3",
+		"@types/three": "^0.182.0",
+		"concurrently": "^9.2.1",
+		"react": "^19.2.4",
+		"react-dom": "^19.2.4",
+		"three": "^0.184.0",
+		"typescript": "^5.9.3",
+		"vite": "^7.3.1"
+	},
+	"dependencies": {
+		"zustand": "^5.0.12"
+	}
 }