@pascal-app/viewer 0.8.0 → 0.9.2

package/dist/components/viewer/registered-systems.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSceneApi, isNodeKindEnabled, nodeRegistry, useScene, } from '@pascal-app/core';
+import { lazy, Suspense, useMemo } from 'react';
+const DEFAULT_PRIORITY = 5;
+const lazyCache = new WeakMap();
+function loadSystem(def) {
+    if (!def.system)
+        return null;
+    const cached = lazyCache.get(def.system.module);
+    if (cached)
+        return cached;
+    const Comp = lazy(def.system.module);
+    lazyCache.set(def.system.module, Comp);
+    return Comp;
+}
+/**
+ * Mounts every registered node kind's system component, ordered by
+ * `system.priority` (default {@link DEFAULT_PRIORITY}).
+ *
+ * Today the registry is empty so this component mounts nothing — coexists
+ * with legacy `*-System` components in `<Viewer>`. Once kinds register via
+ * `@pascal-app/nodes`, each kind's registry-driven system takes over and
+ * its legacy counterpart short-circuits via the `nodeRegistry.has(kind)`
+ * guard added to each legacy system.
+ */
+export function RegisteredSystems() {
+    const sceneApi = useMemo(() => createSceneApi(useScene), []);
+    const installedPlugins = useScene((state) => state.installedPlugins);
+    const entries = useMemo(() => {
+        return Array.from(nodeRegistry.entries())
+            .filter(([, def]) => def.system != null)
+            .sort(([, a], [, b]) => {
+            const pa = a.system?.priority ?? DEFAULT_PRIORITY;
+            const pb = b.system?.priority ?? DEFAULT_PRIORITY;
+            return pa - pb;
+        });
+    }, []);
+    if (entries.length === 0)
+        return null;
+    return (_jsx(Suspense, { fallback: null, children: entries.map(([kind, def]) => {
+            if (!isNodeKindEnabled(kind, installedPlugins))
+                return null;
+            const Comp = loadSystem(def);
+            if (!Comp)
+                return null;
+            return _jsx(Comp, { sceneApi: sceneApi }, `registered-system:${kind}`);
+        }) }));
+}

package/dist/components/viewer/scene-bvh.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type Group, Mesh } from 'three';
+import { type SplitStrategy } from 'three-mesh-bvh';
+type SceneBvhProps = {
+    children?: ReactNode;
+    enabled?: boolean;
+    firstHitOnly?: boolean;
+    strategy?: SplitStrategy;
+    verbose?: boolean;
+    setBoundingBox?: boolean;
+    maxDepth?: number;
+    maxLeafSize?: number;
+    indirect?: boolean;
+};
+export declare const isSceneBvhExcluded: (object: Mesh) => boolean;
+export declare const SceneBvh: import("react").ForwardRefExoticComponent<SceneBvhProps & import("react").RefAttributes<Group<import("three").Object3DEventMap>>>;
+export {};
+//# sourceMappingURL=scene-bvh.d.ts.map

package/dist/components/viewer/scene-bvh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-bvh.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/scene-bvh.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAuB,KAAK,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAA;AAEvB,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAKD,eAAO,MAAM,kBAAkB,GAAI,QAAQ,IAAI,YAA4C,CAAA;AAY3F,eAAO,MAAM,QAAQ,mIAoGpB,CAAA"}

package/dist/components/viewer/scene-bvh.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThree } from '@react-three/fiber';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { Mesh } from 'three';
+import { acceleratedRaycast, computeBoundsTree, disposeBoundsTree, SAH, } from 'three-mesh-bvh';
+const isMesh = (object) => !!object && typeof object === 'object' && object.isMesh === true;
+export const isSceneBvhExcluded = (object) => object.userData.excludeFromBvh === true;
+const hasBvhCompatibleGeometry = (geometry) => {
+    if (!geometry)
+        return false;
+    const position = geometry.getAttribute('position');
+    if (!position)
+        return false;
+    const vertexCount = geometry.getIndex()?.count ?? position.count;
+    return vertexCount >= 3;
+};
+export const SceneBvh = forwardRef(({ children, enabled = true, firstHitOnly = false, strategy = SAH, verbose = false, setBoundingBox = true, maxDepth = 40, maxLeafSize = 10, indirect = false, }, forwardedRef) => {
+    const ref = useRef(null);
+    const raycaster = useThree((state) => state.raycaster);
+    useImperativeHandle(forwardedRef, () => ref.current, []);
+    useEffect(() => {
+        if (!enabled || !ref.current)
+            return;
+        const options = {
+            strategy,
+            verbose,
+            setBoundingBox,
+            maxDepth,
+            maxLeafSize,
+            indirect,
+        };
+        const group = ref.current;
+        const acceleratedMeshes = new Set();
+        const computedGeometries = new Set();
+        raycaster.firstHitOnly = firstHitOnly;
+        group.traverse((child) => {
+            if (!isMesh(child))
+                return;
+            if (isSceneBvhExcluded(child))
+                return;
+            if (child.raycast === Mesh.prototype.raycast) {
+                child.raycast = acceleratedRaycast;
+                acceleratedMeshes.add(child);
+            }
+            if (child.raycast !== acceleratedRaycast)
+                return;
+            const geometry = child.geometry;
+            if (geometry.boundsTree || !hasBvhCompatibleGeometry(geometry))
+                return;
+            try {
+                // The three-mesh-bvh + @types/three combo doesn't agree on
+                // BVH option / class identity (ComputeBVHOptions vs
+                // MeshBVHOptions, GeometryBVH vs MeshBVH) — cast through
+                // `unknown` to bypass the structural mismatch. Runtime is
+                // fine; we're just calling the library's own helpers.
+                ;
+                geometry.computeBoundsTree =
+                    computeBoundsTree;
+                geometry.disposeBoundsTree =
+                    disposeBoundsTree;
+                geometry.computeBoundsTree(options);
+                computedGeometries.add(geometry);
+            }
+            catch (error) {
+                console.warn('[viewer] Skipping BVH for incompatible mesh geometry.', {
+                    mesh: child.name || child.type,
+                    error,
+                });
+            }
+        });
+        return () => {
+            delete raycaster.firstHitOnly;
+            for (const geometry of computedGeometries) {
+                if (geometry.boundsTree) {
+                    geometry.disposeBoundsTree();
+                }
+            }
+            for (const mesh of acceleratedMeshes) {
+                if (mesh.raycast === acceleratedRaycast) {
+                    mesh.raycast = Mesh.prototype.raycast;
+                }
+            }
+        };
+    }, [
+        enabled,
+        firstHitOnly,
+        strategy,
+        verbose,
+        setBoundingBox,
+        maxDepth,
+        maxLeafSize,
+        indirect,
+        raycaster,
+    ]);
+    return _jsx("group", { ref: ref, children: children });
+});
+SceneBvh.displayName = 'SceneBvh';

package/dist/components/viewer/scene-bvh.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scene-bvh.test.d.ts.map

package/dist/components/viewer/scene-bvh.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-bvh.test.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/scene-bvh.test.ts"],"names":[],"mappings":""}

package/dist/components/viewer/scene-bvh.test.js

@@ -0,0 +1,13 @@
+// @ts-expect-error — bun:test is provided by the Bun runtime; viewer does not
+// include Bun ambient types in its production declaration build.
+import { describe, expect, test } from 'bun:test';
+import { Mesh } from 'three';
+import { isSceneBvhExcluded } from './scene-bvh';
+describe('scene BVH exclusions', () => {
+    test('keeps annotation meshes on their normal raycast path', () => {
+        expect(isSceneBvhExcluded(new Mesh())).toBe(false);
+        const annotation = new Mesh();
+        annotation.userData.excludeFromBvh = true;
+        expect(isSceneBvhExcluded(annotation)).toBe(true);
+    });
+});

package/dist/components/viewer/scene-environment.d.ts

@@ -0,0 +1,2 @@
+export declare function SceneEnvironment(): null;
+//# sourceMappingURL=scene-environment.d.ts.map

package/dist/components/viewer/scene-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-environment.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/scene-environment.tsx"],"names":[],"mappings":"AAmEA,wBAAgB,gBAAgB,SAkB/B"}

package/dist/components/viewer/scene-environment.js

@@ -0,0 +1,79 @@
+'use client';
+import { useThree } from '@react-three/fiber';
+import { useEffect, useMemo } from 'react';
+import * as THREE from 'three/webgpu';
+import { getSceneTheme } from '../../lib/scene-themes';
+import useViewer from '../../store/use-viewer';
+/**
+ * Scene IBL — a small procedural gradient sky (cool zenith → warm horizon →
+ * dim ground bounce) used purely as the environment light source. The visible
+ * backdrop stays the flat theme background (composited in post-processing);
+ * this texture is never shown. Replaces the old `venice_sunset_1k.hdr` fetch:
+ * no network dependency, and the vertical color split means upward-facing
+ * surfaces read cooler than vertical ones instead of everything getting the
+ * same directionless warm wash. Exported as an opt-in <Viewer> child so
+ * embed / thumbnail surfaces that don't want IBL simply don't mount it.
+ * Only affects `rendered` shading (Lambert ignores env maps).
+ */
+// Linear-space gradient stops.
+const ZENITH = [0.4, 0.56, 0.78];
+const HORIZON = [0.95, 0.84, 0.66];
+const GROUND = [0.38, 0.35, 0.3];
+const ENV_INTENSITY = 0.6;
+// The gradient sky is a daylight source; dark themes only want a whisper of it.
+const ENV_INTENSITY_DARK = 0.2;
+const WIDTH = 64;
+const HEIGHT = 32;
+function buildGradientSky() {
+    const data = new Float32Array(WIDTH * HEIGHT * 4);
+    for (let y = 0; y < HEIGHT; y++) {
+        // Row 0 = v0 = nadir, top row = zenith (equirect v spans -90°..+90°).
+        const lat = ((y + 0.5) / HEIGHT) * 2 - 1;
+        let r;
+        let g;
+        let b;
+        if (lat <= 0) {
+            // Below the horizon: flat ground bounce, slightly darker toward nadir.
+            const k = 1 + lat * 0.35;
+            r = GROUND[0] * k;
+            g = GROUND[1] * k;
+            b = GROUND[2] * k;
+        }
+        else {
+            // pow < 1 widens the warm horizon band.
+            const t = lat ** 0.65;
+            r = HORIZON[0] + (ZENITH[0] - HORIZON[0]) * t;
+            g = HORIZON[1] + (ZENITH[1] - HORIZON[1]) * t;
+            b = HORIZON[2] + (ZENITH[2] - HORIZON[2]) * t;
+        }
+        for (let x = 0; x < WIDTH; x++) {
+            const i = (y * WIDTH + x) * 4;
+            data[i] = r;
+            data[i + 1] = g;
+            data[i + 2] = b;
+            data[i + 3] = 1;
+        }
+    }
+    const texture = new THREE.DataTexture(data, WIDTH, HEIGHT, THREE.RGBAFormat, THREE.FloatType);
+    texture.mapping = THREE.EquirectangularReflectionMapping;
+    texture.colorSpace = THREE.LinearSRGBColorSpace;
+    texture.needsUpdate = true;
+    return texture;
+}
+export function SceneEnvironment() {
+    const scene = useThree((state) => state.scene);
+    const texture = useMemo(buildGradientSky, []);
+    const appearance = useViewer((state) => getSceneTheme(state.sceneTheme).appearance);
+    useEffect(() => {
+        const prevEnvironment = scene.environment;
+        const prevIntensity = scene.environmentIntensity;
+        scene.environment = texture;
+        scene.environmentIntensity = appearance === 'dark' ? ENV_INTENSITY_DARK : ENV_INTENSITY;
+        return () => {
+            scene.environment = prevEnvironment;
+            scene.environmentIntensity = prevIntensity;
+            texture.dispose();
+        };
+    }, [scene, texture, appearance]);
+    return null;
+}

package/dist/components/viewer/selection-manager.d.ts

@@ -1,2 +1,2 @@
-export declare const SelectionManager: () => import("react/jsx-runtime").JSX.Element;
+export declare const SelectionManager: () => import("react").JSX.Element;
 //# sourceMappingURL=selection-manager.d.ts.map

package/dist/components/viewer/selection-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-manager.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/selection-manager.tsx"],"names":[],"mappings":"AAoSA,eAAO,MAAM,gBAAgB,+CA4E5B,CAAA"}
+{"version":3,"file":"selection-manager.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/selection-manager.tsx"],"names":[],"mappings":"AAiTA,eAAO,MAAM,gBAAgB,mCAqG5B,CAAA"}

package/dist/components/viewer/selection-manager.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { emitter, pointInPolygon, sceneRegistry, useScene, } from '@pascal-app/core';
+import { emitter, getSelectableKinds, pointInPolygon, resolveSelectionProxyId, sceneRegistry, useScene, } from '@pascal-app/core';
 import { useThree } from '@react-three/fiber';
 import { useEffect, useRef } from 'react';
 import { Vector3 } from 'three';
@@ -122,16 +122,18 @@ const isNodeInZone = (node, levelId, zoneId) => {
 };
 const getStrategy = () => {
     const { buildingId, levelId, zoneId } = useViewer.getState().selection;
-    const computeNextIds = (node, selectedIds, event) => {
+    const computeNextIds = (nodeId, selectedIds, event) => {
         const isMeta = event?.metaKey || event?.nativeEvent?.metaKey;
         const isCtrl = event?.ctrlKey || event?.nativeEvent?.ctrlKey;
-        if (isMeta || isCtrl) {
-            if (selectedIds.includes(node.id)) {
-                return selectedIds.filter((id) => id !== node.id);
+        // Shift toggles membership like Cmd/Ctrl.
+        const isShift = event?.shiftKey || event?.nativeEvent?.shiftKey;
+        if (isMeta || isCtrl || isShift) {
+            if (selectedIds.includes(nodeId)) {
+                return selectedIds.filter((id) => id !== nodeId);
             }
-            return [...selectedIds, node.id];
+            return [...selectedIds, nodeId];
         }
-        return [node.id];
+        return [nodeId];
     };
     // No building selected -> can select buildings
     if (!buildingId) {
@@ -195,9 +197,10 @@ const getStrategy = () => {
                 }
             }
             const { selectedIds } = useViewer.getState().selection;
+            const proxyId = resolveSelectionProxyId(nodeToSelect, useScene.getState().nodes);
             useViewer
                 .getState()
-                .setSelection({ selectedIds: computeNextIds(nodeToSelect, selectedIds, nativeEvent) });
+                .setSelection({ selectedIds: computeNextIds(proxyId, selectedIds, nativeEvent) });
         },
         handleDeselect: () => {
             const { selectedIds } = useViewer.getState().selection;
@@ -236,28 +239,43 @@ export const SelectionManager = () => {
             const strategy = getStrategy();
             if (!strategy)
                 return;
+            // Ceilings are selected via their floor-plan helper and the
+            // boundary-editor vertex handles, never via a direct 3D click on
+            // the polygon. Skipping selection routing here means a click on a
+            // ceiling falls through to the item / wall / floor below it.
+            if (event.node.type === 'ceiling')
+                return;
             if (strategy.isValid(event.node)) {
                 event.stopPropagation();
                 if (event.node.type === 'slab') {
                     useViewer.setState({ hoveredId: null });
                     return;
                 }
-                useViewer.setState({ hoveredId: event.node.id });
+                useViewer.setState({
+                    hoveredId: resolveSelectionProxyId(event.node, useScene.getState().nodes),
+                });
             }
         };
         const onLeave = (event) => {
             const strategy = getStrategy();
             if (!strategy)
                 return;
+            if (event.node.type === 'ceiling')
+                return;
             if (strategy.isValid(event.node)) {
                 event.stopPropagation();
-                useViewer.setState({ hoveredId: null });
+                const targetId = resolveSelectionProxyId(event.node, useScene.getState().nodes);
+                if (useViewer.getState().hoveredId === targetId) {
+                    useViewer.setState({ hoveredId: null });
+                }
             }
         };
         const onClick = (event) => {
             const strategy = getStrategy();
             if (!strategy)
                 return;
+            if (event.node.type === 'ceiling')
+                return;
             if (!strategy.isValid(event.node))
                 return;
             event.stopPropagation();
@@ -266,7 +284,9 @@ export const SelectionManager = () => {
             // Clear hover immediately after clicking on building/level/zone
             useViewer.setState({ hoveredId: null });
         };
-        // Subscribe to all node types
+        // Subscribe to all node types. Hardcoded kinds + registry-supplied kinds
+        // (any NodeDefinition declaring `capabilities.selectable`). Phase 6
+        // collapses these into a single registry-driven list.
         const allTypes = [
             'building',
             'level',
@@ -282,13 +302,15 @@ export const SelectionManager = () => {
             'window',
             'door',
         ];
-        for (const type of allTypes) {
+        const registryKinds = getSelectableKinds().filter((k) => !allTypes.includes(k));
+        const subscribedKinds = [...allTypes, ...registryKinds];
+        for (const type of subscribedKinds) {
             emitter.on(`${type}:enter`, onEnter);
             emitter.on(`${type}:leave`, onLeave);
             emitter.on(`${type}:click`, onClick);
         }
         return () => {
-            for (const type of allTypes) {
+            for (const type of subscribedKinds) {
                 emitter.off(`${type}:enter`, onEnter);
                 emitter.off(`${type}:leave`, onLeave);
                 emitter.off(`${type}:click`, onClick);
@@ -302,7 +324,8 @@ const PointerMissedHandler = ({ clickHandledRef, }) => {
     useEffect(() => {
         const handleClick = (event) => {
             // Only handle left clicks
-            if (useViewer.getState().cameraDragging)
+            const viewerState = useViewer.getState();
+            if (viewerState.cameraDragging || viewerState.inputDragging)
                 return;
             if (event.button !== 0)
                 return;

package/dist/components/viewer/viewer-camera.d.ts

@@ -1,2 +1,2 @@
-export declare const ViewerCamera: () => import("react/jsx-runtime").JSX.Element;
+export declare const ViewerCamera: () => import("react").JSX.Element;
 //# sourceMappingURL=viewer-camera.d.ts.map

package/dist/components/viewer/viewer-camera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewer-camera.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/viewer-camera.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CAQxB,CAAA"}
+{"version":3,"file":"viewer-camera.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/viewer-camera.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,mCAQxB,CAAA"}

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

@@ -1,2 +1,3 @@
-export declare const WalkthroughControls: () => import("react/jsx-runtime").JSX.Element | null;
+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 +1 @@
-{"version":3,"file":"walkthrough-controls.d.ts","sourceRoot":"","sources":["../../../src/components/viewer/walkthrough-controls.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,mBAAmB,sDAwH/B,CAAA"}
+{"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

@@ -7,6 +7,11 @@ 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();
@@ -21,6 +26,21 @@ export const WalkthroughControls = () => {
             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)

package/dist/hooks/use-gltf-ktx2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-gltf-ktx2.d.ts","sourceRoot":"","sources":["../../src/hooks/use-gltf-ktx2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAU3C,QAAA,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,UAAU,CAAC,OAAO,OAAO,CA2B5D,CAAA;AACD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"use-gltf-ktx2.d.ts","sourceRoot":"","sources":["../../src/hooks/use-gltf-ktx2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAK3C,QAAA,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,UAAU,CAAC,OAAO,OAAO,CAU5D,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/hooks/use-gltf-ktx2.js

@@ -1,32 +1,13 @@
 import { useGLTF } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
-import { KTX2Loader } from 'three/examples/jsm/Addons.js';
 import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';
-const ktx2LoaderInstance = new KTX2Loader();
-ktx2LoaderInstance.setTranscoderPath('https://cdn.jsdelivr.net/gh/pmndrs/drei-assets@master/basis/');
-const ktx2ConfiguredRenderers = new WeakSet();
-const ktx2WarningLoggedRenderers = new WeakSet();
+import { ensureKtx2Support, ktx2Loader } from '../lib/ktx2-loader';
 const useGLTFKTX2 = (path) => {
     const gl = useThree((state) => state.gl);
     return useGLTF(path, true, true, (loader) => {
-        const renderer = gl;
-        if (!ktx2ConfiguredRenderers.has(renderer)) {
-            try {
-                ktx2LoaderInstance.detectSupport(gl);
-                ktx2ConfiguredRenderers.add(renderer);
-            }
-            catch (error) {
-                // Some WebGPU flows can transiently call this before backend init.
-                // Avoid crashing the whole scene; scans may render without KTX2 on this pass.
-                if (!ktx2WarningLoggedRenderers.has(renderer)) {
-                    console.warn('[viewer] Skipping KTX2 support detection for now.', error);
-                    ktx2WarningLoggedRenderers.add(renderer);
-                }
-            }
-        }
-        if (ktx2ConfiguredRenderers.has(renderer)) {
+        if (ensureKtx2Support(gl)) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            loader.setKTX2Loader(ktx2LoaderInstance);
+            loader.setKTX2Loader(ktx2Loader);
         }
         loader.setMeshoptDecoder(MeshoptDecoder);
     });

package/dist/hooks/use-node-events.d.ts

@@ -1,80 +1,12 @@
-import { type BuildingEvent, type BuildingNode, type CeilingEvent, type CeilingNode, type ColumnEvent, type ColumnNode, type DoorEvent, type DoorNode, type FenceEvent, type FenceNode, type ItemEvent, type ItemNode, type LevelEvent, type LevelNode, type RoofEvent, type RoofNode, type RoofSegmentEvent, type RoofSegmentNode, type SiteEvent, type SiteNode, type SlabEvent, type SlabNode, type SpawnEvent, type SpawnNode, type StairEvent, type StairNode, type StairSegmentEvent, type StairSegmentNode, type WallEvent, type WallNode, type WindowEvent, type WindowNode, type ZoneEvent, type ZoneNode } from '@pascal-app/core';
+import { type AnyNode, type AnyNodeType } from '@pascal-app/core';
 import type { ThreeEvent } from '@react-three/fiber';
-type NodeConfig = {
-    site: {
-        node: SiteNode;
-        event: SiteEvent;
-    };
-    item: {
-        node: ItemNode;
-        event: ItemEvent;
-    };
-    wall: {
-        node: WallNode;
-        event: WallEvent;
-    };
-    fence: {
-        node: FenceNode;
-        event: FenceEvent;
-    };
-    building: {
-        node: BuildingNode;
-        event: BuildingEvent;
-    };
-    level: {
-        node: LevelNode;
-        event: LevelEvent;
-    };
-    zone: {
-        node: ZoneNode;
-        event: ZoneEvent;
-    };
-    slab: {
-        node: SlabNode;
-        event: SlabEvent;
-    };
-    spawn: {
-        node: SpawnNode;
-        event: SpawnEvent;
-    };
-    ceiling: {
-        node: CeilingNode;
-        event: CeilingEvent;
-    };
-    column: {
-        node: ColumnNode;
-        event: ColumnEvent;
-    };
-    roof: {
-        node: RoofNode;
-        event: RoofEvent;
-    };
-    'roof-segment': {
-        node: RoofSegmentNode;
-        event: RoofSegmentEvent;
-    };
-    stair: {
-        node: StairNode;
-        event: StairEvent;
-    };
-    'stair-segment': {
-        node: StairSegmentNode;
-        event: StairSegmentEvent;
-    };
-    window: {
-        node: WindowNode;
-        event: WindowEvent;
-    };
-    door: {
-        node: DoorNode;
-        event: DoorEvent;
-    };
-};
-type NodeType = keyof NodeConfig;
-export declare function useNodeEvents<T extends NodeType>(node: NodeConfig[T]['node'], type: T): {
+type NodeByKind<K extends AnyNodeType> = Extract<AnyNode, {
+    type: K;
+}>;
+export declare function useNodeEvents<K extends AnyNodeType>(node: NodeByKind<K>, type: K): {
     onPointerDown: (e: ThreeEvent<PointerEvent>) => void;
     onPointerUp: (e: ThreeEvent<PointerEvent>) => void;
-    onClick: (e: ThreeEvent<PointerEvent>) => void;
+    onClick: (_e: ThreeEvent<PointerEvent>) => void;
     onPointerEnter: (e: ThreeEvent<PointerEvent>) => void;
     onPointerLeave: (e: ThreeEvent<PointerEvent>) => void;
     onPointerMove: (e: ThreeEvent<PointerEvent>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"use-node-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-node-events.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-node-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-node-events.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,WAAW,EAIjB,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAQpD,KAAK,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI,OAAO,CAAC,OAAO,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,CAAA;AAEtE,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;uBAwC1D,UAAU,CAAC,YAAY,CAAC;qBAK1B,UAAU,CAAC,YAAY,CAAC;kBAQ3B,UAAU,CAAC,YAAY,CAAC;wBAIlB,UAAU,CAAC,YAAY,CAAC;wBAIxB,UAAU,CAAC,YAAY,CAAC;uBAIzB,UAAU,CAAC,YAAY,CAAC;uBAIxB,UAAU,CAAC,YAAY,CAAC;uBAIxB,UAAU,CAAC,YAAY,CAAC;EAK9C"}