@ntalmagor/3drize-viewer 0.1.11 → 0.1.13

package/dist/components/AnimatedObject.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback, memo } from 'react';
 import { useFrame } from '@react-three/fiber';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
-import { usePathAnimation } from '../hooks/usePathAnimation';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
+import { usePathAnimation } from '../hooks/usePathAnimation.js';
 import { AnimationsManager } from '@ntalmagor/3drize-core';
-import { applyAnchorSettings } from '../utils/anchorUtils';
-import EffectsGroup from './EffectsGroup';
-import { useObjectAnimation } from '../hooks/useObjectAnimation';
+import { applyAnchorSettings } from '../utils/anchorUtils.js';
+import EffectsGroup from './EffectsGroup.js';
+import { useObjectAnimation } from '../hooks/useObjectAnimation.js';
 export const AnimatedObject = memo(({ stateKey, transitionSettings, createdObject, 
 // speed = 1,
 visible = true, children, parentRef, handleObjectClick, onPointerEnter, onPointerLeave, anchor, hovered = false, animateMaterial = true,

package/dist/components/CameraController.js

@@ -1,9 +1,9 @@
 import { useEffect, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
-import { useCameraAnimation } from '../hooks/useCameraAnimation';
-import { cameraManager } from '../utils/CameraSingleton';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
-import { usePathAnimation } from '../hooks/usePathAnimation';
+import { useCameraAnimation } from '../hooks/useCameraAnimation.js';
+import { cameraManager } from '../utils/CameraSingleton.js';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
+import { usePathAnimation } from '../hooks/usePathAnimation.js';
 export const CameraController = ({ enableAutoAnimation = true, animationDuration = 1, animationEase = "power2.out", settings }) => {
     const { camera, set } = useThree();
     const cameraRef = useRef(camera);

package/dist/components/Clouds.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
-import { useMaterialApplication } from '../hooks/useMaterialApplication';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 const CLOUD_COLORS = {
     night: new THREE.Color(0.1, 0.1, 0.2),
     sunrise: new THREE.Color(0.8, 0.4, 0.4),

package/dist/components/CreatedObject.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useState, memo } from "react";
 import { DEFAULT_EDGES_SETTINGS } from "@ntalmagor/3drize-core";
-import { useMaterialApplication } from "../hooks/useMaterialApplication";
-import { useTransformControls } from "../hooks/useTransformControls";
+import { useMaterialApplication } from "../hooks/useMaterialApplication.js";
+import { useTransformControls } from "../hooks/useTransformControls.js";
 import { RigidBody } from '@react-three/rapier';
-import { cameraManager } from "../utils/CameraSingleton";
-import AnimatedObject from "./AnimatedObject";
-import { useFrameEffects } from "../hooks/useFrameEffects";
+import { cameraManager } from "../utils/CameraSingleton.js";
+import AnimatedObject from "./AnimatedObject.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
 // import { useSceneClick } from "~/contextProviders/SceneClickContext";
-import { useObjectEdges } from "../hooks/useObjectEdges";
+import { useObjectEdges } from "../hooks/useObjectEdges.js";
 const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial = true, onObjectReady, handleObjectClick, }) => {
     const isSelected = false;
     // const isSelected = useObjectSelection(createdObject.id);

package/dist/components/CustomPrimitive.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useRef, useEffect, memo, useState } from "react";
 import { ObjectManager, createDefaultEffectState, applyTransformEffects } from "@ntalmagor/3drize-core";
 // import ObjectManager from "~/utils/ObjectManager";
-import { useMaterialApplication } from "../hooks/useMaterialApplication";
+import { useMaterialApplication } from "../hooks/useMaterialApplication.js";
 import { useFrame } from "@react-three/fiber";
-import MaterialLibrary from "./MaterialLibrary";
+import MaterialLibrary from "./MaterialLibrary.js";
 // import type { AnimatedTransform } from "~/types/mesh";
-import CreatedObject from "./CreatedObject";
-import { useFrameEffects } from "../hooks/useFrameEffects";
+import CreatedObject from "./CreatedObject.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
 const CustomPrimitive = memo(({ createdObject, cameraSettings, updateObjectSettings, onObjectReady, handleObjectClick, }) => {
     // const { handleObjectClick } = useSceneClick();
     // console.log("Rendering CustomPrimitive with settings:", createdObject.name, createdObject);

package/dist/components/EffectsGenerator.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Box3, Sphere } from 'three';
-import MoleculesEffect from './effects/MoleculesEffect';
-import ShockwaveEffect from './effects/ShockwaveEffect';
-import AuraEffect from './effects/AuraEffect';
-import DataStreamEffect from './effects/DataStreamEffect';
-import ConstellationEffect from './effects/ConstellationEffect';
-import HologramEffect from './effects/HologramEffect';
-import PortalEffect from './effects/PortalEffect';
-import DnaHelixEffect from './effects/DnaHelixEffect';
-import OrbEffect from './effects/OrbEffect';
-import LightningEffect from './effects/LightningEffect';
-import AuroraEffect from './effects/AuroraEffect';
-import FireEffect from './effects/FireEffect';
-import ForcefieldEffect from './effects/ForcefieldEffect';
-import NeuralNetworkEffect from './effects/NeuralNetworkEffect';
-import BlackHoleEffect from './effects/BlackHoleEffect';
-import IceCrystalsEffect from './effects/IceCrystalsEffect';
-import SmokePlumeEffect from './effects/SmokePlumeEffect';
-import VolumetricFogEffect from './effects/VolumetricFogEffect';
-import SmokeRingEffect from './effects/SmokeRingEffect';
+import MoleculesEffect from './effects/MoleculesEffect.js';
+import ShockwaveEffect from './effects/ShockwaveEffect.js';
+import AuraEffect from './effects/AuraEffect.js';
+import DataStreamEffect from './effects/DataStreamEffect.js';
+import ConstellationEffect from './effects/ConstellationEffect.js';
+import HologramEffect from './effects/HologramEffect.js';
+import PortalEffect from './effects/PortalEffect.js';
+import DnaHelixEffect from './effects/DnaHelixEffect.js';
+import OrbEffect from './effects/OrbEffect.js';
+import LightningEffect from './effects/LightningEffect.js';
+import AuroraEffect from './effects/AuroraEffect.js';
+import FireEffect from './effects/FireEffect.js';
+import ForcefieldEffect from './effects/ForcefieldEffect.js';
+import NeuralNetworkEffect from './effects/NeuralNetworkEffect.js';
+import BlackHoleEffect from './effects/BlackHoleEffect.js';
+import IceCrystalsEffect from './effects/IceCrystalsEffect.js';
+import SmokePlumeEffect from './effects/SmokePlumeEffect.js';
+import VolumetricFogEffect from './effects/VolumetricFogEffect.js';
+import SmokeRingEffect from './effects/SmokeRingEffect.js';
 const EffectsGenerator = ({ settings, object }) => {
     if (!settings.enabled)
         return null;

package/dist/components/EffectsGroup.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import EffectsGenerator from './EffectsGenerator';
+import EffectsGenerator from './EffectsGenerator.js';
 const EffectsGroup = ({ createdObject }) => {
     if (!createdObject.effects || createdObject.effects.length === 0)
         return null;

package/dist/components/EnvironmentManager.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useMemo, forwardRef } from 'react';
 import { Environment } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
-import SkySystem from './SkySystem';
-import { useCubeCamera } from '../hooks/useCubeCamera';
+import SkySystem from './SkySystem.js';
+import { useCubeCamera } from '../hooks/useCubeCamera.js';
 const EnvironmentManager = forwardRef(({ hdrSettings, cubeCameraResolution = 512, 
 // SkySystemProps — all forwarded to SkySystem
 timeSettings, visible = true, sunSystemVisible = false, sunSize, moonSize, skyboxScale, sunIntensity, castShadow, shadowMapSize, playerPosition, starsSettings, cloudsSettings, cloudsMaterialSettings, skyControllerSettings, rainSettings, fogSettings, onTimeOfDayChange, onTimeUpdate, }, ref) => {

package/dist/components/Frame.js

@@ -3,11 +3,11 @@ import { useRef, useState, useEffect } from "react";
 import { useCursor } from "@react-three/drei";
 import { BackSide, DoubleSide, FrontSide, Mesh } from "three";
 import { texturesManager } from "@ntalmagor/3drize-core";
-import { FrameGeometry } from "./FrameGeometry";
-import { FrameImage } from "./FrameImage";
-import MaterialLibrary from "./MaterialLibrary";
-import { useFrameEffects } from "../hooks/useFrameEffects";
-import { useObjectAnimation } from "../hooks/useObjectAnimation";
+import { FrameGeometry } from "./FrameGeometry.js";
+import { FrameImage } from "./FrameImage.js";
+import MaterialLibrary from "./MaterialLibrary.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
+import { useObjectAnimation } from "../hooks/useObjectAnimation.js";
 export default function Frame({ url, isActive, createdObject, position, rotation, shapeType = 'circle', hoverSettings, transformEffects = [], colorEffects = [], layoutSettings, side, materialSettings, children, handleObjectClick, }) {
     const frameRef = useRef(new Mesh());
     const imageRef = useRef(null);

package/dist/components/FrameImage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { FrameGeometry } from "./FrameGeometry";
+import { FrameGeometry } from "./FrameGeometry.js";
 export const FrameImage = forwardRef(({ texture, shapeType, position, rotation, isBack = false, layoutSettings, }, ref) => {
     const width = layoutSettings?.width || 1;
     const height = layoutSettings?.height || 1;

package/dist/components/Galaxy.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Stars from './Stars';
-import ShootingStars from './ShootingStars';
+import Stars from './Stars.js';
+import ShootingStars from './ShootingStars.js';
 const Galaxy = ({ settings }) => {
     if (!settings.visible)
         return null;

package/dist/components/GalleryLayout.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { updateCurrentLayoutSettings } from '@ntalmagor/3drize-core';
-import Frame from './Frame';
-import EffectsGenerator from './EffectsGenerator';
-import { ImageGeometry } from './ImageGeometry';
+import Frame from './Frame.js';
+import EffectsGenerator from './EffectsGenerator.js';
+import { ImageGeometry } from './ImageGeometry.js';
 const GalleryLayout = ({ createdObject, selectedFrameUrl, handleObjectClick, }) => {
     const groupRef = useRef(null);
     const { config, materialSettings, animations } = createdObject;

package/dist/components/Lensflare.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree } from '@react-three/fiber';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 export function createFlareTexture(type) {
     const canvas = document.createElement('canvas');
     canvas.width = 256;

package/dist/components/Letter.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from 'react';
 import { useFrame } from '@react-three/fiber';
 import { useCursor, Text, Text3D, Center } from '@react-three/drei';
-import MaterialLibrary from './MaterialLibrary';
+import MaterialLibrary from './MaterialLibrary.js';
 import { createDefaultEffectState, applyTransformEffects } from '@ntalmagor/3drize-core';
-import { useFrameEffects } from '../hooks/useFrameEffects';
+import { useFrameEffects } from '../hooks/useFrameEffects.js';
 import { fontManager } from '@ntalmagor/3drize-core';
 const getText3DConfig = (config) => {
     const c = config;

package/dist/components/Letters.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import Letter from './Letter';
+import Letter from './Letter.js';
 export default function Letters({ text, config, materialSettings, hoverSettings, transformEffects = [], colorEffects = [], onLetterClick, }) {
     const ref = useRef(null);
     const characters = text.split('');

package/dist/components/LightsManager.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useRef, useEffect, useMemo } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import { useHelper } from '@react-three/drei';
-import { createSunPosition } from '../utils/utils3d';
-import { useLightHandlers } from '../hooks/useLightHandlers';
+import { createSunPosition } from '../utils/utils3d.js';
+import { useLightHandlers } from '../hooks/useLightHandlers.js';
 import { Color, DirectionalLightHelper, SpotLightHelper, PointLightHelper, } from 'three';
 const LightHelperMesh = ({ position, lightName, lightColor, hasHandlers, onEnter, onLeave, size = 0.5, }) => {
     if (!hasHandlers)

package/dist/components/Lines.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { PositionsCreator } from '@ntalmagor/3drize-core';
-import Path from './Path';
+import Path from './Path.js';
 const Lines = ({ createdObject, transitionSettings }) => {
     if (!createdObject)
         return null;

package/dist/components/ObjectNode.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
-import CustomPrimitive from "./CustomPrimitive";
+import CustomPrimitive from "./CustomPrimitive.js";
 import CreatedObject from "./CreatedObject.js";
-import Text3D from './Text3D';
-import Text2D from './Text2D';
-import PathRenderer from './PathRenderer';
-import GalleryLayout from './GalleryLayout';
-import EffectsGenerator from './EffectsGenerator';
+import Text3D from './Text3D.js';
+import Text2D from './Text2D.js';
+import PathRenderer from './PathRenderer.js';
+import GalleryLayout from './GalleryLayout.js';
+import EffectsGenerator from './EffectsGenerator.js';
 import ParticlesR3f from "./ParticlesR3f.js";
 import Lines from "./Lines.js";
-import GridHelper from "./GridHelper";
+import GridHelper from "./GridHelper.js";
 const EffectsLayer = ({ effects }) => effects?.length ? (_jsx(_Fragment, { children: effects.map((effect, index) => (_jsx(EffectsGenerator, { settings: effect }, index))) })) : null;
 const GroupWithChildren = ({ createdObject, children, cameraSettings, onObjectReady, handleObjectClick, renderObject }) => {
     const meshSettings = createdObject.meshSettings;

package/dist/components/ObjectsRenderer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useRef, useCallback, useMemo } from 'react';
 import { buildObjectTree } from '@ntalmagor/3drize-core';
-import ObjectNode from './ObjectNode';
+import ObjectNode from './ObjectNode.js';
 const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSettings, onObjectsReady, handleObjectClick }) => {
     const groupRef = useRef(null);
     const objectsTree = useMemo(() => buildObjectTree(createdObjects), [createdObjects]);

package/dist/components/ObjectsRendererApi.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import ObjectsRenderer from './ObjectsRenderer';
+import ObjectsRenderer from './ObjectsRenderer.js';
 /**
  * ObjectsRendererApi
  *
@@ -15,7 +15,7 @@ import ObjectsRenderer from './ObjectsRenderer';
  *   apiBaseUrl="http://localhost:3001"
  * />
  */
-const ObjectsRendererApi = ({ objectIds, cameraSettings, generalObjectSettings, apiBaseUrl = process.env.REACT_APP_API_BASE_URL || 'http://localhost:3001', onObjectsReady, handleObjectClick, onError, onLoading, }) => {
+const ObjectsRendererApi = ({ objectIds, cameraSettings, generalObjectSettings, apiBaseUrl = 'http://localhost:3001', onObjectsReady, handleObjectClick, onError, onLoading, }) => {
     const [createdObjects, setCreatedObjects] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);

package/dist/components/Ocean.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import * as THREE from 'three';
 import { useFrame } from '@react-three/fiber';
-import { useMaterialApplication } from '../hooks/useMaterialApplication';
-import { useWaterEnvironment } from '../hooks/useWaterEnvironment';
-import { useWaterReflections } from '../hooks/useWaterReflections';
-import { update3driseShaderUniforms } from '../utils/shaderUtils';
-import { useMouseHandlers } from '../hooks/useMouseHandlers';
+import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
+import { useWaterEnvironment } from '../hooks/useWaterEnvironment.js';
+import { useWaterReflections } from '../hooks/useWaterReflections.js';
+import { update3driseShaderUniforms } from '../utils/shaderUtils.js';
+import { useMouseHandlers } from '../hooks/useMouseHandlers.js';
 function getValueType(property, value) {
     if (Array.isArray(value)) {
         if (value.length === 3)

package/dist/components/ParticlesR3f.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { extend, useFrame } from '@react-three/fiber';
 import { Color } from 'three';
-import { ShaderEffectsMaterial } from '../shaders/ShaderEffectsMaterial';
-import { useParticlePositions } from '../hooks/useParticlePositions';
-import { useParticlesColors } from '../hooks/useParticlesColors';
-import { useParticlesTextures } from '../hooks/useParticlesTextures';
+import { ShaderEffectsMaterial } from '../shaders/ShaderEffectsMaterial.js';
+import { useParticlePositions } from '../hooks/useParticlePositions.js';
+import { useParticlesColors } from '../hooks/useParticlesColors.js';
+import { useParticlesTextures } from '../hooks/useParticlesTextures.js';
 import { handleShapeAnimation } from '@ntalmagor/3drize-core';
 extend({ ShaderEffectsMaterial });
 const ParticlesR3f = ({ particlesSettings, duration = 1, transitionSettings, }) => {

package/dist/components/PathRenderer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Sphere, Line } from '@react-three/drei';
 import { smoothPathCorners, createPathSpline, sampleSplinePoints } from '@ntalmagor/3drize-core';
-import PathGeometry from './PathGeometry';
+import PathGeometry from './PathGeometry.js';
 const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, pointSize = 0.15, lineWidth = 2, }) => {
     const points = pathSettings?.points || [];
     const curve = pathSettings?.curve ?? 1;

package/dist/components/ProductionScene.d.ts

@@ -1,33 +1,5 @@
 import React from "react";
-import { Object3D } from "three";
-import type { AnimationSequence, CameraState, CreatedObjectSettings, DeviceType, FogSettings, GeneralObjectSettings, GridConfig, HdrSettings, OceanSettings, PhysicsSettings, RainSettings, SkySettings, StarsSettings, TimeSettings } from "@ntalmagor/3drize-core";
-import { type ThreeEvent } from '@react-three/fiber';
-type ProductionSceneProps = {
-    device: DeviceType;
-    onObjectsReady?: () => void;
-    gridSettings: GridConfig;
-    hdr: HdrSettings;
-    physicsSettings: PhysicsSettings;
-    generalObjectSettings: GeneralObjectSettings;
-    ocean: OceanSettings;
-    cameraSettings: CameraState;
-    selectedLight: any;
-    objects: CreatedObjectSettings[];
-    lighting: any;
-    controls: any;
-    geometry: any;
-    structure: any;
-    isPathMode: boolean;
-    editingPath: any;
-    sky: SkySettings;
-    timeSettings: TimeSettings;
-    starsSettings: StarsSettings;
-    clouds: any;
-    rainSettings: RainSettings;
-    fogSettings: FogSettings;
-    animationSequences: AnimationSequence[];
-    onObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
-};
+import type { ProductionSceneProps } from "@ntalmagor/3drize-core";
 declare const ProductionScene: React.FC<ProductionSceneProps>;
 export default ProductionScene;
 //# sourceMappingURL=ProductionScene.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductionScene.d.ts","sourceRoot":"","sources":["../../src/components/ProductionScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,qBAAqB,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE,UAAU,EAAE,WAAW,EAAe,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAClR,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAYrD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,UAAU,CAAC;IACzB,GAAG,EAAE,WAAW,CAAC;IACjB,eAAe,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,KAAK,EAAE,aAAa,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,EAAE,GAAG,CAAC;IACnB,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,GAAG,CAAC;IACjB,GAAG,EAAE,WAAW,CAAC;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACvG,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6HnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductionScene.d.ts","sourceRoot":"","sources":["../../src/components/ProductionScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAsC,oBAAoB,EAAG,MAAM,wBAAwB,CAAC;AAexG,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2HnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/ProductionScene.js

@@ -2,17 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { OrbitControls } from "@react-three/drei";
 import { Physics } from "@react-three/rapier";
 import { Vector3 } from "three";
-// import GridHelper from "/GridHelper";
-// import { ShaderMesh } from "~/components/MaterialCreator/components";
-// import StructureRenderer from "~/components/StructureRenderer/StructureRenderer";
-import PathRenderer from "./PathRenderer";
-import LightsManager from "./LightsManager";
-import EnvironmentManager from "./EnvironmentManager";
-import CameraController from "./CameraController";
-import Ocean from "./Ocean";
-import ObjectsRenderer from "./ObjectsRenderer";
-import { useInteraction } from "../hooks/useInteraction";
-const ProductionScene = ({ onObjectsReady, onObjectClick, gridSettings, hdr, physicsSettings, generalObjectSettings, ocean, cameraSettings, selectedLight, objects, lighting, controls, geometry, structure, isPathMode, editingPath, sky, timeSettings, starsSettings, clouds, rainSettings, fogSettings, animationSequences, }) => {
+import LightsManager from "./LightsManager.js";
+import EnvironmentManager from "./EnvironmentManager.js";
+import CameraController from "./CameraController.js";
+import Ocean from "./Ocean.js";
+import ObjectsRenderer from "./ObjectsRenderer.js";
+import { useInteraction } from "../hooks/useInteraction.js";
+const ProductionScene = ({ onObjectsReady, onObjectClick, gridSettings, hdr, physicsSettings, generalObjectSettings, ocean, cameraSettings, selectedLight, objects, lighting, controls, geometry, structure, sky, timeSettings, starsSettings, clouds, rainSettings, fogSettings, animationSequences, }) => {
     const sunSystem = sky.sunSystem;
     const mode = 'default';
     // console.log({animationSequences})
@@ -34,6 +30,6 @@ const ProductionScene = ({ onObjectsReady, onObjectClick, gridSettings, hdr, phy
         });
         onObjectClick && onObjectClick(createdObject, ref, event);
     };
-    return (_jsxs(Physics, { gravity: physicsSettings.gravity, paused: !physicsSettings.enabled, debug: physicsSettings.debug, children: [_jsx(LightsManager, { lights: lighting, selectedLight: selectedLight }), _jsx(EnvironmentManager, { hdrSettings: hdr, timeSettings: timeSettings, visible: true, sunSystemVisible: sunSystem.visible, sunSize: sunSystem.sunSize, moonSize: sunSystem.moonSize, sunIntensity: sunSystem.intensity, castShadow: sunSystem.castShadow, shadowMapSize: sunSystem.shadowMapSize, starsSettings: starsSettings, skyControllerSettings: sky.visible && !sunSystem.visible ? sky : undefined, cloudsSettings: clouds, cloudsMaterialSettings: clouds.materialSettings, rainSettings: rainSettings, fogSettings: fogSettings }), _jsx(CameraController, { settings: cameraSettings }), _jsx(Ocean, { settings: ocean }), _jsx(ObjectsRenderer, { cameraSettings: cameraSettings, generalObjectSettings: generalObjectSettings, createdObjects: objects, onObjectsReady: onObjectsReady, handleObjectClick: handleObjectClick }), isPathMode && editingPath && _jsx(PathRenderer, { pathSettings: editingPath }), _jsx(OrbitControls, { makeDefault: true, enabled: controls.enabled, target: new Vector3(...controls.target), enablePan: controls.enablePan, enableRotate: controls.enableRotate, autoRotate: controls.autoRotate, autoRotateSpeed: controls.autoRotateSpeed, zoomSpeed: controls.zoomSpeed, panSpeed: controls.panSpeed, rotateSpeed: controls.rotateSpeed, minDistance: controls.minDistance, maxDistance: controls.maxDistance, minPolarAngle: controls.minPolarAngle ? controls.minPolarAngle : -Infinity, maxPolarAngle: controls.maxPolarAngle ? controls.maxPolarAngle : Infinity, minAzimuthAngle: controls.minAzimuthAngle ? controls.minAzimuthAngle : -Infinity, maxAzimuthAngle: controls.maxAzimuthAngle ? controls.maxAzimuthAngle : Infinity })] }));
+    return (_jsxs(Physics, { gravity: physicsSettings.gravity, paused: !physicsSettings.enabled, debug: physicsSettings.debug, children: [_jsx(LightsManager, { lights: lighting, selectedLight: selectedLight }), _jsx(EnvironmentManager, { hdrSettings: hdr, timeSettings: timeSettings, visible: true, sunSystemVisible: sunSystem.visible, sunSize: sunSystem.sunSize, moonSize: sunSystem.moonSize, sunIntensity: sunSystem.intensity, castShadow: sunSystem.castShadow, shadowMapSize: sunSystem.shadowMapSize, starsSettings: starsSettings, skyControllerSettings: sky.visible && !sunSystem.visible ? sky : undefined, cloudsSettings: clouds, cloudsMaterialSettings: clouds.materialSettings, rainSettings: rainSettings, fogSettings: fogSettings }), _jsx(CameraController, { settings: cameraSettings }), _jsx(Ocean, { settings: ocean }), _jsx(ObjectsRenderer, { cameraSettings: cameraSettings, generalObjectSettings: generalObjectSettings, createdObjects: objects, onObjectsReady: onObjectsReady, handleObjectClick: handleObjectClick }), _jsx(OrbitControls, { makeDefault: true, enabled: controls.enabled, target: new Vector3(...controls.target), enablePan: controls.enablePan, enableRotate: controls.enableRotate, autoRotate: controls.autoRotate, autoRotateSpeed: controls.autoRotateSpeed, zoomSpeed: controls.zoomSpeed, panSpeed: controls.panSpeed, rotateSpeed: controls.rotateSpeed, minDistance: controls.minDistance, maxDistance: controls.maxDistance, minPolarAngle: controls.minPolarAngle ? controls.minPolarAngle : -Infinity, maxPolarAngle: controls.maxPolarAngle ? controls.maxPolarAngle : Infinity, minAzimuthAngle: controls.minAzimuthAngle ? controls.minAzimuthAngle : -Infinity, maxAzimuthAngle: controls.maxAzimuthAngle ? controls.maxAzimuthAngle : Infinity })] }));
 };
 export default ProductionScene;

package/dist/components/ProjectLoader.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 // import type { GetProjectPayload, Project } from '~/types/users';
-import { dataCenterServer } from '../constants';
+import { dataCenterServer } from '../constants.js';
 // import { buildQueryString } from "~/utils/utils";
-import SceneBuilder from "./SceneBuilder";
+import SceneBuilder from "./SceneBuilder.js";
 import { loadAssets } from "@ntalmagor/3drize-core";
 import { buildQueryString } from "@ntalmagor/3drize-core";
-import useMeshController from '../hooks/useMeshController';
-import LoadingIndicator from "./LoadingIndicator";
+import useMeshController from '../hooks/useMeshController.js';
+import LoadingIndicator from "./LoadingIndicator.js";
 const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized }) => {
     const [project, setProject] = useState(null);
     const meshController = useMeshController();

package/dist/components/Rain.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useMemo } from 'react';
 import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
-import { RainMaterial } from '../shaders/RainMaterial';
+import { RainMaterial } from '../shaders/RainMaterial.js';
 const MAX_PARTICLES = 20000;
 const DEG_TO_RAD = Math.PI / 180;
 const Rain = ({ settings }) => {

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;AAKnD,OAAO,KAAK,EAAa,iBAAiB,EAAe,MAAM,wBAAwB,CAAC;AAQxF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2K7C,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;AAKnD,OAAO,KAAK,EAAa,iBAAiB,EAAe,MAAM,wBAAwB,CAAC;AAQxF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SceneBuilder.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Canvas } from "@react-three/fiber";
 // import type { SceneBuilderProps } from "~/types/types";
-import useMeshController from "../hooks/useMeshController";
+import useMeshController from "../hooks/useMeshController.js";
 import { loadAssets } from "@ntalmagor/3drize-core";
 import { NoToneMapping } from "three";
-import ProductionScene from "./ProductionScene";
+import ProductionScene from "./ProductionScene.js";
 // import UiController from "./UiController";
 // import type { HtmlElement } from "~/types/uiController";
 const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, className = '', onSceneInitialized, onUiElementClick, onObjectClick, }) => {
@@ -100,6 +100,6 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
                 if (onSceneInitialized) {
                     onSceneInitialized();
                 }
-            }, children: _jsx(ProductionScene, { device: "desktop", onObjectsReady: undefined, gridSettings: environment.grid, hdr: environment.hdr, physicsSettings: physicsSettings, generalObjectSettings: generalObjectSettings, ocean: environment.ocean, cameraSettings: camera, selectedLight: null, objects: sceneObjects, lighting: project.lights || [], controls: controls, geometry: project.settings?.materialCreator?.geometry || null, structure: project.settings?.structure || null, isPathMode: false, editingPath: null, sky: environment.sky, timeSettings: timeSettings, starsSettings: environment.stars, clouds: environment.clouds, rainSettings: environment.rain, fogSettings: environment.fog, onObjectClick: onObjectClick, animationSequences: animationSequences }) }) }));
+            }, children: _jsx(ProductionScene, { device: "desktop", onObjectsReady: undefined, gridSettings: environment.grid, hdr: environment.hdr, physicsSettings: physicsSettings, generalObjectSettings: generalObjectSettings, ocean: environment.ocean, cameraSettings: camera, selectedLight: null, objects: sceneObjects, lighting: project.lights || [], controls: controls, geometry: project.settings?.materialCreator?.geometry || null, structure: project.settings?.structure || null, sky: environment.sky, timeSettings: timeSettings, starsSettings: environment.stars, clouds: environment.clouds, rainSettings: environment.rain, fogSettings: environment.fog, onObjectClick: onObjectClick, animationSequences: animationSequences }) }) }));
 };
 export default SceneBuilder;

package/dist/components/ShootingStar.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 { Vector3, BufferGeometry, BufferAttribute, AdditiveBlending, Color } from 'three';
-import { ShootingStarMaterial } from '../shaders/ShootingStarMaterial';
+import { ShootingStarMaterial } from '../shaders/ShootingStarMaterial.js';
 const ShootingStar = ({ position = [0, 0, 0], direction = [1, -1, 0], speed = 0.05, color = '#ffffff', trailLength = 30, size = 0.1, opacity = 1.0, onComplete, maxDistance = 50, followMouse = true, }) => {
     const starRef = useRef(null);
     const glowRef = useRef(null);

package/dist/components/ShootingStars.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from 'react';
 import { generateShootingStar, generateShootingStars } from '@ntalmagor/3drize-core';
-import ShootingStar from './ShootingStar';
+import ShootingStar from './ShootingStar.js';
 const ShootingStars = ({ settings }) => {
     const [shootingStars, setShootingStars] = useState(() => {
         if (settings?.enabled)

package/dist/components/SkyController.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback, useState } from 'react';
 import { useFrame } from '@react-three/fiber';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
-import { useSkyUniforms } from '../hooks/useSkyUniforms';
-import { useSkyAnimation } from '../hooks/useSkyAnimation';
-import { useSkySystem } from '../hooks/useSkySystem';
-import { findById } from '../utils/sceneQuery';
-import SkyMesh from './SkyMesh';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
+import { useSkyUniforms } from '../hooks/useSkyUniforms.js';
+import { useSkyAnimation } from '../hooks/useSkyAnimation.js';
+import { useSkySystem } from '../hooks/useSkySystem.js';
+import { findById } from '../utils/sceneQuery.js';
+import SkyMesh from './SkyMesh.js';
 function SkyController({ settings, timeSettings, scale = 1000, onSettingsChange, }) {
     const skyRef = useRef(null);
     const sunLightRef = useRef(null);

package/dist/components/SkySystem.js

@@ -3,14 +3,14 @@ import { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
 import * as THREE from 'three';
 import { useFrame } from '@react-three/fiber';
 import { skySystemManager } from '@ntalmagor/3drize-core';
-import Skybox from './Skybox';
-import Lensflare from './Lensflare';
-import SunLight from './SunLight';
-import Clouds from './Clouds';
-import Galaxy from './Galaxy';
-import SkyController from './SkyController';
-import Rain from './Rain';
-import SceneFog from './SceneFog';
+import Skybox from './Skybox.js';
+import Lensflare from './Lensflare.js';
+import SunLight from './SunLight.js';
+import Clouds from './Clouds.js';
+import Galaxy from './Galaxy.js';
+import SkyController from './SkyController.js';
+import Rain from './Rain.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 previousTimeOfDayRef = useRef(null);
     useImperativeHandle(ref, () => ({

package/dist/components/Skybox.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useCallback } from 'react';
 import * as THREE from 'three';
-import { SkyboxMaterial } from '../shaders/SkyboxMaterial';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { SkyboxMaterial } from '../shaders/SkyboxMaterial.js';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 // Extend R3F with skyboxMaterial
 import { extend } from '@react-three/fiber';
 extend({ SkyboxMaterial });

package/dist/components/Stars.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo, useCallback, useState, useEffect } from 'react';
 import * as THREE from 'three';
 import { useFrame } from '@react-three/fiber';
-import { useSkySystem } from '../hooks/useSkySystem';
-import { useParticlesColors } from '../hooks/useParticlesColors';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
+import { useSkySystem } from '../hooks/useSkySystem.js';
+import { useParticlesColors } from '../hooks/useParticlesColors.js';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 export function generateStarsGeometry(count) {
     const halfCount = Math.floor(count / 2);
     const geometry = new THREE.BufferGeometry();

package/dist/components/SunLight.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useCallback } from 'react';
 import * as THREE from 'three';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 const COLORS = {
     white: new THREE.Color(0xffffff),
     orange: new THREE.Color(0xff4500),