@ntalmagor/3drize-viewer 0.1.12 → 0.1.14

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,EAChH,UAAU,EAAE,WAAW,EAAe,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAC7G,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACjD,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;AAUxG,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/ProductionScene.js

@@ -2,38 +2,8 @@ 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.js";
-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, isPathMode, editingPath, sky, timeSettings, starsSettings, clouds, rainSettings, fogSettings, animationSequences, }) => {
-    const sunSystem = sky.sunSystem;
-    const mode = 'default';
-    // console.log({animationSequences})
+const ProductionScene = ({ physicsSettings, controls, children, }) => {
     // Interaction hook
-    const { executeInteraction, currentAnimatedRef, glowingObjects, vanishedObjects } = useInteraction({
-        cameraSettings,
-        sequences: animationSequences,
-    });
-    function filterInteractionsByEvent(interactions, mouseEvent) {
-        if (!interactions)
-            return [];
-        return interactions.filter((interaction) => interaction.mouseEvent === mouseEvent);
-    }
-    const handleObjectClick = (createdObject, ref, event) => {
-        console.log('[ProductionScene] handleObjectClick:', createdObject.id);
-        const clickInteractions = filterInteractionsByEvent(createdObject.interactions?.actions, 'click');
-        clickInteractions.forEach((interaction) => {
-            executeInteraction({ interaction, ref, createdObject });
-        });
-        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: [children, _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/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;AAGnD,OAAO,KAAK,EAEV,iBAAiB,EAIlB,MAAM,wBAAwB,CAAC;AAWhC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SceneBuilder.js

@@ -1,14 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } 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.js";
 import { loadAssets } from "@ntalmagor/3drize-core";
 import { NoToneMapping } from "three";
 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, }) => {
+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 SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, className = "", onSceneInitialized, onUiElementClick, onObjectClick, }) => {
     const sceneSettings = (project.sceneSettingsData || {});
     const meshController = useMeshController();
     const [isThreeJsMounted, setIsThreeJsMounted] = useState(false);
@@ -45,13 +48,13 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
         minAzimuthAngle: -Infinity,
         maxAzimuthAngle: Infinity,
     };
-    const { shadows, antialias, dpr, gl, backgroundColor, } = sceneCanvas;
-    const { position, orientation, fov, near, far, } = camera;
+    const { shadows, antialias, dpr, gl, backgroundColor } = sceneCanvas;
+    const { position, orientation, fov, near, far } = camera;
     const containerStyle = {
         width,
         height,
-        position: 'relative',
-        overflow: 'hidden',
+        position: "relative",
+        overflow: "hidden",
         ...style,
     };
     useEffect(() => {
@@ -81,12 +84,30 @@ const SceneBuilder = ({ project, width = "100%", height = "100vh", style = {}, c
             onUiElementClick(element);
         }
     };
+    function filterInteractionsByEvent(interactions, mouseEvent) {
+        if (!interactions)
+            return [];
+        return interactions.filter((interaction) => interaction.mouseEvent === mouseEvent);
+    }
+    const { executeInteraction } = useInteraction({
+        cameraSettings: camera,
+        sequences: animationSequences,
+    });
+    const handleObjectClickHandler = (createdObject, ref, event) => {
+        const clickInteractions = filterInteractionsByEvent(createdObject.interactions?.actions, "click");
+        clickInteractions.forEach((interaction) => {
+            executeInteraction({ interaction, ref, createdObject });
+        });
+        if (onObjectClick) {
+            onObjectClick(createdObject, ref, event);
+        }
+    };
     return (_jsx("div", { className: className, style: containerStyle, children: _jsx(Canvas, { style: {
                 backgroundColor: backgroundColor,
             }, shadows: shadows, dpr: dpr, gl: {
                 antialias,
                 alpha: true,
-                powerPreference: 'high-performance',
+                powerPreference: "high-performance",
                 ...gl,
             }, camera: {
                 fov,
@@ -100,6 +121,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: _jsxs(ProductionScene, { physicsSettings: physicsSettings, controls: controls, children: [_jsx(LightsManager, { lights: project.lights || [] }), _jsx(EnvironmentManager, { hdrSettings: environment.hdr, timeSettings: timeSettings, visible: true, sunSystemVisible: environment.sky.sunSystem.visible, sunSize: environment.sky.sunSystem.sunSize, moonSize: environment.sky.sunSystem.moonSize, sunIntensity: environment.sky.sunSystem.intensity, castShadow: environment.sky.sunSystem.castShadow, shadowMapSize: environment.sky.sunSystem.shadowMapSize, starsSettings: environment.stars, skyControllerSettings: environment.sky.visible && !environment.sky.sunSystem.visible ? environment.sky : undefined, cloudsSettings: environment.clouds, cloudsMaterialSettings: environment.clouds.materialSettings, rainSettings: environment.rain, fogSettings: environment.fog }), _jsx(CameraController, { settings: camera }), _jsx(Ocean, { settings: environment.ocean }), _jsx(ObjectsRenderer, { cameraSettings: camera, generalObjectSettings: generalObjectSettings, createdObjects: sceneObjects, onObjectsReady: undefined, handleObjectClick: handleObjectClickHandler })] }) }) }));
 };
 export default SceneBuilder;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,6 @@
     "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,13 +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",
-    "@gsap/react": "^2.1.2",
-    "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"
   }
 }