@ntalmagor/3drize-viewer 0.1.14 → 0.1.16

package/dist/components/AnimatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedObject.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,iBAAiB,CAAC;IACtC,aAAa,EAAE,qBAAqB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACjH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAE3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6JvD,CAAC;AAGH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AnimatedObject.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,iBAAiB,CAAC;IACtC,aAAa,EAAE,qBAAqB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACjH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAE3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+JvD,CAAC;AAGH,eAAe,cAAc,CAAC"}

package/dist/components/AnimatedObject.js

@@ -1,10 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback, memo } from 'react';
-import { useFrame } from '@react-three/fiber';
-import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 import { usePathAnimation } from '../hooks/usePathAnimation.js';
-import { AnimationsManager } from '@ntalmagor/3drize-core';
-import { applyAnchorSettings } from '../utils/anchorUtils.js';
 import EffectsGroup from './EffectsGroup.js';
 import { useObjectAnimation } from '../hooks/useObjectAnimation.js';
 export const AnimatedObject = memo(({ stateKey, transitionSettings, createdObject, 
@@ -47,74 +43,79 @@ visible = true, children, parentRef, handleObjectClick, onPointerEnter, onPointe
             animProgress.current = 0;
     }, [position, scale, rotation, targetPosition, targetScale, targetRotation]);
     useEffect(() => { syncTransform(); }, [position, scale, rotation, targetPosition, targetScale, targetRotation]);
-    useAnimationEvents({
-        onStepStart: (event) => {
-            if (!event.step?.transitions)
-                return;
-            const d = event.step.duration || 1;
-            for (const { state, properties, pathId } of event.step.transitions) {
-                if (state !== stateKey)
-                    continue;
-                if (properties.to.visible === false) {
-                    if (groupRef.current)
-                        groupRef.current.visible = false;
-                }
-                else {
-                    if (groupRef.current)
-                        groupRef.current.visible = true;
-                    stepDuration.current = d;
-                    stepEase.current = event.step.ease || 'linear';
-                    animationStartTime.current = performance.now();
-                    animProgress.current = 0;
-                    if (pathId) {
-                        startPathAnimation(pathId, d, { ease: stepEase.current });
-                    }
-                    else {
-                        const cur = targetRef.current;
-                        baseRef.current = {
-                            position: (properties.from?.position ? [...properties.from.position] : cur.position),
-                            rotation: (properties.from?.rotation ? [...properties.from.rotation] : cur.rotation),
-                            scale: (properties.from?.scale ? [...properties.from.scale] : cur.scale),
-                        };
-                        targetRef.current = {
-                            position: (properties.to?.position ? [...properties.to.position] : cur.position),
-                            rotation: (properties.to?.rotation ? [...properties.to.rotation] : cur.rotation),
-                            scale: (properties.to?.scale ? [...properties.to.scale] : cur.scale),
-                        };
-                    }
-                }
-            }
-        },
-    });
-    const applyTransformProgress = useCallback(() => {
-        const obj = groupRef.current;
-        if (!obj || animationStartTime.current === null)
-            return;
-        const p = AnimationsManager.getProgressFromTime(animationStartTime.current, stepDuration.current, stepEase.current);
-        animProgress.current = p;
-        const b = baseRef.current, t = targetRef.current;
-        obj.position.set(b.position[0] + (t.position[0] - b.position[0]) * p, b.position[1] + (t.position[1] - b.position[1]) * p, b.position[2] + (t.position[2] - b.position[2]) * p);
-        obj.scale.set(b.scale[0] + (t.scale[0] - b.scale[0]) * p, b.scale[1] + (t.scale[1] - b.scale[1]) * p, b.scale[2] + (t.scale[2] - b.scale[2]) * p);
-        obj.rotation.set(b.rotation[0] + (t.rotation[0] - b.rotation[0]) * p, b.rotation[1] + (t.rotation[1] - b.rotation[1]) * p, b.rotation[2] + (t.rotation[2] - b.rotation[2]) * p);
-    }, []);
-    useFrame((_state, delta) => {
-        if (!visible || !groupRef.current)
-            return;
-        if (animProgress.current < 1) {
-            if (isPathAnimating()) {
-                const still = updatePathAnimation(delta, groupRef.current);
-                if (!still) {
-                    animProgress.current = 1;
-                    animationStartTime.current = null;
-                }
-            }
-            else if (animationStartTime.current !== null) {
-                applyTransformProgress();
-            }
-        }
-        if (anchor)
-            applyAnchorSettings(anchor, groupRef.current, rotation);
-    });
+    // useAnimationEvents({
+    //   onStepStart: (event) => {
+    //     console.log('Received animation event:', event);
+    //     if (!event.step?.transitions) return;
+    //     const d = event.step.duration || 1;
+    //     for (const { state, properties, pathId } of event.step.transitions) {
+    //       console.log(`Animation event for state: ${state}, object stateKey: ${stateKey}`);
+    //       if (state !== stateKey) continue;
+    //       if (properties.to.visible === false) {
+    //         if (groupRef.current) groupRef.current.visible = false;
+    //       } else {
+    //         if (groupRef.current) groupRef.current.visible = true;
+    //         stepDuration.current = d;
+    //         stepEase.current = event.step.ease || 'linear';
+    //         animationStartTime.current = performance.now();
+    //         animProgress.current = 0;
+    //         if (pathId) {
+    //           startPathAnimation(pathId, d, { ease: stepEase.current });
+    //         } else {
+    //           const cur = targetRef.current;
+    //           baseRef.current   = {
+    //             position: (properties.from?.position ? [...properties.from.position] : cur.position) as [number, number, number],
+    //             rotation: (properties.from?.rotation ? [...properties.from.rotation] : cur.rotation) as [number, number, number],
+    //             scale:    (properties.from?.scale    ? [...properties.from.scale]    : cur.scale)    as [number, number, number],
+    //           };
+    //           targetRef.current = {
+    //             position: (properties.to?.position ? [...properties.to.position] : cur.position) as [number, number, number],
+    //             rotation: (properties.to?.rotation ? [...properties.to.rotation] : cur.rotation) as [number, number, number],
+    //             scale:    (properties.to?.scale    ? [...properties.to.scale]    : cur.scale)    as [number, number, number],
+    //           };
+    //         }
+    //       }
+    //     }
+    //   },
+    // });
+    // const applyTransformProgress = useCallback(() => {
+    //   const obj = groupRef.current;
+    //   if (!obj || animationStartTime.current === null) return;
+    //   const p = AnimationsManager.getProgressFromTime(
+    //     animationStartTime.current,
+    //     stepDuration.current,
+    //     stepEase.current,
+    //   );
+    //   animProgress.current = p;
+    //   const b = baseRef.current, t = targetRef.current;
+    //   obj.position.set(
+    //     b.position[0] + (t.position[0] - b.position[0]) * p,
+    //     b.position[1] + (t.position[1] - b.position[1]) * p,
+    //     b.position[2] + (t.position[2] - b.position[2]) * p,
+    //   );
+    //   obj.scale.set(
+    //     b.scale[0] + (t.scale[0] - b.scale[0]) * p,
+    //     b.scale[1] + (t.scale[1] - b.scale[1]) * p,
+    //     b.scale[2] + (t.scale[2] - b.scale[2]) * p,
+    //   );
+    //   obj.rotation.set(
+    //     b.rotation[0] + (t.rotation[0] - b.rotation[0]) * p,
+    //     b.rotation[1] + (t.rotation[1] - b.rotation[1]) * p,
+    //     b.rotation[2] + (t.rotation[2] - b.rotation[2]) * p,
+    //   );
+    // }, []);
+    // useFrame((_state, delta) => {
+    //   if (!visible || !groupRef.current) return;
+    //   if (animProgress.current < 1) {
+    //     if (isPathAnimating()) {
+    //       const still = updatePathAnimation(delta, groupRef.current);
+    //       if (!still) { animProgress.current = 1; animationStartTime.current = null; }
+    //     } else if (animationStartTime.current !== null) {
+    //       applyTransformProgress();
+    //     }
+    //   }
+    //   if (anchor) applyAnchorSettings(anchor, groupRef.current, rotation);
+    // });
     const onClick = (e) => {
         if (handleObjectClick && groupRef.current) {
             handleObjectClick(createdObject, groupRef.current, e);

package/dist/components/CreatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAe,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAOjH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAElH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiK9C,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAG,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAOrG,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAElH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiK9C,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/CreatedObject.js

@@ -7,7 +7,6 @@ import { RigidBody } from '@react-three/rapier';
 import { cameraManager } from "../utils/CameraSingleton.js";
 import AnimatedObject from "./AnimatedObject.js";
 import { useFrameEffects } from "../hooks/useFrameEffects.js";
-// import { useSceneClick } from "~/contextProviders/SceneClickContext";
 import { useObjectEdges } from "../hooks/useObjectEdges.js";
 const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial = true, onObjectReady, handleObjectClick, }) => {
     const isSelected = false;

package/dist/components/CustomPrimitive.d.ts

@@ -1,11 +1,9 @@
 import React from "react";
-import { type CameraState, type CreatedObjectSettings } from "@ntalmagor/3drize-core";
+import { type CreatedObjectSettings } from "@ntalmagor/3drize-core";
 import { Object3D } from "three";
 import { type ThreeEvent } from '@react-three/fiber';
 interface CustomPrimitiveProps {
     createdObject: CreatedObjectSettings;
-    cameraSettings: CameraState;
-    updateObjectSettings?: (updatedSettings: CreatedObjectSettings) => void;
     onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void;
     handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }

package/dist/components/CustomPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/CustomPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAI5B,MAAM,wBAAwB,CAAC;AAIxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,qBAAqB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAA;IAC3B,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuHlD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CustomPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/CustomPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAoB,KAAK,qBAAqB,EAI5B,MAAM,wBAAwB,CAAC;AAIxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,qBAAqB,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqHlD,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/components/CustomPrimitive.js

@@ -8,7 +8,7 @@ import MaterialLibrary from "./MaterialLibrary.js";
 // import type { AnimatedTransform } from "~/types/mesh";
 import CreatedObject from "./CreatedObject.js";
 import { useFrameEffects } from "../hooks/useFrameEffects.js";
-const CustomPrimitive = memo(({ createdObject, cameraSettings, updateObjectSettings, onObjectReady, handleObjectClick, }) => {
+const CustomPrimitive = memo(({ createdObject, onObjectReady, handleObjectClick, }) => {
     // const { handleObjectClick } = useSceneClick();
     // console.log("Rendering CustomPrimitive with settings:", createdObject.name, createdObject);
     const meshRef = useRef(null);

package/dist/components/ObjectNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAEpL,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAkDF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyJzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAEpL,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAkDF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsJzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -23,9 +23,9 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
     // Specialized renderers for each object type
     const renderers = useMemo(() => ({
         group: () => null,
-        mesh: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
-        model: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
-        custom_primitive: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
+        mesh: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
+        model: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
+        custom_primitive: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
         text: (obj, cameraSettings, onObjectReady) => {
             const renderMode = obj.config?.renderMode ?? 'bitmap';
             return (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: renderMode === 'text3d'

package/dist/components/ObjectNodeApi.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Object3D } from 'three';
+import type { CameraState, CreatedObjectSettings } from '@ntalmagor/3drize-core';
+import { type ThreeEvent } from '@react-three/fiber';
+type ObjectNodeApiProps = {
+    objectId: string;
+    cameraSettings: CameraState;
+    onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void;
+    handleObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
+};
+declare const ObjectNodeApi: React.FC<ObjectNodeApiProps>;
+export default ObjectNodeApi;
+//# sourceMappingURL=ObjectNodeApi.d.ts.map

package/dist/components/ObjectNodeApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectNodeApi.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNodeApi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAkB,MAAM,wBAAwB,CAAC;AACjG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,KAAK,kBAAkB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ObjectNodeApi.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+// import { apiFetch } from '../utils/apiFetch';
+import ObjectNode from './ObjectNode.js';
+import { dataCenterServer } from '../constants.js';
+const ObjectNodeApi = ({ objectId, cameraSettings, onObjectReady, handleObjectClick }) => {
+    const [node, setNode] = useState(null);
+    useEffect(() => {
+        fetch(`${dataCenterServer}scene-objects/${objectId}/tree`)
+            .then(res => res.ok ? res.json() : Promise.reject(res.status))
+            .then(({ tree }) => setNode(tree))
+            .catch(err => console.error('Failed to fetch scene object tree:', err));
+    }, [objectId]);
+    if (!node)
+        return null;
+    return (_jsx(ObjectNode, { node: node, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }));
+};
+export default ObjectNodeApi;

package/dist/components/ObjectsRenderer.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import { Object3D } from 'three';
 import { type ThreeEvent } from '@react-three/fiber';
-import { GeneralObjectSettings, type CameraState, type CreatedObjectSettings } from '@ntalmagor/3drize-core';
+import { AnimationSequence, GeneralObjectSettings, type CameraState, type CreatedObjectSettings } from '@ntalmagor/3drize-core';
 interface ObjectsRendererProps {
     cameraSettings: CameraState;
     generalObjectSettings: GeneralObjectSettings;
     createdObjects: CreatedObjectSettings[];
     onObjectsReady?: () => void;
     handleObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
+    sequences?: AnimationSequence[];
 }
 declare const ObjectsRenderer: React.FC<ObjectsRendererProps>;
 export default ObjectsRenderer;

package/dist/components/ObjectsRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmB,qBAAqB,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAO9H,UAAU,oBAAoB;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3G;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgClD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAmB,qBAAqB,EAAe,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQ9J,UAAU,oBAAoB;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4DlD,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/components/ObjectsRenderer.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useRef, useCallback, useMemo } from 'react';
 import { buildObjectTree } from '@ntalmagor/3drize-core';
 import ObjectNode from './ObjectNode.js';
-const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSettings, onObjectsReady, handleObjectClick }) => {
+import useInteraction from '../hooks/useInteraction.js';
+const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSettings, onObjectsReady, handleObjectClick, sequences = [], }) => {
     const groupRef = useRef(null);
     const objectsTree = useMemo(() => buildObjectTree(createdObjects), [createdObjects]);
     const readyObjectsCount = useRef(0);
@@ -13,7 +14,25 @@ const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSet
             onObjectsReady && onObjectsReady();
         }
     }, [objectsTree.length, onObjectsReady]);
-    return (_jsx("group", { ref: groupRef, name: "main-objects", position: generalObjectSettings.meshSettings.position, rotation: generalObjectSettings.meshSettings.rotation, scale: generalObjectSettings.meshSettings.scale, children: objectsTree.map(node => (_jsx(ObjectNode, { node: node, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, node.objectId))) }));
+    function filterInteractionsByEvent(interactions, mouseEvent) {
+        if (!interactions)
+            return [];
+        return interactions.filter((interaction) => interaction.mouseEvent === mouseEvent);
+    }
+    const { executeInteraction } = useInteraction({
+        cameraSettings,
+        sequences,
+    });
+    const handleObjectClickHandler = (createdObject, ref, event) => {
+        const clickInteractions = filterInteractionsByEvent(createdObject.interactions?.actions, "click");
+        clickInteractions.forEach((interaction) => {
+            executeInteraction({ interaction, ref, createdObject });
+        });
+        if (handleObjectClick) {
+            handleObjectClick(createdObject, ref, event);
+        }
+    };
+    return (_jsx("group", { ref: groupRef, name: "main-objects", position: generalObjectSettings.meshSettings.position, rotation: generalObjectSettings.meshSettings.rotation, scale: generalObjectSettings.meshSettings.scale, children: objectsTree.map(node => (_jsx(ObjectNode, { node: node, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClickHandler }, node.objectId))) }));
 });
 ObjectsRenderer.displayName = 'ObjectsRenderer';
 export default ObjectsRenderer;

package/dist/components/ProjectLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAA2C,MAAM,wBAAwB,CAAC;AAIhJ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyFzC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAA2C,MAAM,wBAAwB,CAAC;AAIhJ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiHzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProjectLoader.js

@@ -8,6 +8,9 @@ import { loadAssets } from "@ntalmagor/3drize-core";
 import { buildQueryString } from "@ntalmagor/3drize-core";
 import useMeshController from '../hooks/useMeshController.js';
 import LoadingIndicator from "./LoadingIndicator.js";
+// import type { HtmlElement } from "~/types/uiController";
+const PROJECT_LOADER_SOURCE = 'projectLoader';
+const PROJECT_LOADER_DEBUG_PREFIX = '[ProjectLoaderDebug]';
 const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized }) => {
     const [project, setProject] = useState(null);
     const meshController = useMeshController();
@@ -25,13 +28,26 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
     const loadProject = async (projectId, queryParams) => {
         try {
             const queryString = buildQueryString(queryParams);
-            const url = `${dataCenterServer}projects/${projectId}${queryString ? `?${queryString}` : ''}`;
+            const searchParams = new URLSearchParams(queryString);
+            searchParams.set('source', PROJECT_LOADER_SOURCE);
+            const url = `${dataCenterServer}projects/${projectId}?${searchParams.toString()}`;
+            console.log(PROJECT_LOADER_DEBUG_PREFIX, 'Fetching project', {
+                projectId,
+                queryParams,
+                url,
+            });
             const response = await fetch(url, {
                 method: "GET",
                 headers: {
                     "Content-Type": "application/json",
                 },
             });
+            console.log(PROJECT_LOADER_DEBUG_PREFIX, 'Received project response', {
+                projectId,
+                status: response.status,
+                ok: response.ok,
+                url,
+            });
             if (!response.ok) {
                 if (response.status === 404) {
                     throw new Error("Project not found");
@@ -39,6 +55,11 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
             const responseData = await response.json();
+            console.log(PROJECT_LOADER_DEBUG_PREFIX, 'Parsed project payload', {
+                projectId,
+                sceneObjectsCount: responseData.sceneObjects?.length || 0,
+                projectName: responseData.name,
+            });
             console.log("Loaded project:", responseData);
             const sceneObjects = responseData.sceneObjects || [];
             const modelObjects = sceneObjects.filter(obj => obj.type === 'model');
@@ -65,7 +86,10 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
             setProject(responseData);
         }
         catch (error) {
-            console.error("Error fetching project:", error);
+            console.error(PROJECT_LOADER_DEBUG_PREFIX, 'Error fetching project', {
+                projectId,
+                error,
+            });
         }
     };
     if (!project) {

package/dist/components/SceneBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAEV,iBAAiB,EAIlB,MAAM,wBAAwB,CAAC;AAWhC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAEV,iBAAiB,EAIlB,MAAM,wBAAwB,CAAC;AAWhC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0K7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SceneBuilder.js

@@ -10,7 +10,6 @@ import EnvironmentManager from "./EnvironmentManager.js";
 import CameraController from "./CameraController.js";
 import Ocean from "./Ocean.js";
 import ObjectsRenderer from "./ObjectsRenderer.js";
-import { useInteraction } from "../hooks/useInteraction.js";
 const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, className = "", onSceneInitialized, onUiElementClick, onObjectClick, }) => {
     const sceneSettings = (project.sceneSettingsData || {});
     const meshController = useMeshController();
@@ -84,24 +83,6 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
             onUiElementClick(element);
         }
     };
-    function filterInteractionsByEvent(interactions, mouseEvent) {
-        if (!interactions)
-            return [];
-        return interactions.filter((interaction) => interaction.mouseEvent === mouseEvent);
-    }
-    const { executeInteraction } = useInteraction({
-        cameraSettings: camera,
-        sequences: animationSequences,
-    });
-    const handleObjectClickHandler = (createdObject, ref, event) => {
-        const clickInteractions = filterInteractionsByEvent(createdObject.interactions?.actions, "click");
-        clickInteractions.forEach((interaction) => {
-            executeInteraction({ interaction, ref, createdObject });
-        });
-        if (onObjectClick) {
-            onObjectClick(createdObject, ref, event);
-        }
-    };
     return (_jsx("div", { className: className, style: containerStyle, children: _jsx(Canvas, { style: {
                 backgroundColor: backgroundColor,
             }, shadows: shadows, dpr: dpr, gl: {
@@ -121,6 +102,6 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
                 if (onSceneInitialized) {
                     onSceneInitialized();
                 }
-            }, children: _jsxs(ProductionScene, { physicsSettings: physicsSettings, controls: controls, children: [_jsx(LightsManager, { lights: project.lights || [] }), _jsx(EnvironmentManager, { hdrSettings: environment.hdr, timeSettings: timeSettings, visible: true, sunSystemVisible: environment.sky.sunSystem.visible, sunSize: environment.sky.sunSystem.sunSize, moonSize: environment.sky.sunSystem.moonSize, sunIntensity: environment.sky.sunSystem.intensity, castShadow: environment.sky.sunSystem.castShadow, shadowMapSize: environment.sky.sunSystem.shadowMapSize, starsSettings: environment.stars, skyControllerSettings: environment.sky.visible && !environment.sky.sunSystem.visible ? environment.sky : undefined, cloudsSettings: environment.clouds, cloudsMaterialSettings: environment.clouds.materialSettings, rainSettings: environment.rain, fogSettings: environment.fog }), _jsx(CameraController, { settings: camera }), _jsx(Ocean, { settings: environment.ocean }), _jsx(ObjectsRenderer, { cameraSettings: camera, generalObjectSettings: generalObjectSettings, createdObjects: sceneObjects, onObjectsReady: undefined, handleObjectClick: handleObjectClickHandler })] }) }) }));
+            }, children: _jsxs(ProductionScene, { physicsSettings: physicsSettings, controls: controls, children: [_jsx(LightsManager, { lights: project.lights || [] }), _jsx(EnvironmentManager, { hdrSettings: environment.hdr, timeSettings: timeSettings, visible: true, sunSystemVisible: environment.sky.sunSystem.visible, sunSize: environment.sky.sunSystem.sunSize, moonSize: environment.sky.sunSystem.moonSize, sunIntensity: environment.sky.sunSystem.intensity, castShadow: environment.sky.sunSystem.castShadow, shadowMapSize: environment.sky.sunSystem.shadowMapSize, starsSettings: environment.stars, skyControllerSettings: environment.sky.visible && !environment.sky.sunSystem.visible ? environment.sky : undefined, cloudsSettings: environment.clouds, cloudsMaterialSettings: environment.clouds.materialSettings, rainSettings: environment.rain, fogSettings: environment.fog }), _jsx(CameraController, { settings: camera }), _jsx(Ocean, { settings: environment.ocean }), _jsx(ObjectsRenderer, { cameraSettings: camera, generalObjectSettings: generalObjectSettings, createdObjects: sceneObjects, onObjectsReady: undefined, sequences: animationSequences, handleObjectClick: onObjectClick ? (object, ref, event) => onObjectClick(object, ref, event) : undefined })] }) }) }));
 };
 export default SceneBuilder;

package/dist/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const dataCenterServer = "https://3d-rise.com/api/data/";
+export declare const dataCenterServer: string;
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,kCAAkC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,QAEG,CAAC"}

package/dist/constants.js

@@ -1 +1,7 @@
-export const dataCenterServer = 'https://3d-rise.com/api/data/';
+const LOCAL_DATA_CENTER_SERVER = 'http://localhost:3001/api/data/';
+const PRODUCTION_DATA_CENTER_SERVER = 'https://3d-rise.com/api/data/';
+const isLocalHostRuntime = typeof window !== 'undefined' &&
+    (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1');
+export const dataCenterServer = isLocalHostRuntime
+    ? LOCAL_DATA_CENTER_SERVER
+    : PRODUCTION_DATA_CENTER_SERVER;

package/dist/hooks/useAnimationEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimationEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimationEvents.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEhF,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAI,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAM,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAQ,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,sBAAsB,SA0BlE,CAAC"}
+{"version":3,"file":"useAnimationEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimationEvents.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAUhF,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAI,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAM,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAQ,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,sBAAsB,SA0ClE,CAAC"}

package/dist/hooks/useAnimationEvents.js

@@ -1,10 +1,30 @@
 import { useEffect, useRef } from 'react';
 import { AnimationsManager } from '@ntalmagor/3drize-core';
+const DEBUG_ANIMATION_EVENTS = false;
+const debugLog = (...args) => {
+    if (DEBUG_ANIMATION_EVENTS) {
+        console.log('[useAnimationEvents]', ...args);
+    }
+};
 export const useAnimationEvents = (handlers) => {
     const ref = useRef(handlers);
     ref.current = handlers;
     useEffect(() => {
-        const wrap = (key) => (event) => ref.current[key]?.(event);
+        debugLog('subscribing', {
+            sequenceStart: !!handlers.onSequenceStart,
+            sequenceEnd: !!handlers.onSequenceEnd,
+            stepStart: !!handlers.onStepStart,
+            stepEnd: !!handlers.onStepEnd,
+        });
+        const wrap = (key) => (event) => {
+            debugLog('event received', {
+                key,
+                sequenceId: event.sequenceId,
+                stepIndex: event.stepIndex,
+                transitionCount: event.step?.transitions?.length ?? 0,
+            });
+            ref.current[key]?.(event);
+        };
         const ss = wrap('onSequenceStart');
         const se = wrap('onSequenceEnd');
         const ts = wrap('onStepStart');
@@ -18,6 +38,7 @@ export const useAnimationEvents = (handlers) => {
         if (handlers.onStepEnd)
             AnimationsManager.on('stepEnd', te);
         return () => {
+            debugLog('unsubscribing');
             AnimationsManager.off('sequenceStart', ss);
             AnimationsManager.off('sequenceEnd', se);
             AnimationsManager.off('stepStart', ts);

package/dist/hooks/useObjectAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useObjectAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useObjectAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,qBAAqB,EAAY,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAwB,KAAK,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAyB,KAAK,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAGlG,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,wBAAyB,SAAQ,0BAA0B,EAAE,2BAA2B;CAAG;AAErG,eAAO,MAAM,kBAAkB,GAC7B,gBAAgB,qBAAqB,GAAG,IAAI,EAC5C,iBAAiB,OAAO,EACxB,UAAS,yBAA8B,EACvC,MAAM,QAAQ,KACb,wBAAwB,GAAG,IAQ7B,CAAC"}
+{"version":3,"file":"useObjectAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useObjectAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,qBAAqB,EAAY,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAwB,KAAK,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAyB,KAAK,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAYlG,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,wBAAyB,SAAQ,0BAA0B,EAAE,2BAA2B;CAAG;AAErG,eAAO,MAAM,kBAAkB,GAC7B,gBAAgB,qBAAqB,GAAG,IAAI,EAC5C,iBAAiB,OAAO,EACxB,UAAS,yBAA8B,EACvC,MAAM,QAAQ,KACb,wBAAwB,GAAG,IAiB7B,CAAC"}

package/dist/hooks/useObjectAnimation.js

@@ -1,11 +1,27 @@
 import { findById } from '@ntalmagor/3drize-core';
 import { useContinuousEffects } from "./useContinuousEffects.js";
 import { useInteractionEffects } from "./useInteractionEffects.js";
+import { useSequenceAnimation } from "./useSequenceAnimation.js";
+const DEBUG_OBJECT_ANIMATION = false;
+const debugLog = (...args) => {
+    if (DEBUG_OBJECT_ANIMATION) {
+        console.log('[useObjectAnimation]', ...args);
+    }
+};
 export const useObjectAnimation = (objectSettings, animateMaterial, options = {}, ref) => {
     const { enabled = true, hovered = false } = options;
     const objectRef = ref || findById(objectSettings?.id);
+    debugLog('hook run', {
+        objectId: objectSettings?.id,
+        hasRefArg: !!ref,
+        resolvedObject: objectRef ? { name: objectRef.name, id: objectRef.userData?.id } : null,
+        enabled,
+        hovered,
+        animateMaterial,
+    });
     // console.log(objectRef)
     const continuousResult = useContinuousEffects(objectSettings, { enabled, animateMaterial, hovered }, objectRef);
     const interactionResult = useInteractionEffects(objectSettings, { enabled, animateMaterial }, objectRef);
+    useSequenceAnimation(objectSettings?.id, objectRef);
     return { ...continuousResult, ...interactionResult };
 };

package/dist/hooks/useSequenceAnimation.d.ts

@@ -0,0 +1,14 @@
+import type { Object3D } from 'three';
+/**
+ * useSequenceAnimation
+ *
+ * Subscribes to AnimationsManager step events and, for each frame while a step
+ * is active, interpolates both transform AND material properties on the given
+ * object. Path-based transitions are delegated to usePathAnimation.
+ *
+ * Designed to be called inside useObjectAnimation so that AnimatedObject stays
+ * a thin group wrapper.
+ */
+export declare const useSequenceAnimation: (objectId: string | undefined, objectRef: Object3D | null | undefined) => void;
+export default useSequenceAnimation;
+//# sourceMappingURL=useSequenceAnimation.d.ts.map

package/dist/hooks/useSequenceAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSequenceAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useSequenceAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA0HtC;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,GAAG,SAAS,EAC5B,WAAW,QAAQ,GAAG,IAAI,GAAG,SAAS,SAuLvC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/hooks/useSequenceAnimation.js

@@ -0,0 +1,258 @@
+import { useRef } from 'react';
+import { useFrame } from '@react-three/fiber';
+import { AnimationsManager, applySingleProperty, findById } from '@ntalmagor/3drize-core';
+import { useAnimationEvents } from './useAnimationEvents.js';
+import { usePathAnimation } from './usePathAnimation.js';
+const DEBUG_SEQUENCE_ANIMATION = true;
+const debugLog = (...args) => {
+    if (DEBUG_SEQUENCE_ANIMATION) {
+        console.log('[useSequenceAnimation]', ...args);
+    }
+};
+// ─────────────────────────────────────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────────────────────────────────────
+const TRANSFORM_KEYS = new Set(['position', 'rotation', 'scale', 'visible']);
+function lerp(a, b, t) {
+    return a + (b - a) * t;
+}
+function lerpVec3(a, b, t) {
+    return [lerp(a[0], b[0], t), lerp(a[1], b[1], t), lerp(a[2], b[2], t)];
+}
+/** Parse a hex color string to [r, g, b] 0-1 */
+function hexToRgb(hex) {
+    const h = hex.replace('#', '');
+    const n = parseInt(h.length === 3 ? h.split('').map(c => c + c).join('') : h, 16);
+    return [(n >> 16) / 255, ((n >> 8) & 0xff) / 255, (n & 0xff) / 255];
+}
+/** Lerp two hex color strings, returns a hex string */
+function lerpColor(a, b, t) {
+    if (typeof a !== 'string' || typeof b !== 'string')
+        return b;
+    const [ar, ag, ab] = hexToRgb(a);
+    const [br, bg, bb] = hexToRgb(b);
+    const r = Math.round(lerp(ar, br, t) * 255);
+    const g = Math.round(lerp(ag, bg, t) * 255);
+    const bl = Math.round(lerp(ab, bb, t) * 255);
+    return `#${[r, g, bl].map(v => v.toString(16).padStart(2, '0')).join('')}`;
+}
+function lerpValue(a, b, t) {
+    if (Array.isArray(a) && Array.isArray(b)) {
+        return a.map((v, i) => typeof v === 'number' ? lerp(v, b[i] ?? v, t) : b[i]);
+    }
+    if (typeof a === 'number' && typeof b === 'number')
+        return lerp(a, b, t);
+    if (typeof a === 'string' && typeof b === 'string' && a.startsWith('#') && b.startsWith('#')) {
+        return lerpColor(a, b, t);
+    }
+    // Non-lerp-able — snap at t=1
+    return t >= 1 ? b : a;
+}
+/** Get material-related properties from a transition properties record */
+function extractMaterialProps(props) {
+    if (!props)
+        return {};
+    return Object.fromEntries(Object.entries(props).filter(([k]) => !TRANSFORM_KEYS.has(k)));
+}
+/** Apply a material property to all materials on an object */
+function applyMaterialProp(object, key, value) {
+    let appliedCount = 0;
+    object.traverse((child) => {
+        if (!child.material)
+            return;
+        const mats = Array.isArray(child.material) ? child.material : [child.material];
+        for (const mat of mats) {
+            if (!(key in mat) && !mat.uniforms?.[key])
+                continue;
+            if (key === 'opacity' && typeof value === 'number') {
+                // Opacity has no visible effect on many materials unless transparency is enabled.
+                if ('transparent' in mat) {
+                    mat.transparent = value < 1;
+                }
+            }
+            applySingleProperty(mat, key, value);
+            appliedCount += 1;
+        }
+    });
+    debugLog('material property applied', { key, value, appliedCount, objectName: object.name, objectId: object.userData?.id });
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Hook
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * useSequenceAnimation
+ *
+ * Subscribes to AnimationsManager step events and, for each frame while a step
+ * is active, interpolates both transform AND material properties on the given
+ * object. Path-based transitions are delegated to usePathAnimation.
+ *
+ * Designed to be called inside useObjectAnimation so that AnimatedObject stays
+ * a thin group wrapper.
+ */
+export const useSequenceAnimation = (objectId, objectRef) => {
+    const { startPathAnimation, updatePathAnimation, stopPathAnimation, isAnimating: isPathAnimating } = usePathAnimation();
+    const resolveObject = () => {
+        const resolved = objectRef ?? (objectId ? findById(objectId) : null);
+        return resolved;
+    };
+    // Active step state. Null = no sequence step currently animating.
+    const stepRef = useRef(null);
+    // Progress 0-1; flips to 1 when done so useFrame short-circuits
+    const progressRef = useRef(1);
+    // ── Event listener ──────────────────────────────────────────────────────────
+    useAnimationEvents({
+        onStepStart: (event) => {
+            if (!objectId || !event.step?.transitions) {
+                debugLog('stepStart ignored: missing objectId or transitions', {
+                    objectId,
+                    hasTransitions: !!event.step?.transitions,
+                    sequenceId: event.sequenceId,
+                    stepIndex: event.stepIndex,
+                });
+                return;
+            }
+            const resolvedObject = resolveObject();
+            debugLog('stepStart received', {
+                objectId,
+                sequenceId: event.sequenceId,
+                stepIndex: event.stepIndex,
+                transitionStates: event.step.transitions.map(t => t.state),
+                resolvedObject: resolvedObject ? {
+                    name: resolvedObject.name,
+                    id: resolvedObject.userData?.id,
+                } : null,
+            });
+            // Find the transition targeting this object
+            const transition = event.step.transitions.find(t => t.state === objectId);
+            if (!transition) {
+                debugLog('no matching transition for objectId', {
+                    objectId,
+                    availableStates: event.step.transitions.map(t => t.state),
+                });
+                return;
+            }
+            const d = event.step.duration || 1;
+            const ease = event.step.ease || 'linear';
+            const { properties, pathId = null } = transition;
+            debugLog('matched transition', {
+                objectId,
+                pathId,
+                duration: d,
+                ease,
+                fromKeys: Object.keys(properties.from || {}),
+                toKeys: Object.keys(properties.to || {}),
+            });
+            // Visibility shortcut
+            if (properties.to?.visible === false) {
+                if (resolvedObject)
+                    resolvedObject.visible = false;
+                stepRef.current = null;
+                progressRef.current = 1;
+                return;
+            }
+            if (resolvedObject)
+                resolvedObject.visible = true;
+            // Snapshot current object transform as defaults
+            const cur = resolvedObject;
+            const curPos = cur
+                ? [cur.position.x, cur.position.y, cur.position.z]
+                : [0, 0, 0];
+            const curRot = cur
+                ? [cur.rotation.x, cur.rotation.y, cur.rotation.z]
+                : [0, 0, 0];
+            const curSca = cur
+                ? [cur.scale.x, cur.scale.y, cur.scale.z]
+                : [1, 1, 1];
+            const fp = properties.from;
+            const tp = properties.to;
+            stepRef.current = {
+                startTime: performance.now(),
+                duration: d,
+                ease,
+                fromPosition: (fp?.position ?? curPos),
+                toPosition: (tp?.position ?? curPos),
+                fromRotation: (fp?.rotation ?? curRot),
+                toRotation: (tp?.rotation ?? curRot),
+                fromScale: (fp?.scale ?? curSca),
+                toScale: (tp?.scale ?? curSca),
+                materialFrom: extractMaterialProps(fp),
+                materialTo: extractMaterialProps(tp),
+                visibilityOverride: null,
+                pathId,
+            };
+            progressRef.current = 0;
+            if (pathId) {
+                debugLog('starting path animation', { objectId, pathId, duration: d, ease });
+                startPathAnimation(pathId, d, { ease });
+            }
+            else {
+                stopPathAnimation();
+            }
+        },
+        onStepEnd: (event) => {
+            debugLog('stepEnd received', {
+                objectId,
+                sequenceId: event.sequenceId,
+                stepIndex: event.stepIndex,
+            });
+            // Let useFrame finish the last frame at p=1 naturally; just clear step
+            // after a microtask so the final interpolated position is applied.
+            Promise.resolve().then(() => {
+                stepRef.current = null;
+                progressRef.current = 1;
+            });
+        },
+    });
+    // ── Per-frame interpolation ─────────────────────────────────────────────────
+    useFrame((_state, delta) => {
+        const resolvedObject = resolveObject();
+        if (progressRef.current >= 1 || !stepRef.current || !resolvedObject)
+            return;
+        const step = stepRef.current;
+        // Time-based progress drives property interpolation regardless of transform mode.
+        const p = AnimationsManager.getProgressFromTime(step.startTime, step.duration, step.ease);
+        progressRef.current = p;
+        // Path-based: delegate to usePathAnimation
+        if (step.pathId) {
+            const still = updatePathAnimation(delta, resolvedObject);
+            if (!still) {
+                progressRef.current = 1;
+                stepRef.current = null;
+            }
+            // Keep scale interpolation active while path controls position/rotation.
+            const sca = lerpVec3(step.fromScale, step.toScale, p);
+            resolvedObject.scale.set(...sca);
+        }
+        else {
+            // — Transform —
+            const pos = lerpVec3(step.fromPosition, step.toPosition, p);
+            const rot = lerpVec3(step.fromRotation, step.toRotation, p);
+            const sca = lerpVec3(step.fromScale, step.toScale, p);
+            resolvedObject.position.set(...pos);
+            resolvedObject.rotation.set(...rot);
+            resolvedObject.scale.set(...sca);
+        }
+        if (p === 0 || p >= 0.99) {
+            debugLog('frame progress', {
+                objectId,
+                progress: p,
+                materialKeys: Object.keys(step.materialTo),
+                pathId: step.pathId,
+            });
+        }
+        // — Material properties —
+        for (const key of Object.keys(step.materialTo)) {
+            const fromVal = step.materialFrom[key];
+            const toVal = step.materialTo[key];
+            if (fromVal === undefined && toVal === undefined)
+                continue;
+            const interpolated = lerpValue(fromVal ?? toVal, toVal, p);
+            applyMaterialProp(resolvedObject, key, interpolated);
+        }
+        if (p >= 1) {
+            progressRef.current = 1;
+            stepRef.current = null;
+        }
+    });
+};
+export default useSequenceAnimation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -38,6 +38,6 @@
     "typescript": "^5.7.2"
   },
   "dependencies": {
-    "@ntalmagor/3drize-core": "^0.1.9"
+    "@ntalmagor/3drize-core": "^0.1.11"
   }
 }