@ntalmagor/3drize-viewer 0.1.21 → 0.1.22

package/dist/components/GalleryLayout.js

@@ -13,8 +13,8 @@ const GalleryLayout = ({ createdObject, selectedFrameUrl, handleObjectClick, })
         outerFrameScale: 1,
     };
     const { frames, layoutSettings } = useMemo(() => updateCurrentLayoutSettings(galleryLayout), [galleryLayout]);
-    console.log('GalleryLayout - frames:', frames);
-    console.log('GalleryLayout - layoutSettings:', layoutSettings);
+    // console.log('GalleryLayout - frames:', frames);
+    // console.log('GalleryLayout - layoutSettings:', layoutSettings);
     return (_jsx("group", { ref: groupRef, scale: [1, 1, 1], position: [0, 0, 0], rotation: [0, 0, 0], children: frames.map((frame, index) => (_jsxs(Frame, { url: frame.url, isActive: selectedFrameUrl === frame.url, createdObject: createdObject, position: frame.position, rotation: frame.rotation, hoverSettings: { sensitivity: 0.5, applyToChildren: false }, transformEffects: animations?.transform?.effects || [], layoutSettings: layoutSettings, side: galleryLayout?.side || 2, materialSettings: materialSettings, handleObjectClick: handleObjectClick, children: [layoutSettings.geometryType !== 'none' && (_jsx(ImageGeometry, { url: frame.url, geometryType: layoutSettings.geometryType, outerFrameScale: layoutSettings.outerFrameScale })), createdObject.effects?.map((effect, effectIndex) => (_jsx(EffectsGenerator, { settings: effect }, effectIndex)))] }, index))) }));
 };
 export default GalleryLayout;

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/LoadingIndicator.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import RiseLogo from './RiseLogo.js';
 const LoadingIndicator = ({ text, fullScreen = false, animate = true, size = 80, }) => {
-    return (_jsxs("div", { children: [text && _jsx("div", { className: "loading-text", children: text }), _jsx(RiseLogo, { size: size, animated: animate, loop: true })] }));
+    return (_jsxs(_Fragment, { children: [text && _jsx("div", { className: "loading-text", children: text }), _jsx(RiseLogo, { size: size, animated: animate, loop: true })] }));
 };
 export default LoadingIndicator;

package/dist/components/ProjectLoader.d.ts

@@ -4,6 +4,7 @@ import { Object3D } from "three";
 import { type ThreeEvent } from '@react-three/fiber';
 type ProjectProps = {
     projectId: string;
+    loadingIndicator?: React.ReactNode;
     onObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
     onObjectHover?: (object: CreatedObjectSettings, ref: Object3D) => void;
     onElementClick?: (element: HtmlElement) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuGzC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8GzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProjectLoader.js

@@ -6,7 +6,7 @@ import { loadAssets } from "@ntalmagor/3drize-core";
 import { useMeshController } from '@ntalmagor/3drize-viewer';
 import LoadingIndicator from "./LoadingIndicator.js";
 const PROJECT_LOADER_DEBUG_PREFIX = '[ProjectLoaderDebug]';
-const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized }) => {
+const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick, onElementHover, onSceneInitialized, loadingIndicator = _jsx(LoadingIndicator, { text: "Loading project...", fullScreen: true, animate: true }) }) => {
     const [project, setProject] = useState(null);
     const meshController = useMeshController();
     useEffect(() => {
@@ -40,11 +40,11 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
             const responseData = await response.json();
-            console.log(PROJECT_LOADER_DEBUG_PREFIX, 'Parsed project payload', {
-                projectId,
-                sceneObjectsCount: responseData.sceneObjects?.length || 0,
-                projectName: responseData.name,
-            });
+            // console.log(PROJECT_LOADER_DEBUG_PREFIX, 'Parsed project payload', {
+            //     projectId,
+            //     sceneObjectsCount: responseData.sceneObjects?.length || 0,
+            //     projectName: responseData.name,
+            // });
             console.log("Loaded project:", responseData);
             const sceneObjects = responseData.sceneObjects || [];
             const modelObjects = sceneObjects.filter(obj => obj.type === 'model');
@@ -79,7 +79,12 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
         }
     };
     if (!project) {
-        return _jsx(LoadingIndicator, { text: "Loading project...", fullScreen: true });
+        return _jsx("div", { style: {
+                width: '100%', height: '100%', display: 'flex',
+                alignItems: 'center', justifyContent: 'center',
+                backgroundColor: 'black',
+                flexDirection: 'column', gap: '1rem'
+            }, children: loadingIndicator });
     }
     return _jsx(_Fragment, { children: _jsx(SceneBuilder, { project: project, onSceneInitialized: onSceneInitialized, onUiElementClick: onElementClick, onUiElementHover: onElementHover, onObjectClick: onObjectClick }) });
 };

package/dist/hooks/useMaterialApplication.js

@@ -6,7 +6,7 @@
 // Three.js object. Uses shared utilities from materialApplicationUtils.
 //
 import { useEffect, useRef } from 'react';
-import { createAndApplyMaterial, MATERIAL_INSTANCE_KEY, MaterialRegistryAPI, ObjectManager, resolveTextures } from '@ntalmagor/3drize-core';
+import { createAndApplyMaterial, MATERIAL_INSTANCE_KEY, MaterialRegistryAPI, ObjectManager, resolveTextures, traverseSkippingEdges } from '@ntalmagor/3drize-core';
 export const useMaterialApplication = (obj, materialSettings, shouldApply3driseMaterial, onApplied) => {
     // Track all material instances we've created so we can release them on change/unmount
     const activeInstancesRef = useRef([]);
@@ -39,7 +39,7 @@ export const useMaterialApplication = (obj, materialSettings, shouldApply3driseM
         activeInstancesRef.current = [];
     };
     const handleSettingsChange = async (obj, materialSettings) => {
-        console.log('Applying material with settings:', obj);
+        // console.log('Applying material with settings:', obj);
         if (!obj || !materialSettings || materialSettings.materialType === 'advanced' || !materialSettings.materialVariant)
             return;
         const applyMaterial = materialSettings.apply !== undefined ? materialSettings.apply : true;
@@ -60,11 +60,11 @@ export const useMaterialApplication = (obj, materialSettings, shouldApply3driseM
         // 1. Resolve textures using shared utility (registry-driven TextureResolver)
         const resolvedSettings = await resolveTextures(variant, materialSettings);
         // 2. Traverse the object tree and apply material to any child with .material.
-        // traverseSkippingEdges(obj, true, (child: any) => {
-        //   if (child.material) {
-        //     applyMaterialToChild(child, variant, resolvedSettings);
-        //   }
-        // });
+        traverseSkippingEdges(obj, true, (child) => {
+            if (child.material) {
+                applyMaterialToChild(child, variant, resolvedSettings);
+            }
+        });
         onApplied?.();
     };
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntalmagor/3drize-viewer",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",