@reekon-tools/boldr-cad 0.1.0 → 1.1.0

package/src/view3d/viewer.ts

@@ -0,0 +1,348 @@
+import {
+  BufferAttribute, BufferGeometry, Color, DirectionalLight, DoubleSide, Fog, Group, HemisphereLight, Mesh, MeshBasicMaterial,
+  MeshLambertMaterial, PerspectiveCamera, PlaneGeometry, Raycaster, Scene, Vector2, Vector3, WebGLRenderer, type Material,
+} from 'three';
+import type { Scene3 } from './build';
+import { lineMaterial, linesMesh, setLineColor, setLineView } from './fatLines';
+import { axes, eye, FOV, type Orbit } from './camera';
+import { MATS, type Mat3, type Part3, type PartKind, type V3 } from './mesh';
+
+/*
+  The 3D view drawn with three.js, the same in a browser (a <canvas>) and on a device (expo-gl): whoever hosts it hands
+  over a renderer and says when to draw. The plan's x and y lie flat and its z stands up — three.js has y up, so a
+  plan point x, y, z is drawn at x, z, −y (a turn, not a mirror: faces keep their front).
+*/
+
+export type Theme3 = 'light' | 'dark';
+
+/**
+ * Each surface's colour, the outlines', and the page's, in either theme (walls white with dark cut tops, as a drawing
+ * shows a cut; outlines dark, so walls and what's on them stand apart; a door's frame dark round it, its leaf wood).
+ */
+const PALETTE: Record<Theme3, Record<Exclude<Mat3, 'pick'> | 'bg' | 'ground' | 'line', string>> = {
+  dark: { bg: '#181A1C', ground: '#202326', wall: '#E8EAED', top: '#626364', floor: '#9C978E', cab: '#C9A57A', counter: '#EEECE7', glass: '#89C3FF', door: '#A9784D', frame: '#5E6166', line: '#26282B' },
+  light: { bg: '#FFFFFF', ground: '#EEF0F2', wall: '#FFFFFF', top: '#626364', floor: '#BDB6AA', cab: '#C9A57A', counter: '#F4F2EE', glass: '#89C3FF', door: '#A9784D', frame: '#5E6166', line: '#303235' },
+};
+/** How wide the outlines are, in points, however near or far. */
+const LINE_W = 1.5;
+/**
+ * What's tapped turns the selection's yellow: tinted toward it, and glowing with it a little, so a face turned away
+ * from the light still reads as picked (tinted only, a wall in shade came out the brown of the door's wood).
+ */
+const PICKED = '#FFAD00', PICK_TINT = 0.8, PICK_GLOW = 0.35;
+
+/** What a tap landed on: the part, and the face's normal there (plan x, y, z). */
+export interface Hit3 { kind: PartKind; id: string; n: V3 }
+
+const toThree = (x: number, y: number, z: number) => new Vector3(x, z, -y);
+
+/**
+ * How far in the near plane can come, as a share of the distance to the nearest thing in view: what's nearest can sit
+ * off the middle of the view (as far as its corners, 45° out on a wide one), where it's nearer the camera's plane than
+ * to the camera.
+ */
+const NEAR_SHARE = 0.6;
+
+/**
+ * A renderer for a GL context made elsewhere (expo-gl's, on a device). three.js gets the context from a stand-in canvas
+ * (its size, and no-ops for the events three.js listens for), as react-three-fiber does — never as `context`: three.js
+ * refuses a context that's an instance of WebGLRenderingContext, taking it for WebGL 1, and expo-gl's WebGL 2 context is
+ * one (its WebGL2RenderingContext extends WebGLRenderingContext). Asked for through a canvas, it isn't checked.
+ */
+export function rendererOn(gl: WebGL2RenderingContext): WebGLRenderer {
+  const w = gl.drawingBufferWidth, h = gl.drawingBufferHeight;
+  const canvas = {
+    width: w, height: h, clientWidth: w, clientHeight: h,
+    style: {}, addEventListener() {}, removeEventListener() {}, dispatchEvent: () => true, getContext: () => gl,
+  };
+  return new WebGLRenderer({ canvas: canvas as unknown as HTMLCanvasElement, antialias: false });
+}
+
+/**
+ * The model drawn as one geometry, its triangles by material — a dozen draws however big the plan, where a part each
+ * was over 600 on a 36-room one, and on a device every draw is many calls across to the GL thread — and each part's
+ * place in it, so what's tapped is drawn yellow by regrouping alone (nothing sent to the GPU again).
+ */
+interface Merged {
+  mesh: Mesh;
+  /** each material's run of the index: where it starts, how long */
+  runs: [number, number][];
+  /** per part, its run within each material's: where it starts, how long */
+  parts: { key: string; runs: [number, number][] }[];
+}
+
+/**
+ * Size a renderer made with rendererOn to a view `w` × `h` points at the screen's `pixelRatio`, after the GL view's
+ * own resize: on iOS that makes its framebuffers again and binds framebuffers behind three.js's back, so the default
+ * one is bound afresh here — three.js has it down as bound already. Not three.js's resetState(): that reads
+ * gl.canvas, which expo-gl's context hasn't got (it threw as the 3D tab opened on a device).
+ */
+export function sizeOn(renderer: WebGLRenderer, gl: WebGL2RenderingContext, w: number, h: number, pixelRatio: number): void {
+  renderer.setPixelRatio(pixelRatio);
+  renderer.setSize(w, h, false);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+}
+
+export class Viewer3D {
+  readonly scene = new Scene();
+  readonly camera = new PerspectiveCamera((FOV * 180) / Math.PI, 1, 1, 1e5);
+  private readonly root = new Group();
+  /** (pushed further back than the surfaces are for their outlines, or it would cover the floors just above it) */
+  private readonly ground = new Mesh(new PlaneGeometry(1, 1), new MeshBasicMaterial({ polygonOffset: true, polygonOffsetFactor: 4, polygonOffsetUnits: 8 }));
+  private readonly ray = new Raycaster();
+  /** the ground fades into the page past the model (no horizon line where it ends) */
+  private readonly fog = new Fog(0x000000, 1e5, 2e5);
+  private readonly lineMat = lineMaterial(LINE_W);
+  private lines: Mesh | null = null;
+  private mats: Material[] = [];
+  private hiMats: Material[] = [];
+  /** what's drawn */
+  private merged: Merged | null = null;
+  /** a mesh a part, for taps only: never drawn (so never sent to the GPU) */
+  private meshes: Mesh[] = [];
+  /** each part's box (three.js's axes: x0, y0, z0, x1, y1, z1), for how near the near plane can come */
+  private boxes = new Float64Array(0);
+  /** the box everything is in, three.js's axes */
+  private readonly lo = new Vector3();
+  private readonly hi = new Vector3();
+  private picked: string | null = null;
+  private size = 1;
+  private w = 1;
+  private h = 1;
+
+  constructor(private readonly renderer: WebGLRenderer, private theme: Theme3) {
+    // light from all round (brighter from above), and a sun from the north-west so walls facing different ways differ
+    const sun = new DirectionalLight(0xffffff, 2);
+    sun.position.set(-0.8, 1, -0.35);
+    this.scene.add(new HemisphereLight(0xffffff, 0x6e7177, 3), sun, this.root);
+    this.ground.rotation.x = -Math.PI / 2;
+    this.ground.position.y = -0.25;
+    this.scene.add(this.ground);
+    this.scene.fog = this.fog;
+    this.makeMaterials();
+  }
+
+  private makeMaterials(): void {
+    for (const m of [...this.mats, ...this.hiMats]) m.dispose();
+    const p = PALETTE[this.theme];
+    const make = (m: Mat3, hi: boolean): Material => {
+      if (m === 'pick') return new MeshBasicMaterial({ visible: false, side: DoubleSide });
+      const color = new Color(p[m]), glow = hi ? { emissive: new Color(PICKED), emissiveIntensity: PICK_GLOW } : {};
+      if (hi) color.lerp(new Color(PICKED), m === 'top' ? 1 : PICK_TINT);
+      // (every surface a touch further away than it is, so an outline on it is drawn over it)
+      const back = { polygonOffset: true, polygonOffsetFactor: 1, polygonOffsetUnits: 1 };
+      return m === 'glass'
+        ? new MeshLambertMaterial({ color, transparent: true, opacity: hi ? 0.6 : 0.32, side: DoubleSide, depthWrite: false, ...back, ...glow })
+        : new MeshLambertMaterial({ color, ...back, ...glow });
+    };
+    this.mats = MATS.map(m => make(m, false));
+    this.hiMats = MATS.map(m => make(m, true));
+    (this.ground.material as MeshBasicMaterial).color.set(p.ground);
+    this.renderer.setClearColor(p.bg);
+    this.fog.color.set(p.bg);
+    setLineColor(this.lineMat, p.line);
+    // (the merged mesh's groups pick from both: a part's own, then its yellow ones)
+    if (this.merged) this.merged.mesh.material = [...this.mats, ...this.hiMats];
+    for (const m of this.meshes) m.material = this.mats;
+  }
+
+  setTheme(theme: Theme3): void {
+    if (theme === this.theme) return;
+    this.theme = theme;
+    this.makeMaterials();
+  }
+
+  /** Show `s`, in place of what was shown. */
+  setModel(s: Scene3): void {
+    for (const m of this.meshes) m.geometry.dispose();
+    this.meshes = s.parts.map(p => this.meshOf(p));
+    if (this.merged) { this.root.remove(this.merged.mesh); this.merged.mesh.geometry.dispose(); }
+    this.merged = this.merge(s);
+    this.root.add(this.merged.mesh);
+    this.regroup();
+    this.boxes = new Float64Array(s.parts.length * 6);
+    s.parts.forEach((p, k) => {
+      const b = p.pos.length ? [Infinity, Infinity, Infinity, -Infinity, -Infinity, -Infinity] : [0, 0, 0, 0, 0, 0];
+      for (let i = 0; i < p.pos.length; i += 3) {
+        const v = [p.pos[i], p.pos[i + 2], -p.pos[i + 1]];
+        for (let a = 0; a < 3; a++) { b[a] = Math.min(b[a], v[a]); b[a + 3] = Math.max(b[a + 3], v[a]); }
+      }
+      this.boxes.set(b, k * 6);
+    });
+    this.lo.set(s.min[0], s.min[2], -s.max[1]);
+    this.hi.set(s.max[0], s.max[2], -s.min[1]);
+    // the outlines, drawn the same width however far away
+    if (this.lines) { this.root.remove(this.lines); this.lines.geometry.dispose(); this.lines = null; }
+    if (s.lines.length) {
+      const n = s.lines.length / 3, pts = new Float32Array(s.lines.length);
+      for (let i = 0; i < n; i++) { pts[3 * i] = s.lines[3 * i]; pts[3 * i + 1] = s.lines[3 * i + 2]; pts[3 * i + 2] = -s.lines[3 * i + 1]; }
+      this.lines = linesMesh(pts, this.lineMat);
+      this.root.add(this.lines);
+    }
+    // the ground: under it all, well past it
+    const cx = (s.min[0] + s.max[0]) / 2, cy = (s.min[1] + s.max[1]) / 2;
+    this.size = Math.max(120, s.max[0] - s.min[0], s.max[1] - s.min[1], s.max[2] - s.min[2]);
+    this.ground.scale.set(this.size * 12, this.size * 12, 1);
+    this.ground.position.set(cx, -0.25, -cy);
+  }
+
+  /** Part `p` on its own, to tap (its faces' sides as they're drawn: a tap goes through a face turned away). */
+  private meshOf(p: Part3): Mesh {
+    const n = p.pos.length / 3, pos = new Float32Array(n * 3);
+    for (let i = 0; i < n; i++) { pos[3 * i] = p.pos[3 * i]; pos[3 * i + 1] = p.pos[3 * i + 2]; pos[3 * i + 2] = -p.pos[3 * i + 1]; }
+    const g = new BufferGeometry(), idx: number[] = [];
+    g.setAttribute('position', new BufferAttribute(pos, 3));
+    MATS.forEach((m, k) => {
+      const t = p.tris[m];
+      if (!t || !t.length) return;
+      g.addGroup(idx.length, t.length, k);
+      for (const i of t) idx.push(i);
+    });
+    g.setIndex(new BufferAttribute(n > 65535 ? new Uint32Array(idx) : new Uint16Array(idx), 1));
+    g.computeBoundingSphere();
+    const mesh = new Mesh(g, this.mats);
+    mesh.userData = { kind: p.kind, id: p.id };
+    mesh.matrixAutoUpdate = false;
+    return mesh;
+  }
+
+  /** Every part as one geometry: each material's triangles together, a part's together within them. */
+  private merge(s: Scene3): Merged {
+    let n = 0, total = 0;
+    for (const p of s.parts) { n += p.pos.length / 3; for (const m of MATS) total += p.tris[m]?.length ?? 0; }
+    const pos = new Float32Array(n * 3), nrm = new Float32Array(n * 3), idx = n > 65535 ? new Uint32Array(total) : new Uint16Array(total);
+    const base: number[] = [];
+    let v = 0;
+    for (const p of s.parts) {
+      base.push(v);
+      for (let i = 0; i < p.pos.length; i += 3, v++) {
+        pos[3 * v] = p.pos[i]; pos[3 * v + 1] = p.pos[i + 2]; pos[3 * v + 2] = -p.pos[i + 1];
+        nrm[3 * v] = p.nrm[i]; nrm[3 * v + 1] = p.nrm[i + 2]; nrm[3 * v + 2] = -p.nrm[i + 1];
+      }
+    }
+    const runs: [number, number][] = [], parts = s.parts.map(p => ({ key: p.kind + ':' + p.id, runs: [] as [number, number][] }));
+    let at = 0;
+    MATS.forEach(m => {
+      const start = at;
+      s.parts.forEach((p, k) => {
+        const t = p.tris[m] ?? [], from = at;
+        for (const i of t) idx[at++] = base[k] + i;
+        parts[k].runs.push([from, at - from]);
+      });
+      runs.push([start, at - start]);
+    });
+    const g = new BufferGeometry();
+    g.setAttribute('position', new BufferAttribute(pos, 3));
+    g.setAttribute('normal', new BufferAttribute(nrm, 3));
+    g.setIndex(new BufferAttribute(idx, 1));
+    g.computeBoundingSphere();
+    const mesh = new Mesh(g, [...this.mats, ...this.hiMats]);
+    mesh.matrixAutoUpdate = false;
+    return { mesh, runs, parts };
+  }
+
+  /** The merged mesh's draws: each material's run, with what's tapped drawn yellow (a door is two parts: its doorway, its frame and leaf). */
+  private regroup(): void {
+    const mg = this.merged;
+    if (!mg) return;
+    const g = mg.mesh.geometry, hi = mg.parts.filter(p => p.key === this.picked);
+    g.clearGroups();
+    mg.runs.forEach(([start, len], m) => {
+      if (!len) return;
+      // (a part's runs lie in order within its material's: what's around them stays as it is)
+      const lit = hi.map(p => p.runs[m]).filter(r => r[1] > 0).sort((p, q) => p[0] - q[0]);
+      let from = start;
+      for (const [s, l] of lit) {
+        if (s > from) g.addGroup(from, s - from, m);
+        g.addGroup(s, l, MATS.length + m);
+        from = s + l;
+      }
+      if (start + len > from) g.addGroup(from, start + len - from, m);
+    });
+  }
+
+  /** What's tapped ("kind:id"), drawn yellow; null for nothing. */
+  setPicked(key: string | null): void {
+    if (key === this.picked) return;
+    this.picked = key;
+    this.regroup();
+  }
+
+  /** The view's size on the screen (points): the camera's shape, and where taps land. */
+  setSize(w: number, h: number): void {
+    this.w = Math.max(1, w);
+    this.h = Math.max(1, h);
+    this.camera.aspect = this.w / this.h;
+    this.camera.updateProjectionMatrix();
+    setLineView(this.lineMat, this.w, this.h);
+  }
+
+  /**
+   * Put the camera where `o` says. Its near and far planes close in on what's in view: depth is told apart in steps
+   * set by how far apart they are, and a device's depth buffer can be 16 bits (Android's expo-gl asks for no more), so
+   * with the near plane a few inches out a door's casing — ⅝" off the wall — came and went in the wall behind it.
+   */
+  setOrbit(o: Orbit): void {
+    const e = eye(o), { up } = axes(o), E = toThree(e[0], e[1], e[2]);
+    this.camera.position.copy(E);
+    this.camera.up.copy(toThree(up[0], up[1], up[2]));
+    this.camera.lookAt(toThree(o.x, o.y, o.z));
+    this.fog.near = o.dist + this.size;
+    this.fog.far = o.dist + this.size * 4;
+    // the nearest thing: a part (by its box), or the ground under the camera
+    let nearest = E.y - this.ground.position.y;
+    const b = this.boxes;
+    for (let i = 0; i < b.length; i += 6) {
+      const dx = Math.max(b[i] - E.x, 0, E.x - b[i + 3]), dy = Math.max(b[i + 1] - E.y, 0, E.y - b[i + 4]), dz = Math.max(b[i + 2] - E.z, 0, E.z - b[i + 5]);
+      nearest = Math.min(nearest, Math.sqrt(dx * dx + dy * dy + dz * dz));
+    }
+    // the furthest: the model's far corner, or where the ground has faded into the page (past it nothing shows)
+    let furthest = this.fog.far;
+    for (const x of [this.lo.x, this.hi.x]) for (const y of [this.lo.y, this.hi.y]) for (const z of [this.lo.z, this.hi.z]) {
+      furthest = Math.max(furthest, Math.hypot(x - E.x, y - E.y, z - E.z));
+    }
+    this.camera.near = Math.max(0.5, NEAR_SHARE * nearest);
+    this.camera.far = Math.max(this.camera.near * 2, furthest * 1.02 + 1);
+    this.camera.updateProjectionMatrix();
+  }
+
+  /** What the last frame took: draws, and triangles. */
+  stats(): { calls: number; triangles: number } {
+    const r = this.renderer.info.render;
+    return { calls: r.calls, triangles: r.triangles };
+  }
+
+  render(): void {
+    this.renderer.render(this.scene, this.camera);
+  }
+
+  /** What's under screen point x, y (points from the view's top left), nearest first; null for nothing. */
+  pick(x: number, y: number): Hit3 | null {
+    this.ray.setFromCamera(new Vector2((x / this.w) * 2 - 1, 1 - (y / this.h) * 2), this.camera);
+    for (const h of this.ray.intersectObjects(this.meshes, false)) {
+      const ud = h.object.userData as { kind?: PartKind; id?: string };
+      if (!ud.kind || !ud.id) continue;
+      const n = h.face?.normal;
+      return { kind: ud.kind, id: ud.id, n: n ? [n.x, -n.z, n.y] : [0, 0, 1] };
+    }
+    return null;
+  }
+
+  /** Where plan point x, y, z is on the screen (points), as the camera sees it now. */
+  project(x: number, y: number, z: number): [number, number] {
+    const v = toThree(x, y, z).project(this.camera);
+    return [((v.x + 1) / 2) * this.w, ((1 - v.y) / 2) * this.h];
+  }
+
+  dispose(): void {
+    for (const m of this.meshes) m.geometry.dispose();
+    this.merged?.mesh.geometry.dispose();
+    this.merged = null;
+    for (const m of [...this.mats, ...this.hiMats]) m.dispose();
+    this.lines?.geometry.dispose();
+    this.lineMat.dispose();
+    this.ground.geometry.dispose();
+    (this.ground.material as Material).dispose();
+    this.meshes = [];
+  }
+}

package/dist/react/ElevCanvas.native.d.ts

@@ -1,3 +0,0 @@
-export declare function ElevCanvas({ version }: {
-    version: number;
-}): import("react").JSX.Element;

package/dist/react/ElevCanvas.native.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Canvas, Picture } from '@shopify/react-native-skia';
-import { useLayoutEffect, useMemo, useState } from 'react';
-import { View } from 'react-native';
-import { Gesture, GestureDetector, PointerType } from 'react-native-gesture-handler';
-import { elev, elevAfterRender, elevPointerCancel, elevPointerDown, elevPointerLeave, elevPointerMove, elevPointerUp, elevSyncFrame, fitElevation, } from '../editor/elevation';
-import { drawElevationView } from '../render/elevationView';
-import { recordPicture } from '../skia/host';
-/** The open wall elevation on a device: recorded with Skia on each change, touches routed by editor/elevation.ts. */
-const kindOf = (t) => (t === PointerType.STYLUS ? 'pen' : t === PointerType.MOUSE ? 'mouse' : 'touch');
-const pin = (t, kind) => ({ id: t.id, kind, x: t.x, y: t.y, t: Date.now(), cx: t.absoluteX, cy: t.absoluteY });
-export function ElevCanvas({ version }) {
-    const [picture, setPicture] = useState(null);
-    const [size, setSize] = useState({ w: 0, h: 0 });
-    const onLayout = (e) => {
-        const { width, height } = e.nativeEvent.layout;
-        setSize({ w: width, h: height });
-        fitElevation();
-    };
-    useLayoutEffect(() => {
-        if (!size.w || !size.h || !elevSyncFrame())
-            return;
-        elev.W = size.w;
-        elev.H = size.h;
-        const { picture: p, result } = recordPicture(size.w, size.h, ctx => drawElevationView(ctx));
-        elevAfterRender(result);
-        setPicture(p);
-    }, [version, size]);
-    const gesture = useMemo(() => {
-        const touches = Gesture.Manual()
-            .runOnJS(true)
-            .onTouchesDown((e, manager) => {
-            manager.activate();
-            for (const t of e.changedTouches)
-                elevPointerDown(pin(t, kindOf(e.pointerType)));
-        })
-            .onTouchesMove((e) => { for (const t of e.changedTouches)
-            elevPointerMove(pin(t, kindOf(e.pointerType))); })
-            .onTouchesUp((e, manager) => {
-            for (const t of e.changedTouches)
-                elevPointerUp(pin(t, kindOf(e.pointerType)));
-            if (e.numberOfTouches === 0)
-                manager.end();
-        })
-            .onTouchesCancelled((e, manager) => {
-            for (const t of e.changedTouches)
-                elevPointerCancel(pin(t, kindOf(e.pointerType)));
-            manager.fail();
-        });
-        const hover = Gesture.Hover()
-            .runOnJS(true)
-            .onUpdate(e => elevPointerMove({ id: -1, kind: kindOf(e.pointerType), x: e.x, y: e.y, t: Date.now(), cx: e.absoluteX, cy: e.absoluteY }))
-            .onEnd(() => elevPointerLeave('mouse'));
-        return Gesture.Simultaneous(touches, hover);
-    }, []);
-    return (_jsx(GestureDetector, { gesture: gesture, children: _jsx(View, { style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, onLayout: onLayout, testID: "elevCv", children: _jsx(Canvas, { style: { flex: 1 }, children: picture && _jsx(Picture, { picture: picture }) }) }) }));
-}
-//# sourceMappingURL=ElevCanvas.native.js.map

package/dist/react/ElevCanvas.native.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElevCanvas.native.js","sourceRoot":"","sources":["../../src/react/ElevCanvas.native.tsx"],"names":[],"mappings":"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"}

package/dist/react/ElevCanvas.web.d.ts

@@ -1,4 +0,0 @@
-/** The open wall elevation in the browser: drawn on each change, pointer and wheel routed by editor/elevation.ts. */
-export declare function ElevCanvas({ version }: {
-    version: number;
-}): import("react").JSX.Element;

package/dist/react/ElevCanvas.web.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useRef } from 'react';
-import { elev, elevAfterRender, elevPointerCancel, elevPointerDown, elevPointerLeave, elevPointerMove, elevPointerUp, elevSyncFrame, elevWheel, fitElevation, } from '../editor/elevation';
-import { drawElevationView } from '../render/elevationView';
-import { setCursorTarget } from './ports';
-/** The open wall elevation in the browser: drawn on each change, pointer and wheel routed by editor/elevation.ts. */
-export function ElevCanvas({ version }) {
-    const ref = useRef(null);
-    useEffect(() => {
-        const cv = ref.current, ac = new AbortController(), on = { signal: ac.signal };
-        setCursorTarget('elevation', c => { cv.style.cursor = c; });
-        const pin = (e) => {
-            const r = cv.getBoundingClientRect();
-            return { id: e.pointerId, kind: e.pointerType, x: e.clientX - r.left, y: e.clientY - r.top, t: performance.now(), button: e.button, shift: e.shiftKey, mod: e.metaKey || e.ctrlKey, cx: e.clientX, cy: e.clientY };
-        };
-        cv.addEventListener('pointerdown', e => { cv.setPointerCapture(e.pointerId); elevPointerDown(pin(e)); }, on);
-        cv.addEventListener('pointermove', e => elevPointerMove(pin(e)), on);
-        cv.addEventListener('pointerup', e => elevPointerUp(pin(e)), on);
-        cv.addEventListener('pointercancel', e => elevPointerCancel(pin(e)), on);
-        cv.addEventListener('pointerleave', e => elevPointerLeave(e.pointerType), on);
-        cv.addEventListener('wheel', e => { e.preventDefault(); const r = cv.getBoundingClientRect(); elevWheel(e.clientX - r.left, e.clientY - r.top, e.deltaY); }, { passive: false, signal: ac.signal });
-        const ro = new ResizeObserver(() => fitElevation());
-        ro.observe(cv.parentElement);
-        return () => { ac.abort(); ro.disconnect(); setCursorTarget('elevation', null); };
-    }, []);
-    useLayoutEffect(() => {
-        const cv = ref.current;
-        if (!cv || !elevSyncFrame())
-            return;
-        const box = cv.parentElement.getBoundingClientRect(), dpr = window.devicePixelRatio || 1;
-        elev.W = box.width;
-        elev.H = box.height;
-        if (cv.width !== Math.round(elev.W * dpr) || cv.height !== Math.round(elev.H * dpr)) {
-            cv.width = Math.round(elev.W * dpr);
-            cv.height = Math.round(elev.H * dpr);
-        }
-        cv.style.cursor = elev.tool === 'select' ? '' : 'crosshair';
-        const c = cv.getContext('2d');
-        c.setTransform(dpr, 0, 0, dpr, 0, 0);
-        elevAfterRender(drawElevationView(c));
-    });
-    return _jsx("canvas", { ref: ref, id: "elevCv", style: { position: 'absolute', inset: 0, width: '100%', height: '100%', touchAction: 'none', display: 'block' }, "data-v": version });
-}
-//# sourceMappingURL=ElevCanvas.web.js.map

package/dist/react/ElevCanvas.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElevCanvas.web.js","sourceRoot":"","sources":["../../src/react/ElevCanvas.web.tsx"],"names":[],"mappings":"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"}

package/dist/react/ElevationSheet.d.ts

@@ -1,2 +0,0 @@
-/** The full-screen wall elevation: header, the wall drawn straight on, its toolbar, and its bar with the yellow +. */
-export declare function ElevationSheet(): import("react").JSX.Element | null;

package/dist/react/ElevationSheet.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import { redo, undo } from '../app/edit';
-import { closeElevation, deleteSelectedElevDim, editSelected, elev, elevBar, ELEV_RAIL, elevOpen, elevTitle, elevTrashEnabled, fitElevation, flipElevation, setElevTool, } from '../editor/elevation';
-import { CircleButton, Pill } from './Buttons';
-import { ElevCanvas } from './ElevCanvas';
-import { Icon } from './Icon';
-import { useEditorVersion } from './store';
-import { C, FONT, shadow } from './theme';
-/** The full-screen wall elevation: header, the wall drawn straight on, its toolbar, and its bar with the yellow +. */
-export function ElevationSheet() {
-    const version = useEditorVersion();
-    if (!elevOpen() || !elev.frame)
-        return null;
-    // the selected dimension, as the last drawing kept it
-    const act = elev.active ? JSON.parse(elev.active) : null, on = act ? { act } : undefined;
-    const t = elevTitle(), bar = elevBar(act);
-    return (_jsxs(View, { style: s.sheet, accessibilityRole: "none", accessibilityLabel: "Wall elevation", testID: "elev", children: [_jsxs(View, { style: s.top, children: [_jsx(CircleButton, { icon: "back", label: "Back to the plan", onPress: closeElevation, testID: "elevClose" }), _jsxs(View, { style: s.title, children: [_jsx(Text, { style: s.titleText, testID: "elevTitle", children: t.title }), _jsx(Text, { style: s.sub, testID: "elevSub", children: t.sub })] }), _jsxs(Pill, { kind: "grey", accessibilityLabel: "Flip: look from the other side", onPress: flipElevation, style: { minWidth: 0 }, children: [_jsx(Icon, { name: "flip" }), _jsx(Text, { style: s.flip, children: "Flip" })] }), _jsx(CircleButton, { icon: "fit", label: "Fit to screen", onPress: fitElevation, testID: "elevFit" })] }), _jsxs(View, { style: s.body, children: [_jsx(ElevCanvas, { version: version }), _jsxs(View, { style: s.rail, children: [ELEV_RAIL.map((it, i) => it === '|' ? _jsx(View, { style: s.div }, 'd' + i) : (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: it[1], accessibilityState: { selected: elev.tool === it[0] }, onPress: () => setElevTool(it[0]), style: [s.btn, elev.tool === it[0] && { backgroundColor: '#fff' }], children: _jsx(Icon, { name: it[3], color: elev.tool === it[0] ? C.dark : '#fff' }) }, it[0]))), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Undo", onPress: () => undo(), style: s.btn, children: _jsx(Icon, { name: "undo" }) }), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Redo", onPress: () => redo(), style: s.btn, children: _jsx(Icon, { name: "redo" }) })] }), bar && (_jsxs(View, { style: s.bar, testID: "elevBar", children: [_jsx(Text, { style: s.barText, testID: "elevSel", children: bar.label }), bar.actions.map(a => (_jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: a.label, onPress: a.run, style: s.cb, children: [_jsx(Icon, { name: a.icon }), _jsx(Text, { style: s.cbText, children: a.label })] }, a.label))), bar.plus && (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Change this measurement", testID: "elevAdd", onPress: editSelected, style: s.add, children: _jsx(Icon, { name: "plus", color: C.dark }) }))] })), elevTrashEnabled(on) && (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Delete the selected dimension", testID: "elevTrash", onPress: deleteSelectedElevDim, style: s.trash, children: _jsx(Icon, { name: "trash" }) }))] })] }));
-}
-const s = StyleSheet.create({
-    sheet: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, backgroundColor: C.dark, zIndex: 52 },
-    top: { flexDirection: 'row', alignItems: 'center', gap: 10, paddingTop: 12, paddingHorizontal: 12, paddingBottom: 10 },
-    title: { flex: 1, minWidth: 0 },
-    titleText: { fontFamily: FONT, fontSize: 16, fontWeight: '700', color: '#fff' },
-    sub: { fontFamily: FONT, fontSize: 12.5, color: C.lg1 },
-    flip: { fontFamily: FONT, fontSize: 14, fontWeight: '600', color: '#fff' },
-    body: { flex: 1, position: 'relative', overflow: 'hidden' },
-    rail: { position: 'absolute', left: 12, top: 12, backgroundColor: C.g2, borderRadius: 30, paddingVertical: 8, paddingHorizontal: 6, alignItems: 'center', ...shadow },
-    btn: { width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
-    div: { width: 28, height: 1, backgroundColor: C.g3, marginVertical: 5 },
-    bar: { position: 'absolute', bottom: 14, alignSelf: 'center', flexDirection: 'row', alignItems: 'center', gap: 6, backgroundColor: C.g2, borderRadius: 34, paddingVertical: 6, paddingLeft: 16, paddingRight: 6, ...shadow },
-    barText: { fontFamily: FONT, fontSize: 13, fontWeight: '600', color: '#fff', marginRight: 6 },
-    cb: { minWidth: 58, height: 54, borderRadius: 27, alignItems: 'center', justifyContent: 'center', gap: 3, paddingHorizontal: 8 },
-    cbText: { fontFamily: FONT, fontSize: 10.5, fontWeight: '500', color: '#fff' },
-    add: { width: 48, height: 48, borderRadius: 24, backgroundColor: C.yellow, alignItems: 'center', justifyContent: 'center' },
-    trash: { position: 'absolute', right: 16, bottom: 16, width: 56, height: 56, borderRadius: 28, backgroundColor: C.red, alignItems: 'center', justifyContent: 'center', ...shadow },
-});
-//# sourceMappingURL=ElevationSheet.js.map

package/dist/react/ElevationSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElevationSheet.js","sourceRoot":"","sources":["../../src/react/ElevationSheet.tsx"],"names":[],"mappings":"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"}

package/dist/render/elevationView.d.ts

@@ -1,3 +0,0 @@
-import { type ElevHit } from './elevation';
-import type { DrawCtx } from './ctx';
-export declare function drawElevationView(c: DrawCtx): ElevHit[];

package/dist/render/elevationView.js

@@ -1,100 +0,0 @@
-import { DOOR_H, elevLines, elevLineUZ, toU, WINDOW_H } from '../model/elevation';
-import { SK } from '../model/store';
-import { elev, NEW_W, openingAt } from '../editor/elevation';
-import { fmtLen } from '../units';
-import { drawElevation, drawKeyPlan, elevFit, elevT, extraRowsPx, previewChip } from './elevation';
-import { TH } from './theme';
-import { S } from './view';
-/* The open wall elevation as a whole: the wall (render/elevation.ts), what's selected, the drawing tools' previews,
-   and the key plan. Fits the view the first time. Returns the tappable chips. */
-/** Size of the key plan in the top-right corner. */
-const keyPlanSize = (W) => Math.min(150, Math.max(96, W * 0.16));
-export function drawElevationView(c) {
-    const sk = SK(), f = elev.frame, W = elev.W, H = elev.H;
-    // the key plan sits top-right: keep the wall clear of it (beside it on wide screens, below it on tall ones)
-    const k = keyPlanSize(W), wide = W >= H;
-    if (!elev.view)
-        elev.view = elevFit(f, W, H, { left: 56, bottom: extraRowsPx(sk, f), ...(wide ? { right: k + 28 } : { top: k + 28 }) });
-    const hits = drawElevation(c, W, H, elev.view, sk, f, elev.active);
-    // yellow: the opening being dragged, selected openings, selected corners (a bold edge line)
-    c.save();
-    c.strokeStyle = TH.yellow;
-    for (const h of hits) {
-        if (h.act.k === 'body' && (h.act.op === elev.dragOp || elev.objs.some(o => o.k === 'op' && o.id === h.act.op))) {
-            c.lineWidth = 3;
-            c.strokeRect(h.x - 2, h.y - 2, h.w + 4, h.h + 4);
-        }
-        else if (h.act.k === 'corner' && elev.objs.some(o => o.k === 'corner' && o.end === h.act.end)) {
-            c.lineWidth = 5;
-            c.beginPath();
-            c.moveTo(h.x + h.w / 2, h.y);
-            c.lineTo(h.x + h.w / 2, h.y + h.h);
-            c.stroke();
-        }
-    }
-    const T = elevT(elev.view, W, H);
-    c.lineCap = 'round';
-    c.lineWidth = 4;
-    for (const ln of elevLines(sk, f)) {
-        if (!elev.objs.some(o => o.k === 'line' && o.id === ln.id))
-            continue;
-        const [a, b] = elevLineUZ(f, ln), p = S(T, a[0], a[1]), q = S(T, b[0], b[1]);
-        c.beginPath();
-        c.moveTo(p[0], p[1]);
-        c.lineTo(q[0], q[1]);
-        c.stroke();
-    }
-    c.restore();
-    drawPreview(c, T, f);
-    drawKeyPlan(c, W - k - 14, 14, k, sk, f);
-    return hits;
-}
-/** Previews for the drawing tools: the line being drawn (with its length), a ghost door/window, the snap marker. */
-function drawPreview(c, T, f) {
-    const cur = elev.cursor;
-    if (elev.tool === 'select' || !cur)
-        return;
-    c.save();
-    if ((elev.tool === 'door' || elev.tool === 'window') && (cur.p[1] >= -1 && cur.p[1] <= f.H + 1)) {
-        const spot = openingAt(elev.tool, cur.p[0], cur.p[1]);
-        if (spot) {
-            const h = elev.tool === 'door' ? DOOR_H : WINDOW_H, u0 = toU(f, spot.at - NEW_W / 2), u1 = toU(f, spot.at + NEW_W / 2);
-            const [x0, y0] = S(T, Math.min(u0, u1), spot.sill + h), [x1, y1] = S(T, Math.max(u0, u1), spot.sill);
-            c.fillStyle = 'rgba(0,102,255,.08)';
-            c.fillRect(x0, y0, x1 - x0, y1 - y0);
-            c.strokeStyle = TH.blue;
-            c.lineWidth = 1.5;
-            c.setLineDash([6, 4]);
-            c.strokeRect(x0, y0, x1 - x0, y1 - y0);
-        }
-    }
-    else if (elev.tool === 'line' || elev.tool === 'guide') {
-        const [mx, my] = S(T, cur.p[0], cur.p[1]);
-        if (elev.lineStart) {
-            const [sx, sy] = S(T, elev.lineStart[0], elev.lineStart[1]);
-            c.strokeStyle = elev.tool === 'guide' ? TH.constr : TH.ink;
-            c.lineWidth = 2;
-            c.setLineDash(elev.tool === 'guide' ? [6, 5] : []);
-            c.beginPath();
-            c.moveTo(sx, sy);
-            c.lineTo(mx, my);
-            c.stroke();
-            c.setLineDash([]);
-            const len = Math.hypot(cur.p[0] - elev.lineStart[0], cur.p[1] - elev.lineStart[1]);
-            if (len > 0.5)
-                previewChip(c, fmtLen(len), (sx + mx) / 2, (sy + my) / 2 - 16);
-            c.fillStyle = TH.ink;
-            c.beginPath();
-            c.arc(sx, sy, 3.5, 0, Math.PI * 2);
-            c.fill();
-        }
-        c.setLineDash([]);
-        c.strokeStyle = cur.kind ? TH.purple : TH.ink2;
-        c.lineWidth = 2;
-        c.beginPath();
-        c.arc(mx, my, cur.kind === 'pt' ? 7 : 5, 0, Math.PI * 2);
-        c.stroke();
-    }
-    c.restore();
-}
-//# sourceMappingURL=elevationView.js.map