react-three-game 0.0.13 → 0.0.14

package/dist/tools/prefabeditor/PrefabRoot.js

@@ -75,17 +75,14 @@ export const PrefabRoot = forwardRef(({ editMode, data, onPrefabChange, selected
         localMatrix.decompose(lp, lq, ls);
         const le = new Euler().setFromQuaternion(lq);
         // 4. Write back LOCAL transform into the prefab node
-        const newRoot = updatePrefabNode(data.root, selectedId, (node) => {
-            var _a, _b, _c;
-            return (Object.assign(Object.assign({}, node), { components: Object.assign(Object.assign({}, node === null || node === void 0 ? void 0 : node.components), { transform: {
-                        type: "Transform",
-                        properties: {
-                            position: [lp.x, lp.y, lp.z],
-                            rotation: [le.x, le.y, le.z],
-                            scale: [ls.x, ls.y, ls.z],
-                        },
-                    }, geometry: (_a = node.components) === null || _a === void 0 ? void 0 : _a.geometry, material: (_b = node.components) === null || _b === void 0 ? void 0 : _b.material, model: (_c = node.components) === null || _c === void 0 ? void 0 : _c.model }) }));
-        });
+        const newRoot = updatePrefabNode(data.root, selectedId, (node) => (Object.assign(Object.assign({}, node), { components: Object.assign(Object.assign({}, node === null || node === void 0 ? void 0 : node.components), { transform: {
+                    type: "Transform",
+                    properties: {
+                        position: [lp.x, lp.y, lp.z],
+                        rotation: [le.x, le.y, le.z],
+                        scale: [ls.x, ls.y, ls.z],
+                    },
+                } }) })));
         onPrefabChange(Object.assign(Object.assign({}, data), { root: newRoot }));
     };
     useEffect(() => {
@@ -173,11 +170,11 @@ function GameObjectRenderer({ gameObject, selectedId, onSelect, registerRef, loa
     // --- 5. Render children (always relative transforms) ---
     const children = ((_d = gameObject.children) !== null && _d !== void 0 ? _d : []).map((child) => (_jsx(GameObjectRenderer, { gameObject: child, selectedId: selectedId, onSelect: onSelect, registerRef: registerRef, loadedModels: loadedModels, loadedTextures: loadedTextures, editMode: editMode, parentMatrix: worldMatrix }, child.id)));
     // --- 4. Wrap with physics if needed ---
-    // Combine core and children so they both get wrapped by physics (if present)
-    const content = (_jsxs(_Fragment, { children: [core, children] }));
-    const physicsWrapped = wrapPhysicsIfNeeded(gameObject, content, ctx);
+    // Only wrap the core content (geometry/model), not children
+    // Children should be siblings, not inside the physics body
+    const physicsWrapped = wrapPhysicsIfNeeded(gameObject, core, ctx);
     // --- 6. Final group wrapper ---
-    return (_jsx("group", { ref: (el) => registerRef(gameObject.id, el), position: transformProps.position, rotation: transformProps.rotation, scale: transformProps.scale, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, children: physicsWrapped }));
+    return (_jsxs("group", { ref: (el) => registerRef(gameObject.id, el), position: transformProps.position, rotation: transformProps.rotation, scale: transformProps.scale, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, children: [physicsWrapped, children] }));
 }
 // Helper: render an instanced GameInstance (terminal node)
 function renderInstancedNode(gameObject, worldMatrix, ctx) {
@@ -242,7 +239,7 @@ function wrapPhysicsIfNeeded(gameObject, content, ctx) {
     const physicsDef = getComponent('Physics');
     if (!physicsDef || !physicsDef.View)
         return content;
-    return (_jsx(physicsDef.View, { properties: Object.assign(Object.assign({}, physics.properties), { id: gameObject.id }), registerRef: ctx.registerRef, editMode: ctx.editMode, children: content }));
+    return (_jsx(physicsDef.View, { properties: Object.assign(Object.assign({}, physics.properties), { id: gameObject.id }), editMode: ctx.editMode, children: content }));
 }
 export default PrefabRoot;
 function getNodeTransformProps(node) {

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

@@ -3,10 +3,10 @@ function PhysicsComponentEditor({ component, onUpdate }) {
     return _jsxs("div", { children: [_jsx("label", { className: "block text-[9px] text-cyan-400/60 uppercase tracking-wider mb-0.5", children: "Type" }), _jsxs("select", { className: "w-full bg-black/40 border border-cyan-500/30 px-1 py-0.5 text-[10px] text-cyan-300 font-mono focus:outline-none focus:border-cyan-400/50", value: component.properties.type, onChange: e => onUpdate({ type: e.target.value }), children: [_jsx("option", { value: "dynamic", children: "Dynamic" }), _jsx("option", { value: "fixed", children: "Fixed" })] })] });
 }
 import { RigidBody } from "@react-three/rapier";
-function PhysicsComponentView({ properties, children, registerRef, transform, editMode }) {
+function PhysicsComponentView({ properties, children, editMode }) {
     if (editMode)
         return children;
-    return (_jsx(RigidBody, { ref: el => registerRef && registerRef(properties.id, el), position: transform === null || transform === void 0 ? void 0 : transform.position, rotation: transform === null || transform === void 0 ? void 0 : transform.rotation, scale: transform === null || transform === void 0 ? void 0 : transform.scale, type: properties.type, colliders: "cuboid", children: children }));
+    return (_jsx(RigidBody, { type: properties.type, colliders: "cuboid", children: children }));
 }
 const PhysicsComponent = {
     name: 'Physics',

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

@@ -22,7 +22,7 @@ function SpotLightView({ properties }) {
     const penumbra = (_d = properties.penumbra) !== null && _d !== void 0 ? _d : 0.5;
     const distance = (_e = properties.distance) !== null && _e !== void 0 ? _e : 100;
     const castShadow = (_f = properties.castShadow) !== null && _f !== void 0 ? _f : true;
-    return (_jsx(_Fragment, { children: _jsx("spotLight", { color: color, intensity: intensity, angle: angle, penumbra: penumbra, distance: distance, castShadow: castShadow, "target-position": [0, 0, 0], position: [0, 0, 0] }) }));
+    return (_jsx(_Fragment, { children: _jsx("spotLight", { color: color, intensity: intensity, angle: angle, penumbra: penumbra, distance: distance, castShadow: castShadow }) }));
 }
 const SpotLightComponent = {
     name: 'SpotLight',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-three-game",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Batteries included React Three Fiber game engine",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/tools/prefabeditor/PrefabRoot.tsx

@@ -103,9 +103,6 @@ export const PrefabRoot = forwardRef<Group, {
                         scale: [ls.x, ls.y, ls.z] as [number, number, number],
                     },
                 },
-                geometry: node.components?.geometry,
-                material: node.components?.material,
-                model: node.components?.model,
             },
         }));
 
@@ -272,14 +269,9 @@ function GameObjectRenderer({
     ));
 
     // --- 4. Wrap with physics if needed ---
-    // Combine core and children so they both get wrapped by physics (if present)
-    const content = (
-        <>
-            {core}
-            {children}
-        </>
-    );
-    const physicsWrapped = wrapPhysicsIfNeeded(gameObject, content, ctx);
+    // Only wrap the core content (geometry/model), not children
+    // Children should be siblings, not inside the physics body
+    const physicsWrapped = wrapPhysicsIfNeeded(gameObject, core, ctx);
 
     // --- 6. Final group wrapper ---
     return (
@@ -293,6 +285,7 @@ function GameObjectRenderer({
             onPointerUp={handlePointerUp}
         >
             {physicsWrapped}
+            {children}
         </group>
     );
 }
@@ -404,7 +397,6 @@ function wrapPhysicsIfNeeded(gameObject: GameObjectType, content: React.ReactNod
     return (
         <physicsDef.View
             properties={{ ...physics.properties, id: gameObject.id }}
-            registerRef={ctx.registerRef}
             editMode={ctx.editMode}
         >
             {content}

package/src/tools/prefabeditor/components/PhysicsComponent.tsx

@@ -16,17 +16,11 @@ function PhysicsComponentEditor({ component, onUpdate }: { component: any; onUpd
 
 
 import { RigidBody } from "@react-three/rapier";
-import { Object3D } from "three";
-import { useRef } from "react";
 
-function PhysicsComponentView({ properties, children, registerRef, transform, editMode }: any) {
+function PhysicsComponentView({ properties, children, editMode }: any) {
     if (editMode) return children;
     return (
         <RigidBody
-            ref={el => registerRef && registerRef(properties.id, el as unknown as Object3D)}
-            position={transform?.position}
-            rotation={transform?.rotation}
-            scale={transform?.scale}
             type={properties.type}
             colliders="cuboid"
         >

package/src/tools/prefabeditor/components/SpotLightComponent.tsx

@@ -108,8 +108,6 @@ function SpotLightView({ properties }: { properties: any }) {
                 penumbra={penumbra}
                 distance={distance}
                 castShadow={castShadow}
-                target-position={[0, 0, 0]}
-                position={[0, 0, 0]}
             />
         </>
     );