@pascal-app/nodes 1.0.6 → 1.1.0

package/dist/column/preset-gallery.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { COLUMN_PRESETS, usePascalI18n, } from '@pascal-app/core';
+import { ChevronDown } from 'lucide-react';
+import { useEffect, useRef } from 'react';
+import { columnPresetUpdates } from './presets.js';
+/** Preset names in the UI language; core's `COLUMN_PRESETS` labels stay English. */
+const COLUMN_PRESET_LABELS = {
+    basicPillar: /* i18n */ { id: 'node.column.preset.basicPillar', message: 'Straight Round' },
+    squarePillar: /* i18n */ { id: 'node.column.preset.squarePillar', message: 'Square Block' },
+    taperedPillar: /* i18n */ { id: 'node.column.preset.taperedPillar', message: 'Tapered Round' },
+    bulgedPillar: /* i18n */ { id: 'node.column.preset.bulgedPillar', message: 'Soft Bulged' },
+    hourglassPillar: /* i18n */ { id: 'node.column.preset.hourglassPillar', message: 'Hourglass' },
+    aFrameSupport: /* i18n */ { id: 'node.column.preset.aFrameSupport', message: 'A-Frame Support' },
+    yFrameSupport: /* i18n */ { id: 'node.column.preset.yFrameSupport', message: 'Y Support' },
+    vFrameSupport: /* i18n */ { id: 'node.column.preset.vFrameSupport', message: 'V Support' },
+    xBraceSupport: /* i18n */ { id: 'node.column.preset.xBraceSupport', message: 'X Brace' },
+    kBraceSupport: /* i18n */ { id: 'node.column.preset.kBraceSupport', message: 'K Brace' },
+    singleStrutSupport: /* i18n */ {
+        id: 'node.column.preset.singleStrutSupport',
+        message: 'Single Strut',
+    },
+    tripodSupport: /* i18n */ { id: 'node.column.preset.tripodSupport', message: 'Tripod Support' },
+    trestleSupport: /* i18n */ { id: 'node.column.preset.trestleSupport', message: 'Trestle Frame' },
+    portalFrameSupport: /* i18n */ {
+        id: 'node.column.preset.portalFrameSupport',
+        message: 'Portal Frame',
+    },
+    boxFrameSupport: /* i18n */ { id: 'node.column.preset.boxFrameSupport', message: 'Box Frame' },
+};
+const entries = Object.keys(COLUMN_PRESETS).map((id) => ({
+    id: id,
+    label: COLUMN_PRESET_LABELS[id],
+}));
+export function ColumnPresetGallery({ node, onPreview, onCancel, onApply, }) {
+    const i18n = usePascalI18n();
+    const detailsRef = useRef(null);
+    const scrolling = useRef(false);
+    const cancelPointerPreview = () => {
+        if (!detailsRef.current?.querySelector('button:focus-visible'))
+            onCancel();
+    };
+    const selected = entries.find(({ id }) => Object.entries(columnPresetUpdates(id)).every(([key, value]) => node[key] === value));
+    useEffect(() => {
+        const handleEscape = (event) => {
+            if (event.key === 'Escape')
+                onCancel();
+        };
+        window.addEventListener('keydown', handleEscape);
+        window.addEventListener('blur', onCancel);
+        return () => {
+            window.removeEventListener('keydown', handleEscape);
+            window.removeEventListener('blur', onCancel);
+            onCancel();
+        };
+    }, [onCancel]);
+    return (_jsxs("details", { ref: detailsRef, className: "group/presets", onPointerLeave: () => {
+            scrolling.current = false;
+            cancelPointerPreview();
+        }, onWheel: () => {
+            scrolling.current = true;
+            onCancel();
+        }, onToggle: (event) => {
+            if (!event.currentTarget.open)
+                onCancel();
+        }, children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-2 rounded-lg border border-border/50 px-3 py-2 text-sm hover:bg-accent/50 focus-visible:outline focus-visible:outline-orange-400 [&::-webkit-details-marker]:hidden", children: [_jsx("img", { alt: "", src: selected ? `/icons/column-presets/${selected.id}.webp` : '/icons/column.webp', width: 32, height: 32, className: "size-8 shrink-0 object-contain" }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: i18n._({ id: 'node.column.presetGallery.shapePresets', message: 'Shape presets' }) }), _jsx("span", { className: "truncate", children: (selected && i18n._(selected.label)) ??
+                                    i18n._({ id: 'node.column.presetGallery.chooseAShape', message: 'Choose a shape' }) })] }), _jsx(ChevronDown, { className: "size-4 shrink-0 transition-transform group-open/presets:rotate-180" })] }), _jsx("p", { className: "py-2 text-xs text-muted-foreground", children: i18n._({
+                    id: 'node.column.presetGallery.hoverOrFocusToPreviewClick',
+                    message: 'Hover or focus to preview; click to apply. Materials are kept. Escape cancels the preview.',
+                }) }), _jsx("div", { className: "grid max-h-80 grid-cols-3 gap-2 overflow-y-auto p-1", children: entries.map(({ id, label }) => (_jsxs("button", { type: "button", "aria-label": i18n._({
+                        id: 'node.column.presetGallery.applyLabelShape',
+                        message: 'Apply {label} shape',
+                        values: { label: i18n._(label) },
+                    }), "aria-pressed": selected?.id === id, className: "rounded-lg border border-border/50 p-1 text-xs hover:bg-orange-400/10 focus-visible:outline focus-visible:outline-orange-400", onPointerEnter: (event) => {
+                        if (event.pointerType !== 'touch' && !scrolling.current) {
+                            onCancel();
+                            onPreview(columnPresetUpdates(id));
+                        }
+                    }, onPointerMove: (event) => {
+                        // Scrolling moves cards under a stationary pointer. Resume only
+                        // after an intentional pointer movement, without a timing guess.
+                        if (scrolling.current && (event.movementX !== 0 || event.movementY !== 0)) {
+                            scrolling.current = false;
+                            if (event.pointerType !== 'touch') {
+                                onCancel();
+                                onPreview(columnPresetUpdates(id));
+                            }
+                        }
+                    }, onPointerLeave: cancelPointerPreview, onPointerCancel: onCancel, onFocus: () => {
+                        onCancel();
+                        onPreview(columnPresetUpdates(id));
+                    }, onBlur: onCancel, onClick: () => {
+                        onApply(columnPresetUpdates(id));
+                        onCancel();
+                        if (detailsRef.current)
+                            detailsRef.current.open = false;
+                        detailsRef.current?.querySelector('summary')?.focus();
+                    }, children: [_jsx("img", { alt: "", src: `/icons/column-presets/${id}.webp`, width: 256, height: 256, loading: "lazy", decoding: "async", draggable: false, className: "h-24 w-full object-contain" }), _jsx("span", { children: i18n._(label) })] }, id))) })] }));
+}

package/dist/column/presets.d.ts

@@ -0,0 +1,16 @@
+import { ColumnNode, type ColumnPresetId } from '@pascal-app/core';
+export declare function columnPresetUpdates(id: ColumnPresetId): Partial<ColumnNode>;
+declare const resetFields: {
+    readonly Shape: readonly ["style", "crossSection", "edgeSoftness", "shaftCornerRadius", "supportStyle", "bracePlateEnabled"];
+    readonly Size: readonly ["height", "width", "depth", "radius", "braceWidth", "braceDepth", "braceBottomSpread", "braceTopSpread"];
+    readonly Profile: readonly ["shaftProfile", "shaftTaper", "shaftBulge", "shaftStartScale", "shaftEndScale", "shaftSegmentCount", "shaftTwistStep"];
+    readonly Base: readonly ["baseStyle", "baseHeight", "baseWidthScale", "baseDepthScale", "baseTierCount", "baseStepSpread", "basePlinthHeightRatio", "baseRoundBandScale", "baseNeckScale", "baseRoundBandCount", "baseRibCount", "baseCarvingLevel", "basePanelInset"];
+    readonly Capital: readonly ["capitalStyle", "capitalHeight", "capitalWidthScale", "capitalDepthScale", "capitalTierCount", "capitalStepSpread", "capitalBandCount", "voluteSize", "voluteCount", "leafCount", "leafRows", "bracketDepth", "bracketTierCount", "pendantCount", "capitalCarvingLevel"];
+    readonly 'Surface Details': readonly ["shaftDetail", "fluteCount", "fluteDepth", "fluteWidth", "spiralTwist", "spiralRibCount", "panelCount", "panelInsetDepth", "panelShape", "latheRingCount", "latheRingSpacing", "ringCount", "ringPlacement", "ringThickness", "ringSpread", "carvingLevel", "carvingPlacement", "lowerBandEnabled", "lowerBandHeight", "lowerBandCarvingLevel", "dentilCount", "beadCount"];
+    readonly Materials: readonly ["material", "materialPreset", "slots"];
+    readonly Transform: readonly ["rotation"];
+};
+export type ColumnResetSection = keyof typeof resetFields;
+export declare function columnSectionReset(section: ColumnResetSection): Partial<ColumnNode>;
+export {};
+//# sourceMappingURL=presets.d.ts.map

package/dist/column/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/column/presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAoB,MAAM,kBAAkB,CAAA;AAEpG,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,CAG3E;AAED,QAAA,MAAM,WAAW;;;;;;;;;CAsFiD,CAAA;AAElE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,WAAW,CAAA;AACzD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,UAAU,CAAC,CAGnF"}

package/dist/column/presets.js

@@ -0,0 +1,96 @@
+import { COLUMN_PRESETS, ColumnNode, NEW_COLUMN_SLOTS } from '@pascal-app/core';
+export function columnPresetUpdates(id) {
+    const { label: _label, ...preset } = COLUMN_PRESETS[id];
+    return { supportStyle: 'vertical', ...preset };
+}
+const resetFields = {
+    Shape: [
+        'style',
+        'crossSection',
+        'edgeSoftness',
+        'shaftCornerRadius',
+        'supportStyle',
+        'bracePlateEnabled',
+    ],
+    Size: [
+        'height',
+        'width',
+        'depth',
+        'radius',
+        'braceWidth',
+        'braceDepth',
+        'braceBottomSpread',
+        'braceTopSpread',
+    ],
+    Profile: [
+        'shaftProfile',
+        'shaftTaper',
+        'shaftBulge',
+        'shaftStartScale',
+        'shaftEndScale',
+        'shaftSegmentCount',
+        'shaftTwistStep',
+    ],
+    Base: [
+        'baseStyle',
+        'baseHeight',
+        'baseWidthScale',
+        'baseDepthScale',
+        'baseTierCount',
+        'baseStepSpread',
+        'basePlinthHeightRatio',
+        'baseRoundBandScale',
+        'baseNeckScale',
+        'baseRoundBandCount',
+        'baseRibCount',
+        'baseCarvingLevel',
+        'basePanelInset',
+    ],
+    Capital: [
+        'capitalStyle',
+        'capitalHeight',
+        'capitalWidthScale',
+        'capitalDepthScale',
+        'capitalTierCount',
+        'capitalStepSpread',
+        'capitalBandCount',
+        'voluteSize',
+        'voluteCount',
+        'leafCount',
+        'leafRows',
+        'bracketDepth',
+        'bracketTierCount',
+        'pendantCount',
+        'capitalCarvingLevel',
+    ],
+    'Surface Details': [
+        'shaftDetail',
+        'fluteCount',
+        'fluteDepth',
+        'fluteWidth',
+        'spiralTwist',
+        'spiralRibCount',
+        'panelCount',
+        'panelInsetDepth',
+        'panelShape',
+        'latheRingCount',
+        'latheRingSpacing',
+        'ringCount',
+        'ringPlacement',
+        'ringThickness',
+        'ringSpread',
+        'carvingLevel',
+        'carvingPlacement',
+        'lowerBandEnabled',
+        'lowerBandHeight',
+        'lowerBandCarvingLevel',
+        'dentilCount',
+        'beadCount',
+    ],
+    Materials: ['material', 'materialPreset', 'slots'],
+    Transform: ['rotation'],
+};
+export function columnSectionReset(section) {
+    const defaults = ColumnNode.parse({ slots: { ...NEW_COLUMN_SLOTS } });
+    return Object.fromEntries(resetFields[section].map((key) => [key, defaults[key]]));
+}

package/dist/column/property-preview.d.ts

@@ -0,0 +1,8 @@
+import { type AnyNodeId, type ColumnNode } from '@pascal-app/core';
+/** A property gesture owns only the fields it previews, including hosted-child positions. */
+export declare function createColumnPropertyPreview(id: AnyNodeId): {
+    preview(patch: Partial<ColumnNode>): void;
+    commit(): void;
+    cancel(): void;
+};
+//# sourceMappingURL=property-preview.d.ts.map

package/dist/column/property-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-preview.d.ts","sourceRoot":"","sources":["../../src/column/property-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAkC,MAAM,kBAAkB,CAAA;AAGlG,6FAA6F;AAC7F,wBAAgB,2BAA2B,CAAC,EAAE,EAAE,SAAS;IAWrD,OAAO,QAAQ,OAAO,CAAC,UAAU,CAAC;IAUlC,MAAM;IAmBN,MAAM;EAKT"}

package/dist/column/property-preview.js

@@ -0,0 +1,50 @@
+import { useLiveNodeOverrides, useScene } from '@pascal-app/core';
+import { planColumnEdit } from './hosted-resize.js';
+/** A property gesture owns only the fields it previews, including hosted-child positions. */
+export function createColumnPropertyPreview(id) {
+    let pending = {};
+    const fields = new Map();
+    const clear = () => {
+        for (const [nodeId, keys] of fields) {
+            useLiveNodeOverrides.getState().clearFields(nodeId, keys);
+            if (useScene.getState().nodes[nodeId])
+                useScene.getState().markDirty(nodeId);
+        }
+        fields.clear();
+    };
+    return {
+        preview(patch) {
+            const next = { ...pending, ...patch };
+            const updates = planColumnEdit(id, next);
+            if (!updates || useScene.getState().readOnly)
+                return;
+            pending = next;
+            clear();
+            for (const [nodeId, data] of updates)
+                fields.set(nodeId, Object.keys(data));
+            useLiveNodeOverrides.getState().setMany(updates);
+            for (const [nodeId] of updates)
+                useScene.getState().markDirty(nodeId);
+        },
+        commit() {
+            const updates = planColumnEdit(id, pending);
+            try {
+                if (!updates)
+                    return;
+                const nodes = useScene.getState().nodes;
+                const changed = updates.filter(([nodeId, data]) => Object.entries(data).some(([key, value]) => JSON.stringify(nodes[nodeId]?.[key]) !==
+                    JSON.stringify(value)));
+                if (changed.length)
+                    useScene.getState().updateNodes(changed.map(([id, data]) => ({ id, data })));
+            }
+            finally {
+                clear();
+                pending = {};
+            }
+        },
+        cancel() {
+            clear();
+            pending = {};
+        },
+    };
+}

package/dist/column/renderer.d.ts

@@ -1,4 +1,16 @@
-import { type ColumnNode } from '@pascal-app/core';
+import { type ColumnNode, type ColumnSlotId, useScene } from '@pascal-app/core';
+import { type ColorPreset, type RenderShading } from '@pascal-app/viewer';
+import { type Material } from 'three';
+type SceneMaterials = ReturnType<typeof useScene.getState>['materials'];
+export declare function resolveColumnSlotMaterial({ colorPreset, legacyMaterial, node, sceneMaterials, shading, slotId, textures, }: {
+    colorPreset: ColorPreset;
+    legacyMaterial: Material | null;
+    node: ColumnNode;
+    sceneMaterials: SceneMaterials;
+    shading: RenderShading;
+    slotId: ColumnSlotId;
+    textures: boolean;
+}): Material;
 /**
  * Translucent, non-interactive ghost of a column — the placement tool's
  * cursor preview, mirroring `ShelfPreview`. Builds the same geometry tree

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

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/column/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,UAAU,EAQhB,MAAM,kBAAkB,CAAA;AAunEzB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,aAAc;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCA6C3D,CAAA;AAED,eAAO,MAAM,cAAc,sBAAuB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCAmErE,CAAA;eAEc,cAAc"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/column/renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,UAAU,EACf,KAAK,YAAY,EAMjB,QAAQ,EACT,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAEL,KAAK,WAAW,EAShB,KAAK,aAAa,EAKnB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAsD,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAYzF,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;AAgDvE,wBAAgB,yBAAyB,CAAC,EACxC,WAAW,EACX,cAAc,EACd,IAAI,EACJ,cAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,WAAW,CAAA;IACxB,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,cAAc,EAAE,cAAc,CAAA;IAC9B,OAAO,EAAE,aAAa,CAAA;IACtB,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,GAAG,QAAQ,CAeX;AAszDD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,aAAc;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCA6C3D,CAAA;AAED,eAAO,MAAM,cAAc,sBAAuB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,gCA6ErE,CAAA;eAEc,cAAc"}