react-three-game 0.0.84 → 0.0.86

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export type FieldType = 'vector3' | 'number' | 'string' | 'color' | 'boolean' | 'select' | 'node' | 'event';
+export type FieldType = 'vector3' | 'number' | 'string' | 'color' | 'boolean' | 'select' | 'node';
 interface BaseFieldDefinition {
     name: string;
     label: string;
@@ -36,10 +36,6 @@ interface NodeFieldDefinition extends BaseFieldDefinition {
     placeholder?: string;
     includeRoot?: boolean;
 }
-interface EventFieldDefinition extends BaseFieldDefinition {
-    type: 'event';
-    placeholder?: string;
-}
 interface CustomFieldDefinition extends BaseFieldDefinition {
     type: 'custom';
     render: (props: {
@@ -49,7 +45,7 @@ interface CustomFieldDefinition extends BaseFieldDefinition {
         onChangeMultiple: (values: Record<string, any>) => void;
     }) => React.ReactNode;
 }
-export type FieldDefinition = Vector3FieldDefinition | NumberFieldDefinition | StringFieldDefinition | ColorFieldDefinition | BooleanFieldDefinition | SelectFieldDefinition | NodeFieldDefinition | EventFieldDefinition | CustomFieldDefinition;
+export type FieldDefinition = Vector3FieldDefinition | NumberFieldDefinition | StringFieldDefinition | ColorFieldDefinition | BooleanFieldDefinition | SelectFieldDefinition | NodeFieldDefinition | CustomFieldDefinition;
 declare const styles: {
     input: React.CSSProperties;
     label: React.CSSProperties;
@@ -95,12 +91,6 @@ export declare function NodeInput({ label, value, onChange, placeholder, include
     placeholder?: string;
     includeRoot?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function EventInput({ label, value, onChange, placeholder, }: {
-    label: string;
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-}): import("react/jsx-runtime").JSX.Element;
 export declare function BooleanInput({ label, value, onChange }: {
     label?: string;
     value: boolean;
@@ -182,7 +172,6 @@ export declare function SelectField({ name, label, values, onChange, fallback, o
 export declare function NodeField({ name, label, values, onChange, fallback, }: BoundStringFieldProps & {
     fallback?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function EventField({ name, label, values, onChange, fallback, placeholder, }: BoundStringFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare function Vector3Field({ name, label, values, onChange, fallback, snap, labelExtra, }: BoundVector3FieldProps): import("react/jsx-runtime").JSX.Element;
 interface FieldRendererProps {
     fields: FieldDefinition[];

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

@@ -347,55 +347,6 @@ export function NodeInput({ label, value, onChange, placeholder, includeRoot = t
                             setQuery('');
                         }, emptyMessage: "No matching nodes." })] })) : null] }));
 }
-const BUILT_IN_EVENT_OPTIONS = [
-    'sensor:enter',
-    'sensor:exit',
-    'collision:enter',
-    'collision:exit',
-    'click',
-].map(eventName => ({
-    value: eventName,
-    label: eventName,
-    searchText: eventName.toLowerCase(),
-}));
-export function EventInput({ label, value, onChange, placeholder, }) {
-    const prefabState = useOptionalPrefabSnapshot();
-    const [query, setQuery] = useState('');
-    const options = useMemo(() => {
-        var _a;
-        const authoredEvents = new Map();
-        Object.values((_a = prefabState === null || prefabState === void 0 ? void 0 : prefabState.nodesById) !== null && _a !== void 0 ? _a : {}).forEach(node => {
-            var _a;
-            Object.values((_a = node.components) !== null && _a !== void 0 ? _a : {}).forEach(component => {
-                var _a;
-                Object.entries((_a = component === null || component === void 0 ? void 0 : component.properties) !== null && _a !== void 0 ? _a : {}).forEach(([key, entry]) => {
-                    var _a, _b;
-                    if (typeof entry !== 'string')
-                        return;
-                    if (!(key === 'eventName' || key.endsWith('EventName')))
-                        return;
-                    const eventName = entry.trim();
-                    if (!eventName)
-                        return;
-                    authoredEvents.set(eventName, {
-                        value: eventName,
-                        label: eventName,
-                        description: `${(_a = component === null || component === void 0 ? void 0 : component.type) !== null && _a !== void 0 ? _a : 'Component'} -> ${key}`,
-                        searchText: `${eventName} ${(_b = component === null || component === void 0 ? void 0 : component.type) !== null && _b !== void 0 ? _b : ''} ${key}`.toLowerCase(),
-                    });
-                });
-            });
-        });
-        const merged = new Map();
-        BUILT_IN_EVENT_OPTIONS.forEach(option => merged.set(option.value, option));
-        authoredEvents.forEach((option, key) => merged.set(key, option));
-        return [...merged.values()].sort((left, right) => left.value.localeCompare(right.value));
-    }, [prefabState === null || prefabState === void 0 ? void 0 : prefabState.nodesById]);
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 6 }, children: [_jsx(StringInput, { label: label, value: value, onChange: onChange, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Event name' }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [_jsx("input", { type: "text", style: Object.assign(Object.assign({}, styles.input), { width: '100%', textAlign: 'left' }), value: query, onChange: e => setQuery(e.target.value), placeholder: "Search built-in and authored events" }), _jsx(SearchSuggestionList, { query: query, options: options, onSelect: (nextValue) => {
-                            onChange(nextValue);
-                            setQuery('');
-                        }, emptyMessage: "No matching events." })] })] }));
-}
 export function BooleanInput({ label, value, onChange }) {
     return (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [label && _jsx(Label, { children: label }), _jsx("input", { type: "checkbox", style: {
                     height: 16,
@@ -470,10 +421,6 @@ export function NodeField({ name, label, values, onChange, fallback = '', }) {
     var _a;
     return (_jsx(NodeInput, { label: label, value: (_a = values[name]) !== null && _a !== void 0 ? _a : fallback, onChange: bindFieldChange(name, onChange) }));
 }
-export function EventField({ name, label, values, onChange, fallback = '', placeholder, }) {
-    var _a;
-    return (_jsx(EventInput, { label: label, value: (_a = values[name]) !== null && _a !== void 0 ? _a : fallback, onChange: bindFieldChange(name, onChange), placeholder: placeholder }));
-}
 export function Vector3Field({ name, label, values, onChange, fallback = [0, 0, 0], snap, labelExtra, }) {
     var _a;
     return (_jsx(Vector3Input, { label: label, value: (_a = values[name]) !== null && _a !== void 0 ? _a : fallback, onChange: bindFieldChange(name, onChange), snap: snap, labelExtra: labelExtra }));
@@ -500,8 +447,6 @@ export function FieldRenderer({ fields, values, onChange }) {
                     return (_jsx(SelectInput, { label: field.label, value: (_b = value !== null && value !== void 0 ? value : (_a = field.options[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '', onChange: v => updateField(field.name, v), options: field.options }, field.name));
                 case 'node':
                     return (_jsx(NodeInput, { label: field.label, value: value !== null && value !== void 0 ? value : '', onChange: v => updateField(field.name, v), placeholder: field.placeholder, includeRoot: field.includeRoot }, field.name));
-                case 'event':
-                    return (_jsx(EventInput, { label: field.label, value: value !== null && value !== void 0 ? value : '', onChange: v => updateField(field.name, v), placeholder: field.placeholder }, field.name));
                 case 'custom':
                     return (_jsxs("div", { children: [field.label && _jsx(Label, { children: field.label }), field.render({
                                 value,

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

@@ -15,8 +15,11 @@ export interface MaterialProps extends Omit<MeshStandardMaterialProperties & Mes
     thickness?: number;
     ior?: number;
     texture?: string;
+    offset?: [number, number];
     repeat?: boolean;
     repeatCount?: [number, number];
+    animateOffset?: boolean;
+    offsetSpeed?: [number, number];
     generateMipmaps?: boolean;
     minFilter?: string;
     magFilter?: string;

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

@@ -9,14 +9,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useRef } from 'react';
 import { extend } from '@react-three/fiber';
+import { useFrame } from '@react-three/fiber';
 import { FieldRenderer, Label, NumberInput } from './Input';
-import { useAssetRuntime } from '../runtime';
+import { useAssetRuntime } from '../assetRuntime';
 import { MeshBasicNodeMaterial, MeshStandardNodeMaterial } 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, }) {
+    var _a, _b;
+    return (_jsxs("div", { style: { display: 'flex', gap: 2 }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsxs(Label, { children: [label, " X"] }), _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' } })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsxs(Label, { children: [label, " Y"] }), _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' } })] })] }));
+}
 const EMPTY_MATERIAL_OVERRIDES = Object.freeze({});
 const MaterialOverridesContext = createContext(EMPTY_MATERIAL_OVERRIDES);
 export function useMaterialOverrides() {
@@ -36,6 +41,7 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
     const materialType = (_a = component.properties.materialType) !== null && _a !== void 0 ? _a : 'standard';
     const hasTexture = !!component.properties.texture;
     const hasRepeat = component.properties.repeat;
+    const animateOffset = component.properties.animateOffset;
     const isStandardMaterial = materialType === 'standard';
     const fields = [
         {
@@ -82,10 +88,20 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
                     name: 'repeatCount',
                     type: 'custom',
                     label: 'Repeat (X, Y)',
-                    render: ({ value, onChange }) => {
-                        var _a, _b;
-                        return (_jsxs("div", { style: { display: 'flex', gap: 2 }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx(Label, { children: "X" }), _jsx(NumberInput, { value: (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 1, onChange: v => { var _a; return onChange([v, (_a = value === null || value === void 0 ? void 0 : value[1]) !== null && _a !== void 0 ? _a : 1]); }, min: 0.01, max: 100, step: 0.1, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsx(Label, { children: "Y" }), _jsx(NumberInput, { value: (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : 1, onChange: v => { var _a; return onChange([(_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 1, v]); }, min: 0.01, max: 100, step: 0.1, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } })] })] }));
-                    },
+                    render: ({ value, onChange }) => (_jsx(Vector2Editor, { label: "Repeat", value: value, onChange: onChange, min: 0.01, max: 100, step: 0.1 })),
+                }] : []),
+            {
+                name: 'offset',
+                type: 'custom',
+                label: 'Offset (X, Y)',
+                render: ({ value, onChange }) => (_jsx(Vector2Editor, { label: "Offset", value: value, onChange: onChange, step: 0.01 })),
+            },
+            { name: 'animateOffset', type: 'boolean', label: 'Animate Offset' },
+            ...(animateOffset ? [{
+                    name: 'offsetSpeed',
+                    type: 'custom',
+                    label: 'Speed (X, Y)',
+                    render: ({ value, onChange }) => (_jsx(Vector2Editor, { label: "Speed", value: value, onChange: onChange, step: 0.01 })),
                 }] : []),
             {
                 name: 'normalMapTexture',
@@ -97,10 +113,7 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
                     name: 'normalScale',
                     type: 'custom',
                     label: 'Normal Scale (X, Y)',
-                    render: ({ value, onChange }) => {
-                        var _a, _b;
-                        return (_jsxs("div", { style: { display: 'flex', gap: 2 }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx(Label, { children: "X" }), _jsx(NumberInput, { value: (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 1, onChange: v => { var _a; return onChange([v, (_a = value === null || value === void 0 ? void 0 : value[1]) !== null && _a !== void 0 ? _a : 1]); }, min: 0, max: 5, step: 0.01, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsx(Label, { children: "Y" }), _jsx(NumberInput, { value: (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : 1, onChange: v => { var _a; return onChange([(_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : 1, v]); }, min: 0, max: 5, step: 0.01, style: { width: '100%', minWidth: 0, boxSizing: 'border-box' } })] })] }));
-                    },
+                    render: ({ value, onChange }) => (_jsx(Vector2Editor, { label: "Normal", value: value, onChange: onChange, min: 0, max: 5, step: 0.01 })),
                 }] : []),
             { name: 'generateMipmaps', type: 'boolean', label: 'Generate Mipmaps' },
             {
@@ -131,13 +144,16 @@ function MaterialComponentEditor({ component, onUpdate, basePath = "" }) {
 }
 // View for Material component
 function MaterialComponentView({ properties: rawProps }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { getTexture } = useAssetRuntime();
     const properties = rawProps;
     const materialType = (_a = properties === null || properties === void 0 ? void 0 : properties.materialType) !== null && _a !== void 0 ? _a : 'standard';
     const textureName = properties === null || properties === void 0 ? void 0 : properties.texture;
+    const offset = properties === null || properties === void 0 ? void 0 : properties.offset;
     const repeat = properties === null || properties === void 0 ? void 0 : properties.repeat;
     const repeatCount = properties === null || properties === void 0 ? void 0 : properties.repeatCount;
+    const animateOffset = properties === null || properties === void 0 ? void 0 : properties.animateOffset;
+    const offsetSpeed = properties === null || properties === void 0 ? void 0 : properties.offsetSpeed;
     const generateMipmaps = (properties === null || properties === void 0 ? void 0 : properties.generateMipmaps) !== false;
     const minFilter = (properties === null || properties === void 0 ? void 0 : properties.minFilter) || 'LinearMipmapLinearFilter';
     const magFilter = (properties === null || properties === void 0 ? void 0 : properties.magFilter) || 'LinearFilter';
@@ -147,7 +163,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, repeat: _repeat, repeatCount: _repeatCount, generateMipmaps: _generateMipmaps, minFilter: _minFilter, magFilter: _magFilter, map: _map, materialType: _materialType, normalMapTexture: _normalMapTexture, normalScale: _normalScale, normalMap: _normalMap, side: sideProp } = materialSource, materialProps = __rest(materialSource, ["texture", "repeat", "repeatCount", "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, side: sideProp } = materialSource, materialProps = __rest(materialSource, ["texture", "offset", "repeat", "repeatCount", "animateOffset", "offsetSpeed", "generateMipmaps", "minFilter", "magFilter", "map", "materialType", "normalMapTexture", "normalScale", "normalMap", "side"]);
     const sideMap = { FrontSide, BackSide, DoubleSide };
     const resolvedSide = sideProp ? ((_d = sideMap[sideProp]) !== null && _d !== void 0 ? _d : FrontSide) : FrontSide;
     const minFilterMap = {
@@ -162,8 +178,9 @@ function MaterialComponentView({ properties: rawProps }) {
         NearestFilter,
         LinearFilter
     };
+    const animatedOffsetRef = useRef([(_e = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _e !== void 0 ? _e : 0, (_f = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _f !== void 0 ? _f : 0]);
     const finalTexture = useMemo(() => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (!texture)
             return undefined;
         const t = texture.clone();
@@ -176,13 +193,24 @@ function MaterialComponentView({ properties: rawProps }) {
             t.wrapS = t.wrapT = ClampToEdgeWrapping;
             t.repeat.set(1, 1);
         }
+        t.offset.set((_a = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _a !== void 0 ? _a : 0, (_b = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _b !== void 0 ? _b : 0);
         t.colorSpace = SRGBColorSpace;
         t.generateMipmaps = generateMipmaps;
-        t.minFilter = (_a = minFilterMap[minFilter]) !== null && _a !== void 0 ? _a : LinearMipmapLinearFilter;
-        t.magFilter = (_b = magFilterMap[magFilter]) !== null && _b !== void 0 ? _b : LinearFilter;
+        t.minFilter = (_c = minFilterMap[minFilter]) !== null && _c !== void 0 ? _c : LinearMipmapLinearFilter;
+        t.magFilter = (_d = magFilterMap[magFilter]) !== null && _d !== void 0 ? _d : LinearFilter;
         t.needsUpdate = true;
         return t;
-    }, [texture, repeat, repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[0], repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[1], generateMipmaps, minFilter, magFilter]);
+    }, [texture, repeat, repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[0], repeatCount === null || repeatCount === void 0 ? void 0 : repeatCount[1], offset === null || offset === void 0 ? void 0 : offset[0], offset === null || offset === void 0 ? void 0 : offset[1], generateMipmaps, minFilter, magFilter]);
+    animatedOffsetRef.current = [(_g = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _g !== void 0 ? _g : 0, (_h = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _h !== void 0 ? _h : 0];
+    useFrame((_, delta) => {
+        var _a, _b;
+        if (!finalTexture || !animateOffset)
+            return;
+        const nextX = animatedOffsetRef.current[0] + ((_a = offsetSpeed === null || offsetSpeed === void 0 ? void 0 : offsetSpeed[0]) !== null && _a !== void 0 ? _a : 0) * delta;
+        const nextY = animatedOffsetRef.current[1] + ((_b = offsetSpeed === null || offsetSpeed === void 0 ? void 0 : offsetSpeed[1]) !== null && _b !== void 0 ? _b : 0) * delta;
+        animatedOffsetRef.current = [nextX, nextY];
+        finalTexture.offset.set(nextX, nextY);
+    });
     const finalNormalMap = useMemo(() => {
         if (!normalMapTexture)
             return undefined;
@@ -199,7 +227,7 @@ function MaterialComponentView({ properties: rawProps }) {
     if (materialType === 'basic') {
         return _jsx("meshBasicNodeMaterial", Object.assign({}, sharedProps));
     }
-    return (_jsx("meshStandardNodeMaterial", Object.assign({}, sharedProps, { normalMap: finalNormalMap, normalScale: finalNormalMap ? [(_e = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[0]) !== null && _e !== void 0 ? _e : 1, (_f = normalScaleProp === null || normalScaleProp === void 0 ? void 0 : normalScaleProp[1]) !== null && _f !== void 0 ? _f : 1] : undefined })));
+    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 })));
 }
 const MaterialComponent = {
     name: 'Material',
@@ -212,6 +240,9 @@ const MaterialComponent = {
         wireframe: false,
         transparent: false,
         opacity: 1,
+        offset: [0, 0],
+        animateOffset: false,
+        offsetSpeed: [0, 0],
         metalness: 0,
         roughness: 1
     },

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

@@ -1,8 +1,8 @@
 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 { BooleanField, FieldGroup, Label, ListEditor, NumberInput, SelectInput } from './Input';
-import { useAssetRuntime } from '../runtime';
+import { BooleanField, FieldGroup, Label, ListEditor, NumberInput, SelectInput, StringField } from './Input';
+import { useAssetRuntime } from '../assetRuntime';
 import { EditorContext } from '../PrefabEditor';
 import { getRepeatAxesFromModelProperties, normalizeRepeatAxes } from '../InstanceProvider';
 import { colors } from '../styles';
@@ -61,7 +61,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: "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: "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 }))] }))] }));
 }
 // View for Model component
 function ModelComponentView({ properties, children }) {

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

@@ -8,9 +8,13 @@ export type PhysicsProps = Omit<RigidBodyOptions, 'colliders'> & {
     angularVelocity?: [number, number, 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;

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

@@ -11,10 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CapsuleCollider, RigidBody, useRapier } from "@react-three/rapier";
-import { useRef, useEffect, useCallback } from 'react';
-import { useAssetRuntime, useEntityRuntime } from "../runtime";
-import { BooleanField, EventInput, FieldGroup, ListEditor, NumberField, SelectField, SelectInput, Vector3Field } from "./Input";
-import { gameEvents, getEntityIdFromRigidBody } from "../GameEvents";
+import { useCallback, useEffect, useRef } from 'react';
+import { useAssetRuntime, useEntityRuntime } from "../assetRuntime";
+import { usePrefabNode } from "../prefabStore";
+import { BooleanField, FieldGroup, NumberField, SelectField, StringField, Vector3Field } from "./Input";
+import { 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";
@@ -22,90 +23,6 @@ export function isPhysicsProps(v) {
 const enabledAxesFallback = [true, true, true];
 const capsuleRadiusFallback = 0.35;
 const capsuleHalfHeightFallback = 0.45;
-const PHYSICS_EVENT_OPTIONS = [
-    {
-        key: 'sensorEnterEventName',
-        label: 'Sensor Enter',
-        defaultName: 'sensor:enter',
-        requiresSensor: true,
-    },
-    {
-        key: 'sensorExitEventName',
-        label: 'Sensor Exit',
-        defaultName: 'sensor:exit',
-        requiresSensor: true,
-    },
-    {
-        key: 'collisionEnterEventName',
-        label: 'Collision Enter',
-        defaultName: 'collision:enter',
-        requiresSensor: false,
-    },
-    {
-        key: 'collisionExitEventName',
-        label: 'Collision Exit',
-        defaultName: 'collision:exit',
-        requiresSensor: false,
-    },
-];
-function getPhysicsEventOption(key) {
-    return PHYSICS_EVENT_OPTIONS.find(option => option.key === key);
-}
-function getConfiguredPhysicsEvents(values) {
-    return PHYSICS_EVENT_OPTIONS.filter(option => typeof values[option.key] === 'string' && values[option.key].trim().length > 0);
-}
-function getAvailablePhysicsEvents(values, currentKey) {
-    const configuredKeys = new Set(getConfiguredPhysicsEvents(values).map(option => option.key));
-    return PHYSICS_EVENT_OPTIONS
-        .filter(option => option.key === currentKey || !configuredKeys.has(option.key))
-        .map(option => ({ value: option.key, label: option.label }));
-}
-function PhysicsEventBindingsEditor({ values, onChange, }) {
-    const configuredEvents = getConfiguredPhysicsEvents(values);
-    const nextEventOptions = getAvailablePhysicsEvents(values);
-    const addEvent = (eventKey) => {
-        if (!eventKey)
-            return;
-        const option = getPhysicsEventOption(eventKey);
-        if (!option)
-            return;
-        onChange(Object.assign({ [option.key]: option.defaultName }, (option.requiresSensor ? { sensor: true } : null)));
-    };
-    const updateEventKey = (currentKey, nextKey) => {
-        const nextOption = getPhysicsEventOption(nextKey);
-        if (!nextOption)
-            return;
-        onChange(Object.assign({ [currentKey]: undefined, [nextOption.key]: values[currentKey] || nextOption.defaultName }, (nextOption.requiresSensor ? { sensor: true } : null)));
-    };
-    const updateEventName = (key, eventName) => {
-        onChange({ [key]: eventName });
-    };
-    const removeEvent = (key) => {
-        onChange({ [key]: undefined });
-    };
-    return (_jsx(ListEditor, { label: "Events", items: configuredEvents, onAdd: addEvent, addOptions: nextEventOptions, canAdd: nextEventOptions.length > 0, emptyMessage: "No physics events configured.", addButtonTitle: "Add physics event", addDisabledTitle: "All physics events already added", renderItem: (option) => {
-            var _a;
-            return (_jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: 6,
-                    padding: 8,
-                    border: `1px solid ${colors.border}`,
-                    borderRadius: 4,
-                    background: colors.bgSurface,
-                }, children: [_jsxs("div", { style: { display: 'flex', gap: 6, alignItems: 'end' }, children: [_jsx("div", { style: { flex: 1, minWidth: 0 }, children: _jsx(SelectInput, { label: "Type", value: option.key, onChange: (nextKey) => updateEventKey(option.key, nextKey), options: getAvailablePhysicsEvents(values, option.key) }) }), _jsx("button", { type: "button", onClick: () => removeEvent(option.key), style: {
-                                    height: 24,
-                                    width: 28,
-                                    borderRadius: 3,
-                                    border: `1px solid ${colors.border}`,
-                                    background: colors.bgInput,
-                                    color: colors.text,
-                                    cursor: 'pointer',
-                                    padding: 0,
-                                    flexShrink: 0,
-                                }, title: "Remove physics event", children: "\u00D7" })] }), _jsx(EventInput, { label: "Event Name", value: (_a = values[option.key]) !== null && _a !== void 0 ? _a : option.defaultName, onChange: (eventName) => updateEventName(option.key, eventName), placeholder: option.defaultName })] }, option.key));
-        } }));
-}
 function LockedAxisField({ label, name, values, onChange, }) {
     const enabledAxes = Array.isArray(values[name])
         ? values[name]
@@ -158,15 +75,29 @@ function PhysicsComponentEditor({ component, onUpdate }) {
                     { 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, _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(PhysicsEventBindingsEditor, { values: component.properties, onChange: onUpdate }), _jsx(SelectField, { name: "activeCollisionTypes", label: "Collision Detection", values: component.properties, onChange: onUpdate, options: [
+                ] }), 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, _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 emitNativeEvent(type, detail) {
+    const trimmedType = type === null || type === void 0 ? void 0 : type.trim();
+    if (!trimmedType || typeof window === 'undefined')
+        return;
+    window.dispatchEvent(new CustomEvent(trimmedType, { detail }));
+}
+function getEntityIdFromRigidBody(rigidBody) {
+    const userData = rigidBody === null || rigidBody === void 0 ? void 0 : rigidBody.userData;
+    return typeof (userData === null || userData === void 0 ? void 0 : userData.entityId) === 'string' ? userData.entityId : null;
+}
 function PhysicsComponentView({ properties, children, position, rotation, scale }) {
+    var _a, _b, _c;
     const { registerRigidBodyRef } = useAssetRuntime();
-    const { editMode, nodeId } = useEntityRuntime();
-    const { type, colliders, sensor, activeCollisionTypes, linearVelocity = [0, 0, 0], angularVelocity = [0, 0, 0], capsuleRadius = capsuleRadiusFallback, capsuleHalfHeight = capsuleHalfHeightFallback, sensorEnterEventName, sensorExitEventName, collisionEnterEventName, collisionExitEventName, enabledTranslations = enabledAxesFallback, enabledRotations = enabledAxesFallback } = properties, otherProps = __rest(properties, ["type", "colliders", "sensor", "activeCollisionTypes", "linearVelocity", "angularVelocity", "capsuleRadius", "capsuleHalfHeight", "sensorEnterEventName", "sensorExitEventName", "collisionEnterEventName", "collisionExitEventName", "enabledTranslations", "enabledRotations"]);
+    const { editMode, nodeId, getObject } = useEntityRuntime();
+    const gameObject = usePrefabNode(nodeId);
+    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, activeCollisionTypes, linearVelocity = [0, 0, 0], angularVelocity = [0, 0, 0], 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", "activeCollisionTypes", "linearVelocity", "angularVelocity", "capsuleRadius", "capsuleHalfHeight", "emitSensorEnterEvent", "sensorEnterEventName", "emitSensorExitEvent", "sensorExitEventName", "emitCollisionEnterEvent", "collisionEnterEventName", "emitCollisionExitEvent", "collisionExitEventName", "enabledTranslations", "enabledRotations"]);
     const colliderType = colliders || (type === 'fixed' ? 'trimesh' : 'hull');
     const usesManualCapsuleCollider = colliderType === 'capsule';
     const rigidBodyRef = useRef(null);
@@ -175,6 +106,12 @@ function PhysicsComponentView({ properties, children, position, rotation, scale
     const rbKey = editMode
         ? `${type || 'dynamic'}_${colliderType}_${capsuleRadius}_${capsuleHalfHeight}_${position === null || position === void 0 ? void 0 : position.join(',')}_${rotation === null || rotation === void 0 ? void 0 : rotation.join(',')}`
         : `${type || 'dynamic'}_${colliderType}_${capsuleRadius}_${capsuleHalfHeight}`;
+    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 {
@@ -184,17 +121,6 @@ function PhysicsComponentView({ properties, children, position, rotation, scale
     catch (e) {
         // Not inside Physics context - that's ok, just won't have rapier features
     }
-    // Register RigidBody ref when it's available
-    useEffect(() => {
-        if (nodeId && rigidBodyRef.current) {
-            registerRigidBodyRef(nodeId, rigidBodyRef.current);
-        }
-        return () => {
-            if (nodeId) {
-                registerRigidBodyRef(nodeId, null);
-            }
-        };
-    }, [nodeId, registerRigidBodyRef]);
     // Configure active collision types for kinematic/sensor bodies
     useEffect(() => {
         if (activeCollisionTypes === 'all' && rigidBodyRef.current && rapier) {
@@ -227,44 +153,47 @@ function PhysicsComponentView({ properties, children, position, rotation, scale
             z: angularVelocity[2],
         }, true);
     }, [rbKey, angularVelocityKey]);
-    // Event handlers for physics interactions
-    const handleIntersectionEnter = useCallback((payload) => {
-        if (!nodeId || !sensorEnterEventName)
+    const dispatchPhysicsEvent = useCallback((eventType, payload) => {
+        var _a, _b, _c;
+        if (!nodeId)
             return;
-        gameEvents.emit(sensorEnterEventName, {
-            sourceEntityId: nodeId,
-            targetEntityId: getEntityIdFromRigidBody(payload.other.rigidBody),
-            targetRigidBody: payload.other.rigidBody,
+        emitNativeEvent(eventType, {
+            sourceNodeId: nodeId,
+            sourceObject: getObject(),
+            sourceRigidBody: rigidBodyRef.current,
+            targetNodeId: getEntityIdFromRigidBody(payload.other.rigidBody),
+            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,
         });
-    }, [nodeId, sensorEnterEventName]);
+    }, [getObject, nodeId]);
+    const handleIntersectionEnter = useCallback((payload) => {
+        if (!emitSensorEnterEvent)
+            return;
+        dispatchPhysicsEvent(sensorEnterEventName, payload);
+    }, [dispatchPhysicsEvent, emitSensorEnterEvent, sensorEnterEventName]);
     const handleIntersectionExit = useCallback((payload) => {
-        if (!nodeId || !sensorExitEventName)
+        if (!emitSensorExitEvent)
             return;
-        gameEvents.emit(sensorExitEventName, {
-            sourceEntityId: nodeId,
-            targetEntityId: getEntityIdFromRigidBody(payload.other.rigidBody),
-            targetRigidBody: payload.other.rigidBody,
-        });
-    }, [nodeId, sensorExitEventName]);
+        dispatchPhysicsEvent(sensorExitEventName, payload);
+    }, [dispatchPhysicsEvent, emitSensorExitEvent, sensorExitEventName]);
     const handleCollisionEnter = useCallback((payload) => {
-        if (!nodeId || !collisionEnterEventName)
+        if (!emitCollisionEnterEvent)
             return;
-        gameEvents.emit(collisionEnterEventName, {
-            sourceEntityId: nodeId,
-            targetEntityId: getEntityIdFromRigidBody(payload.other.rigidBody),
-            targetRigidBody: payload.other.rigidBody,
-        });
-    }, [collisionEnterEventName, nodeId]);
+        dispatchPhysicsEvent(collisionEnterEventName, payload);
+    }, [collisionEnterEventName, dispatchPhysicsEvent, emitCollisionEnterEvent]);
     const handleCollisionExit = useCallback((payload) => {
-        if (!nodeId || !collisionExitEventName)
+        if (!emitCollisionExitEvent)
             return;
-        gameEvents.emit(collisionExitEventName, {
-            sourceEntityId: nodeId,
-            targetEntityId: getEntityIdFromRigidBody(payload.other.rigidBody),
-            targetRigidBody: payload.other.rigidBody,
-        });
-    }, [collisionExitEventName, nodeId]);
-    return (_jsxs(RigidBody, Object.assign({ ref: rigidBodyRef, type: type, colliders: usesManualCapsuleCollider ? false : colliderType, position: position, rotation: rotation, scale: scale, sensor: sensor, enabledTranslations: enabledTranslations, enabledRotations: enabledRotations, userData: { entityId: nodeId }, onIntersectionEnter: handleIntersectionEnter, onIntersectionExit: handleIntersectionExit, onCollisionEnter: handleCollisionEnter, onCollisionExit: handleCollisionExit }, otherProps, { children: [usesManualCapsuleCollider ? _jsx(CapsuleCollider, { args: [capsuleHalfHeight, capsuleRadius], sensor: sensor }) : null, children] }), rbKey));
+        dispatchPhysicsEvent(collisionExitEventName, payload);
+    }, [collisionExitEventName, dispatchPhysicsEvent, emitCollisionExitEvent]);
+    const rigidBodyProps = Object.assign({ ref: handleRigidBodyRef, type, colliders: usesManualCapsuleCollider ? false : colliderType, 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);
+    return (_jsxs(RigidBody, Object.assign({}, rigidBodyProps, { children: [usesManualCapsuleCollider ? _jsx(CapsuleCollider, { args: [capsuleHalfHeight, capsuleRadius], sensor: sensor }) : null, children] }), rbKey));
 }
 const PhysicsComponent = {
     name: 'Physics',
@@ -279,6 +208,14 @@ const PhysicsComponent = {
         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/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 '../runtime';
+import { useEntityRuntime } from '../assetRuntime';
 import { BooleanField, ColorField, NumberField } from './Input';
 import { LightSection, ShadowBiasField, mergeWithDefaults } from './lightUtils';
 const pointLightDefaults = {