@pascal-app/viewer 0.1.12 → 0.2.0

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

@@ -1,4 +1,5 @@
 import { emitter, } from '@pascal-app/core';
+import useViewer from '../store/use-viewer';
 export function useNodeEvents(node, type) {
     const emit = (suffix, e) => {
         const eventKey = `${type}:${suffix}`;
@@ -15,24 +16,50 @@ export function useNodeEvents(node, type) {
     };
     return {
         onPointerDown: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
             if (e.button !== 0)
                 return;
             emit('pointerdown', e);
         },
         onPointerUp: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
             if (e.button !== 0)
                 return;
             emit('pointerup', e);
+            // Synthesize a click event on pointer up to be more forgiving than R3F's default onClick
+            // which often fails if the mouse moves even 1 pixel.
+            emit('click', e);
         },
         onClick: (e) => {
-            if (e.button !== 0)
+            // Disable default R3F click since we synthesize it on pointerup
+            // This prevents double-clicks from firing twice.
+        },
+        onPointerEnter: (e) => {
+            if (useViewer.getState().cameraDragging)
                 return;
-            emit('click', e);
+            emit('enter', e);
+        },
+        onPointerLeave: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
+            emit('leave', e);
+        },
+        onPointerMove: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
+            emit('move', e);
+        },
+        onDoubleClick: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
+            emit('double-click', e);
+        },
+        onContextMenu: (e) => {
+            if (useViewer.getState().cameraDragging)
+                return;
+            emit('context-menu', 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/index.d.ts

@@ -1,4 +1,7 @@
 export { default as Viewer } from './components/viewer';
-export { default as useViewer } from './store/use-viewer';
 export { ASSETS_CDN_URL, resolveAssetUrl, resolveCdnUrl } from './lib/asset-url';
+export { SCENE_LAYER, ZONE_LAYER } from './lib/layers';
+export { default as useViewer } from './store/use-viewer';
+export { InteractiveSystem } from './systems/interactive/interactive-system';
+export { snapLevelsToTruePositions } from './systems/level/level-utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/index.js

@@ -1,3 +1,6 @@
 export { default as Viewer } from './components/viewer';
-export { default as useViewer } from './store/use-viewer';
 export { ASSETS_CDN_URL, resolveAssetUrl, resolveCdnUrl } from './lib/asset-url';
+export { SCENE_LAYER, ZONE_LAYER } from './lib/layers';
+export { default as useViewer } from './store/use-viewer';
+export { InteractiveSystem } from './systems/interactive/interactive-system';
+export { snapLevelsToTruePositions } from './systems/level/level-utils';

package/dist/lib/asset-url.d.ts

@@ -1,4 +1,4 @@
-export declare const ASSETS_CDN_URL = "https://editor.pascal.app";
+export declare const ASSETS_CDN_URL: any;
 /**
  * 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":"AAEA,eAAO,MAAM,cAAc,8BAA8B,CAAA;AAEzD;;;;;;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":"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"}

package/dist/lib/asset-url.js

@@ -1,5 +1,6 @@
 import { loadAssetUrl } from '@pascal-app/core';
-export const ASSETS_CDN_URL = 'https://editor.pascal.app';
+// @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:
  * - If URL starts with http:// or https://, return as-is (external URL)

package/dist/lib/layers.d.ts

@@ -0,0 +1,5 @@
+/** Default Three.js layer for main scene geometry. */
+export declare const SCENE_LAYER = 0;
+/** Layer used for zone rendering (floor fills and wall borders). */
+export declare const ZONE_LAYER = 2;
+//# sourceMappingURL=layers.d.ts.map

package/dist/lib/layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../../src/lib/layers.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,oEAAoE;AACpE,eAAO,MAAM,UAAU,IAAI,CAAA"}

package/dist/lib/layers.js

@@ -0,0 +1,4 @@
+/** Default Three.js layer for main scene geometry. */
+export const SCENE_LAYER = 0;
+/** Layer used for zone rendering (floor fills and wall borders). */
+export const ZONE_LAYER = 2;

package/dist/store/use-item-light-pool.d.ts

@@ -0,0 +1,18 @@
+import type { AnyNodeId, Interactive, LightEffect } from '@pascal-app/core';
+export type LightRegistration = {
+    nodeId: AnyNodeId;
+    effect: LightEffect;
+    toggleIndex: number;
+    sliderIndex: number;
+    sliderMin: number;
+    sliderMax: number;
+    hasSlider: boolean;
+};
+type ItemLightPoolStore = {
+    registrations: Map<string, LightRegistration>;
+    register: (key: string, nodeId: AnyNodeId, effect: LightEffect, interactive: Interactive) => void;
+    unregister: (key: string) => void;
+};
+export declare const useItemLightPool: import("zustand").UseBoundStore<import("zustand").StoreApi<ItemLightPoolStore>>;
+export {};
+//# sourceMappingURL=use-item-light-pool.d.ts.map

package/dist/store/use-item-light-pool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-item-light-pool.d.ts","sourceRoot":"","sources":["../../src/store/use-item-light-pool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAiB,MAAM,kBAAkB,CAAA;AAG1F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,SAAS,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IACjG,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,gBAAgB,iFAiC1B,CAAA"}

package/dist/store/use-item-light-pool.js

@@ -0,0 +1,30 @@
+import { create } from 'zustand';
+export const useItemLightPool = create((set) => ({
+    registrations: new Map(),
+    register: (key, nodeId, effect, interactive) => {
+        const toggleIndex = interactive.controls.findIndex((c) => c.kind === 'toggle');
+        const sliderIndex = interactive.controls.findIndex((c) => c.kind === 'slider');
+        const sliderControl = sliderIndex >= 0 ? interactive.controls[sliderIndex] : null;
+        const registration = {
+            nodeId,
+            effect,
+            toggleIndex,
+            sliderIndex,
+            hasSlider: sliderControl !== null,
+            sliderMin: sliderControl?.min ?? 0,
+            sliderMax: sliderControl?.max ?? 1,
+        };
+        set((s) => {
+            const next = new Map(s.registrations);
+            next.set(key, registration);
+            return { registrations: next };
+        });
+    },
+    unregister: (key) => {
+        set((s) => {
+            const next = new Map(s.registrations);
+            next.delete(key);
+            return { registrations: next };
+        });
+    },
+}));

package/dist/store/use-viewer.d.ts

@@ -1,10 +1,10 @@
-import type { AnyNode, BaseNode, BuildingNode, LevelNode, ZoneNode } from "@pascal-app/core";
-import type { Object3D } from "three";
+import type { AnyNode, BaseNode, BuildingNode, LevelNode, ZoneNode } from '@pascal-app/core';
+import type { Object3D } from 'three';
 type SelectionPath = {
-    buildingId: BuildingNode["id"] | null;
-    levelId: LevelNode["id"] | null;
-    zoneId: ZoneNode["id"] | null;
-    selectedIds: BaseNode["id"][];
+    buildingId: BuildingNode['id'] | null;
+    levelId: LevelNode['id'] | null;
+    zoneId: ZoneNode['id'] | null;
+    selectedIds: BaseNode['id'][];
 };
 type Outliner = {
     selectedObjects: Object3D[];
@@ -16,6 +16,8 @@ type ViewerState = {
     setHoveredId: (id: AnyNode['id'] | ZoneNode['id'] | null) => void;
     cameraMode: 'perspective' | 'orthographic';
     setCameraMode: (mode: 'perspective' | 'orthographic') => void;
+    theme: 'light' | 'dark';
+    setTheme: (theme: 'light' | 'dark') => void;
     levelMode: 'stacked' | 'exploded' | 'solo' | 'manual';
     setLevelMode: (mode: 'stacked' | 'exploded' | 'solo' | 'manual') => void;
     wallMode: 'up' | 'cutaway' | 'down';
@@ -24,12 +26,57 @@ type ViewerState = {
     setShowScans: (show: boolean) => void;
     showGuides: boolean;
     setShowGuides: (show: boolean) => void;
+    showGrid: boolean;
+    setShowGrid: (show: boolean) => void;
+    projectId: string | null;
+    setProjectId: (id: string | null) => void;
+    projectPreferences: Record<string, {
+        showScans?: boolean;
+        showGuides?: boolean;
+        showGrid?: boolean;
+    }>;
     setSelection: (updates: Partial<SelectionPath>) => void;
     resetSelection: () => void;
     outliner: Outliner;
     exportScene: (() => Promise<void>) | null;
     setExportScene: (fn: (() => Promise<void>) | null) => void;
+    debugColors: boolean;
+    setDebugColors: (enabled: boolean) => void;
+    cameraDragging: boolean;
+    setCameraDragging: (dragging: boolean) => void;
 };
-declare const useViewer: import("zustand").UseBoundStore<import("zustand").StoreApi<ViewerState>>;
+declare const useViewer: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ViewerState>, "setState" | "persist"> & {
+    setState(partial: ViewerState | Partial<ViewerState> | ((state: ViewerState) => ViewerState | Partial<ViewerState>), replace?: false | undefined): unknown;
+    setState(state: ViewerState | ((state: ViewerState) => ViewerState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ViewerState, {
+            cameraMode: "perspective" | "orthographic";
+            theme: "light" | "dark";
+            levelMode: "stacked" | "exploded" | "solo" | "manual";
+            wallMode: "up" | "cutaway" | "down";
+            projectPreferences: Record<string, {
+                showScans?: boolean;
+                showGuides?: boolean;
+                showGrid?: boolean;
+            }>;
+        }, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ViewerState) => void) => () => void;
+        onFinishHydration: (fn: (state: ViewerState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ViewerState, {
+            cameraMode: "perspective" | "orthographic";
+            theme: "light" | "dark";
+            levelMode: "stacked" | "exploded" | "solo" | "manual";
+            wallMode: "up" | "cutaway" | "down";
+            projectPreferences: Record<string, {
+                showScans?: boolean;
+                showGuides?: boolean;
+                showGrid?: boolean;
+            }>;
+        }, unknown>>;
+    };
+}>;
 export default useViewer;
 //# sourceMappingURL=use-viewer.d.ts.map

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":"AAEA,OAAO,KAAK,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;CAC/B,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,cAAc,EAAE,QAAQ,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChD,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAEjE,UAAU,EAAE,aAAa,GAAG,cAAc,CAAA;IAC1C,aAAa,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,KAAK,IAAI,CAAA;IAE7D,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAA;IAExE,QAAQ,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,KAAK,IAAI,CAAA;IAEtD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAErC,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAGtC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IACvD,cAAc,EAAE,MAAM,IAAI,CAAA;IAE1B,QAAQ,EAAE,QAAQ,CAAA;IAGlB,WAAW,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAA;IACzC,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,QAAA,MAAM,SAAS,0EAqDZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}
+{"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

@@ -1,33 +1,84 @@
-"use client";
-import { create } from "zustand";
-const useViewer = create()((set, get) => ({
+'use client';
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+const useViewer = create()(persist((set) => ({
     selection: { buildingId: null, levelId: null, zoneId: null, selectedIds: [] },
     hoveredId: null,
     setHoveredId: (id) => set({ hoveredId: id }),
-    cameraMode: "perspective",
+    cameraMode: 'perspective',
     setCameraMode: (mode) => set({ cameraMode: mode }),
-    levelMode: "stacked",
+    theme: 'light',
+    setTheme: (theme) => set({ theme }),
+    levelMode: 'stacked',
     setLevelMode: (mode) => set({ levelMode: mode }),
-    wallMode: 'cutaway',
+    wallMode: 'up',
     setWallMode: (mode) => set({ wallMode: mode }),
     showScans: true,
-    setShowScans: (show) => set({ showScans: show }),
+    setShowScans: (show) => set((state) => {
+        const projectPreferences = { ...(state.projectPreferences || {}) };
+        if (state.projectId) {
+            projectPreferences[state.projectId] = {
+                ...(projectPreferences[state.projectId] || {}),
+                showScans: show,
+            };
+        }
+        return { showScans: show, projectPreferences };
+    }),
     showGuides: true,
-    setShowGuides: (show) => set({ showGuides: show }),
+    setShowGuides: (show) => set((state) => {
+        const projectPreferences = { ...(state.projectPreferences || {}) };
+        if (state.projectId) {
+            projectPreferences[state.projectId] = {
+                ...(projectPreferences[state.projectId] || {}),
+                showGuides: show,
+            };
+        }
+        return { showGuides: show, projectPreferences };
+    }),
+    showGrid: true,
+    setShowGrid: (show) => set((state) => {
+        const projectPreferences = { ...(state.projectPreferences || {}) };
+        if (state.projectId) {
+            projectPreferences[state.projectId] = {
+                ...(projectPreferences[state.projectId] || {}),
+                showGrid: show,
+            };
+        }
+        return { showGrid: show, projectPreferences };
+    }),
+    projectId: null,
+    setProjectId: (id) => set((state) => {
+        if (!id)
+            return { projectId: id };
+        const prefs = state.projectPreferences?.[id] || {};
+        return {
+            projectId: id,
+            showScans: prefs.showScans ?? true,
+            showGuides: prefs.showGuides ?? true,
+            showGrid: prefs.showGrid ?? true,
+        };
+    }),
+    projectPreferences: {},
     setSelection: (updates) => set((state) => {
         const newSelection = { ...state.selection, ...updates };
-        // Hierarchy Guard: If we change a high-level parent, reset the children
+        // Hierarchy Guard: If we change a high-level parent, reset the children unless explicitly provided
         if (updates.buildingId !== undefined) {
-            newSelection.levelId = null;
-            newSelection.zoneId = null;
-            newSelection.selectedIds = [];
+            if (updates.levelId === undefined)
+                newSelection.levelId = null;
+            if (updates.zoneId === undefined)
+                newSelection.zoneId = null;
+            if (updates.selectedIds === undefined)
+                newSelection.selectedIds = [];
         }
-        else if (updates.levelId !== undefined) {
-            newSelection.zoneId = null;
-            newSelection.selectedIds = [];
+        if (updates.levelId !== undefined) {
+            if (updates.zoneId === undefined)
+                newSelection.zoneId = null;
+            if (updates.selectedIds === undefined)
+                newSelection.selectedIds = [];
         }
-        else if (updates.zoneId !== undefined) {
-            newSelection.selectedIds = [];
+        if (updates.zoneId !== undefined) {
+            if (updates.selectedIds === undefined)
+                newSelection.selectedIds = [];
         }
         return { selection: newSelection };
     }),
@@ -42,5 +93,18 @@ const useViewer = create()((set, get) => ({
     outliner: { selectedObjects: [], hoveredObjects: [] },
     exportScene: null,
     setExportScene: (fn) => set({ exportScene: fn }),
+    debugColors: false,
+    setDebugColors: (enabled) => set({ debugColors: enabled }),
+    cameraDragging: false,
+    setCameraDragging: (dragging) => set({ cameraDragging: dragging }),
+}), {
+    name: 'viewer-preferences',
+    partialize: (state) => ({
+        cameraMode: state.cameraMode,
+        theme: state.theme,
+        levelMode: state.levelMode,
+        wallMode: state.wallMode,
+        projectPreferences: state.projectPreferences,
+    }),
 }));
 export default useViewer;

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

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

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

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

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

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { pointInPolygon, sceneRegistry, useInteractive, useScene, } from '@pascal-app/core';
+import { Html } from '@react-three/drei';
+import { createPortal, useFrame } from '@react-three/fiber';
+import { useState } from 'react';
+import { Vector3 } from 'three';
+import { useShallow } from 'zustand/react/shallow';
+import useViewer from '../../store/use-viewer';
+const _tempVec = new Vector3();
+// ---- Parent: one overlay per interactive item ----
+export const InteractiveSystem = () => {
+    const interactiveNodeIds = useScene(useShallow((state) => Object.values(state.nodes)
+        .filter((n) => n.type === 'item' && n.asset.interactive != null)
+        .map((n) => n.id)));
+    return (_jsx(_Fragment, { children: interactiveNodeIds.map((id) => (_jsx(ItemControlsOverlay, { nodeId: id }, id))) }));
+};
+// ---- Child: polls sceneRegistry then portals controls into the item group ----
+const ItemControlsOverlay = ({ nodeId }) => {
+    const node = useScene((state) => state.nodes[nodeId]);
+    const [itemObj, setItemObj] = useState(null);
+    useFrame(() => {
+        if (itemObj)
+            return;
+        const obj = sceneRegistry.nodes.get(nodeId);
+        if (obj)
+            setItemObj(obj);
+    });
+    const controlValues = useInteractive(useShallow((state) => state.items[nodeId]?.controlValues));
+    const setControlValue = useInteractive((state) => state.setControlValue);
+    const zoneId = useViewer((s) => s.selection.zoneId);
+    const zonePolygon = useScene((s) => {
+        if (!zoneId)
+            return null;
+        const z = s.nodes[zoneId];
+        return z?.polygon ?? null;
+    });
+    if (!(itemObj && controlValues && node?.asset.interactive))
+        return null;
+    const { controls } = node.asset.interactive;
+    const [, height] = node.asset.dimensions;
+    let opacity = 0;
+    let pointerEvents = 'none';
+    if (zoneId && zonePolygon?.length) {
+        itemObj.getWorldPosition(_tempVec);
+        const inside = pointInPolygon(_tempVec.x, _tempVec.z, zonePolygon);
+        opacity = inside ? 1 : 0.1;
+        pointerEvents = inside ? 'auto' : 'none';
+    }
+    return createPortal(_jsx(Html, { center: true, distanceFactor: 8, occlude: true, position: [0, height + 0.3, 0], zIndexRange: [20, 0], children: _jsx("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 6,
+                background: 'rgba(0,0,0,0.75)',
+                backdropFilter: 'blur(8px)',
+                borderRadius: 8,
+                padding: '8px 12px',
+                minWidth: 120,
+                pointerEvents,
+                userSelect: 'none',
+                opacity,
+                transition: 'opacity 0.3s ease',
+            }, children: controls.map((control, i) => (_jsx(ControlWidget, { control: control, onChange: (v) => setControlValue(nodeId, i, v), value: controlValues[i] ?? false }, i))) }) }), itemObj);
+};
+// ---- Control widgets ----
+const ControlWidget = ({ control, value, onChange, }) => {
+    const labelStyle = {
+        color: 'white',
+        fontSize: 11,
+        fontFamily: 'monospace',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 2,
+    };
+    if (control.kind === 'toggle') {
+        return (_jsx("button", { onClick: () => onChange(!value), style: {
+                background: value ? '#4ade80' : '#374151',
+                color: 'white',
+                border: 'none',
+                borderRadius: 4,
+                padding: '4px 8px',
+                cursor: 'pointer',
+                fontSize: 12,
+                fontFamily: 'monospace',
+                transition: 'background 0.2s',
+            }, children: control.label ?? (value ? 'On' : 'Off') }));
+    }
+    if (control.kind === 'slider') {
+        return (_jsxs("label", { style: labelStyle, children: [_jsxs("span", { children: [control.label, ": ", value, control.unit ? ` ${control.unit}` : ''] }), _jsx("input", { max: control.max, min: control.min, onChange: (e) => onChange(Number(e.target.value)), onPointerDown: (e) => e.stopPropagation(), step: control.step, type: "range", value: value })] }));
+    }
+    if (control.kind === 'temperature') {
+        return (_jsxs("label", { style: labelStyle, children: [_jsxs("span", { children: [control.label, ": ", value, "\u00B0", control.unit] }), _jsx("input", { max: control.max, min: control.min, onChange: (e) => onChange(Number(e.target.value)), onPointerDown: (e) => e.stopPropagation(), step: 1, type: "range", value: value })] }));
+    }
+    return null;
+};

package/dist/systems/item-light/item-light-system.d.ts

@@ -0,0 +1,2 @@
+export declare function ItemLightSystem(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=item-light-system.d.ts.map

package/dist/systems/item-light/item-light-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-light-system.d.ts","sourceRoot":"","sources":["../../../src/systems/item-light/item-light-system.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,eAAe,4CA+M9B"}