@ntalmagor/3drize-viewer 0.1.26 → 0.1.27

package/dist/components/ImageGeometry.js

@@ -39,7 +39,7 @@ export const ImageGeometry = forwardRef(({ geometryType, url, position = [0, 0,
         }
     }, [geometryType, position, rotation, scale]);
     const createdMesh = useMemo(() => {
-        const mesh = createMeshByType(meshConfig);
+        const mesh = createMeshByType(meshConfig)?.mesh;
         if (!(mesh instanceof Mesh))
             return null;
         if (texture) {

package/dist/components/Lensflare.d.ts

@@ -5,7 +5,7 @@ export declare function createFlareTexture(type: number): THREE.CanvasTexture;
 export interface LensflareProps {
     visible?: boolean;
     intensity?: number;
-    timeSettings: TimeSettings;
+    timeSettings?: TimeSettings;
 }
 declare const Lensflare: React.FC<LensflareProps>;
 export default Lensflare;

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

@@ -1 +1 @@
-{"version":3,"file":"Lensflare.d.ts","sourceRoot":"","sources":["../../src/components/Lensflare.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CA6BpE;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Lensflare.d.ts","sourceRoot":"","sources":["../../src/components/Lensflare.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CA6BpE;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Lensflare.js

@@ -32,7 +32,7 @@ export function createFlareTexture(type) {
     texture.magFilter = THREE.LinearFilter;
     return texture;
 }
-const Lensflare = ({ visible = true, intensity = 1, timeSettings, }) => {
+const Lensflare = ({ visible = true, intensity = 1, timeSettings = { enabled: false, timeOfDay: 12, timescale: 1, autoAnimate: true, syncWithRealTime: false }, }) => {
     const spriteRef = useRef(null);
     const { camera } = useThree();
     const texture = useMemo(() => createFlareTexture(0), []);

package/dist/components/Moon.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import * as THREE from 'three';
+import { Mesh } from 'three';
 import type { MoonSettings } from '@ntalmagor/3drize-core';
 export { defaultMoonSettings } from '@ntalmagor/3drize-core';
 export interface MoonProps {
     settings?: MoonSettings;
     sunPosition?: [number, number, number];
-    onMeshReady?: (mesh: THREE.Mesh) => void;
+    onMeshReady?: (mesh: Mesh) => void;
 }
 declare const Moon: React.FC<MoonProps>;
 export default Moon;

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,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"}
+{"version":3,"file":"Moon.d.ts","sourceRoot":"","sources":["../../src/components/Moon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAC,IAAI,EAA8D,MAAM,OAAO,CAAC;AAExF,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,IAAI,KAAK,IAAI,CAAC;CACpC;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,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useState, useCallback } from 'react';
-import * as THREE from 'three';
+import { TextureLoader, Vector3 } from 'three';
 import { useFrame } from '@react-three/fiber';
 export { defaultMoonSettings } from '@ntalmagor/3drize-core';
 const MOON_TEXTURE_URL = "https://3d-rise.sfo3.cdn.digitaloceanspaces.com/app/images/moon_1024.jpg";
@@ -10,7 +10,7 @@ const Moon = ({ settings, sunPosition, onMeshReady }) => {
     const targetRef = useRef(null);
     const [texture, setTexture] = useState(null);
     useEffect(() => {
-        const loader = new THREE.TextureLoader();
+        const loader = new TextureLoader();
         loader.setCrossOrigin('anonymous');
         let cancelled = false;
         loader.load(MOON_TEXTURE_URL, (loaded) => {
@@ -52,8 +52,8 @@ const Moon = ({ settings, sunPosition, onMeshReady }) => {
         }
         if (lightRef.current && targetRef.current) {
             const cameraPos = state.camera.position;
-            const moonPosition = meshRef.current?.position ?? new THREE.Vector3(...moonPos);
-            const dirToMoon = new THREE.Vector3().subVectors(moonPosition, cameraPos).normalize();
+            const moonPosition = meshRef.current?.position ?? new Vector3(...moonPos);
+            const dirToMoon = new Vector3().subVectors(moonPosition, cameraPos).normalize();
             const dist = cameraPos.distanceTo(moonPosition) * 0.2;
             lightRef.current.position.copy(cameraPos).addScaledVector(dirToMoon, dist);
             targetRef.current.position.copy(moonPosition);

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,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"}
+{"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,EAA8G,MAAM,wBAAwB,CAAC;AAExQ,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAyBrD,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;AA8DF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0KzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -15,18 +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";
+import Earth from "./Earth.js";
+import SolarSystem from "./SolarSystem.js";
+import ShootingStars from "./ShootingStars.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',
+    'effect',
+    // 'gallery',
+    'earth',
+    'solarSystem',
+    'shootingStars'
     // 'moon'
 ]);
 // const EffectsLayer: React.FC<{ effects: CreatedObjectSettings['effects'] }> = ({ effects }) =>
@@ -80,9 +82,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 })),
+        earth: (obj, cameraSettings, onObjectReady) => (_jsx(Earth, { ...obj.config })),
+        solarSystem: (obj, cameraSettings, onObjectReady) => (_jsx(SolarSystem, { ...obj.config })),
+        shootingStars: (obj, cameraSettings, onObjectReady) => (_jsx(ShootingStars, { settings: obj.config })),
     }), [handleObjectClick]);
     if (!createdObject) {
         console.warn(`createdObject not found.`);

package/dist/components/Planet.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Mesh } from 'three';
+export type PlanetType = 'moon' | 'sun' | 'mercury' | 'venus' | 'mars' | 'jupiter' | 'saturn' | 'uranus' | 'neptune';
+export interface PlanetProps {
+    type?: PlanetType;
+    position?: [number, number, number];
+    scale?: number;
+    rotation?: [number, number, number];
+    visible?: boolean;
+    emissiveIntensity?: number;
+    shininess?: number;
+    onMeshReady?: (mesh: Mesh) => void;
+}
+declare const Planet: React.FC<PlanetProps>;
+export default Planet;
+//# sourceMappingURL=Planet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Planet.d.ts","sourceRoot":"","sources":["../../src/components/Planet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,IAAI,EAKL,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAqBd,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAyCD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+CjC,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/Planet.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useMemo, useCallback } from 'react';
+import { RingGeometry, DoubleSide, Vector3, SRGBColorSpace, } from 'three';
+import { useTexture } from '@react-three/drei';
+const CDN = 'https://3d-rise.sfo3.cdn.digitaloceanspaces.com/app/images/planets';
+const PLANET_TEXTURES = {
+    moon: `${CDN}/2k_moon.jpg`,
+    sun: `${CDN}/2k_sun.jpg`,
+    mercury: `${CDN}/2k_mercury.jpg`,
+    venus: `${CDN}/2k_venus_surface.jpg`,
+    mars: `${CDN}/2k_mars.jpg`,
+    jupiter: `${CDN}/2k_jupiter.jpg`,
+    saturn: `${CDN}/2k_saturn.jpg`,
+    uranus: `${CDN}/2k_uranus.jpg`,
+    neptune: `${CDN}/2k_neptune.jpg`,
+};
+const saturnRingTextureUrl = `${CDN}/2k_saturn_ring_alpha.png`;
+const RING_INNER = 1.3;
+const RING_OUTER = 2.3;
+function createRingGeometry(inner, outer, segments = 128) {
+    const geom = new RingGeometry(inner, outer, segments);
+    // RingGeometry's default UVs go around the ring. Remap so the radial axis
+    // (inner → outer) maps to U (0 → 1) so a strip-style ring texture displays correctly.
+    const pos = geom.attributes.position;
+    const uv = geom.attributes.uv;
+    const v = new Vector3();
+    for (let i = 0; i < pos.count; i++) {
+        v.fromBufferAttribute(pos, i);
+        const r = v.length();
+        const t = (r - inner) / (outer - inner);
+        uv.setXY(i, t, 0.5);
+    }
+    uv.needsUpdate = true;
+    return geom;
+}
+const SaturnRing = () => {
+    const ringTexture = useTexture(saturnRingTextureUrl);
+    useEffect(() => {
+        ringTexture.colorSpace = SRGBColorSpace;
+    }, [ringTexture]);
+    const ringGeometry = useMemo(() => createRingGeometry(RING_INNER, RING_OUTER), []);
+    return (_jsx("mesh", { geometry: ringGeometry, rotation: [-Math.PI / 2, 0, 0], children: _jsx("meshBasicMaterial", { map: ringTexture, alphaMap: ringTexture, transparent: true, side: DoubleSide, depthWrite: false }) }));
+};
+const Planet = ({ type = 'moon', position = [0, 0, 0], scale = 5, rotation = [0, 0, 0], visible = true, emissiveIntensity = 0, shininess = 30, onMeshReady, }) => {
+    const meshRef = useRef(null);
+    const texture = useTexture(PLANET_TEXTURES[type]);
+    useEffect(() => {
+        texture.colorSpace = SRGBColorSpace;
+        texture.anisotropy = 8;
+    }, [texture]);
+    const handleMeshRef = useCallback((mesh) => {
+        if (mesh) {
+            meshRef.current = mesh;
+            onMeshReady?.(mesh);
+        }
+    }, [onMeshReady]);
+    return (_jsxs("group", { userData: { id: `3drise-planet-${type}` }, position: position, rotation: rotation, scale: scale, visible: visible, children: [_jsxs("mesh", { ref: handleMeshRef, children: [_jsx("sphereGeometry", { args: [1, 64, 64] }), _jsx("meshPhongMaterial", { map: texture, color: '#ffffff', emissive: '#ffffff', emissiveMap: texture, emissiveIntensity: emissiveIntensity, shininess: shininess })] }), type === 'saturn' && _jsx(SaturnRing, {})] }));
+};
+Planet.displayName = 'Planet';
+export default Planet;

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

@@ -1 +1 @@
-{"version":3,"file":"ShootingStars.d.ts","sourceRoot":"","sources":["../../src/components/ShootingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAiB,MAAM,wBAAwB,CAAC;AAInF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ShootingStars.d.ts","sourceRoot":"","sources":["../../src/components/ShootingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAiB,MAAM,wBAAwB,CAAC;AAInF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ShootingStars.js

@@ -35,6 +35,7 @@ const ShootingStars = ({ settings }) => {
     }, []);
     if (!settings?.enabled)
         return null;
+    console.log("Rendering ShootingStars with settings:", settings, "and shootingStars:", shootingStars);
     return (_jsx(_Fragment, { children: shootingStars.map(star => (_jsx(ShootingStar, { position: star.position, direction: star.direction, speed: star.speed, color: star.color, trailLength: star.trailLength, size: 0.08, opacity: 0.9, maxDistance: star.length, onComplete: () => handleComplete(star.id), followMouse: settings.followMouse }, star.id))) }));
 };
 export default ShootingStars;

package/dist/components/SolarSystem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SolarSystemConfig } from '@ntalmagor/3drize-core';
+declare const SolarSystem: React.FC<SolarSystemConfig>;
+export default SolarSystem;
+//# sourceMappingURL=SolarSystem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolarSystem.d.ts","sourceRoot":"","sources":["../../src/components/SolarSystem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAoI3D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2E5C,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/dist/components/SolarSystem.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, useState, useCallback } from 'react';
+import * as THREE from 'three';
+import { useFrame } from '@react-three/fiber';
+import Planet from './Planet.js';
+import Earth from './Earth.js';
+import Sun from './Sun.js';
+// Stylized constants — distances compressed, sizes exaggerated for legibility.
+const PLANETS = [
+    { body: { name: 'mercury', kind: 'planet', type: 'mercury' }, radius: 0.6, orbitRadius: 18, periodYears: 0.24, axialTilt: 0.03, spinRate: 1.0, initialPhase: 0.2 },
+    { body: { name: 'venus', kind: 'planet', type: 'venus' }, radius: 1.2, orbitRadius: 26, periodYears: 0.62, axialTilt: 3.10, spinRate: -0.4, initialPhase: 1.1 },
+    { body: { name: 'earth', kind: 'earth' }, radius: 1.3, orbitRadius: 36, periodYears: 1.00, axialTilt: 0.41, spinRate: 1.0, initialPhase: 2.3 },
+    { body: { name: 'mars', kind: 'planet', type: 'mars' }, radius: 0.9, orbitRadius: 46, periodYears: 1.88, axialTilt: 0.44, spinRate: 0.97, initialPhase: 3.7 },
+    { body: { name: 'jupiter', kind: 'planet', type: 'jupiter' }, radius: 3.6, orbitRadius: 70, periodYears: 11.86, axialTilt: 0.05, spinRate: 2.4, initialPhase: 0.8 },
+    { body: { name: 'saturn', kind: 'planet', type: 'saturn' }, radius: 3.2, orbitRadius: 92, periodYears: 29.46, axialTilt: 0.47, spinRate: 2.2, initialPhase: 4.2 },
+    { body: { name: 'uranus', kind: 'planet', type: 'uranus' }, radius: 2.0, orbitRadius: 114, periodYears: 84.0, axialTilt: 1.71, spinRate: 1.4, initialPhase: 5.5 },
+    { body: { name: 'neptune', kind: 'planet', type: 'neptune' }, radius: 2.0, orbitRadius: 134, periodYears: 164.8, axialTilt: 0.49, spinRate: 1.5, initialPhase: 1.9 },
+];
+// Default: one Earth-year = 8 scene-seconds.
+const EARTH_YEAR_SECONDS = 8;
+const OrbitRing = ({ radius, color, opacity }) => {
+    const geometry = useMemo(() => {
+        const segments = 128;
+        const points = new Float32Array((segments + 1) * 3);
+        for (let i = 0; i <= segments; i++) {
+            const t = (i / segments) * Math.PI * 2;
+            points[i * 3 + 0] = Math.cos(t) * radius;
+            points[i * 3 + 1] = 0;
+            points[i * 3 + 2] = Math.sin(t) * radius;
+        }
+        const geom = new THREE.BufferGeometry();
+        geom.setAttribute('position', new THREE.BufferAttribute(points, 3));
+        return geom;
+    }, [radius]);
+    return (_jsx("lineLoop", { geometry: geometry, children: _jsx("lineBasicMaterial", { color: color, transparent: true, opacity: opacity, depthWrite: false }) }));
+};
+const OrbitedBody = ({ orbitRadius, orbitSpeed, spinSpeed, axialTilt, enableOrbit, enableSelfRotation, initialPhase, onWorldPositionChange, children, }) => {
+    const orbitRef = useRef(null);
+    const spinRef = useRef(null);
+    const worldPosRef = useRef(new THREE.Vector3());
+    useFrame((_, delta) => {
+        if (enableOrbit && orbitRef.current) {
+            orbitRef.current.rotation.y += delta * orbitSpeed;
+        }
+        if (enableSelfRotation && spinRef.current) {
+            spinRef.current.rotation.y += delta * spinSpeed;
+        }
+        if (onWorldPositionChange && spinRef.current) {
+            spinRef.current.getWorldPosition(worldPosRef.current);
+            onWorldPositionChange(worldPosRef.current);
+        }
+    });
+    return (_jsx("group", { ref: orbitRef, "rotation-y": initialPhase, children: _jsx("group", { position: [orbitRadius, 0, 0], "rotation-z": axialTilt, children: _jsx("group", { ref: spinRef, children: children }) }) }));
+};
+const SolarSystem = ({ enableOrbit = true, enableSelfRotation = true, showOrbitRings = true, orbitSpeedMultiplier = 1, sunColor = '#ffd27a', sunRadius = 8, sunIntensity = 3, orbitRingColor = '#444444', orbitRingOpacity = 0.35, }) => {
+    const [earthSunPos, setEarthSunPos] = useState([1, 0, 0]);
+    const lastEarthSyncRef = useRef(0);
+    const handleEarthWorld = useCallback((p) => {
+        const now = performance.now();
+        if (now - lastEarthSyncRef.current < 100)
+            return;
+        lastEarthSyncRef.current = now;
+        setEarthSunPos([-p.x, -p.y, -p.z]);
+    }, []);
+    return (_jsxs("group", { userData: { id: '3drise-solar-system' }, children: [_jsx(Sun, { radius: sunRadius }), showOrbitRings &&
+                PLANETS.map((p) => (_jsx(OrbitRing, { radius: p.orbitRadius, color: orbitRingColor, opacity: orbitRingOpacity }, `ring-${p.body.name}`))), PLANETS.map((p) => {
+                const orbitSpeed = ((2 * Math.PI) / (p.periodYears * EARTH_YEAR_SECONDS)) * orbitSpeedMultiplier;
+                const spinSpeed = p.spinRate * orbitSpeedMultiplier;
+                if (p.body.kind === 'earth') {
+                    return (_jsx(OrbitedBody, { orbitRadius: p.orbitRadius, orbitSpeed: orbitSpeed, spinSpeed: spinSpeed, axialTilt: p.axialTilt, enableOrbit: enableOrbit, enableSelfRotation: enableSelfRotation, initialPhase: p.initialPhase, onWorldPositionChange: handleEarthWorld, children: _jsx(Earth, { radius: p.radius, sunPosition: earthSunPos, atmosphereDayColor: "#6db3f2", atmosphereTwilightColor: "#d97e54" }) }, "earth"));
+                }
+                return (_jsx(OrbitedBody, { orbitRadius: p.orbitRadius, orbitSpeed: orbitSpeed, spinSpeed: spinSpeed, axialTilt: p.axialTilt, enableOrbit: enableOrbit, enableSelfRotation: enableSelfRotation, initialPhase: p.initialPhase, children: _jsx(Planet, { type: p.body.type, scale: p.radius }) }, p.body.name));
+            })] }));
+};
+SolarSystem.displayName = 'SolarSystem';
+export default SolarSystem;

package/dist/components/SparklesBurst.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import type { CreatedObjectSettings } from '@ntalmagor/3drize-core';
+import type { SparklesBurstConfig } from '@ntalmagor/3drize-core';
 export interface SparklesBurstProps {
-    settings: CreatedObjectSettings;
+    config: SparklesBurstConfig;
+    boundingRadius?: number;
 }
 declare const SparklesBurst: React.FC<SparklesBurstProps>;
 export default SparklesBurst;

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

@@ -1 +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"}
+{"version":3,"file":"SparklesBurst.d.ts","sourceRoot":"","sources":["../../src/components/SparklesBurst.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAyB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGzF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6D/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/SparklesBurst.js

@@ -3,8 +3,8 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
 import { SparklesBurstMaterial } from '@ntalmagor/3drize-core';
-const SparklesBurst = ({ settings }) => {
-    const config = settings.config;
+const SparklesBurst = ({ config, boundingRadius }) => {
+    // console.log("Rendering SparklesBurst with config:", config, "and boundingRadius:", boundingRadius);
     const planeSize = useMemo(() => Math.max(0.05, config.scale ?? 2.5), [config.scale]);
     const geometry = useMemo(() => new THREE.PlaneGeometry(planeSize, planeSize, 1, 1), [planeSize]);
     const material = useMemo(() => {
@@ -55,7 +55,7 @@ const SparklesBurst = ({ settings }) => {
         material.uniforms.uProgress.value = progress;
         material.uniforms.uTime.value = now;
     });
-    if (!settings.meshSettings.visible)
+    if (!config.enabled)
         return null;
     return _jsx("mesh", { geometry: geometry, material: material, frustumCulled: false });
 };

package/dist/components/Sun.d.ts

@@ -0,0 +1,34 @@
+/**
+ * <Sun />
+ * Composes the three layers:
+ *  - <SunCore />: boiling lava surface (SunCoreMaterial)
+ *  - <Corona />:  additive halo shell (SunCoronaMaterial)
+ *  - <Flares />:  explosive burst billboard (SunFlareMaterial)
+ *
+ * Each layer is also usable standalone. Override any material parameter via
+ * the per-layer uniforms props — see each material's Uniforms interface for
+ * the full documented list:
+ *
+ *   <Sun
+ *     coreUniforms={{ u_speed: 2, u_cellScale: 0.9, u_spotIntensity: 0 }}
+ *     coronaUniforms={{ u_intensity: 2.5 }}
+ *     flareUniforms={{ u_frequency: 2, u_reach: 1.1 }}
+ *   />
+ *
+ * Vector3 uniforms accept arrays: coreUniforms={{ u_rimColor: [1, 0.2, 0.9] }}
+ */
+type SunProps = {
+    /** Radius of the sun core. Default 1. */
+    radius?: number;
+    /** Corona shell size relative to the core. Default 1.25. */
+    coronaScale?: number;
+    /** Uniform overrides for SunCoreMaterial. */
+    coreUniforms?: Record<string, any>;
+    /** Uniform overrides for SunCoronaMaterial. */
+    coronaUniforms?: Record<string, any>;
+    /** Uniform overrides for SunFlareMaterial. */
+    flareUniforms?: Record<string, any>;
+};
+export default function Sun({ radius, coronaScale, coreUniforms, coronaUniforms, flareUniforms, }: SunProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Sun.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sun.d.ts","sourceRoot":"","sources":["../../src/components/Sun.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,KAAK,QAAQ,GAAG;IACd,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,MAAU,EACV,WAAkB,EAClB,YAAY,EACZ,cAAc,EACd,aAAa,GAEd,EAAE,QAAQ,2CASV"}

package/dist/components/Sun.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import { ReactNode } from "react";
+import SunCore from "./SunCore.js";
+import Corona from "./Corona.js";
+export default function Sun({ radius = 1, coronaScale = 1.25, coreUniforms, coronaUniforms, flareUniforms, }) {
+    return (_jsxs("group", { children: [_jsx(SunCore, { radius: radius, uniforms: coreUniforms }), _jsx(Corona, { radius: radius, shellScale: coronaScale, uniforms: coronaUniforms }), _jsx("pointLight", { color: "#ffa544", intensity: 6, distance: 60, decay: 1.6 })] }));
+}

package/dist/components/SunCore.d.ts

@@ -0,0 +1,26 @@
+import * as THREE from "three";
+/**
+ * <SunCore />
+ * The boiling lava surface: an icosphere driven by SunCoreMaterial
+ * (domain-warped fBm, sunspots, filament cracks, fresnel limb glow).
+ *
+ * Unit geometry + mesh scale keeps the shader's local-space noise
+ * identical at any radius.
+ */
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            sunCoreMaterial: any;
+        }
+    }
+}
+export type SunCoreProps = {
+    /** Radius of the core. Default 1. */
+    radius?: number;
+    /** Self-rotation speed in rad/s. Default 0.02. */
+    rotationSpeed?: number;
+    /** Uniform overrides for SunCoreMaterial (u_speed, u_cellScale, u_color1..5, ...). */
+    uniforms?: Record<string, number | THREE.Vector3 | number[]>;
+};
+export default function SunCore({ radius, rotationSpeed, uniforms }: SunCoreProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SunCore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SunCore.d.ts","sourceRoot":"","sources":["../../src/components/SunCore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AAEH,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,GAAG,CAAC;SACtB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,EAAE,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,MAAU,EACV,aAAoB,EACpB,QAAQ,EACT,EAAE,YAAY,2CAiBd"}

package/dist/components/SunCore.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useFrame } from "@react-three/fiber";
+export default function SunCore({ radius = 1, rotationSpeed = 0.02, uniforms }) {
+    const meshRef = useRef(null);
+    // drei's shaderMaterial exposes each uniform as a property on the instance.
+    const matRef = useRef(null);
+    useFrame((_, delta) => {
+        if (matRef.current)
+            matRef.current.u_time += delta;
+        // if (meshRef.current) meshRef.current.rotation.y += delta * rotationSpeed;
+    });
+    return (_jsxs("mesh", { ref: meshRef, scale: radius, children: [_jsx("icosahedronGeometry", { args: [1, 64] }), _jsx("lavaMaterial", { ref: matRef, ...uniforms })] }));
+}

package/dist/components/effects/Fire.d.ts

@@ -0,0 +1,29 @@
+import { Object3D } from 'three';
+import { AnimationOptions, FireConfig } from '@ntalmagor/3drize-core';
+export interface FireProps {
+    /**
+     * Host object to wrap. When provided, the fire auto-fits the host's
+     * bounding sphere. mode 'wrap' scatters flame tongues across the host's
+     * surface; mode 'crown' keeps a single flame sitting on top.
+     *
+     * The host may live anywhere in the scene graph at any position — the fit
+     * is computed in world space and converted into this component's parent
+     * frame, so <Fire /> works as a sibling, child, or distant relative of
+     * the host.
+     */
+    hostRef?: Object3D | null;
+    config: FireConfig;
+    animations?: AnimationOptions[];
+}
+declare const Fire: ({ hostRef, config, animations }: FireProps) => import("react/jsx-runtime").JSX.Element;
+export default Fire;
+/**
+ * Usage:
+ *
+ *   // Flames wrapping the object — works wherever the host is positioned
+ *   <Fire hostRef={statue} config={{ mode: 'wrap', coverage: 0.85, tongues: 40 }} />
+ *
+ *   // Single flame sitting on top (campfire on logs)
+ *   <Fire hostRef={logs} config={{}} />
+ */ 
+//# sourceMappingURL=Fire.d.ts.map

package/dist/components/effects/Fire.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fire.d.ts","sourceRoot":"","sources":["../../../src/components/effects/Fire.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAYT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAoB,MAAM,wBAAwB,CAAA;AAEvF,MAAM,WAAW,SAAS;IACxB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,MAAM,EAAE,UAAU,CAAA;IAClB,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAChC;AA6FD,QAAA,MAAM,IAAI,GAAI,iCAAiC,SAAS,4CAoLvD,CAAA;AAED,eAAe,IAAI,CAAA;AACnB;;;;;;;;GAQG"}