react-three-game 0.0.27 → 0.0.28

package/dist/tools/prefabeditor/PrefabRoot.js

@@ -108,7 +108,7 @@ export const PrefabRoot = forwardRef(({ editMode, data, onPrefabChange, selected
     return _jsxs("group", { ref: ref, children: [_jsx(GameInstanceProvider, { models: loadedModels, onSelect: editMode ? onSelect : undefined, registerRef: registerRef, selectedId: selectedId, editMode: editMode, children: _jsx(GameObjectRenderer, { gameObject: data.root, selectedId: selectedId, onSelect: editMode ? onSelect : undefined, registerRef: registerRef, loadedModels: loadedModels, loadedTextures: loadedTextures, editMode: editMode, parentMatrix: new Matrix4() }) }), editMode && _jsxs(_Fragment, { children: [_jsx(MapControls, { makeDefault: true }), selectedId && selectedObject && (_jsx(TransformControls, { object: selectedObject, mode: transformMode, space: "local", onObjectChange: onTransformChange }))] })] });
 });
 function GameObjectRenderer({ gameObject, selectedId, onSelect, registerRef, loadedModels, loadedTextures, editMode, parentMatrix = new Matrix4(), }) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     // Early return if gameObject is null or undefined
     if (!gameObject)
         return null;
@@ -157,7 +157,10 @@ function GameObjectRenderer({ gameObject, selectedId, onSelect, registerRef, loa
     const innerGroup = (_jsxs("group", { ref: groupRef, position: transformProps.position, rotation: transformProps.rotation, scale: transformProps.scale, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, children: [core, children] }));
     // --- 7. Wrap with physics if needed (RigidBody as outer parent, no transform) ---
     const physics = (_e = gameObject.components) === null || _e === void 0 ? void 0 : _e.physics;
-    if (physics && !editMode) {
+    // Determine if model is safe/ready for physics. No model => safe; model => only safe once loaded.
+    const modelReady = !((_f = gameObject.components) === null || _f === void 0 ? void 0 : _f.model) ||
+        !!loadedModels[gameObject.components.model.properties.filename];
+    if (physics && !editMode && modelReady) {
         const physicsDef = getComponent('Physics');
         if (physicsDef === null || physicsDef === void 0 ? void 0 : physicsDef.View) {
             return (_jsx(physicsDef.View, { properties: physics.properties, children: innerGroup }));

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

@@ -3,14 +3,16 @@ import { RigidBody } from "@react-three/rapier";
 const selectClass = "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";
 const labelClass = "block text-[9px] text-cyan-400/60 uppercase tracking-wider mb-0.5";
 function PhysicsComponentEditor({ component, onUpdate }) {
-    const { type, collider = 'hull' } = component.properties;
+    const { type = 'dynamic', collider = 'hull' } = component.properties;
     return (_jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Type" }), _jsxs("select", { className: selectClass, value: type, onChange: e => onUpdate({ type: e.target.value }), children: [_jsx("option", { value: "dynamic", children: "Dynamic" }), _jsx("option", { value: "fixed", children: "Fixed" })] }), _jsx("label", { className: `${labelClass} mt-2`, children: "Collider" }), _jsxs("select", { className: selectClass, value: collider, onChange: e => onUpdate({ collider: e.target.value }), children: [_jsx("option", { value: "hull", children: "Hull (convex)" }), _jsx("option", { value: "trimesh", children: "Trimesh (exact)" }), _jsx("option", { value: "cuboid", children: "Cuboid (box)" }), _jsx("option", { value: "ball", children: "Ball (sphere)" })] })] }));
 }
 function PhysicsComponentView({ properties, editMode, children }) {
     if (editMode)
         return _jsx(_Fragment, { children: children });
     const colliders = properties.collider || (properties.type === 'fixed' ? 'trimesh' : 'hull');
-    return (_jsx(RigidBody, { type: properties.type, colliders: colliders, children: children }));
+    // Remount RigidBody when collider/type changes to avoid Rapier hook dependency warnings
+    const rbKey = `${properties.type || 'dynamic'}_${colliders}`;
+    return (_jsx(RigidBody, { type: properties.type, colliders: colliders, children: children }, rbKey));
 }
 const PhysicsComponent = {
     name: 'Physics',

package/package.json

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

package/src/tools/prefabeditor/PrefabRoot.tsx

@@ -271,7 +271,13 @@ function GameObjectRenderer({
 
     // --- 7. Wrap with physics if needed (RigidBody as outer parent, no transform) ---
     const physics = gameObject.components?.physics;
-    if (physics && !editMode) {
+
+    // Determine if model is safe/ready for physics. No model => safe; model => only safe once loaded.
+    const modelReady =
+        !gameObject.components?.model ||
+        !!loadedModels[gameObject.components.model.properties.filename];
+
+    if (physics && !editMode && modelReady) {
         const physicsDef = getComponent('Physics');
         if (physicsDef?.View) {
             return (

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

@@ -1,11 +1,12 @@
 import { RigidBody } from "@react-three/rapier";
+import type { ReactNode } from 'react';
 import { Component } from "./ComponentRegistry";
 
 const selectClass = "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";
 const labelClass = "block text-[9px] text-cyan-400/60 uppercase tracking-wider mb-0.5";
 
-function PhysicsComponentEditor({ component, onUpdate }: { component: any; onUpdate: (props: any) => void }) {
-    const { type, collider = 'hull' } = component.properties;
+function PhysicsComponentEditor({ component, onUpdate }: { component: { properties: { type?: 'dynamic' | 'fixed'; collider?: string;[k: string]: any } }; onUpdate: (props: Partial<Record<string, any>>) => void }) {
+    const { type = 'dynamic', collider = 'hull' } = component.properties;
     return (
         <div>
             <label className={labelClass}>Type</label>
@@ -26,9 +27,9 @@ function PhysicsComponentEditor({ component, onUpdate }: { component: any; onUpd
 }
 
 interface PhysicsViewProps {
-    properties: { type: 'dynamic' | 'fixed'; collider?: string };
+    properties: { type?: 'dynamic' | 'fixed'; collider?: string };
     editMode?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 
 function PhysicsComponentView({ properties, editMode, children }: PhysicsViewProps) {
@@ -36,8 +37,11 @@ function PhysicsComponentView({ properties, editMode, children }: PhysicsViewPro
 
     const colliders = properties.collider || (properties.type === 'fixed' ? 'trimesh' : 'hull');
 
+    // Remount RigidBody when collider/type changes to avoid Rapier hook dependency warnings
+    const rbKey = `${properties.type || 'dynamic'}_${colliders}`;
+
     return (
-        <RigidBody type={properties.type} colliders={colliders as any}>
+        <RigidBody key={rbKey} type={properties.type} colliders={colliders as any}>
             {children}
         </RigidBody>
     );