@ntalmagor/3drize-viewer 0.1.11 → 0.1.13

package/dist/components/Text2D.js

@@ -4,7 +4,7 @@ import { useFrame } from '@react-three/fiber';
 import { Text, useCursor } from '@react-three/drei';
 import { createDefaultEffectState, applyTransformEffects } from '@ntalmagor/3drize-core';
 import { fontManager } from '@ntalmagor/3drize-core';
-import { getTextEffectProps } from '../utils/textEffects';
+import { getTextEffectProps } from '../utils/textEffects.js';
 const Text2D = ({ textSettings, onTextClick }) => {
     const groupRef = useRef(null);
     const textRef = useRef(null);

package/dist/components/Text3D.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Letters from './Letters';
+import Letters from './Letters.js';
 const Text3D = ({ textSettings, onLetterClick }) => {
     const { config, materialSettings } = textSettings;
     const { text } = config;

package/dist/components/effects/AuraEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 const vertexShader = /* glsl */ `
   varying vec3 vNormal;
   varying vec3 vViewDir;

package/dist/components/effects/AuroraEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 const ribbonVert = /* glsl */ `
   uniform float u_time;
   uniform float uPhase;

package/dist/components/effects/BlackHoleEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Accretion disk shader ─────────────────────────────────────────────────────
 const diskVert = /* glsl */ `
   varying vec2 vUv;

package/dist/components/effects/ConstellationEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Stars: per-particle twinkle + size variation
 const starVertShader = /* glsl */ `
   attribute float aPhase;

package/dist/components/effects/DataStreamEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Dual counter-rotating helices with cold→hot color gradient.
 // All animation is GPU-side — only u_time updates per frame.
 const vertexShader = /* glsl */ `

package/dist/components/effects/DnaHelixEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Pulsing junction-dot shader ───────────────────────────────────────────────
 const dotVert = /* glsl */ `
   attribute float aPhase;

package/dist/components/effects/FireEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Flame particle vertex shader ──────────────────────────────────────────────
 const flameVert = /* glsl */ `
   attribute float aT;       // lifetime position 0..1 (base→tip)

package/dist/components/effects/ForcefieldEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 const shieldVert = /* glsl */ `
   varying vec3 vNormal;
   varying vec3 vWorldPos;

package/dist/components/effects/HologramEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Single rich shader handles scanlines, grid, RGB aberration, interference fringes, flicker
 const vertexShader = /* glsl */ `
   varying vec2 vUv;

package/dist/components/effects/IceCrystalsEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Crystal spike shader ──────────────────────────────────────────────────────
 const spikeVert = /* glsl */ `
   varying vec3 vNormal;

package/dist/components/effects/LightningEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Seeded LCG RNG — deterministic, no Math.random ───────────────────────────
 function makeRng(seed) {
     let s = (seed * 1664525 + 1013904223) >>> 0;

package/dist/components/effects/MoleculesEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Glowing node points at each atom position
 const nodeVertShader = /* glsl */ `
   attribute float aPhase;

package/dist/components/effects/NeuralNetworkEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Glow sprite for pulse signals and node flashes
 const pulseVert = /* glsl */ `
   attribute float aBright;

package/dist/components/effects/OrbEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Shared vert (normal + viewDir) ────────────────────────────────────────────
 const sharedVert = /* glsl */ `
   varying vec3 vNormal;

package/dist/components/effects/PortalEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Multi-layer vortex disc
 const discVertShader = /* glsl */ `
   varying vec2 vUv;

package/dist/components/effects/ShockwaveEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useMemo, useEffect } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // Ring vertex — organic warp + vertical ripple
 const vertexShader = /* glsl */ `
   uniform float uProgress;

package/dist/components/effects/SmokePlumeEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Fully GPU-animated smoke puff vertex shader ───────────────────────────────
 // Each particle has a lifetime t ∈ [0,1). It rises, expands, and billows.
 // All motion driven by u_time — zero CPU writes per frame.

package/dist/components/effects/SmokeRingEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Per-ring puff shader (one Points per ring — GPU computes torus positions) ──
 const ringVert = /* glsl */ `
   attribute float aAngle;    // 0..TAU position around torus

package/dist/components/effects/VolumetricFogEffect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo } from 'react';
 import { useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
-import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations';
+import { applyGenerativeAnimations } from '../../utils/handleGenerativeEffectsAnimations.js';
 // ── Billboard fog puff — drifts slowly, never rises far ───────────────────────
 const fogVert = /* glsl */ `
   attribute float aT;       // stagger offset 0..1

package/dist/hooks/useCameraAnimation.js

@@ -2,9 +2,9 @@ import { useRef, useEffect } from 'react';
 import { Quaternion } from 'three';
 import gsap from 'gsap';
 import { getType } from '@ntalmagor/3drize-core';
-import { useMouseHandlers } from './useMouseHandlers';
-import { useOrbitControls } from './useOrbitControls';
-import cameraManager from '../utils/CameraSingleton';
+import { useMouseHandlers } from './useMouseHandlers.js';
+import { useOrbitControls } from './useOrbitControls.js';
+import cameraManager from '../utils/CameraSingleton.js';
 export const useCameraAnimation = (options = {}, cameraState = {}) => {
     const { autoAnimate = true, defaultDuration = 2, defaultEase = "power2.out", onAnimationStart, onAnimationComplete, onAnimationUpdate } = options;
     // const cameraState = useAppSelector(selectCamera);

package/dist/hooks/useContinuousEffects.js

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from "react";
 import { useFrame } from "@react-three/fiber";
 import { animateUniforms, cacheChildrenWithMaterials, handleEdgesAnimations, handleMaterialAnimations, handleMaterialEffects, handleTransformAnimations, handleTransformEffect } from "@ntalmagor/3drize-core";
-import usePathAnimation from "./usePathAnimation";
+import usePathAnimation from "./usePathAnimation.js";
 // ═══════════════════════════════════════════════════════════════════════════════
 // DEBUG LOGGING
 // ═══════════════════════════════════════════════════════════════════════════════

package/dist/hooks/useFrameAnimations.js

@@ -1,8 +1,8 @@
 import * as THREE from "three";
 import { useRef } from "react";
-import cameraManager from "../utils/CameraSingleton";
-import { useGsapAnimation } from "../hooks/useGsapAnimation";
-import useCameraAnimation from "./useCameraAnimation";
+import cameraManager from "../utils/CameraSingleton.js";
+import { useGsapAnimation } from "../hooks/useGsapAnimation.js";
+import useCameraAnimation from "./useCameraAnimation.js";
 const DEFAULT_OPTIONS = {
     distance: 5,
     scale: [2, 2],

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

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

package/dist/hooks/useInteraction.js

@@ -9,11 +9,11 @@
  */
 import { useCallback, useRef } from 'react';
 import { AnimationsManager } from '@ntalmagor/3drize-core';
-import useCameraAnimation from '../hooks/useCameraAnimation';
-import { useFrameAnimations } from '../hooks/useFrameAnimations';
-import { useObjectEffects } from '../hooks/useObjectEffects';
+import useCameraAnimation from '../hooks/useCameraAnimation.js';
+import { useFrameAnimations } from '../hooks/useFrameAnimations.js';
+import { useObjectEffects } from '../hooks/useObjectEffects.js';
 // import AnimationsManager from '../utils/AnimationsManager';
-import { findById } from '../utils/sceneQuery';
+import { findById } from '../utils/sceneQuery.js';
 // =============================================================================
 // TYPES
 // =============================================================================

package/dist/hooks/useObjectAnimation.js

@@ -1,6 +1,6 @@
 import { findById } from '@ntalmagor/3drize-core';
-import { useContinuousEffects } from "./useContinuousEffects";
-import { useInteractionEffects } from "./useInteractionEffects";
+import { useContinuousEffects } from "./useContinuousEffects.js";
+import { useInteractionEffects } from "./useInteractionEffects.js";
 export const useObjectAnimation = (objectSettings, animateMaterial, options = {}, ref) => {
     const { enabled = true, hovered = false } = options;
     const objectRef = ref || findById(objectSettings?.id);

package/dist/hooks/useObjectEdges.js

@@ -2,7 +2,7 @@ import { useEffect, useMemo, useRef } from 'react';
 import { BoxGeometry, BufferGeometry, CylinderGeometry, EdgesGeometry, Group, LineSegments, Mesh, MeshBasicMaterial, Points, PointsMaterial, Quaternion, Vector3, Float32BufferAttribute, } from 'three';
 import { useFrame } from '@react-three/fiber';
 import { collectMeshes, computeThreshold, buildSubdividedEdgeGeometry, EDGES_GROUP_KEY, animateUniforms, cacheChildrenWithMaterials } from '@ntalmagor/3drize-core';
-import { useMaterialApplication } from './useMaterialApplication';
+import { useMaterialApplication } from './useMaterialApplication.js';
 ;
 // import { animateUniforms, cacheChildrenWithMaterials } from "~/utils/materialUtils";
 const DEFAULT_TUBE_RADIUS = 0.01;

package/dist/hooks/useSkyUniforms.js

@@ -1,6 +1,6 @@
 import { useRef, useCallback } from 'react';
 import { useThree } from '@react-three/fiber';
-import { createSunPosition } from '../utils/utils3d';
+import { createSunPosition } from '../utils/utils3d.js';
 export function useSkyUniforms() {
     const { scene } = useThree();
     const skyMeshRef = useRef(null);

package/dist/hooks/useTransformControls.js

@@ -1,6 +1,6 @@
 import { useCallback, useRef } from "react";
 import { MathUtils } from "three";
-import { useKeyUpDown } from "./useKey";
+import { useKeyUpDown } from "./useKey.js";
 export const useTransformControls = () => {
     const controllersRef = useRef(new Map());
     // Helper function to get all controllers

package/dist/index.js

@@ -1,109 +1,109 @@
 // Core services (re-exported from @ntalmagor/3drize-core for convenience)
 export { AnimationsManager as animationsManager, fontManager } from '@ntalmagor/3drize-core';
 // Components
-export { AnimatedObject, default as AnimatedObjectDefault } from './components/AnimatedObject';
-export { CameraController, default as CameraControllerDefault } from './components/CameraController';
-export { default as CreatedObject } from './components/CreatedObject';
-export { default as CustomPrimitive } from './components/CustomPrimitive';
-export { default as EffectsGenerator } from './components/EffectsGenerator';
-export { default as EffectsGroup } from './components/EffectsGroup';
-export { default as Frame } from './components/Frame';
-export { FrameGeometry } from './components/FrameGeometry';
-export { FrameImage } from './components/FrameImage';
-export { default as GalleryLayout } from './components/GalleryLayout';
-export { default as GridHelper } from './components/GridHelper';
-export { ImageGeometry } from './components/ImageGeometry';
-export { default as Letter } from './components/Letter';
-export { default as Letters } from './components/Letters';
-export { default as LightsManager } from './components/LightsManager';
-export { default as Lines } from './components/Lines';
-export { default as MaterialLibrary } from './components/MaterialLibrary';
-export { default as ObjectNode } from './components/ObjectNode';
-export { default as ObjectsRenderer } from './components/ObjectsRenderer';
-export { default as ParticlesR3f } from './components/ParticlesR3f';
-export { default as Skybox } from './components/Skybox';
-export { default as SkyMesh } from './components/SkyMesh';
-export { default as Moon } from './components/Moon';
-export { default as SkyController } from './components/SkyController';
-export { default as Lensflare, createFlareTexture } from './components/Lensflare';
-export { default as SunLight } from './components/SunLight';
-export { default as Clouds } from './components/Clouds';
-export { default as Stars, generateStarsGeometry } from './components/Stars';
-export { default as ShootingStar } from './components/ShootingStar';
-export { default as ShootingStars } from './components/ShootingStars';
-export { default as Galaxy } from './components/Galaxy';
-export { default as SkySystem } from './components/SkySystem';
-export { default as Rain } from './components/Rain';
-export { default as SceneFog } from './components/SceneFog';
-export { default as EnvironmentManager } from './components/EnvironmentManager';
-export { default as Ocean } from './components/Ocean';
-export { LoadingIndicator } from './components/LoadingIndicator';
-export { default as Path } from './components/Path';
-export { default as PathGeometry } from './components/PathGeometry';
-export { default as PathRenderer } from './components/PathRenderer';
-export { default as Text2D } from './components/Text2D';
-export { default as Text3D } from './components/Text3D';
-export { default as SceneBuilder } from './components/SceneBuilder';
-export { default as ProjectLoader } from './components/ProjectLoader';
-export { default as ProductionScene } from './components/ProductionScene';
+export { AnimatedObject, default as AnimatedObjectDefault } from './components/AnimatedObject.js';
+export { CameraController, default as CameraControllerDefault } from './components/CameraController.js';
+export { default as CreatedObject } from './components/CreatedObject.js';
+export { default as CustomPrimitive } from './components/CustomPrimitive.js';
+export { default as EffectsGenerator } from './components/EffectsGenerator.js';
+export { default as EffectsGroup } from './components/EffectsGroup.js';
+export { default as Frame } from './components/Frame.js';
+export { FrameGeometry } from './components/FrameGeometry.js';
+export { FrameImage } from './components/FrameImage.js';
+export { default as GalleryLayout } from './components/GalleryLayout.js';
+export { default as GridHelper } from './components/GridHelper.js';
+export { ImageGeometry } from './components/ImageGeometry.js';
+export { default as Letter } from './components/Letter.js';
+export { default as Letters } from './components/Letters.js';
+export { default as LightsManager } from './components/LightsManager.js';
+export { default as Lines } from './components/Lines.js';
+export { default as MaterialLibrary } from './components/MaterialLibrary.js';
+export { default as ObjectNode } from './components/ObjectNode.js';
+export { default as ObjectsRenderer } from './components/ObjectsRenderer.js';
+export { default as ParticlesR3f } from './components/ParticlesR3f.js';
+export { default as Skybox } from './components/Skybox.js';
+export { default as SkyMesh } from './components/SkyMesh.js';
+export { default as Moon } from './components/Moon.js';
+export { default as SkyController } from './components/SkyController.js';
+export { default as Lensflare, createFlareTexture } from './components/Lensflare.js';
+export { default as SunLight } from './components/SunLight.js';
+export { default as Clouds } from './components/Clouds.js';
+export { default as Stars, generateStarsGeometry } from './components/Stars.js';
+export { default as ShootingStar } from './components/ShootingStar.js';
+export { default as ShootingStars } from './components/ShootingStars.js';
+export { default as Galaxy } from './components/Galaxy.js';
+export { default as SkySystem } from './components/SkySystem.js';
+export { default as Rain } from './components/Rain.js';
+export { default as SceneFog } from './components/SceneFog.js';
+export { default as EnvironmentManager } from './components/EnvironmentManager.js';
+export { default as Ocean } from './components/Ocean.js';
+export { LoadingIndicator } from './components/LoadingIndicator.js';
+export { default as Path } from './components/Path.js';
+export { default as PathGeometry } from './components/PathGeometry.js';
+export { default as PathRenderer } from './components/PathRenderer.js';
+export { default as Text2D } from './components/Text2D.js';
+export { default as Text3D } from './components/Text3D.js';
+export { default as SceneBuilder } from './components/SceneBuilder.js';
+export { default as ProjectLoader } from './components/ProjectLoader.js';
+export { default as ProductionScene } from './components/ProductionScene.js';
 // Generative effect components
-export { default as AuraEffect } from './components/effects/AuraEffect';
-export { default as AuroraEffect } from './components/effects/AuroraEffect';
-export { default as BlackHoleEffect } from './components/effects/BlackHoleEffect';
-export { default as ConstellationEffect } from './components/effects/ConstellationEffect';
-export { default as DataStreamEffect } from './components/effects/DataStreamEffect';
-export { default as DnaHelixEffect } from './components/effects/DnaHelixEffect';
-export { default as FireEffect } from './components/effects/FireEffect';
-export { default as ForcefieldEffect } from './components/effects/ForcefieldEffect';
-export { default as HologramEffect } from './components/effects/HologramEffect';
-export { default as IceCrystalsEffect } from './components/effects/IceCrystalsEffect';
-export { default as LightningEffect } from './components/effects/LightningEffect';
-export { default as MoleculesEffect } from './components/effects/MoleculesEffect';
-export { default as NeuralNetworkEffect } from './components/effects/NeuralNetworkEffect';
-export { default as OrbEffect } from './components/effects/OrbEffect';
-export { default as PortalEffect } from './components/effects/PortalEffect';
-export { default as ShockwaveEffect } from './components/effects/ShockwaveEffect';
-export { default as SmokePlumeEffect } from './components/effects/SmokePlumeEffect';
-export { default as SmokeRingEffect } from './components/effects/SmokeRingEffect';
-export { default as VolumetricFogEffect } from './components/effects/VolumetricFogEffect';
+export { default as AuraEffect } from './components/effects/AuraEffect.js';
+export { default as AuroraEffect } from './components/effects/AuroraEffect.js';
+export { default as BlackHoleEffect } from './components/effects/BlackHoleEffect.js';
+export { default as ConstellationEffect } from './components/effects/ConstellationEffect.js';
+export { default as DataStreamEffect } from './components/effects/DataStreamEffect.js';
+export { default as DnaHelixEffect } from './components/effects/DnaHelixEffect.js';
+export { default as FireEffect } from './components/effects/FireEffect.js';
+export { default as ForcefieldEffect } from './components/effects/ForcefieldEffect.js';
+export { default as HologramEffect } from './components/effects/HologramEffect.js';
+export { default as IceCrystalsEffect } from './components/effects/IceCrystalsEffect.js';
+export { default as LightningEffect } from './components/effects/LightningEffect.js';
+export { default as MoleculesEffect } from './components/effects/MoleculesEffect.js';
+export { default as NeuralNetworkEffect } from './components/effects/NeuralNetworkEffect.js';
+export { default as OrbEffect } from './components/effects/OrbEffect.js';
+export { default as PortalEffect } from './components/effects/PortalEffect.js';
+export { default as ShockwaveEffect } from './components/effects/ShockwaveEffect.js';
+export { default as SmokePlumeEffect } from './components/effects/SmokePlumeEffect.js';
+export { default as SmokeRingEffect } from './components/effects/SmokeRingEffect.js';
+export { default as VolumetricFogEffect } from './components/effects/VolumetricFogEffect.js';
 // Hooks
-export * from './hooks/useAnimationEvents';
-export * from './hooks/useCameraAnimation';
-export * from './hooks/useContinuousEffects';
-export * from './hooks/useFrameEffects';
-export * from './hooks/useInteractionEffects';
-export * from './hooks/useKey';
-export * from './hooks/useLightHandlers';
-export * from './hooks/useMaterialApplication';
-export * from './hooks/useMaterialOptions';
-export * from './hooks/useMaterialUniforms';
-export * from './hooks/useMouseHandlers';
-export * from './hooks/useObjectAnimation';
-export * from './hooks/useObjectEdges';
-export * from './hooks/useParticlePositions';
-export * from './hooks/useParticlesColors';
-export * from './hooks/useParticlesTextures';
-export * from './hooks/usePathAnimation';
-export * from './hooks/useTransformControls';
-export * from './hooks/useSkySystem';
-export * from './hooks/useCubeCamera';
-export * from './hooks/useEnvironmentEffects';
-export * from './hooks/useSkyUniforms';
-export * from './hooks/useSkyAnimation';
-export * from './hooks/useMeshController';
-export { useWaterEnvironment } from './hooks/useWaterEnvironment';
-export { useWaterReflections } from './hooks/useWaterReflections';
+export * from './hooks/useAnimationEvents.js';
+export * from './hooks/useCameraAnimation.js';
+export * from './hooks/useContinuousEffects.js';
+export * from './hooks/useFrameEffects.js';
+export * from './hooks/useInteractionEffects.js';
+export * from './hooks/useKey.js';
+export * from './hooks/useLightHandlers.js';
+export * from './hooks/useMaterialApplication.js';
+export * from './hooks/useMaterialOptions.js';
+export * from './hooks/useMaterialUniforms.js';
+export * from './hooks/useMouseHandlers.js';
+export * from './hooks/useObjectAnimation.js';
+export * from './hooks/useObjectEdges.js';
+export * from './hooks/useParticlePositions.js';
+export * from './hooks/useParticlesColors.js';
+export * from './hooks/useParticlesTextures.js';
+export * from './hooks/usePathAnimation.js';
+export * from './hooks/useTransformControls.js';
+export * from './hooks/useSkySystem.js';
+export * from './hooks/useCubeCamera.js';
+export * from './hooks/useEnvironmentEffects.js';
+export * from './hooks/useSkyUniforms.js';
+export * from './hooks/useSkyAnimation.js';
+export * from './hooks/useMeshController.js';
+export { useWaterEnvironment } from './hooks/useWaterEnvironment.js';
+export { useWaterReflections } from './hooks/useWaterReflections.js';
 // Utils
-export { cameraManager } from './utils/CameraSingleton';
-export { update3driseShaderUniforms } from './utils/shaderUtils';
-export { applyAnchorSettings, createCurves, createSunPosition, randomRange, } from './utils/utils3d';
-export { applyAnchorSettings as applyAnchorSettingsLegacy } from './utils/anchorUtils';
-export { DEBUG_GENERATIVE_EFFECTS, applyGenerativeAnimations, } from './utils/handleGenerativeEffectsAnimations';
-export { hasHoverAnimation } from './utils/hasHoverAnimation';
-export { findById } from './utils/sceneQuery';
-export * from './utils/textEffects';
+export { cameraManager } from './utils/CameraSingleton.js';
+export { update3driseShaderUniforms } from './utils/shaderUtils.js';
+export { applyAnchorSettings, createCurves, createSunPosition, randomRange, } from './utils/utils3d.js';
+export { applyAnchorSettings as applyAnchorSettingsLegacy } from './utils/anchorUtils.js';
+export { DEBUG_GENERATIVE_EFFECTS, applyGenerativeAnimations, } from './utils/handleGenerativeEffectsAnimations.js';
+export { hasHoverAnimation } from './utils/hasHoverAnimation.js';
+export { findById } from './utils/sceneQuery.js';
+export * from './utils/textEffects.js';
 // Shaders
-export { ShaderEffectsMaterial } from './shaders/ShaderEffectsMaterial';
-export { SkyboxMaterial } from './shaders/SkyboxMaterial';
-export { ShootingStarMaterial } from './shaders/ShootingStarMaterial';
-export { RainMaterial } from './shaders/RainMaterial';
+export { ShaderEffectsMaterial } from './shaders/ShaderEffectsMaterial.js';
+export { SkyboxMaterial } from './shaders/SkyboxMaterial.js';
+export { ShootingStarMaterial } from './shaders/ShootingStarMaterial.js';
+export { RainMaterial } from './shaders/RainMaterial.js';

package/dist/shaders/ShaderEffectsMaterial.js

@@ -1,7 +1,7 @@
 import { Vector2, Color } from 'three';
 import { extend } from '@react-three/fiber';
 import { shaderMaterial } from '@react-three/drei';
-import { effectsVertexGLSL } from './effects/EffectsVertexFunctions.glsl';
+import { effectsVertexGLSL } from './effects/EffectsVertexFunctions.glsl.js';
 const vertexShader = /*glsl*/ `
 ${effectsVertexGLSL}
 

package/dist/utils/anchorUtils.js

@@ -1,4 +1,4 @@
-import { cameraManager } from './CameraSingleton';
+import { cameraManager } from './CameraSingleton.js';
 export const applyAnchorSettings = (anchor, object, initialRotation = [0, 0, 0]) => {
     if (!anchor || !anchor.enabled)
         return;

package/dist/utils/utils3d.js

@@ -1,5 +1,5 @@
 import { CatmullRomCurve3, Vector3 } from 'three';
-import { cameraManager } from './CameraSingleton';
+import { cameraManager } from './CameraSingleton.js';
 export { createSunPosition } from '@ntalmagor/3drize-core';
 export const applyAnchorSettings = (anchor, object, initialRotation = [0, 0, 0]) => {
     if (!anchor || !anchor.enabled)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -15,14 +15,13 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc --build",
+    "build": "tsc --build --force && node add-js-extensions.mjs",
     "dev": "tsc --build --watch",
     "clean": "rimraf dist",
     "bump": "npm version patch",
     "pub": "npm run build && npm publish --access public"
   },
   "peerDependencies": {
-    "@ntalmagor/3drize-core": "*",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "@react-three/rapier": "^2",
@@ -30,12 +29,15 @@
     "three": "^0.170"
   },
   "devDependencies": {
-    "@ntalmagor/3drize-core": "*",
+    "@gsap/react": "^2.1.2",
     "@react-three/drei": "^10.0.0",
     "@react-three/fiber": "^9.0.0",
-    "react": "^19.0.0",
     "@types/react": "^19.0.0",
+    "react": "^19.0.0",
     "three": "^0.170.0",
     "typescript": "^5.7.2"
+  },
+  "dependencies": {
+    "@ntalmagor/3drize-core": "^0.1.9"
   }
 }