@pascal-app/viewer 0.9.1 → 1.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "0.9.1",
+  "version": "1.0.0-beta.1",
   "description": "3D viewer component for Pascal building editor",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,15 +18,15 @@
   ],
   "scripts": {
     "build": "tsc --build",
-    "dev": "tsc --build --watch",
+    "dev": "tsgo --build --watch",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^0.9.1",
+    "@pascal-app/core": "^1.0.0-beta.1",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "react": "^18 || ^19",
-    "three": "^0.184"
+    "three": "^0.185"
   },
   "dependencies": {
     "three-bvh-csg": "^0.0.18",

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

@@ -1,2 +0,0 @@
-export declare const GroundOccluder: () => import("react").JSX.Element;
-//# sourceMappingURL=ground-occluder.d.ts.map

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

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

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

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useScene } from '@pascal-app/core';
-import { useMemo } from 'react';
-import * as THREE from 'three';
-import { unionPolygons } from '../../lib/polygon-union';
-import { getSceneTheme } from '../../lib/scene-themes';
-import useViewer from '../../store/use-viewer';
-export const GroundOccluder = () => {
-    const bgColor = useViewer((state) => getSceneTheme(state.sceneTheme).ground);
-    const nodes = useScene((state) => state.nodes);
-    const shape = useMemo(() => {
-        const s = new THREE.Shape();
-        const size = 1000;
-        // Create outer infinite plane
-        s.moveTo(-size, -size);
-        s.lineTo(size, -size);
-        s.lineTo(size, size);
-        s.lineTo(-size, size);
-        s.closePath();
-        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.visible &&
-                node.polygon.length >= 3 &&
-                // Only recessed slabs should punch through the ground plane.
-                (node.elevation ?? 0.05) < 0)) {
-                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) {
-            for (const ring of unionPolygons(polygons.map((pts) => pts.map((p) => [p[0], -p[1]])))) {
-                if (ring.length < 3)
-                    continue;
-                const hole = new THREE.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();
-                s.holes.push(hole);
-            }
-        }
-        return s;
-    }, [nodes]);
-    return (_jsxs("mesh", { "position-y": -0.05, "rotation-x": -Math.PI / 2, children: [_jsx("shapeGeometry", { args: [shape] }), _jsx("meshBasicMaterial", { color: bgColor, depthWrite: true, polygonOffset: true, polygonOffsetFactor: 1, polygonOffsetUnits: 1 })] }));
-};

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

@@ -1,2 +0,0 @@
-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,mBAAmB,0CAwH/B,CAAA"}

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

@@ -1,131 +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;
-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]);
-    // 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 });
-};