react-three-game 0.0.100 → 0.0.101

package/dist/tools/prefabeditor/PrefabEditor.js

@@ -17,7 +17,7 @@ import { PrefabEditorMode, PrefabRoot } from "./PrefabRoot";
 import EditorUI from "./EditorUI";
 import { base, toolbar } from "./styles";
 import { computeParentWorldMatrix, decompose, exportGLB as exportGLBFile, exportGLBData, focusCameraOnObject, regenerateIds } from "./utils";
-import { loadFiles } from "../dragdrop";
+import { loadDroppedAssets } from "../dragdrop";
 import { denormalizePrefab, createImageNode, createModelNode, createNode } from './prefab';
 import { createPrefabStore, PrefabStoreProvider } from "./prefabStore";
 function isObjectAttachedToRoot(root, object) {
@@ -31,6 +31,19 @@ function isObjectAttachedToRoot(root, object) {
     }
     return false;
 }
+export function isAbsoluteAssetPath(path) {
+    return (path.startsWith("data:") ||
+        path.startsWith("http://") ||
+        path.startsWith("https://"));
+}
+export function resolvePrefabAssetPath(basePath, file) {
+    if (isAbsoluteAssetPath(file))
+        return file;
+    return file.startsWith("/") ? `${basePath}${file}` : `${basePath}/${file}`;
+}
+export function getPrefabAssetRef(assetRef, folder) {
+    return isAbsoluteAssetPath(assetRef) ? assetRef : `${folder}/${assetRef}`;
+}
 function SelectionHelper({ object }) {
     const objectRef = useRef(null);
     objectRef.current = object;
@@ -91,6 +104,7 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, mode: initialMode =
     const getRoot = useCallback(() => { var _a, _b; return (_b = (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.root) !== null && _b !== void 0 ? _b : null; }, []);
     const getObject = useCallback((nodeId) => { var _a, _b; return (_b = (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.getObject(nodeId)) !== null && _b !== void 0 ? _b : null; }, []);
     const getHandle = useCallback((nodeId, kind) => { var _a, _b; return (_b = (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.getHandle(nodeId, kind)) !== null && _b !== void 0 ? _b : null; }, []);
+    const getModel = useCallback((path) => { var _a, _b; return (_b = (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.getModel(path)) !== null && _b !== void 0 ? _b : null; }, []);
     const scheduleHistory = useCallback((nextPrefab) => {
         if (historyTimeoutRef.current) {
             clearTimeout(historyTimeoutRef.current);
@@ -124,6 +138,9 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, mode: initialMode =
     const update = useCallback((id, fn) => {
         mutate(s => s.updateNode(id, fn));
     }, [mutate]);
+    const replaceNode = useCallback((id, node) => {
+        mutate(s => s.replaceNode(id, node));
+    }, [mutate]);
     const remove = useCallback((id) => {
         mutate(s => s.deleteNode(id));
     }, [mutate]);
@@ -320,21 +337,19 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, mode: initialMode =
             e.stopPropagation();
         }
         function handleDrop(e) {
-            var _a;
             e.preventDefault();
             e.stopPropagation();
-            const files = ((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) ? Array.from(e.dataTransfer.files) : [];
             const scene = prefabRootRef.current;
-            void loadFiles(files, {
-                onModelLoaded: (model, filename) => {
-                    const path = `models/${filename}`;
+            void loadDroppedAssets(e.dataTransfer, {
+                onModelLoaded: (model, filename, file) => {
+                    const path = getPrefabAssetRef(filename, 'models');
                     scene === null || scene === void 0 ? void 0 : scene.addModel(path, model);
-                    add(createModelNode(path, filename.replace(/\.[^.]+$/, '')));
+                    add(createModelNode(path, file.name.replace(/\.[^.]+$/, '')));
                 },
-                onTextureLoaded: (texture, filename) => {
-                    const path = `textures/${filename}`;
+                onTextureLoaded: (texture, filename, file) => {
+                    const path = getPrefabAssetRef(filename, 'textures');
                     scene === null || scene === void 0 ? void 0 : scene.addTexture(path, texture);
-                    add(createImageNode(path, filename.replace(/\.[^.]+$/, '')));
+                    add(createImageNode(path, file.name.replace(/\.[^.]+$/, '')));
                 },
                 onLoadError: error => {
                     console.error('Drop asset error:', error);
@@ -356,8 +371,10 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, mode: initialMode =
         get: getNode,
         getObject,
         getHandle,
+        getModel,
         add,
         update,
+        replaceNode,
         remove,
         duplicate,
         move,
@@ -365,7 +382,7 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, mode: initialMode =
         addModel: (path, model) => { var _a; return (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.addModel(path, model); },
         addTexture: (path, texture) => { var _a; return (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.addTexture(path, texture); },
         addSound: (path, sound) => { var _a; return (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.addSound(path, sound); },
-    }), [add, duplicate, getHandle, getNode, getObject, getRoot, mode, move, remove, replace, update]);
+    }), [add, duplicate, getHandle, getModel, getNode, getObject, getRoot, mode, move, remove, replace, replaceNode, update]);
     const editorRefValue = useMemo(() => (Object.assign(Object.assign({}, sceneValue), { save: getPrefab, load: loadPrefab, undo,
         redo, screenshot: handleScreenshot, exportGLB: handleExportGLB, exportGLBData: handleExportGLBData, clearSelection })), [clearSelection, getPrefab, handleExportGLB, handleExportGLBData, handleScreenshot, loadPrefab, redo, sceneValue, undo]);
     useImperativeHandle(ref, () => editorRefValue, [editorRefValue]);

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

@@ -15,8 +15,10 @@ export interface Scene {
     get(id: string): GameObjectType | null;
     getObject(id: string): Object3D | null;
     getHandle<T = unknown>(id: string, kind: string): T | null;
+    getModel(path: string): Object3D | null;
     add(node: GameObjectType, parentId?: string): GameObjectType;
     update(id: string, fn: (node: PrefabNode) => PrefabNode): void;
+    replaceNode(id: string, node: GameObjectType): void;
     remove(id: string): void;
     duplicate(id: string): string | null;
     move(draggedId: string, targetId: string, position: "before" | "inside"): void;

package/dist/tools/prefabeditor/PrefabRoot.js

@@ -31,14 +31,16 @@ const EMPTY_TEXTURES = {};
 const EMPTY_SOUNDS = {};
 const EMPTY_NODE_COMPONENTS = {
     geometry: undefined,
-    material: undefined,
-    model: undefined,
+    materials: [],
+    models: [],
     sprite: undefined,
     clickEventName: null,
     composition: [],
 };
 /** Resolve a relative or absolute asset file path against a base path. */
 function resolveAssetPath(basePath, file) {
+    if (file.startsWith("data:"))
+        return file;
     if (file.startsWith("http://") || file.startsWith("https://"))
         return file;
     return file.startsWith("/") ? `${basePath}${file}` : `${basePath}/${file}`;
@@ -101,6 +103,9 @@ export const PrefabRoot = forwardRef(({ editMode, data, store, selectedId, onSel
     const availableModels = useMemo(() => (Object.assign(Object.assign({}, models), injectedModels)), [models, injectedModels]);
     const availableTextures = useMemo(() => (Object.assign(Object.assign({}, textures), injectedTextures)), [textures, injectedTextures]);
     const availableSounds = useMemo(() => (Object.assign(Object.assign({}, sounds), injectedSounds)), [sounds, injectedSounds]);
+    const getModel = useCallback((path) => { var _a; return (_a = availableModels[path]) !== null && _a !== void 0 ? _a : null; }, [availableModels]);
+    const getTexture = useCallback((path) => { var _a; return (_a = availableTextures[path]) !== null && _a !== void 0 ? _a : null; }, [availableTextures]);
+    const getSound = useCallback((path) => { var _a; return (_a = availableSounds[path]) !== null && _a !== void 0 ? _a : null; }, [availableSounds]);
     const getObject = useCallback((id) => {
         var _a;
         return (_a = objectRefs.current[id]) !== null && _a !== void 0 ? _a : null;
@@ -139,12 +144,14 @@ export const PrefabRoot = forwardRef(({ editMode, data, store, selectedId, onSel
         get: getNode,
         getObject,
         getHandle,
+        getModel,
         add: (node, parentId) => {
             const state = resolvedStore.getState();
             state.addChild(parentId !== null && parentId !== void 0 ? parentId : state.rootId, node);
             return node;
         },
         update: (id, fn) => resolvedStore.getState().updateNode(id, fn),
+        replaceNode: (id, node) => resolvedStore.getState().replaceNode(id, node),
         remove: (id) => resolvedStore.getState().deleteNode(id),
         duplicate: (id) => resolvedStore.getState().duplicateNode(id),
         move: (draggedId, targetId, position) => resolvedStore.getState().moveNode(draggedId, targetId, position),
@@ -155,7 +162,7 @@ export const PrefabRoot = forwardRef(({ editMode, data, store, selectedId, onSel
             soundManager.setBuffer(path, sound);
             setInjectedSounds(prev => (Object.assign(Object.assign({}, prev), { [path]: sound })));
         },
-    }), [editMode, getHandle, getNode, getObject, resolvedStore, rootId]);
+    }), [editMode, getHandle, getModel, getNode, getObject, resolvedStore, rootId]);
     useImperativeHandle(ref, () => sceneValue, [sceneValue]);
     const registerRef = useCallback((id, obj) => {
         objectRefs.current[id] = obj;
@@ -234,11 +241,11 @@ export const PrefabRoot = forwardRef(({ editMode, data, store, selectedId, onSel
         registerHandle,
         getHandle,
         getObject,
-        getModel: (path) => { var _a; return (_a = availableModels[path]) !== null && _a !== void 0 ? _a : null; },
-        getTexture: (path) => { var _a; return (_a = availableTextures[path]) !== null && _a !== void 0 ? _a : null; },
-        getSound: (path) => { var _a; return (_a = availableSounds[path]) !== null && _a !== void 0 ? _a : null; },
+        getModel,
+        getTexture,
+        getSound,
         getAssetRevision: () => `${Object.keys(availableTextures).sort().join('|')}::${Object.keys(availableModels).sort().join('|')}`,
-    }), [registerHandle, getHandle, getObject, availableModels, availableTextures, availableSounds]);
+    }), [registerHandle, getHandle, getObject, getModel, getTexture, getSound, availableModels, availableTextures]);
     const handleNodeClick = useCallback((event, nodeId, fallbackObject) => {
         const node = resolvedStore.getState().nodesById[nodeId];
         if (!node)
@@ -266,8 +273,8 @@ function analyzeNodeComponents(node) {
     var _a, _b, _c, _d;
     let bufferGeometry;
     let geometry;
-    let material;
-    let model;
+    const materials = [];
+    const models = [];
     let sprite;
     const composition = [];
     for (const [key, component] of Object.entries((_a = node.components) !== null && _a !== void 0 ? _a : {})) {
@@ -283,10 +290,10 @@ function analyzeNodeComponents(node) {
                 geometry = component;
                 break;
             case "Material":
-                material = component;
+                materials.push({ key, component });
                 break;
             case "Model":
-                model = component;
+                models.push({ key, component });
                 break;
             case "Sprite":
                 sprite = component;
@@ -306,10 +313,10 @@ function analyzeNodeComponents(node) {
     }
     return {
         geometry: bufferGeometry !== null && bufferGeometry !== void 0 ? bufferGeometry : geometry,
-        material,
-        model,
+        materials,
+        models,
         sprite,
-        clickEventName: (_d = (_c = (_b = getClickEventName(bufferGeometry)) !== null && _b !== void 0 ? _b : getClickEventName(geometry)) !== null && _c !== void 0 ? _c : getClickEventName(model)) !== null && _d !== void 0 ? _d : getClickEventName(sprite),
+        clickEventName: (_d = (_c = (_b = getClickEventName(bufferGeometry)) !== null && _b !== void 0 ? _b : getClickEventName(geometry)) !== null && _c !== void 0 ? _c : models.map(({ component }) => getClickEventName(component)).find(Boolean)) !== null && _d !== void 0 ? _d : getClickEventName(sprite),
         composition,
     };
 }
@@ -361,7 +368,7 @@ function InstancedNode({ nodeId, parentMatrix = IDENTITY, editMode, registerRef,
     const analyzedComponents = useMemo(() => gameObject ? analyzeNodeComponents(gameObject) : EMPTY_NODE_COMPONENTS, [gameObject]);
     const localTransform = getNodeTransformProps(gameObject);
     const isLocked = Boolean(gameObject === null || gameObject === void 0 ? void 0 : gameObject.locked);
-    const modelUrl = (_b = (_a = analyzedComponents.model) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.filename;
+    const modelUrl = (_b = (_a = analyzedComponents.models[0]) === null || _a === void 0 ? void 0 : _a.component.properties) === null || _b === void 0 ? void 0 : _b.filename;
     const instances = useMemo(() => buildRepeatedInstances(gameObject, parentMatrix, modelUrl), [gameObject, modelUrl, parentMatrix]);
     const groupRef = useRef(null);
     const handleGroupRef = useCallback((object) => {
@@ -498,35 +505,47 @@ function getNodeTransformProps(node) {
     };
 }
 function renderNodeContent(analyzedComponents, loadedModels, primaryClickHandlers, childNodes) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const geometry = analyzedComponents.geometry;
-    const model = analyzedComponents.model;
-    const material = analyzedComponents.material;
+    const models = analyzedComponents.models;
+    const materials = analyzedComponents.materials;
+    const primaryMaterial = (_a = materials[0]) === null || _a === void 0 ? void 0 : _a.component;
     const sprite = analyzedComponents.sprite;
-    const shapeKind = (sprite === null || sprite === void 0 ? void 0 : sprite.type) ? 'sprite' : (geometry === null || geometry === void 0 ? void 0 : geometry.type) ? 'mesh' : (model === null || model === void 0 ? void 0 : model.type) ? 'model' : 'none';
+    const shapeKind = (sprite === null || sprite === void 0 ? void 0 : sprite.type) ? 'sprite' : (geometry === null || geometry === void 0 ? void 0 : geometry.type) ? 'mesh' : models.length > 0 ? 'model' : 'none';
     let materialContent = null;
     switch (shapeKind) {
         case 'sprite': {
-            const materialDef = (material === null || material === void 0 ? void 0 : material.type) ? getComponentDef(material.type) : undefined;
-            if ((material === null || material === void 0 ? void 0 : material.properties) && (materialDef === null || materialDef === void 0 ? void 0 : materialDef.View)) {
-                const materialIsSprite = material.properties.materialType === 'sprite';
-                materialContent = (_jsx(materialDef.View, { properties: Object.assign(Object.assign({}, material.properties), { materialType: 'sprite', transparent: materialIsSprite ? material.properties.transparent : true, depthTest: materialIsSprite ? material.properties.depthTest : false, depthWrite: materialIsSprite ? material.properties.depthWrite : false }) }, "material"));
+            const materialDef = (primaryMaterial === null || primaryMaterial === void 0 ? void 0 : primaryMaterial.type) ? getComponentDef(primaryMaterial.type) : undefined;
+            if ((primaryMaterial === null || primaryMaterial === void 0 ? void 0 : primaryMaterial.properties) && (materialDef === null || materialDef === void 0 ? void 0 : materialDef.View)) {
+                const materialIsSprite = primaryMaterial.properties.materialType === 'sprite';
+                materialContent = (_jsx(materialDef.View, { properties: Object.assign(Object.assign({}, primaryMaterial.properties), { materialType: 'sprite', attach: 'material', transparent: materialIsSprite ? primaryMaterial.properties.transparent : true, depthTest: materialIsSprite ? primaryMaterial.properties.depthTest : false, depthWrite: materialIsSprite ? primaryMaterial.properties.depthWrite : false }) }, (_c = (_b = materials[0]) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : 'material'));
             }
             break;
         }
         case 'mesh': {
-            const materialDef = (material === null || material === void 0 ? void 0 : material.type) ? getComponentDef(material.type) : undefined;
-            if ((material === null || material === void 0 ? void 0 : material.properties) && (materialDef === null || materialDef === void 0 ? void 0 : materialDef.View)) {
-                materialContent = _jsx(materialDef.View, { properties: material.properties }, "material");
-            }
+            materialContent = materials.map(({ key, component }) => {
+                const materialDef = component.type ? getComponentDef(component.type) : undefined;
+                if (!component.properties || !(materialDef === null || materialDef === void 0 ? void 0 : materialDef.View))
+                    return null;
+                return _jsx(materialDef.View, { properties: component.properties }, key);
+            });
             break;
         }
     }
     let primaryContent = null;
     let contentChildren = childNodes;
+    const modelContent = models.map(({ key, component }) => {
+        var _a;
+        if (!component.type || ((_a = component.properties) === null || _a === void 0 ? void 0 : _a.instanced) || !isNodeReady(component, loadedModels))
+            return null;
+        const modelDef = getComponentDef(component.type);
+        if (!(modelDef === null || modelDef === void 0 ? void 0 : modelDef.View))
+            return null;
+        return _jsx(modelDef.View, { properties: component.properties }, key);
+    });
     switch (shapeKind) {
         case 'sprite': {
-            primaryContent = (_jsxs("sprite", Object.assign({ center: (_b = (_a = sprite === null || sprite === void 0 ? void 0 : sprite.properties) === null || _a === void 0 ? void 0 : _a.center) !== null && _b !== void 0 ? _b : [0.5, 0.5] }, primaryClickHandlers, { children: [materialContent, childNodes] })));
+            primaryContent = (_jsxs("sprite", Object.assign({ center: (_e = (_d = sprite === null || sprite === void 0 ? void 0 : sprite.properties) === null || _d === void 0 ? void 0 : _d.center) !== null && _e !== void 0 ? _e : [0.5, 0.5] }, primaryClickHandlers, { children: [materialContent, childNodes] })));
             contentChildren = null;
             break;
         }
@@ -535,22 +554,19 @@ function renderNodeContent(analyzedComponents, loadedModels, primaryClickHandler
             if (!(geometry === null || geometry === void 0 ? void 0 : geometry.properties) || !(geometryDef === null || geometryDef === void 0 ? void 0 : geometryDef.View))
                 break;
             const GeometryView = geometryDef.View;
-            const geometryProperties = (_c = geometry.properties) !== null && _c !== void 0 ? _c : {};
+            const geometryProperties = (_f = geometry.properties) !== null && _f !== void 0 ? _f : {};
             const visible = geometryProperties.visible !== false;
             primaryContent = (_jsxs("mesh", Object.assign({ visible: visible, castShadow: visible && geometryProperties.castShadow !== false, receiveShadow: visible && geometryProperties.receiveShadow !== false }, primaryClickHandlers, { children: [_jsx(GeometryView, { properties: geometry.properties }), materialContent] })));
             break;
         }
         case 'model': {
-            if (!(model === null || model === void 0 ? void 0 : model.type) || ((_d = model.properties) === null || _d === void 0 ? void 0 : _d.instanced) || !isNodeReady(model, loadedModels))
-                break;
-            const modelDef = getComponentDef(model.type);
-            if (!(modelDef === null || modelDef === void 0 ? void 0 : modelDef.View))
-                break;
-            const modelContent = _jsx(modelDef.View, { properties: model.properties });
             primaryContent = primaryClickHandlers ? _jsx("group", Object.assign({}, primaryClickHandlers, { children: modelContent })) : modelContent;
             break;
         }
     }
+    if (shapeKind !== 'model' && modelContent.some(Boolean)) {
+        primaryContent = _jsxs(_Fragment, { children: [primaryContent, modelContent] });
+    }
     let content = _jsxs(_Fragment, { children: [primaryContent, contentChildren] });
     for (const { key, View, properties } of analyzedComponents.composition) {
         content = (_jsx(View, { properties: properties, children: content }, key));

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

@@ -15,6 +15,18 @@ const DEFAULT_TRIANGLE_UVS = [
 function isFiniteNumberArray(value) {
     return Array.isArray(value) && value.every(entry => typeof entry === 'number' && Number.isFinite(entry));
 }
+function isGeometryGroupArray(value) {
+    return Array.isArray(value) && value.every(group => {
+        if (!group || typeof group !== 'object' || Array.isArray(group))
+            return false;
+        const entry = group;
+        return typeof entry.start === 'number'
+            && Number.isFinite(entry.start)
+            && typeof entry.count === 'number'
+            && Number.isFinite(entry.count)
+            && (entry.materialIndex === undefined || typeof entry.materialIndex === 'number');
+    });
+}
 function normalizeNumberArray(value, fallback) {
     return isFiniteNumberArray(value) ? value : fallback;
 }
@@ -62,7 +74,13 @@ function BufferGeometryComponentView({ properties }) {
     const indexArray = getIndexArray(indices);
     const hasNormals = normals.length >= 3 && normals.length % 3 === 0;
     const hasUvs = uvs.length >= 2 && uvs.length % 2 === 0;
+    const groups = isGeometryGroupArray(properties.groups) ? properties.groups : [];
     return (_jsxs("bufferGeometry", { onUpdate: (geometry) => {
+            geometry.clearGroups();
+            groups.forEach(group => {
+                var _a;
+                geometry.addGroup(group.start, group.count, (_a = group.materialIndex) !== null && _a !== void 0 ? _a : 0);
+            });
             if (properties.computeVertexNormals !== false && !hasNormals) {
                 geometry.computeVertexNormals();
             }
@@ -72,6 +90,7 @@ function BufferGeometryComponentView({ properties }) {
 }
 const BufferGeometryComponent = {
     name: 'BufferGeometry',
+    disableSiblingComposition: 'geometry',
     Editor: BufferGeometryComponentEditor,
     View: BufferGeometryComponentView,
     defaultProperties: {
@@ -79,6 +98,7 @@ const BufferGeometryComponent = {
         indices: DEFAULT_TRIANGLE_INDICES,
         normals: [],
         uvs: DEFAULT_TRIANGLE_UVS,
+        groups: [],
         computeVertexNormals: true,
         emitClickEvent: false,
         clickEventName: '',

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

@@ -21,6 +21,8 @@ export interface ComponentViewProps<P = Record<string, unknown>> {
 }
 export interface Component {
     name: string;
+    /** Set when this component occupies a single slot on a node. Use a string to share a slot across component types. */
+    disableSiblingComposition?: boolean | string;
     Editor: FC<{
         node?: GameObject;
         component: ComponentData;
@@ -35,4 +37,7 @@ export interface Component {
 export declare function registerComponent(component: Component): void;
 export declare function getComponentDef(name: string): Component | undefined;
 export declare function getAllComponentDefs(): Record<string, Component>;
+export declare function getSiblingCompositionSlot(componentName: string, disableSiblingComposition: boolean | string | undefined): string | null;
+export declare function canAddComponentToNode(node: GameObject, component: Component | undefined, allComponents?: Record<string, Component>): boolean;
+export declare function getNextComponentKey(node: GameObject, componentName: string): string;
 export declare function getComponentAssetRefs(componentType: string, properties: Record<string, unknown>): AssetRef[];

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

@@ -14,6 +14,37 @@ export function getComponentDef(name) {
 export function getAllComponentDefs() {
     return Object.assign({}, REGISTRY);
 }
+export function getSiblingCompositionSlot(componentName, disableSiblingComposition) {
+    if (!disableSiblingComposition)
+        return null;
+    return typeof disableSiblingComposition === "string" ? disableSiblingComposition : componentName;
+}
+export function canAddComponentToNode(node, component, allComponents = REGISTRY) {
+    var _a;
+    if (!component)
+        return false;
+    const slot = getSiblingCompositionSlot(component.name, component.disableSiblingComposition);
+    if (!slot)
+        return true;
+    return !Object.values((_a = node.components) !== null && _a !== void 0 ? _a : {}).some(entry => {
+        if (!(entry === null || entry === void 0 ? void 0 : entry.type))
+            return false;
+        const sibling = allComponents[entry.type];
+        return getSiblingCompositionSlot(entry.type, sibling === null || sibling === void 0 ? void 0 : sibling.disableSiblingComposition) === slot;
+    });
+}
+export function getNextComponentKey(node, componentName) {
+    var _a;
+    const baseKey = componentName.toLowerCase();
+    const existingKeys = new Set(Object.keys((_a = node.components) !== null && _a !== void 0 ? _a : {}));
+    let nextKey = baseKey;
+    let index = 1;
+    while (existingKeys.has(nextKey)) {
+        nextKey = `${baseKey}_${index}`;
+        index += 1;
+    }
+    return nextKey;
+}
 export function getComponentAssetRefs(componentType, properties) {
     var _a, _b;
     const component = REGISTRY[componentType];

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

@@ -68,6 +68,7 @@ function DataComponentEditor({ component, onUpdate }) {
 }
 const DataComponent = {
     name: 'Data',
+    disableSiblingComposition: true,
     Editor: DataComponentEditor,
     defaultProperties: {
         data: {},

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

@@ -10,6 +10,7 @@ function EnvironmentView({ properties, children, }) {
 }
 const EnvironmentComponent = {
     name: 'Environment',
+    disableSiblingComposition: true,
     Editor: ({ component, onUpdate }) => (_jsxs(FieldGroup, { children: [_jsx(NumberField, { name: "intensity", label: "Intensity", values: component.properties, onChange: onUpdate, min: 0, step: 0.1, fallback: 1 }), _jsx(NumberField, { name: "resolution", label: "Resolution", values: component.properties, onChange: onUpdate, min: 64, step: 64, fallback: 256 })] })),
     View: EnvironmentView,
     defaultProperties: {},

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

@@ -82,6 +82,7 @@ function GeometryComponentView({ properties, children }) {
 }
 const GeometryComponent = {
     name: 'Geometry',
+    disableSiblingComposition: 'geometry',
     Editor: GeometryComponentEditor,
     View: GeometryComponentView,
     defaultProperties: {

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

@@ -11,6 +11,7 @@ declare module '@react-three/fiber' {
     }
 }
 export interface MaterialProps extends Omit<MeshStandardMaterialProperties & MeshBasicMaterialProperties, 'args' | 'normalScale' | 'side'> {
+    attach?: string;
     materialType?: 'standard' | 'basic' | 'sprite';
     transmission?: number;
     thickness?: number;