@3driseai/3drise-viewer 0.1.42 → 0.1.43

package/dist/components/GeometryShape.js

@@ -2,9 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useObjectReady } from '../hooks/useObjectReady.js';
 import { EdgesGeometry, WireframeGeometry, Mesh, MeshBasicMaterial, Raycaster, Vector3, DoubleSide, } from 'three';
-import { buildSegmentQuadGeometry } from '@3driseai/3drise-core';
+import { applyShapeLayout, applyShapeLayoutGrounds, buildSegmentQuadGeometry, shapeLayoutData } from '@3driseai/3drise-core';
+import LayoutGrounds from './layout/LayoutGrounds.js';
+import { useLayoutRefVersion } from '../hooks/useResolvedLayout.js';
 import { shapeGenerators } from '../utils/shapes.js';
 import { DEFAULT_TEXT_SHAPE_FONT, loadOutlineFont } from '../utils/textShape.js';
+import { buildScriptGeometry, cachedScriptGeometry } from '../utils/geometryScript.js';
+import { loadSvgAsset, svgAssetSync } from '../utils/svgAsset.js';
+import { scriptKey } from '@3driseai/3drise-core';
 import PointCloud from './PointCloud.js';
 /**
  * World-space half-thickness of a line ribbon at `lineWidth: 1`. Line modes are
@@ -53,16 +58,72 @@ function useTextShapeFont(cfg) {
     }, [font]);
     return font === null ? 0 : tick;
 }
-export function useShapeGeometry(options) {
+/**
+ * Shapes built elsewhere: a geometry script runs in the worker (utils/geometryScript.ts), an uploaded .svg is
+ * fetched (utils/svgAsset.ts). The generator reads their caches synchronously; this bumps once the build / fetch
+ * lands (or fails — the generator then yields an empty geometry and the controller shows the error).
+ */
+function useAsyncShapeTick(cfg) {
+    const [tick, setTick] = useState(0);
+    const c = cfg;
+    const key = c.type === 'script' ? scriptKey(c.source ?? '', c.params ?? {}) : null;
+    const svgUrl = c.type === 'svg' && c.svgUrl ? c.svgUrl : null;
+    useEffect(() => {
+        if (!key || cachedScriptGeometry(c.source ?? '', c.params ?? {}))
+            return;
+        let dead = false;
+        const bump = () => { if (!dead)
+            setTick((t) => t + 1); };
+        buildScriptGeometry(c.source ?? '', c.params ?? {}).then(bump, bump);
+        return () => { dead = true; };
+    }, [key]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        if (!svgUrl || svgAssetSync(svgUrl) !== null)
+            return;
+        let dead = false;
+        const bump = () => { if (!dead)
+            setTick((t) => t + 1); };
+        loadSvgAsset(svgUrl).then(bump, bump);
+        return () => { dead = true; };
+    }, [svgUrl]);
+    return tick;
+}
+/** The shape's geometry and, with a layout applied (the object's layout.shape), its ground holes' geometries. */
+function useShapeBuild(options, shapeLayout) {
     const safeOptions = useMemo(() => normalizeShapeConfig(options), [options]);
     const key = JSON.stringify(safeOptions);
     const fontTick = useTextShapeFont(safeOptions);
-    const geometry = useMemo(() => {
+    const asyncTick = useAsyncShapeTick(safeOptions);
+    // a saved layout by ref rebuilds when it loads / is edited; the ground textures don't change the geometry
+    const layoutTick = useLayoutRefVersion(shapeLayout?.ref);
+    const layoutKey = shapeLayout ? JSON.stringify({ ...shapeLayout, groundTexture: undefined, groundTextures: undefined }) : '';
+    const built = useMemo(() => {
         const generator = shapeGenerators[safeOptions.type] ?? shapeGenerators.box;
-        return generator(safeOptions);
-    }, [safeOptions.type, key, fontTick]); // eslint-disable-line react-hooks/exhaustive-deps
-    useEffect(() => () => geometry.dispose(), [geometry]);
-    return geometry;
+        const base = generator(safeOptions);
+        if (!shapeLayout)
+            return { geometry: base, grounds: [] };
+        // until a saved layout has loaded (or when it gives nothing) the shape shows as it is
+        let shaped = null, grounds = [];
+        try {
+            const layout = shapeLayoutData(shapeLayout);
+            shaped = applyShapeLayout(base, safeOptions.type, shapeLayout, layout);
+            if (shaped)
+                grounds = applyShapeLayoutGrounds(base, safeOptions.type, shapeLayout, layout);
+        }
+        catch (e) {
+            console.warn('[shapeLayout] could not apply the layout:', e);
+        }
+        if (!shaped)
+            return { geometry: base, grounds: [] };
+        base.dispose();
+        return { geometry: shaped, grounds };
+    }, [safeOptions.type, key, fontTick, asyncTick, layoutTick, layoutKey]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => () => { built.geometry.dispose(); for (const g of built.grounds)
+        g.geometry.dispose(); }, [built]);
+    return built;
+}
+export function useShapeGeometry(options, shapeLayout) {
+    return useShapeBuild(options, shapeLayout).geometry;
 }
 function getTriangles(geo) {
     const pos = geo.attributes.position;
@@ -329,14 +390,14 @@ function useModeData(geometry, config) {
     const key = [safeConfig.mode, safeConfig.count, safeConfig.symmetry, safeConfig.spacing, safeConfig.slices, safeConfig.linkRadius, safeConfig.angle].join('|');
     return useMemo(() => computeMode(geometry, safeConfig), [geometry, key]); // eslint-disable-line react-hooks/exhaustive-deps
 }
-export function GeometryMesh({ config, materialSettings, animations, modeConfig = defaultModeConfig, color = '#ffffff', children, onObjectReady, onObjectDispose }) {
+export function GeometryMesh({ config, shapeLayout, materialSettings, animations, modeConfig = defaultModeConfig, color = '#ffffff', children, onObjectReady, onObjectDispose }) {
     const rootRef = useRef(null);
     useObjectReady(rootRef, config, onObjectReady, onObjectDispose);
     // The points branch delegates to PointCloud, which owns and reports its own
     // <points>; relabel so it still surfaces as this geometry's config.
     const reportReady = (_object, ref) => onObjectReady && onObjectReady(config, ref);
     const reportDispose = (_object, ref) => onObjectDispose && onObjectDispose(config, ref);
-    const geometry = useShapeGeometry(config);
+    const { geometry, grounds } = useShapeBuild(config, shapeLayout);
     const safeModeConfig = normalizeModeConfig(modeConfig);
     const data = useModeData(geometry, safeModeConfig);
     // Line modes are ribbons of quads, not line primitives, so the material
@@ -355,7 +416,7 @@ export function GeometryMesh({ config, materialSettings, animations, modeConfig
         return lineGeometry ? (_jsx("mesh", { ref: rootRef, geometry: lineGeometry, children: children ?? _jsx("meshBasicMaterial", { color: color, side: DoubleSide }) })) : null;
     if (data.kind === 'plexus')
         return (_jsxs("group", { ref: rootRef, children: [_jsx(PointCloud, { positions: data.positions, animations: animations, materialSettings: materialSettings }), lineGeometry && (_jsx("mesh", { geometry: lineGeometry, children: children ?? _jsx("meshBasicMaterial", { color: color, side: DoubleSide, transparent: true, opacity: 0.45 }) }))] }));
-    return (_jsx("mesh", { ref: rootRef, geometry: geometry, children: children ?? _jsx("meshPhongMaterial", { color: color, side: DoubleSide }) }));
+    return (_jsxs("mesh", { ref: rootRef, geometry: geometry, children: [children ?? _jsx("meshPhongMaterial", { color: color, side: DoubleSide }), shapeLayout && grounds.length > 0 && _jsx(LayoutGrounds, { grounds: grounds, shapeLayout: shapeLayout, uv: "metres", untextured: "object" })] }));
 }
 export function FitGroup({ geometry, radius = 1.7, children }) {
     const { scale, position } = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"LandObject.d.ts","sourceRoot":"","sources":["../../src/components/LandObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAA2C,MAAM,uBAAuB,CAAC;AAC5G,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAMF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYzC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LandObject.d.ts","sourceRoot":"","sources":["../../src/components/LandObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAA2C,MAAM,uBAAuB,CAAC;AAC5G,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACtC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAMF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAazC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/LandObject.js

@@ -10,6 +10,6 @@ const LandObject = ({ createdObject, onObjectReady, onObjectDispose }) => {
     const Component = FAMILY[config.type];
     if (!Component)
         return null;
-    return _jsx(Component, { config: config, id: createdObject.id, keyframes: createdObject.animations?.land?.animations, mouseMove: createdObject.mouseMove?.land, onObjectReady: (_source, ref) => onObjectReady?.(createdObject, ref), onObjectDispose: (_source, ref) => onObjectDispose?.(createdObject, ref) });
+    return _jsx(Component, { config: config, id: createdObject.id, shapeLayout: createdObject.layout?.shape, keyframes: createdObject.animations?.land?.animations, mouseMove: createdObject.mouseMove?.land, onObjectReady: (_source, ref) => onObjectReady?.(createdObject, ref), onObjectDispose: (_source, ref) => onObjectDispose?.(createdObject, ref) });
 };
 export default LandObject;

package/dist/components/LayoutInstances.d.ts

@@ -5,7 +5,8 @@ import type { CreatedObjectSettings, ObjectLayoutSettings } from '@3driseai/3dri
 export interface LayoutInstancesProps {
     createdObject: CreatedObjectSettings;
     layout: ObjectLayoutSettings;
-    render: (slot: number) => ReactNode;
+    /** Renders one copy: its slot index and the object with the copy's variant applied. */
+    render: (slot: number, obj: CreatedObjectSettings) => ReactNode;
     handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }
 declare const LayoutInstances: import("react").MemoExoticComponent<({ createdObject, layout, render, handleObjectClick }: LayoutInstancesProps) => import("react").JSX.Element>;

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutInstances.d.ts","sourceRoot":"","sources":["../../src/components/LayoutInstances.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAc,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAErG,MAAM,WAAW,oBAAoB;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACpH;AAmCD,QAAA,MAAM,eAAe,6FAA+D,oBAAoB,iCAmBtG,CAAC;AAGH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LayoutInstances.d.ts","sourceRoot":"","sources":["../../src/components/LayoutInstances.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAc,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGrG,MAAM,WAAW,oBAAoB;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,uFAAuF;IACvF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAChE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACpH;AAoCD,QAAA,MAAM,eAAe,6FAA+D,oBAAoB,iCAwCtG,CAAC;AAGH,eAAe,eAAe,CAAC"}

package/dist/components/LayoutInstances.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // LayoutInstances — repeat one scene object across a gallery layout
 // =============================================================================
@@ -15,9 +15,16 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // - Clicks are per slot: zoom / glow / vanish target the copy that was clicked, the
 //   same way gallery frames behave.
 // - Motion stays on the CreatedObject group, so the whole layout animates as one.
+// - This is the full-copy path: effects, lights, and mesh / model layouts that
+//   cannot be instanced (InstancedLayout handles the rest). Copies get the same
+//   variation (size, turn, variant — core layoutCopies) and ground placement
+//   (onGround, utils/layoutPlacement); tint needs instance colours and is
+//   instanced-only.
 import { memo, useMemo, useRef } from 'react';
-import { generateLayoutSlots } from '@3driseai/3drise-core';
-const LayoutSlotGroup = ({ slot, index, createdObject, handleObjectClick, children }) => {
+import { useFrame } from '@react-three/fiber';
+import { layoutCopies, objectForVariant } from '@3driseai/3drise-core';
+import { GroundTracker, isMetricLayout, placeCopies } from '../utils/layoutPlacement.js';
+const LayoutSlotGroup = ({ copy, index, createdObject, handleObjectClick, groupRef, children }) => {
     const ref = useRef(null);
     const onClick = handleObjectClick
         ? (e) => {
@@ -27,13 +34,39 @@ const LayoutSlotGroup = ({ slot, index, createdObject, handleObjectClick, childr
             handleObjectClick(createdObject, ref.current, e);
         }
         : undefined;
-    return (_jsx("group", { ref: ref, name: `layout-slot-${index}`, position: slot.position, rotation: slot.rotation ?? [0, 0, 0], scale: slot.scale ?? [1, 1, 1], userData: { layoutSlot: index }, onClick: onClick, children: children }));
+    return (_jsx("group", { ref: (g) => { ref.current = g; groupRef(index, g); }, name: `layout-slot-${index}`, position: copy.position, rotation: copy.rotation, scale: copy.scale, userData: { layoutSlot: index }, onClick: onClick, children: children }));
 };
 const LayoutInstances = memo(({ createdObject, layout, render, handleObjectClick }) => {
     // ObjectNode normalises the block on every render, so key on its contents.
     const layoutKey = JSON.stringify(layout);
-    const slots = useMemo(() => generateLayoutSlots(layout.count, layout), [layoutKey]);
-    return (_jsx(_Fragment, { children: slots.map((slot, index) => (_jsx(LayoutSlotGroup, { slot: slot, index: index, createdObject: createdObject, handleObjectClick: handleObjectClick, children: render(index) }, index))) }));
+    const copies = useMemo(() => layoutCopies(layout, layout.count), [layoutKey]); // eslint-disable-line react-hooks/exhaustive-deps
+    const mix = layout.variantMix && layout.variantMix.values?.length ? layout.variantMix : null;
+    // onGround / area / path: the slot groups are placed imperatively (their JSX transform is the raw slot):
+    // dropped onto the ground, and area / path positions kept in metres whatever the object's scale.
+    const rootRef = useRef(null);
+    const groups = useRef([]);
+    const groupRef = useRef((i, g) => { groups.current[i] = g; }).current;
+    const tracker = useMemo(() => new GroundTracker(), []);
+    const matrices = useRef([]);
+    const placedFor = useRef(null);
+    useFrame(() => {
+        const root = rootRef.current;
+        if (!root || !(layout.onGround || isMetricLayout(layout.layout))) {
+            placedFor.current = null;
+            return;
+        }
+        if (placedFor.current !== copies) {
+            placedFor.current = copies;
+            tracker.reset();
+        }
+        root.updateWorldMatrix(true, false);
+        if (!tracker.tick(root))
+            return;
+        placeCopies(copies, layout, root, matrices.current);
+        matrices.current.forEach((m, i) => { const g = groups.current[i]; if (g)
+            m.decompose(g.position, g.quaternion, g.scale); });
+    });
+    return (_jsx("group", { ref: rootRef, name: "layout-copies", children: copies.map((copy, index) => (_jsx(LayoutSlotGroup, { copy: copy, index: index, createdObject: createdObject, handleObjectClick: handleObjectClick, groupRef: groupRef, children: render(index, objectForVariant(createdObject, mix, copy.variant)) }, index))) }));
 });
 LayoutInstances.displayName = 'LayoutInstances';
 export default LayoutInstances;

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

@@ -1 +1 @@
-{"version":3,"file":"LightObject.d.ts","sourceRoot":"","sources":["../../src/components/LightObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAUnE,KAAK,gBAAgB,GAAG,gBAAgB,GAAG;IACvC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AA+CF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+B3C,CAAC;AACF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"LightObject.d.ts","sourceRoot":"","sources":["../../src/components/LightObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAWnE,KAAK,gBAAgB,GAAG,gBAAgB,GAAG;IACvC,aAAa,EAAE,qBAAqB,CAAC;CACxC,CAAC;AA+CF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiC3C,CAAC;AACF,eAAe,WAAW,CAAC"}

package/dist/components/LightObject.js

@@ -9,6 +9,7 @@ import SpotBeam from './spotBeam/SpotBeam.js';
 import LedArray from './ledArray/LedArray.js';
 import FluorescentTube from './fluorescentTube/FluorescentTube.js';
 import Candle from './candle/Candle.js';
+import Projector from './projector/Projector.js';
 const DirectionalLightR3F = ({ config, animations, mouseMove, settings, onObjectReady, onObjectDispose }) => {
     const lightRef = useRef(null);
     useObjectReady(lightRef, settings, onObjectReady, onObjectDispose);
@@ -81,6 +82,8 @@ const LightObject = ({ createdObject, onObjectReady, onObjectDispose }) => {
         // A visible bulb: point light + glass/filament/base + self-drawn glow.
         case 'lightBulb':
             return _jsx(LightBulb, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
+        case 'projector':
+            return _jsx(Projector, { id: createdObject.id, config: config, animations: animations, mouseMove: mouseMove, settings: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose });
         default:
             return null;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAuBA,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,EAA2C,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,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;AA8BF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmJzC,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AA+BA,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,EAA2C,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzI,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,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;AA8BF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgMzC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useMemo } from "react";
+import { useCallback, useContext, useMemo, useState } from "react";
 import { GroupMaterialContext, groupMaterialFor } from "./GroupMaterialContext.js";
 import { EnabledContext } from "./EnabledContext.js";
 import CustomPrimitive from "./CustomPrimitive.js";
@@ -13,15 +13,22 @@ import LandObject from "./LandObject.js";
 import TextGenerator from "./TextGenerator.js";
 import ImageObject from "./ImageObject.js";
 import GalleryObject from "./GalleryObject.js";
+import UrbanObject from "./UrbanObject.js";
+import VegetationObject from "./VegetationObject.js";
+import SportsObject from "./SportsObject.js";
+import WaterObject from "./WaterObject.js";
 import Galaxy from "./Galaxy.js";
 import GridGenerator from "./GridsGenerator.js";
-import OceanBuilder from "./OceanBuilder.js";
 import LandscapeObject from "./LandscapeObject.js";
 import LayoutInstances from "./LayoutInstances.js";
+import InstancedLayout from "./layout/InstancedLayout.js";
+import LinkedSource from "./layout/LinkedSource.js";
+import LinkProxies from "./layout/LinkProxies.js";
+import { useLinkStatus } from "../hooks/useLinkStatus.js";
 import { useRuntimeSettings } from "../hooks/useRuntimeSettings.js";
 import { usePresentedVisibility } from "../operations/usePresentedVisibility.js";
 import { SELF_MANAGED_MATERIAL } from "../constants.js";
-import { LAYOUT_CAPABLE_TYPES, getObjectLayoutSupport, normalizeObjectLayout, isGenerativeParticlesConfig, isGalleryObjectConfig, galleryTakesMaterial } from "@3driseai/3drise-core";
+import { LAYOUT_CAPABLE_TYPES, getObjectLayoutSupport, layoutCopiesLimit, normalizeObjectLayout, resolveLinkedLook, isGenerativeParticlesConfig, isGalleryObjectConfig, galleryTakesMaterial } from "@3driseai/3drise-core";
 // Slots after the first render with no ready callbacks: one object reports once.
 const NO_READY = {};
 // A point light's shadow is six extra renders; only slot 0 keeps it. Cached per settings
@@ -44,7 +51,7 @@ const withoutShadow = (obj) => {
 //             ))}
 //         </>
 //     ) : null;
-const GroupWithChildren = ({ createdObject, children, onObjectReady, onObjectDispose, handleObjectClick, renderObject }) => {
+const GroupWithChildren = ({ createdObject, children, onObjectReady, onObjectDispose, handleObjectClick, renderObject, noMaterial = false, structureKey = '' }) => {
     const isGroup = createdObject.type === 'group';
     // Generative particle objects own their shaders, like effects do.
     const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type)
@@ -57,7 +64,7 @@ const GroupWithChildren = ({ createdObject, children, onObjectReady, onObjectDis
     const handed = useMemo(() => groupMaterialFor(createdObject, parentMaterial), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [createdObject.id, createdObject.type, ms, parentMaterial]);
-    const body = (_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 body = (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial && !noMaterial, structureKey: structureKey, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }, childNode.objectId)))] }, createdObject.id));
     // Always the Provider (even when it hands the parent's value on): wrapping only when a material is
     // on would change the element type here and remount the whole subtree whenever Apply is toggled —
     // new Object3Ds for every child (the studio's live preview kept writing to the old ones).
@@ -69,7 +76,13 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
     // below sees the patched object, so an action can change anything an edit can.
     const runtimeObject = useRuntimeSettings(node.createdObject?.id, node.createdObject);
     // An object whose effects follow its visibility stays drawn until they have played out.
-    const createdObject = usePresentedVisibility(runtimeObject);
+    const presented = usePresentedVisibility(runtimeObject);
+    // Linked instance (meshSettings.instanceOf — core linkedInstances.ts): drawn by its source
+    // (LinkedSource) and here only its transform, interactions and pick proxies; when the source
+    // cannot share its drawing, it renders the source's look on its own.
+    const linkStatus = useLinkStatus(node.linkSource ? node.linkSource.id : null);
+    const linkedShared = !!node.linkSource && !!node.linkShared && linkStatus !== 'fallback';
+    const createdObject = useMemo(() => (presented && node.linkSource && !linkedShared ? resolveLinkedLook(presented, node.linkSource) : presented), [presented, node.linkSource, linkedShared]);
     // Enabled = its own (presented) visibility and every ancestor's — see EnabledContext.
     const parentEnabled = useContext(EnabledContext);
     const enabled = parentEnabled && createdObject?.meshSettings?.visible !== false;
@@ -132,7 +145,8 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         // A placed body of water — the object host. The world ocean is mounted by
         // the environment instead, so this branch only ever sees a pool, a pond or
         // a canal; OceanBuilder decides which from config.host either way.
-        ocean: (obj, onObjectReady) => (_jsx(OceanBuilder, { settings: obj, ...relabel(obj) }, obj.id)),
+        // A moving-water variant (waterfall, fountain, stream) renders its own construction instead.
+        water: (obj) => (_jsx(WaterObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose }, obj.id)),
         // A placed landscape — the object host. The world ground is mounted by
         // LandscapeConnector instead; this one is a diorama, a floating island or
         // a game tile, and gets its transform from the CreatedObject wrapper.
@@ -148,6 +162,14 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         land: (obj, onObjectReady) => (_jsx(LandObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
         // Image variants (config.type: shards, …): one picture at a time from config.imageUrls, every change animated.
         image: (obj, onObjectReady) => (_jsx(ImageObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
+        // Urban variants (config.type: building, block, road, streetFurniture): the context city kit.
+        // urban takes a layout slot too (lamps along a path, a row of signs); every copy registers its lamp.
+        urban: (obj, _onObjectReady, slot = 0) => (_jsx(UrbanObject, { createdObject: obj, ...(slot === 0 ? { onObjectReady, onObjectDispose } : NO_READY) })),
+        // Vegetation variants (config.type: tree, bush, grass, flowers, crops, ivy, hedge, fruit, vegetable): procedural plants.
+        // takes a layout slot (InstancedLayout mirrors): slot 0 is the object itself and reports ready
+        vegetation: (obj, _onObjectReady, slot = 0) => (_jsx(VegetationObject, { createdObject: obj, ...(slot === 0 ? { onObjectReady, onObjectDispose } : NO_READY) })),
+        // Sports variants (config.type: court, ball, equipment, goal): regulation-size sports props.
+        sports: (obj) => (_jsx(SportsObject, { createdObject: obj, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose })),
         // rain: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <Rain
         //         settings={obj}
@@ -169,28 +191,55 @@ const ObjectNode = ({ node, onObjectReady, onObjectDispose, handleObjectClick })
         //     />
         // ),
     }), [handleObjectClick, onObjectReady, onObjectDispose, relabel]);
+    // A mesh / model layout whose parts turned out not to be instanceable (InstancedLayout says why)
+    // renders full copies instead, with the copies limit. Per object, for this mount.
+    const [instancingFallback, setInstancingFallback] = useState(null);
+    // A link source whose parts cannot be shared: it renders as itself, its instances on their own.
+    const [linkFallback, setLinkFallback] = useState(null);
+    const onLinkFallback = useCallback((reason) => {
+        console.warn(`[link] ${node.createdObject?.name ?? node.objectId}: cannot share ${reason} — its linked instances render on their own.`);
+        setLinkFallback(reason);
+    }, [node.createdObject?.name, node.objectId]);
+    const linkedIds = node.linkedIds;
+    // the renderer output remounts when it becomes / stops being a link source or falls back
+    const structureKey = `${linkedIds?.length ? 'source' : ''}|${linkFallback ? 'fallback' : ''}|${linkedShared ? 'linked' : ''}`;
+    const onInstancingFallback = useCallback((reason) => {
+        console.warn(`[layout] ${node.createdObject?.name ?? node.objectId}: cannot instance ${reason} — drawing full copies (max ${layoutCopiesLimit(node.createdObject?.type ?? 'mesh')}).`);
+        setInstancingFallback(reason);
+    }, [node.createdObject?.name, node.createdObject?.type, node.objectId]);
     const renderObject = useCallback((obj, _handleObjectClick) => {
         const renderer = renderers[obj.type];
         if (!renderer)
             return null;
-        // meshSettings.layout: repeat the renderer output across a gallery layout.
+        // a linked instance drawn by its source: only the pick proxies here
+        if (linkedShared)
+            return _jsx(LinkProxies, { sourceId: node.linkSource.id });
+        // a link source: draws itself and its linked instances (one draw per part, or mirrors)
+        if (linkedIds?.length && !linkFallback && !obj.meshSettings?.layout?.enabled)
+            return (_jsx(LinkedSource, { sourceId: obj.id, memberIds: linkedIds, mirrors: obj.type === 'vegetation', onFallback: onLinkFallback, children: renderer(obj, onObjectReady) }));
+        // meshSettings.layout: repeat the renderer output across a layout.
         // Absent on every object saved before layouts existed, which renders as before.
         const layout = LAYOUT_CAPABLE_TYPES.has(obj.type) ? normalizeObjectLayout(obj.meshSettings?.layout) : null;
         const support = layout?.enabled ? getObjectLayoutSupport(obj) : null;
         if (layout && support?.allowed) {
-            const capped = layout.count > support.maxCount ? { ...layout, count: support.maxCount } : layout;
-            return (_jsx(LayoutInstances, { createdObject: obj, layout: capped, handleObjectClick: handleObjectClick, render: (slot) => renderer(obj, onObjectReady, slot) }));
+            const shared = support.mode !== 'copies'; // instanced or mirrors: one master, shared drawing
+            const instanced = shared && !instancingFallback;
+            const max = shared && !instanced ? layoutCopiesLimit(obj.type) : support.maxCount;
+            const capped = layout.count > max ? { ...layout, count: max } : layout;
+            if (instanced)
+                return (_jsx(InstancedLayout, { createdObject: obj, layout: capped, mirrors: support.mode === 'mirrors', handleObjectClick: handleObjectClick, onFallback: onInstancingFallback, render: (o, slot) => renderer(o, onObjectReady, slot) }));
+            return (_jsx(LayoutInstances, { createdObject: obj, layout: capped, handleObjectClick: handleObjectClick, render: (slot, o) => renderer(o, onObjectReady, slot) }));
         }
         return renderer(obj, onObjectReady) ?? null;
-    }, [onObjectReady, renderers, handleObjectClick]);
+    }, [onObjectReady, renderers, handleObjectClick, instancingFallback, onInstancingFallback, linkedShared, linkedIds, linkFallback, onLinkFallback, node.linkSource]);
     if (!createdObject) {
         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, 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) || (createdObject.type === 'gallery' && isGalleryObjectConfig(createdObject.config) && !galleryTakesMaterial(createdObject.config))), children: renderObject(createdObject) }, createdObject.id);
+        ? _jsx(GroupWithChildren, { createdObject: createdObject, children: children, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, renderObject: renderObject, noMaterial: linkedShared, structureKey: structureKey })
+        : _jsx(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, onObjectDispose: onObjectDispose, handleObjectClick: handleObjectClick, structureKey: structureKey, shouldApply3driseMaterial: !linkedShared && !(SELF_MANAGED_MATERIAL.has(createdObject.type) || (createdObject.type === 'gallery' && isGalleryObjectConfig(createdObject.config) && !galleryTakesMaterial(createdObject.config))), children: renderObject(createdObject) }, createdObject.id);
     // createdObject.effects
     //     ? <>
     //         {renderObject(createdObject)}

package/dist/components/OceanBuilder.d.ts

@@ -14,6 +14,8 @@ export interface OceanBuilderProps extends ObjectReadyProps {
     /** The environment terrain's config: the world ocean's shoreline and the
      *  terrain's shadow on the water. Omit (or disabled) for open water. */
     terrain?: TerrainConfig | null;
+    /** A scene object: the CreatedObject wrapper applies the transform. */
+    transformOwned?: boolean;
 }
 /**
  * Picks the water body for the scene.

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

@@ -1 +1 @@
-{"version":3,"file":"OceanBuilder.d.ts","sourceRoot":"","sources":["../../src/components/OceanBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAOhE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD;;uEAEmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;4EACwE;IACxE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OceanBuilder.d.ts","sourceRoot":"","sources":["../../src/components/OceanBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAOhE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD;;uEAEmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;4EACwE;IACxE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/OceanBuilder.js

@@ -23,7 +23,7 @@ import Shore from './water/Shore.js';
  * the nearest type, its plane size onto the host, its Y onto the sea level. See
  * `normalizeOcean`.
  */
-const OceanBuilder = ({ settings, skySettings, timeSettings, sunIntensity, terrain, onObjectReady, onObjectDispose, }) => {
+const OceanBuilder = ({ settings, skySettings, timeSettings, sunIntensity, terrain, transformOwned, onObjectReady, onObjectDispose, }) => {
     // Each block against its own source. Merging them through one object would
     // hand the renderer a new config every time a quality slider moved, which
     // rebuilds every clipmap ring.
@@ -39,6 +39,7 @@ const OceanBuilder = ({ settings, skySettings, timeSettings, sunIntensity, terra
         sunIntensity,
         id: settings?.id,
         meshSettings: settings?.meshSettings,
+        transformOwned,
         animations: settings?.animations,
         mouseMove: settings?.mouseMove,
         terrain,

package/dist/components/RenderEffects.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PostProcessingState } from '@3driseai/3drise-core';
+export interface RenderEffectsProps {
+    settings: PostProcessingState | null | undefined;
+}
+declare const RenderEffects: React.FC<RenderEffectsProps>;
+export default RenderEffects;
+//# sourceMappingURL=RenderEffects.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderEffects.d.ts","sourceRoot":"","sources":["../../src/components/RenderEffects.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoB3D,OAAO,KAAK,EAAyB,mBAAmB,EAAoC,MAAM,uBAAuB,CAAC;AAuC1H,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,CAAC;CACpD;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/RenderEffects.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from 'react';
+import { useThree } from '@react-three/fiber';
+import { EffectComposer, Bloom, DepthOfField, ChromaticAberration, Vignette, Noise, Glitch, Outline, Sepia, BrightnessContrast, HueSaturation, SSAO, GodRays, ToneMapping, SMAA, } from '@react-three/postprocessing';
+import { Vector2, Mesh } from 'three';
+import { registerRenderEffect, registerRenderTargets } from '../render/renderLive.js';
+import { attachHostedPass, useHostedPass } from '../utils/composerHostedPass.js';
+/**
+ * The post-processing chain, from the project's post-processing settings.
+ *
+ * Moved here from the studio (client PostProcessingEffects) so the editor and a
+ * published scene render the same chain from the same settings — the editor wraps
+ * it in a connector (RenderConnector), SceneBuilder passes project.postProcessingData.
+ *
+ * Pass the settings with any 'render' action patch already laid over them
+ * (patchPostProcessing). Effect instances are registered with renderLive, which
+ * is how clip tracks and data-set sliders drive bloom / exposure / grading… per
+ * frame without re-rendering this.
+ *
+ * Tone mapping is the last effect of the chain, and only exists while
+ * post-processing is on: the canvas renders with NoToneMapping, so a scene with
+ * post-processing off looks exactly as it did before tone mapping was wired.
+ *
+ * A full-screen pass that would otherwise draw the frame itself (the volumetric
+ * clouds) is hosted inside this chain, right after the scene render — see
+ * composerHostedPass. Without that both drew the whole scene every frame.
+ */
+// postprocessing's BlendFunction / ToneMappingMode values. Not imported: the
+// viewer resolves `postprocessing` only through @react-three/postprocessing.
+const BLEND = { MULTIPLY: 21, NORMAL: 23, SCREEN: 28, COLOR_DODGE: 5 };
+const TONE_MODE = { linear: 0, reinhard: 1, cineon: 5, 'aces-filmic': 6 };
+/** The view key the live handle knows an effect by (only the effects the render view exposes). */
+const SLOT = {
+    ssao: 'ssao', bloom: 'bloom', 'color-correction': 'grading', 'depth-of-field': 'dof', vignette: 'vignette',
+};
+const slotRef = (slot) => slot ? (instance) => registerRenderEffect(slot, instance ?? null) : undefined;
+const n = (v, d) => (typeof v === 'number' && Number.isFinite(v) ? v : d);
+const RenderEffects = ({ settings }) => {
+    const { gl, scene } = useThree();
+    const sunMeshRef = useRef(new Mesh());
+    useEffect(() => { registerRenderTargets(gl, scene); return () => registerRenderTargets(null, null); }, [gl, scene]);
+    // The composer instance (null while it is not mounted), and the pass to host in it.
+    const [composer, setComposer] = useState(null);
+    const hostedPass = useHostedPass(gl);
+    useEffect(() => {
+        if (!composer || !hostedPass)
+            return;
+        return attachHostedPass(composer, hostedPass);
+    }, [composer, hostedPass]);
+    const exposure = n(settings?.toneMapping?.exposure, 1);
+    useEffect(() => {
+        const was = gl.toneMappingExposure;
+        gl.toneMappingExposure = exposure;
+        return () => { gl.toneMappingExposure = was; };
+    }, [gl, exposure]);
+    if (!settings?.globalEnabled)
+        return null;
+    const enabledEffects = (settings.effects ?? [])
+        .filter(e => e.enabled)
+        .sort((a, b) => a.order - b.order);
+    const toneType = settings.toneMapping?.type ?? 'none';
+    const tone = toneType !== 'none' ? TONE_MODE[toneType] : undefined;
+    if (enabledEffects.length === 0 && tone === undefined)
+        return null;
+    const needsNormals = enabledEffects.some(e => e.type === 'ssao');
+    const renderEffect = (effect) => {
+        const key = `${effect.type}-${effect.id}`;
+        const s = effect.settings;
+        const ref = slotRef(SLOT[effect.type]);
+        switch (effect.type) {
+            case 'bloom':
+                return _jsx(Bloom, { ref: ref, intensity: n(s.intensity, 1), luminanceThreshold: n(s.threshold, 0.85), radius: n(s.radius, 0.4), blendFunction: BLEND.SCREEN }, key);
+            case 'depth-of-field':
+                return _jsx(DepthOfField, { ref: ref, focusDistance: n(s.focusDistance, 5), bokehScale: n(s.bokehScale, 2) }, key);
+            case 'chromatic-aberration': {
+                const o = n(s.offset, 0.002);
+                return _jsx(ChromaticAberration, { offset: [o, o], blendFunction: BLEND.NORMAL }, key);
+            }
+            case 'vignette':
+                return _jsx(Vignette, { ref: ref, offset: n(s.offset, 0.5), darkness: n(s.darkness, 0.5), blendFunction: BLEND.NORMAL }, key);
+            case 'noise':
+                return _jsx(Noise, { opacity: n(s.intensity, 0.5), blendFunction: BLEND.COLOR_DODGE }, key);
+            case 'glitch': {
+                const i = n(s.intensity, 0.1);
+                return _jsx(Glitch, { delay: new Vector2(1.5, 3.5), duration: new Vector2(0.6, 1.0), strength: new Vector2(i, i), columns: n(s.columns, 0.05), blendFunction: BLEND.NORMAL }, key);
+            }
+            case 'outline':
+                return _jsx(Outline, { selection: [], edgeStrength: n(s.thickness, 1), pulseSpeed: 0, visibleEdgeColor: 0x000000, hiddenEdgeColor: 0x000000, blur: false, xRay: true }, key);
+            case 'sepia':
+                return _jsx(Sepia, { intensity: n(s.intensity, 1), blendFunction: BLEND.NORMAL }, key);
+            case 'color-correction':
+                return (_jsxs(React.Fragment, { children: [_jsx(BrightnessContrast, { ref: slotRef('grading'), brightness: n(s.brightness, 0), contrast: n(s.contrast, 0), blendFunction: BLEND.NORMAL }), _jsx(HueSaturation, { ref: slotRef('gradingHue'), hue: n(s.hue, 0), saturation: n(s.saturation, 0), blendFunction: BLEND.NORMAL })] }, key));
+            case 'ssao':
+                return _jsx(SSAO, { ref: ref, radius: n(s.radius, 0.1), intensity: n(s.intensity, 1), bias: n(s.bias, 0.025), blendFunction: BLEND.MULTIPLY }, key);
+            case 'god-rays':
+                return (_jsx(GodRays, { sun: sunMeshRef.current, blendFunction: BLEND.SCREEN, samples: 60, density: n(s.density, 0.96), decay: n(s.decay, 0.9), weight: 0.4, exposure: n(s.intensity, 0.6), clampMax: 1, width: 480, height: 480, kernelSize: 0, blur: true }, key));
+            case 'ssr':
+            case 'motion-blur':
+                // Not available in @react-three/postprocessing v3.
+                return null;
+            default:
+                return null;
+        }
+    };
+    // Anti-aliasing is SMAA at the end of the chain, not MSAA on the composer's
+    // buffers. The composer's default (8x MSAA on full-resolution HDR targets) made
+    // the RenderPass draw the whole scene into an 8-sample float buffer: on a 1M
+    // triangle city it cost 60 -> 54 fps with tone mapping alone, and 60 -> 48 with
+    // clouds too. With multisampling 0 + SMAA both hold 60.
+    return (
+    // Keyed on needsNormals: v3 builds the composer in an effect, so flipping
+    // enableNormalPass on a mounted composer renders the children once with the
+    // old (normal-pass-less) context and SSAO errors. A remount builds it fresh.
+    _jsx(EffectComposer, { ref: setComposer, multisampling: 0, enableNormalPass: needsNormals, children: [
+            ...enabledEffects.map(renderEffect).filter((e) => e !== null),
+            ...(tone !== undefined ? [_jsx(ToneMapping, { mode: tone }, `tone-${toneType}`)] : []),
+            _jsx(SMAA, {}, "smaa"),
+        ] }, needsNormals ? 'normals' : 'plain'));
+};
+export default RenderEffects;

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

@@ -1 +1 @@
-{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,WAAW,EAA0B,MAAM,oBAAoB,CAAC;AAGjG,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAWxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,oEAAoE;IACpE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,YAAY;IApBd;;;OAGG;mBACY,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;IAC3C,mFAAmF;uBAChE,KAAK,CAAC,SAAS;IAClC,oEAAoE;SAC/D,OAAO;IACZ,qFAAqF;eAC1E,OAAO,EAAE;IACpB,2EAA2E;eAChE,MAAM;IACjB;;;OAGG;eACQ,OAAO;qCA8LpB,CAAC;AAIH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SceneBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SceneBuilder.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,WAAW,EAA0B,MAAM,oBAAoB,CAAC;AAGjG,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAcxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,oEAAoE;IACpE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,YAAY;IApBd;;;OAGG;mBACY,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;IAC3C,mFAAmF;uBAChE,KAAK,CAAC,SAAS;IAClC,oEAAoE;SAC/D,OAAO;IACZ,qFAAqF;eAC1E,OAAO,EAAE;IACpB,2EAA2E;eAChE,MAAM;IACjB;;;OAGG;eACQ,OAAO;qCAqMpB,CAAC;AAIH,eAAe,YAAY,CAAC"}