@reekon-tools/boldr-cad 0.1.0 → 1.0.0

package/dist/render/elevationView.js.map

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

package/src/react/ElevCanvas.native.tsx

@@ -1,68 +0,0 @@
-import { Canvas, Picture, type SkPicture } from '@shopify/react-native-skia';
-import { useLayoutEffect, useMemo, useState } from 'react';
-import { View, type LayoutChangeEvent } from 'react-native';
-import { Gesture, GestureDetector, PointerType, type GestureTouchEvent, type TouchData } from 'react-native-gesture-handler';
-import {
-  elev, elevAfterRender, elevPointerCancel, elevPointerDown, elevPointerLeave, elevPointerMove, elevPointerUp, elevSyncFrame,
-  fitElevation,
-} from '../editor/elevation';
-import type { PointerIn } from '../editor/gestures';
-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: PointerType): string => (t === PointerType.STYLUS ? 'pen' : t === PointerType.MOUSE ? 'mouse' : 'touch');
-const pin = (t: TouchData, kind: string): PointerIn => ({ id: t.id, kind, x: t.x, y: t.y, t: Date.now(), cx: t.absoluteX, cy: t.absoluteY });
-
-export function ElevCanvas({ version }: { version: number }) {
-  const [picture, setPicture] = useState<SkPicture | null>(null);
-  const [size, setSize] = useState({ w: 0, h: 0 });
-
-  const onLayout = (e: LayoutChangeEvent) => {
-    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: GestureTouchEvent, manager) => {
-        manager.activate();
-        for (const t of e.changedTouches) elevPointerDown(pin(t, kindOf(e.pointerType)));
-      })
-      .onTouchesMove((e: GestureTouchEvent) => { for (const t of e.changedTouches) elevPointerMove(pin(t, kindOf(e.pointerType))); })
-      .onTouchesUp((e: GestureTouchEvent, manager) => {
-        for (const t of e.changedTouches) elevPointerUp(pin(t, kindOf(e.pointerType)));
-        if (e.numberOfTouches === 0) manager.end();
-      })
-      .onTouchesCancelled((e: GestureTouchEvent, 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 (
-    <GestureDetector gesture={gesture}>
-      <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} onLayout={onLayout} testID="elevCv">
-        <Canvas style={{ flex: 1 }}>
-          {picture && <Picture picture={picture} />}
-        </Canvas>
-      </View>
-    </GestureDetector>
-  );
-}

package/src/react/ElevCanvas.web.tsx

@@ -1,42 +0,0 @@
-import { useEffect, useLayoutEffect, useRef } from 'react';
-import {
-  elev, elevAfterRender, elevPointerCancel, elevPointerDown, elevPointerLeave, elevPointerMove, elevPointerUp, elevSyncFrame, elevWheel,
-  fitElevation,
-} from '../editor/elevation';
-import type { PointerIn } from '../editor/gestures';
-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 }: { version: number }) {
-  const ref = useRef<HTMLCanvasElement>(null);
-  useEffect(() => {
-    const cv = ref.current!, ac = new AbortController(), on = { signal: ac.signal };
-    setCursorTarget('elevation', c => { cv.style.cursor = c; });
-    const pin = (e: PointerEvent): PointerIn => {
-      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 <canvas ref={ref} id="elevCv" style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', touchAction: 'none', display: 'block' }} data-v={version} />;
-}

package/src/react/ElevationSheet.tsx

@@ -1,88 +0,0 @@
-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 type { ElevAct, ElevHit } from '../render/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) as ElevAct) : null, on = act ? ({ act } as ElevHit) : undefined;
-  const t = elevTitle(), bar = elevBar(act);
-  return (
-    <View style={s.sheet} accessibilityRole="none" accessibilityLabel="Wall elevation" testID="elev">
-      <View style={s.top}>
-        <CircleButton icon="back" label="Back to the plan" onPress={closeElevation} testID="elevClose" />
-        <View style={s.title}>
-          <Text style={s.titleText} testID="elevTitle">{t.title}</Text>
-          <Text style={s.sub} testID="elevSub">{t.sub}</Text>
-        </View>
-        <Pill kind="grey" accessibilityLabel="Flip: look from the other side" onPress={flipElevation} style={{ minWidth: 0 }}>
-          <Icon name="flip" /><Text style={s.flip}>Flip</Text>
-        </Pill>
-        <CircleButton icon="fit" label="Fit to screen" onPress={fitElevation} testID="elevFit" />
-      </View>
-      <View style={s.body}>
-        <ElevCanvas version={version} />
-        <View style={s.rail}>
-          {ELEV_RAIL.map((it, i) => it === '|' ? <View key={'d' + i} style={s.div} /> : (
-            <Pressable key={it[0]} accessibilityRole="button" accessibilityLabel={it[1]} accessibilityState={{ selected: elev.tool === it[0] }} onPress={() => setElevTool(it[0])}
-              style={[s.btn, elev.tool === it[0] && { backgroundColor: '#fff' }]}>
-              <Icon name={it[3]} color={elev.tool === it[0] ? C.dark : '#fff'} />
-            </Pressable>
-          ))}
-          <Pressable accessibilityRole="button" accessibilityLabel="Undo" onPress={() => undo()} style={s.btn}><Icon name="undo" /></Pressable>
-          <Pressable accessibilityRole="button" accessibilityLabel="Redo" onPress={() => redo()} style={s.btn}><Icon name="redo" /></Pressable>
-        </View>
-        {bar && (
-          <View style={s.bar} testID="elevBar">
-            <Text style={s.barText} testID="elevSel">{bar.label}</Text>
-            {bar.actions.map(a => (
-              <Pressable key={a.label} accessibilityRole="button" accessibilityLabel={a.label} onPress={a.run} style={s.cb}>
-                <Icon name={a.icon} /><Text style={s.cbText}>{a.label}</Text>
-              </Pressable>
-            ))}
-            {bar.plus && (
-              <Pressable accessibilityRole="button" accessibilityLabel="Change this measurement" testID="elevAdd" onPress={editSelected} style={s.add}>
-                <Icon name="plus" color={C.dark} />
-              </Pressable>
-            )}
-          </View>
-        )}
-        {elevTrashEnabled(on) && (
-          <Pressable accessibilityRole="button" accessibilityLabel="Delete the selected dimension" testID="elevTrash" onPress={deleteSelectedElevDim} style={s.trash}>
-            <Icon name="trash" />
-          </Pressable>
-        )}
-      </View>
-    </View>
-  );
-}
-
-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 },
-});

package/src/render/elevationView.ts

@@ -1,73 +0,0 @@
-import { DOOR_H, elevLines, elevLineUZ, toU, WINDOW_H, type ElevFrame } 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, type ElevHit } from './elevation';
-import { TH } from './theme';
-import { S, type Xform } from './view';
-import type { DrawCtx } from './ctx';
-
-/* 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: number) => Math.min(150, Math.max(96, W * 0.16));
-
-export function drawElevationView(c: DrawCtx): ElevHit[] {
-  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 as { op: string }).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 as { end: string }).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: DrawCtx, T: Xform, f: ElevFrame): void {
-  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();
-}