@3driseai/3drise-viewer 0.1.5 → 0.1.7

package/dist/components/Letter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useObjectReady } from '../hooks/useObjectReady.js';
-import { useRef, useState, useEffect } from 'react';
+import { useRef, useState } from 'react';
 import { useFrame } from '@react-three/fiber';
 import { useCursor, Text, Text3D, Center } from '@react-three/drei';
 import MaterialLibrary from './MaterialLibrary.js';
@@ -49,11 +49,6 @@ export default function Letter({ letterData, config, materialSettings, hoverSett
     const color = 'color' in materialSettings ? materialSettings.color : '#ffffff';
     const opacity = 'opacity' in materialSettings ? materialSettings.opacity : 1;
     const useDreiMaterials = materialSettings.materialType === 'advanced';
-    useEffect(() => {
-        if (useDreiMaterials && renderMode === 'bitmap') {
-            console.warn('[Letter] Advanced materials not supported with bitmap text. Switch to text3d render mode.');
-        }
-    }, [useDreiMaterials, renderMode]);
     useCursor(hovered);
     const fontInfo = font ? fontManager.getFont(font) : null;
     const bitmapFontUrl = fontInfo?.googleFont;

package/dist/components/MoireGrid.d.ts

@@ -0,0 +1,23 @@
+import type { ThreeElements } from '@react-three/fiber';
+import type { ObjectReadyProps } from '../types/objectReady';
+import type { MoireGridConfig } from '../types/gridConfigs';
+export interface MoireGridProps extends ObjectReadyProps {
+    config?: MoireGridConfig;
+    groupProps?: ThreeElements['group'];
+}
+/** MoireGridConfig — the single source of truth for a moire grid instance. */
+export declare const defaultMoireGridConfig: MoireGridConfig;
+/**
+ * Two overlaid lattices, counter-rotating.
+ *
+ * Nothing draws the moire pattern — it emerges from where the two line sets
+ * nearly coincide, which is why it moves the way real interference does. Small
+ * `layerAngle` and `layerScale` values near 1 give the long, slow beats; larger
+ * ones break up into fine cross-hatch. `spin` 0 freezes it at `layerAngle`.
+ *
+ * `shape` picks what the two layers are made of. Rings have no orientation, so
+ * for that shape the layers are offset from each other rather than rotated.
+ */
+export declare function MoireGrid({ config, groupProps, onObjectReady, onObjectDispose }: MoireGridProps): import("react").JSX.Element;
+export default MoireGrid;
+//# sourceMappingURL=MoireGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoireGrid.d.ts","sourceRoot":"","sources":["../../src/components/MoireGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACpD,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC;AAWD,8EAA8E;AAC9E,eAAO,MAAM,sBAAsB,EAAE,eA6BpC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAA+B,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,cAAc,+BAkExH;AAED,eAAe,SAAS,CAAC"}

package/dist/components/MoireGrid.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import * as THREE from 'three';
+import { useObjectReady } from '../hooks/useObjectReady.js';
+import { useGridSurface } from '../hooks/useGridSurface.js';
+import { MoireGridMaterial } from '@3driseai/3drise-core';
+// Side-effect import registers <moireGridMaterial> via extend().
+void MoireGridMaterial;
+const SHAPE_INDEX = {
+    square: 0,
+    hex: 1,
+    rings: 2,
+};
+/** MoireGridConfig — the single source of truth for a moire grid instance. */
+export const defaultMoireGridConfig = {
+    cellSize: 2.8,
+    size: 50,
+    segments: undefined,
+    flat: true,
+    lineMode: 0,
+    cellMode: 2, // steady nodes; the interference carries the motion
+    lineWidth: 1.4,
+    sectionSize: 12,
+    sectionWidth: 0,
+    animSpeed: 1,
+    animScale: 1,
+    animIntensity: 1,
+    fadeDistance: undefined,
+    fadeStrength: 0.7,
+    displace: 0,
+    shape: 'square',
+    layerAngle: 0.05,
+    layerScale: 1.06,
+    spin: 1,
+    lineColor: '#226bd9',
+    sectionColor: '#f2599e',
+    cellColor: '#0d1a40',
+    glowColor: '#99d9ff',
+    bgColor: '#02040d',
+    bgOpacity: 0,
+    followMouse: false,
+    reveal: 1,
+    revealDuration: 0,
+};
+/**
+ * Two overlaid lattices, counter-rotating.
+ *
+ * Nothing draws the moire pattern — it emerges from where the two line sets
+ * nearly coincide, which is why it moves the way real interference does. Small
+ * `layerAngle` and `layerScale` values near 1 give the long, slow beats; larger
+ * ones break up into fine cross-hatch. `spin` 0 freezes it at `layerAngle`.
+ *
+ * `shape` picks what the two layers are made of. Rings have no orientation, so
+ * for that shape the layers are offset from each other rather than rotated.
+ */
+export function MoireGrid({ config = defaultMoireGridConfig, groupProps, onObjectReady, onObjectDispose }) {
+    const matRef = useRef(null);
+    const rootRef = useRef(null);
+    const meshRef = useRef(null);
+    useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
+    const { cellSize, size, segments, flat, lineMode, cellMode, lineWidth, sectionSize, sectionWidth, animSpeed, animScale, animIntensity, fadeDistance, fadeStrength, displace, shape, layerAngle, layerScale, spin, lineColor, sectionColor, cellColor, glowColor, bgColor, bgOpacity, followMouse, reveal, revealDuration, } = config;
+    const segs = segments ?? (displace > 0
+        ? Math.min(256, Math.max(64, Math.ceil(size / Math.max(cellSize, 1e-4)) * 2))
+        : 1);
+    const fade = fadeDistance ?? size * 0.5;
+    const colors = useMemo(() => ({
+        line: new THREE.Color(lineColor),
+        section: new THREE.Color(sectionColor),
+        cell: new THREE.Color(cellColor),
+        glow: new THREE.Color(glowColor),
+        bg: new THREE.Color(bgColor),
+    }), [lineColor, sectionColor, cellColor, glowColor, bgColor]);
+    useGridSurface(matRef, meshRef, { followMouse, reveal, revealDuration });
+    return (_jsx("group", { ref: rootRef, ...groupProps, children: _jsxs("mesh", { ref: meshRef, rotation: flat ? [-Math.PI / 2, 0, 0] : [0, 0, 0], children: [_jsx("planeGeometry", { args: [size, size, segs, segs] }), _jsx("moireGridMaterial", { ref: matRef, transparent: true, depthWrite: false, blending: THREE.AdditiveBlending, side: THREE.DoubleSide, u_cellSize: cellSize, u_lineWidth: lineWidth, u_sectionSize: sectionSize, u_sectionWidth: sectionWidth, u_lineMode: lineMode, u_cellMode: cellMode, u_animSpeed: animSpeed, u_animScale: animScale, u_animIntensity: animIntensity, u_fadeDistance: fade, u_fadeStrength: fadeStrength, u_displace: displace, u_shape: SHAPE_INDEX[shape] ?? 0, u_layerAngle: layerAngle, u_layerScale: layerScale, u_spin: spin, u_lineColor: colors.line, u_sectionColor: colors.section, u_cellColor: colors.cell, u_glowColor: colors.glow, u_bgColor: colors.bg, u_bgOpacity: bgOpacity }, MoireGridMaterial.key)] }) }));
+}
+export default MoireGrid;

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

@@ -1 +1 @@
-{"version":3,"file":"Moon.d.ts","sourceRoot":"","sources":["../../src/components/Moon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IAC/C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,YAAY,EAAE,YAAY,EAAE,CAAC;AAG7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0D7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Moon.d.ts","sourceRoot":"","sources":["../../src/components/Moon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IAC/C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,YAAY,EAAE,YAAY,EAAE,CAAC;AAG7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Moon.js

@@ -17,7 +17,6 @@ const Moon = ({ settings, sunPosition, onObjectReady, onObjectDispose }) => {
         loader.setCrossOrigin('anonymous');
         let cancelled = false;
         loader.load(MOON_TEXTURE_URL, (loaded) => {
-            console.log("Moon texture loaded:", loaded);
             if (!cancelled)
                 setTexture(loaded);
         }, undefined, () => {

package/dist/components/ObjectNode.d.ts

@@ -1,11 +1,10 @@
 import type { ObjectReadyProps } from "../types/objectReady";
 import React from "react";
 import { Object3D } from "three";
-import type { CameraState, CreatedObjectSettings, ObjectTreeNode } from "@3driseai/3drise-core";
+import type { CreatedObjectSettings, ObjectTreeNode } from "@3driseai/3drise-core";
 import { type ThreeEvent } from "@react-three/fiber";
 type ObjectNodeProps = ObjectReadyProps & {
     node: ObjectTreeNode;
-    cameraSettings: CameraState;
     handleObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 };
 declare const ObjectNode: React.FC<ObjectNodeProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AA0BF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4GzC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAe,qBAAqB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,IAAI,EAAE,cAAc,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAgBF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyGzC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -13,15 +13,7 @@ import LightObject from "./LightObject.js";
 import EnvironmentObject from "./EnvironmentObject.js";
 import Galaxy from "./Galaxy.js";
 import GridGenerator from "./GridsGenerator.js";
-const SELF_MANAGED_MATERIAL = new Set([
-    'effect',
-    // 'gallery',
-    'earth',
-    'space',
-    'shootingStars',
-    'grid',
-    // 'moon'
-]);
+import { SELF_MANAGED_MATERIAL } from "../constants.js";
 // const EffectsLayer: React.FC<{ effects: CreatedObjectSettings['effects'] }> = ({ effects }) =>
 //     effects?.length ? (
 //         <>
@@ -30,14 +22,13 @@ const SELF_MANAGED_MATERIAL = new Set([
 //             ))}
 //         </>
 //     ) : null;
-const GroupWithChildren = ({ createdObject, children, cameraSettings, onObjectReady, onObjectDispose, handleObjectClick, renderObject }) => {
+const GroupWithChildren = ({ createdObject, children, onObjectReady, onObjectDispose, handleObjectClick, renderObject }) => {
     const isGroup = createdObject.type === 'group';
     const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type);
-    return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, cameraSettings: cameraSettings, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }, childNode.objectId)))] }, createdObject.id));
+    return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }, childNode.objectId)))] }, createdObject.id));
 };
-const ObjectNode = ({ node, cameraSettings, onObjectReady, onObjectDispose, handleObjectClick }) => {
+const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick }) => {
     const { children, createdObject } = node;
-    // console.log(createdObject.meshSettings.name, createdObject.actions, createdObject.mouseMove)
     // Children describe themselves with their own settings; the scene above
     // knows them by the node's createdObject, so relabel on the way up.
     const relabel = useCallback((obj) => ({
@@ -47,7 +38,7 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, onObjectDispose, hand
     // Specialized renderers for each object type
     const renderers = useMemo(() => ({
         group: () => null,
-        mesh: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
+        mesh: (obj, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
         // water: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <Ocean
         //         settings={obj}
@@ -63,7 +54,7 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, onObjectDispose, hand
         //         settings={obj}
         //     />
         // ),
-        model: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
+        model: (obj, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }, obj.id)),
         // custom_primitive: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <CustomPrimitive
         //         key={obj.id}
@@ -72,27 +63,27 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, onObjectDispose, hand
         //         handleObjectClick={handleObjectClick}
         //     />
         // ),
-        text: (obj, cameraSettings, onObjectReady) => {
+        text: (obj, onObjectReady) => {
             const renderMode = obj.config?.renderMode ?? 'bitmap';
             return (_jsx(_Fragment, { children: renderMode === 'text3d'
                     ? _jsx(Text3D, { textSettings: obj, ...relabel(obj) })
                     : _jsx(Text2D, { textSettings: obj, ...relabel(obj) }) }));
         },
-        particles: (obj, cameraSettings, onObjectReady) => {
+        particles: (obj, onObjectReady) => {
             const particlesSettings = obj;
-            return (_jsxs(_Fragment, { children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, cameraFov: cameraSettings.fov, duration: 1, transitionSettings: particlesSettings.meshSettings, ...relabel(obj) })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings, ...relabel(obj) }))] }));
+            return (_jsxs(_Fragment, { children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, duration: 1, transitionSettings: particlesSettings.meshSettings, ...relabel(obj) })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings, ...relabel(obj) }))] }));
         },
-        path: (obj, cameraSettings, onObjectReady) => (_jsx(PathRenderer, { pathSettings: obj.config, ...relabel(obj) }, obj.id)),
-        grid: (obj, cameraSettings, onObjectReady) => (
+        path: (obj, onObjectReady) => (_jsx(PathRenderer, { pathSettings: obj.config, ...relabel(obj) }, obj.id)),
+        grid: (obj, onObjectReady) => (
         // <GridHelper {...(obj.config as GridConfig)} side={2} />
         _jsx(GridGenerator, { config: obj.config, ...relabel(obj) })),
         effect: (obj) => (_jsx(EffectsGenerator, { settings: {
                 config: obj.config,
             }, ...relabel(obj) }, obj.id)),
-        gallery: (obj, cameraSettings, onObjectReady) => (_jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick, ...relabel(obj) })),
-        light: (obj, cameraSettings, onObjectReady) => (_jsx(LightObject, { createdObject: obj, ...relabel(obj) })),
-        environment: (obj, cameraSettings, onObjectReady) => (_jsx(EnvironmentObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
-        space: (obj, cameraSettings, onObjectReady) => (_jsx(Galaxy, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
+        gallery: (obj, onObjectReady) => (_jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick, ...relabel(obj) })),
+        light: (obj, onObjectReady) => (_jsx(LightObject, { createdObject: obj, ...relabel(obj) })),
+        environment: (obj, onObjectReady) => (_jsx(EnvironmentObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
+        space: (obj, onObjectReady) => (_jsx(Galaxy, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
         // rain: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <Rain
         //         settings={obj}
@@ -115,18 +106,16 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, onObjectDispose, hand
         // ),
     }), [handleObjectClick, onObjectReady, onObjectDispose, relabel]);
     const renderObject = useCallback((obj, handleObjectClick) => {
-        // console.log('Rendering object:', obj);
         const renderer = renderers[obj.type];
-        return renderer?.(obj, cameraSettings, onObjectReady) ?? null;
-    }, [cameraSettings, onObjectReady, renderers]);
+        return renderer?.(obj, onObjectReady) ?? null;
+    }, [onObjectReady, renderers]);
     if (!createdObject) {
-        console.warn(`createdObject not found.`);
         return null;
     }
     const hasChildren = children.length > 0;
     const shouldRenderAsGroup = hasChildren || createdObject.type === 'group' || createdObject.type === 'effect';
     const renderedObject = shouldRenderAsGroup
-        ? _jsx(GroupWithChildren, { createdObject: createdObject, children: children, cameraSettings: cameraSettings, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, renderObject: renderObject })
+        ? _jsx(GroupWithChildren, { createdObject: createdObject, children: children, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, renderObject: renderObject })
         : _jsx(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !SELF_MANAGED_MATERIAL.has(createdObject.type), children: renderObject(createdObject) }, createdObject.id);
     // createdObject.effects
     //     ? <>

package/dist/components/ObjectNodeApi.d.ts

@@ -1,11 +1,10 @@
 import type { ObjectReadyProps } from '../types/objectReady';
 import React from "react";
 import { Object3D } from "three";
-import type { CameraState, CreatedObjectSettings } from "@3driseai/3drise-core";
+import type { CreatedObjectSettings } from "@3driseai/3drise-core";
 import { type ThreeEvent } from "@react-three/fiber";
 type ObjectNodeApiProps = ObjectReadyProps & {
     objectId: string;
-    cameraSettings: CameraState;
     handleObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 };
 declare const ObjectNodeApi: React.FC<ObjectNodeApiProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectNodeApi.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNodeApi.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,KAAK,kBAAkB,GAAG,gBAAgB,GAAG;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,WAAW,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAGF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW/C,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ObjectNodeApi.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNodeApi.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAe,qBAAqB,EAAkB,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,KAAK,kBAAkB,GAAG,gBAAgB,GAAG;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAGF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAc/C,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/ObjectNodeApi.js

@@ -2,17 +2,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 // import { apiFetch } from '../utils/apiFetch';
 import ObjectNode from './ObjectNode.js';
+import { useRegisterScene } from '../hooks/useRegisterScene.js';
 import { dataCenterServer } from '../constants.js';
-const ObjectNodeApi = ({ objectId, cameraSettings, onObjectReady, onObjectDispose, handleObjectClick }) => {
+const ObjectNodeApi = ({ objectId, onObjectReady, onObjectDispose, handleObjectClick }) => {
+    // Publish the host application's canvas so id-based lookups resolve here
+    // too — SceneBuilder is not in this tree to do it.
+    useRegisterScene();
     const [node, setNode] = useState(null);
     useEffect(() => {
         fetch(`${dataCenterServer}scene-objects/${objectId}/tree`)
             .then(res => res.ok ? res.json() : Promise.reject(res.status))
             .then(({ tree }) => setNode(tree))
-            .catch(err => console.error('Failed to fetch scene object tree:', err));
+            .catch(() => { });
     }, [objectId]);
     if (!node)
         return null;
-    return (_jsx(ObjectNode, { node: node, cameraSettings: cameraSettings, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }));
+    return (_jsx(ObjectNode, { node: node, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick }));
 };
 export default ObjectNodeApi;

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI1H,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,UAAU,oBAAqB,SAAQ,gBAAgB;IACnD,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACnC;AAGD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6ClD,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI1H,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,UAAU,oBAAqB,SAAQ,gBAAgB;IACnD,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACnC;AAGD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0ClD,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/components/ObjectsRenderer.js

@@ -14,7 +14,6 @@ const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSet
     const handleObjectReady = useCallback((object, ref) => {
         readyObjectsCount.current += 1;
         if (readyObjectsCount.current === objectsTree.length) {
-            console.log("All objects are ready!");
             onObjectsReady && onObjectsReady();
         }
         onObjectReady && onObjectReady(object, ref);
@@ -35,8 +34,6 @@ const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSet
         sequences,
     });
     const handleObjectClickHandler = (createdObject, ref, event) => {
-        console.log('Object clicked:', createdObject.meshSettings.name);
-        console.log('Object ref:', ref);
         const clickInteractions = filterInteractionsByEvent(createdObject.actions, "click");
         clickInteractions.forEach((interaction) => {
             executeInteraction({ interaction, ref, createdObject });
@@ -45,7 +42,7 @@ const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSet
             handleObjectClick(createdObject, ref, event);
         }
     };
-    return (_jsx("group", { ref: groupRef, name: "main-objects", position: generalObjectSettings.meshSettings.position, rotation: generalObjectSettings.meshSettings.rotation, scale: generalObjectSettings.meshSettings.scale, children: objectsTree.map(node => (_jsx(ObjectNode, { node: node, cameraSettings: cameraSettings, onObjectReady: handleObjectReady, onObjectDispose: handleObjectDispose, handleObjectClick: handleObjectClickHandler }, node.objectId))) }));
+    return (_jsx("group", { ref: groupRef, name: "main-objects", position: generalObjectSettings.meshSettings.position, rotation: generalObjectSettings.meshSettings.rotation, scale: generalObjectSettings.meshSettings.scale, children: objectsTree.map(node => (_jsx(ObjectNode, { node: node, onObjectReady: handleObjectReady, onObjectDispose: handleObjectDispose, handleObjectClick: handleObjectClickHandler }, node.objectId))) }));
 });
 ObjectsRenderer.displayName = 'ObjectsRenderer';
 export default ObjectsRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectsRendererApi.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRendererApi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC7D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAGD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyDzD,CAAC;AACF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ObjectsRendererApi.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRendererApi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC7D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAGD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0DzD,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/dist/components/ObjectsRendererApi.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import ObjectsRenderer from './ObjectsRenderer.js';
+import { useRegisterScene } from '../hooks/useRegisterScene.js';
 /**
  * ObjectsRendererApi
  *
@@ -16,6 +17,9 @@ import ObjectsRenderer from './ObjectsRenderer.js';
  * />
  */
 const ObjectsRendererApi = ({ objectIds, cameraSettings, generalObjectSettings, apiBaseUrl = 'http://localhost:3001', onObjectsReady, handleObjectClick, onError, onLoading, onObjectReady, onObjectDispose, }) => {
+    // Publish the host application's canvas so id-based lookups resolve here
+    // too — SceneBuilder is not in this tree to do it.
+    useRegisterScene();
     const [createdObjects, setCreatedObjects] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -59,7 +63,6 @@ const ObjectsRendererApi = ({ objectIds, cameraSettings, generalObjectSettings,
                 onError?.(error);
                 setIsLoading(false);
                 onLoading?.(false);
-                console.error('Failed to fetch scene objects:', error);
             }
         };
         fetchObjects();
@@ -68,7 +71,6 @@ const ObjectsRendererApi = ({ objectIds, cameraSettings, generalObjectSettings,
         return (_jsx("group", { children: _jsxs("mesh", { position: [0, 0, 0], children: [_jsx("sphereGeometry", { args: [0.5, 32, 32] }), _jsx("meshStandardMaterial", { color: 0x00ff00, wireframe: true })] }) }));
     }
     if (error) {
-        console.error('ObjectsRendererApi Error:', error);
         return (_jsx("group", { children: _jsxs("mesh", { position: [0, 0, 0], children: [_jsx("sphereGeometry", { args: [0.5, 32, 32] }), _jsx("meshStandardMaterial", { color: 0xff0000, wireframe: true })] }) }));
     }
     return (_jsx(ObjectsRenderer, { cameraSettings: cameraSettings, createdObjects: createdObjects, generalObjectSettings: generalObjectSettings, onObjectsReady: onObjectsReady, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }));

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

@@ -1 +1 @@
-{"version":3,"file":"Ocean.d.ts","sourceRoot":"","sources":["../../src/components/Ocean.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAChD,QAAQ,EAAE,qBAAqB,CAAC;CACnC;AAGD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8J/B,CAAC;AACF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Ocean.d.ts","sourceRoot":"","sources":["../../src/components/Ocean.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAChD,QAAQ,EAAE,qBAAqB,CAAC;CACnC;AAGD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6J/B,CAAC;AACF,eAAe,KAAK,CAAC"}

package/dist/components/Ocean.js

@@ -26,7 +26,7 @@ const Ocean = ({ settings, onObjectReady, onObjectDispose }) => {
     const position = meshSettings.position || [0, -1, 0];
     const rotation = meshSettings.rotation || [-Math.PI / 2, 0, 0];
     const scale = meshSettings.scale || 1;
-    useMaterialApplication(meshSettings.visible ? meshRef.current : null, materialSettings);
+    useMaterialApplication(meshSettings.visible ? meshRef : null, materialSettings);
     useWaterEnvironment(meshSettings.visible ? meshRef : { current: null });
     useWaterReflections(meshSettings.visible ? meshRef : { current: null }, {
         waterPosition: new THREE.Vector3(...position),
@@ -136,7 +136,6 @@ const Ocean = ({ settings, onObjectReady, onObjectDispose }) => {
                 }
             }
         }
-        // ── PER-DOMAIN ANIMATIONS ───────────────────────────────────────────────
         const now = Date.now();
         const transformAnims = animations?.transform?.animations;
         if (transformAnims?.length) {
@@ -146,7 +145,6 @@ const Ocean = ({ settings, onObjectReady, onObjectDispose }) => {
         if (materialAnims?.length) {
             handleMaterialAnimations({ object: mesh, materialSettings: materialSettings, startValuesCache: matAnimCacheRef.current }, materialAnims, now, false);
         }
-        // ── PER-DOMAIN MOUSE-MOVE ───────────────────────────────────────────────
         const mm = mouseMove;
         const isPerDomain = mm && ('transform' in mm || 'material' in mm);
         if (isPerDomain) {
@@ -159,7 +157,6 @@ const Ocean = ({ settings, onObjectReady, onObjectDispose }) => {
             }
         }
     });
-    // console.log(rotation)
     return (_jsx("mesh", { ref: meshRef, 
         // name={settings.meshSettings.name || 'Water'}
         // position={position}

package/dist/components/ParticlesR3f.d.ts

@@ -3,7 +3,6 @@ import type { ParticlesSettings } from '@3driseai/3drise-core';
 import React from "react";
 interface ParticlesR3fProps extends ObjectReadyProps {
     particlesSettings: ParticlesSettings;
-    cameraFov?: number;
     duration?: number;
     transitionSettings?: Record<string, unknown>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ParticlesR3f.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesR3f.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,iBAAkB,SAAQ,gBAAgB;IAChD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChD;AAMD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkG7C,CAAC;AACF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ParticlesR3f.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesR3f.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,iBAAkB,SAAQ,gBAAgB;IAChD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChD;AAMD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoJ7C,CAAC;AACF,eAAe,YAAY,CAAC"}

package/dist/components/ParticlesR3f.js

@@ -5,8 +5,9 @@ import { useFrame } from '@react-three/fiber';
 import { useParticlePositions } from '../hooks/useParticlePositions.js';
 import { useParticlesColors } from '../hooks/useParticlesColors.js';
 import { useParticlesTextures } from '../hooks/useParticlesTextures.js';
-import { handleShapeAnimation, buildShaderEffectsMaterial, structureKey } from '@3driseai/3drise-core';
+import { handleShapeAnimation, buildShaderEffectsMaterial, structureKey, SELF_OWNED_MATERIAL_KEY, applyVertexEffects, partitionShaderEffects, LOCAL_POINTER_SCALE } from '@3driseai/3drise-core';
 import { update3driseShaderUniforms } from '../hooks/use3driseShader.js';
+import { ownsShaderEffectsMaterial } from '../utils/pointsMaterialOwnership.js';
 function normalizeEffects(raw) {
     return Array.isArray(raw) ? raw : [];
 }
@@ -71,42 +72,92 @@ const ParticlesR3f = ({ particlesSettings, duration = 1, transitionSettings, onO
     const activeEffects = useMemo(() => normalizeEffects(particlesSettings.animations?.material?.shaderEffects), [particlesSettings.animations?.material?.shaderEffects]);
     const pointerRadius = particlesSettings.animations?.material
         ?.shaderEffectsPointerRadius ?? 0.4;
-    const effectsKey = useMemo(() => structureKey(activeEffects), [activeEffects]);
-    const material = useMemo(() => buildShaderEffectsMaterial({
-        effects: activeEffects,
+    // Position effects displace the geometry from the CPU and leave `.material`
+    // alone, so they compose with any material. Only the rest still need the
+    // shader shell — and only the shell takes ownership of `.material`.
+    const { position: positionEffects, shell: shellEffects } = useMemo(() => partitionShaderEffects(activeEffects), [activeEffects]);
+    const hasPositionEffects = positionEffects.some(effect => effect.enabled);
+    const effectsKey = useMemo(() => structureKey(shellEffects), [shellEffects]);
+    const ownsMaterial = ownsShaderEffectsMaterial(particlesSettings.materialSettings, shellEffects);
+    const material = useMemo(() => ownsMaterial ? buildShaderEffectsMaterial({
+        effects: shellEffects,
         initialColor: color,
         initialOpacity: opacity,
         initialPointSize: pointSize,
         initialParticleUVScale: particleUVScale,
         initialPointerEffectRadius: pointerRadius,
-    }), 
+    }) : null, 
     // Rebuild when the structural set of effects changes; not on parameter tweaks.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [effectsKey]);
+    [effectsKey, ownsMaterial]);
+    // With position effects on, the attribute gets its own buffer: the shape
+    // animation writes this frame's morph into it, and the effects displace from
+    // a snapshot of that into the same buffer. Without a separate buffer the
+    // shape animation would read back its own displaced output next frame.
+    const displayPositions = useMemo(() => (hasPositionEffects && basePositions.current
+        ? new Float32Array(basePositions.current)
+        : basePositions.current), [hasPositionEffects, basePositions.current]);
+    const frameBaseRef = useRef(null);
     useEffect(() => {
         materialRef.current = material;
         return () => {
-            material.dispose();
+            material?.dispose();
         };
     }, [material]);
+    // Tell useMaterialApplication's traversal to leave this object alone while we
+    // own its material. Set imperatively rather than through a `userData` prop:
+    // R3F replaces the whole object on every render, which would wipe the
+    // applyTexture handle stashed above.
+    useEffect(() => {
+        const points = pointsRef.current;
+        if (!points)
+            return;
+        points.userData[SELF_OWNED_MATERIAL_KEY] = ownsMaterial;
+        return () => {
+            if (points.userData)
+                delete points.userData[SELF_OWNED_MATERIAL_KEY];
+        };
+    }, [ownsMaterial]);
     useFrame((state, delta) => {
-        const mat = materialRef.current;
-        if (!mat || !pointsRef.current || !basePositions.current)
+        if (!pointsRef.current || !basePositions.current)
             return;
+        const mat = materialRef.current;
         if (meshSettings.visible) {
+            // Geometry animation is independent of who owns the material.
             handleShapeAnimation(delta, speed, animationProgress, pointsRef, basePositions, targetPositions);
-            handleColorsAnimation(materialRef, delta, speed);
+            if (mat)
+                handleColorsAnimation(materialRef, delta, speed);
         }
+        if (hasPositionEffects && displayPositions && displayPositions !== basePositions.current) {
+            if (!frameBaseRef.current || frameBaseRef.current.length !== displayPositions.length)
+                frameBaseRef.current = new Float32Array(displayPositions.length);
+            // Snapshot the shape-animated positions as this frame's baseline so
+            // the effects do not compound over time.
+            frameBaseRef.current.set(displayPositions);
+            const moved = applyVertexEffects(frameBaseRef.current, displayPositions, positionEffects, {
+                time: state.clock.getElapsedTime(),
+                pointerX: state.pointer.x * LOCAL_POINTER_SCALE,
+                pointerY: state.pointer.y * LOCAL_POINTER_SCALE,
+                pointerRadius: pointerRadius * LOCAL_POINTER_SCALE,
+            });
+            if (moved) {
+                const attribute = pointsRef.current.geometry?.attributes?.position;
+                if (attribute)
+                    attribute.needsUpdate = true;
+            }
+        }
+        if (!mat)
+            return;
         if (prevTexture.current)
             mat.uniforms.uTexture.value = prevTexture.current;
         if (currentTexture.current)
             mat.uniforms.uTargetTexture.value = currentTexture.current;
         mat.uniforms.uHasTexture.value = !!currentTexture.current;
         handleTextureAnimation(materialRef, delta, speed);
-        update3driseShaderUniforms(mat.uniforms, activeEffects, state.clock.getElapsedTime(), { x: state.pointer.x, y: state.pointer.y }, { pointerRadius });
+        update3driseShaderUniforms(mat.uniforms, shellEffects, state.clock.getElapsedTime(), { x: state.pointer.x, y: state.pointer.y }, { pointerRadius });
     });
     if (!basePositions.current)
         return null;
-    return (_jsxs("points", { name: name, ref: pointsRef, raycast: () => null, position: [0, 0, 0], rotation: [0, 0, 0], scale: [1, 1, 1], children: [_jsxs("bufferGeometry", { children: [_jsx("bufferAttribute", { attach: "attributes-position", count: basePositions.current.length / 3, array: basePositions.current, itemSize: 3, args: [basePositions.current, 3] }), uvs && (_jsx("bufferAttribute", { attach: "attributes-aUV", count: uvs.length / 2, array: uvs, itemSize: 2, args: [uvs, 2] }))] }), _jsx("primitive", { object: material, attach: "material" })] }));
+    return (_jsxs("points", { name: name, ref: pointsRef, raycast: () => null, position: [0, 0, 0], rotation: [0, 0, 0], scale: [1, 1, 1], children: [_jsxs("bufferGeometry", { children: [_jsx("bufferAttribute", { attach: "attributes-position", count: (displayPositions ?? basePositions.current).length / 3, array: displayPositions ?? basePositions.current, itemSize: 3, args: [displayPositions ?? basePositions.current, 3] }), uvs && (_jsx("bufferAttribute", { attach: "attributes-aUV", count: uvs.length / 2, array: uvs, itemSize: 2, args: [uvs, 2] }))] }), material && _jsx("primitive", { object: material, attach: "material" })] }));
 };
 export default ParticlesR3f;

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

@@ -1 +1 @@
-{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+B7C,CAAC;AACF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AACF,eAAe,YAAY,CAAC"}

package/dist/components/PathRenderer.js

@@ -8,7 +8,6 @@ import PathGeometry from './PathGeometry.js';
 const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, onObjectReady, onObjectDispose, }) => {
     const rootRef = useRef(null);
     useObjectReady(rootRef, pathSettings, onObjectReady, onObjectDispose);
-    console.log("Rendering Path with settings:", pathSettings);
     const pointSize = pathSettings.pointSize ?? 0.1;
     const lineWidth = pathSettings.lineWidth ?? 2;
     const points = pathSettings?.points || [];

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloud.d.ts","sourceRoot":"","sources":["../../src/components/PointCloud.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAM7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,eAAgB,SAAQ,gBAAgB;IAC9C,SAAS,EAAE,YAAY,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAyBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmFzC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PointCloud.d.ts","sourceRoot":"","sources":["../../src/components/PointCloud.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,eAAgB,SAAQ,gBAAgB;IAC9C,SAAS,EAAE,YAAY,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAyBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0HzC,CAAC;AACF,eAAe,UAAU,CAAC"}