@ntalmagor/3drize-viewer 0.1.25 → 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.js

@@ -5,7 +5,7 @@ import { useThree, useFrame } from '@react-three/fiber';
 import { useSkySystem } from '../hooks/useSkySystem.js';
 import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 import { useNumericAnimation } from '../hooks/useNumericAnimation.js';
-import { calculateTimeProgress, applyEasing, gsapEasingMap, interpolateValue, handleTransformMouseMove, handleMaterialMouseMove, interpolateMouseMoveProperty, } from '@ntalmagor/3drize-core';
+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),
@@ -189,7 +189,7 @@ const Clouds = ({ settings, timeSettings = defaultTimeSettings }) => {
         const now = Date.now();
         const pointer = state.pointer;
         // ── PER-DOMAIN ANIMATIONS ────────────────────────────────────────────────
-        const mm = settings.mouseMove;
+        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;
@@ -214,14 +214,22 @@ const Clouds = ({ settings, timeSettings = defaultTimeSettings }) => {
         // clouds: speed
         applyCloudsKeyframeAnimations(settings.animations?.clouds?.animations, cloudsAnimCacheRef.current, config, animatedOverrideRef.current, now);
         // ── PER-DOMAIN MOUSE-MOVE ─────────────────────────────────────────────────
-        if (mm) {
-            const perDomain = mm;
-            if (perDomain.transform?.enabled && perDomain.transform.properties?.length) {
-                handleTransformMouseMove({ object: mesh, meshSettings: meshSettings }, perDomain.transform.properties, pointer);
-            }
-            if (perDomain.material?.enabled && perDomain.material.properties?.length) {
-                handleMaterialMouseMove({ object: mesh, materialSettings: materialSettings }, perDomain.material.properties, pointer);
-            }
+        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 ─────────────────────────────────────

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,

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/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"}

package/dist/components/Moon.js

@@ -1,18 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useCallback } from 'react';
+import { useRef, useEffect, useState, useCallback } from 'react';
 import * as THREE from 'three';
 import { useFrame } from '@react-three/fiber';
-import { useTexture } from '@react-three/drei';
 export { defaultMoonSettings } from '@ntalmagor/3drize-core';
-const MOON_TEXTURE_URL = 'https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/06a094a4-7bd7-4bb9-b998-6c1e17f66c08/dbcju0k-b9b333e1-dd8d-4657-90db-7d3e7e179843.png';
+const MOON_TEXTURE_URL = "https://3d-rise.sfo3.cdn.digitaloceanspaces.com/app/images/moon_1024.jpg";
 const Moon = ({ settings, sunPosition, onMeshReady }) => {
     const meshRef = useRef(null);
     const lightRef = useRef(null);
     const targetRef = useRef(null);
-    const texture = useTexture(MOON_TEXTURE_URL);
+    const [texture, setTexture] = useState(null);
+    useEffect(() => {
+        const loader = new THREE.TextureLoader();
+        loader.setCrossOrigin('anonymous');
+        let cancelled = false;
+        loader.load(MOON_TEXTURE_URL, (loaded) => {
+            console.log("Moon texture loaded:", loaded);
+            if (!cancelled)
+                setTexture(loaded);
+        }, undefined, () => {
+            // Silently ignore — moon renders as a plain lit sphere if the texture fails.
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
     const s = settings ?? {
         visible: true,
-        position: [0, 5, 0],
+        position: [0, 0, 0],
         scale: 3,
         rotation: [0, 0, 0.5],
         emissiveIntensity: 0.3,
@@ -46,7 +60,7 @@ const Moon = ({ settings, sunPosition, onMeshReady }) => {
         }
     });
     const moonPos = sunPosition ?? s.position;
-    return (_jsxs("group", { userData: { id: '3drise-moon' }, children: [_jsx("object3D", { ref: targetRef, position: moonPos }), _jsx("directionalLight", { ref: lightRef, intensity: 2, color: 0xffffff, target: targetRef.current ?? undefined }), _jsxs("mesh", { ref: handleMeshRef, position: moonPos, rotation: s.rotation, scale: s.scale, visible: s.visible, children: [_jsx("sphereGeometry", { args: [10, 22, 22] }), _jsx("meshPhongMaterial", { color: 0xb2b2b2, normalMap: texture, shininess: 0 })] })] }));
+    return (_jsxs("group", { userData: { id: '3drise-moon' }, children: [_jsx("object3D", { ref: targetRef, position: moonPos }), _jsx("directionalLight", { ref: lightRef, intensity: 2, color: 0xffffff, target: targetRef.current ?? undefined }), _jsxs("mesh", { ref: handleMeshRef, position: moonPos, rotation: s.rotation, scale: s.scale, visible: s.visible, children: [_jsx("sphereGeometry", { args: [1, 32, 32] }), _jsx("meshPhongMaterial", { color: 0xb2b2b2, normalMap: texture, shininess: 0 })] })] }));
 };
 Moon.displayName = 'Moon';
 export default Moon;

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,EAAyC,MAAM,wBAAwB,CAAC;AAEnM,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,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;AA+CF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0JzC,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,EAAuD,MAAM,wBAAwB,CAAC;AAEjN,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAqBrD,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;AA4DF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2KzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -15,6 +15,20 @@ import Ocean from "./Ocean.js";
 import Stars from "./Stars.js";
 import Clouds from "./Clouds.js";
 import Rain from "./Rain.js";
+import Bubbles from "./Bubbles.js";
+import Glyphs from "./Glyphs.js";
+import SparklesBurst from "./SparklesBurst.js";
+// Types whose React component instantiates and drives its own ShaderMaterial.
+// useMaterialApplication would otherwise traverse the mesh tree and replace
+// that material with a registry-default instance, breaking config-driven
+// uniform updates (e.g. only ringRadius worked on glyphs because that drives
+// geometry, not the material).
+const SELF_MANAGED_MATERIAL = new Set([
+    'bubbles',
+    'glyphs',
+    'sparklesBurst',
+    // 'moon'
+]);
 // const EffectsLayer: React.FC<{ effects: CreatedObjectSettings['effects'] }> = ({ effects }) =>
 //     effects?.length ? (
 //         <>
@@ -25,7 +39,8 @@ import Rain from "./Rain.js";
 //     ) : null;
 const GroupWithChildren = ({ createdObject, children, cameraSettings, onObjectReady, handleObjectClick, renderObject }) => {
     const isGroup = createdObject.type === 'group';
-    return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, cameraSettings: cameraSettings, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady }, childNode.objectId)))] }, createdObject.id));
+    const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type);
+    return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, cameraSettings: cameraSettings, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady }, childNode.objectId)))] }, createdObject.id));
 };
 const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick }) => {
     const { children, createdObject } = node;
@@ -56,8 +71,8 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
             const particlesSettings = obj;
             return (_jsxs(_Fragment, { children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, cameraFov: cameraSettings.fov, duration: 1, transitionSettings: particlesSettings.meshSettings })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings }))] }));
         },
-        path: (obj, cameraSettings, onObjectReady) => (_jsx(PathRenderer, { pathSettings: obj.config, showCurve: false, showLine: false, showPoints: false }, obj.id)),
-        grid: (obj, cameraSettings, onObjectReady) => (_jsx(GridHelper, { ...obj.config })),
+        path: (obj, cameraSettings, onObjectReady) => (_jsx(PathRenderer, { pathSettings: obj.config }, obj.id)),
+        grid: (obj, cameraSettings, onObjectReady) => (_jsx(GridHelper, { ...obj.config, side: 2 })),
         effect: (obj) => (_jsx(EffectsGenerator, { settings: {
                 enabled: true,
                 config: obj.config,
@@ -65,6 +80,9 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
         gallery: (obj, cameraSettings, onObjectReady) => (_jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick })),
         light: (obj, cameraSettings, onObjectReady) => (_jsx(LightObject, { createdObject: obj })),
         rain: (obj, cameraSettings, onObjectReady) => (_jsx(Rain, { settings: obj })),
+        bubbles: (obj, cameraSettings, onObjectReady) => (_jsx(Bubbles, { settings: obj })),
+        glyphs: (obj, cameraSettings, onObjectReady) => (_jsx(Glyphs, { settings: obj })),
+        sparklesBurst: (obj, cameraSettings, onObjectReady) => (_jsx(SparklesBurst, { settings: obj })),
     }), [handleObjectClick]);
     if (!createdObject) {
         console.warn(`createdObject not found.`);
@@ -74,13 +92,13 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
     const hasChildren = children.length > 0;
     const shouldRenderAsGroup = hasChildren || createdObject.type === 'group' || createdObject.type === 'effect';
     const renderObject = useCallback((obj, handleObjectClick) => {
-        console.log('Rendering object:', obj);
+        // console.log('Rendering object:', obj);
         const renderer = renderers[obj.type];
         return renderer?.(obj, cameraSettings, onObjectReady) ?? null;
     }, [cameraSettings, onObjectReady, renderers]);
     const renderedObject = shouldRenderAsGroup
         ? _jsx(GroupWithChildren, { createdObject: createdObject, children: children, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, renderObject: renderObject })
-        : _jsx(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: renderObject(createdObject) }, createdObject.id);
+        : _jsx(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !SELF_MANAGED_MATERIAL.has(createdObject.type), children: renderObject(createdObject) }, createdObject.id);
     // createdObject.effects
     //     ? <>
     //         {renderObject(createdObject)}

package/dist/components/PathRenderer.d.ts

@@ -6,8 +6,6 @@ export interface PathRendererProps {
     showPoints?: boolean;
     showLine?: boolean;
     showCurve?: boolean;
-    pointSize?: number;
-    lineWidth?: number;
 }
 declare const PathRenderer: React.FC<PathRendererProps>;
 export default PathRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/PathRenderer.js

@@ -3,7 +3,10 @@ import { useMemo } from 'react';
 import { Sphere, Line } from '@react-three/drei';
 import { smoothPathCorners, createPathSpline, sampleSplinePoints } from '@ntalmagor/3drize-core';
 import PathGeometry from './PathGeometry.js';
-const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, pointSize = 0.15, lineWidth = 2, }) => {
+const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, }) => {
+    console.log("Rendering Path with settings:", pathSettings);
+    const pointSize = pathSettings.pointSize ?? 0.1;
+    const lineWidth = pathSettings.lineWidth ?? 2;
     const points = pathSettings?.points || [];
     const curve = pathSettings?.curve ?? 1;
     const smoothCorners = pathSettings?.smoothCorners ?? 0;

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,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"}
+{"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,CAwGzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProjectLoader.js

@@ -61,13 +61,7 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
             catch (assetError) {
                 console.error('[useLoadProject] Failed to load model assets, continuing with project load:', assetError);
             }
-            const meshes = meshObjects.map(obj => {
-                return {
-                    ...obj.userData,
-                    id: obj.id,
-                };
-            });
-            meshController.createMeshes(meshes);
+            meshController.createObjects(meshObjects);
             console.log("PROJECT LOAD COMPLETE");
             setProject(responseData);
         }

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,EAQlB,MAAM,wBAAwB,CAAC;AAUhC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2M7C,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,EAQlB,MAAM,wBAAwB,CAAC;AAWhC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+M7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SceneBuilder.js

@@ -7,6 +7,7 @@ import LightsManager from "./LightsManager.js";
 import EnvironmentManager from "./EnvironmentManager.js";
 import CameraController from "./CameraController.js";
 import ObjectsRenderer from "./ObjectsRenderer.js";
+import CursorController from "./cursor/CursorController.js";
 import { Physics } from "@react-three/rapier";
 const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, className = "", onSceneInitialized, onUiElementClick, onObjectClick, }) => {
     const sceneSettings = (project.sceneSettingsData || {});
@@ -127,6 +128,6 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
                 if (onSceneInitialized) {
                     onSceneInitialized();
                 }
-            }, children: _jsxs(Physics, { gravity: physicsSettings.gravity, paused: !physicsSettings.enabled, debug: physicsSettings.debug, children: [_jsx(LightsManager, { config: lighting[0] }), environment && _jsx(EnvironmentManager, { environment: environment, timeSettings: timeSettings }), _jsx(CameraController, { settings: camera }), _jsx(ObjectsRenderer, { cameraSettings: camera, generalObjectSettings: generalObjectSettings, createdObjects: sceneObjects, onObjectsReady: undefined, sequences: animationSequences, handleObjectClick: onObjectClick ? (object, ref, event) => onObjectClick(object, ref, event) : undefined })] }) }) }));
+            }, children: _jsxs(Physics, { gravity: physicsSettings.gravity, paused: !physicsSettings.enabled, debug: physicsSettings.debug, children: [_jsx(LightsManager, { config: lighting[0] }), environment && _jsx(EnvironmentManager, { environment: environment, timeSettings: timeSettings }), _jsx(CameraController, { settings: camera }), _jsx(ObjectsRenderer, { cameraSettings: camera, generalObjectSettings: generalObjectSettings, createdObjects: sceneObjects, onObjectsReady: undefined, sequences: animationSequences, handleObjectClick: onObjectClick ? (object, ref, event) => onObjectClick(object, ref, event) : undefined }), _jsx(CursorController, { effects: project.cursor?.effects, clickActions: project.cursor?.clickActions })] }) }) }));
 };
 export default SceneBuilder;

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

@@ -1 +1 @@
-{"version":3,"file":"SkySystem.d.ts","sourceRoot":"","sources":["../../src/components/SkySystem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACpH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,SAAS,qFAwGb,CAAC;AAIH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SkySystem.d.ts","sourceRoot":"","sources":["../../src/components/SkySystem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACpH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,SAAS,qFAyGb,CAAC;AAIH,eAAe,SAAS,CAAC"}

package/dist/components/SkySystem.js

@@ -8,7 +8,7 @@ import Lensflare from './Lensflare.js';
 import SunLight from './SunLight.js';
 import SkyController from './SkyController.js';
 import SceneFog from './SceneFog.js';
-const SkySystem = forwardRef(({ timeSettings, visible = true, sunSystemVisible = false, sunSize = 1, moonSize = 1, skyboxScale = 100000, sunIntensity = 1, castShadow = true, shadowMapSize = 2048, playerPosition = new THREE.Vector3(0, 0, 0), starsSettings, cloudsSettings, cloudsMaterialSettings, skyControllerSettings, rainSettings, fogSettings, onTimeOfDayChange, onTimeUpdate, }, ref) => {
+const SkySystem = forwardRef(({ timeSettings, visible = true, sunSystemVisible = false, sunSize = 1, moonSize = 1, skyboxScale = 1000, sunIntensity = 1, castShadow = true, shadowMapSize = 2048, playerPosition = new THREE.Vector3(0, 0, 0), starsSettings, cloudsSettings, cloudsMaterialSettings, skyControllerSettings, rainSettings, fogSettings, onTimeOfDayChange, onTimeUpdate, }, ref) => {
     const previousTimeOfDayRef = useRef(null);
     useImperativeHandle(ref, () => ({
         setTime: (h, m) => skySystemManager.setTime(h, m),
@@ -40,7 +40,7 @@ const SkySystem = forwardRef(({ timeSettings, visible = true, sunSystemVisible =
     });
     if (!visible)
         return null;
-    return (_jsxs("group", { children: [skyControllerSettings && !sunSystemVisible && (_jsx(SkyController, { settings: skyControllerSettings, timeSettings: timeSettings })), sunSystemVisible && (_jsxs(_Fragment, { children: [_jsx(Skybox, { visible: true, scale: skyboxScale, sunSize: sunSize, moonSize: moonSize, timeSettings: timeSettings }), _jsx(Lensflare, { visible: true, intensity: sunIntensity, timeSettings: timeSettings }), _jsx(SunLight, { visible: true, timeSettings: timeSettings, targetPosition: playerPosition, intensity: sunIntensity, castShadow: castShadow, shadowMapSize: shadowMapSize })] })), fogSettings && (_jsx(SceneFog, { fog: fogSettings }))] }));
+    return (_jsxs("group", { children: [skyControllerSettings && !sunSystemVisible && (_jsx(SkyController, { settings: skyControllerSettings, timeSettings: timeSettings, scale: skyboxScale })), sunSystemVisible && (_jsxs(_Fragment, { children: [_jsx(Skybox, { visible: true, scale: skyboxScale, sunSize: sunSize, moonSize: moonSize, timeSettings: timeSettings }), _jsx(Lensflare, { visible: true, intensity: sunIntensity, timeSettings: timeSettings }), _jsx(SunLight, { visible: true, timeSettings: timeSettings, targetPosition: playerPosition, intensity: sunIntensity, castShadow: castShadow, shadowMapSize: shadowMapSize })] })), fogSettings && (_jsx(SceneFog, { fog: fogSettings }))] }));
 });
 SkySystem.displayName = 'SkySystem';
 export default SkySystem;

package/dist/components/Skybox.js

@@ -86,7 +86,7 @@ const Skybox = ({ visible = true, scale = 100000, sunSize = 1, moonSize = 1, tim
     });
     if (!visible)
         return null;
-    console.log(sunSize);
+    // console.log(sunSize)
     return (_jsxs("mesh", { scale: scale, children: [_jsx("boxGeometry", { args: [1, 1, 1] }), _jsx("skyboxMaterial", { ref: materialRef, side: THREE.BackSide, depthWrite: false, fog: false })] }));
 };
 export default Skybox;

package/dist/components/SparklesBurst.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SparklesBurst.d.ts","sourceRoot":"","sources":["../../src/components/SparklesBurst.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,wBAAwB,CAAC;AAGzF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6D/C,CAAC;AAEF,eAAe,aAAa,CAAC"}