@pascal-app/viewer 0.9.2 → 1.0.0-beta.2

package/dist/systems/wall/wall-terrain-bottom.test.js

@@ -0,0 +1,34 @@
+// @ts-expect-error — bun:test is provided by the Bun runtime; viewer does not
+// depend on @types/bun so the import type is unresolved at compile time.
+import { describe, expect, test } from 'bun:test';
+import { calculateLevelMiters, WallNode } from '@pascal-app/core';
+import { generateExtrudedWall } from './wall-system';
+describe('wall terrain bottom', () => {
+    test('samples both faces independently without changing the authored body height', () => {
+        const wall = WallNode.parse({
+            start: [0, 0],
+            end: [4, 0],
+            height: 2.5,
+            thickness: 1,
+            supportSlabId: 'ground',
+            fillToTerrain: true,
+        });
+        const geometry = generateExtrudedWall(wall, [], calculateLevelMiters([wall]), 1.5, 1.5, undefined, 4, (_x, z) => (z >= 0 ? 0.2 : 0.8));
+        geometry.computeBoundingBox();
+        const position = geometry.getAttribute('position');
+        let positiveFaceMinY = Number.POSITIVE_INFINITY;
+        let negativeFaceMinY = Number.POSITIVE_INFINITY;
+        for (let index = 0; index < position.count; index += 1) {
+            const z = position.getZ(index);
+            const y = position.getY(index);
+            if (z > 0.49)
+                positiveFaceMinY = Math.min(positiveFaceMinY, y);
+            if (z < -0.49)
+                negativeFaceMinY = Math.min(negativeFaceMinY, y);
+        }
+        expect(positiveFaceMinY).toBeCloseTo(-1.3);
+        expect(negativeFaceMinY).toBeCloseTo(-0.7);
+        expect(geometry.boundingBox?.max.y).toBeCloseTo(2.5);
+        geometry.dispose();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "0.9.2",
+  "version": "1.0.0-beta.2",
   "description": "3D viewer component for Pascal building editor",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^0.9.2",
+    "@pascal-app/core": "^1.0.0-beta.2",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "react": "^18 || ^19",

package/dist/components/viewer/walkthrough-controls.d.ts

@@ -1,3 +0,0 @@
-export declare const WALKTHROUGH_FOV = 60;
-export declare const WalkthroughControls: () => import("react").JSX.Element | null;
-//# sourceMappingURL=walkthrough-controls.d.ts.map

package/dist/components/viewer/walkthrough-controls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"walkthrough-controls.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/walkthrough-controls.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe,KAAK,CAAA;AAMjC,eAAO,MAAM,mBAAmB,0CAsI/B,CAAA"}

package/dist/components/viewer/walkthrough-controls.js

@@ -1,151 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PointerLockControls } from '@react-three/drei';
-import { useFrame, useThree } from '@react-three/fiber';
-import { useCallback, useEffect, useRef } from 'react';
-import { Vector3 } from 'three';
-import useViewer from '../../store/use-viewer';
-const MOVE_SPEED = 5;
-const EYE_HEIGHT = 1.6;
-// First-person FOV. The orbit camera is 50° (set on the Canvas), which feels
-// cramped on foot; ~60° vertical (~90° horizontal at 16:9) restores peripheral
-// awareness without wide-angle distortion. Applied only while walking — both
-// walkthrough controllers read this and restore the orbit FOV on exit.
-export const WALKTHROUGH_FOV = 60;
-const _direction = new Vector3();
-const _forward = new Vector3();
-const _right = new Vector3();
-export const WalkthroughControls = () => {
-    const controlsRef = useRef(null);
-    const walkthroughMode = useViewer((s) => s.walkthroughMode);
-    const keys = useRef({ w: false, a: false, s: false, d: false });
-    const camera = useThree((s) => s.camera);
-    // Set initial eye height
-    useEffect(() => {
-        if (walkthroughMode) {
-            camera.position.y = EYE_HEIGHT;
-        }
-    }, [walkthroughMode, camera]);
-    // Widen FOV while walking; restore the orbit FOV on exit.
-    useEffect(() => {
-        if (!walkthroughMode)
-            return;
-        const cam = camera;
-        if (!cam.isPerspectiveCamera)
-            return;
-        const prevFov = cam.fov;
-        cam.fov = WALKTHROUGH_FOV;
-        cam.updateProjectionMatrix();
-        return () => {
-            cam.fov = prevFov;
-            cam.updateProjectionMatrix();
-        };
-    }, [walkthroughMode, camera]);
-    // Keyboard handlers
-    useEffect(() => {
-        if (!walkthroughMode)
-            return;
-        const onKeyDown = (e) => {
-            if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement)
-                return;
-            const key = e.key.toLowerCase();
-            // ESC exits walkthrough mode completely
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                e.stopPropagation();
-                useViewer.getState().setWalkthroughMode(false);
-                return;
-            }
-            if (key === 'w' || key === 'arrowup')
-                keys.current.w = true;
-            if (key === 'a' || key === 'arrowleft')
-                keys.current.a = true;
-            if (key === 's' || key === 'arrowdown')
-                keys.current.s = true;
-            if (key === 'd' || key === 'arrowright')
-                keys.current.d = true;
-        };
-        const onKeyUp = (e) => {
-            const key = e.key.toLowerCase();
-            if (key === 'w' || key === 'arrowup')
-                keys.current.w = false;
-            if (key === 'a' || key === 'arrowleft')
-                keys.current.a = false;
-            if (key === 's' || key === 'arrowdown')
-                keys.current.s = false;
-            if (key === 'd' || key === 'arrowright')
-                keys.current.d = false;
-        };
-        window.addEventListener('keydown', onKeyDown);
-        window.addEventListener('keyup', onKeyUp);
-        return () => {
-            window.removeEventListener('keydown', onKeyDown);
-            window.removeEventListener('keyup', onKeyUp);
-            // Reset keys on cleanup
-            keys.current = { w: false, a: false, s: false, d: false };
-        };
-    }, [walkthroughMode]);
-    // Release pointer lock when walkthrough mode is turned off
-    useEffect(() => {
-        if (!walkthroughMode && document.pointerLockElement) {
-            document.exitPointerLock();
-        }
-    }, [walkthroughMode]);
-    // Movement loop
-    useFrame((_, delta) => {
-        if (!(walkthroughMode && controlsRef.current))
-            return;
-        _direction.set(0, 0, 0);
-        // Get camera forward and right vectors (XZ plane only)
-        camera.getWorldDirection(_forward);
-        _forward.y = 0;
-        _forward.normalize();
-        _right.crossVectors(_forward, camera.up).normalize();
-        if (keys.current.w)
-            _direction.add(_forward);
-        if (keys.current.s)
-            _direction.sub(_forward);
-        if (keys.current.d)
-            _direction.add(_right);
-        if (keys.current.a)
-            _direction.sub(_right);
-        if (_direction.lengthSq() > 0) {
-            _direction.normalize().multiplyScalar(MOVE_SPEED * delta);
-            camera.position.add(_direction);
-            // Keep eye height constant
-            camera.position.y = EYE_HEIGHT;
-        }
-    });
-    const handleClick = useCallback(() => {
-        if (walkthroughMode && controlsRef.current) {
-            // Feature detection: some browsers (Facebook/Instagram in-app, older Safari)
-            // don't support pointer lock on the canvas element
-            if (typeof controlsRef.current.lock === 'function') {
-                try {
-                    controlsRef.current.lock();
-                }
-                catch {
-                    // Silently ignore — pointer lock unavailable in this browser context
-                }
-            }
-        }
-    }, [walkthroughMode]);
-    // Click to lock
-    useEffect(() => {
-        if (!walkthroughMode)
-            return;
-        const canvas = document.querySelector('canvas');
-        if (!canvas)
-            return;
-        canvas.addEventListener('click', handleClick);
-        return () => canvas.removeEventListener('click', handleClick);
-    }, [walkthroughMode, handleClick]);
-    if (!walkthroughMode)
-        return null;
-    // Skip PointerLockControls on browsers that don't support pointer lock
-    // (Facebook/Instagram in-app browsers, some iOS WebViews)
-    if (typeof document !== 'undefined' && !('requestPointerLock' in HTMLElement.prototype)) {
-        return null;
-    }
-    return _jsx(PointerLockControls, { ref: controlsRef });
-};