@pascal-app/viewer 0.2.0 → 0.3.0

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/hooks/use-grid-events.d.ts

@@ -0,0 +1,12 @@
+import type { ThreeEvent } from "@react-three/fiber";
+export declare function useGridEvents(): {
+    onPointerDown: (e: ThreeEvent<PointerEvent>) => void;
+    onPointerUp: (e: ThreeEvent<PointerEvent>) => void;
+    onClick: (e: ThreeEvent<PointerEvent>) => void;
+    onPointerEnter: (e: ThreeEvent<PointerEvent>) => void;
+    onPointerLeave: (e: ThreeEvent<PointerEvent>) => void;
+    onPointerMove: (e: ThreeEvent<PointerEvent>) => void;
+    onDoubleClick: (e: ThreeEvent<PointerEvent>) => void;
+    onContextMenu: (e: ThreeEvent<PointerEvent>) => void;
+};
+//# sourceMappingURL=use-grid-events.d.ts.map

package/dist/hooks/use-grid-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-grid-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,wBAAgB,aAAa;uBAYN,UAAU,CAAC,YAAY,CAAC;qBAI1B,UAAU,CAAC,YAAY,CAAC;iBAI5B,UAAU,CAAC,YAAY,CAAC;wBAIjB,UAAU,CAAC,YAAY,CAAC;wBACxB,UAAU,CAAC,YAAY,CAAC;uBACzB,UAAU,CAAC,YAAY,CAAC;uBACxB,UAAU,CAAC,YAAY,CAAC;uBACxB,UAAU,CAAC,YAAY,CAAC;EAE9C"}

package/dist/hooks/use-grid-events.js

@@ -0,0 +1,33 @@
+import { emitter } from "@pascal-app/core";
+export function useGridEvents() {
+    const emit = (suffix, e) => {
+        const eventKey = `grid:${suffix}`;
+        const payload = {
+            position: [e.point.x, e.point.y, e.point.z],
+            nativeEvent: e,
+        };
+        emitter.emit(eventKey, payload);
+    };
+    return {
+        onPointerDown: (e) => {
+            if (e.button !== 0)
+                return;
+            emit("pointerdown", e);
+        },
+        onPointerUp: (e) => {
+            if (e.button !== 0)
+                return;
+            emit("pointerup", e);
+        },
+        onClick: (e) => {
+            if (e.button !== 0)
+                return;
+            emit("click", e);
+        },
+        onPointerEnter: (e) => emit("enter", e),
+        onPointerLeave: (e) => emit("leave", e),
+        onPointerMove: (e) => emit("move", e),
+        onDoubleClick: (e) => emit("double-click", e),
+        onContextMenu: (e) => emit("context-menu", e),
+    };
+}

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';
@@ -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.0",
   "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",