@pascal-app/viewer 0.8.0 → 0.9.1

package/dist/components/renderers/guide/guide-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type GuideNode } from '@pascal-app/core';
-export declare const GuideRenderer: ({ node }: {
-    node: GuideNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=guide-renderer.d.ts.map

package/dist/components/renderers/guide/guide-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"guide-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/guide/guide-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,kBAAkB,CAAA;AAS9D,eAAO,MAAM,aAAa,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,4CAqB1D,CAAA"}

package/dist/components/renderers/guide/guide-renderer.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useLoader } from '@react-three/fiber';
-import { Suspense, useMemo, useRef } from 'react';
-import { DoubleSide, TextureLoader } from 'three';
-import { float, texture } from 'three/tsl';
-import { MeshBasicNodeMaterial } from 'three/webgpu';
-import { useAssetUrl } from '../../../hooks/use-asset-url';
-import useViewer from '../../../store/use-viewer';
-export const GuideRenderer = ({ node }) => {
-    const showGuides = useViewer((s) => s.showGuides);
-    const ref = useRef(null);
-    useRegistry(node.id, 'guide', ref);
-    const resolvedUrl = useAssetUrl(node.url);
-    return (_jsx("group", { position: node.position, ref: ref, rotation: [0, node.rotation[1], 0], visible: showGuides && node.visible !== false, children: resolvedUrl && (_jsx(Suspense, { children: _jsx(GuidePlane, { opacity: node.opacity, scale: node.scale, url: resolvedUrl }) })) }));
-};
-const GuidePlane = ({ url, scale, opacity }) => {
-    const tex = useLoader(TextureLoader, url);
-    const { width, height, material } = useMemo(() => {
-        const img = tex.image;
-        const w = img.width || 1;
-        const h = img.height || 1;
-        const aspect = w / h;
-        // Default: 10 meters wide, height from aspect ratio
-        const planeWidth = 10 * scale;
-        const planeHeight = (10 / aspect) * scale;
-        const normalizedOpacity = opacity / 100;
-        const mat = new MeshBasicNodeMaterial({
-            transparent: true,
-            colorNode: texture(tex),
-            opacityNode: float(normalizedOpacity),
-            side: DoubleSide,
-            depthWrite: false,
-        });
-        return { width: planeWidth, height: planeHeight, material: mat };
-    }, [tex, scale, opacity]);
-    return (_jsx("mesh", { frustumCulled: false, material: material, raycast: () => { }, rotation: [-Math.PI / 2, 0, 0], children: _jsx("planeGeometry", { args: [width, height], boundingBox: null, boundingSphere: null }) }));
-};

package/dist/components/renderers/item/item-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type ItemNode } from '@pascal-app/core';
-export declare const ItemRenderer: ({ node }: {
-    node: ItemNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=item-renderer.d.ts.map

package/dist/components/renderers/item/item-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/item/item-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAKd,MAAM,kBAAkB,CAAA;AAmCzB,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAiBxD,CAAA"}

package/dist/components/renderers/item/item-renderer.js

@@ -1,172 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useInteractive, useRegistry, useScene, } from '@pascal-app/core';
-import { useAnimations } from '@react-three/drei';
-import { Clone } from '@react-three/drei/core/Clone';
-import { useGLTF } from '@react-three/drei/core/Gltf';
-import { useFrame } from '@react-three/fiber';
-import { Suspense, useEffect, useMemo, useRef } from 'react';
-import { MathUtils } from 'three';
-import { positionLocal, smoothstep, time } from 'three/tsl';
-import { MeshStandardNodeMaterial } from 'three/webgpu';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import { resolveCdnUrl } from '../../../lib/asset-url';
-import { baseMaterial, glassMaterial } from '../../../lib/materials';
-import { useItemLightPool } from '../../../store/use-item-light-pool';
-import { ErrorBoundary } from '../../error-boundary';
-import { NodeRenderer } from '../node-renderer';
-const getMaterialForOriginal = (original) => {
-    if (original.name.toLowerCase() === 'glass') {
-        return glassMaterial;
-    }
-    return baseMaterial;
-};
-const BrokenItemFallback = ({ node }) => {
-    const handlers = useNodeEvents(node, 'item');
-    const [w, h, d] = node.asset.dimensions;
-    return (_jsxs("mesh", { "position-y": h / 2, ...handlers, children: [_jsx("boxGeometry", { args: [w, h, d] }), _jsx("meshStandardMaterial", { color: "#ef4444", opacity: 0.6, transparent: true, wireframe: true })] }));
-};
-export const ItemRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, node.type, ref);
-    return (_jsxs("group", { position: node.position, ref: ref, rotation: node.rotation, visible: node.visible, children: [_jsx(ErrorBoundary, { fallback: _jsx(BrokenItemFallback, { node: node }), children: _jsx(Suspense, { fallback: _jsx(PreviewModel, { node: node }), children: _jsx(ModelRenderer, { node: node }) }) }), node.children?.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
-};
-const previewMaterial = new MeshStandardNodeMaterial({
-    color: '#cccccc',
-    roughness: 1,
-    metalness: 0,
-    depthTest: false,
-});
-const previewOpacity = smoothstep(0.42, 0.55, positionLocal.y.add(time.mul(-0.2)).mul(10).fract());
-previewMaterial.opacityNode = previewOpacity;
-previewMaterial.transparent = true;
-const PreviewModel = ({ node }) => {
-    return (_jsx("mesh", { material: previewMaterial, "position-y": node.asset.dimensions[1] / 2, children: _jsx("boxGeometry", { args: [node.asset.dimensions[0], node.asset.dimensions[1], node.asset.dimensions[2]] }) }));
-};
-const multiplyScales = (a, b) => [a[0] * b[0], a[1] * b[1], a[2] * b[2]];
-const ModelRenderer = ({ node }) => {
-    const { scene, nodes, animations } = useGLTF(resolveCdnUrl(node.asset.src) || '');
-    const ref = useRef(null);
-    const { actions } = useAnimations(animations, ref);
-    // Freeze the interactive definition at mount — asset schemas don't change at runtime
-    const interactiveRef = useRef(node.asset.interactive);
-    if (nodes.cutout) {
-        nodes.cutout.visible = false;
-    }
-    const handlers = useNodeEvents(node, 'item');
-    useEffect(() => {
-        if (!node.parentId)
-            return;
-        useScene.getState().dirtyNodes.add(node.parentId);
-    }, [node.parentId]);
-    useEffect(() => {
-        const interactive = interactiveRef.current;
-        if (!interactive)
-            return;
-        useInteractive.getState().initItem(node.id, interactive);
-        return () => useInteractive.getState().removeItem(node.id);
-    }, [node.id]);
-    useMemo(() => {
-        scene.traverse((child) => {
-            if (child.isMesh) {
-                const mesh = child;
-                if (mesh.name === 'cutout') {
-                    child.visible = false;
-                    return;
-                }
-                let hasGlass = false;
-                // Handle both single material and material array cases
-                if (Array.isArray(mesh.material)) {
-                    mesh.material = mesh.material.map((mat) => getMaterialForOriginal(mat));
-                    hasGlass = mesh.material.some((mat) => mat.name === 'glass');
-                    // Fix geometry groups that reference materialIndex beyond the material
-                    // array length — this causes three-mesh-bvh to crash with
-                    // "Cannot read properties of undefined (reading 'side')"
-                    const matCount = mesh.material.length;
-                    if (mesh.geometry.groups.length > 0) {
-                        for (const group of mesh.geometry.groups) {
-                            if (group.materialIndex !== undefined && group.materialIndex >= matCount) {
-                                group.materialIndex = 0;
-                            }
-                        }
-                    }
-                }
-                else {
-                    mesh.material = getMaterialForOriginal(mesh.material);
-                    hasGlass = mesh.material.name === 'glass';
-                }
-                mesh.castShadow = !hasGlass;
-                mesh.receiveShadow = !hasGlass;
-            }
-        });
-    }, [scene]);
-    const interactive = interactiveRef.current;
-    const animEffect = interactive?.effects.find((e) => e.kind === 'animation') ?? null;
-    const lightEffects = interactive?.effects.filter((e) => e.kind === 'light') ?? [];
-    return (_jsxs(_Fragment, { children: [_jsx(Clone, { object: scene, position: node.asset.offset, ref: ref, rotation: node.asset.rotation, scale: multiplyScales(node.asset.scale || [1, 1, 1], node.scale || [1, 1, 1]), ...handlers }), animations.length > 0 && (_jsx(ItemAnimation, { actions: actions, animations: animations, animEffect: animEffect, interactive: interactive ?? null, nodeId: node.id })), lightEffects.map((effect, i) => (_jsx(ItemLightRegistrar, { effect: effect, index: i, interactive: interactive, nodeId: node.id }, i)))] }));
-};
-const ItemAnimation = ({ nodeId, animEffect, interactive, actions, animations, }) => {
-    const activeClipRef = useRef(null);
-    const fadingOutRef = useRef(null);
-    // Reactive: derive target clip name — only re-renders when the clip name itself changes
-    const targetClip = useInteractive((s) => {
-        const values = s.items[nodeId]?.controlValues;
-        if (!animEffect)
-            return animations[0]?.name ?? null;
-        const toggleIndex = interactive.controls.findIndex((c) => c.kind === 'toggle');
-        const isOn = toggleIndex >= 0 ? Boolean(values?.[toggleIndex]) : false;
-        return isOn
-            ? (animEffect.clips.on ?? null)
-            : (animEffect.clips.off ?? animEffect.clips.loop ?? null);
-    });
-    // When target clip changes: kick off the transition
-    useEffect(() => {
-        // Cancel any ongoing fade-out immediately
-        if (fadingOutRef.current) {
-            fadingOutRef.current.timeScale = 0;
-            fadingOutRef.current = null;
-        }
-        // Move current clip to fade-out
-        if (activeClipRef.current && activeClipRef.current !== targetClip) {
-            const old = actions[activeClipRef.current];
-            if (old?.isRunning())
-                fadingOutRef.current = old;
-        }
-        // Start new clip at timeScale 0.01 (as 0 would cause isRunning to be false and thus not play at all), then fade in to 1
-        activeClipRef.current = targetClip;
-        if (targetClip) {
-            const next = actions[targetClip];
-            if (next) {
-                next.timeScale = 0.01;
-                next.play();
-            }
-        }
-    }, [targetClip, actions]);
-    // useFrame: only lerping — no logic
-    useFrame((_, delta) => {
-        if (fadingOutRef.current) {
-            const action = fadingOutRef.current;
-            action.timeScale = MathUtils.lerp(action.timeScale, 0, Math.min(delta * 5, 1));
-            if (action.timeScale < 0.01) {
-                action.timeScale = 0;
-                fadingOutRef.current = null;
-            }
-        }
-        if (activeClipRef.current) {
-            const action = actions[activeClipRef.current];
-            if (action?.isRunning() && action.timeScale < 1) {
-                action.timeScale = MathUtils.lerp(action.timeScale, 1, Math.min(delta * 5, 1));
-                if (1 - action.timeScale < 0.01)
-                    action.timeScale = 1;
-            }
-        }
-    });
-    return null;
-};
-const ItemLightRegistrar = ({ nodeId, effect, interactive, index, }) => {
-    useEffect(() => {
-        const key = `${nodeId}:${index}`;
-        useItemLightPool.getState().register(key, nodeId, effect, interactive);
-        return () => useItemLightPool.getState().unregister(key);
-    }, [nodeId, index, effect, interactive]);
-    return null;
-};

package/dist/components/renderers/level/level-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type LevelNode } from '@pascal-app/core';
-export declare const LevelRenderer: ({ node }: {
-    node: LevelNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=level-renderer.d.ts.map

package/dist/components/renderers/level/level-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"level-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/level/level-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,kBAAkB,CAAA;AAM9D,eAAO,MAAM,aAAa,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,4CAa1D,CAAA"}

package/dist/components/renderers/level/level-renderer.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useRef } from 'react';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import { NodeRenderer } from '../node-renderer';
-export const LevelRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, node.type, ref);
-    const handlers = useNodeEvents(node, 'level');
-    return (_jsx("group", { ref: ref, ...handlers, children: node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))) }));
-};

package/dist/components/renderers/roof/roof-materials.d.ts

@@ -1,4 +0,0 @@
-import * as THREE from 'three';
-export declare const roofMaterials: THREE.Material[];
-export declare const roofDebugMaterials: THREE.Material[];
-//# sourceMappingURL=roof-materials.d.ts.map

package/dist/components/renderers/roof/roof-materials.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"roof-materials.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/roof/roof-materials.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,QAAQ,EAKzC,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,QAAQ,EAK9C,CAAA"}

package/dist/components/renderers/roof/roof-materials.js

@@ -1,16 +0,0 @@
-import * as THREE from 'three';
-// Production materials — match the rest of the scene (white walls, light-gray slabs).
-// Indices: 0 = Wall/Trim, 1 = Deck, 2 = Interior, 3 = Shingle
-export const roofMaterials = [
-    new THREE.MeshStandardMaterial({ color: 'white', roughness: 1, side: THREE.DoubleSide }), // 0: Wall/Trim
-    new THREE.MeshStandardMaterial({ color: '#e5e5e5', roughness: 1, side: THREE.FrontSide }), // 1: Deck
-    new THREE.MeshStandardMaterial({ color: 'white', roughness: 1, side: THREE.DoubleSide }), // 2: Interior
-    new THREE.MeshStandardMaterial({ color: '#e5e5e5', roughness: 0.9, side: THREE.FrontSide }), // 3: Shingle
-];
-// Debug materials — vivid, distinct colours to identify each surface group.
-export const roofDebugMaterials = [
-    new THREE.MeshStandardMaterial({ color: '#eaeaea', roughness: 0.8, side: THREE.DoubleSide }), // 0: Wall
-    new THREE.MeshStandardMaterial({ color: '#000000', roughness: 0.9, side: THREE.FrontSide }), // 1: Deck
-    new THREE.MeshStandardMaterial({ color: '#dddddd', roughness: 0.9, side: THREE.DoubleSide }), // 2: Interior
-    new THREE.MeshStandardMaterial({ color: '#4ade80', roughness: 0.9, side: THREE.FrontSide }), // 3: Shingle
-];

package/dist/components/renderers/roof/roof-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type RoofNode } from '@pascal-app/core';
-export declare const RoofRenderer: ({ node }: {
-    node: RoofNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=roof-renderer.d.ts.map

package/dist/components/renderers/roof/roof-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"roof-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/roof/roof-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AAS7D,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAiDxD,CAAA"}

package/dist/components/renderers/roof/roof-renderer.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useEffect, useMemo, useRef } from 'react';
-import * as THREE from 'three';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import useViewer from '../../../store/use-viewer';
-import { getRoofMaterialArray } from '../../../systems/roof/roof-materials';
-import { NodeRenderer } from '../node-renderer';
-import { roofDebugMaterials, roofMaterials } from './roof-materials';
-export const RoofRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, 'roof', ref);
-    const handlers = useNodeEvents(node, 'roof');
-    const debugColors = useViewer((s) => s.debugColors);
-    const placeholderGeometry = useMemo(() => {
-        const geometry = new THREE.BufferGeometry();
-        geometry.setAttribute('position', new THREE.Float32BufferAttribute([], 3));
-        geometry.addGroup(0, 0, 0);
-        geometry.addGroup(0, 0, 1);
-        geometry.addGroup(0, 0, 2);
-        geometry.addGroup(0, 0, 3);
-        return geometry;
-    }, []);
-    const customMaterial = useMemo(() => getRoofMaterialArray(node), [node]);
-    const material = debugColors ? roofDebugMaterials : customMaterial || roofMaterials;
-    useEffect(() => {
-        return () => {
-            placeholderGeometry.dispose();
-        };
-    }, [placeholderGeometry]);
-    return (_jsxs("group", { position: node.position, ref: ref, "rotation-y": node.rotation, visible: node.visible, ...handlers, children: [_jsx("mesh", { castShadow: true, geometry: placeholderGeometry, material: material, name: "merged-roof", receiveShadow: true }), _jsx("group", { name: "segments-wrapper", visible: false, children: (node.children ?? []).map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))) })] }));
-};

package/dist/components/renderers/roof-segment/roof-segment-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type RoofSegmentNode } from '@pascal-app/core';
-export declare const RoofSegmentRenderer: ({ node }: {
-    node: RoofSegmentNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=roof-segment-renderer.d.ts.map

package/dist/components/renderers/roof-segment/roof-segment-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"roof-segment-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/roof-segment/roof-segment-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAA;AAQzB,eAAO,MAAM,mBAAmB,GAAI,UAAU;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,4CAgDtE,CAAA"}

package/dist/components/renderers/roof-segment/roof-segment-renderer.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry, useScene, } from '@pascal-app/core';
-import { useEffect, useMemo, useRef } from 'react';
-import * as THREE from 'three';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import useViewer from '../../../store/use-viewer';
-import { getRoofMaterialArray } from '../../../systems/roof/roof-materials';
-import { roofDebugMaterials, roofMaterials } from '../roof/roof-materials';
-export const RoofSegmentRenderer = ({ node }) => {
-    const ref = useRef(null);
-    const nodes = useScene((state) => state.nodes);
-    useRegistry(node.id, 'roof-segment', ref);
-    const handlers = useNodeEvents(node, 'roof-segment');
-    const debugColors = useViewer((s) => s.debugColors);
-    const parentNode = node.parentId
-        ? nodes[node.parentId]
-        : undefined;
-    const placeholderGeometry = useMemo(() => {
-        const geometry = new THREE.BufferGeometry();
-        geometry.setAttribute('position', new THREE.Float32BufferAttribute([], 3));
-        geometry.addGroup(0, 0, 0);
-        geometry.addGroup(0, 0, 1);
-        geometry.addGroup(0, 0, 2);
-        geometry.addGroup(0, 0, 3);
-        return geometry;
-    }, []);
-    const customMaterial = useMemo(() => {
-        if (node.material !== undefined || typeof node.materialPreset === 'string') {
-            return null;
-        }
-        return parentNode ? getRoofMaterialArray(parentNode) : null;
-    }, [node, parentNode]);
-    const material = debugColors ? roofDebugMaterials : customMaterial || roofMaterials;
-    useEffect(() => {
-        return () => {
-            placeholderGeometry.dispose();
-        };
-    }, [placeholderGeometry]);
-    return (_jsx("mesh", { geometry: placeholderGeometry, material: material, position: node.position, ref: ref, "rotation-y": node.rotation, visible: node.visible, ...handlers }));
-};

package/dist/components/renderers/scan/scan-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type ScanNode } from '@pascal-app/core';
-export declare const ScanRenderer: ({ node }: {
-    node: ScanNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=scan-renderer.d.ts.map

package/dist/components/renderers/scan/scan-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scan-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/scan/scan-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AAO7D,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAsBxD,CAAA"}

package/dist/components/renderers/scan/scan-renderer.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { Suspense, useMemo, useRef } from 'react';
-import { useAssetUrl } from '../../../hooks/use-asset-url';
-import { useGLTFKTX2 } from '../../../hooks/use-gltf-ktx2';
-import useViewer from '../../../store/use-viewer';
-export const ScanRenderer = ({ node }) => {
-    const showScans = useViewer((s) => s.showScans);
-    const ref = useRef(null);
-    useRegistry(node.id, 'scan', ref);
-    const resolvedUrl = useAssetUrl(node.url);
-    return (_jsx("group", { position: node.position, ref: ref, rotation: node.rotation, scale: [node.scale, node.scale, node.scale], visible: showScans, children: resolvedUrl && (_jsx(Suspense, { children: _jsx(ScanModel, { opacity: node.opacity, url: resolvedUrl }) })) }));
-};
-const ScanModel = ({ url, opacity }) => {
-    const gltf = useGLTFKTX2(url);
-    const scene = gltf.scene;
-    useMemo(() => {
-        const normalizedOpacity = opacity / 100;
-        const isTransparent = normalizedOpacity < 1;
-        const updateMaterial = (material) => {
-            if (isTransparent) {
-                material.transparent = true;
-                material.opacity = normalizedOpacity;
-                material.depthWrite = false;
-            }
-            else {
-                material.transparent = false;
-                material.opacity = 1;
-                material.depthWrite = true;
-            }
-            material.needsUpdate = true;
-        };
-        scene.traverse((child) => {
-            if (child.isMesh) {
-                const mesh = child;
-                // Disable raycasting
-                mesh.raycast = () => { };
-                // Exclude from bounding box calculations
-                mesh.geometry.boundingBox = null;
-                mesh.geometry.boundingSphere = null;
-                mesh.frustumCulled = false;
-                if (Array.isArray(mesh.material)) {
-                    mesh.material.forEach((material) => {
-                        updateMaterial(material);
-                    });
-                }
-                else {
-                    updateMaterial(mesh.material);
-                }
-            }
-        });
-    }, [scene, opacity]);
-    return _jsx("primitive", { object: scene });
-};

package/dist/components/renderers/site/site-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type SiteNode } from '@pascal-app/core';
-export declare const SiteRenderer: ({ node }: {
-    node: SiteNode;
-}) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=site-renderer.d.ts.map

package/dist/components/renderers/site/site-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"site-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/site/site-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAwC,MAAM,kBAAkB,CAAA;AAmCtF,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,mDAyHxD,CAAA"}

package/dist/components/renderers/site/site-renderer.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRegistry, useScene } from '@pascal-app/core';
-import polygonClipping from 'polygon-clipping';
-import { useMemo, useRef } from 'react';
-import { BufferGeometry, Float32BufferAttribute, Path, Shape } from 'three';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import useViewer from '../../../store/use-viewer';
-import { NodeRenderer } from '../node-renderer';
-const Y_OFFSET = 0.01;
-/**
- * Creates simple line geometry for site boundary
- * Single horizontal line at ground level
- */
-const createBoundaryLineGeometry = (points) => {
-    const geometry = new BufferGeometry();
-    if (points.length < 2)
-        return geometry;
-    const positions = [];
-    // Create a simple line loop at ground level
-    for (const [x, z] of points) {
-        positions.push(x ?? 0, Y_OFFSET, z ?? 0);
-    }
-    // Close the loop
-    positions.push(points[0]?.[0] ?? 0, Y_OFFSET, points[0]?.[1] ?? 0);
-    geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
-    return geometry;
-};
-export const SiteRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, 'site', ref);
-    const theme = useViewer((state) => state.theme);
-    const bgColor = theme === 'dark' ? '#1f2433' : '#fafafa';
-    // Cache slab polygon references to keep the selector stable across unrelated store updates
-    const slabPolygonsCache = useRef([]);
-    const slabPolygons = useScene((state) => {
-        const nodeList = Object.values(state.nodes);
-        const levelIndexById = new Map();
-        let lowestLevelIndex = Number.POSITIVE_INFINITY;
-        nodeList.forEach((n) => {
-            if (n.type !== 'level')
-                return;
-            levelIndexById.set(n.id, n.level);
-            lowestLevelIndex = Math.min(lowestLevelIndex, n.level);
-        });
-        const next = nodeList
-            .filter((n) => n.type === 'slab' &&
-            n.visible &&
-            n.polygon.length >= 3 &&
-            // Only recessed slabs should punch through the site ground.
-            // Positive slabs are real floor geometry and should not create a
-            // ghost footprint in the background ground fill.
-            (n.elevation ?? 0.05) < 0)
-            .filter((n) => {
-            if (!Number.isFinite(lowestLevelIndex))
-                return true;
-            const parentLevel = n.parentId ? levelIndexById.get(n.parentId) : undefined;
-            return parentLevel === lowestLevelIndex;
-        })
-            .map((n) => n.polygon);
-        const prev = slabPolygonsCache.current;
-        if (next.length === prev.length && next.every((p, i) => p === prev[i]))
-            return prev;
-        slabPolygonsCache.current = next;
-        return next;
-    });
-    // Ground shape: site polygon with slab footprints punched as holes
-    const groundShape = useMemo(() => {
-        if (!node?.polygon?.points || node.polygon.points.length < 3)
-            return null;
-        const pts = node.polygon.points;
-        const shape = new Shape();
-        shape.moveTo(pts[0][0], -pts[0][1]);
-        for (let i = 1; i < pts.length; i++)
-            shape.lineTo(pts[i][0], -pts[i][1]);
-        shape.closePath();
-        if (slabPolygons.length > 0) {
-            const multiPolygons = slabPolygons.map((p) => [
-                p.map((pt) => [pt[0], -pt[1]]),
-            ]);
-            const unioned = polygonClipping.union(multiPolygons[0], ...multiPolygons.slice(1));
-            for (const geom of unioned) {
-                const ring = geom[0];
-                if (ring && ring.length > 0) {
-                    const hole = new Path();
-                    hole.moveTo(ring[0][0], ring[0][1]);
-                    for (let i = 1; i < ring.length; i++)
-                        hole.lineTo(ring[i][0], ring[i][1]);
-                    hole.closePath();
-                    shape.holes.push(hole);
-                }
-            }
-        }
-        return shape;
-    }, [node?.polygon?.points, slabPolygons]);
-    // Create boundary line geometry
-    const lineGeometry = useMemo(() => {
-        if (!node?.polygon?.points || node.polygon.points.length < 2)
-            return null;
-        return createBoundaryLineGeometry(node.polygon.points);
-    }, [node?.polygon?.points]);
-    const handlers = useNodeEvents(node, 'site');
-    if (!(node && lineGeometry)) {
-        return null;
-    }
-    return (_jsxs("group", { ref: ref, ...handlers, children: [node.children.map((child) => (_jsx(NodeRenderer, { nodeId: typeof child === 'string' ? child : child.id }, typeof child === 'string' ? child : child.id))), groundShape && (_jsxs("mesh", { position: [0, -0.05, 0], receiveShadow: true, rotation: [-Math.PI / 2, 0, 0], children: [_jsx("shapeGeometry", { args: [groundShape] }), _jsx("meshStandardMaterial", { color: bgColor, depthWrite: true, polygonOffset: true, polygonOffsetFactor: 1, polygonOffsetUnits: 1 })] })), _jsx("line", { frustumCulled: false, geometry: lineGeometry, renderOrder: 9, children: _jsx("lineBasicMaterial", { color: "#f59e0b", linewidth: 2, opacity: 0.6, transparent: true }) })] }));
-};

package/dist/components/renderers/slab/slab-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type SlabNode } from '@pascal-app/core';
-export declare const SlabRenderer: ({ node }: {
-    node: SlabNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=slab-renderer.d.ts.map

package/dist/components/renderers/slab/slab-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slab-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/slab/slab-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AA+CrF,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAuCxD,CAAA"}

package/dist/components/renderers/slab/slab-renderer.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getMaterialPresetByRef, useRegistry } from '@pascal-app/core';
-import { useEffect, useMemo, useRef } from 'react';
-import * as THREE from 'three';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import { applyMaterialPresetToMaterials, createMaterial, DEFAULT_SLAB_MATERIAL, } from '../../../lib/materials';
-const slabMaterialCache = new Map();
-function getSlabMaterial(cacheKey, params) {
-    const cached = slabMaterialCache.get(cacheKey);
-    if (cached)
-        return cached;
-    const preset = getMaterialPresetByRef(params.materialPreset);
-    const slabMaterial = preset
-        ? new THREE.MeshStandardMaterial()
-        : params.material
-            ? createMaterial(params.material).clone()
-            : DEFAULT_SLAB_MATERIAL.clone();
-    if (preset) {
-        // Apply the preset to the slab-owned material so async texture loads update
-        // the instance we actually render after refresh as well.
-        applyMaterialPresetToMaterials(slabMaterial, preset);
-    }
-    // Slabs participate in the WebGPU MRT scene pass. Keeping them opaque avoids
-    // pipeline variants that can fail when geometry is regenerated while a
-    // transparent/custom material is attached.
-    slabMaterial.transparent = false;
-    slabMaterial.opacity = 1;
-    slabMaterial.alphaMap = null;
-    slabMaterial.side = THREE.DoubleSide;
-    slabMaterial.depthWrite = true;
-    slabMaterial.needsUpdate = true;
-    slabMaterialCache.set(cacheKey, slabMaterial);
-    return slabMaterial;
-}
-export const SlabRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, 'slab', ref);
-    const handlers = useNodeEvents(node, 'slab');
-    const material = useMemo(() => {
-        const resolvedMaterial = node.material;
-        const resolvedMaterialPreset = node.materialPreset;
-        const cacheKey = JSON.stringify({
-            material: resolvedMaterial ?? null,
-            materialPreset: resolvedMaterialPreset ?? null,
-        });
-        return getSlabMaterial(cacheKey, {
-            material: resolvedMaterial,
-            materialPreset: resolvedMaterialPreset,
-        });
-    }, [
-        node.material,
-        node.material?.preset,
-        node.material?.properties,
-        node.material?.texture,
-        node.materialPreset,
-    ]);
-    return (_jsx("mesh", { castShadow: true, receiveShadow: true, ref: ref, ...handlers, material: material, visible: node.visible, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }));
-};

package/dist/components/renderers/spawn/spawn-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type SpawnNode } from '@pascal-app/core';
-export declare const SpawnRenderer: ({ node }: {
-    node: SpawnNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=spawn-renderer.d.ts.map

package/dist/components/renderers/spawn/spawn-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spawn-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/spawn/spawn-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,kBAAkB,CAAA;AASjF,eAAO,MAAM,aAAa,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,4CA0D1D,CAAA"}