@pascal-app/viewer 0.2.0 → 0.3.1

package/dist/components/error-boundary.d.ts

@@ -0,0 +1,18 @@
+import type { ErrorInfo, ReactNode } from 'react';
+import { Component } from 'react';
+export declare class ErrorBoundary extends Component<{
+    children: ReactNode;
+    fallback: ReactNode;
+}, {
+    hasError: boolean;
+}> {
+    state: {
+        hasError: boolean;
+    };
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(_e: Error, _i: ErrorInfo): void;
+    render(): ReactNode;
+}
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/components/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EAC5C;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CACtB;IACC,KAAK;;MAAsB;IAC3B,MAAM,CAAC,wBAAwB;;;IAG/B,iBAAiB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS;IAC1C,MAAM;CAGP"}

package/dist/components/error-boundary.js

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    state = { hasError: false };
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(_e, _i) { }
+    render() {
+        return this.state.hasError ? this.props.fallback : this.props.children;
+    }
+}

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

@@ -1 +1 @@
-{"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;AAwCzB,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAexD,CAAA"}
+{"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;AAoDzB,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAiBxD,CAAA"}

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

@@ -11,6 +11,7 @@ import { DoubleSide, MeshStandardNodeMaterial } from 'three/webgpu';
 import { useNodeEvents } from '../../../hooks/use-node-events';
 import { resolveCdnUrl } from '../../../lib/asset-url';
 import { useItemLightPool } from '../../../store/use-item-light-pool';
+import { ErrorBoundary } from '../../error-boundary';
 import { NodeRenderer } from '../node-renderer';
 // Shared materials to avoid creating new instances for every mesh
 const defaultMaterial = new MeshStandardNodeMaterial({
@@ -34,10 +35,15 @@ const getMaterialForOriginal = (original) => {
     }
     return defaultMaterial;
 };
+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(Suspense, { fallback: _jsx(PreviewModel, { node: node }), children: _jsx(ModelRenderer, { node: node }) }), node.children?.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
+    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',

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

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

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

@@ -1,11 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useRef } from 'react';
+import { useRegistry, useScene } from '@pascal-app/core';
+import { useLayoutEffect, useRef } from 'react';
 import { useNodeEvents } from '../../../hooks/use-node-events';
 import { NodeRenderer } from '../node-renderer';
 export const WallRenderer = ({ node }) => {
     const ref = useRef(null);
     useRegistry(node.id, 'wall', ref);
+    // Mark dirty on mount so WallSystem rebuilds geometry when wall (re)appears
+    useLayoutEffect(() => {
+        useScene.getState().markDirty(node.id);
+    }, [node.id]);
     const handlers = useNodeEvents(node, 'wall');
     return (_jsxs("mesh", { castShadow: true, receiveShadow: true, ref: ref, visible: node.visible, children: [_jsx("boxGeometry", { args: [0, 0, 0] }), _jsx("mesh", { name: "collision-mesh", visible: false, ...handlers, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }), node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
 };

package/dist/components/viewer/ground-occluder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ground-occluder.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/ground-occluder.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAqE1B,CAAA"}
+{"version":3,"file":"ground-occluder.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/ground-occluder.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CA+F1B,CAAA"}

package/dist/components/viewer/ground-occluder.js

@@ -17,12 +17,32 @@ export const GroundOccluder = () => {
         s.lineTo(size, size);
         s.lineTo(-size, size);
         s.closePath();
-        // Collect all polygons for slabs and zones
+        const levelIndexById = new Map();
+        let lowestLevelIndex = Number.POSITIVE_INFINITY;
+        Object.values(nodes).forEach((node) => {
+            if (node.type !== 'level') {
+                return;
+            }
+            levelIndexById.set(node.id, node.level);
+            lowestLevelIndex = Math.min(lowestLevelIndex, node.level);
+        });
+        // Only the lowest level should punch through the ground plane.
+        // Upper-level slabs should still cast shadows, but they should not
+        // reveal their footprint on the level-zero ground material.
         const polygons = [];
         Object.values(nodes).forEach((node) => {
-            if (node.type === 'slab' && node.polygon && node.polygon.length >= 3) {
-                polygons.push(node.polygon);
+            if (!(node.type === 'slab' && node.visible && node.polygon.length >= 3)) {
+                return;
+            }
+            if (Number.isFinite(lowestLevelIndex)) {
+                const parentLevelIndex = node.parentId
+                    ? levelIndexById.get(node.parentId)
+                    : undefined;
+                if (parentLevelIndex !== lowestLevelIndex) {
+                    return;
+                }
             }
+            polygons.push(node.polygon);
         });
         if (polygons.length > 0) {
             // Format for polygon-clipping: [[[x, y], [x, y], ...]]

package/dist/components/viewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkB,KAAK,kBAAkB,EAAsB,MAAM,oBAAoB,CAAA;AAEhG,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AA2CrC,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAU,aAAc,SAAQ,kBAAkB,CAAC,OAAO,KAAK,CAAC;KAAG;CACpE;AA+BD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0DjC,CAAA;AASD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkB,KAAK,kBAAkB,EAAsB,MAAM,oBAAoB,CAAA;AAEhG,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AA0CrC,OAAO,QAAQ,oBAAoB,CAAC;IAClC,UAAU,aAAc,SAAQ,kBAAkB,CAAC,OAAO,KAAK,CAAC;KAAG;CACpE;AA+BD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6DjC,CAAA;AASD,eAAe,MAAM,CAAA"}

package/dist/components/viewer/index.js

@@ -13,7 +13,6 @@ import { ScanSystem } from '../../systems/scan/scan-system';
 import { WallCutout } from '../../systems/wall/wall-cutout';
 import { ZoneSystem } from '../../systems/zone/zone-system';
 import { SceneRenderer } from '../renderers/scene-renderer';
-import { GroundOccluder } from './ground-occluder';
 import { Lights } from './lights';
 import { PerfMonitor } from './perf-monitor';
 import PostProcessing from './post-processing';
@@ -68,11 +67,14 @@ const Viewer = ({ children, selectionManager = 'default', perf = false, }) => {
             const renderer = new THREE.WebGPURenderer(props);
             renderer.toneMapping = THREE.ACESFilmicToneMapping;
             renderer.toneMappingExposure = 0.9;
+            // renderer.init() // Only use when using <DebugRenderer />
             return renderer;
+        }, resize: {
+            debounce: 100,
         }, shadows: {
             type: THREE.PCFShadowMap,
             enabled: true,
-        }, children: [_jsx(GroundOccluder, {}), _jsx(ViewerCamera, {}), _jsx(Lights, {}), _jsx(Bvh, { children: _jsx(SceneRenderer, {}) }), _jsx(LevelSystem, {}), _jsx(GuideSystem, {}), _jsx(ScanSystem, {}), _jsx(WallCutout, {}), _jsx(CeilingSystem, {}), _jsx(DoorSystem, {}), _jsx(ItemSystem, {}), _jsx(RoofSystem, {}), _jsx(SlabSystem, {}), _jsx(WallSystem, {}), _jsx(WindowSystem, {}), _jsx(ZoneSystem, {}), _jsx(PostProcessing, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ItemLightSystem, {}), selectionManager === 'default' && _jsx(SelectionManager, {}), perf && _jsx(PerfMonitor, {}), children] }));
+        }, children: [_jsx(ViewerCamera, {}), _jsx(Lights, {}), _jsx(Bvh, { children: _jsx(SceneRenderer, {}) }), _jsx(LevelSystem, {}), _jsx(GuideSystem, {}), _jsx(ScanSystem, {}), _jsx(WallCutout, {}), _jsx(CeilingSystem, {}), _jsx(DoorSystem, {}), _jsx(ItemSystem, {}), _jsx(RoofSystem, {}), _jsx(SlabSystem, {}), _jsx(WallSystem, {}), _jsx(WindowSystem, {}), _jsx(ZoneSystem, {}), _jsx(PostProcessing, {}), _jsx(GPUDeviceWatcher, {}), _jsx(ItemLightSystem, {}), selectionManager === 'default' && _jsx(SelectionManager, {}), perf && _jsx(PerfMonitor, {}), children] }));
 };
 const DebugRenderer = () => {
     useFrame(({ gl, scene, camera }) => {

package/dist/components/viewer/post-processing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"post-processing.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/post-processing.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAQD,QAAA,MAAM,oBAAoB,YA4RzB,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"post-processing.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/post-processing.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAA;AAQD,QAAA,MAAM,oBAAoB,YAkRzB,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/viewer/post-processing.js

@@ -3,9 +3,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Color, Layers, UnsignedByteType } from 'three';
 import { outline } from 'three/addons/tsl/display/OutlineNode.js';
 import { ssgi } from 'three/addons/tsl/display/SSGINode.js';
-import { traa } from 'three/addons/tsl/display/TRAANode.js';
 import { denoise } from 'three/examples/jsm/tsl/display/DenoiseNode.js';
-import { add, colorToDirection, diffuseColor, directionToColor, float, mix, mrt, normalView, oscSine, output, pass, sample, time, uniform, vec4, velocity, } from 'three/tsl';
+import { add, colorToDirection, diffuseColor, directionToColor, float, mix, mrt, normalView, oscSine, output, pass, sample, time, uniform, vec4, } from 'three/tsl';
 import { RenderPipeline } from 'three/webgpu';
 import { SCENE_LAYER, ZONE_LAYER } from '../../lib/layers';
 import useViewer from '../../store/use-viewer';
@@ -93,64 +92,58 @@ const PostProcessingPasses = () => {
         outliner.selectedObjects.length = 0;
         outliner.hoveredObjects.length = 0;
         try {
-            // Scene pass with MRT for SSGI
             const scenePass = pass(scene, camera);
-            scenePass.setMRT(mrt({
-                output,
-                diffuseColor,
-                normal: directionToColor(normalView),
-                velocity,
-            }));
-            // Get texture outputs
-            const scenePassColor = scenePass.getTextureNode('output');
-            const scenePassDiffuse = scenePass.getTextureNode('diffuseColor');
-            const scenePassDepth = scenePass.getTextureNode('depth');
-            const scenePassNormal = scenePass.getTextureNode('normal');
-            const scenePassVelocity = scenePass.getTextureNode('velocity');
-            // Optimize texture bandwidth
-            const diffuseTexture = scenePass.getTexture('diffuseColor');
-            diffuseTexture.type = UnsignedByteType;
-            const normalTexture = scenePass.getTexture('normal');
-            normalTexture.type = UnsignedByteType;
-            // Extract normal from color-encoded texture
-            const sceneNormal = sample((uv) => {
-                return colorToDirection(scenePassNormal.sample(uv));
-            });
             const zonePass = pass(scene, camera);
             zonePass.setLayers(zoneLayers);
-            // SSGI Pass (cast to PerspectiveCamera for SSGI)
-            const giPass = ssgi(scenePassColor, scenePassDepth, sceneNormal, camera);
-            giPass.sliceCount.value = SSGI_PARAMS.sliceCount;
-            giPass.stepCount.value = SSGI_PARAMS.stepCount;
-            giPass.radius.value = SSGI_PARAMS.radius;
-            giPass.expFactor.value = SSGI_PARAMS.expFactor;
-            giPass.thickness.value = SSGI_PARAMS.thickness;
-            giPass.backfaceLighting.value = SSGI_PARAMS.backfaceLighting;
-            giPass.aoIntensity.value = SSGI_PARAMS.aoIntensity;
-            giPass.giIntensity.value = SSGI_PARAMS.giIntensity;
-            giPass.useLinearThickness.value = SSGI_PARAMS.useLinearThickness;
-            giPass.useScreenSpaceSampling.value = SSGI_PARAMS.useScreenSpaceSampling;
-            giPass.useTemporalFiltering = SSGI_PARAMS.useTemporalFiltering;
-            const giTexture = giPass.getTextureNode();
-            // DenoiseNode only denoises RGB — alpha is passed through unchanged.
-            // SSGI packs AO into alpha, so we remap it into RGB before denoising.
-            // convertToTexture() inside denoise() will call rtt() on this vec4 node automatically.
-            const aoAsRgb = vec4(giTexture.a, giTexture.a, giTexture.a, float(1));
-            const denoisePass = denoise(aoAsRgb, scenePassDepth, sceneNormal, camera);
-            denoisePass.index.value = 0;
-            denoisePass.radius.value = 4;
-            const gi = giPass.rgb;
-            const ao = denoisePass.r;
-            // const gi = giPass.rgb;
-            // const ao = giPass.a;
+            const scenePassColor = scenePass.getTextureNode('output');
             // Background detection via alpha: renderer clears with alpha=0 (setClearAlpha(0) in useFrame),
             // so background pixels have scenePassColor.a=0 while geometry pixels have output.a=1.
             // WebGPU only applies clearColorValue to MRT attachment 0 (output), so scenePassColor.a
             // is the reliable geometry mask — no normals, no flicker.
             const hasGeometry = scenePassColor.a;
             const contentAlpha = hasGeometry.max(zonePass.a);
-            // Composite: scene * AO + diffuse * GI
-            const compositePass = vec4(add(scenePassColor.rgb.mul(ao), add(zonePass.rgb, scenePassDiffuse.rgb.mul(gi))), contentAlpha);
+            let sceneColor = scenePassColor;
+            if (SSGI_PARAMS.enabled) {
+                // MRT only needed for SSGI (diffuse for GI, normal for SSGI sampling)
+                scenePass.setMRT(mrt({
+                    output,
+                    diffuseColor,
+                    normal: directionToColor(normalView),
+                }));
+                const scenePassDiffuse = scenePass.getTextureNode('diffuseColor');
+                const scenePassDepth = scenePass.getTextureNode('depth');
+                const scenePassNormal = scenePass.getTextureNode('normal');
+                // Optimize texture bandwidth
+                const diffuseTexture = scenePass.getTexture('diffuseColor');
+                diffuseTexture.type = UnsignedByteType;
+                const normalTexture = scenePass.getTexture('normal');
+                normalTexture.type = UnsignedByteType;
+                // Extract normal from color-encoded texture
+                const sceneNormal = sample((uv) => colorToDirection(scenePassNormal.sample(uv)));
+                const giPass = ssgi(scenePassColor, scenePassDepth, sceneNormal, camera);
+                giPass.sliceCount.value = SSGI_PARAMS.sliceCount;
+                giPass.stepCount.value = SSGI_PARAMS.stepCount;
+                giPass.radius.value = SSGI_PARAMS.radius;
+                giPass.expFactor.value = SSGI_PARAMS.expFactor;
+                giPass.thickness.value = SSGI_PARAMS.thickness;
+                giPass.backfaceLighting.value = SSGI_PARAMS.backfaceLighting;
+                giPass.aoIntensity.value = SSGI_PARAMS.aoIntensity;
+                giPass.giIntensity.value = SSGI_PARAMS.giIntensity;
+                giPass.useLinearThickness.value = SSGI_PARAMS.useLinearThickness;
+                giPass.useScreenSpaceSampling.value = SSGI_PARAMS.useScreenSpaceSampling;
+                giPass.useTemporalFiltering = SSGI_PARAMS.useTemporalFiltering;
+                const giTexture = giPass.getTextureNode();
+                // DenoiseNode only denoises RGB — alpha is passed through unchanged.
+                // SSGI packs AO into alpha, so we remap it into RGB before denoising.
+                const aoAsRgb = vec4(giTexture.a, giTexture.a, giTexture.a, float(1));
+                const denoisePass = denoise(aoAsRgb, scenePassDepth, sceneNormal, camera);
+                denoisePass.index.value = 0;
+                denoisePass.radius.value = 4;
+                const gi = giPass.rgb;
+                const ao = denoisePass.r;
+                // Composite: scene * AO + diffuse * GI
+                sceneColor = vec4(add(scenePassColor.rgb.mul(ao), add(zonePass.rgb, scenePassDiffuse.rgb.mul(gi))), contentAlpha);
+            }
             function generateSelectedOutlinePass() {
                 const edgeStrength = uniform(3);
                 const edgeGlow = uniform(0);
@@ -193,18 +186,8 @@ const PostProcessingPasses = () => {
             }
             const selectedOutlinePass = generateSelectedOutlinePass();
             const hoverOutlinePass = generateHoverOutlinePass();
-            // Combine composite with outlines BEFORE applying TRAA
-            const compositeWithOutlines = SSGI_PARAMS.enabled
-                ? vec4(add(compositePass.rgb, selectedOutlinePass.add(hoverOutlinePass)), compositePass.a)
-                : vec4(add(scenePassColor.rgb, selectedOutlinePass.add(hoverOutlinePass)), scenePassColor.a);
-            // TRAA (Temporal Reprojection Anti-Aliasing) - applied AFTER combining everything
-            const traaOutput = traa(compositeWithOutlines, scenePassDepth, scenePassVelocity, camera);
-            // For zone-over-background pixels, scenePassDepth=1.0 (no scene geometry) causes TRAA
-            // to output black. Use hasGeometry to blend: geometry pixels use traaRgb, all others
-            // (zones over background, pure background) use compositePass.rgb directly.
-            const traaRgb = traaOutput.rgb;
-            const colorSource = mix(compositePass.rgb, traaRgb, hasGeometry);
-            const finalOutput = vec4(mix(bgUniform.current, colorSource, contentAlpha), float(1));
+            const compositeWithOutlines = vec4(add(sceneColor.rgb, selectedOutlinePass.add(hoverOutlinePass)), sceneColor.a);
+            const finalOutput = vec4(mix(bgUniform.current, compositeWithOutlines.rgb, contentAlpha), float(1));
             const renderPipeline = new RenderPipeline(renderer);
             renderPipeline.outputNode = finalOutput;
             renderPipelineRef.current = renderPipeline;

package/dist/lib/asset-url.d.ts

@@ -1,4 +1,4 @@
-export declare const ASSETS_CDN_URL: any;
+export declare const ASSETS_CDN_URL: string;
 /**
  * Resolves an asset URL to the appropriate format:
  * - If URL starts with http:// or https://, return as-is (external URL)

package/dist/lib/asset-url.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-url.d.ts","sourceRoot":"","sources":["../../src/lib/asset-url.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,KAAwE,CAAA;AAEnG;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAgB5F;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAiB3E"}
+{"version":3,"file":"asset-url.d.ts","sourceRoot":"","sources":["../../src/lib/asset-url.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,QAAwE,CAAA;AAEnG;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAgB5F;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAiB3E"}

package/dist/lib/asset-url.js

@@ -1,5 +1,4 @@
 import { loadAssetUrl } from '@pascal-app/core';
-// @ts-expect-error
 export const ASSETS_CDN_URL = process.env.NEXT_PUBLIC_ASSETS_CDN_URL || 'https://editor.pascal.app';
 /**
  * Resolves an asset URL to the appropriate format:

package/dist/store/use-viewer.d.ts

@@ -18,6 +18,8 @@ type ViewerState = {
     setCameraMode: (mode: 'perspective' | 'orthographic') => void;
     theme: 'light' | 'dark';
     setTheme: (theme: 'light' | 'dark') => void;
+    unit: 'metric' | 'imperial';
+    setUnit: (unit: 'metric' | 'imperial') => void;
     levelMode: 'stacked' | 'exploded' | 'solo' | 'manual';
     setLevelMode: (mode: 'stacked' | 'exploded' | 'solo' | 'manual') => void;
     wallMode: 'up' | 'cutaway' | 'down';
@@ -38,8 +40,8 @@ type ViewerState = {
     setSelection: (updates: Partial<SelectionPath>) => void;
     resetSelection: () => void;
     outliner: Outliner;
-    exportScene: (() => Promise<void>) | null;
-    setExportScene: (fn: (() => Promise<void>) | null) => void;
+    exportScene: ((format?: 'glb' | 'stl' | 'obj') => Promise<void>) | null;
+    setExportScene: (fn: ((format?: 'glb' | 'stl' | 'obj') => Promise<void>) | null) => void;
     debugColors: boolean;
     setDebugColors: (enabled: boolean) => void;
     cameraDragging: boolean;
@@ -52,6 +54,7 @@ declare const useViewer: import("zustand").UseBoundStore<Omit<import("zustand").
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ViewerState, {
             cameraMode: "perspective" | "orthographic";
             theme: "light" | "dark";
+            unit: "metric" | "imperial";
             levelMode: "stacked" | "exploded" | "solo" | "manual";
             wallMode: "up" | "cutaway" | "down";
             projectPreferences: Record<string, {
@@ -68,6 +71,7 @@ declare const useViewer: import("zustand").UseBoundStore<Omit<import("zustand").
         getOptions: () => Partial<import("zustand/middleware").PersistOptions<ViewerState, {
             cameraMode: "perspective" | "orthographic";
             theme: "light" | "dark";
+            unit: "metric" | "imperial";
             levelMode: "stacked" | "exploded" | "solo" | "manual";
             wallMode: "up" | "cutaway" | "down";
             projectPreferences: Record<string, {

package/dist/store/use-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-viewer.d.ts","sourceRoot":"","sources":["../../src/store/use-viewer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-viewer.d.ts","sourceRoot":"","sources":["../../src/store/use-viewer.ts"],"names":[],"mappings":"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"}

package/dist/store/use-viewer.js

@@ -9,6 +9,8 @@ const useViewer = create()(persist((set) => ({
     setCameraMode: (mode) => set({ cameraMode: mode }),
     theme: 'light',
     setTheme: (theme) => set({ theme }),
+    unit: 'metric',
+    setUnit: (unit) => set({ unit }),
     levelMode: 'stacked',
     setLevelMode: (mode) => set({ levelMode: mode }),
     wallMode: 'up',
@@ -102,6 +104,7 @@ const useViewer = create()(persist((set) => ({
     partialize: (state) => ({
         cameraMode: state.cameraMode,
         theme: state.theme,
+        unit: state.unit,
         levelMode: state.levelMode,
         wallMode: state.wallMode,
         projectPreferences: state.projectPreferences,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "3D viewer component for Pascal building editor",
   "type": "module",
   "main": "./dist/index.js",
@@ -34,9 +34,10 @@
   },
   "devDependencies": {
     "@pascal/typescript-config": "*",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.2",
-    "typescript": "5.9.3",
-    "@types/three": "^0.183.0"
+    "@types/three": "^0.183.0",
+    "typescript": "5.9.3"
   },
   "keywords": [
     "3d",