@pascal-app/viewer 1.0.3 → 1.0.5

package/dist/systems/window/corner-frame.d.ts

@@ -0,0 +1,10 @@
+import { type AnyNode } from '@pascal-app/core';
+/** Where a window mesh keeps the corner side its frame was built fused on (-1, 0 or 1). */
+export declare const FUSED_CORNER_SIDE = "fusedCornerSide";
+/**
+ * Whether a window's frame was built for a corner pair that has since been made or broken without
+ * the window changing (its partner deleted or moved, a wall moved apart): a build reads the pair
+ * once, so the window rebuilds.
+ */
+export declare function cornerFrameStale(node: AnyNode, nodes: Readonly<Record<string, AnyNode>>): boolean;
+//# sourceMappingURL=corner-frame.d.ts.map

package/dist/systems/window/corner-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"corner-frame.d.ts","sourceRoot":"","sources":["../../../src/systems/window/corner-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAA4C,MAAM,kBAAkB,CAAA;AAEzF,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,oBAAoB,CAAA;AAElD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,OAAO,CAMjG"}

package/dist/systems/window/corner-frame.js

@@ -0,0 +1,17 @@
+import { cornerPair, fusesAtCorner, sceneRegistry } from '@pascal-app/core';
+/** Where a window mesh keeps the corner side its frame was built fused on (-1, 0 or 1). */
+export const FUSED_CORNER_SIDE = 'fusedCornerSide';
+/**
+ * Whether a window's frame was built for a corner pair that has since been made or broken without
+ * the window changing (its partner deleted or moved, a wall moved apart): a build reads the pair
+ * once, so the window rebuilds.
+ */
+export function cornerFrameStale(node, nodes) {
+    if (node.type !== 'window')
+        return false;
+    const mesh = sceneRegistry.nodes.get(node.id);
+    if (!mesh)
+        return false;
+    const fused = cornerPair(nodes, node)?.post === 'none' && fusesAtCorner(node);
+    return Boolean(mesh.userData[FUSED_CORNER_SIDE]) !== fused;
+}

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

@@ -10,7 +10,7 @@ export declare const DOUBLE_HUNG_BOTTOM_SASH_NAME = "double-hung-bottom-sash";
 export declare const LOUVERED_WINDOW_SLATS_NAME = "louvered-window-slats";
 export declare const AWNING_WINDOW_SASH_NAME = "awning-window-sash";
 export declare const HOPPER_WINDOW_SASH_NAME = "hopper-window-sash";
-export declare const pendingWindowAnimationRebuilds: Set<`building_${string}` | `level_${string}` | `elevator_${string}` | `unit_${string}` | `block_${string}` | `ceiling_${string}` | `item_${string}` | `procedural-item_${string}` | `column_${string}` | `construction-dimension_${string}` | `wall_${string}` | `roof_${string}` | `slab_${string}` | `fence_${string}` | `structural-grid_${string}` | `imesh_${string}` | `zone_${string}` | `stair_${string}` | `scan_${string}` | `guide_${string}` | `measurement_${string}` | `spawn_${string}` | `shelf_${string}` | `duct-segment_${string}` | `duct-fitting_${string}` | `duct-terminal_${string}` | `hvac-equipment_${string}` | `lineset_${string}` | `liquid-line_${string}` | `pipe-segment_${string}` | `pipe-fitting_${string}` | `pipe-trap_${string}` | `site_${string}` | `leanto_${string}` | `door_${string}` | `window_${string}` | `cabinet_${string}` | `cabinet-module_${string}` | `rseg_${string}` | `sseg_${string}` | `bvent_${string}` | `rvent_${string}` | `tvent_${string}` | `cupola_${string}` | `eyebrow-vent_${string}` | `gutter_${string}` | `chimney_${string}` | `solarpanel_${string}` | `skylight_${string}` | `dormer_${string}` | `downspout_${string}`>;
+export declare const pendingWindowAnimationRebuilds: Set<`block_${string}` | `building_${string}` | `bvent_${string}` | `cabinet-module_${string}` | `cabinet_${string}` | `ceiling_${string}` | `chimney_${string}` | `column_${string}` | `construction-dimension_${string}` | `cupola_${string}` | `door_${string}` | `dormer_${string}` | `downspout_${string}` | `duct-fitting_${string}` | `duct-segment_${string}` | `duct-terminal_${string}` | `elevator_${string}` | `eyebrow-vent_${string}` | `fence-gate_${string}` | `fence-opening_${string}` | `fence_${string}` | `floor-opening_${string}` | `guide_${string}` | `gutter_${string}` | `hvac-equipment_${string}` | `imesh_${string}` | `item_${string}` | `leanto_${string}` | `level_${string}` | `lineset_${string}` | `liquid-line_${string}` | `measurement_${string}` | `pipe-fitting_${string}` | `pipe-segment_${string}` | `pipe-trap_${string}` | `procedural-item_${string}` | `roof_${string}` | `rseg_${string}` | `rvent_${string}` | `scan_${string}` | `separator_${string}` | `shelf_${string}` | `site_${string}` | `skylight_${string}` | `slab_${string}` | `solarpanel_${string}` | `spawn_${string}` | `sseg_${string}` | `stair_${string}` | `structural-grid_${string}` | `tvent_${string}` | `unit_${string}` | `wall_${string}` | `window_${string}` | `zone_${string}`>;
 export declare const WindowSystem: () => null;
 /**
  * Build a fresh window mesh for preview/ghost rendering.

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

@@ -1 +1 @@
-{"version":3,"file":"window-system.d.ts","sourceRoot":"","sources":["../../../src/systems/window/window-system.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAC/D,eAAO,MAAM,8BAA8B,8BAA8B,CAAA;AACzE,eAAO,MAAM,+BAA+B,+BAA+B,CAAA;AAC3E,eAAO,MAAM,gCAAgC,gCAAgC,CAAA;AAC7E,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAC/D,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,0BAA0B,0BAA0B,CAAA;AACjE,eAAO,MAAM,uBAAuB,uBAAuB,CAAA;AAC3D,eAAO,MAAM,uBAAuB,uBAAuB,CAAA;AAS3D,eAAO,MAAM,8BAA8B,uoCAAuB,CAAA;AAElE,eAAO,MAAM,YAAY,YAqHxB,CAAA;AA28GD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,IAAI,CAInE"}
+{"version":3,"file":"window-system.d.ts","sourceRoot":"","sources":["../../../src/systems/window/window-system.tsx"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAC/D,eAAO,MAAM,8BAA8B,8BAA8B,CAAA;AACzE,eAAO,MAAM,+BAA+B,+BAA+B,CAAA;AAC3E,eAAO,MAAM,gCAAgC,gCAAgC,CAAA;AAC7E,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAC/D,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,0BAA0B,0BAA0B,CAAA;AACjE,eAAO,MAAM,uBAAuB,uBAAuB,CAAA;AAC3D,eAAO,MAAM,uBAAuB,uBAAuB,CAAA;AAS3D,eAAO,MAAM,8BAA8B,gvCAAuB,CAAA;AAElE,eAAO,MAAM,YAAY,YA2HxB,CAAA;AA8+GD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,IAAI,CAInE"}

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

@@ -1,12 +1,14 @@
-import { DEFAULT_WALL_THICKNESS, getEffectiveNode, getWallThickness, sceneRegistry, useInteractive, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
+import { cornerPair, DEFAULT_WALL_THICKNESS, getEffectiveNode, getOpeningWallPlacement, getWallThickness, sceneRegistry, scriptedSize, useInteractive, useLiveNodeOverrides, useScene, } from '@pascal-app/core';
 import { useFrame } from '@react-three/fiber';
 import { useEffect, useRef } from 'react';
 import * as THREE from 'three';
 import { applyWorldScaleBoxUVs } from '../../lib/box-uv';
-import { createSurfaceRoleMaterial, glassMaterial as defaultGlassMaterial, baseMaterial as getBaseMaterial, resolveMaterialRef, } from '../../lib/materials';
+import { createMaterial, createSurfaceRoleMaterial, glassMaterial as defaultGlassMaterial, baseMaterial as getBaseMaterial, resolveMaterialRef, } from '../../lib/materials';
 import { timeSpan } from '../../lib/perf-tracks';
+import { settleScriptedOpening } from '../../lib/scripted-opening';
 import useViewer from '../../store/use-viewer';
 import { getOpeningCutoutProxyDepth } from '../wall/opening-cutout-geometry';
+import { cornerFrameStale, FUSED_CORNER_SIDE } from './corner-frame';
 // Invisible material for root mesh — used as selection hitbox only
 const hitboxMaterial = new THREE.MeshBasicMaterial({ visible: false });
 let baseMaterial = getBaseMaterial();
@@ -128,11 +130,19 @@ export const WindowSystem = () => {
             // Merge any live override (width / height / position) so the mesh
             // rebuild reflects the in-flight drag without zustand churn.
             const effectiveNode = getEffectiveNode(node);
-            timeSpan('window', () => updateWindowMesh(effectiveNode, mesh), {
+            const built = timeSpan('window', () => updateWindowMesh(effectiveNode, mesh), {
                 properties: [['node', id]],
             });
+            // A scripted opening stays dirty until its artifact has loaded.
+            if (!built)
+                continue;
             clearDirty(id);
             rebuiltWindowsThisFrame += 1;
+            // This window's change can make or break its pair: the partner's frame follows.
+            const partnerId = node.corner?.partnerId;
+            const partner = partnerId ? nodes[partnerId] : undefined;
+            if (partner && cornerFrameStale(partner, nodes))
+                useScene.getState().markDirty(partner.id);
             // Rebuild the parent wall so its cutout reflects the updated window geometry
             // Avoid triggering expensive wall CSG rebuilds while the window is being interactively moved/duplicated.
             // The editor tools will request a final wall rebuild on commit.
@@ -192,16 +202,19 @@ function windowSlotDefault(slotId) {
         getBaseMaterial(currentShading));
 }
 // Resolve a window's slot to a material: the `node.slots` override (colored mode
-// only) → the role/base default. Textures-off ignores overrides — the monochrome
-// escape hatch.
+// only) → the window-wide `material` for the frame (glass keeps its own) → the
+// role/base default. Textures-off ignores overrides — the monochrome escape hatch.
 function resolveWindowSlotMaterial(node, slotId) {
     const fallback = windowSlotDefault(slotId);
     if (!currentTextures)
         return fallback;
     const ref = node.slots?.[slotId];
-    if (!ref)
-        return fallback;
-    return resolveMaterialRef(ref, currentSceneMaterials, currentShading) ?? fallback;
+    const painted = ref ? resolveMaterialRef(ref, currentSceneMaterials, currentShading) : null;
+    if (painted)
+        return painted;
+    if (node.material && slotId === 'frame')
+        return createMaterial(node.material, currentShading);
+    return fallback;
 }
 function addBox(parent, material, w, h, d, x, y, z) {
     const geometry = new THREE.BoxGeometry(w, h, d);
@@ -1519,15 +1532,39 @@ function addShapedLouveredWindowVisuals(node, mesh) {
         addBox(mesh, baseMaterial, sillW, sillThickness, sillDepth, 0, -height / 2 - sillThickness / 2, sillZ);
     }
 }
+/**
+ * The side of a corner window fused at the corner, in the window's own frame: 1 its +x side, -1 its
+ * -x side, 0 none. A window facing its wall's back is turned half round, so its +x then points to
+ * the wall's start.
+ */
+function fusedCornerSide(node, rotationY) {
+    const pair = cornerPair(useScene.getState().nodes, node);
+    if (pair?.post !== 'none')
+        return 0;
+    const flipped = Math.abs(rotationY) > Math.PI / 2;
+    return (pair.end === 'end') !== flipped ? 1 : -1;
+}
 function updateWindowMesh(node, mesh) {
     currentWindowSlot = undefined;
+    mesh.userData[FUSED_CORNER_SIDE] = 0;
     // Root mesh is an invisible hitbox; all visuals live in child meshes
     mesh.geometry.dispose();
     mesh.geometry = new THREE.BoxGeometry(node.width, node.height, node.frameDepth);
     mesh.material = hitboxMaterial;
     // Sync transform from node (React may lag behind the system by a frame during drag)
-    mesh.position.set(node.position[0], node.position[1], node.position[2]);
-    mesh.rotation.set(node.rotation[0], node.rotation[1], node.rotation[2]);
+    const parent = node.parentId ? useScene.getState().nodes[node.parentId] : undefined;
+    const placement = parent?.type === 'wall' && !node.roofSegmentId
+        ? getOpeningWallPlacement(getEffectiveNode(parent), node, useScene.getState().nodes)
+        : node;
+    mesh.position.set(...placement.position);
+    mesh.rotation.set(...placement.rotation);
+    // Built from a script: the renderer shows its artifact, not the parametric
+    // frame, and the hit box is what the script built.
+    if (node.source) {
+        mesh.geometry.dispose();
+        mesh.geometry = new THREE.BoxGeometry(...scriptedSize(node.source.manifest));
+        return settleScriptedOpening(mesh);
+    }
     // Dispose and remove all old visual children; preserve 'cutout'
     for (const child of [...mesh.children]) {
         if (child.name === 'cutout')
@@ -1543,64 +1580,68 @@ function updateWindowMesh(node, mesh) {
     const { width, height, frameDepth, frameThickness, columnRatios, rowRatios, columnDividerThickness, rowDividerThickness, sill, sillDepth, sillThickness, openingKind, openingShape, windowType, } = node;
     if (openingKind === 'opening') {
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'sliding') {
         addSlidingWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'casement') {
         addCasementWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'awning') {
         addAwningWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'hopper') {
         addAwningWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'single-hung') {
         addSingleHungWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'double-hung') {
         addDoubleHungWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'bay') {
         addBayWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'bow') {
         addBowWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (windowType === 'louvered') {
         addLouveredWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (openingShape === 'arch') {
         addArchedWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
     if (openingShape === 'rounded') {
         addRoundedWindowVisuals(node, mesh);
         syncWindowCutout(node, mesh);
-        return;
+        return true;
     }
-    const innerW = width - 2 * frameThickness;
+    // A corner window fused at the corner: no jamb on that side, the glass runs to the corner.
+    const fused = fusedCornerSide(node, placement.rotation[1]);
+    mesh.userData[FUSED_CORNER_SIDE] = fused;
+    const innerW = width - (fused ? 1 : 2) * frameThickness;
+    const innerX = (fused * frameThickness) / 2;
     const innerH = height - 2 * frameThickness;
     // ── Frame members ──
     // Top / bottom — full width
@@ -1608,8 +1649,10 @@ function updateWindowMesh(node, mesh) {
     addBox(mesh, baseMaterial, width, frameThickness, frameDepth, 0, height / 2 - frameThickness / 2, 0);
     addBox(mesh, baseMaterial, width, frameThickness, frameDepth, 0, -height / 2 + frameThickness / 2, 0);
     // Left / right — inner height to avoid corner overlap
-    addBox(mesh, baseMaterial, frameThickness, innerH, frameDepth, -width / 2 + frameThickness / 2, 0, 0);
-    addBox(mesh, baseMaterial, frameThickness, innerH, frameDepth, width / 2 - frameThickness / 2, 0, 0);
+    if (fused !== -1)
+        addBox(mesh, baseMaterial, frameThickness, innerH, frameDepth, -width / 2 + frameThickness / 2, 0, 0);
+    if (fused !== 1)
+        addBox(mesh, baseMaterial, frameThickness, innerH, frameDepth, width / 2 - frameThickness / 2, 0, 0);
     // ── Pane grid ──
     const numCols = columnRatios.length;
     const numRows = rowRatios.length;
@@ -1621,7 +1664,7 @@ function updateWindowMesh(node, mesh) {
     const rowHeights = rowRatios.map((r) => (r / rowSum) * usableH);
     // Compute column x-centers starting from left edge of inner area
     const colXCenters = [];
-    let cx = -innerW / 2;
+    let cx = innerX - innerW / 2;
     for (let c = 0; c < numCols; c++) {
         colXCenters.push(cx + colWidths[c] / 2);
         cx += colWidths[c];
@@ -1638,7 +1681,7 @@ function updateWindowMesh(node, mesh) {
             cy -= rowDividerThickness;
     }
     // Column dividers — full inner height
-    cx = -innerW / 2;
+    cx = innerX - innerW / 2;
     currentWindowSlot = 'frame';
     for (let c = 0; c < numCols - 1; c++) {
         cx += colWidths[c];
@@ -1673,6 +1716,7 @@ function updateWindowMesh(node, mesh) {
         addBox(mesh, baseMaterial, sillW, sillThickness, sillDepth, 0, -height / 2 - sillThickness / 2, sillZ);
     }
     syncWindowCutout(node, mesh);
+    return true;
 }
 function syncWindowCutout(node, mesh) {
     // ── Cutout: invisible raycast hit target for the whole opening ──

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "3D viewer component for Pascal building editor",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,7 +33,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^1.0.3",
+    "@pascal-app/core": "^1.0.5",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "react": "^18 || ^19",
@@ -42,18 +42,18 @@
   },
   "dependencies": {
     "three-bvh-csg": "^0.0.18",
-    "three-mesh-bvh": "^0.9.8",
+    "three-mesh-bvh": "~0.9.16",
     "zustand": "^5"
   },
   "devDependencies": {
-    "@pascal-app/core": "^1.0.3",
+    "@pascal-app/core": "^1.0.5",
     "@pascal/typescript-config": "*",
-    "@react-three/test-renderer": "^9.1.0",
-    "@types/node": "^22",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "19.2.2",
-    "@types/three": "^0.184.0",
-    "typescript": "6.0.3"
+    "@react-three/test-renderer": "^9.1.1",
+    "@types/node": "^26",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@types/three": "^0.186.0",
+    "typescript": "7.0.2"
   },
   "keywords": [
     "3d",

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

@@ -1,22 +0,0 @@
-import { type FenceNode } from '@pascal-app/core';
-import * as THREE from 'three';
-type FencePart = {
-    geometry?: THREE.BufferGeometry;
-    position: [number, number, number];
-    rotationY?: number;
-    scale: [number, number, number];
-    shape?: 'box' | 'pyramid';
-};
-export type FenceSlotId = 'posts' | 'infill' | 'base' | 'rail';
-export type FenceSlotParts = Record<FenceSlotId, FencePart[]>;
-/**
- * Geometry split by paint slot — posts, infill, base, rail — each a separate
- * merged BufferGeometry (empty ones included) so the fence renderer can give
- * each its own material + `userData.slotId`. Slots match the panel's build
- * options 1:1.
- */
-export declare function generateFenceSlotGeometries(fence: FenceNode): Record<FenceSlotId, THREE.BufferGeometry>;
-export declare function generateFenceGeometry(fence: FenceNode): THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>;
-export declare const FenceSystem: () => null;
-export {};
-//# sourceMappingURL=fence-system.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fence-system.d.ts","sourceRoot":"","sources":["../../../src/systems/fence/fence-system.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAA;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAG/B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CAC1B,CAAA;AAqPD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,CAAA;AAsQ7D;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,CAQ3C;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,oFAGrD;AAgBD,eAAO,MAAM,WAAW,YAiBvB,CAAA"}