@3driseai/3drise-viewer 0.1.2 → 0.1.4

package/dist/components/cursor/CursorEffects.d.ts

@@ -1,15 +1,17 @@
+import type { ObjectReadyProps } from '../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { CursorConfig } from "@3driseai/3drise-core";
-export interface CursorTypeProps<C extends CursorConfig = CursorConfig> {
+export interface CursorTypeProps<C extends CursorConfig = CursorConfig> extends ObjectReadyProps {
     config: C;
     worldPosRef: React.RefObject<THREE.Vector3>;
     velocityRef: React.RefObject<THREE.Vector3>;
     hoverRef: React.RefObject<THREE.Intersection | null>;
     idleMsRef: React.RefObject<number>;
 }
-export interface CursorEffectsProps {
+export interface CursorEffectsProps extends ObjectReadyProps {
     effects?: CursorConfig[];
+    previewPositionRef?: React.RefObject<THREE.Vector3>;
 }
 declare const CursorEffects: React.FC<CursorEffectsProps>;
 export default CursorEffects;

package/dist/components/cursor/CursorEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorEffects.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/CursorEffects.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IAClE,MAAM,EAAE,CAAC,CAAC;IACV,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IAC/B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B;AAWD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkF/C,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CursorEffects.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/CursorEffects.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CAAE,SAAQ,gBAAgB;IAC5F,MAAM,EAAE,CAAC,CAAC;IACV,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IACxD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;CACvD;AAWD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsF/C,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/cursor/CursorEffects.js

@@ -24,7 +24,7 @@ const createTickState = () => ({
     idleMsRef: { current: 0 },
     firstFrameRef: { current: true },
 });
-const CursorEffects = ({ effects = [] }) => {
+const CursorEffects = ({ effects = [], previewPositionRef, onObjectReady, onObjectDispose }) => {
     const { camera, gl, scene, raycaster, pointer } = useThree();
     // Per-effect ref bundles. Indexed by effect position. Grows/shrinks as the
     // effects array length changes, but individual entries are stable so the
@@ -55,7 +55,9 @@ const CursorEffects = ({ effects = [] }) => {
             if (!eff.enabled)
                 continue;
             const s = tickStatesRef.current[i];
-            const result = pickCursorWorldPos(eff.pickMode, raycaster, scene, camera, pointer, eff.planeDistance, tmpPos);
+            const result = previewPositionRef
+                ? { worldPos: previewPositionRef.current, hover: null }
+                : pickCursorWorldPos(eff.pickMode, raycaster, scene, camera, pointer, eff.planeDistance, tmpPos);
             if (s.firstFrameRef.current) {
                 s.lastPosRef.current.copy(result.worldPos);
                 s.firstFrameRef.current = false;
@@ -83,6 +85,8 @@ const CursorEffects = ({ effects = [] }) => {
         if (!s)
             return null;
         const shared = {
+            onObjectReady,
+            onObjectDispose,
             worldPosRef: s.worldPosRef,
             velocityRef: s.velocityRef,
             hoverRef: s.hoverRef,

package/dist/components/cursor/FerrofluidCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FerrofluidCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/FerrofluidCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAgGvE,CAAC;AACF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FerrofluidCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/FerrofluidCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAiGvE,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/dist/components/cursor/FerrofluidCursor.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-const FerrofluidCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, }) => {
+const FerrofluidCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
     const groupRef = useRef(null);
+    useObjectReady(groupRef, config, onObjectReady, onObjectDispose);
     // Base sphere geometry (kept for original vertex positions)
     const { geometry, basePositions } = useMemo(() => {
         const baseRadius = 0.15 * config.scale;

package/dist/components/cursor/GlyphRingCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlyphRingCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/GlyphRingCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyE1D,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CA8CrE,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"GlyphRingCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/GlyphRingCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyE1D,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CA+CrE,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/cursor/GlyphRingCursor.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -73,8 +74,9 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const GlyphRingCursor = ({ config, worldPosRef, hoverRef, idleMsRef, }) => {
+const GlyphRingCursor = ({ config, worldPosRef, hoverRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const { camera } = useThree();
     const hoverSmooth = useRef(0);
     const radius = Math.max(0.3, config.ringRadius * config.scale);

package/dist/components/cursor/LightningCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightningCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/LightningCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAsBrE,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LightningCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/LightningCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAuBrE,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/cursor/LightningCursor.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import LightningEffect from '../effects/LightningEffect.js';
-const LightningCursor = ({ config, worldPosRef, }) => {
+const LightningCursor = ({ config, worldPosRef, onObjectReady, onObjectDispose, }) => {
     const groupRef = useRef(null);
+    useObjectReady(groupRef, config, onObjectReady, onObjectDispose);
     const lightningConfig = useMemo(() => ({
         enabled: true,
         intensity: config.intensity,

package/dist/components/cursor/LiquidMetalCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiquidMetalCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/LiquidMetalCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAuDzE,CAAC;AACF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"LiquidMetalCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/LiquidMetalCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAwDzE,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/dist/components/cursor/LiquidMetalCursor.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-const LiquidMetalCursor = ({ config, worldPosRef, velocityRef, }) => {
+const LiquidMetalCursor = ({ config, worldPosRef, velocityRef, onObjectReady, onObjectDispose, }) => {
     const groupRef = useRef(null);
+    useObjectReady(groupRef, config, onObjectReady, onObjectDispose);
     const meshRef = useRef(null);
     const geometry = useMemo(() => new THREE.IcosahedronGeometry(0.18, 4), []);
     const basePositions = useMemo(() => {

package/dist/components/cursor/OrbCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrbCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/OrbCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CA0BzD,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"OrbCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/OrbCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CA2BzD,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/components/cursor/OrbCursor.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import OrbEffect from '../effects/OrbEffect.js';
-const OrbCursor = ({ config, worldPosRef, idleMsRef, }) => {
+const OrbCursor = ({ config, worldPosRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
     const groupRef = useRef(null);
+    useObjectReady(groupRef, config, onObjectReady, onObjectDispose);
     const orbConfig = useMemo(() => ({
         enabled: true,
         intensity: config.intensity,

package/dist/components/cursor/PlasmaWhipCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlasmaWhipCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/PlasmaWhipCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAiE1D,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAiEvE,CAAC;AACF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PlasmaWhipCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/PlasmaWhipCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAiE1D,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAkEvE,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/dist/components/cursor/PlasmaWhipCursor.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -65,7 +66,7 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const PlasmaWhipCursor = ({ config, worldPosRef, hoverRef, idleMsRef, }) => {
+const PlasmaWhipCursor = ({ config, worldPosRef, hoverRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
     const N = Math.min(MAX_POINTS, Math.max(4, config.pointCount));
     const history = useMemo(() => {
         const arr = [];
@@ -74,6 +75,7 @@ const PlasmaWhipCursor = ({ config, worldPosRef, hoverRef, idleMsRef, }) => {
         return arr;
     }, []);
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const geometryRef = useRef(null);
     const firstFrame = useRef(true);
     const material = useMemo(() => new THREE.ShaderMaterial({

package/dist/components/cursor/SparklesCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparklesCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/SparklesCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkC1D,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAiHnE,CAAC;AACF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SparklesCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/SparklesCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkC1D,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAmHnE,CAAC;AACF,eAAe,cAAc,CAAC"}

package/dist/components/cursor/SparklesCursor.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -34,7 +35,7 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const SparklesCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, }) => {
+const SparklesCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
     const positions = useMemo(() => new Float32Array(MAX_PARTICLES * 3), []);
     const velocities = useMemo(() => new Float32Array(MAX_PARTICLES * 3), []);
     const ages = useMemo(() => new Float32Array(MAX_PARTICLES), []);
@@ -77,6 +78,8 @@ const SparklesCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef,
     }, [geometry, material]);
     const lastSpawnPos = useRef(new THREE.Vector3());
     const spawnAccum = useRef(0);
+    const rootRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     const firstFrame = useRef(true);
     useFrame((_, delta) => {
         const wp = worldPosRef.current;
@@ -146,6 +149,6 @@ const SparklesCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef,
         geometry.attributes.position.needsUpdate = true;
         geometry.attributes.aAge.needsUpdate = true;
     });
-    return _jsx("points", { geometry: geometry, material: material, frustumCulled: false });
+    return _jsx("points", { ref: rootRef, geometry: geometry, material: material, frustumCulled: false });
 };
 export default SparklesCursor;

package/dist/components/cursor/TeslaCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeslaCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/TeslaCursor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwF1D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAmI7D,CAAC;AACF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TeslaCursor.d.ts","sourceRoot":"","sources":["../../../src/components/cursor/TeslaCursor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqF1D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAsI7D,CAAC;AACF,eAAe,WAAW,CAAC"}

package/dist/components/cursor/TeslaCursor.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useObjectReady } from '../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
 const MAX_HISTORY = 36;
 const TUBULAR_RES = 120;
 const RADIAL_RES = 6;
-// ── Source point shader ─────────────────────────────────────────────────────
 const sourceVertex = /* glsl */ `
   uniform float uSize;
   uniform float uShine;
@@ -34,9 +34,6 @@ const sourceFragment = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-// ── Tesla bolt shader ───────────────────────────────────────────────────────
-// vUv.x: 0 at tail, 1 at source (cursor). uv.y wraps the tube.
-// Energy packets travel from source (1) toward tail (0).
 const trailVertex = /* glsl */ `
   varying vec2 vUv;
   void main() {
@@ -88,8 +85,9 @@ const trailFragment = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const TeslaCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, }) => {
-    // ── Source point ─────────────────────────────────────────────────────────
+const TeslaCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, onObjectReady, onObjectDispose, }) => {
+    const ref = useRef(null);
+    useObjectReady(ref, config, onObjectReady, onObjectDispose);
     const sourceGeom = useMemo(() => {
         const g = new THREE.BufferGeometry();
         g.setAttribute('position', new THREE.BufferAttribute(new Float32Array([0, 0, 0]), 3));
@@ -108,7 +106,6 @@ const TeslaCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, })
         depthWrite: false,
         blending: THREE.AdditiveBlending,
     }), []);
-    // ── Trail tube ───────────────────────────────────────────────────────────
     const trailMeshRef = useRef(null);
     const trailGeomRef = useRef(null);
     const trailMat = useMemo(() => new THREE.ShaderMaterial({
@@ -218,6 +215,6 @@ const TeslaCursor = ({ config, worldPosRef, velocityRef, hoverRef, idleMsRef, })
             trailGeomRef.current.dispose();
         trailGeomRef.current = newGeo;
     });
-    return (_jsxs(_Fragment, { children: [_jsx("points", { geometry: sourceGeom, material: sourceMat, frustumCulled: false }), _jsx("mesh", { ref: trailMeshRef, material: trailMat, frustumCulled: false })] }));
+    return (_jsxs("group", { ref: ref, children: [_jsx("points", { geometry: sourceGeom, material: sourceMat, frustumCulled: false }), _jsx("mesh", { ref: trailMeshRef, material: trailMat, frustumCulled: false })] }));
 };
 export default TeslaCursor;

package/dist/components/cursor/clickActions/BoltFlashAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { ClickActionConfig } from "@3driseai/3drise-core";
-interface BoltFlashActionProps {
+interface BoltFlashActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: ClickActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/BoltFlashAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoltFlashAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/BoltFlashAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,UAAU,oBAAoB;IAC1B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA6BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8BnD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BoltFlashAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/BoltFlashAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,UAAU,oBAAqB,SAAQ,gBAAgB;IACnD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA6BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgCnD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/cursor/clickActions/BoltFlashAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -28,8 +29,10 @@ const vertexShader = /* glsl */ `
     gl_Position = projectionMatrix * mv;
   }
 `;
-const BoltFlashAction = ({ worldPos, config, onDone }) => {
+const BoltFlashAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
+    const rootRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     const { geometry, material } = useMemo(() => {
         const g = new THREE.BufferGeometry();
         g.setAttribute('position', new THREE.BufferAttribute(new Float32Array([0, 0, 0]), 3));
@@ -57,6 +60,6 @@ const BoltFlashAction = ({ worldPos, config, onDone }) => {
         if (p >= 1)
             onDone();
     });
-    return _jsx("points", { position: worldPos, geometry: geometry, material: material, frustumCulled: false });
+    return _jsx("points", { ref: rootRef, position: worldPos, geometry: geometry, material: material, frustumCulled: false });
 };
 export default BoltFlashAction;

package/dist/components/cursor/clickActions/GlyphInscriptionAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { GlyphInscriptionActionConfig } from "@3driseai/3drise-core";
-interface GlyphInscriptionActionProps {
+interface GlyphInscriptionActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: GlyphInscriptionActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/GlyphInscriptionAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlyphInscriptionAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/GlyphInscriptionAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAC1E,UAAU,2BAA2B;IACjC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,4BAA4B,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA6ED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkCjE,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"GlyphInscriptionAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/GlyphInscriptionAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAC1E,UAAU,2BAA4B,SAAQ,gBAAgB;IAC1D,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,4BAA4B,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA6ED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmCjE,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/dist/components/cursor/clickActions/GlyphInscriptionAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -76,9 +77,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const GlyphInscriptionAction = ({ worldPos, config, onDone }) => {
+const GlyphInscriptionAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const { camera, clock } = useThree();
     const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2, 1, 1), []);
     const material = useMemo(() => new THREE.ShaderMaterial({

package/dist/components/cursor/clickActions/ImplosionAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { ImplosionActionConfig } from "@3driseai/3drise-core";
-interface ImplosionActionProps {
+interface ImplosionActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: ImplosionActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/ImplosionAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImplosionAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/ImplosionAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,UAAU,oBAAoB;IAC1B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA0DD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgCnD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ImplosionAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/ImplosionAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,UAAU,oBAAqB,SAAQ,gBAAgB;IACnD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA0DD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiCnD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/cursor/clickActions/ImplosionAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -57,9 +58,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const ImplosionAction = ({ worldPos, config, onDone }) => {
+const ImplosionAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const { camera } = useThree();
     const size = (config.scale ?? 1) * 2.5;
     const geometry = useMemo(() => new THREE.PlaneGeometry(size, size, 1, 1), [size]);

package/dist/components/cursor/clickActions/PhaseShiftAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { PhaseShiftActionConfig } from "@3driseai/3drise-core";
-interface PhaseShiftActionProps {
+interface PhaseShiftActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: PhaseShiftActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/PhaseShiftAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhaseShiftAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/PhaseShiftAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAsCD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8BrD,CAAC;AACF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PhaseShiftAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/PhaseShiftAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,UAAU,qBAAsB,SAAQ,gBAAgB;IACpD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAsCD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgCrD,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/dist/components/cursor/clickActions/PhaseShiftAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -37,8 +38,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col * (1.0 + fade * 0.4), alpha);
   }
 `;
-const PhaseShiftAction = ({ worldPos, config, onDone }) => {
+const PhaseShiftAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
+    const rootRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     const { clock } = useThree();
     const geometry = useMemo(() => new THREE.SphereGeometry(1, 36, 24), []);
     const material = useMemo(() => new THREE.ShaderMaterial({
@@ -66,6 +69,6 @@ const PhaseShiftAction = ({ worldPos, config, onDone }) => {
         if (p >= 1)
             onDone();
     });
-    return _jsx("mesh", { position: worldPos, geometry: geometry, material: material });
+    return _jsx("mesh", { ref: rootRef, position: worldPos, geometry: geometry, material: material });
 };
 export default PhaseShiftAction;

package/dist/components/cursor/clickActions/PlasmaBombAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { PlasmaBombActionConfig } from "@3driseai/3drise-core";
-interface PlasmaBombActionProps {
+interface PlasmaBombActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: PlasmaBombActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/PlasmaBombAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlasmaBombAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/PlasmaBombAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA+DD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgCrD,CAAC;AACF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PlasmaBombAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/PlasmaBombAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,UAAU,qBAAsB,SAAQ,gBAAgB;IACpD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA+DD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkCrD,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/dist/components/cursor/clickActions/PlasmaBombAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -62,8 +63,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(plasma * (1.0 + corona * 0.5), alpha);
   }
 `;
-const PlasmaBombAction = ({ worldPos, config, onDone }) => {
+const PlasmaBombAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
+    const rootRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     const { clock } = useThree();
     const tubeRadius = (config.ringWidth ?? 0.08);
     const geometry = useMemo(() => new THREE.TorusGeometry(1, tubeRadius, 16, 96), [tubeRadius]);
@@ -93,6 +96,6 @@ const PlasmaBombAction = ({ worldPos, config, onDone }) => {
         if (p >= 1)
             onDone();
     });
-    return (_jsx("mesh", { position: worldPos, rotation: [-Math.PI / 2, 0, 0], geometry: geometry, material: material }));
+    return (_jsx("mesh", { ref: rootRef, position: worldPos, rotation: [-Math.PI / 2, 0, 0], geometry: geometry, material: material }));
 };
 export default PlasmaBombAction;

package/dist/components/cursor/clickActions/RealityTearAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { RealityTearActionConfig } from "@3driseai/3drise-core";
-interface RealityTearActionProps {
+interface RealityTearActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: RealityTearActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/RealityTearAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RealityTearAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/RealityTearAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,uBAAuB,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAgDD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyCvD,CAAC;AACF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"RealityTearAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/RealityTearAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,UAAU,sBAAuB,SAAQ,gBAAgB;IACrD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,uBAAuB,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAgDD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0CvD,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/dist/components/cursor/clickActions/RealityTearAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -47,9 +48,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const RealityTearAction = ({ worldPos, config, onDone }) => {
+const RealityTearAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const { camera, clock } = useThree();
     const tearWidth = config.tearWidth ?? 1.6;
     const tearHeight = config.scale ?? 1;

package/dist/components/cursor/clickActions/ShockwaveAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { ClickActionConfig } from "@3driseai/3drise-core";
-export interface ShockwaveActionProps {
+export interface ShockwaveActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: ClickActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/ShockwaveAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShockwaveAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/ShockwaveAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4BnD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ShockwaveAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/ShockwaveAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC1D,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8BnD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/components/cursor/clickActions/ShockwaveAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -23,8 +24,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const ShockwaveAction = ({ worldPos, config, onDone }) => {
+const ShockwaveAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
+    const rootRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     const geometry = useMemo(() => new THREE.TorusGeometry(1, 0.04, 8, 80), []);
     const material = useMemo(() => new THREE.ShaderMaterial({
         uniforms: {
@@ -50,6 +53,6 @@ const ShockwaveAction = ({ worldPos, config, onDone }) => {
         if (p >= 1)
             onDone();
     });
-    return (_jsx("mesh", { position: worldPos, rotation: [-Math.PI / 2, 0, 0], geometry: geometry, material: material }));
+    return (_jsx("mesh", { ref: rootRef, position: worldPos, rotation: [-Math.PI / 2, 0, 0], geometry: geometry, material: material }));
 };
 export default ShockwaveAction;

package/dist/components/cursor/clickActions/SparklesBurstAction.d.ts

@@ -1,7 +1,8 @@
+import type { ObjectReadyProps } from '../../../types/objectReady';
 import * as THREE from 'three';
 import React from "react";
 import type { SparklesBurstActionConfig } from "@3driseai/3drise-core";
-interface SparklesBurstActionProps {
+interface SparklesBurstActionProps extends ObjectReadyProps {
     worldPos: THREE.Vector3;
     config: SparklesBurstActionConfig;
     onDone: () => void;

package/dist/components/cursor/clickActions/SparklesBurstAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparklesBurstAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/SparklesBurstAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA8DD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkC3D,CAAC;AACF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SparklesBurstAction.d.ts","sourceRoot":"","sources":["../../../../src/components/cursor/clickActions/SparklesBurstAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,UAAU,wBAAyB,SAAQ,gBAAgB;IACvD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AA8DD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmC3D,CAAC;AACF,eAAe,mBAAmB,CAAC"}

package/dist/components/cursor/clickActions/SparklesBurstAction.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useObjectReady } from '../../../hooks/useObjectReady.js';
 import { useEffect, useMemo, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import * as THREE from 'three';
@@ -61,9 +62,10 @@ const fragmentShader = /* glsl */ `
     gl_FragColor = vec4(col, alpha);
   }
 `;
-const SparklesBurstAction = ({ worldPos, config, onDone }) => {
+const SparklesBurstAction = ({ worldPos, config, onDone, onObjectReady, onObjectDispose }) => {
     const startRef = useRef(null);
     const meshRef = useRef(null);
+    useObjectReady(meshRef, config, onObjectReady, onObjectDispose);
     const { camera, clock } = useThree();
     const size = (config.scale ?? 1) * 2.5;
     const geometry = useMemo(() => new THREE.PlaneGeometry(size, size, 1, 1), [size]);