@ntalmagor/3drize-viewer 0.1.18 → 0.1.20

package/dist/components/CameraController.js

@@ -99,7 +99,7 @@ export const CameraController = ({ enableAutoAnimation = true, animationDuration
                 event.step.transitions.forEach((transition) => {
                     const { state, properties, pathId } = transition;
                     if (state === 'camera') {
-                        // console.log('Camera transition detected. Starting animation to new camera state:', properties);
+                        console.log('Camera transition detected. Starting animation to new camera state:', properties);
                         isInAnimatedTransition.current = true;
                         if (pathId) {
                             const offset = camera

package/dist/components/LoadingIndicator.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import RiseLogo from './RiseLogo.js';
 const LoadingIndicator = ({ text, fullScreen = false, animate = true, size = 80, }) => {
-    return (_jsx("div", { children: _jsx(RiseLogo, { size: size, animated: animate, loop: true }) }));
+    return (_jsxs("div", { children: [text && _jsx("div", { className: "loading-text", children: text }), _jsx(RiseLogo, { size: size, animated: animate, loop: true })] }));
 };
 export default LoadingIndicator;

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

@@ -1 +1 @@
-{"version":3,"file":"useCameraAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useCameraAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAW,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO5G,UAAU,yBAAyB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,GAAG,YAAY,CAAC;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAS,yBAA8B,EAAE,cAAa,WAA+B;;;+BAwMpF;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;4BApKhD,qBAAqB,aACnB,MAAM,SACV,MAAM,iBACG,YAAY;kCAwHjB,YAAY,aACX,MAAM,SACV,MAAM;wCAgCA,eAAe,aACjB,MAAM,SACV,MAAM;wBAuCR,MAAM,aACA,MAAM,SACV,MAAM;qBAOL,YAAY,aACV,OAAO,aACN,MAAM,SACV,MAAM;gCA2BL,YAAY,UACZ,MAAM,eACF,MAAM,aACR,MAAM,aACL,MAAM,SACV,MAAM;;;CA4EhB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useCameraAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useCameraAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAW,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO5G,UAAU,yBAAyB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,GAAG,YAAY,CAAC;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAS,yBAA8B,EAAE,cAAa,WAA+B;;;+BA0MpF;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;4BApKhD,qBAAqB,aACnB,MAAM,SACV,MAAM,iBACG,YAAY;kCAwHjB,YAAY,aACX,MAAM,SACV,MAAM;wCAgCA,eAAe,aACjB,MAAM,SACV,MAAM;wBAuCR,MAAM,aACA,MAAM,SACV,MAAM;qBAOL,YAAY,aACV,OAAO,aACN,MAAM,SACV,MAAM;gCA2BL,YAAY,UACZ,MAAM,eACF,MAAM,aACR,MAAM,aACL,MAAM,SACV,MAAM;;;CA4EhB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/hooks/useCameraAnimation.js

@@ -10,15 +10,18 @@ export const useCameraAnimation = (options = {}, cameraState = {}) => {
     // const cameraState = useAppSelector(selectCamera);
     const { interpolateProperty } = useMouseHandlers();
     const orbitControls = useOrbitControls();
-    const cameraRef = useRef(cameraManager.getCamera());
+    const cameraRef = useRef(null);
     const animationRef = useRef(null);
     const isAnimatingRef = useRef(false);
     const handlers = cameraState.handlers;
-    // Update camera reference when Three.js camera changes
+    // Keep cameraRef synced with the singleton. The hook may be initialized
+    // before the host component's effect calls cameraManager.setCamera(...),
+    // so a one-shot backfill races and leaves the ref null in production.
     useEffect(() => {
-        if (!cameraRef.current) {
+        cameraRef.current = cameraManager.getCamera();
+        return cameraManager.subscribe(() => {
             cameraRef.current = cameraManager.getCamera();
-        }
+        });
     }, []);
     // Kill any running animation
     const killAnimation = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"useInteraction.d.ts","sourceRoot":"","sources":["../../src/hooks/useInteraction.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAyB,wBAAwB,EAA8B,MAAM,wBAAwB,CAAC;AAkB1J,wBAAgB,cAAc,CAAC,EAE7B,cAAc,EACd,SAAS,GACV,EAAE;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;iCA8OW,wBAAwB,KAC/B,IAAI;;;;EAwCR;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useInteraction.d.ts","sourceRoot":"","sources":["../../src/hooks/useInteraction.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAyB,wBAAwB,EAA8B,MAAM,wBAAwB,CAAC;AAiB1J,wBAAgB,cAAc,CAAC,EAE7B,cAAc,EACd,SAAS,GACV,EAAE;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;iCA8OW,wBAAwB,KAC/B,IAAI;;;;EAwCR;AAED,eAAe,cAAc,CAAC"}

package/dist/hooks/useInteraction.js

@@ -12,7 +12,6 @@ import { AnimationsManager } from '@ntalmagor/3drize-core';
 import useCameraAnimation from '../hooks/useCameraAnimation.js';
 import { useFrameAnimations } from '../hooks/useFrameAnimations.js';
 import { useObjectEffects } from '../hooks/useObjectEffects.js';
-// import AnimationsManager from '../utils/AnimationsManager';
 import { findById } from '../utils/sceneQuery.js';
 // =============================================================================
 // TYPES
@@ -68,6 +67,7 @@ cameraSettings, sequences, }) {
         if (!animationIds || animationIds.length === 0)
             return;
         console.log('[useInteraction] triggerAnimations:', animationIds);
+        console.log('Available sequences:', sequences.map(s => s.id));
         animationIds.forEach(animationId => {
             const sequence = sequences.find(s => s.id === animationId);
             if (sequence) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -26,6 +26,7 @@
     "@react-three/fiber": "^9",
     "@react-three/rapier": "^2",
     "react": "^18 || ^19",
+    "@ntalmagor/3drize-core": "^0.1.13",
     "three": "^0.170"
   },
   "devDependencies": {
@@ -37,7 +38,5 @@
     "three": "^0.170.0",
     "typescript": "^5.7.2"
   },
-  "dependencies": {
-    "@ntalmagor/3drize-core": "^0.1.13"
-  }
+  "dependencies": {}
 }