react-three-game 0.0.92 → 0.0.93

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

@@ -3,7 +3,7 @@ import { useHelper } from "@react-three/drei";
 import { useRef, useEffect, useState } from "react";
 import { useFrame } from "@react-three/fiber";
 import { CameraHelper } from "three";
-import { useEntityRuntime } from "../assetRuntime";
+import { useCurrentNode } from "../assetRuntime";
 import { BooleanField, ColorField, NumberField, NumberInput, Vector3Input } from "./Input";
 import { LightSection, ShadowBiasField, mergeWithDefaults } from "./lightUtils";
 import { colors } from "../styles";
@@ -102,7 +102,7 @@ function DirectionalLightComponentEditor({ 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(Vector3Input, { label: "Target Offset", value: values.targetOffset, onChange: targetOffset => onUpdate({ targetOffset }), snap: 0.5 })] }), _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 }), _jsx(ShadowFrustumField, { values: values, onChange: onUpdate })] })) : null] })] }));
 }
 function DirectionalLightView({ properties, children }) {
-    const { editMode, isSelected } = useEntityRuntime();
+    const { editMode, isSelected } = useCurrentNode();
     const merged = mergeWithDefaults(directionalLightDefaults, properties);
     const color = merged.color;
     const intensity = merged.intensity;

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

@@ -43,7 +43,7 @@ function ModelComponentEditor({ component, node, onUpdate, basePath = "" }) {
     const editorContext = useContext(EditorContext);
     const positionSnap = (_a = editorContext === null || editorContext === void 0 ? void 0 : editorContext.positionSnap) !== null && _a !== void 0 ? _a : 0.5;
     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: "entity: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 }))] }))] }));
+    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 }))] }))] }));
 }
 // View for Model component
 function ModelComponentView({ properties, children }) {

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 { useEntityRuntime } from '../assetRuntime';
+import { useCurrentNode } 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 } = useEntityRuntime();
+    const { editMode, isSelected } = useCurrentNode();
     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, useEntityRuntime } from '../assetRuntime';
+import { useAssetRuntime, useCurrentNode } 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 } = useEntityRuntime();
+    const { editMode, nodeId } = useCurrentNode();
     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, useEntityRuntime } from "../assetRuntime";
+import { useAssetRuntime, useCurrentNode } 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 } = useEntityRuntime();
+    const { editMode, isSelected } = useCurrentNode();
     const merged = mergeWithDefaults(spotLightDefaults, properties);
     const color = merged.color;
     const intensity = merged.intensity;

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

@@ -4,7 +4,6 @@ import BufferGeometryComponent from './BufferGeometryComponent';
 import ModelComponent from './ModelComponent';
 import TextComponent from './TextComponent';
 import MaterialComponent from './MaterialComponent';
-import PhysicsComponent from './PhysicsComponent';
 import SpotLightComponent from './SpotLightComponent';
 import PointLightComponent from './PointLightComponent';
 import DirectionalLightComponent from './DirectionalLightComponent';
@@ -20,7 +19,6 @@ export const builtinComponents = [
     ModelComponent,
     TextComponent,
     MaterialComponent,
-    PhysicsComponent,
     SpotLightComponent,
     PointLightComponent,
     DirectionalLightComponent,

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

@@ -7,6 +7,7 @@ export interface GameObject {
     id: string;
     name?: string;
     disabled?: boolean;
+    hidden?: boolean;
     locked?: boolean;
     children?: GameObject[];
     components?: {

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

@@ -1,5 +1,5 @@
 import type { ThreeEvent } from "@react-three/fiber";
-export type PointerHandler<T> = (event: ThreeEvent<PointerEvent>, entity: T) => void;
+export type PointerHandler<T> = (event: ThreeEvent<PointerEvent>, node: T) => void;
 export interface PointerEventHandlers<T> {
     onClick?: PointerHandler<T>;
     onPointerDown?: PointerHandler<T>;
@@ -12,10 +12,10 @@ export interface PointerEventHandlers<T> {
 }
 export interface UsePointerEventsOptions<T> extends PointerEventHandlers<T> {
     enabled: boolean;
-    entity: T | null | undefined;
+    node: T | null | undefined;
 }
 export declare function hasPointerEventHandlers<T>(handlers: PointerEventHandlers<T>): boolean;
-export declare function usePointerEvents<T>({ enabled, entity, onClick, onPointerDown, onPointerUp, onPointerMove, onPointerEnter, onPointerLeave, onPointerOver, onPointerOut, }: UsePointerEventsOptions<T>): {
+export declare function usePointerEvents<T>({ enabled, node, onClick, onPointerDown, onPointerUp, onPointerMove, onPointerEnter, onPointerLeave, onPointerOver, onPointerOut, }: UsePointerEventsOptions<T>): {
     onClick: ((event: ThreeEvent<PointerEvent>) => void) | undefined;
     onPointerDown: ((event: ThreeEvent<PointerEvent>) => void) | undefined;
     onPointerMove: ((event: ThreeEvent<PointerEvent>) => void) | undefined;

package/dist/tools/prefabeditor/usePointerEvents.js

@@ -8,7 +8,7 @@ export function hasPointerEventHandlers(handlers) {
         || handlers.onPointerOver
         || handlers.onPointerOut);
 }
-export function usePointerEvents({ enabled, entity, onClick, onPointerDown, onPointerUp, onPointerMove, onPointerEnter, onPointerLeave, onPointerOver, onPointerOut, }) {
+export function usePointerEvents({ enabled, node, onClick, onPointerDown, onPointerUp, onPointerMove, onPointerEnter, onPointerLeave, onPointerOver, onPointerOut, }) {
     if (!enabled) {
         return {
             onClick: undefined,
@@ -26,17 +26,17 @@ export function usePointerEvents({ enabled, entity, onClick, onPointerDown, onPo
             return undefined;
         return (event) => {
             event.stopPropagation();
-            if (!entity)
+            if (!node)
                 return;
-            handler(event, entity);
+            handler(event, node);
         };
     };
     const forwardMove = onPointerMove
         ? (event) => {
             event.stopPropagation();
-            if (!entity)
+            if (!node)
                 return;
-            onPointerMove(event, entity);
+            onPointerMove(event, node);
         }
         : undefined;
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-three-game",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "description": "high performance 3D game engine built in React",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,7 +27,6 @@
   "peerDependencies": {
     "@react-three/drei": ">=10.0.0",
     "@react-three/fiber": ">=9.0.0",
-    "@react-three/rapier": ">=2.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "three": ">=0.182.0",
@@ -36,7 +35,6 @@
   "devDependencies": {
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.5.0",
-    "@react-three/rapier": "^2.2.0",
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@types/three": "^0.182.0",

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

@@ -1,26 +0,0 @@
-import type { RigidBodyOptions } from "@react-three/rapier";
-import { Component } from "./ComponentRegistry";
-type PhysicsColliderType = NonNullable<RigidBodyOptions['colliders']> | 'capsule';
-type ManualColliderShape = 'cuboid' | 'ball' | 'capsule';
-export type PhysicsProps = Omit<RigidBodyOptions, 'colliders'> & {
-    colliders?: PhysicsColliderType;
-    manualColliderShape?: ManualColliderShape;
-    activeCollisionTypes?: 'all' | undefined;
-    linearVelocity?: [number, number, number];
-    angularVelocity?: [number, number, number];
-    colliderSize?: [number, number, number];
-    colliderRadius?: number;
-    capsuleRadius?: number;
-    capsuleHalfHeight?: number;
-    emitSensorEnterEvent?: boolean;
-    sensorEnterEventName?: string;
-    emitSensorExitEvent?: boolean;
-    sensorExitEventName?: string;
-    emitCollisionEnterEvent?: boolean;
-    collisionEnterEventName?: string;
-    emitCollisionExitEvent?: boolean;
-    collisionExitEventName?: string;
-};
-export declare function isPhysicsProps(v: any): v is PhysicsProps;
-declare const PhysicsComponent: Component;
-export default PhysicsComponent;

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

@@ -1,302 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { BallCollider, CapsuleCollider, CuboidCollider, RigidBody, useRapier } from "@react-three/rapier";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useAssetRuntime, useEntityRuntime } from "../assetRuntime";
-import { gameEvents, getEntityIdFromRigidBody } from "../GameEvents";
-import { usePrefabNode, usePrefabStore } from "../prefabStore";
-import { BooleanField, FieldGroup, NumberField, SelectField, StringField, Vector3Field } from "./Input";
-import { findComponent, getNodeUserData } from "../types";
-import { colors } from "../styles";
-export function isPhysicsProps(v) {
-    return (v === null || v === void 0 ? void 0 : v.type) === "fixed" || (v === null || v === void 0 ? void 0 : v.type) === "dynamic" || (v === null || v === void 0 ? void 0 : v.type) === "kinematicPosition" || (v === null || v === void 0 ? void 0 : v.type) === "kinematicVelocity";
-}
-const enabledAxesFallback = [true, true, true];
-const manualColliderShapeFallback = 'cuboid';
-const colliderSizeFallback = [1, 1, 1];
-const colliderRadiusFallback = 0.5;
-const capsuleRadiusFallback = 0.35;
-const capsuleHalfHeightFallback = 0.45;
-const EDIT_MODE_DEBUG_REFRESH_THROTTLE_MS = 120;
-function isManualColliderShape(value) {
-    return value === 'cuboid' || value === 'ball' || value === 'capsule';
-}
-function hasNodeColliderSource(node) {
-    return Boolean(findComponent(node, 'Geometry')
-        || findComponent(node, 'BufferGeometry')
-        || findComponent(node, 'Model'));
-}
-function subtreeHasColliderSource(nodeId, nodesById, childIdsById) {
-    var _a;
-    if (!nodeId)
-        return false;
-    const pending = [nodeId];
-    while (pending.length > 0) {
-        const currentId = pending.pop();
-        if (!currentId)
-            continue;
-        const currentNode = nodesById[currentId];
-        if (hasNodeColliderSource(currentNode)) {
-            return true;
-        }
-        pending.push(...((_a = childIdsById[currentId]) !== null && _a !== void 0 ? _a : []));
-    }
-    return false;
-}
-function renderManualCollider({ shape, sensor, colliderSize, colliderRadius, capsuleRadius, capsuleHalfHeight, }) {
-    if (shape === 'ball') {
-        return _jsx(BallCollider, { args: [colliderRadius], sensor: sensor });
-    }
-    if (shape === 'capsule') {
-        return _jsx(CapsuleCollider, { args: [capsuleHalfHeight, capsuleRadius], sensor: sensor });
-    }
-    return _jsx(CuboidCollider, { args: colliderSize.map(value => value / 2), sensor: sensor });
-}
-function LockedAxisField({ label, name, values, onChange, }) {
-    const enabledAxes = Array.isArray(values[name])
-        ? values[name]
-        : enabledAxesFallback;
-    const axisLabels = ['X', 'Y', 'Z'];
-    const toggleAxisLock = (index) => {
-        const nextEnabledAxes = [...enabledAxes];
-        nextEnabledAxes[index] = !nextEnabledAxes[index];
-        onChange({ [name]: nextEnabledAxes });
-    };
-    return (_jsxs("div", { children: [_jsxs("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    marginBottom: 4,
-                }, children: [_jsx("span", { style: {
-                            display: 'block',
-                            fontSize: '10px',
-                            color: colors.textMuted,
-                            textTransform: 'uppercase',
-                            letterSpacing: '0.05em',
-                            fontWeight: 500,
-                        }, children: label }), _jsx("span", { style: {
-                            fontSize: '10px',
-                            color: colors.textDim,
-                        }, children: "Active means locked" })] }), _jsx("div", { style: { display: 'flex', gap: 4 }, children: axisLabels.map((axisLabel, index) => {
-                    const isLocked = !enabledAxes[index];
-                    return (_jsx("button", { type: "button", onClick: () => toggleAxisLock(index), style: {
-                            flex: 1,
-                            minHeight: 22,
-                            backgroundColor: isLocked ? colors.dangerBg : colors.bgInput,
-                            border: `1px solid ${isLocked ? colors.dangerBorder : colors.border}`,
-                            borderRadius: 0,
-                            padding: '2px 6px',
-                            color: isLocked ? colors.danger : colors.textMuted,
-                            fontSize: '11px',
-                            fontFamily: 'monospace',
-                            cursor: 'pointer',
-                        }, children: axisLabel }, axisLabel));
-                }) })] }));
-}
-function PhysicsComponentEditor({ node, component, onUpdate }) {
-    const nodeId = node === null || node === void 0 ? void 0 : node.id;
-    const hasAutomaticColliderSource = usePrefabStore(state => subtreeHasColliderSource(nodeId, state.nodesById, state.childIdsById));
-    const manualColliderShape = isManualColliderShape(component.properties.manualColliderShape)
-        ? component.properties.manualColliderShape
-        : manualColliderShapeFallback;
-    return (_jsxs(FieldGroup, { children: [_jsx(SelectField, { name: "type", label: "Type", values: component.properties, onChange: onUpdate, options: [
-                    { value: 'dynamic', label: 'Dynamic' },
-                    { value: 'fixed', label: 'Fixed' },
-                    { value: 'kinematicPosition', label: 'Kinematic Position' },
-                    { value: 'kinematicVelocity', label: 'Kinematic Velocity' },
-                ] }), hasAutomaticColliderSource ? (_jsxs(_Fragment, { children: [_jsx(SelectField, { name: "colliders", label: "Collider", values: component.properties, onChange: onUpdate, options: [
-                            { value: 'hull', label: 'Hull (convex)' },
-                            { value: 'trimesh', label: 'Trimesh (exact)' },
-                            { value: 'cuboid', label: 'Cuboid (box)' },
-                            { value: 'ball', label: 'Ball (sphere)' },
-                            { value: 'capsule', label: 'Capsule' },
-                        ] }), component.properties.colliders === 'capsule' ? (_jsxs(_Fragment, { children: [_jsx(NumberField, { name: "capsuleRadius", label: "Capsule Radius", values: component.properties, onChange: onUpdate, fallback: capsuleRadiusFallback, min: 0.01, step: 0.01 }), _jsx(NumberField, { name: "capsuleHalfHeight", label: "Capsule Half Height", values: component.properties, onChange: onUpdate, fallback: capsuleHalfHeightFallback, min: 0.01, step: 0.01 })] })) : null] })) : (_jsxs(_Fragment, { children: [_jsx(SelectField, { name: "manualColliderShape", label: "Shape", values: Object.assign(Object.assign({}, component.properties), { manualColliderShape }), onChange: onUpdate, options: [
-                            { value: 'cuboid', label: 'Cuboid (box)' },
-                            { value: 'ball', label: 'Ball (sphere)' },
-                            { value: 'capsule', label: 'Capsule' },
-                        ] }), manualColliderShape === 'cuboid' ? (_jsx(Vector3Field, { name: "colliderSize", label: "Collider Size", values: component.properties, onChange: onUpdate, fallback: colliderSizeFallback })) : null, manualColliderShape === 'ball' ? (_jsx(NumberField, { name: "colliderRadius", label: "Collider Radius", values: component.properties, onChange: onUpdate, fallback: colliderRadiusFallback, min: 0.01, step: 0.01 })) : null, manualColliderShape === 'capsule' ? (_jsxs(_Fragment, { children: [_jsx(NumberField, { name: "capsuleRadius", label: "Capsule Radius", values: component.properties, onChange: onUpdate, fallback: capsuleRadiusFallback, min: 0.01, step: 0.01 }), _jsx(NumberField, { name: "capsuleHalfHeight", label: "Capsule Half Height", values: component.properties, onChange: onUpdate, fallback: capsuleHalfHeightFallback, min: 0.01, step: 0.01 })] })) : null] })), _jsx(NumberField, { name: "mass", label: "Mass", values: component.properties, onChange: onUpdate, fallback: 1, step: 0.1, min: 0 }), _jsx(NumberField, { name: "restitution", label: "Restitution (Bounciness)", values: component.properties, onChange: onUpdate, fallback: 0, min: 0, max: 1, step: 0.1 }), _jsx(NumberField, { name: "friction", label: "Friction", values: component.properties, onChange: onUpdate, fallback: 0.5, min: 0, step: 0.1 }), _jsx(NumberField, { name: "linearDamping", label: "Linear Damping", values: component.properties, onChange: onUpdate, fallback: 0, min: 0, step: 0.1 }), _jsx(NumberField, { name: "angularDamping", label: "Angular Damping", values: component.properties, onChange: onUpdate, fallback: 0, min: 0, step: 0.1 }), _jsx(NumberField, { name: "gravityScale", label: "Gravity Scale", values: component.properties, onChange: onUpdate, fallback: 1, step: 0.1 }), _jsx(Vector3Field, { name: "linearVelocity", label: "Linear Velocity", values: component.properties, onChange: onUpdate, fallback: [0, 0, 0] }), _jsx(Vector3Field, { name: "angularVelocity", label: "Angular Velocity", values: component.properties, onChange: onUpdate, fallback: [0, 0, 0] }), _jsx(LockedAxisField, { label: "Lock Movement", name: "enabledTranslations", values: component.properties, onChange: onUpdate }), _jsx(LockedAxisField, { label: "Lock Rotations", name: "enabledRotations", values: component.properties, onChange: onUpdate }), _jsx(BooleanField, { name: "sensor", label: "Sensor (Trigger Only)", values: component.properties, onChange: onUpdate, fallback: false }), _jsx(BooleanField, { name: "emitCollisionEnterEvent", label: "Emit Collision Enter", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitCollisionEnterEvent ? (_jsx(StringField, { name: "collisionEnterEventName", label: "Collision Enter Event", values: component.properties, onChange: onUpdate, placeholder: "target:hit" })) : null, _jsx(BooleanField, { name: "emitCollisionExitEvent", label: "Emit Collision Exit", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitCollisionExitEvent ? (_jsx(StringField, { name: "collisionExitEventName", label: "Collision Exit Event", values: component.properties, onChange: onUpdate, placeholder: "target:reset" })) : null, _jsx(BooleanField, { name: "emitSensorEnterEvent", label: "Emit Sensor Enter", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitSensorEnterEvent ? (_jsx(StringField, { name: "sensorEnterEventName", label: "Sensor Enter Event", values: component.properties, onChange: onUpdate, placeholder: "sensor:enter" })) : null, _jsx(BooleanField, { name: "emitSensorExitEvent", label: "Emit Sensor Exit", values: component.properties, onChange: onUpdate, fallback: false }), component.properties.emitSensorExitEvent ? (_jsx(StringField, { name: "sensorExitEventName", label: "Sensor Exit Event", values: component.properties, onChange: onUpdate, placeholder: "sensor:exit" })) : null, _jsx(SelectField, { name: "activeCollisionTypes", label: "Collision Detection", values: component.properties, onChange: onUpdate, options: [
-                    { value: '', label: 'Default (Dynamic only)' },
-                    { value: 'all', label: 'All (includes kinematic & fixed)' },
-                ] })] }));
-}
-function PhysicsComponentView({ properties, children, position, rotation, scale }) {
-    var _a, _b, _c;
-    const { registerRigidBodyRef } = useAssetRuntime();
-    const { editMode, nodeId, getObject } = useEntityRuntime();
-    const gameObject = usePrefabNode(nodeId);
-    const hasAutomaticColliderSource = usePrefabStore(state => subtreeHasColliderSource(nodeId, state.nodesById, state.childIdsById));
-    const nodeName = (_b = (_a = gameObject === null || gameObject === void 0 ? void 0 : gameObject.name) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
-    const userData = Object.assign(Object.assign({ prefabNodeId: (_c = gameObject === null || gameObject === void 0 ? void 0 : gameObject.id) !== null && _c !== void 0 ? _c : nodeId }, (nodeName ? { prefabNodeName: nodeName } : {})), getNodeUserData(gameObject));
-    const { type, colliders, sensor, manualColliderShape = manualColliderShapeFallback, activeCollisionTypes, linearVelocity = [0, 0, 0], angularVelocity = [0, 0, 0], colliderSize = colliderSizeFallback, colliderRadius = colliderRadiusFallback, capsuleRadius = capsuleRadiusFallback, capsuleHalfHeight = capsuleHalfHeightFallback, emitSensorEnterEvent = false, sensorEnterEventName, emitSensorExitEvent = false, sensorExitEventName, emitCollisionEnterEvent = false, collisionEnterEventName, emitCollisionExitEvent = false, collisionExitEventName, enabledTranslations = enabledAxesFallback, enabledRotations = enabledAxesFallback } = properties, otherProps = __rest(properties, ["type", "colliders", "sensor", "manualColliderShape", "activeCollisionTypes", "linearVelocity", "angularVelocity", "colliderSize", "colliderRadius", "capsuleRadius", "capsuleHalfHeight", "emitSensorEnterEvent", "sensorEnterEventName", "emitSensorExitEvent", "sensorExitEventName", "emitCollisionEnterEvent", "collisionEnterEventName", "emitCollisionExitEvent", "collisionExitEventName", "enabledTranslations", "enabledRotations"]);
-    const colliderType = colliders || (type === 'fixed' ? 'trimesh' : 'hull');
-    const resolvedManualColliderShape = isManualColliderShape(manualColliderShape)
-        ? manualColliderShape
-        : manualColliderShapeFallback;
-    const usesAutomaticColliderSource = hasAutomaticColliderSource && colliderType !== 'capsule';
-    const manualColliderShapeToRender = hasAutomaticColliderSource
-        ? 'capsule'
-        : resolvedManualColliderShape;
-    const rigidBodyRef = useRef(null);
-    const [editRefreshVersion, setEditRefreshVersion] = useState(0);
-    const lastEditRefreshAtRef = useRef(0);
-    const linearVelocityKey = linearVelocity.join(',');
-    const angularVelocityKey = angularVelocity.join(',');
-    const transformSignature = `${position === null || position === void 0 ? void 0 : position.join(',')}_${rotation === null || rotation === void 0 ? void 0 : rotation.join(',')}_${scale === null || scale === void 0 ? void 0 : scale.join(',')}`;
-    const rbKey = `${type || 'dynamic'}_${colliderType}_${resolvedManualColliderShape}_${colliderSize.join(',')}_${colliderRadius}_${capsuleRadius}_${capsuleHalfHeight}_${editMode ? editRefreshVersion : 0}`;
-    const handleRigidBodyRef = useCallback((rigidBody) => {
-        rigidBodyRef.current = rigidBody;
-        if (!nodeId)
-            return;
-        registerRigidBodyRef(nodeId, rigidBody);
-    }, [nodeId, registerRigidBodyRef]);
-    // Try to get rapier context - will be null if not inside <Physics>
-    let rapier = null;
-    try {
-        const rapierContext = useRapier();
-        rapier = rapierContext.rapier;
-    }
-    catch (e) {
-        // Not inside Physics context - that's ok, just won't have rapier features
-    }
-    // Configure active collision types for kinematic/sensor bodies
-    useEffect(() => {
-        if (activeCollisionTypes === 'all' && rigidBodyRef.current && rapier) {
-            const rb = rigidBodyRef.current;
-            // Apply to all colliders on this rigid body
-            for (let i = 0; i < rb.numColliders(); i++) {
-                const collider = rb.collider(i);
-                collider.setActiveCollisionTypes(rapier.ActiveCollisionTypes.DEFAULT |
-                    rapier.ActiveCollisionTypes.KINEMATIC_FIXED |
-                    rapier.ActiveCollisionTypes.KINEMATIC_KINEMATIC);
-            }
-        }
-    }, [activeCollisionTypes, rapier, type, colliders]);
-    useEffect(() => {
-        if (!editMode) {
-            return;
-        }
-        const now = Date.now();
-        const delay = Math.max(0, EDIT_MODE_DEBUG_REFRESH_THROTTLE_MS - (now - lastEditRefreshAtRef.current));
-        if (delay === 0) {
-            lastEditRefreshAtRef.current = now;
-            setEditRefreshVersion(version => version + 1);
-            return;
-        }
-        const timeoutId = setTimeout(() => {
-            lastEditRefreshAtRef.current = Date.now();
-            setEditRefreshVersion(version => version + 1);
-        }, delay);
-        return () => clearTimeout(timeoutId);
-    }, [editMode, transformSignature]);
-    // Seed authored velocities when the body instance changes or the authored values change.
-    useEffect(() => {
-        if (!rigidBodyRef.current)
-            return;
-        rigidBodyRef.current.setLinvel({
-            x: linearVelocity[0],
-            y: linearVelocity[1],
-            z: linearVelocity[2],
-        }, true);
-    }, [rbKey, linearVelocityKey]);
-    useEffect(() => {
-        if (!rigidBodyRef.current)
-            return;
-        rigidBodyRef.current.setAngvel({
-            x: angularVelocity[0],
-            y: angularVelocity[1],
-            z: angularVelocity[2],
-        }, true);
-    }, [rbKey, angularVelocityKey]);
-    const dispatchPhysicsEvent = useCallback((eventType, payload) => {
-        var _a, _b, _c;
-        if (!nodeId)
-            return;
-        const trimmedEventType = eventType === null || eventType === void 0 ? void 0 : eventType.trim();
-        if (!trimmedEventType)
-            return;
-        const targetEntityId = getEntityIdFromRigidBody(payload.other.rigidBody);
-        gameEvents.emit(trimmedEventType, {
-            sourceEntityId: nodeId,
-            sourceNodeId: nodeId,
-            sourceObject: getObject(),
-            sourceRigidBody: rigidBodyRef.current,
-            targetEntityId,
-            targetNodeId: targetEntityId,
-            targetObject: (_b = (_a = payload.other.rigidBodyObject) !== null && _a !== void 0 ? _a : payload.other.colliderObject) !== null && _b !== void 0 ? _b : null,
-            targetRigidBody: (_c = payload.other.rigidBody) !== null && _c !== void 0 ? _c : null,
-            rapierEvent: payload,
-        });
-    }, [getObject, nodeId]);
-    const handleIntersectionEnter = useCallback((payload) => {
-        if (!emitSensorEnterEvent)
-            return;
-        dispatchPhysicsEvent(sensorEnterEventName, payload);
-    }, [dispatchPhysicsEvent, emitSensorEnterEvent, sensorEnterEventName]);
-    const handleIntersectionExit = useCallback((payload) => {
-        if (!emitSensorExitEvent)
-            return;
-        dispatchPhysicsEvent(sensorExitEventName, payload);
-    }, [dispatchPhysicsEvent, emitSensorExitEvent, sensorExitEventName]);
-    const handleCollisionEnter = useCallback((payload) => {
-        if (!emitCollisionEnterEvent)
-            return;
-        dispatchPhysicsEvent(collisionEnterEventName, payload);
-    }, [collisionEnterEventName, dispatchPhysicsEvent, emitCollisionEnterEvent]);
-    const handleCollisionExit = useCallback((payload) => {
-        if (!emitCollisionExitEvent)
-            return;
-        dispatchPhysicsEvent(collisionExitEventName, payload);
-    }, [collisionExitEventName, dispatchPhysicsEvent, emitCollisionExitEvent]);
-    const rigidBodyProps = Object.assign({ ref: handleRigidBodyRef, type, colliders: usesAutomaticColliderSource ? colliderType : false, position,
-        rotation,
-        scale,
-        sensor,
-        enabledTranslations,
-        enabledRotations, name: nodeName, userData: Object.assign({ entityId: nodeId }, userData), onIntersectionEnter: emitSensorEnterEvent ? handleIntersectionEnter : undefined, onIntersectionExit: emitSensorExitEvent ? handleIntersectionExit : undefined, onCollisionEnter: emitCollisionEnterEvent ? handleCollisionEnter : undefined, onCollisionExit: emitCollisionExitEvent ? handleCollisionExit : undefined }, otherProps);
-    const rigidBodyContent = (_jsxs(_Fragment, { children: [!usesAutomaticColliderSource ? renderManualCollider({
-                shape: manualColliderShapeToRender,
-                sensor,
-                colliderSize,
-                colliderRadius,
-                capsuleRadius,
-                capsuleHalfHeight,
-            }) : null, children] }));
-    return (_jsx(RigidBody, Object.assign({}, rigidBodyProps, { children: rigidBodyContent }), rbKey));
-}
-const PhysicsComponent = {
-    name: 'Physics',
-    Editor: PhysicsComponentEditor,
-    View: PhysicsComponentView,
-    defaultProperties: {
-        type: 'dynamic',
-        colliders: 'hull',
-        manualColliderShape: manualColliderShapeFallback,
-        colliderSize: colliderSizeFallback,
-        colliderRadius: colliderRadiusFallback,
-        capsuleRadius: capsuleRadiusFallback,
-        capsuleHalfHeight: capsuleHalfHeightFallback,
-        linearVelocity: [0, 0, 0],
-        angularVelocity: [0, 0, 0],
-        enabledTranslations: [true, true, true],
-        enabledRotations: [true, true, true],
-        emitSensorEnterEvent: false,
-        sensorEnterEventName: '',
-        emitSensorExitEvent: false,
-        sensorExitEventName: '',
-        emitCollisionEnterEvent: false,
-        collisionEnterEventName: '',
-        emitCollisionExitEvent: false,
-        collisionExitEventName: '',
-    }
-};
-export default PhysicsComponent;

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

@@ -1,70 +0,0 @@
-import type { Object3D } from "three";
-import type { GameObject } from "./types";
-export interface SpawnOptions {
-    name?: string;
-    parentId?: string;
-    select?: boolean;
-}
-export type EntityData = Omit<GameObject, "children">;
-export type PropertyPath = string | Array<string | number>;
-export interface EntityComponent<TProperties = Record<string, any>> {
-    readonly key: string;
-    readonly type: string;
-    get: <TValue = unknown>(path?: PropertyPath) => TValue | undefined;
-    set: (path: PropertyPath, value: unknown) => void;
-    update: (update: (properties: TProperties) => TProperties) => void;
-}
-export interface Entity {
-    readonly id: string;
-    readonly name: string | undefined;
-    readonly enabled: boolean;
-    readonly parent: Entity | null;
-    readonly children: Entity[];
-    readonly object: Object3D | null;
-    readonly rigidBody: any;
-    set: (data: EntityData) => void;
-    update: (update: (node: EntityData) => EntityData) => void;
-    getComponent: <TProperties = Record<string, any>>(name: string) => EntityComponent<TProperties> | null;
-    addComponent: (type: string, properties?: Record<string, any>) => EntityComponent | null;
-    removeComponent: (name: string) => void;
-    destroy: () => void;
-}
-export type EntityUpdate = (node: EntityData) => EntityData;
-export type SceneUpdates = Record<string, EntityUpdate>;
-export interface Scene {
-    readonly rootId: string;
-    find: (id: string) => Entity | null;
-    get: (id: string) => Entity;
-    create: (name: string, components?: Record<string, {
-        type: string;
-        properties?: Record<string, any>;
-    }>, options?: SpawnOptions) => Entity;
-    update: {
-        (id: string, update: EntityUpdate): void;
-        (updates: SceneUpdates): void;
-    };
-    add: (node: GameObject, options?: SpawnOptions) => Entity;
-    remove: (id: string) => void;
-    /**
-     * Coalesce many entity / component updates into a single store revision.
-     * Entity `update`/`set`, `EntityComponent` `set`/`update`, `addComponent`,
-     * and `removeComponent` calls inside the callback are buffered and flushed
-     * as one batched write. `add`, `remove`, and `destroy` (structural tree ops)
-     * still commit immediately.
-     */
-    batch: (fn: () => void) => void;
-}
-interface SceneAdapter {
-    getRootId: () => string;
-    getNode: (id: string) => EntityData | null;
-    getChildIds: (id: string) => string[];
-    getParentId: (id: string) => string | null;
-    updateNode: (id: string, update: (node: EntityData) => EntityData) => void;
-    updateNodes: (updates: Record<string, (node: EntityData) => EntityData>) => void;
-    addNode: (node: GameObject, options?: SpawnOptions) => string;
-    removeNode: (id: string) => void;
-    getObject?: (id: string) => Object3D | null;
-    getRigidBody?: (id: string) => any;
-}
-export declare function createScene(adapter: SceneAdapter): Scene;
-export {};