@ntalmagor/3drize-viewer 0.1.21 → 0.1.23

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentManager.d.ts","sourceRoot":"","sources":["../../src/components/EnvironmentManager.tsx"],"names":[],"mappings":"AAIA,OAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAEhF,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,wBAAwB,CAAC;AAG7E,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,kBAAkB,kHAkHtB,CAAC;AAIH,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"EnvironmentManager.d.ts","sourceRoot":"","sources":["../../src/components/EnvironmentManager.tsx"],"names":[],"mappings":"AAIA,OAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhF,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,wBAAwB,CAAC;AAG7E,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,kBAAkB,kHAkHtB,CAAC;AAIH,eAAe,kBAAkB,CAAC"}

package/dist/components/EnvironmentManager.js

@@ -5,24 +5,9 @@ import { useThree } from '@react-three/fiber';
 import { Vector3 } from 'three';
 import SkySystem from './SkySystem.js';
 import { useCubeCamera } from '../hooks/useCubeCamera.js';
-const EnvironmentManager = forwardRef(({ environment, cubeCameraResolution = 512, 
-// SkySystemProps — all forwarded to SkySystem
-timeSettings, 
-// sunSystemVisible = false,
-// sunSize,
-// moonSize,
-// skyboxScale,
-// sunIntensity,
-// castShadow,
-// shadowMapSize,
-// playerPosition,
-// starsSettings,
-// cloudsSettings,
-// cloudsMaterialSettings,
-// skyControllerSettings,
-// rainSettings,
-// fogSettings,
-onTimeOfDayChange, onTimeUpdate, }, ref) => {
+import HdrPlaylistRenderer from './HdrPlaylistRenderer.js';
+import { getTransitionSettings } from '@ntalmagor/3drize-core';
+const EnvironmentManager = forwardRef(({ environment, cubeCameraResolution = 512, timeSettings, onTimeOfDayChange, onTimeUpdate, }, ref) => {
     const { scene } = useThree();
     const defaultHdr = {
         visible: false,
@@ -41,6 +26,10 @@ onTimeOfDayChange, onTimeUpdate, }, ref) => {
     };
     const hdr = environment?.hdr ?? defaultHdr;
     const backgroundName = hdr.visible ? hdr.name : null;
+    const urls = hdr.urls;
+    const playlistActive = !!urls && urls.length > 1;
+    const singleUrl = urls && urls.length === 1 ? urls[0] : undefined;
+    const hdrActive = !!(backgroundName || singleUrl || playlistActive);
     const sky = environment?.sky;
     const sunSystemVisible = sky?.sunSystem?.visible;
     const sunSize = sky?.sunSystem?.sunSize;
@@ -63,16 +52,23 @@ onTimeOfDayChange, onTimeUpdate, }, ref) => {
         timeSettings,
         resolution: cubeCameraResolution,
     });
+    // While the playlist is active, drei <Environment> unmounts; HdrPlaylistRenderer
+    // owns scene.environment + scene.background for the duration of the transitions.
     const environmentComponent = useMemo(() => {
-        if (!backgroundName)
+        if (playlistActive)
             return null;
-        return (_jsx(Environment, { preset: backgroundName, background: true, scene: scene, backgroundBlurriness: hdr.settings.backgroundBlurriness ?? 0, backgroundIntensity: hdr.settings.backgroundIntensity ?? 1, backgroundRotation: [0, hdr.settings.backgroundRotation ?? Math.PI / 2, 0], environmentIntensity: hdr.settings.environmentIntensity ?? 1, environmentRotation: [0, hdr.settings.environmentRotation ?? Math.PI / 2, 0], blur: hdr.settings.blur ?? 0, ground: {
+        if (!singleUrl && !backgroundName)
+            return null;
+        const sourceProps = singleUrl
+            ? { files: singleUrl }
+            : { preset: backgroundName };
+        return (_jsx(Environment, { ...sourceProps, background: true, scene: scene, backgroundBlurriness: hdr.settings.backgroundBlurriness ?? 0, backgroundIntensity: hdr.settings.backgroundIntensity ?? 1, backgroundRotation: [0, hdr.settings.backgroundRotation ?? Math.PI / 2, 0], environmentIntensity: hdr.settings.environmentIntensity ?? 1, environmentRotation: [0, hdr.settings.environmentRotation ?? Math.PI / 2, 0], blur: hdr.settings.blur ?? 0, ground: {
                 radius: hdr.settings.groundRadius,
                 height: hdr.settings.groundHeight,
                 scale: hdr.settings.groundScale,
             } }));
-    }, [backgroundName, hdr.settings, scene]);
-    return (_jsxs(_Fragment, { children: [environmentComponent, _jsx(SkySystem, { ref: ref, timeSettings: timeSettings, visible: true, sunSystemVisible: sunSystemVisible, sunSize: sunSize, moonSize: moonSize, skyboxScale: skyboxScale, sunIntensity: sunIntensity, castShadow: castShadow, shadowMapSize: shadowMapSize, playerPosition: playerPosition, starsSettings: starsSettings, cloudsSettings: cloudsSettings, cloudsMaterialSettings: cloudsMaterialSettings, skyControllerSettings: skyControllerSettings, rainSettings: rainSettings, fogSettings: fogSettings, onTimeOfDayChange: onTimeOfDayChange, onTimeUpdate: onTimeUpdate })] }));
+    }, [playlistActive, singleUrl, backgroundName, hdr.settings, scene]);
+    return (_jsxs(_Fragment, { children: [environmentComponent, playlistActive && urls && (_jsx(HdrPlaylistRenderer, { urls: urls, transition: getTransitionSettings(hdr) })), _jsx(SkySystem, { ref: ref, timeSettings: timeSettings, visible: true, sunSystemVisible: sunSystemVisible, sunSize: sunSize, moonSize: moonSize, skyboxScale: skyboxScale, sunIntensity: sunIntensity, castShadow: castShadow, shadowMapSize: shadowMapSize, playerPosition: playerPosition, starsSettings: starsSettings, cloudsSettings: cloudsSettings, cloudsMaterialSettings: cloudsMaterialSettings, skyControllerSettings: skyControllerSettings, rainSettings: rainSettings, fogSettings: fogSettings, onTimeOfDayChange: onTimeOfDayChange, onTimeUpdate: onTimeUpdate })] }));
 });
 EnvironmentManager.displayName = 'EnvironmentManager';
 export default EnvironmentManager;

package/dist/components/GalleryLayout.js

@@ -13,8 +13,8 @@ const GalleryLayout = ({ createdObject, selectedFrameUrl, handleObjectClick, })
         outerFrameScale: 1,
     };
     const { frames, layoutSettings } = useMemo(() => updateCurrentLayoutSettings(galleryLayout), [galleryLayout]);
-    console.log('GalleryLayout - frames:', frames);
-    console.log('GalleryLayout - layoutSettings:', layoutSettings);
+    // console.log('GalleryLayout - frames:', frames);
+    // console.log('GalleryLayout - layoutSettings:', layoutSettings);
     return (_jsx("group", { ref: groupRef, scale: [1, 1, 1], position: [0, 0, 0], rotation: [0, 0, 0], children: frames.map((frame, index) => (_jsxs(Frame, { url: frame.url, isActive: selectedFrameUrl === frame.url, createdObject: createdObject, position: frame.position, rotation: frame.rotation, hoverSettings: { sensitivity: 0.5, applyToChildren: false }, transformEffects: animations?.transform?.effects || [], layoutSettings: layoutSettings, side: galleryLayout?.side || 2, materialSettings: materialSettings, handleObjectClick: handleObjectClick, children: [layoutSettings.geometryType !== 'none' && (_jsx(ImageGeometry, { url: frame.url, geometryType: layoutSettings.geometryType, outerFrameScale: layoutSettings.outerFrameScale })), createdObject.effects?.map((effect, effectIndex) => (_jsx(EffectsGenerator, { settings: effect }, effectIndex)))] }, index))) }));
 };
 export default GalleryLayout;

package/dist/components/HdrPlaylistRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { HdrTransitionSettings } from '@ntalmagor/3drize-core';
+export interface HdrPlaylistRendererProps {
+    /** Two or more equirect HDR URLs to cycle through. Caller ensures length >= 2. */
+    urls: string[];
+    /** Fully resolved transition settings (defaults already merged). */
+    transition: HdrTransitionSettings;
+}
+declare const HdrPlaylistRenderer: React.FC<HdrPlaylistRendererProps>;
+export default HdrPlaylistRenderer;
+//# sourceMappingURL=HdrPlaylistRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HdrPlaylistRenderer.d.ts","sourceRoot":"","sources":["../../src/components/HdrPlaylistRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAqB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,WAAW,wBAAwB;IACvC,kFAAkF;IAClF,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,oEAAoE;IACpE,UAAU,EAAE,qBAAqB,CAAC;CACnC;AA8KD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgP3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/HdrPlaylistRenderer.js

@@ -0,0 +1,364 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useFrame, useThree } from '@react-three/fiber';
+import * as THREE from 'three';
+import { gsap } from 'gsap';
+import { RGBELoader } from 'three/addons/loaders/RGBELoader.js';
+const CUBE_SIZE = 256;
+const MODE_INDEX = {
+    crossfade: 0,
+    wipe: 1,
+    iris: 2,
+    dissolve: 3,
+    'vertical-divider': 4,
+    'horizontal-divider': 5,
+};
+const isDividerMode = (m) => m === 4 || m === 5;
+// ── Shaders ─────────────────────────────────────────────────────────────────
+const cubeVertexShader = /* glsl */ `
+varying vec3 vDir;
+void main() {
+  vDir = position;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const cubeFragmentShader = /* glsl */ `
+precision highp float;
+uniform samplerCube tA;
+uniform samplerCube tB;
+uniform float uMix;
+uniform int uMode;
+uniform vec3 uWipeAxis;
+uniform vec3 uIrisCenter;
+uniform float uNoiseScale;
+uniform float uFeather;
+varying vec3 vDir;
+
+float hash3(vec3 p) {
+  p = fract(p * vec3(0.1031, 0.1030, 0.0973));
+  p += dot(p, p.yzx + 33.33);
+  return fract((p.x + p.y) * p.z);
+}
+
+float noise3(vec3 p) {
+  vec3 i = floor(p);
+  vec3 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float n000 = hash3(i);
+  float n100 = hash3(i + vec3(1.0, 0.0, 0.0));
+  float n010 = hash3(i + vec3(0.0, 1.0, 0.0));
+  float n110 = hash3(i + vec3(1.0, 1.0, 0.0));
+  float n001 = hash3(i + vec3(0.0, 0.0, 1.0));
+  float n101 = hash3(i + vec3(1.0, 0.0, 1.0));
+  float n011 = hash3(i + vec3(0.0, 1.0, 1.0));
+  float n111 = hash3(i + vec3(1.0, 1.0, 1.0));
+  float nx00 = mix(n000, n100, f.x);
+  float nx10 = mix(n010, n110, f.x);
+  float nx01 = mix(n001, n101, f.x);
+  float nx11 = mix(n011, n111, f.x);
+  float nxy0 = mix(nx00, nx10, f.y);
+  float nxy1 = mix(nx01, nx11, f.y);
+  return mix(nxy0, nxy1, f.z);
+}
+
+void main() {
+  vec3 dir = normalize(vDir);
+  vec4 a = textureCube(tA, dir);
+  vec4 b = textureCube(tB, dir);
+  float blend;
+
+  if (uMode == 0) {
+    blend = uMix;
+  } else if (uMode == 1) {
+    float s = dot(dir, normalize(uWipeAxis)) * 0.5 + 0.5;
+    float adj = uMix * (1.0 + 2.0 * uFeather) - uFeather;
+    blend = 1.0 - smoothstep(adj - uFeather, adj + uFeather, s);
+  } else if (uMode == 2) {
+    float ang = acos(clamp(dot(dir, normalize(uIrisCenter)), -1.0, 1.0));
+    float radius = uMix * (3.14159265 + 2.0 * uFeather) - uFeather;
+    blend = 1.0 - smoothstep(radius - uFeather, radius + uFeather, ang);
+  } else {
+    float n = noise3(dir * uNoiseScale);
+    float adj = uMix * (1.0 + 2.0 * uFeather) - uFeather;
+    blend = 1.0 - smoothstep(adj - uFeather, adj + uFeather, n);
+  }
+
+  gl_FragColor = mix(a, b, blend);
+}
+`;
+const bgVertexShader = /* glsl */ `
+uniform mat4 uCamWorldMatrix;
+uniform mat4 uProjMatrixInv;
+varying vec3 vWorldDir;
+varying vec2 vScreenUV;
+void main() {
+  vScreenUV = position.xy * 0.5 + 0.5;
+  vec4 viewPos = uProjMatrixInv * vec4(position.xy, 1.0, 1.0);
+  viewPos /= viewPos.w;
+  vWorldDir = (uCamWorldMatrix * vec4(viewPos.xyz, 0.0)).xyz;
+  gl_Position = vec4(position.xy, 1.0, 1.0);
+}
+`;
+const bgFragmentShader = /* glsl */ `
+precision highp float;
+uniform samplerCube tA;
+uniform samplerCube tB;
+uniform int uMode;
+uniform float uDividerX;
+uniform float uDividerY;
+uniform float uFeather;
+varying vec3 vWorldDir;
+varying vec2 vScreenUV;
+void main() {
+  vec3 dir = normalize(vWorldDir);
+  vec4 a = textureCube(tA, dir);
+  vec4 b = textureCube(tB, dir);
+  float blend;
+  if (uMode == 4) {
+    blend = smoothstep(uDividerX - uFeather, uDividerX + uFeather, vScreenUV.x);
+  } else {
+    blend = smoothstep(uDividerY - uFeather, uDividerY + uFeather, vScreenUV.y);
+  }
+  gl_FragColor = mix(a, b, blend);
+}
+`;
+// ── Loader ──────────────────────────────────────────────────────────────────
+const loadEquirectHdr = (url) => new Promise((resolve, reject) => {
+    const loader = new RGBELoader();
+    loader.setDataType(THREE.HalfFloatType);
+    loader.load(url, (tex) => resolve(tex), undefined, reject);
+});
+// ── Order policy ────────────────────────────────────────────────────────────
+const pickNext = (order, current, length, directionRef) => {
+    if (length <= 1)
+        return current;
+    if (order === 'sequential')
+        return (current + 1) % length;
+    if (order === 'random') {
+        let pick = current;
+        while (pick === current)
+            pick = Math.floor(Math.random() * length);
+        return pick;
+    }
+    // yoyo
+    let next = current + directionRef.current;
+    if (next >= length) {
+        directionRef.current = -1;
+        next = current - 1;
+    }
+    else if (next < 0) {
+        directionRef.current = 1;
+        next = current + 1;
+    }
+    return next;
+};
+// ── Component ───────────────────────────────────────────────────────────────
+const HdrPlaylistRenderer = ({ urls, transition }) => {
+    const { scene, gl: renderer, camera } = useThree();
+    const mixRef = useRef(0);
+    const tlRef = useRef(null);
+    const stateRef = useRef(null);
+    const modeRef = useRef(MODE_INDEX[transition.types[0] ?? 'crossfade']);
+    const currentIdxRef = useRef(0);
+    const yoyoDirRef = useRef(1);
+    const typeIdxRef = useRef(0);
+    // Live transition snapshot — read each frame so slider changes apply instantly
+    // without rebuilding GPU resources or the timeline.
+    const transitionRef = useRef(transition);
+    useEffect(() => {
+        transitionRef.current = transition;
+    }, [transition]);
+    const bgMeshRef = useRef(null);
+    // Gates the timeline-build effect on the cube-RT pipeline being ready.
+    // Replaces a previous rAF poll — flips false → true once HDRs load and
+    // stateRef.current is populated, and back to false on URL/teardown changes.
+    const [pipelineReady, setPipelineReady] = useState(false);
+    // Stable uniforms object for the bg shader. Must NOT be inline JSX literal —
+    // R3F reassigns material.uniforms on parent re-render and would wipe tA/tB.
+    const bgUniforms = useMemo(() => ({
+        tA: { value: null },
+        tB: { value: null },
+        uMode: { value: 4 },
+        uDividerX: { value: 0.5 },
+        uDividerY: { value: 0.5 },
+        uFeather: { value: transition.dividerFeather ?? 0.003 },
+        uCamWorldMatrix: { value: new THREE.Matrix4() },
+        uProjMatrixInv: { value: new THREE.Matrix4() },
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    // ── Build cube RTs + blend pipeline (rebuilds only when urls change) ──────
+    const urlsKey = urls.join('|');
+    useEffect(() => {
+        let disposed = false;
+        (async () => {
+            let equirects = [];
+            try {
+                equirects = await Promise.all(urls.map(loadEquirectHdr));
+            }
+            catch (err) {
+                console.error('[HdrPlaylistRenderer] HDR load failed', err);
+                return;
+            }
+            if (disposed) {
+                equirects.forEach((t) => t.dispose());
+                return;
+            }
+            const cubeRTOpts = {
+                type: THREE.HalfFloatType,
+                format: THREE.RGBAFormat,
+                generateMipmaps: true,
+                minFilter: THREE.LinearMipmapLinearFilter,
+            };
+            const cubeRTs = equirects.map((eq) => {
+                const rt = new THREE.WebGLCubeRenderTarget(CUBE_SIZE, cubeRTOpts);
+                rt.fromEquirectangularTexture(renderer, eq);
+                eq.dispose();
+                return rt;
+            });
+            const outRT = new THREE.WebGLCubeRenderTarget(CUBE_SIZE, cubeRTOpts);
+            const cubeCamera = new THREE.CubeCamera(0.1, 10, outRT);
+            const material = new THREE.ShaderMaterial({
+                uniforms: {
+                    tA: { value: cubeRTs[0].texture },
+                    tB: { value: cubeRTs[1 % cubeRTs.length].texture },
+                    uMix: { value: 0 },
+                    uMode: { value: 0 },
+                    uWipeAxis: { value: new THREE.Vector3(0, 1, 0) },
+                    uIrisCenter: { value: new THREE.Vector3(0, 1, 0) },
+                    uNoiseScale: { value: 4.0 },
+                    uFeather: { value: 0.07 },
+                },
+                vertexShader: cubeVertexShader,
+                fragmentShader: cubeFragmentShader,
+                side: THREE.BackSide,
+            });
+            const geo = new THREE.BoxGeometry(1, 1, 1);
+            const mesh = new THREE.Mesh(geo, material);
+            const blendScene = new THREE.Scene();
+            blendScene.add(mesh);
+            blendScene.add(cubeCamera);
+            stateRef.current = {
+                blendScene,
+                cubeCamera,
+                outRT,
+                material,
+                cubeRTs,
+                mesh,
+            };
+            bgUniforms.tA.value = cubeRTs[0].texture;
+            bgUniforms.tB.value = cubeRTs[1 % cubeRTs.length].texture;
+            currentIdxRef.current = 0;
+            yoyoDirRef.current = 1;
+            // Signal readiness AFTER stateRef is populated. The timeline-build effect
+            // listens for this and runs without polling.
+            setPipelineReady(true);
+        })();
+        return () => {
+            disposed = true;
+            setPipelineReady(false);
+            const s = stateRef.current;
+            if (s) {
+                s.outRT.dispose();
+                s.cubeRTs.forEach((rt) => rt.dispose());
+                s.material.dispose();
+                s.mesh.geometry.dispose();
+            }
+            stateRef.current = null;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [urlsKey, renderer, bgUniforms]);
+    // ── Build/rebuild GSAP timeline when timing-or-order props change ──────────
+    // Gated on `pipelineReady` so we never run before stateRef.current is
+    // populated — no rAF polling needed; React schedules us once the pipeline
+    // effect calls setPipelineReady(true).
+    useEffect(() => {
+        if (!pipelineReady)
+            return;
+        const s = stateRef.current;
+        if (!s)
+            return;
+        let cancelled = false;
+        tlRef.current?.kill();
+        const fadeSec = Math.max(0.05, transition.durationMs / 1000);
+        const holdSec = Math.max(0, transition.holdMs / 1000);
+        const stepTo = (target) => {
+            const tl = gsap.timeline();
+            tl.to({}, { duration: holdSec });
+            tl.to(mixRef, { current: target, duration: fadeSec, ease: 'sine.inOut' });
+            return tl;
+        };
+        const advance = () => {
+            if (cancelled || !stateRef.current)
+                return;
+            const st = stateRef.current;
+            const length = st.cubeRTs.length;
+            const cur = currentIdxRef.current;
+            const next = pickNext(transitionRef.current.order, cur, length, yoyoDirRef);
+            const types = transitionRef.current.types?.length
+                ? transitionRef.current.types
+                : ['crossfade'];
+            const legType = types[typeIdxRef.current % types.length];
+            const legMode = MODE_INDEX[legType];
+            st.material.uniforms.uMode.value = isDividerMode(legMode) ? 0 : legMode;
+            st.material.uniforms.tA.value = st.cubeRTs[cur].texture;
+            st.material.uniforms.tB.value = st.cubeRTs[next].texture;
+            bgUniforms.tA.value = st.cubeRTs[cur].texture;
+            bgUniforms.tB.value = st.cubeRTs[next].texture;
+            modeRef.current = legMode;
+            mixRef.current = 0;
+            const tl = stepTo(1);
+            tl.eventCallback('onComplete', () => {
+                currentIdxRef.current = next;
+                typeIdxRef.current += 1;
+                if (!cancelled)
+                    advance();
+            });
+            tlRef.current = tl;
+        };
+        advance();
+        return () => {
+            cancelled = true;
+            tlRef.current?.kill();
+            tlRef.current = null;
+        };
+    }, [pipelineReady, transition.durationMs, transition.holdMs, transition.order, urlsKey, bgUniforms]);
+    // ── Per-frame: render the blend and assign to scene ─────────────────────────
+    useFrame(() => {
+        const s = stateRef.current;
+        if (!s)
+            return;
+        const t = transitionRef.current;
+        s.material.uniforms.uMix.value = mixRef.current;
+        s.material.uniforms.uFeather.value = t.feather ?? 0.07;
+        s.material.uniforms.uNoiseScale.value = t.noiseScale ?? 4.0;
+        if (t.wipeAxis)
+            s.material.uniforms.uWipeAxis.value.set(...t.wipeAxis);
+        if (t.irisCenter)
+            s.material.uniforms.uIrisCenter.value.set(...t.irisCenter);
+        s.cubeCamera.update(renderer, s.blendScene);
+        scene.environment = s.outRT.texture;
+        const mode = modeRef.current;
+        const divider = isDividerMode(mode);
+        if (divider) {
+            scene.background = null;
+            if (bgMeshRef.current)
+                bgMeshRef.current.visible = true;
+            const feather = t.dividerFeather ?? 0.003;
+            const dividerPos = 1.0 - (mixRef.current * (1.0 + 2.0 * feather) - feather);
+            bgUniforms.uMode.value = mode;
+            bgUniforms.uDividerX.value = mode === 4 ? dividerPos : 0.5;
+            bgUniforms.uDividerY.value = mode === 5 ? dividerPos : 0.5;
+            bgUniforms.uFeather.value = feather;
+            bgUniforms.uCamWorldMatrix.value.copy(camera.matrixWorld);
+            bgUniforms.uProjMatrixInv.value.copy(camera.projectionMatrixInverse);
+        }
+        else {
+            scene.background = s.outRT.texture;
+            if (bgMeshRef.current)
+                bgMeshRef.current.visible = false;
+        }
+    });
+    return (_jsxs("mesh", { ref: bgMeshRef, frustumCulled: false, renderOrder: -1000, visible: false, children: [_jsx("planeGeometry", { args: [2, 2] }), _jsx("shaderMaterial", { depthTest: false, depthWrite: false, uniforms: bgUniforms, vertexShader: bgVertexShader, fragmentShader: bgFragmentShader })] }));
+};
+export default HdrPlaylistRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/LoadingIndicator.js

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

package/dist/components/ProjectLoader.d.ts

@@ -4,6 +4,7 @@ import { Object3D } from "three";
 import { type ThreeEvent } from '@react-three/fiber';
 type ProjectProps = {
     projectId: string;
+    loadingIndicator?: React.ReactNode;
     onObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
     onObjectHover?: (object: CreatedObjectSettings, ref: Object3D) => void;
     onElementClick?: (element: HtmlElement) => void;

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;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,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,CAuGzC,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;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,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,CA8GzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProjectLoader.js

@@ -6,7 +6,7 @@ import { loadAssets } from "@ntalmagor/3drize-core";
 import { useMeshController } from '@ntalmagor/3drize-viewer';
 import LoadingIndicator from "./LoadingIndicator.js";
 const PROJECT_LOADER_DEBUG_PREFIX = '[ProjectLoaderDebug]';
-const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized }) => {
+const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized, loadingIndicator = _jsx(LoadingIndicator, { text: "Loading project...", fullScreen: true, animate: true }) }) => {
     const [project, setProject] = useState(null);
     const meshController = useMeshController();
     useEffect(() => {
@@ -40,11 +40,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(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');
@@ -79,7 +79,12 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
         }
     };
     if (!project) {
-        return _jsx(LoadingIndicator, { text: "Loading project...", fullScreen: true });
+        return _jsx("div", { style: {
+                width: '100%', height: '100%', display: 'flex',
+                alignItems: 'center', justifyContent: 'center',
+                backgroundColor: 'black',
+                flexDirection: 'column', gap: '1rem'
+            }, children: loadingIndicator });
     }
     return _jsx(_Fragment, { children: _jsx(SceneBuilder, { project: project, onSceneInitialized: onSceneInitialized, onUiElementClick: onElementClick, onUiElementHover: onElementHover, onObjectClick: onObjectClick }) });
 };

package/dist/hooks/useCubeCamera.js

@@ -7,7 +7,7 @@ export const useCubeCamera = (options) => {
     const { scene, gl: renderer } = useThree();
     const cubeCameraRef = useRef(null);
     const isUpdatingRef = useRef(false);
-    const backgroundName = hdrSettings.visible ? hdrSettings.name : null;
+    const hdrActive = hdrSettings.visible && (hdrSettings.name || (hdrSettings.urls && hdrSettings.urls.length > 0)) ? true : false;
     const initializeCubeCamera = useCallback(() => {
         if (!renderer || !scene)
             return null;
@@ -43,7 +43,7 @@ export const useCubeCamera = (options) => {
     }, [scene]);
     // Create or dispose cube camera based on active sky / HDR state
     useEffect(() => {
-        if (backgroundName) {
+        if (hdrActive) {
             dispose();
             return;
         }
@@ -55,11 +55,11 @@ export const useCubeCamera = (options) => {
             dispose();
             clearSceneEnvironment(scene);
         }
-    }, [backgroundName, skyVisible, sunSystemVisible]);
+    }, [hdrActive, skyVisible, sunSystemVisible]);
     // Live update when auto-animating (sky moves, environment changes)
     const UPDATE_INTERVAL_MS = 300;
     useFrame((state) => {
-        if (backgroundName || !(skyVisible || sunSystemVisible))
+        if (hdrActive || !(skyVisible || sunSystemVisible))
             return;
         if (!timeSettings.autoAnimate)
             return;

package/dist/hooks/useMaterialApplication.js

@@ -6,7 +6,7 @@
 // Three.js object. Uses shared utilities from materialApplicationUtils.
 //
 import { useEffect, useRef } from 'react';
-import { createAndApplyMaterial, MATERIAL_INSTANCE_KEY, MaterialRegistryAPI, ObjectManager, resolveTextures } from '@ntalmagor/3drize-core';
+import { createAndApplyMaterial, MATERIAL_INSTANCE_KEY, MaterialRegistryAPI, ObjectManager, resolveTextures, traverseSkippingEdges } from '@ntalmagor/3drize-core';
 export const useMaterialApplication = (obj, materialSettings, shouldApply3driseMaterial, onApplied) => {
     // Track all material instances we've created so we can release them on change/unmount
     const activeInstancesRef = useRef([]);
@@ -39,7 +39,7 @@ export const useMaterialApplication = (obj, materialSettings, shouldApply3driseM
         activeInstancesRef.current = [];
     };
     const handleSettingsChange = async (obj, materialSettings) => {
-        console.log('Applying material with settings:', obj);
+        // console.log('Applying material with settings:', obj);
         if (!obj || !materialSettings || materialSettings.materialType === 'advanced' || !materialSettings.materialVariant)
             return;
         const applyMaterial = materialSettings.apply !== undefined ? materialSettings.apply : true;
@@ -60,11 +60,11 @@ export const useMaterialApplication = (obj, materialSettings, shouldApply3driseM
         // 1. Resolve textures using shared utility (registry-driven TextureResolver)
         const resolvedSettings = await resolveTextures(variant, materialSettings);
         // 2. Traverse the object tree and apply material to any child with .material.
-        // traverseSkippingEdges(obj, true, (child: any) => {
-        //   if (child.material) {
-        //     applyMaterialToChild(child, variant, resolvedSettings);
-        //   }
-        // });
+        traverseSkippingEdges(obj, true, (child) => {
+            if (child.material) {
+                applyMaterialToChild(child, variant, resolvedSettings);
+            }
+        });
         onApplied?.();
     };
     /**

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { CameraController, default as CameraControllerDefault } from './componen
 export { default as CreatedObject } from './components/CreatedObject';
 export { default as CustomPrimitive } from './components/CustomPrimitive';
 export { default as EffectsGenerator } from './components/EffectsGenerator';
+export { default as HdrPlaylistRenderer } from './components/HdrPlaylistRenderer';
 export type { EffectsGeneratorProps } from './components/EffectsGenerator';
 export { default as EffectsGroup } from './components/EffectsGroup';
 export { default as Frame } from './components/Frame';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -6,6 +6,7 @@ export { CameraController, default as CameraControllerDefault } from './componen
 export { default as CreatedObject } from './components/CreatedObject.js';
 export { default as CustomPrimitive } from './components/CustomPrimitive.js';
 export { default as EffectsGenerator } from './components/EffectsGenerator.js';
+export { default as HdrPlaylistRenderer } from './components/HdrPlaylistRenderer.js';
 export { default as EffectsGroup } from './components/EffectsGroup.js';
 export { default as Frame } from './components/Frame.js';
 export { FrameGeometry } from './components/FrameGeometry.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -26,7 +26,7 @@
     "@react-three/fiber": "^9",
     "@react-three/rapier": "^2",
     "react": "^18 || ^19",
-    "@ntalmagor/3drize-core": "^0.1.13",
+    "@ntalmagor/3drize-core": "^0.1.14",
     "three": "^0.170"
   },
   "devDependencies": {