@ntalmagor/3drize-viewer 0.1.24 → 0.1.26

package/dist/components/Bubbles.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CreatedObjectSettings } from '@ntalmagor/3drize-core';
+export interface BubblesProps {
+    settings: CreatedObjectSettings;
+}
+declare const Bubbles: React.FC<BubblesProps>;
+export default Bubbles;
+//# sourceMappingURL=Bubbles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bubbles.d.ts","sourceRoot":"","sources":["../../src/components/Bubbles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAiB,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAKnF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8GnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Bubbles.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
+import { useFrame } from '@react-three/fiber';
+import * as THREE from 'three';
+import { BubblesPointsMaterial } from '@ntalmagor/3drize-core';
+const MAX_BUBBLES = 256;
+const Bubbles = ({ settings }) => {
+    const config = settings.config;
+    const positions = useMemo(() => new Float32Array(MAX_BUBBLES * 3), []);
+    const velocities = useMemo(() => new Float32Array(MAX_BUBBLES * 3), []);
+    const ages = useMemo(() => new Float32Array(MAX_BUBBLES), []);
+    const lives = useMemo(() => new Float32Array(MAX_BUBBLES), []);
+    const baseSizes = useMemo(() => new Float32Array(MAX_BUBBLES), []);
+    const phases = useMemo(() => new Float32Array(MAX_BUBBLES), []);
+    const alive = useMemo(() => new Uint8Array(MAX_BUBBLES), []);
+    const geometry = useMemo(() => {
+        const g = new THREE.BufferGeometry();
+        g.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+        g.setAttribute('aAge', new THREE.BufferAttribute(ages, 1));
+        g.setAttribute('aLife', new THREE.BufferAttribute(lives, 1));
+        g.setAttribute('aBaseSize', new THREE.BufferAttribute(baseSizes, 1));
+        g.setAttribute('aPhase', new THREE.BufferAttribute(phases, 1));
+        for (let i = 0; i < MAX_BUBBLES; i++)
+            positions[i * 3 + 1] = -1e6;
+        return g;
+    }, [positions, ages, lives, baseSizes, phases]);
+    const material = useMemo(() => {
+        const m = new BubblesPointsMaterial();
+        m.transparent = true;
+        m.depthWrite = false;
+        m.blending = THREE.NormalBlending;
+        return m;
+    }, []);
+    useEffect(() => {
+        const u = material.uniforms;
+        const [cA, cB, cC] = config.colors ?? ['#aaccff', '#ffaadd', '#aaffcc'];
+        u.uColorA.value.set(cA);
+        u.uColorB.value.set(cB);
+        u.uColorC.value.set(cC);
+        u.uScale.value = (config.scale ?? 1) / 10;
+        u.uOpacity.value = config.opacity ?? 0.6;
+        u.uIridescence.value = config.iridescence ?? 0.7;
+        u.uSpeed.value = config.speed ?? 1;
+    }, [config.colors, config.scale, config.opacity, config.iridescence, config.speed, material]);
+    useEffect(() => () => { geometry.dispose(); material.dispose(); }, [geometry, material]);
+    const spawnAccum = useRef(0);
+    useFrame((state, delta) => {
+        material.uniforms.uTime.value = state.clock.getElapsedTime();
+        const scale = config.scale ?? 1;
+        const spawnRate = config.spawnRate ?? 8;
+        const floatSpeed = (config.floatSpeed ?? 0.5) * (config.speed ?? 1);
+        const lifetimeMs = config.lifetimeMs ?? 4000;
+        const speed = config.speed ?? 1;
+        spawnAccum.current += spawnRate * delta;
+        let toSpawn = Math.floor(spawnAccum.current);
+        spawnAccum.current -= toSpawn;
+        const dtMs = delta * 1000 * speed;
+        let scan = 0;
+        while (toSpawn > 0 && scan < MAX_BUBBLES) {
+            if (alive[scan] === 0) {
+                const base = scan * 3;
+                // Spawn at local origin with small lateral jitter — parent group's
+                // transform places the system in world space.
+                positions[base + 0] = (Math.random() - 0.5) * 0.2 * scale;
+                positions[base + 1] = (Math.random() - 0.5) * 0.1 * scale;
+                positions[base + 2] = (Math.random() - 0.5) * 0.2 * scale;
+                velocities[base + 0] = (Math.random() - 0.5) * 0.4;
+                velocities[base + 1] = floatSpeed * (0.7 + Math.random() * 0.6);
+                velocities[base + 2] = (Math.random() - 0.5) * 0.4;
+                ages[scan] = 0;
+                lives[scan] = lifetimeMs * (0.7 + Math.random() * 0.6);
+                baseSizes[scan] = (16 + Math.random() * 28) * (scale / 10);
+                phases[scan] = Math.random() * 100;
+                alive[scan] = 1;
+                toSpawn--;
+            }
+            scan++;
+        }
+        for (let j = 0; j < MAX_BUBBLES; j++) {
+            if (alive[j] === 0)
+                continue;
+            const base = j * 3;
+            ages[j] += dtMs;
+            if (ages[j] >= lives[j]) {
+                alive[j] = 0;
+                positions[base + 1] = -1e6;
+                continue;
+            }
+            velocities[base + 0] *= 0.99;
+            velocities[base + 2] *= 0.99;
+            const wobble = Math.sin(state.clock.getElapsedTime() * 1.3 * speed + phases[j]) * 0.05;
+            positions[base + 0] += velocities[base + 0] * delta + wobble * delta;
+            positions[base + 1] += velocities[base + 1] * delta;
+            positions[base + 2] += velocities[base + 2] * delta;
+        }
+        geometry.attributes.position.needsUpdate = true;
+        geometry.attributes.aAge.needsUpdate = true;
+        geometry.attributes.aLife.needsUpdate = true;
+        geometry.attributes.aBaseSize.needsUpdate = true;
+        geometry.attributes.aPhase.needsUpdate = true;
+    });
+    if (!settings.meshSettings.visible)
+        return null;
+    return _jsx("points", { geometry: geometry, material: material, frustumCulled: false });
+};
+export default Bubbles;

package/dist/components/Clouds.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { CloudsSettings, TimeSettings } from '@ntalmagor/3drize-core';
+import type { TimeSettings, CreatedObjectSettings } from '@ntalmagor/3drize-core';
 export interface CloudsProps {
-    settings: CloudsSettings;
-    timeSettings: TimeSettings;
+    settings: CreatedObjectSettings;
+    timeSettings?: TimeSettings;
 }
 declare const Clouds: React.FC<CloudsProps>;
 export default Clouds;

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

@@ -1 +1 @@
-{"version":3,"file":"Clouds.d.ts","sourceRoot":"","sources":["../../src/components/Clouds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,cAAc,EAAoB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAoB7F,MAAM,WAAW,WAAW;IAE1B,QAAQ,EAAE,cAAc,CAAA;IACxB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmLjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Clouds.d.ts","sourceRoot":"","sources":["../../src/components/Clouds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAGV,YAAY,EAIZ,qBAAqB,EAEtB,MAAM,wBAAwB,CAAC;AA+BhC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAgFD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuNjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Clouds.js

@@ -2,12 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
-import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
 import { useSkySystem } from '../hooks/useSkySystem.js';
 import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 import { useNumericAnimation } from '../hooks/useNumericAnimation.js';
-import { applySingleProperty } from '@ntalmagor/3drize-core';
-import { useMouseHandlers } from '../hooks/useMouseHandlers.js';
+import { calculateTimeProgress, applyEasing, gsapEasingMap, interpolateValue, interpolateMouseMoveProperty, } from '@ntalmagor/3drize-core';
 const CLOUD_COLORS = {
     night: new THREE.Color(0.1, 0.1, 0.2),
     sunrise: new THREE.Color(0.8, 0.4, 0.4),
@@ -22,20 +20,101 @@ const DEFAULT_MATERIAL = {
     u_cameraPos: [0, 0, 0],
     u_cloudColor: [1.0, 1.0, 1.0],
 };
-const Clouds = ({ settings, timeSettings, }) => {
-    const { visible = true, position = [0, 400, 0], scale = 15000, speed = 1, materialSettings = DEFAULT_MATERIAL, handlers } = settings;
-    const height = position?.[1] ?? 400;
+// =============================================================================
+// Per-domain helpers (clouds-specific writes for the `clouds` domain)
+// =============================================================================
+function applyCloudsKeyframeAnimations(animations, startValuesCache, config, override, currentTime) {
+    if (!animations?.length)
+        return;
+    override.speed = undefined; // reset before each pass
+    for (const anim of animations) {
+        const { property, to, duration, ease, loop = false, yoyo = false, active } = anim;
+        if (!active || to === undefined)
+            continue;
+        if (property !== 'speed')
+            continue;
+        let from = anim.from;
+        if (from === undefined) {
+            from = startValuesCache[property] ??= (config.speed ?? 1);
+        }
+        let p = calculateTimeProgress(currentTime, duration, yoyo, loop);
+        if (ease) {
+            const fn = gsapEasingMap[ease] || ease;
+            p = applyEasing(fn, p);
+        }
+        override.speed = interpolateValue(property, from, to, p);
+    }
+}
+function applyCloudsMouseMove(properties, config, override, pointer) {
+    if (!properties?.length)
+        return;
+    override.speed = undefined;
+    for (const { property, enabled, propertySettings } of properties) {
+        if (!enabled || property !== 'speed')
+            continue;
+        const { axis = 'both', sensitivity = 1, inverted = false, min, max } = propertySettings || {};
+        const base = config.speed ?? 1;
+        override.speed = interpolateMouseMoveProperty(base, min, max, pointer, axis, sensitivity, inverted);
+    }
+}
+// Project legacy flat `handlers.onMouseMove.properties[]` shape into per-domain
+// buckets so we can route it through the new handlers without a save migration.
+function projectLegacyHandlersToDomain(legacy) {
+    const transform = [];
+    const material = [];
+    const clouds = [];
+    if (!legacy)
+        return { transform, material, clouds };
+    for (const cfg of legacy) {
+        const enabledP = { property: cfg.property, enabled: cfg.enabled ?? true, propertySettings: cfg.propertySettings };
+        if (cfg.property === 'speed')
+            clouds.push(enabledP);
+        else if (cfg.property === 'position' || cfg.property === 'rotation' || cfg.property === 'scale')
+            transform.push(enabledP);
+        else
+            material.push(enabledP);
+    }
+    return { transform, material, clouds };
+}
+// =============================================================================
+// MAIN COMPONENT
+// =============================================================================
+const defaultTimeSettings = {
+    enabled: false,
+    timescale: 1,
+    timeOfDay: 12,
+    syncWithRealTime: false,
+    autoAnimate: false,
+};
+const Clouds = ({ settings, timeSettings = defaultTimeSettings }) => {
+    const visible = settings.meshSettings.visible ?? true;
+    const meshSettings = settings.meshSettings;
+    const config = settings.config;
+    const materialSettings = settings.materialSettings;
+    const position = meshSettings.position;
+    const scale = meshSettings.scale;
+    // console.log(config.speed)
+    const baseSpeed = config.speed ?? 1;
+    // console.log(baseSpeed)
+    const height = position[1];
+    const planeSize = config?.planeSize || [10000, 10000];
+    const planeSegments = config?.planeSegments || 64;
     const meshRef = useRef(null);
     const cloudAnimTime = useRef(0);
     const { camera } = useThree();
-    const { interpolateProperty } = useMouseHandlers();
     const cloudColorRef = useRef(new THREE.Color(1, 1, 1));
     const targetCloudColorRef = useRef(new THREE.Color(1, 1, 1));
+    // Sequence-driven numeric anims (legacy `useAnimationEvents` path)
     const numericOverrideRef = useRef(null);
-    const mouseOverrideRef = useRef({});
     const { animateNumeric } = useNumericAnimation();
-    const effectiveMaterialSettings = materialSettings ?? DEFAULT_MATERIAL;
-    useMaterialApplication(settings.visible ? meshRef.current : null, effectiveMaterialSettings, true);
+    // Per-domain animation + mouseMove overrides
+    const animatedOverrideRef = useRef({});
+    const mouseOverrideRef = useRef({});
+    // Keyframe-animation start-value caches (one per domain that uses them)
+    const transformAnimCacheRef = useRef({});
+    const materialAnimCacheRef = useRef({});
+    const cloudsAnimCacheRef = useRef({});
+    // useMaterialApplication(visible ? (meshRef.current as any) : null, materialSettings, true);
     const handleTimeUpdate = useCallback((state) => {
         const { normalizedTime, isDaytime, delta } = state;
         if (isDaytime) {
@@ -66,6 +145,7 @@ const Clouds = ({ settings, timeSettings, }) => {
         onTimeUpdate: handleTimeUpdate,
         enabled: visible,
     });
+    // Legacy sequence-driven `speed`/`scale` anims via `useAnimationEvents`
     useAnimationEvents({
         onStepStart: (event) => {
             if (!event.step?.transitions)
@@ -75,20 +155,18 @@ const Clouds = ({ settings, timeSettings, }) => {
                     continue;
                 const toProps = transition.properties.to || {};
                 const fromProps = transition.properties.from || {};
-                // visible — immediate boolean switch on the Three.js mesh
-                if (toProps.visible !== undefined) {
+                if (toProps.visible !== undefined)
                     meshRef.current.visible = toProps.visible;
-                }
-                // numeric: speed, scale
-                const CLOUDS_NUMERIC_KEYS = ['speed', 'scale'];
+                const KEYS = ['speed', 'scale'];
                 const from = {};
                 const to = {};
-                for (const key of CLOUDS_NUMERIC_KEYS) {
-                    const toVal = toProps[key];
+                for (const k of KEYS) {
+                    const toVal = toProps[k];
                     if (toVal === undefined)
                         continue;
-                    to[key] = toVal;
-                    from[key] = fromProps[key] ?? settings[key] ?? toVal;
+                    to[k] = toVal;
+                    const sourceFallback = k === 'speed' ? baseSpeed : scale;
+                    from[k] = fromProps[k] ?? sourceFallback;
                 }
                 if (Object.keys(to).length > 0) {
                     animateNumeric(from, to, (updated) => {
@@ -100,44 +178,69 @@ const Clouds = ({ settings, timeSettings, }) => {
             }
         },
     });
-    const handleMouseMove = (mouse) => {
-        if (!handlers?.onMouseMove?.enabled)
-            return;
-        if (!handlers.onMouseMove.properties.length)
-            return;
-        if (!meshRef.current)
-            return;
-        handlers.onMouseMove.properties.forEach((cfg) => {
-            const { property, propertySettings } = cfg;
-            const { min: minValue, max: maxValue, axis, sensitivity = 1, inverted = false } = propertySettings;
-            if (property === 'speed' || property === 'scale') {
-                const key = property;
-                const baseValue = settings[key];
-                if (baseValue === undefined)
-                    return;
-                const interpolated = interpolateProperty(baseValue, minValue, maxValue, mouse, axis, sensitivity, inverted);
-                mouseOverrideRef.current[key] = interpolated;
-                return;
-            }
-            const baseValue = settings.materialSettings?.[property];
-            if (baseValue === undefined)
-                return;
-            const interpolated = interpolateProperty(baseValue, minValue, maxValue, mouse, axis, sensitivity, inverted);
-            applySingleProperty(meshRef.current.material, property, interpolated);
-        });
-    };
     useFrame((state) => {
-        if ((meshRef.current && !meshRef.current.visible) || !meshRef.current?.material)
+        const mesh = meshRef.current;
+        if (!mesh || !mesh.visible || !mesh.material)
             return;
-        const material = meshRef.current.material;
+        const material = mesh.material;
         const uniforms = material?.uniforms;
         if (!uniforms)
             return;
-        const effectiveSpeed = numericOverrideRef.current?.speed
+        const now = Date.now();
+        const pointer = state.pointer;
+        // ── PER-DOMAIN ANIMATIONS ────────────────────────────────────────────────
+        const mouseMove = settings.mouseMove;
+        // const isPerDomain = mm && ('transform' in mm || 'material' in mm || 'edges' in mm || 'light' in mm || 'clouds' in mm);
+        // transform: position / rotation / scale
+        // const transformAnims = settings.animations?.transform?.animations;
+        // if (transformAnims?.length) {
+        //   handleTransformAnimations(
+        //     { object: mesh, meshSettings: meshSettings as any, pathIsActive: false },
+        //     transformAnims,
+        //     now,
+        //     false,
+        //   );
+        // }
+        // // material: shader uniforms
+        // const materialAnims = settings.animations?.material?.animations;
+        // if (materialAnims?.length) {
+        //   handleMaterialAnimations(
+        //     { object: mesh, materialSettings: materialSettings as any, startValuesCache: materialAnimCacheRef.current },
+        //     materialAnims,
+        //     now,
+        //     false,
+        //   );
+        // }
+        // clouds: speed
+        applyCloudsKeyframeAnimations(settings.animations?.clouds?.animations, cloudsAnimCacheRef.current, config, animatedOverrideRef.current, now);
+        // ── PER-DOMAIN MOUSE-MOVE ─────────────────────────────────────────────────
+        if (mouseMove) {
+            const perDomain = mouseMove;
+            // if (perDomain.transform?.enabled && perDomain.transform.properties?.length) {
+            //   handleTransformMouseMove(
+            //     { object: mesh, meshSettings: meshSettings as any },
+            //     perDomain.transform.properties,
+            //     pointer,
+            //   );
+            // }
+            // if (perDomain.material?.enabled && perDomain.material.properties?.length) {
+            //   handleMaterialMouseMove(
+            //     { object: mesh, materialSettings: materialSettings as any },
+            //     perDomain.material.properties,
+            //     pointer,
+            //   );
+            // }
+            applyCloudsMouseMove(perDomain.clouds?.enabled ? perDomain.clouds.properties : undefined, config, mouseOverrideRef.current, pointer);
+        }
+        // ── EFFECTIVE SPEED + UNIFORM UPDATES ─────────────────────────────────────
+        const effectiveSpeed = animatedOverrideRef.current.speed
+            ?? numericOverrideRef.current?.speed
             ?? mouseOverrideRef.current.speed
-            ?? speed;
+            ?? baseSpeed;
+        // console.log(effectiveSpeed)
+        // console.log(effectiveSpeed)
         cloudAnimTime.current += 0.02 * effectiveSpeed;
-        const mouse = state.pointer;
+        // console.log(cloudAnimTime.current)
         if (uniforms.u_time)
             uniforms.u_time.value = cloudAnimTime.current;
         if (uniforms.u_cameraPos) {
@@ -160,14 +263,16 @@ const Clouds = ({ settings, timeSettings, }) => {
                 ? uniforms.u_sunPosition.value.copy(sunDirection)
                 : (uniforms.u_sunPosition.value = sunDirection.clone());
         }
-        handleMouseMove(mouse);
-        const effectiveScale = numericOverrideRef.current?.scale
-            ?? mouseOverrideRef.current.scale;
-        if (effectiveScale !== undefined) {
-            meshRef.current.scale.setScalar(effectiveScale);
+        // Apply scale override (sequence-driven path only — per-domain transform anims
+        // already mutate mesh.scale through handleTransformAnimations).
+        if (numericOverrideRef.current?.scale !== undefined) {
+            mesh.scale.setScalar(numericOverrideRef.current.scale);
         }
     });
-    // if (!visible) return null;
-    return (_jsx("mesh", { ref: meshRef, name: "SkyClouds", userData: { id: '3drise-clouds' }, position: [0, height, 0], rotation: [Math.PI / 2, 0, 0], scale: scale, renderOrder: -1, frustumCulled: false, visible: visible, children: _jsx("planeGeometry", { args: [2, 2] }) }));
+    return (_jsx("mesh", { ref: meshRef, name: "SkyClouds", userData: { id: '3drise-clouds' }, 
+        // position={[0, height, 0]}
+        // rotation={[Math.PI / 2, 0, 0]}
+        // scale={scale}
+        renderOrder: -1, frustumCulled: false, visible: visible, children: _jsx("planeGeometry", { args: [planeSize[0], planeSize[1], planeSegments, planeSegments] }) }));
 };
 export default Clouds;

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,EAAG,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAQrG,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,CA6J9C,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;AAQrG,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,CA0J9C,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/CreatedObject.js

@@ -15,7 +15,7 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
     // const { handleObjectClick: contextHandleObjectClick } = useSceneClick();
     const meshRef = useRef(null);
     const transformRef = useRef(null);
-    const baseColorRef = useRef(("color" in createdObject.materialSettings && createdObject.materialSettings.color) || '#ffffff');
+    // const baseColorRef = useRef<string>(("color" in createdObject.materialSettings && createdObject.materialSettings.color) || '#ffffff');  
     // const [hovered, setHovered] = useState(false);
     const [animatedTransform, setAnimatedTransform] = useState({
         position: createdObject.meshSettings.position,
@@ -85,10 +85,6 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
         e.stopPropagation();
     };
     const anchorEnabled = createdObject.meshSettings.anchor && createdObject.meshSettings.anchor.enabled;
-    // console.log("createdObject.meshSettings", createdObject.meshSettings)
-    // console.log("Rendered CreatedObject:", createdObject.rigidBodySettings);
-    const stateKey = createdObject.meshSettings.name;
-    // console.log({stateKey})
     return (_jsx(AnimatedObject
     // animationId={createdObject.animationId || ''}
     , { 

package/dist/components/Earth.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import * as THREE from 'three';
+export interface EarthProps {
+    sunPosition?: [number, number, number];
+    position?: [number, number, number];
+    scale?: number;
+    radius?: number;
+    segments?: number;
+    enableRotation?: boolean;
+    rotationSpeed?: number;
+    visible?: boolean;
+    atmosphereDayColor?: THREE.ColorRepresentation;
+    atmosphereTwilightColor?: THREE.ColorRepresentation;
+    onMeshReady?: (mesh: THREE.Mesh) => void;
+}
+declare const Earth: React.FC<EarthProps>;
+export default Earth;
+//# sourceMappingURL=Earth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Earth.d.ts","sourceRoot":"","sources":["../../src/components/Earth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,UAAU;IACzB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;IAC/C,uBAAuB,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkF/B,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components/Earth.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import * as THREE from 'three';
+import { useFrame } from '@react-three/fiber';
+import { useTexture } from '@react-three/drei';
+const EARTH_CDN_BASE = 'https://3d-rise.sfo3.cdn.digitaloceanspaces.com/app/images/earth';
+const EARTH_DAY_URL = `${EARTH_CDN_BASE}/earth_day_4096.jpg`;
+const EARTH_NIGHT_URL = `${EARTH_CDN_BASE}/earth_night_4096.jpg`;
+const EARTH_BUMP_ROUGHNESS_CLOUDS_URL = `${EARTH_CDN_BASE}/earth_bump_roughness_clouds_4096.jpg`;
+const Earth = ({ sunPosition = [0, 0, 3], position = [0, 0, 0], scale = 1, radius = 1, segments = 64, enableRotation = true, rotationSpeed = 0.025, visible = true, atmosphereDayColor = '#4db2ff', atmosphereTwilightColor = '#bc490b', onMeshReady, }) => {
+    const globeRef = useRef(null);
+    const globeMatRef = useRef(null);
+    const atmosphereMatRef = useRef(null);
+    const [dayMap, nightMap, bumpRoughnessClouds] = useTexture([
+        EARTH_DAY_URL,
+        EARTH_NIGHT_URL,
+        EARTH_BUMP_ROUGHNESS_CLOUDS_URL,
+    ]);
+    useEffect(() => {
+        dayMap.colorSpace = THREE.SRGBColorSpace;
+        nightMap.colorSpace = THREE.SRGBColorSpace;
+        dayMap.anisotropy = 8;
+        nightMap.anisotropy = 8;
+        bumpRoughnessClouds.anisotropy = 8;
+    }, [dayMap, nightMap, bumpRoughnessClouds]);
+    const sunDirection = useMemo(() => new THREE.Vector3(sunPosition[0], sunPosition[1], sunPosition[2]).normalize(), [sunPosition]);
+    const dayColor = useMemo(() => new THREE.Color(atmosphereDayColor), [atmosphereDayColor]);
+    const twilightColor = useMemo(() => new THREE.Color(atmosphereTwilightColor), [atmosphereTwilightColor]);
+    const handleGlobeRef = useCallback((mesh) => {
+        if (mesh) {
+            globeRef.current = mesh;
+            onMeshReady?.(mesh);
+        }
+    }, [onMeshReady]);
+    useFrame((_, delta) => {
+        if (enableRotation && globeRef.current) {
+            globeRef.current.rotation.y += delta * rotationSpeed;
+        }
+    });
+    return (_jsxs("group", { position: position, scale: scale, visible: visible, userData: { id: '3drise-earth' }, children: [_jsxs("mesh", { ref: handleGlobeRef, children: [_jsx("sphereGeometry", { args: [radius, segments, segments] }), _jsx("earthMaterial", { ref: globeMatRef, uDayMap: dayMap, uNightMap: nightMap, uBumpRoughnessClouds: bumpRoughnessClouds, uSunDirection: sunDirection, uAtmosphereDayColor: dayColor, uAtmosphereTwilightColor: twilightColor })] }), _jsxs("mesh", { scale: 1.04, children: [_jsx("sphereGeometry", { args: [radius, segments, segments] }), _jsx("earthAtmosphereMaterial", { ref: atmosphereMatRef, transparent: true, side: THREE.BackSide, depthWrite: false, uSunDirection: sunDirection, uAtmosphereDayColor: dayColor, uAtmosphereTwilightColor: twilightColor })] })] }));
+};
+Earth.displayName = 'Earth';
+export default Earth;

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

@@ -1 +1 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAClB,aAAa,EAAE,qBAAqB,EACpC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,GAClB,EAAE,UAAU,kDAoFZ"}
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAClB,aAAa,EAAE,qBAAqB,EACpC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,GAClB,EAAE,UAAU,kDAuFZ"}

package/dist/components/Frame.js

@@ -48,5 +48,7 @@ export default function Frame({ url, isActive, createdObject, position, rotation
     };
     if (!texture)
         return null;
-    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: onClick, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
+    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: onClick, userData: {
+            url,
+        }, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
 }

package/dist/components/Galaxy.js

@@ -1,8 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Stars from './Stars.js';
-import ShootingStars from './ShootingStars.js';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const Galaxy = ({ settings, timeSettings, sunSystemEnabled }) => {
     // if (!settings.visible) return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Stars, { settings: settings, timeSettings: timeSettings, sunSystemEnabled: sunSystemEnabled }), _jsx(ShootingStars, { settings: settings.shootingStars })] }));
+    return (_jsx(_Fragment, {}));
 };
 export default Galaxy;

package/dist/components/Glyphs.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CreatedObjectSettings } from '@ntalmagor/3drize-core';
+export interface GlyphsProps {
+    settings: CreatedObjectSettings;
+}
+declare const Glyphs: React.FC<GlyphsProps>;
+export default Glyphs;
+//# sourceMappingURL=Glyphs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Glyphs.d.ts","sourceRoot":"","sources":["../../src/components/Glyphs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,qBAAqB,EAAgB,MAAM,wBAAwB,CAAC;AAGlF,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Glyphs.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { useFrame } from '@react-three/fiber';
+import * as THREE from 'three';
+import { GlyphRingMaterial } from '@ntalmagor/3drize-core';
+const Glyphs = ({ settings }) => {
+    const config = settings.config;
+    // The ring sits at r=0.55 within UV space, so the plane must span 2 * ringRadius / 0.55
+    // for the ring's outer edge to land at the configured `ringRadius` in world units.
+    const planeSize = useMemo(() => {
+        const r = Math.max(0.05, config.ringRadius ?? 1);
+        return (2 * r) / 0.55;
+    }, [config.ringRadius]);
+    const geometry = useMemo(() => new THREE.PlaneGeometry(planeSize, planeSize, 1, 1), [planeSize]);
+    const material = useMemo(() => {
+        const m = new GlyphRingMaterial();
+        m.transparent = true;
+        m.depthWrite = false;
+        m.side = THREE.DoubleSide;
+        m.blending = THREE.AdditiveBlending;
+        return m;
+    }, []);
+    useEffect(() => {
+        const u = material.uniforms;
+        u.uRingColor.value.set(config.ringColor ?? '#88ccff');
+        u.uGlyphsColor.value.set(config.glyphsColor ?? '#88ccff');
+        u.uShadesMultiplier.value = config.shadesMultiplier ?? 0.0;
+        u.uHoverColor.value.set(config.hoverColor ?? '#ffffff');
+        u.uHoverRadius.value = config.hoverRadius ?? 0.3;
+        u.uHoverIntensity.value = config.hoverIntensity ?? 0.0;
+        u.uGlyphCount.value = Math.max(3, config.glyphCount ?? 12);
+        u.uMorphSpeed.value = config.morphSpeed ?? 0.4;
+        u.uIntensity.value = config.intensity ?? 1.5;
+        u.uOpacity.value = config.opacity ?? 1.0;
+    }, [
+        config.ringColor,
+        config.glyphsColor,
+        config.shadesMultiplier,
+        config.hoverColor,
+        config.hoverRadius,
+        config.hoverIntensity,
+        config.glyphCount,
+        config.morphSpeed,
+        config.intensity,
+        config.opacity,
+        material,
+    ]);
+    useEffect(() => () => { geometry.dispose(); material.dispose(); }, [geometry, material]);
+    useFrame((state, delta) => {
+        material.uniforms.uTime.value = state.clock.getElapsedTime();
+        const rotSpeed = config.rotationSpeed ?? 0.5;
+        material.uniforms.uRotation.value += delta * rotSpeed * 0.15;
+    });
+    if (!settings.meshSettings.visible)
+        return null;
+    return _jsx("mesh", { geometry: geometry, material: material, frustumCulled: false });
+};
+export default Glyphs;

package/dist/components/GridHelper.js

@@ -14,7 +14,7 @@ const cleanColor = (color) => {
     }
     return color;
 };
-const GridHelper = ({ cellSize = 1, cellThickness = 1, cellColor = '#000000', sectionSize = 10, sectionThickness = 1.5, sectionColor = '#000000', followCamera = false, infiniteGrid = true, fadeDistance = 30, fadeStrength = 1, fadeFrom = 0, side = THREE.BackSide, position = [0, 0, 0], rotation = [0, 0, 0], visible = true, device = 'desktop', }) => {
+const GridHelper = ({ cellSize = 1, cellThickness = 1, cellColor = '#000000', sectionSize = 10, sectionThickness = 1.5, sectionColor = '#000000', followCamera = false, infiniteGrid = true, fadeDistance = 30, fadeStrength = 1, fadeFrom = 0, side = THREE.DoubleSide, position = [0, 0, 0], rotation = [0, 0, 0], visible = true, device = 'desktop', }) => {
     const gridRef = useRef(null);
     const targetY = useRef(position[1]);
     const responsiveScale = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Moon.d.ts","sourceRoot":"","sources":["../../src/components/Moon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAK7D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmE7B,CAAC;AAGF,eAAe,IAAI,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Moon.d.ts","sourceRoot":"","sources":["../../src/components/Moon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAK7D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuF7B,CAAC;AAGF,eAAe,IAAI,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,CAAC"}