@pascal-app/nodes 0.1.1

package/dist/stair/panel.js

@@ -0,0 +1,196 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StairSegmentNode as StairSegmentNodeSchema, useScene, } from '@pascal-app/core';
+import { ActionButton, ActionGroup, DEFAULT_SPIRAL_STAIR_SWEEP_ANGLE, duplicateStairSubtree, getStairLevelOptions, MetricControl, PanelSection, PanelWrapper, resolveStairDestinationLevel, resolveStairFromLevelId, resolveStairToLevelId, SegmentedControl, SliderControl, ToggleControl, triggerSFX, useEditor, } from '@pascal-app/editor';
+import { useViewer } from '@pascal-app/viewer';
+import { Copy, Move, Plus, Trash2 } from 'lucide-react';
+import { useCallback, useMemo } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+const RAILING_MODE_OPTIONS = [
+    { label: 'None', value: 'none' },
+    { label: 'Left', value: 'left' },
+    { label: 'Right', value: 'right' },
+    { label: 'Both', value: 'both' },
+];
+const STAIR_TYPE_OPTIONS = [
+    { label: 'Straight', value: 'straight' },
+    { label: 'Curved', value: 'curved' },
+    { label: 'Spiral', value: 'spiral' },
+];
+const TOP_LANDING_MODE_OPTIONS = [
+    { label: 'None', value: 'none' },
+    { label: 'Integrated', value: 'integrated' },
+];
+const STAIR_SLAB_OPENING_OPTIONS = [
+    { label: 'None', value: 'none' },
+    { label: 'Destination', value: 'destination' },
+];
+export default function StairPanel() {
+    const selectedId = useViewer((s) => s.selection.selectedIds[0]);
+    const selectedCount = useViewer((s) => s.selection.selectedIds.length);
+    const setSelection = useViewer((s) => s.setSelection);
+    const updateNode = useScene((s) => s.updateNode);
+    const createNode = useScene((s) => s.createNode);
+    const setMovingNode = useEditor((s) => s.setMovingNode);
+    const nodes = useScene((s) => s.nodes);
+    const node = useScene((s) => selectedId ? s.nodes[selectedId] : undefined);
+    const levels = useMemo(() => (node?.type === 'stair' ? getStairLevelOptions(nodes, node) : []), [node, nodes]);
+    const segments = useScene(useShallow((s) => {
+        if (!selectedId)
+            return [];
+        const stairNode = s.nodes[selectedId];
+        if (stairNode?.type !== 'stair')
+            return [];
+        return (stairNode.children ?? [])
+            .map((childId) => s.nodes[childId])
+            .filter((entry) => entry?.type === 'stair-segment');
+    }));
+    const handleUpdate = useCallback((updates) => {
+        if (!selectedId)
+            return;
+        updateNode(selectedId, updates);
+    }, [selectedId, updateNode]);
+    const handleClose = useCallback(() => {
+        setSelection({ selectedIds: [] });
+    }, [setSelection]);
+    const handleAutoCutoutChange = useCallback((checked) => {
+        if (!node)
+            return;
+        const updates = {
+            slabOpeningMode: checked ? 'destination' : 'none',
+        };
+        const sceneNodes = useScene.getState().nodes;
+        const fromLevelId = resolveStairFromLevelId(sceneNodes, node);
+        if (checked && fromLevelId)
+            updates.fromLevelId = fromLevelId;
+        if (checked && (!node.toLevelId || node.toLevelId === fromLevelId)) {
+            const plan = resolveStairDestinationLevel({
+                fromLevelId,
+                nodes: sceneNodes,
+            });
+            if (plan?.toLevel.id)
+                updates.toLevelId = plan.toLevel.id;
+        }
+        handleUpdate(updates);
+    }, [node, handleUpdate]);
+    const handleFromLevelChange = useCallback((fromLevelId) => {
+        const plan = resolveStairDestinationLevel({
+            fromLevelId: fromLevelId,
+            nodes: useScene.getState().nodes,
+        });
+        handleUpdate({
+            fromLevelId,
+            toLevelId: plan?.toLevel.id ?? fromLevelId,
+        });
+    }, [handleUpdate]);
+    const getLastSegmentFillDefaults = useCallback(() => {
+        if (!node)
+            return { fillToFloor: true };
+        const children = node.children ?? [];
+        const lastChildId = children[children.length - 1];
+        if (lastChildId) {
+            const lastChild = useScene.getState().nodes[lastChildId];
+            if (lastChild?.type === 'stair-segment') {
+                return { fillToFloor: lastChild.fillToFloor };
+            }
+        }
+        return { fillToFloor: true };
+    }, [node]);
+    const handleAddFlight = useCallback(() => {
+        if (!node)
+            return;
+        const { fillToFloor } = getLastSegmentFillDefaults();
+        const segment = StairSegmentNodeSchema.parse({
+            segmentType: 'stair',
+            width: 1.0,
+            length: 3.0,
+            height: 2.5,
+            stepCount: 10,
+            attachmentSide: 'front',
+            fillToFloor,
+            thickness: 0.25,
+            position: [0, 0, 0],
+        });
+        createNode(segment, node.id);
+    }, [node, createNode, getLastSegmentFillDefaults]);
+    const handleAddLanding = useCallback(() => {
+        if (!node)
+            return;
+        const { fillToFloor } = getLastSegmentFillDefaults();
+        const segment = StairSegmentNodeSchema.parse({
+            segmentType: 'landing',
+            width: 1.0,
+            length: 1.0,
+            height: 0,
+            stepCount: 0,
+            attachmentSide: 'front',
+            fillToFloor,
+            thickness: 0.32,
+            position: [0, 0, 0],
+        });
+        createNode(segment, node.id);
+    }, [node, createNode, getLastSegmentFillDefaults]);
+    const handleSelectSegment = useCallback((segmentId) => {
+        setSelection({ selectedIds: [segmentId] });
+    }, [setSelection]);
+    const handleDuplicate = useCallback(() => {
+        if (!node)
+            return;
+        triggerSFX('sfx:item-pick');
+        try {
+            duplicateStairSubtree(node.id, { mode: 'move' });
+        }
+        catch (e) {
+            console.error('Failed to duplicate stair', e);
+        }
+    }, [node]);
+    const handleMove = useCallback(() => {
+        if (node) {
+            triggerSFX('sfx:item-pick');
+            setMovingNode(node);
+            setSelection({ selectedIds: [] });
+        }
+    }, [node, setMovingNode, setSelection]);
+    const handleDelete = useCallback(() => {
+        if (!(selectedId && node))
+            return;
+        triggerSFX('sfx:item-delete');
+        const parentId = node.parentId;
+        useScene.getState().deleteNode(selectedId);
+        if (parentId) {
+            useScene.getState().dirtyNodes.add(parentId);
+        }
+        setSelection({ selectedIds: [] });
+    }, [selectedId, node, setSelection]);
+    if (!(node && node.type === 'stair' && selectedId && selectedCount === 1))
+        return null;
+    const resolvedFromLevelId = resolveStairFromLevelId(nodes, node, levels);
+    const resolvedToLevelId = resolveStairToLevelId(nodes, node, resolvedFromLevelId, levels);
+    return (_jsxs(PanelWrapper, { icon: "/icons/stairs.webp", onClose: handleClose, title: node.name || 'Staircase', width: 300, children: [_jsx(PanelSection, { title: "Type", children: _jsx(SegmentedControl, { onChange: (value) => handleUpdate(value === 'spiral' && node.stairType !== 'spiral'
+                        ? {
+                            stairType: value,
+                            sweepAngle: DEFAULT_SPIRAL_STAIR_SWEEP_ANGLE,
+                            position: [node.position[0], 0, node.position[2]],
+                        }
+                        : { stairType: value }), options: STAIR_TYPE_OPTIONS, value: node.stairType ?? 'straight' }) }), _jsx(PanelSection, { title: "Opening", children: _jsxs("div", { className: "space-y-3", children: [_jsx(ToggleControl, { checked: (node.slabOpeningMode ?? 'none') === 'destination', label: "Auto Cutout", onChange: handleAutoCutoutChange }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "From Level" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleFromLevelChange(event.target.value), value: resolvedFromLevelId ?? '', children: levels.map((level) => (_jsx("option", { value: level.id, children: level.name || `Level ${level.level + 1}` }, level.id))) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "To Level" }), _jsx("select", { className: "h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-foreground text-sm", onChange: (event) => handleUpdate({ toLevelId: event.target.value }), value: resolvedToLevelId ?? '', children: levels.map((level) => (_jsx("option", { value: level.id, children: level.name || `Level ${level.level + 1}` }, level.id))) })] }), _jsx(SegmentedControl, { onChange: (value) => handleAutoCutoutChange(value === 'destination'), options: STAIR_SLAB_OPENING_OPTIONS, value: node.slabOpeningMode ?? 'none' }), (node.slabOpeningMode ?? 'none') === 'destination' ? (_jsx(MetricControl, { label: "Opening Offset", max: 0.5, min: 0, onChange: (value) => handleUpdate({ openingOffset: value }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.openingOffset ?? 0) * 100) / 100 })) : null, node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "px-1 text-[11px] text-muted-foreground uppercase tracking-[0.14em]", children: "Landing" }), _jsx(SegmentedControl, { onChange: (value) => handleUpdate({ topLandingMode: value }), options: TOP_LANDING_MODE_OPTIONS, value: node.topLandingMode ?? 'none' })] }), (node.topLandingMode ?? 'none') === 'integrated' && (_jsx(MetricControl, { label: "Top Landing", max: 5, min: 0.3, onChange: (value) => handleUpdate({ topLandingDepth: value }), precision: 2, step: 0.05, unit: "m", value: Math.round((node.topLandingDepth ?? 0.9) * 100) / 100 }))] }))] }) }), node.stairType === 'straight' && (_jsxs(PanelSection, { title: "Segments", children: [_jsx("div", { className: "flex flex-col gap-1", children: segments.map((seg, i) => (_jsxs("button", { className: "flex items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-foreground text-sm transition-colors hover:bg-[#3e3e3e]", onClick: () => handleSelectSegment(seg.id), type: "button", children: [_jsx("span", { className: "truncate", children: seg.name || `Segment ${i + 1}` }), _jsx("span", { className: "text-muted-foreground text-xs capitalize", children: seg.segmentType })] }, seg.id))) }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add flight", onClick: handleAddFlight }), _jsx(ActionButton, { icon: _jsx(Plus, { className: "h-3.5 w-3.5" }), label: "Add landing", onClick: handleAddLanding })] })] })), (node.stairType === 'curved' || node.stairType === 'spiral') && (_jsxs(PanelSection, { title: "Geometry", children: [_jsx(MetricControl, { label: "Width", max: 10, min: 0.4, onChange: (value) => handleUpdate({ width: value }), precision: 2, step: 0.05, unit: "m", value: Math.round((node.width ?? 1) * 100) / 100 }), _jsx(MetricControl, { label: "Rise", max: 10, min: 0.2, onChange: (value) => handleUpdate({ totalRise: value }), precision: 2, step: 0.05, unit: "m", value: Math.round((node.totalRise ?? 2.5) * 100) / 100 }), _jsx(MetricControl, { label: "Steps", max: 32, min: 2, onChange: (value) => handleUpdate({ stepCount: Math.max(2, Math.round(value)) }), precision: 0, step: 1, unit: "", value: Math.max(2, Math.round(node.stepCount ?? 10)) }), node.stairType !== 'spiral' && (_jsx(ToggleControl, { checked: node.fillToFloor ?? true, label: "Fit To Floor", onChange: (checked) => handleUpdate({ fillToFloor: checked }) })), (node.stairType === 'spiral' || !(node.fillToFloor ?? true)) && (_jsx(MetricControl, { label: "Thickness", max: 1, min: 0.02, onChange: (value) => handleUpdate({ thickness: value }), precision: 2, step: 0.01, unit: "m", value: Math.round((node.thickness ?? 0.25) * 100) / 100 })), _jsx(MetricControl, { label: "Inner Radius", max: 10, min: node.stairType === 'spiral' ? 0.05 : 0.2, onChange: (value) => handleUpdate({ innerRadius: value }), precision: 2, step: 0.05, unit: "m", value: Math.round((node.innerRadius ?? 0.9) * 100) / 100 }), _jsx(SliderControl, { label: "Sweep", max: node.stairType === 'spiral' ? 720 : 270, min: node.stairType === 'spiral' ? -720 : -270, onChange: (degrees) => handleUpdate({ sweepAngle: (degrees * Math.PI) / 180 }), precision: 0, step: 1, unit: "\u00B0", value: Math.round(((node.sweepAngle ?? Math.PI / 2) * 180) / Math.PI) }), node.stairType === 'spiral' && (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { checked: node.showCenterColumn ?? true, label: "Center Column", onChange: (checked) => handleUpdate({ showCenterColumn: checked }) }), _jsx(ToggleControl, { checked: node.showStepSupports ?? true, label: "Step Supports", onChange: (checked) => handleUpdate({ showStepSupports: checked }) })] }))] })), _jsxs(PanelSection, { title: "Position", children: [_jsx(SliderControl, { label: "X", max: 50, min: -50, onChange: (v) => {
+                            const pos = [...node.position];
+                            pos[0] = v;
+                            handleUpdate({ position: pos });
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[0] * 100) / 100 }), _jsx(SliderControl, { label: "Y", max: 50, min: -50, onChange: (v) => {
+                            const pos = [...node.position];
+                            pos[1] = v;
+                            handleUpdate({ position: pos });
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[1] * 100) / 100 }), _jsx(SliderControl, { label: "Z", max: 50, min: -50, onChange: (v) => {
+                            const pos = [...node.position];
+                            pos[2] = v;
+                            handleUpdate({ position: pos });
+                        }, precision: 2, step: 0.05, unit: "m", value: Math.round(node.position[2] * 100) / 100 }), _jsx(SliderControl, { label: "Rotation", max: 180, min: -180, onChange: (degrees) => {
+                            handleUpdate({ rotation: (degrees * Math.PI) / 180 });
+                        }, precision: 0, step: 1, unit: "\u00B0", value: Math.round((node.rotation * 180) / Math.PI) }), _jsxs("div", { className: "flex gap-1.5 px-1 pt-2 pb-1", children: [_jsx(ActionButton, { label: "-45\u00B0", onClick: () => {
+                                    triggerSFX('sfx:item-rotate');
+                                    handleUpdate({ rotation: node.rotation - Math.PI / 4 });
+                                } }), _jsx(ActionButton, { label: "+45\u00B0", onClick: () => {
+                                    triggerSFX('sfx:item-rotate');
+                                    handleUpdate({ rotation: node.rotation + Math.PI / 4 });
+                                } })] })] }), _jsxs(PanelSection, { title: "Railing", children: [_jsx(SegmentedControl, { onChange: (value) => handleUpdate({ railingMode: value }), options: RAILING_MODE_OPTIONS, value: node.railingMode ?? 'none' }), (node.railingMode ?? 'none') !== 'none' && (_jsx(SliderControl, { label: "Height", max: 1.4, min: 0.7, onChange: (value) => handleUpdate({ railingHeight: value }), precision: 2, step: 0.02, unit: "m", value: Math.round((node.railingHeight ?? 0.92) * 100) / 100 }))] }), _jsx(PanelSection, { title: "Actions", children: _jsxs(ActionGroup, { children: [_jsx(ActionButton, { icon: _jsx(Move, { className: "h-3.5 w-3.5" }), label: "Move", onClick: handleMove }), _jsx(ActionButton, { icon: _jsx(Copy, { className: "h-3.5 w-3.5" }), label: "Duplicate", onClick: handleDuplicate }), _jsx(ActionButton, { className: "hover:bg-red-500/20", icon: _jsx(Trash2, { className: "h-3.5 w-3.5 text-red-400" }), label: "Delete", onClick: handleDelete })] }) })] }));
+}

package/dist/stair/parametrics.d.ts

@@ -0,0 +1,3 @@
+import type { ParametricDescriptor, StairNode } from '@pascal-app/core';
+export declare const stairParametrics: ParametricDescriptor<StairNode>;
+//# sourceMappingURL=parametrics.d.ts.map

package/dist/stair/parametrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametrics.d.ts","sourceRoot":"","sources":["../../src/stair/parametrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEvE,eAAO,MAAM,gBAAgB,EAAE,oBAAoB,CAAC,SAAS,CAG5D,CAAA"}

package/dist/stair/parametrics.js

@@ -0,0 +1,4 @@
+export const stairParametrics = {
+    groups: [],
+    customPanel: () => import('./panel'),
+};

package/dist/stair/renderer.d.ts

@@ -0,0 +1,6 @@
+import { type StairNode } from '@pascal-app/core';
+export declare const StairRenderer: ({ node: rawNode }: {
+    node: StairNode;
+}) => import("react").JSX.Element;
+export default StairRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/stair/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/stair/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,kBAAkB,CAAA;AAmDzB,eAAO,MAAM,aAAa,GAAI,mBAAmB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,gCAiHnE,CAAA;AAinCD,eAAe,aAAa,CAAA"}