@pascal-app/viewer 0.5.1 → 0.7.0

package/dist/components/renderers/column/column-renderer.js

@@ -0,0 +1,594 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLiveTransforms, useRegistry } from '@pascal-app/core';
+import { createContext, useContext, useMemo, useRef } from 'react';
+import { useNodeEvents } from '../../../hooks/use-node-events';
+import { baseMaterial, createMaterial, createMaterialFromPresetRef } from '../../../lib/materials';
+import { createColumnBoxGeometry, createColumnCylinderGeometry, createColumnSphereGeometry, createColumnTorusGeometry, } from '../../../systems/column/column-geometry';
+const ColumnMaterialContext = createContext(baseMaterial);
+const ColumnEdgeSoftnessContext = createContext(0.025);
+function ColumnMaterial() {
+    const material = useContext(ColumnMaterialContext);
+    return _jsx("primitive", { attach: "material", object: material });
+}
+function createColumnMaterial({ material, materialPreset, }) {
+    const presetMaterial = createMaterialFromPresetRef(materialPreset);
+    if (presetMaterial)
+        return presetMaterial;
+    if (material)
+        return createMaterial(material);
+    return baseMaterial;
+}
+function getSegments(node) {
+    if (node.crossSection === 'octagonal')
+        return 8;
+    if (node.crossSection === 'sixteen-sided')
+        return 16;
+    return 32;
+}
+function getShaftProfile(node) {
+    return node.shaftProfile ?? (node.shaftTaper > 0 ? 'tapered' : 'straight');
+}
+function getShaftSegmentCount(node) {
+    const shaftProfile = getShaftProfile(node);
+    const shaftTaper = node.shaftTaper ?? 0;
+    const hasTwist = Math.abs(node.shaftTwistStep ?? 0) > 0.001;
+    return Math.max(hasTwist ? 4 : 1, shaftProfile === 'straight' && shaftTaper <= 0 && !hasTwist
+        ? 1
+        : (node.shaftSegmentCount ?? (hasTwist ? 12 : 24)));
+}
+function getShaftTwistRadians(node, index) {
+    return ((node.shaftTwistStep ?? 0) * Math.PI * index) / 180;
+}
+function getShaftScaleAt(node, t) {
+    const shaftProfile = getShaftProfile(node);
+    const shaftTaper = Math.min(node.shaftTaper ?? 0, 0.85);
+    const startScale = node.shaftStartScale ?? 0.72;
+    const endScale = node.shaftEndScale ?? startScale;
+    const shaftBulge = node.shaftBulge ??
+        (shaftProfile === 'bulged'
+            ? 0.16
+            : shaftProfile === 'baluster'
+                ? 0.2
+                : shaftProfile === 'hourglass'
+                    ? 0.18
+                    : 0);
+    const taperedScale = 1 - shaftTaper * t;
+    const linearScale = (startScale + (endScale - startScale) * t) * taperedScale;
+    const bulgeCurve = Math.sin(Math.PI * t);
+    const hourglassCurve = Math.abs(t - 0.5) * 2;
+    const profileScale = shaftProfile === 'bulged' || shaftProfile === 'baluster'
+        ? linearScale + shaftBulge * bulgeCurve
+        : shaftProfile === 'hourglass'
+            ? linearScale - shaftBulge * (1 - hourglassCurve)
+            : linearScale;
+    return Math.max(0.1, profileScale);
+}
+function MappedBox({ depth, height, position, rotation, softenEdges = true, width, }) {
+    const edgeSoftness = useContext(ColumnEdgeSoftnessContext);
+    const minDimension = Math.max(0, Math.min(width, height, depth));
+    const bevelRadius = softenEdges ? Math.min(Math.max(0, edgeSoftness), minDimension * 0.35) : 0;
+    const geometry = useMemo(() => {
+        if (height <= 0 || width <= 0 || depth <= 0)
+            return null;
+        return createColumnBoxGeometry(width, height, depth, bevelRadius);
+    }, [bevelRadius, depth, height, width]);
+    if (!geometry)
+        return null;
+    return (_jsxs("mesh", { dispose: null, position: position, rotation: rotation, children: [_jsx("primitive", { attach: "geometry", dispose: null, object: geometry }), _jsx(ColumnMaterial, {})] }));
+}
+function MappedCylinder({ height, position, radius, radiusBottom = radius, radiusTop = radius, radiusX = 1, radiusZ = 1, rotation, segments = 32, }) {
+    const geometry = useMemo(() => {
+        if (height <= 0 || radius <= 0 || radiusBottom < 0 || radiusTop < 0)
+            return null;
+        return createColumnCylinderGeometry({
+            height,
+            radiusBottom,
+            radiusTop,
+            radiusX,
+            radiusZ,
+            segments,
+        });
+    }, [height, radius, radiusBottom, radiusTop, radiusX, radiusZ, segments]);
+    if (!geometry)
+        return null;
+    return (_jsxs("mesh", { dispose: null, position: position, rotation: rotation, children: [_jsx("primitive", { attach: "geometry", dispose: null, object: geometry }), _jsx(ColumnMaterial, {})] }));
+}
+function MappedCone({ height, position, radiusX, radiusZ = radiusX, rotation, segments = 6, }) {
+    const geometry = useMemo(() => {
+        if (height <= 0 || radiusX <= 0 || radiusZ <= 0)
+            return null;
+        return createColumnCylinderGeometry({
+            height,
+            radiusBottom: 1,
+            radiusTop: 0,
+            radiusX,
+            radiusZ,
+            segments,
+        });
+    }, [height, radiusX, radiusZ, segments]);
+    if (!geometry)
+        return null;
+    return (_jsxs("mesh", { dispose: null, position: position, rotation: rotation, children: [_jsx("primitive", { attach: "geometry", dispose: null, object: geometry }), _jsx(ColumnMaterial, {})] }));
+}
+function MappedSphere({ position, radius, segments = 10, verticalSegments = 8, }) {
+    const geometry = useMemo(() => {
+        if (radius <= 0)
+            return null;
+        return createColumnSphereGeometry(radius, segments, verticalSegments);
+    }, [radius, segments, verticalSegments]);
+    if (!geometry)
+        return null;
+    return (_jsxs("mesh", { dispose: null, position: position, children: [_jsx("primitive", { attach: "geometry", dispose: null, object: geometry }), _jsx(ColumnMaterial, {})] }));
+}
+function MappedTorus({ arc, position, ringRadius, rotation, scaleX, scaleY, scaleZ, tubeRadius, }) {
+    const geometry = useMemo(() => {
+        if (ringRadius <= 0 || tubeRadius <= 0)
+            return null;
+        return createColumnTorusGeometry({ arc, ringRadius, scaleX, scaleY, scaleZ, tubeRadius });
+    }, [arc, ringRadius, scaleX, scaleY, scaleZ, tubeRadius]);
+    if (!geometry)
+        return null;
+    return (_jsxs("mesh", { dispose: null, position: position, rotation: rotation, children: [_jsx("primitive", { attach: "geometry", dispose: null, object: geometry }), _jsx(ColumnMaterial, {})] }));
+}
+function SquareBlock({ y, height, width, depth, softenEdges = true, }) {
+    return (_jsx(MappedBox, { depth: depth, height: height, position: [0, y + height / 2, 0], softenEdges: softenEdges, width: width }));
+}
+function RoundBlock({ x = 0, y, z = 0, height, radius, segments = 32, }) {
+    return (_jsx(MappedCylinder, { height: height, position: [x, y + height / 2, z], radius: radius, segments: segments }));
+}
+function RoundedRectangleShaftSegment({ y, height, width, depth, cornerRadius, }) {
+    if (height <= 0)
+        return null;
+    const radius = Math.min(Math.max(0, cornerRadius), Math.min(width, depth) * 0.45);
+    if (radius <= 0.001) {
+        return _jsx(SquareBlock, { depth: depth, height: height, width: width, y: y });
+    }
+    const innerWidth = Math.max(0, width - radius * 2);
+    const innerDepth = Math.max(0, depth - radius * 2);
+    const cornerX = width / 2 - radius;
+    const cornerZ = depth / 2 - radius;
+    return (_jsxs("group", { children: [innerWidth > 0 && (_jsx(SquareBlock, { depth: depth, height: height, softenEdges: false, width: innerWidth, y: y })), innerDepth > 0 && (_jsx(SquareBlock, { depth: innerDepth, height: height, softenEdges: false, width: width, y: y })), [
+                [cornerX, cornerZ],
+                [cornerX, -cornerZ],
+                [-cornerX, cornerZ],
+                [-cornerX, -cornerZ],
+            ].map(([x, z], index) => (_jsx(RoundBlock, { height: height, radius: radius, segments: 18, x: x, y: y, z: z }, index)))] }));
+}
+function OvalBlock({ y, height, width, depth, segments = 32, }) {
+    return (_jsx(MappedCylinder, { height: height, position: [0, y + height / 2, 0], radius: 1, radiusX: width / 2, radiusZ: depth / 2, segments: segments }));
+}
+function ColumnBlock({ node, y, height, scale = 1, }) {
+    if (height <= 0)
+        return null;
+    const width = node.width * scale;
+    const depth = node.depth * scale;
+    const radius = node.radius * scale;
+    if (node.crossSection === 'square' || node.crossSection === 'rectangular') {
+        return _jsx(SquareBlock, { depth: depth, height: height, width: width, y: y });
+    }
+    return _jsx(RoundBlock, { height: height, radius: radius, segments: getSegments(node), y: y });
+}
+function TaperedRoundShaft({ node, y, height }) {
+    const segmentCount = getShaftSegmentCount(node);
+    const segmentHeight = height / segmentCount;
+    return (_jsx("group", { children: Array.from({ length: segmentCount }, (_, index) => {
+            const t = (index + 0.5) / segmentCount;
+            const profileScale = getShaftScaleAt(node, t);
+            return (_jsx("group", { rotation: [0, getShaftTwistRadians(node, index), 0], children: _jsx(RoundBlock, { height: segmentHeight * 1.015, radius: node.radius * profileScale, segments: getSegments(node), y: y + index * segmentHeight }) }, index));
+        }) }));
+}
+function TaperedSquareShaft({ node, y, height }) {
+    const segmentCount = getShaftSegmentCount(node);
+    const segmentHeight = height / segmentCount;
+    return (_jsx("group", { children: Array.from({ length: segmentCount }, (_, index) => {
+            const t = (index + 0.5) / segmentCount;
+            const profileScale = getShaftScaleAt(node, t);
+            return (_jsx("group", { rotation: [0, getShaftTwistRadians(node, index), 0], children: _jsx(RoundedRectangleShaftSegment, { cornerRadius: (node.shaftCornerRadius ?? 0.035) * profileScale, depth: node.depth * profileScale, height: segmentHeight * 1.015, width: node.width * profileScale, y: y + index * segmentHeight }) }, index));
+        }) }));
+}
+function Shaft({ node, y, height }) {
+    if (height <= 0)
+        return null;
+    if (node.style === 'cluster') {
+        const sideRadius = Math.max(0.04, node.radius * 0.36);
+        const offset = Math.max(node.radius * 0.78, node.width * 0.22);
+        return (_jsxs("group", { children: [_jsx(RoundBlock, { height: height, radius: node.radius * 0.62, segments: 24, y: y }), [
+                    [offset, 0],
+                    [-offset, 0],
+                    [0, offset],
+                    [0, -offset],
+                ].map(([x, z], index) => (_jsx(RoundBlock, { height: height, radius: sideRadius, segments: 16, x: x, y: y, z: z }, `${x}-${z}-${index}`)))] }));
+    }
+    if (node.crossSection === 'round' ||
+        node.crossSection === 'octagonal' ||
+        node.crossSection === 'sixteen-sided') {
+        return _jsx(TaperedRoundShaft, { height: height, node: node, y: y });
+    }
+    return _jsx(TaperedSquareShaft, { height: height, node: node, y: y });
+}
+function Base({ node, height }) {
+    if (height <= 0)
+        return null;
+    const baseStyle = node.baseStyle ?? 'round-rings';
+    const widthScale = node.baseWidthScale ?? 1.24;
+    const depthScale = node.baseDepthScale ?? widthScale;
+    if (baseStyle === 'none')
+        return null;
+    if (baseStyle === 'simple-square') {
+        return (_jsx(SquareBlock, { depth: node.depth * depthScale, height: height, width: node.width * widthScale, y: 0 }));
+    }
+    if (baseStyle === 'square-plinth') {
+        return (_jsxs("group", { children: [_jsx(SquareBlock, { depth: node.depth * depthScale, height: height * 0.35, width: node.width * widthScale, y: 0 }), _jsx(SquareBlock, { depth: node.depth * Math.max(0.9, depthScale * 0.84), height: height * 0.65, width: node.width * Math.max(0.9, widthScale * 0.84), y: height * 0.35 })] }));
+    }
+    if (baseStyle === 'stepped-square') {
+        const tierCount = Math.max(3, node.baseTierCount ?? 3);
+        const tierHeight = height / tierCount;
+        const stepSpread = node.baseStepSpread ?? 0.42;
+        return (_jsx("group", { children: Array.from({ length: tierCount }, (_, index) => {
+                const t = index / Math.max(1, tierCount - 1);
+                const widthScaleAt = Math.max(0.5, widthScale - t * stepSpread);
+                const depthScaleAt = Math.max(0.5, depthScale - t * stepSpread);
+                return (_jsx(SquareBlock, { depth: node.depth * depthScaleAt, height: tierHeight * 1.01, width: node.width * widthScaleAt, y: index * tierHeight }, index));
+            }) }));
+    }
+    if (baseStyle === 'round-rings') {
+        const baseWidth = node.width * widthScale;
+        const baseDepth = node.depth * depthScale;
+        const plinthRatio = Math.min(0.7, Math.max(0.2, node.basePlinthHeightRatio ?? 0.44));
+        const plinthHeight = height * plinthRatio;
+        const roundedHeight = height - plinthHeight;
+        const bandHeight = roundedHeight * 0.57;
+        const neckHeight = roundedHeight - bandHeight;
+        const bandScale = node.baseRoundBandScale ?? 0.92;
+        const neckScale = node.baseNeckScale ?? 0.72;
+        return (_jsxs("group", { children: [_jsx(SquareBlock, { depth: baseDepth, height: plinthHeight, width: baseWidth, y: 0 }), _jsx(OvalBlock, { depth: baseDepth * bandScale, height: bandHeight, segments: 32, width: baseWidth * bandScale, y: plinthHeight }), _jsx(OvalBlock, { depth: baseDepth * neckScale, height: neckHeight, segments: 32, width: baseWidth * neckScale, y: plinthHeight + bandHeight })] }));
+    }
+    if (baseStyle === 'lotus' || baseStyle === 'ribbed-lotus') {
+        const ribCount = node.baseRibCount ?? (baseStyle === 'ribbed-lotus' ? 24 : 14);
+        const ribRadius = Math.max(0.01, node.width * 0.025);
+        const baseRadius = Math.max(node.radius * widthScale, node.width * widthScale * 0.5);
+        return (_jsxs("group", { children: [_jsx(SquareBlock, { depth: node.depth * 1.28, height: height * 0.22, width: node.width * 1.28, y: 0 }), _jsx(RoundBlock, { height: height * 0.24, radius: baseRadius * 0.86, segments: 32, y: height * 0.22 }), Array.from({ length: ribCount }, (_, index) => {
+                    const angle = (index / ribCount) * Math.PI * 2;
+                    return (_jsx(MappedCylinder, { height: height * 0.38, position: [
+                            Math.cos(angle) * baseRadius * 0.86,
+                            height * 0.58,
+                            Math.sin(angle) * baseRadius * 0.86,
+                        ], radius: ribRadius, rotation: [0, -angle, 0], segments: 6 }, index));
+                }), _jsx(RoundBlock, { height: height * 0.16, radius: baseRadius * 0.72, segments: 32, y: height * 0.82 })] }));
+    }
+    if (baseStyle === 'panelled-pedestal') {
+        const inset = node.basePanelInset ?? 0.02;
+        return (_jsxs("group", { children: [_jsx(SquareBlock, { depth: node.depth * widthScale, height: height, width: node.width * widthScale, y: 0 }), [
+                    [0, node.depth * widthScale * 0.51, 0],
+                    [0, -node.depth * widthScale * 0.51, 0],
+                    [node.width * widthScale * 0.51, 0, Math.PI / 2],
+                    [-node.width * widthScale * 0.51, 0, Math.PI / 2],
+                ].map(([x, z, rotation], index) => (_jsx(MappedBox, { depth: inset, height: height * 0.42, position: [x, height * 0.5, z], rotation: [0, rotation, 0], softenEdges: false, width: node.width * 0.36 }, index)))] }));
+    }
+    return _jsx(ColumnBlock, { height: height, node: node, scale: 1.12, y: 0 });
+}
+function BaseCarvings({ node, height }) {
+    const placement = node.carvingPlacement ?? 'capital';
+    const carvingLevel = node.baseCarvingLevel ?? 0;
+    if (carvingLevel <= 0 || height <= 0 || (placement !== 'base' && placement !== 'all')) {
+        return null;
+    }
+    const count = Math.max(8, carvingLevel * 8);
+    const radius = Math.max(node.radius * 1.04, Math.max(node.width, node.depth) * 0.5);
+    const y = height * 0.52;
+    return (_jsx("group", { children: Array.from({ length: count }, (_, index) => {
+            const angle = (index / count) * Math.PI * 2;
+            return (_jsx(MappedCone, { height: height * 0.28, position: [Math.cos(angle) * radius, y, Math.sin(angle) * radius], radiusX: 0.014, radiusZ: 0.01, rotation: [0.36, -angle, 0], segments: 5 }, index));
+        }) }));
+}
+function Rings({ node, shaftY, shaftHeight, }) {
+    if (node.ringCount <= 0 || shaftHeight <= 0)
+        return null;
+    const ringPlacement = node.ringPlacement ?? 'ends';
+    const ringSpread = Math.min(0.45, Math.max(0.04, node.ringSpread ?? 0.16));
+    const ringHeight = Math.min(node.ringThickness ?? 0.055, shaftHeight / Math.max(8, node.ringCount * 3));
+    const rings = Array.from({ length: node.ringCount }, (_, index) => {
+        const pairIndex = Math.floor(index / 2);
+        const nearTop = index % 2 === 1;
+        const pairCount = Math.ceil(node.ringCount / 2);
+        const pairT = pairCount <= 1 ? 0 : pairIndex / (pairCount - 1);
+        const offset = Math.min(0.48, 0.06 + pairT * Math.max(0, ringSpread - 0.06));
+        const oneSideT = 0.06 + (index / Math.max(1, node.ringCount - 1)) * Math.max(0, ringSpread - 0.06);
+        const t = ringPlacement === 'even'
+            ? (index + 1) / (node.ringCount + 1)
+            : ringPlacement === 'top'
+                ? 1 - Math.min(0.48, oneSideT)
+                : ringPlacement === 'bottom'
+                    ? Math.min(0.48, oneSideT)
+                    : nearTop
+                        ? 1 - offset
+                        : offset;
+        return {
+            scale: Math.min(1.4, getShaftScaleAt(node, t) + 0.12),
+            y: shaftY + shaftHeight * t - ringHeight / 2,
+        };
+    }).sort((a, b) => a.y - b.y);
+    return (_jsx("group", { children: rings.map((ring, index) => (_jsx(ColumnBlock, { height: ringHeight, node: node, scale: ring.scale, y: ring.y }, index))) }));
+}
+function LatheBands({ node, shaftY, shaftHeight, }) {
+    const latheRingCount = Math.max(node.latheRingCount ?? 0, node.shaftDetail === 'lathe-turned' ? 8 : 0);
+    if (latheRingCount <= 0 || shaftHeight <= 0)
+        return null;
+    const placement = node.latheRingSpacing ?? 'ends';
+    const bandHeight = Math.min(0.04, shaftHeight / Math.max(12, latheRingCount * 3));
+    const bands = Array.from({ length: latheRingCount }, (_, index) => {
+        const pairIndex = Math.floor(index / 2);
+        const nearTop = index % 2 === 1;
+        const offset = Math.min(0.48, 0.1 + pairIndex * 0.04);
+        const t = placement === 'even'
+            ? (index + 1) / (latheRingCount + 1)
+            : placement === 'top'
+                ? 1 - Math.min(0.48, 0.08 + index * 0.04)
+                : placement === 'bottom'
+                    ? Math.min(0.48, 0.08 + index * 0.04)
+                    : nearTop
+                        ? 1 - offset
+                        : offset;
+        return shaftY + shaftHeight * t - bandHeight / 2;
+    }).sort((a, b) => a - b);
+    return (_jsx("group", { children: bands.map((y, index) => (_jsx(ColumnBlock, { height: bandHeight, node: node, scale: 0.82 + (index % 2) * 0.08, y: y }, index))) }));
+}
+function Flutes({ node, shaftY, shaftHeight, }) {
+    const fluteCount = Math.max(node.fluteCount, node.shaftDetail === 'fluted' ? 16 : 0);
+    if (fluteCount <= 0 || shaftHeight <= 0 || node.crossSection !== 'round')
+        return null;
+    const fluteDepth = node.fluteDepth ?? 0.02;
+    const fluteWidth = node.fluteWidth ?? fluteDepth;
+    const fluteRadius = Math.max(0.006, fluteWidth * 0.42);
+    const shaftRadius = node.radius * 0.74;
+    return (_jsx("group", { children: Array.from({ length: fluteCount }, (_, index) => {
+            const angle = (index / fluteCount) * Math.PI * 2;
+            const x = Math.cos(angle) * shaftRadius;
+            const z = Math.sin(angle) * shaftRadius;
+            return (_jsx(MappedCylinder, { height: shaftHeight * 0.92, position: [x, shaftY + shaftHeight / 2, z], radius: fluteRadius, segments: 8 }, index));
+        }) }));
+}
+function DravidianShaftPanels({ node, shaftY, shaftHeight, }) {
+    const panelCount = Math.max(node.panelCount ?? 0, node.style === 'dravidian-carved' || node.shaftDetail === 'panelled' ? 3 : 0);
+    if (panelCount <= 0 || shaftHeight <= 0)
+        return null;
+    const shaftWidth = node.width * 0.72;
+    const shaftDepth = node.depth * 0.72;
+    const panelHeight = Math.min(0.42, shaftHeight / Math.max(4, panelCount + 2));
+    const panelWidth = node.width * 0.26;
+    const rail = Math.max(0.012, node.width * 0.028);
+    const reliefDepth = Math.max(0.012, node.panelInsetDepth ?? node.width * 0.025);
+    const rows = Array.from({ length: panelCount }, (_, index) => (index + 1) / (panelCount + 1));
+    const panelShape = node.panelShape ?? 'rectangle';
+    const PanelFace = ({ position, rotation = 0, }) => (_jsxs("group", { position: position, rotation: [0, rotation, 0], children: [_jsx(MappedBox, { depth: reliefDepth, height: rail, position: [0, panelHeight / 2, 0], softenEdges: false, width: panelWidth }), _jsx(MappedBox, { depth: reliefDepth, height: rail, position: [0, -panelHeight / 2, 0], softenEdges: false, width: panelWidth }), _jsx(MappedBox, { depth: reliefDepth, height: panelHeight, position: [panelWidth / 2, 0, 0], softenEdges: false, width: rail }), _jsx(MappedBox, { depth: reliefDepth, height: panelHeight, position: [-panelWidth / 2, 0, 0], softenEdges: false, width: rail }), panelShape === 'diamond' && (_jsx(MappedBox, { depth: reliefDepth, height: panelHeight * 0.42, position: [0, 0, 0], rotation: [0, 0, Math.PI / 4], softenEdges: false, width: rail * 1.2 })), panelShape === 'arched' && (_jsx(MappedTorus, { arc: Math.PI, position: [0, panelHeight * 0.28, 0], ringRadius: panelWidth * 0.42, scaleX: panelWidth * 0.42, scaleY: rail, scaleZ: reliefDepth, tubeRadius: Math.max(rail, reliefDepth) * 0.18 }))] }));
+    return (_jsx("group", { children: rows.map((t, rowIndex) => {
+            const y = shaftY + shaftHeight * t;
+            return (_jsxs("group", { children: [_jsx(PanelFace, { position: [0, y, shaftDepth / 2 + reliefDepth / 2] }), _jsx(PanelFace, { position: [0, y, -shaftDepth / 2 - reliefDepth / 2] }), _jsx(PanelFace, { position: [shaftWidth / 2 + reliefDepth / 2, y, 0], rotation: Math.PI / 2 }), _jsx(PanelFace, { position: [-shaftWidth / 2 - reliefDepth / 2, y, 0], rotation: Math.PI / 2 })] }, rowIndex));
+        }) }));
+}
+function SpiralRibs({ node, shaftY, shaftHeight, }) {
+    const spiralRibCount = node.spiralRibCount ?? 0;
+    const spiralTwist = node.spiralTwist ?? 0;
+    const shaftTaper = node.shaftTaper ?? 0;
+    const ribCountSetting = Math.max(spiralRibCount, node.shaftDetail === 'spiral' ? 12 : 0);
+    if (ribCountSetting <= 0 || spiralTwist === 0 || shaftHeight <= 0)
+        return null;
+    const ribCount = Math.min(ribCountSetting, 24);
+    const stepCount = 28;
+    const ribDistance = node.radius * 0.78;
+    const ribWidth = Math.max(0.012, node.radius * 0.06);
+    const segmentHeight = (shaftHeight / stepCount) * 1.18;
+    const lean = spiralTwist > 0 ? -0.55 : 0.55;
+    return (_jsx("group", { children: Array.from({ length: ribCount * stepCount }, (_, index) => {
+            const ribIndex = index % ribCount;
+            const stepIndex = Math.floor(index / ribCount);
+            const t = (stepIndex + 0.5) / stepCount;
+            const angle = (ribIndex / ribCount) * Math.PI * 2 + t * spiralTwist * Math.PI * 2;
+            const taperScale = 1 - Math.min(shaftTaper, 0.85) * t;
+            return (_jsx(MappedCylinder, { height: segmentHeight, position: [
+                    Math.cos(angle) * ribDistance * taperScale,
+                    shaftY + shaftHeight * t,
+                    Math.sin(angle) * ribDistance * taperScale,
+                ], radius: ribWidth, rotation: [0, -angle, lean], segments: 8 }, index));
+        }) }));
+}
+function LowerCarvedBand({ node, shaftY, shaftHeight, }) {
+    const placement = node.carvingPlacement ?? 'capital';
+    if (!node.lowerBandEnabled ||
+        shaftHeight <= 0 ||
+        (placement !== 'shaft' && placement !== 'all')) {
+        return null;
+    }
+    const bandHeight = Math.min(node.lowerBandHeight ?? 0.24, shaftHeight * 0.35);
+    const y = shaftY + shaftHeight * 0.12;
+    const level = Math.max(1, node.lowerBandCarvingLevel ?? 1);
+    const count = Math.max(6, level * 6);
+    const distance = Math.max(node.radius * 0.82, Math.max(node.width, node.depth) * 0.36);
+    return (_jsxs("group", { children: [_jsx(ColumnBlock, { height: bandHeight, node: node, scale: 0.84, y: y }), Array.from({ length: count }, (_, index) => {
+                const angle = (index / count) * Math.PI * 2;
+                return (_jsx(MappedCylinder, { height: bandHeight * 0.62, position: [
+                        Math.cos(angle) * distance,
+                        y + bandHeight * 0.5,
+                        Math.sin(angle) * distance,
+                    ], radius: 0.012, rotation: [0, -angle, 0], segments: 5 }, index));
+            })] }));
+}
+function CapitalCarvings({ node, capitalY, capitalHeight, }) {
+    const placement = node.carvingPlacement ?? 'capital';
+    const carvingLevel = Math.max(node.carvingLevel ?? 0, node.capitalCarvingLevel ?? 0);
+    const bandSetting = node.capitalBandCount ?? 0;
+    if ((carvingLevel <= 0 && bandSetting <= 0) ||
+        capitalHeight <= 0 ||
+        (placement !== 'capital' && placement !== 'all')) {
+        return null;
+    }
+    const level = Math.min(Math.max(carvingLevel, bandSetting > 0 ? 1 : 0), 4);
+    const bandHeight = Math.min(0.035, capitalHeight / 8);
+    const bandCount = Math.min(bandSetting > 0 ? bandSetting : level + 1, 16);
+    const bands = Array.from({ length: bandCount }, (_, index) => {
+        const t = (index + 1) / (bandCount + 1);
+        return capitalY + capitalHeight * t - bandHeight / 2;
+    });
+    if (node.crossSection === 'square' || node.crossSection === 'rectangular') {
+        const dentilCount = Math.max(node.dentilCount ?? 0, level * 4, 4);
+        const dentilHeight = Math.min(0.08, capitalHeight * 0.28);
+        const dentilDepth = Math.min(0.08, Math.min(node.width, node.depth) * 0.16);
+        const dentilWidth = Math.max(0.025, node.width / (dentilCount * 1.75));
+        const halfWidth = node.width * 0.56;
+        const halfDepth = node.depth * 0.56;
+        const y = capitalY + capitalHeight * 0.28;
+        const xPositions = Array.from({ length: dentilCount }, (_, index) => {
+            const t = dentilCount === 1 ? 0.5 : index / (dentilCount - 1);
+            return -halfWidth + t * halfWidth * 2;
+        });
+        const zPositions = Array.from({ length: dentilCount }, (_, index) => {
+            const t = dentilCount === 1 ? 0.5 : index / (dentilCount - 1);
+            return -halfDepth + t * halfDepth * 2;
+        });
+        return (_jsxs("group", { children: [bands.map((bandY, index) => (_jsx(ColumnBlock, { height: bandHeight, node: node, scale: 1.28, y: bandY }, `band-${index}`))), xPositions.map((x, index) => (_jsxs("group", { children: [_jsx(MappedBox, { depth: dentilDepth, height: dentilHeight, position: [x, y, halfDepth], softenEdges: false, width: dentilWidth }), _jsx(MappedBox, { depth: dentilDepth, height: dentilHeight, position: [x, y, -halfDepth], softenEdges: false, width: dentilWidth })] }, `front-back-dentil-${index}`))), zPositions.map((z, index) => (_jsxs("group", { children: [_jsx(MappedBox, { depth: dentilWidth, height: dentilHeight, position: [halfWidth, y, z], softenEdges: false, width: dentilDepth }), _jsx(MappedBox, { depth: dentilWidth, height: dentilHeight, position: [-halfWidth, y, z], softenEdges: false, width: dentilDepth })] }, `side-dentil-${index}`)))] }));
+    }
+    const beadCount = Math.max(node.beadCount ?? 0, 8, level * 8);
+    const beadRadius = Math.max(0.012, Math.min(0.03, node.radius * 0.12));
+    const beadDistance = node.radius * 1.24;
+    const beadY = capitalY + capitalHeight * 0.24;
+    return (_jsxs("group", { children: [bands.map((bandY, index) => (_jsx(ColumnBlock, { height: bandHeight, node: node, scale: 1.24, y: bandY }, `band-${index}`))), Array.from({ length: beadCount }, (_, index) => {
+                const angle = (index / beadCount) * Math.PI * 2;
+                return (_jsx(MappedSphere, { position: [Math.cos(angle) * beadDistance, beadY, Math.sin(angle) * beadDistance], radius: beadRadius }, `bead-${index}`));
+            })] }));
+}
+function Volutes({ node, capitalY, capitalHeight, }) {
+    if (!['volute', 'ionic-volute'].includes(node.capitalStyle ?? 'simple') || capitalHeight <= 0)
+        return null;
+    const y = capitalY + capitalHeight * 0.62;
+    const radius = node.voluteSize ?? Math.min(0.085, Math.max(0.04, node.width * 0.12));
+    const x = node.width * 0.46;
+    const z = node.depth * 0.7;
+    const maxVolutes = Math.max(0, Math.min(node.voluteCount ?? 4, 8));
+    const volutes = [
+        {
+            position: [x, y, z],
+            rotation: [0, 0, 0],
+        },
+        {
+            position: [-x, y, z],
+            rotation: [0, 0, 0],
+        },
+        {
+            position: [x, y, -z],
+            rotation: [0, Math.PI, 0],
+        },
+        {
+            position: [-x, y, -z],
+            rotation: [0, Math.PI, 0],
+        },
+        {
+            position: [z, y, x],
+            rotation: [0, Math.PI / 2, 0],
+        },
+        {
+            position: [z, y, -x],
+            rotation: [0, Math.PI / 2, 0],
+        },
+        {
+            position: [-z, y, x],
+            rotation: [0, -Math.PI / 2, 0],
+        },
+        {
+            position: [-z, y, -x],
+            rotation: [0, -Math.PI / 2, 0],
+        },
+    ].slice(0, maxVolutes);
+    return (_jsx("group", { children: volutes.map((volute, index) => (_jsx(MappedTorus, { position: volute.position, ringRadius: radius, rotation: volute.rotation, scaleZ: radius * 0.28, tubeRadius: radius * 0.18 }, index))) }));
+}
+function LeafCarvings({ node, capitalY, capitalHeight, }) {
+    if (!['leaf-carved', 'corinthian-leaf'].includes(node.capitalStyle ?? 'simple') ||
+        capitalHeight <= 0) {
+        return null;
+    }
+    const leafCount = node.leafCount ?? (node.crossSection === 'round' ? 18 : 12);
+    const distance = Math.max(node.radius * 1.05, Math.max(node.width, node.depth) * 0.48);
+    const rowCount = Math.max(0, Math.min(node.leafRows ?? 2, 4));
+    const rows = Array.from({ length: rowCount }, (_, index) => ({
+        y: capitalY + capitalHeight * (0.3 + index * 0.16),
+        scale: 0.28 - index * 0.04,
+        offset: index % 2 === 0 ? 0 : Math.PI / leafCount,
+    }));
+    return (_jsx("group", { children: rows.flatMap((row, rowIndex) => Array.from({ length: leafCount }, (_, index) => {
+            const angle = (index / leafCount) * Math.PI * 2 + row.offset;
+            return (_jsx(MappedCone, { height: capitalHeight * row.scale, position: [Math.cos(angle) * distance, row.y, Math.sin(angle) * distance], radiusX: 0.018, radiusZ: 0.01, rotation: [0.48, -angle, 0], segments: 6 }, `${rowIndex}-${index}`));
+        })) }));
+}
+function Capital({ node, y, height }) {
+    if (height <= 0)
+        return null;
+    const capitalStyle = node.capitalStyle ?? 'simple';
+    if (capitalStyle === 'none')
+        return null;
+    if (capitalStyle === 'south-indian-bracket' || capitalStyle === 'wood-bracket') {
+        const tierCount = Math.max(1, node.bracketTierCount ?? 3);
+        const tierHeight = height / tierCount;
+        const bracketDepth = node.bracketDepth ?? 0.35;
+        return (_jsxs("group", { children: [Array.from({ length: tierCount }, (_, index) => {
+                    const t = index / Math.max(1, tierCount - 1);
+                    const scale = (node.capitalWidthScale ?? 1.6) + t * 0.32;
+                    return (_jsx(SquareBlock, { depth: node.depth * scale + bracketDepth * t, height: tierHeight, width: node.width * scale + bracketDepth * t, y: y + index * tierHeight }, index));
+                }), Array.from({ length: node.pendantCount ?? 0 }, (_, index) => {
+                    const count = Math.max(1, node.pendantCount ?? 0);
+                    const angle = (index / count) * Math.PI * 2;
+                    const distance = Math.max(node.width, node.depth) * 0.56;
+                    return (_jsx(MappedCone, { height: height * 0.28, position: [Math.cos(angle) * distance, y - height * 0.1, Math.sin(angle) * distance], radiusX: 0.035, rotation: [0, 0, 0], segments: 6 }, index));
+                })] }));
+    }
+    if (capitalStyle === 'rounded' || capitalStyle === 'doric') {
+        const topWidth = node.width * (node.capitalWidthScale ?? 1.34);
+        const topDepth = node.depth * (node.capitalDepthScale ?? node.capitalWidthScale ?? 1.34);
+        return (_jsxs("group", { children: [_jsx(OvalBlock, { depth: topDepth * 0.72, height: height * 0.24, segments: 32, width: topWidth * 0.72, y: y }), _jsx(OvalBlock, { depth: topDepth * 0.92, height: height * 0.32, segments: 32, width: topWidth * 0.92, y: y + height * 0.24 }), _jsx(SquareBlock, { depth: topDepth, height: height * 0.44, width: topWidth, y: y + height * 0.56 })] }));
+    }
+    if (capitalStyle === 'stepped') {
+        const widthScale = node.capitalWidthScale ?? 1.46;
+        const depthScale = node.capitalDepthScale ?? widthScale;
+        const tierCount = Math.max(3, node.capitalTierCount ?? 3);
+        const tierHeight = height / tierCount;
+        const stepSpread = node.capitalStepSpread ?? 0.42;
+        return (_jsx("group", { children: Array.from({ length: tierCount }, (_, index) => {
+                const t = index / Math.max(1, tierCount - 1);
+                const widthScaleAt = Math.max(0.5, widthScale - (1 - t) * stepSpread);
+                const depthScaleAt = Math.max(0.5, depthScale - (1 - t) * stepSpread);
+                return (_jsx(SquareBlock, { depth: node.depth * depthScaleAt, height: tierHeight * 1.01, width: node.width * widthScaleAt, y: y + index * tierHeight }, index));
+            }) }));
+    }
+    if (capitalStyle === 'volute' ||
+        capitalStyle === 'ionic-volute' ||
+        capitalStyle === 'leaf-carved' ||
+        capitalStyle === 'corinthian-leaf') {
+        const topWidth = node.width * (node.capitalWidthScale ?? 1.46);
+        const topDepth = node.depth * (node.capitalDepthScale ?? node.capitalWidthScale ?? 1.46);
+        return (_jsxs("group", { children: [_jsx(ColumnBlock, { height: height * 0.24, node: node, scale: 0.9, y: y }), _jsx(ColumnBlock, { height: height * 0.2, node: node, scale: 1.08, y: y + height * 0.24 }), _jsx(SquareBlock, { depth: topDepth, height: height * 0.28, width: topWidth, y: y + height * 0.44 }), _jsx(Volutes, { capitalHeight: height, capitalY: y, node: node }), _jsx(LeafCarvings, { capitalHeight: height, capitalY: y, node: node })] }));
+    }
+    const widthScale = node.capitalWidthScale ?? (capitalStyle === 'simple-slab' ? 1.28 : 1.18);
+    const depthScale = node.capitalDepthScale ?? widthScale;
+    if (node.crossSection === 'square' || node.crossSection === 'rectangular') {
+        return (_jsx(SquareBlock, { depth: node.depth * depthScale, height: height, width: node.width * widthScale, y: y }));
+    }
+    return (_jsx(RoundBlock, { height: height, radius: Math.max(node.radius * widthScale, node.width * widthScale * 0.5), segments: getSegments(node), y: y }));
+}
+export const ColumnRenderer = ({ node }) => {
+    const ref = useRef(null);
+    const handlers = useNodeEvents(node, 'column');
+    const liveTransform = useLiveTransforms((state) => state.get(node.id));
+    const material = useMemo(() => createColumnMaterial({ material: node.material, materialPreset: node.materialPreset }), [
+        node.material,
+        node.material?.preset,
+        node.material?.properties,
+        node.material?.texture,
+        node.materialPreset,
+    ]);
+    useRegistry(node.id, node.type, ref);
+    const shaftLayout = useMemo(() => {
+        const baseHeight = node.baseStyle === 'none' ? 0 : Math.min(node.baseHeight, node.height * 0.4);
+        const capitalHeight = node.capitalStyle === 'none' ? 0 : Math.min(node.capitalHeight, node.height * 0.4);
+        const shaftHeight = Math.max(0.1, node.height - baseHeight - capitalHeight);
+        return { baseHeight, capitalHeight, shaftY: baseHeight, shaftHeight };
+    }, [node.baseHeight, node.baseStyle, node.capitalHeight, node.capitalStyle, node.height]);
+    return (_jsx(ColumnMaterialContext.Provider, { value: material, children: _jsx(ColumnEdgeSoftnessContext.Provider, { value: node.edgeSoftness ?? 0.025, children: _jsxs("group", { position: liveTransform?.position ?? node.position, ref: ref, rotation: [0, liveTransform?.rotation ?? node.rotation, 0], visible: node.visible, ...handlers, children: [_jsx(Base, { height: shaftLayout.baseHeight, node: node }), _jsx(BaseCarvings, { height: shaftLayout.baseHeight, node: node }), _jsx(Shaft, { height: shaftLayout.shaftHeight, node: node, y: shaftLayout.shaftY }), _jsx(Rings, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(LatheBands, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(Flutes, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(LowerCarvedBand, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(DravidianShaftPanels, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(SpiralRibs, { node: node, shaftHeight: shaftLayout.shaftHeight, shaftY: shaftLayout.shaftY }), _jsx(Capital, { height: shaftLayout.capitalHeight, node: node, y: shaftLayout.baseHeight + shaftLayout.shaftHeight }), _jsx(CapitalCarvings, { capitalHeight: shaftLayout.capitalHeight, capitalY: shaftLayout.baseHeight + shaftLayout.shaftHeight, node: node })] }) }) }));
+};

package/dist/components/renderers/door/door-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"door-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/door/door-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,kBAAkB,CAAA;AAM7D,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CA2BxD,CAAA"}
+{"version":3,"file":"door-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/door/door-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAyB,MAAM,kBAAkB,CAAA;AAOvE,eAAO,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,4CAwBxD,CAAA"}

package/dist/components/renderers/door/door-renderer.js

@@ -1,18 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useMemo, useRef } from 'react';
+import { useRegistry, useScene } from '@pascal-app/core';
+import { useLayoutEffect, useRef } from 'react';
+import { MeshBasicMaterial } from 'three';
 import { useNodeEvents } from '../../../hooks/use-node-events';
-import { createMaterial, DEFAULT_DOOR_MATERIAL } from '../../../lib/materials';
+const doorHitboxMaterial = new MeshBasicMaterial({ visible: false });
 export const DoorRenderer = ({ node }) => {
     const ref = useRef(null);
     useRegistry(node.id, 'door', ref);
+    useLayoutEffect(() => {
+        useScene.getState().markDirty(node.id);
+    }, [node.id]);
     const handlers = useNodeEvents(node, 'door');
     const isTransient = !!node.metadata?.isTransient;
-    const material = useMemo(() => {
-        const mat = node.material;
-        if (!mat)
-            return DEFAULT_DOOR_MATERIAL;
-        return createMaterial(mat);
-    }, [node.material, node.material?.preset, node.material?.properties, node.material?.texture]);
-    return (_jsx("mesh", { castShadow: true, material: material, position: node.position, receiveShadow: true, ref: ref, rotation: node.rotation, visible: node.visible, ...(isTransient ? {} : handlers), children: _jsx("boxGeometry", { args: [0, 0, 0] }) }));
+    return (_jsx("mesh", { castShadow: true, material: doorHitboxMaterial, position: node.position, receiveShadow: true, ref: ref, rotation: node.rotation, visible: node.visible, ...(isTransient ? {} : handlers), children: _jsx("boxGeometry", { args: [0, 0, 0] }) }));
 };

package/dist/components/renderers/fence/fence-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fence-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/fence/fence-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,kBAAkB,CAAA;AAMxE,eAAO,MAAM,aAAa,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,4CAe1D,CAAA"}
+{"version":3,"file":"fence-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/fence/fence-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,kBAAkB,CAAA;AAUxE,eAAO,MAAM,aAAa,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,4CAkC1D,CAAA"}