@reekon-tools/boldr-cad 0.1.0 → 1.0.0

package/dist/react/LaserTray.js

@@ -1,17 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { Text, View } from 'react-native';
 import { laser, useTrayReading } from '../editor/laser';
 import { fmtLen } from '../units';
-import { notify } from './store';
+import { notify, useEditorKey } from './store';
 import { C, FONT, shadow } from './theme';
+import { Tap } from './motion';
+import { createSheet } from './corners';
 /** Readings that arrived with nothing to go to: tap one to put it on the selected line. */
 export function LaserTray({ phone }) {
+    useEditorKey(() => (laser.on ? [laser.external, ...laser.readings.map(r => r.id + ':' + fmtLen(r.v))].join('|') : ''));
     if (!laser.on)
         return null;
-    return (_jsxs(View, { style: [s.tray, { bottom: phone ? 160 : 92 }], testID: "tray", children: [_jsxs(View, { style: s.head, children: [_jsx(Text, { style: s.title, children: "Laser readings" }), !laser.external && _jsx(Pressable, { accessibilityRole: "button", onPress: () => { laser.on = false; laser.readings = []; notify(); }, children: _jsx(Text, { style: s.link, children: "Disconnect" }) })] }), laser.readings.length ? (_jsx(View, { style: s.chips, children: laser.readings.map(r => (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: 'Reading ' + fmtLen(r.v) + '. Tap to put it on the selected line.', onPress: () => useTrayReading(r.id), style: s.chip, children: _jsx(Text, { style: s.chipText, children: fmtLen(r.v) }) }, r.id))) })) : _jsx(Text, { style: s.help, children: "Select a wall and take a reading, or tap a reading here to put it on the selected line." })] }));
+    return (_jsxs(View, { style: [s.tray, phone ? { left: 12, bottom: 160 } : { left: 90, bottom: 92 }], testID: "tray", children: [_jsxs(View, { style: s.head, children: [_jsx(Text, { style: s.title, children: "Laser readings" }), !laser.external && _jsx(Tap, { accessibilityRole: "button", onPress: () => { laser.on = false; laser.readings = []; notify(); }, children: _jsx(Text, { style: s.link, children: "Disconnect" }) })] }), laser.readings.length ? (_jsx(View, { style: s.chips, children: laser.readings.map(r => (_jsx(Tap, { accessibilityRole: "button", accessibilityLabel: 'Reading ' + fmtLen(r.v) + '. Tap to put it on the selected line.', onPress: () => useTrayReading(r.id), style: s.chip, children: _jsx(Text, { style: s.chipText, children: fmtLen(r.v) }) }, r.id))) })) : _jsx(Text, { style: s.help, children: "Select a wall and take a reading, or tap a reading here to put it on the selected line." })] }));
 }
-const s = StyleSheet.create({
-    tray: { position: 'absolute', left: 12, zIndex: 23, backgroundColor: C.g1, borderRadius: 15, padding: 10, width: 250, ...shadow },
+const s = createSheet({
+    tray: { position: 'absolute', zIndex: 23, backgroundColor: C.g1, borderRadius: 15, padding: 10, width: 250, ...shadow },
     head: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 },
     title: { fontFamily: FONT, fontSize: 13, fontWeight: '600', color: C.lg2 },
     link: { fontFamily: FONT, fontSize: 12, fontWeight: '600', color: C.lblue, padding: 4 },

package/dist/react/LaserTray.js.map

@@ -1 +1 @@
-{"version":3,"file":"LaserTray.js","sourceRoot":"","sources":["../../src/react/LaserTray.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LaserTray.js","sourceRoot":"","sources":["../../src/react/LaserTray.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,2FAA2F;AAC3F,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAsB;IACrD,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvH,IAAI,CAAC,KAAK,CAAC,EAAE;QAAE,OAAO,IAAI,CAAC;IAC3B,OAAO,CAEL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM,aAChG,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,IAAI,aACjB,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,+BAAuB,EAC1C,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAC,GAAG,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,YAAE,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,IAAI,2BAAmB,GAAM,IAChK,EACN,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,YACjB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACvB,KAAC,GAAG,IAAY,iBAAiB,EAAC,QAAQ,EAAC,kBAAkB,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,uCAAuC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,YACnL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,YAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAQ,IADrC,CAAC,CAAC,EAAE,CAER,CACP,CAAC,GACG,CACR,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,IAAI,wGAAgG,IAClH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,GAAG,WAAW,CAAC;IACpB,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE;IACvH,IAAI,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,EAAE;IACtG,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE;IAC1E,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE;IACvF,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE;IACzD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE;IAC/G,QAAQ,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9E,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CACtE,CAAC,CAAC"}

package/dist/react/MarkupPanel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The markup stroke panel, beside the rail (its color dot) — BOLDR's annotation set: color,
+ * width, solid / dashed / dotted, and the ends of a pen stroke or arrow. It changes the selected markup, or the look of
+ * the next markup drawn; it stays open while things are set, and closes on a tap on the drawing.
+ */
+export declare function MarkupPanel({ phone }: {
+    phone: boolean;
+}): import("react").JSX.Element | null;

package/dist/react/MarkupPanel.js

@@ -0,0 +1,67 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Animated, Text, View } from 'react-native';
+import { FitScroll } from './FitScroll';
+import { ed } from '../app/state';
+import { markupTarget, NOTE_CAPS, NOTE_COLORS, NOTE_STYLES, NOTE_TEXT_SIZES, NOTE_WIDTHS, setNoteCap, setNoteColor, setNoteStyle, setNoteTextSize, setNoteWidth, } from '../editor/markup';
+import { fmtLen } from '../units';
+import { Tap, usePopup } from './motion';
+import { notify, ui, useEditorKey } from './store';
+import { C, FONT, shadow } from './theme';
+import { createSheet } from './corners';
+const STYLE_LABEL = { solid: 'Solid', dash: 'Dashed', dot: 'Dotted' };
+const CAP_LABEL = { butt: 'Flat', round: 'Round', arrow: 'Arrow' };
+/** A solid bar, three dashes or three dots. */
+function StylePreview({ style }) {
+    if (style === 'solid')
+        return _jsx(View, { style: s.bar });
+    return (_jsx(View, { style: s.previewRow, children: [0, 1, 2].map(i => _jsx(View, { style: style === 'dash' ? s.dash : s.dot }, i)) }));
+}
+/** A flat bar, a rounded bar, or a shaft with an arrowhead (pointing back for the start). */
+function CapPreview({ cap, start }) {
+    if (cap !== 'arrow')
+        return _jsx(View, { style: [s.capBar, cap === 'round' && { borderRadius: 4 }] });
+    return (_jsxs(View, { style: [s.previewRow, { gap: 0 }, start && { flexDirection: 'row-reverse' }], children: [_jsx(View, { style: s.shaft }), _jsx(View, { style: [s.head, start ? s.headLeft : s.headRight] })] }));
+}
+function Option({ label, on, onPress, tall, children }) {
+    return (_jsxs(Tap, { accessibilityRole: "button", accessibilityLabel: label, accessibilityState: { selected: on }, "aria-pressed": on, onPress: () => { onPress(); notify(); }, style: [s.opt, tall && s.optTall, on && s.optOn], children: [children, tall ? _jsx(Text, { style: s.optText, children: label.replace(/^(Start|End): /, '') }) : null] }));
+}
+/**
+ * The markup stroke panel, beside the rail (its color dot) — BOLDR's annotation set: color,
+ * width, solid / dashed / dotted, and the ends of a pen stroke or arrow. It changes the selected markup, or the look of
+ * the next markup drawn; it stays open while things are set, and closes on a tap on the drawing.
+ */
+export function MarkupPanel({ phone }) {
+    useEditorKey(() => (ui.palette && ed.mode === 'annotate' ? JSON.stringify(markupTarget()) : ''));
+    // (it grows out from the rail, beside it)
+    const open = ui.palette && ed.mode === 'annotate', pop = usePopup(open, { x: -8 }, 'top left');
+    if (!pop.present)
+        return null;
+    const t = markupTarget();
+    return (_jsx(View, { style: [s.wrap, phone && { top: 162 }], pointerEvents: "box-none", children: _jsx(Animated.View, { style: [s.panel, pop.style], pointerEvents: open ? 'auto' : 'none', testID: open ? 'palette' : undefined, children: _jsxs(FitScroll, { contentContainerStyle: s.body, children: [_jsx(Text, { style: s.label, children: "Color" }), _jsx(View, { style: s.swatches, children: NOTE_COLORS.map(c => (_jsx(Tap, { accessibilityRole: "button", accessibilityLabel: 'Color ' + c, accessibilityState: { selected: c === t.color }, "aria-pressed": c === t.color, onPress: () => { setNoteColor(c); notify(); }, style: [s.swatch, { backgroundColor: c }, c === t.color && s.swatchOn] }, c))) }), t.textIn != null && (_jsxs(_Fragment, { children: [_jsx(Text, { style: s.label, children: "Text size" }), _jsx(View, { style: s.row, children: NOTE_TEXT_SIZES.map(v => (_jsx(Option, { label: 'Text size ' + fmtLen(v), on: Math.abs(t.textIn - v) < 1e-6, onPress: () => setNoteTextSize(v), children: _jsx(Text, { style: [s.sizeText, { fontSize: 9 + v }], children: "A" }) }, v))) })] })), t.widthApplies && (_jsxs(_Fragment, { children: [_jsx(Text, { style: s.label, children: "Width" }), _jsx(View, { style: s.row, children: NOTE_WIDTHS.map((w, i) => (_jsx(Option, { label: 'Width ' + w, on: t.width === w, onPress: () => setNoteWidth(w), children: _jsx(View, { style: { width: 4 + i * 2.5, height: 4 + i * 2.5, borderRadius: 10, backgroundColor: '#fff' } }) }, w))) })] })), _jsx(Text, { style: s.label, children: "Style" }), _jsx(View, { style: s.row, children: NOTE_STYLES.map(st => (_jsx(Option, { label: STYLE_LABEL[st], tall: true, on: t.style === st, onPress: () => setNoteStyle(st), children: _jsx(StylePreview, { style: st }) }, st))) }), t.ends && ['start', 'end'].map(which => (_jsxs(View, { style: s.section, children: [_jsx(Text, { style: s.label, children: which === 'start' ? 'Start' : 'End' }), _jsx(View, { style: s.row, children: NOTE_CAPS.map(cap => (_jsx(Option, { label: (which === 'start' ? 'Start: ' : 'End: ') + CAP_LABEL[cap], tall: true, on: (which === 'start' ? t.startCap : t.endCap) === cap, onPress: () => setNoteCap(which, cap), children: _jsx(CapPreview, { cap: cap, start: which === 'start' }) }, cap))) })] }, which)))] }) }) }));
+}
+const s = createSheet({
+    wrap: { position: 'absolute', left: 76, top: 112, bottom: 84, zIndex: 46, alignItems: 'flex-start' },
+    panel: { width: 264, maxHeight: '100%', backgroundColor: C.g1, borderRadius: 20, borderWidth: 1, borderColor: C.g2, ...shadow },
+    body: { padding: 12, gap: 8 },
+    section: { gap: 8 },
+    label: { fontFamily: FONT, fontSize: 11, fontWeight: '600', color: C.g4, textTransform: 'uppercase', letterSpacing: 0.5, marginTop: 2 },
+    swatches: { flexDirection: 'row', flexWrap: 'wrap', gap: 10 },
+    swatch: { width: 40, height: 32, borderRadius: 16, borderWidth: 2, borderColor: 'rgba(255,255,255,0.18)' },
+    swatchOn: { borderColor: '#fff', borderWidth: 3 },
+    row: { flexDirection: 'row', gap: 8, alignItems: 'center' },
+    opt: { flex: 1, height: 40, borderRadius: 12, alignItems: 'center', justifyContent: 'center', borderWidth: 1, borderColor: 'rgba(255,255,255,0.18)' },
+    optTall: { height: 48, gap: 5 },
+    optOn: { borderColor: '#fff', backgroundColor: C.blue },
+    sizeText: { fontFamily: FONT, fontWeight: '600', color: '#fff' },
+    optText: { fontFamily: FONT, fontSize: 10, fontWeight: '500', color: '#fff' },
+    bar: { width: 24, height: 5, backgroundColor: '#fff' },
+    previewRow: { flexDirection: 'row', alignItems: 'center', gap: 3 },
+    dash: { width: 6, height: 5, backgroundColor: '#fff' },
+    dot: { width: 5, height: 5, borderRadius: 3, backgroundColor: '#fff' },
+    capBar: { width: 22, height: 7, backgroundColor: '#fff' },
+    shaft: { width: 13, height: 5, backgroundColor: '#fff' },
+    head: { width: 0, height: 0, borderTopWidth: 6, borderBottomWidth: 6, borderTopColor: 'transparent', borderBottomColor: 'transparent' },
+    headRight: { borderLeftWidth: 9, borderLeftColor: '#fff' },
+    headLeft: { borderRightWidth: 9, borderRightColor: '#fff' },
+});
+//# sourceMappingURL=MarkupPanel.js.map

package/dist/react/MarkupPanel.js.map

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

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

@@ -1,6 +1,11 @@
 import type { Page } from '../model/types';
-/** A page's thumbnail in the project panel (recorded with Skia). */
-export declare function PageThumb({ page, version }: {
+/**
+ * A page's thumbnail in the project panel (recorded with Skia), `height` tall and as wide as its place. `version`: what
+ * it shows changed — drawn again once it has stopped changing for a moment, so drawing with the panel open (a tablet's
+ * stays open beside the drawing) doesn't draw the whole page a second time at every edit.
+ */
+export declare function PageThumb({ page, version, height: H }: {
     page: Page;
     version: number;
+    height?: number;
 }): import("react").JSX.Element;

package/dist/react/PageThumb.native.js

@@ -1,14 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Canvas, Picture } from '@shopify/react-native-skia';
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { View } from 'react-native';
 import { paintThumb } from '../render/draw';
 import { recordPicture } from '../skia/host';
-const H = 84;
-/** A page's thumbnail in the project panel (recorded with Skia). */
-export function PageThumb({ page, version }) {
-    const [w, setW] = useState(0);
-    const picture = useMemo(() => (w ? recordPicture(w, H, ctx => paintThumb(ctx, w, H, page)).picture : null), [page, version, w]);
-    return (_jsx(View, { style: { width: '100%', height: H, borderRadius: 5, overflow: 'hidden' }, onLayout: e => setW(e.nativeEvent.layout.width), children: picture && _jsx(Canvas, { style: { flex: 1 }, children: _jsx(Picture, { picture: picture }) }) }));
+/** How long after an edit the page being drawn on has its thumbnail drawn again (not at each of a run of edits). */
+const SETTLE_MS = 400;
+/**
+ * A page's thumbnail in the project panel (recorded with Skia), `height` tall and as wide as its place. `version`: what
+ * it shows changed — drawn again once it has stopped changing for a moment, so drawing with the panel open (a tablet's
+ * stays open beside the drawing) doesn't draw the whole page a second time at every edit.
+ */
+export function PageThumb({ page, version, height: H = 84 }) {
+    const [w, setW] = useState(0), [shown, setShown] = useState(version);
+    useEffect(() => {
+        if (version === shown)
+            return;
+        const t = setTimeout(() => setShown(version), SETTLE_MS);
+        return () => clearTimeout(t);
+    }, [version, shown]);
+    // (a page changed elsewhere and synced in has a new sketch: drawn again for that too)
+    const picture = useMemo(() => (w ? recordPicture(w, H, ctx => paintThumb(ctx, w, H, page)).picture : null), [page, page.sk, shown, w, H]);
+    return (_jsx(View, { style: { width: '100%', height: H, overflow: 'hidden' }, onLayout: e => setW(e.nativeEvent.layout.width), children: picture && _jsx(Canvas, { style: { flex: 1 }, children: _jsx(Picture, { picture: picture }) }) }));
 }
 //# sourceMappingURL=PageThumb.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageThumb.native.js","sourceRoot":"","sources":["../../src/react/PageThumb.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,GAAG,EAAE,CAAC;AAEb,oEAAoE;AACpE,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAmC;IAC1E,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAChI,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,YAC5H,OAAO,IAAI,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAE,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI,GAAS,GACzE,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PageThumb.native.js","sourceRoot":"","sources":["../../src/react/PageThumb.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,oHAAoH;AACpH,MAAM,SAAS,GAAG,GAAG,CAAC;AAEtB;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAoD;IAC3G,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,KAAK;YAAE,OAAO;QAC9B,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACrB,sFAAsF;IACtF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1I,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,YAC3G,OAAO,IAAI,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAE,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI,GAAS,GACzE,CACR,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,7 @@
 import type { Page } from '../model/types';
-/** A page's thumbnail in the project panel (drawn with the browser canvas). */
-export declare function PageThumb({ page, version }: {
+/** A page's thumbnail in the project panel (drawn with the browser canvas), `height` tall and as wide as its place. */
+export declare function PageThumb({ page, version, height }: {
     page: Page;
     version: number;
+    height?: number;
 }): import("react").JSX.Element;

package/dist/react/PageThumb.web.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { drawThumb } from '../render/draw';
-/** A page's thumbnail in the project panel (drawn with the browser canvas). */
-export function PageThumb({ page, version }) {
+/** A page's thumbnail in the project panel (drawn with the browser canvas), `height` tall and as wide as its place. */
+export function PageThumb({ page, version, height = 84 }) {
     const ref = useRef(null);
     useEffect(() => {
         const id = requestAnimationFrame(() => { if (ref.current)
             drawThumb(ref.current, page); });
         return () => cancelAnimationFrame(id);
-    }, [page, version]);
-    return _jsx("canvas", { ref: ref, style: { width: '100%', height: 84, borderRadius: 5, display: 'block' } });
+    }, [page, page.sk, version, height]);
+    return _jsx("canvas", { ref: ref, style: { width: '100%', height, display: 'block' } });
 }
 //# sourceMappingURL=PageThumb.web.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageThumb.web.js","sourceRoot":"","sources":["../../src/react/PageThumb.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,+EAA+E;AAC/E,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAmC;IAC1E,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,OAAO;YAAE,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IACpB,OAAO,iBAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI,CAAC;AACvG,CAAC"}
+{"version":3,"file":"PageThumb.web.js","sourceRoot":"","sources":["../../src/react/PageThumb.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,uHAAuH;AACvH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,EAAE,EAAoD;IACxG,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,OAAO;YAAE,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,OAAO,iBAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI,CAAC;AAClF,CAAC"}

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

@@ -1 +1 @@
-export declare function PlanCanvas(): import("react").JSX.Element;
+export declare const PlanCanvas: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/react/PlanCanvas.native.js

@@ -1,36 +1,129 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Canvas, Picture } from '@shopify/react-native-skia';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Canvas, Group, Picture, Skia } from '@shopify/react-native-skia';
+import { memo, useEffect, useMemo, useRef } from 'react';
 import { View } from 'react-native';
 import { Gesture, GestureDetector, PointerType } from 'react-native-gesture-handler';
+import { runOnJS, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { ed } from '../app/state';
-import { pointerCancel, pointerDown, pointerLeave, pointerMove, pointerUp } from '../editor/gestures';
-import { drawPlan } from '../render/draw';
-import { cvs, fitView, setFrameRenderer, setImageLoader, setViewSize } from '../render/view';
+import { navigationOnly, pointerCancel, pointerDown, pointerLeave, pointerMove, pointersStill, pointerUp, setHostNavigation } from '../editor/gestures';
+import { drawPlanOverlay, drawPlanStatic, drawPlanUnder } from '../render/draw';
+import { carryTo, NAV_CANCEL, NAV_DOWN, NAV_MOVE, NAV_UP, navTouch, } from '../render/navigate';
+import { cvs, drawingChanged, fitView, imagesChanged, mainT, markDrawingKept, markImagesKept, paintPending, setFrameRenderer, setImageLoader, setTextMeasure, setViewFromHost, setViewSize, V, } from '../render/view';
 import { page } from '../model/store';
-import { recordPicture, skiaImageLoader } from '../skia/host';
+import { recordLayers, skiaImageLoader, skiaTextMeasure } from '../skia/host';
 /*
-  The plan on a device: each frame is recorded as a Skia picture by the shared renderer, and touches, Apple Pencil and
-  a trackpad pointer reach editor/gestures.ts through one manual gesture (plus hover), as the browser's pointer events
-  do. Pen draws and fingers navigate, as on the web.
+  The plan on a device. Pan and zoom never wait for the JavaScript thread: the fingers are followed on the UI thread
+  (a worklet), which moves the view and redraws at the screen's own rate (120 Hz on ProMotion), as a native app does.
+
+  The drawing itself is drawn on the JavaScript thread by the shared renderer, recorded as Skia pictures, and handed
+  to the canvas through shared values — so no frame goes through React. While a pinch runs, that thread draws the
+  plan again at the newest view as fast as it can, and until each new picture arrives the UI thread moves and scales
+  the last one to where the fingers have taken the view. Pictures reach past the screen's edges (OVERSCAN), so one
+  that has fallen a little behind a pinch out or a fling shows drawing, not an edge; what stays put on the screen (the
+  wall view's key plan, the conflict border) is drawn apart and never moves.
+
+  As a tool follows the pointer, only the moving parts (preview, snap marker, selection box) are drawn again; the
+  drawing is kept until it changes. Touches still reach editor/gestures.ts for the tools, Apple Pencil, and two- and
+  three-finger taps (undo, redo); it leaves the view to this canvas (setHostNavigation).
 */
-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 PlanCanvas() {
-    const [picture, setPicture] = useState(null);
+/** How far past each edge of the screen a picture of the drawing reaches, as a share of the screen's longer side. */
+const OVERSCAN = 0.5;
+const EMPTY = Skia.Picture.MakePicture(null);
+/** The latest of the UI thread's views this thread has taken; each frame says which it includes. */
+let hostSeq = 0;
+/**
+ * Touches from the UI thread: the view first, if the fingers moved it, then each touch to the editor's gestures (as a
+ * pointer lands, `down` is every one still down: any other's lift was lost).
+ */
+function touchesOnJS(type, kind, ts, view, down) {
+    if (view) {
+        hostSeq = view.seq;
+        setViewFromHost(view.s, view.cx, view.cy);
+    }
+    if (down)
+        pointersStill(down);
+    const fn = type === NAV_DOWN ? pointerDown : type === NAV_MOVE ? pointerMove : type === NAV_UP ? pointerUp : pointerCancel, t = Date.now();
+    for (const [id, x, y, ax, ay] of ts)
+        fn({ id, kind, x, y, t, cx: ax, cy: ay });
+    // what a tool shows following the finger (a shape's outline, its marks, the snap), drawn now: left for the next frame
+    // it reached the screen a frame behind the finger. Only when nothing but those moving parts changed — the drawing
+    // itself, and the view, are drawn on the frame as before.
+    if (!view && !drawingChanged() && !imagesChanged())
+        paintPending();
+}
+const kindOf = (t) => {
+    'worklet';
+    return t === PointerType.STYLUS ? 'pen' : t === PointerType.MOUSE ? 'mouse' : 'touch';
+};
+const pack = (ts) => {
+    'worklet';
+    return ts.map(t => [t.id, t.x, t.y, t.absoluteX, t.absoluteY]);
+};
+export const PlanCanvas = memo(function PlanCanvas() {
     const first = useRef(true);
+    const frame = useSharedValue(null);
+    const view = useSharedValue({ s: 1, cx: 0, cy: 0, seq: 0 });
+    // the UI thread's own: the fingers down, whether they're navigating and where they were last, a pen seen
+    const nav = useSharedValue({ fingers: {}, navigating: false, last: null, pen: false });
+    const readOnly = useSharedValue(false);
+    // the last pictures, carried from the view they were drawn at to the view the fingers have reached since
+    const shift = useDerivedValue(() => {
+        const f = frame.value, c = f && carryTo(f, view.value);
+        return c ? [{ translateX: c.tx }, { translateY: c.ty }, { scale: c.k }] : [];
+    });
+    const under = useDerivedValue(() => frame.value?.under ?? EMPTY);
+    const base = useDerivedValue(() => frame.value?.base ?? EMPTY);
+    const overlay = useDerivedValue(() => frame.value?.overlay ?? EMPTY);
+    const baseFixed = useDerivedValue(() => frame.value?.baseFixed ?? EMPTY);
+    const overlayFixed = useDerivedValue(() => frame.value?.overlayFixed ?? EMPTY);
     useEffect(() => {
         setImageLoader(skiaImageLoader);
+        // (a device has no browser canvas to measure a note's text with)
+        setTextMeasure(skiaTextMeasure);
+        setHostNavigation(true);
+        /**
+         * The drawing as last kept (and what of it stays put), the photos and plans under it, and the view and size they
+         * were drawn at. Each is drawn again only when it changed: turning or moving a photo redraws the photos alone,
+         * not every wall and dimension over them (a frame's worth of the JavaScript thread on a big plan).
+         */
+        let kept = null;
+        let wasReadOnly = null;
         setFrameRenderer(() => {
             const { W, H } = cvs;
             if (!W || !H)
                 return;
-            const { picture: p, result } = recordPicture(W, H, ctx => drawPlan(ctx, W, H));
-            ed.hitChips = result;
-            setPicture(p);
+            // (fingers only move the view: a drawing that can't be edited, or a sheet up over it — the keypad)
+            const navOnly = navigationOnly();
+            if (navOnly !== wasReadOnly) {
+                wasReadOnly = navOnly;
+                readOnly.value = navOnly;
+            }
+            const T = mainT(), v = V();
+            // the drawing changed, the screen changed size, or the view moved (each step of a pinch: the UI thread carries
+            // the last picture along until this one arrives)
+            const moved = !kept || kept.W !== W || kept.H !== H || kept.T.s !== T.s || kept.T.ox !== T.ox || kept.T.oy !== T.oy;
+            const margin = Math.round(Math.max(W, H) * OVERSCAN);
+            let under = kept?.under, base = kept?.base, fixed = kept?.fixed;
+            if (moved || imagesChanged() || !under) {
+                under = recordLayers(W, H, margin, ctx => drawPlanUnder(ctx, W, H, { margin })).moving;
+                markImagesKept();
+            }
+            if (moved || drawingChanged() || !base || !fixed) {
+                const r = recordLayers(W, H, margin, (ctx, fx) => drawPlanStatic(ctx, W, H, { margin, fixed: fx, layer: 'above' }));
+                base = r.moving;
+                fixed = r.fixed;
+                ed.hitChips = r.result;
+                markDrawingKept();
+            }
+            kept = { under, base, fixed, T, W, H };
+            const over = recordLayers(W, H, 0, (ctx, fx) => drawPlanOverlay(ctx, W, H, { fixed: fx }));
+            frame.value = {
+                under: kept.under, base: kept.base, overlay: over.moving, baseFixed: kept.fixed, overlayFixed: over.fixed,
+                s: T.s, ox: T.ox, oy: T.oy, W, H, view: { s: v.s, cx: v.cx, cy: v.cy }, seq: hostSeq,
+            };
         });
-        return () => { setFrameRenderer(null); setImageLoader(null); };
-    }, []);
+        return () => { setFrameRenderer(null); setImageLoader(null); setTextMeasure(null); setHostNavigation(false); };
+    }, [frame, readOnly]);
     const onLayout = (e) => {
         const { width, height } = e.nativeEvent.layout;
         setViewSize(width, height);
@@ -39,30 +132,35 @@ export function PlanCanvas() {
         first.current = false;
     };
     const gesture = useMemo(() => {
+        /** A touch event on the UI thread: follow the fingers (render/navigate.ts), then hand the touches to this thread. */
+        const touch = (type, e) => {
+            'worklet';
+            const kind = kindOf(e.pointerType), down = type === NAV_DOWN ? e.allTouches.map(t => t.id) : null;
+            const r = navTouch(nav.value, type, kind, e.changedTouches, down, readOnly.value, view.value, frame.value);
+            nav.value = r.st;
+            if (r.view !== view.value)
+                view.value = r.view;
+            runOnJS(touchesOnJS)(type, kind, pack(e.changedTouches), r.moved ? r.view : null, down);
+        };
         const touches = Gesture.Manual()
-            .runOnJS(true)
             .onTouchesDown((e, manager) => {
+            'worklet';
             manager.activate();
-            const kind = kindOf(e.pointerType);
-            for (const t of e.changedTouches)
-                pointerDown(pin(t, kind));
+            touch(NAV_DOWN, e);
         })
-            .onTouchesMove((e) => {
-            const kind = kindOf(e.pointerType);
-            for (const t of e.changedTouches)
-                pointerMove(pin(t, kind));
+            .onTouchesMove(e => {
+            'worklet';
+            touch(NAV_MOVE, e);
         })
             .onTouchesUp((e, manager) => {
-            const kind = kindOf(e.pointerType);
-            for (const t of e.changedTouches)
-                pointerUp(pin(t, kind));
+            'worklet';
+            touch(NAV_UP, e);
             if (e.numberOfTouches === 0)
                 manager.end();
         })
             .onTouchesCancelled((e, manager) => {
-            const kind = kindOf(e.pointerType);
-            for (const t of e.changedTouches)
-                pointerCancel(pin(t, kind));
+            'worklet';
+            touch(NAV_CANCEL, e);
             manager.fail();
         });
         // a hovering Pencil (iPad Pro) or trackpad pointer shows snaps and highlights before it touches down
@@ -71,7 +169,7 @@ export function PlanCanvas() {
             .onUpdate(e => pointerMove({ id: -1, kind: kindOf(e.pointerType), x: e.x, y: e.y, t: Date.now() }))
             .onEnd(() => pointerLeave('mouse')); // drops hover highlights, whichever pointer hovered
         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, accessibilityLabel: "Drawing canvas", testID: "cv", children: _jsx(Canvas, { style: { flex: 1 }, children: picture && _jsx(Picture, { picture: picture }) }) }) }));
-}
+    }, [frame, nav, readOnly, view]);
+    return (_jsx(GestureDetector, { gesture: gesture, children: _jsx(View, { style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, onLayout: onLayout, accessibilityLabel: "Drawing canvas", testID: "cv", children: _jsxs(Canvas, { style: { flex: 1 }, children: [_jsxs(Group, { transform: shift, children: [_jsx(Picture, { picture: under }), _jsx(Picture, { picture: base }), _jsx(Picture, { picture: overlay })] }), _jsx(Picture, { picture: baseFixed }), _jsx(Picture, { picture: overlayFixed })] }) }) }));
+});
 //# sourceMappingURL=PlanCanvas.native.js.map

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

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

package/dist/react/PlanCanvas.web.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { elevKeyDown, elevOpen } from '../editor/elevation';
 import { pointerCancel, pointerDown, pointerLeave, pointerMove, pointerUp, wheelZoom } from '../editor/gestures';
-import { keypadOpen } from '../editor/keypad';
 import { keyDown, keyUp } from '../editor/keys';
 import { page } from '../model/store';
 import { fitView, initCanvas, resize, setFrameRenderer } from '../render/view';
+import { PAGE_LOCK_ROOT } from './pageLock';
 import { setCursorTarget } from './ports';
 /*
   The plan in the browser: a <canvas> painted by the shared renderer (the browser canvas draws the same as Skia),
@@ -13,6 +12,19 @@ import { setCursorTarget } from './ports';
   is removed when it unmounts.
 */
 const keyIn = (e) => ({ key: e.key, shift: e.shiftKey, mod: e.metaKey || e.ctrlKey, alt: e.altKey });
+/**
+ * Whether a key is the editor's: pressed in it, or with nothing focused — not typed into a field, nor pressed in the
+ * host's own UI over the drawing (a picker, a measurement's detail), which is outside the editor's root. Delete there
+ * would otherwise delete what's selected on the drawing.
+ */
+function forEditor(e) {
+    const t = e.target instanceof HTMLElement ? e.target : null;
+    if (!t || t === document.body || t === document.documentElement)
+        return true;
+    if (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.tagName === 'SELECT' || t.isContentEditable)
+        return false;
+    return !!t.closest('#' + PAGE_LOCK_ROOT);
+}
 export function PlanCanvas() {
     const ref = useRef(null);
     useEffect(() => {
@@ -54,11 +66,10 @@ export function PlanCanvas() {
         // capture phase: a key the editor uses (Enter on the keypad, Space to pan, …) must not also press whatever button
         // last took focus
         document.addEventListener('keydown', e => {
-            const tag = (e.target && e.target.tagName) || '';
-            if (tag === 'INPUT' || tag === 'TEXTAREA')
+            if (!forEditor(e))
                 return;
             const k = keyIn(e);
-            if (!keypadOpen() && elevOpen() ? elevKeyDown(k) : keyDown(k)) {
+            if (keyDown(k)) {
                 e.preventDefault();
                 e.stopPropagation();
             }

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

@@ -1 +1 @@
-{"version":3,"file":"PlanCanvas.web.js","sourceRoot":"","sources":["../../src/react/PlanCanvas.web.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlanCanvas.web.js","sourceRoot":"","sources":["../../src/react/PlanCanvas.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,oBAAoB,CAAC;AACjI,OAAO,EAAE,OAAO,EAAE,KAAK,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;EAIE;AAEF,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;AAE3H;;;;GAIG;AACH,SAAS,SAAS,CAAC,CAAgB;IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,QAAQ,CAAC,eAAe;QAAE,OAAO,IAAI,CAAC;IAC7E,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,UAAU,IAAI,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAC,CAAC,iBAAiB;QAAE,OAAO,KAAK,CAAC;IACrH,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,GAAG,cAAc,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAQ,EAAE,EAAE,GAAG,IAAI,eAAe,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC;QAChF,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACjC,MAAM,EAAE,CAAC;YACT,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAChE,KAAK,GAAG,KAAK,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACf,MAAM,GAAG,GAAG,CAAC,CAAe,EAAa,EAAE;YACzC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YACrC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;QACvL,CAAC,CAAC;QACF,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE;YACrC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC;gBAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAAC,CAAC;YAAC,MAAM,CAAC,CAAC,gCAAgC,CAAC,CAAC;YACrF,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACjE,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7D,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACrE,EAAE,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1E,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;QAChE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YACrC,gDAAgD;YAChD,SAAS,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC;QACpH,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1C,kHAAkH;QAClH,kBAAkB;QAClB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE;YACvC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBAAE,OAAO;YAC1B,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACnB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAAC,CAAC,CAAC,eAAe,EAAE,CAAC;YAAC,CAAC;QAC9D,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QACzC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/F,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,gBACA,gBAAgB,EAC3B,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAChI,CACH,CAAC;AACJ,CAAC"}

package/dist/react/Popovers.d.ts

@@ -1,10 +1,16 @@
-/** Settings and files (the ••• button). `units` false: units come from the host (the person's BOLDR settings). */
-export declare function Menu({ units, devTools, themeChoice }: {
-    units?: boolean;
+/**
+ * The top bar's menus: Layers, or ••• (on a phone Fit to screen, then exports, opening a file, settings). `accountUnits`: the host formats
+ * lengths (BOLDR: the person's account settings), offered as Units → Account beside the editor's own units.
+ */
+export declare function Menu({ accountUnits, devTools, themeChoice, pickText, readOnly, phone }: {
+    accountUnits?: boolean;
     devTools?: boolean;
     themeChoice?: boolean;
-}): import("react").JSX.Element | null;
-/** The markup colors (from the rail's color dot or the bar's Color). */
-export declare function Palette(): import("react").JSX.Element | null;
+    /** how to pick a .boldr.json file's text (a device's host passes its own); the browser's file picker by default */
+    pickText?: () => Promise<string | null>;
+    readOnly?: boolean;
+    /** a phone's top bar has no room for Fit to screen: it's the menu's first item there */
+    phone?: boolean;
+}): import("react").JSX.Element;
 /** Typing a note where the text tool was tapped: Enter places it, Esc cancels, leaving the field places it too. */
 export declare function NoteInput(): import("react").JSX.Element | null;