@pascal-app/viewer 0.6.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "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.6.0",
+    "@pascal-app/core": "^0.7.0",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "react": "^18 || ^19",
@@ -30,14 +30,16 @@
   },
   "dependencies": {
     "polygon-clipping": "^0.15.7",
+    "three-bvh-csg": "^0.0.18",
+    "three-mesh-bvh": "^0.9.8",
     "zustand": "^5"
   },
   "devDependencies": {
     "@pascal/typescript-config": "*",
-    "@types/node": "^25.5.0",
+    "@types/node": "^22",
     "@types/react": "^19.2.2",
     "@types/three": "^0.184.0",
-    "typescript": "5.9.3"
+    "typescript": "6.0.2"
   },
   "keywords": [
     "3d",

package/dist/lib/suppress-three-clock-warning.d.ts

@@ -1,25 +0,0 @@
-/**
- * Suppresses the `THREE.Clock: This module has been deprecated` warning
- * emitted by three.js r183+ on every `new THREE.Clock()` call.
- *
- * We don't instantiate `Clock` ourselves — `@react-three/fiber` 9.x
- * (current stable) creates one internally per `<Canvas>` mount. The
- * migration to `THREE.Timer` lands in R3F 10.x (still alpha).
- *
- * Uses three's `setConsoleFunction` hook so we don't touch `console.warn`
- * globally. Only the exact Clock deprecation message is suppressed; all
- * other three.js logs (including TSL stack-trace warnings) pass through
- * untouched.
- *
- * Runs in production as well as dev — the suppressed message is a pure
- * deprecation notice with no user-actionable content.
- *
- * REMOVAL: safe to delete once `@react-three/fiber` no longer constructs
- * `new THREE.Clock()`. To verify after an R3F upgrade:
- *   grep -n "new THREE.Clock" node_modules/@react-three/fiber/dist/*.js
- * No hits → delete this file and its import in components/viewer/index.tsx.
- *
- * @see https://github.com/pascalorg/editor/issues/213
- */
-export {};
-//# sourceMappingURL=suppress-three-clock-warning.d.ts.map

package/dist/lib/suppress-three-clock-warning.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"suppress-three-clock-warning.d.ts","sourceRoot":"","sources":["../../src/lib/suppress-three-clock-warning.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG"}

package/dist/lib/suppress-three-clock-warning.js

@@ -1,51 +0,0 @@
-/**
- * Suppresses the `THREE.Clock: This module has been deprecated` warning
- * emitted by three.js r183+ on every `new THREE.Clock()` call.
- *
- * We don't instantiate `Clock` ourselves — `@react-three/fiber` 9.x
- * (current stable) creates one internally per `<Canvas>` mount. The
- * migration to `THREE.Timer` lands in R3F 10.x (still alpha).
- *
- * Uses three's `setConsoleFunction` hook so we don't touch `console.warn`
- * globally. Only the exact Clock deprecation message is suppressed; all
- * other three.js logs (including TSL stack-trace warnings) pass through
- * untouched.
- *
- * Runs in production as well as dev — the suppressed message is a pure
- * deprecation notice with no user-actionable content.
- *
- * REMOVAL: safe to delete once `@react-three/fiber` no longer constructs
- * `new THREE.Clock()`. To verify after an R3F upgrade:
- *   grep -n "new THREE.Clock" node_modules/@react-three/fiber/dist/*.js
- * No hits → delete this file and its import in components/viewer/index.tsx.
- *
- * @see https://github.com/pascalorg/editor/issues/213
- */
-import { setConsoleFunction } from 'three';
-// three's warn() prepends 'THREE.' to its first argument, and the Clock
-// constructor passes 'THREE.Clock: ...', producing a double-prefixed
-// string. Exact equality keeps the suppression surgical — if three ever
-// rewords this, the filter stops matching and the message resurfaces.
-const CLOCK_DEPRECATION_MESSAGE = 'THREE.THREE.Clock: This module has been deprecated. Please use THREE.Timer instead.';
-// HMR-idempotent install guard. setConsoleFunction is a single-slot global
-// in three, so re-evaluating this module on HMR would reinstall the hook.
-const INSTALLED = Symbol.for('@pascal-app/viewer/suppress-three-clock-warning');
-if (!globalThis[INSTALLED]) {
-    ;
-    globalThis[INSTALLED] = true;
-    setConsoleFunction((method, message, ...params) => {
-        if (method === 'warn' && message === CLOCK_DEPRECATION_MESSAGE) {
-            return;
-        }
-        // Mirror three's default stack-trace handling so TSL warnings/errors
-        // keep their clickable stack frames.
-        if (method !== 'log') {
-            const first = params[0];
-            if (first?.isStackTrace && typeof first.getError === 'function') {
-                console[method](first.getError(message));
-                return;
-            }
-        }
-        console[method](message, ...params);
-    });
-}

package/dist/systems/export/export-system.d.ts

@@ -1,2 +0,0 @@
-export declare const ExportSystem: () => null;
-//# sourceMappingURL=export-system.d.ts.map

package/dist/systems/export/export-system.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"export-system.d.ts","sourceRoot":"","sources":["../../../src/systems/export/export-system.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,YAAY,YAgDxB,CAAA"}

package/dist/systems/export/export-system.js

@@ -1,60 +0,0 @@
-'use client';
-import { useThree } from '@react-three/fiber';
-import { useEffect } from 'react';
-import * as THREE from 'three';
-import { STLExporter } from 'three/examples/jsm/exporters/STLExporter.js';
-import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter.js';
-import { OBJExporter } from 'three/examples/jsm/exporters/OBJExporter.js';
-import useViewer from '../../store/use-viewer';
-const EDITOR_LAYER = 1; // same constant used across the editor
-function downloadBlob(blob, filename) {
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-}
-export const ExportSystem = () => {
-    const { scene } = useThree();
-    const setExportScene = useViewer((state) => state.setExportScene);
-    useEffect(() => {
-        const exportFn = async (format = 'glb') => {
-            const date = new Date().toISOString().split('T')[0];
-            const filename = `pascal-export-${date}`;
-            // Clone scene and strip editor-only objects (layer 1 = EDITOR_LAYER)
-            const exportRoot = scene.clone(true);
-            const toRemove = [];
-            exportRoot.traverse((obj) => {
-                if (obj.layers.isEnabled(EDITOR_LAYER)) {
-                    toRemove.push(obj);
-                }
-            });
-            for (const obj of toRemove) {
-                obj.parent?.remove(obj);
-            }
-            if (format === 'glb') {
-                const exporter = new GLTFExporter();
-                const result = await new Promise((resolve, reject) => {
-                    exporter.parse(exportRoot, (output) => resolve(output), (err) => reject(err), { binary: true });
-                });
-                downloadBlob(new Blob([result], { type: 'model/gltf-binary' }), `${filename}.glb`);
-            }
-            else if (format === 'stl') {
-                const exporter = new STLExporter();
-                const result = exporter.parse(exportRoot, { binary: true });
-                downloadBlob(new Blob([result.buffer], { type: 'model/stl' }), `${filename}.stl`);
-            }
-            else if (format === 'obj') {
-                const exporter = new OBJExporter();
-                const result = exporter.parse(exportRoot);
-                downloadBlob(new Blob([result], { type: 'model/obj' }), `${filename}.obj`);
-            }
-        };
-        setExportScene(exportFn);
-        return () => setExportScene(null);
-    }, [scene, setExportScene]);
-    return null;
-};