@reekon-tools/boldr-cad 0.1.0 → 1.0.0

package/dist/react/motion.d.ts

@@ -0,0 +1,77 @@
+import { type ReactNode } from 'react';
+import { Animated, type PressableProps, type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import { DURATION, EASE } from './easing';
+export { DURATION, EASE };
+export declare const POP_IN = 140, POP_OUT = 100, POP_EASE_OUT: import("react-native").EasingFunction;
+/** Reduce Motion is on: things that move only fade. */
+export declare const reducedMotion: () => boolean;
+/**
+ * A popup's coming and going: whether it's on screen (`present` — open, or still going), and the style that moves it.
+ * `from`: where it comes from, points (toward the button that opened it: a menu under a button at the top comes down
+ * from it, `{ y: -6 }`); `origin`: the point it grows from, as CSS transform-origin ('top right', 'left center'…).
+ *
+ * `keep`: once it's been open, it stays built between times — hidden (`display: none`: not laid out, not tapped, not
+ * read out) rather than taken down — so a menu with a lot in it opens at once, not after it's been built again (on a
+ * device, the wait before it moved). `mounted` says whether to draw it at all; the style hides it when it's away.
+ */
+export declare function usePopup(open: boolean, from: {
+    x?: number;
+    y?: number;
+}, origin: string, keep?: boolean): {
+    present: boolean;
+    mounted: boolean;
+    style: Animated.WithAnimatedObject<ViewStyle>;
+};
+/** An animated value that eases to 1 when `on`, to 0 when not (starting where it is). */
+export declare function useEased(on: boolean): Animated.Value;
+/**
+ * A press as an animated value: to 1 as it goes down, back to 0 as it lets go. Spread the handlers on a Pressable.
+ * `full`: a quick tap still shows the whole press — let go before it's all the way in, it finishes going in, then
+ * comes back (within `outMs` all told).
+ */
+export declare function usePress(inMs?: number, outMs?: number, easing?: import("react-native").EasingFunction, full?: boolean): {
+    v: Animated.Value;
+    onPressIn: () => void;
+    onPressOut: () => void;
+};
+/** The toggle's own pace: a smooth ease in and out, slower than a button press, so its knob's travel reads as one glide. */
+export declare const TOGGLE_EASE: import("react-native").EasingFunction;
+export declare const TOGGLE_MS = 200, TOGGLE_PRESS_MS = 90;
+/**
+ * A toggle's glide, started by the tap itself rather than once the setting it flips has been applied: on a device that
+ * meant waiting for the menu to render again and, for a layer or a snap, the drawing to be redrawn — the knob sat
+ * stretched for a moment before it moved. `go` starts the glide now; a change of `on` from elsewhere (the setting
+ * changed another way, or put back) glides it too.
+ */
+export declare function useToggleEased(on: boolean): {
+    v: Animated.Value;
+    go: (to: boolean, change: () => void) => void;
+};
+type TapState = {
+    pressed: boolean;
+    hovered: boolean;
+};
+export type TapProps = Omit<PressableProps, 'style' | 'children'> & {
+    style?: StyleProp<ViewStyle> | ((s: TapState) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+    /** scale: sinks and dims (buttons, keys); dim: only dims (wide rows); none: no press feedback */
+    feel?: 'scale' | 'dim' | 'none';
+};
+/** A Pressable with the chrome's press feel. `style` may be a function of { pressed, hovered }, as a Pressable's. */
+export declare function Tap({ style, feel, onPressIn, onPressOut, onHoverIn, onHoverOut, ...rest }: TapProps): import("react").JSX.Element;
+/**
+ * A segmented control (Units, Precision, Draft / Annotate, Pages / Spaces): the chosen option's highlight slides to
+ * the one picked as the labels fade. `style` is the track, `optionStyle` each option, `onColor` the highlight.
+ */
+export declare function Segmented<T extends string | number>({ value, options, onPick, style, optionStyle, textStyle, onColor, onText, offText, role }: {
+    value: T;
+    options: [T, string][];
+    onPick: (v: T) => void;
+    style?: StyleProp<ViewStyle>;
+    optionStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    onColor?: string;
+    onText: string;
+    offText: string;
+    role?: 'button' | 'tab';
+}): import("react").JSX.Element;

package/dist/react/motion.js

@@ -0,0 +1,173 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AccessibilityInfo, Animated, Easing, Pressable, StyleSheet, View, } from 'react-native';
+import { DURATION, EASE, NATIVE } from './easing';
+import { TweenView } from './Tween';
+/*
+  How the chrome moves: one set of rules, everywhere.
+  - A change of state (a toggle, a choice in a segmented control, the selected tool) moves over 150 ms: off at once,
+    settling softly at the end — quick to answer, nothing springy.
+  - A press sinks a touch (to 96 %, a little dimmer) in 70 ms and comes back over 150 ms with the same easing; wide
+    rows (menu items) only dim.
+  On a device all of it runs on the native driver — opacity, transforms and colours only (what moves a view's size or
+  place goes through TweenView) — so a press or a change of state plays smoothly however busy the JavaScript thread is,
+  as it is just after a tap (the editor answers, the plan is drawn again). Interpolations are made once, not on every
+  render: each one made anew has to be sent to the UI thread again.
+*/
+export { DURATION, EASE };
+const PRESS_IN = 70;
+const ease = (v, to, duration = DURATION) => Animated.timing(v, { toValue: to, duration, easing: EASE, useNativeDriver: NATIVE }).start();
+/*
+  Popups — the ••• and Layers menus, the shapes menu, the markup panel, an image's slider, a toast — come and go the
+  same way: in about 140 ms they fade in and grow from just under their size, easing to a stop, moving out a few
+  points from the button that opened them; going, in about 100 ms they fade and shrink back, gathering pace, and stay
+  on screen until they've gone. Opacity and a transform only, on the native driver: the UI thread plays them, so a
+  busy JavaScript thread (a redraw, a save) can't make them stutter. With Reduce Motion on, they only fade.
+*/
+export const POP_IN = 140, POP_OUT = 100, POP_EASE_OUT = Easing.bezier(0.4, 0, 1, 1);
+let reduceMotion = false;
+try {
+    AccessibilityInfo.isReduceMotionEnabled?.().then(v => { reduceMotion = !!v; }, () => { });
+    AccessibilityInfo.addEventListener?.('reduceMotionChanged', (v) => { reduceMotion = !!v; });
+}
+catch { /* (no accessibility settings to read: full motion) */ }
+/** Reduce Motion is on: things that move only fade. */
+export const reducedMotion = () => reduceMotion;
+/**
+ * A popup's coming and going: whether it's on screen (`present` — open, or still going), and the style that moves it.
+ * `from`: where it comes from, points (toward the button that opened it: a menu under a button at the top comes down
+ * from it, `{ y: -6 }`); `origin`: the point it grows from, as CSS transform-origin ('top right', 'left center'…).
+ *
+ * `keep`: once it's been open, it stays built between times — hidden (`display: none`: not laid out, not tapped, not
+ * read out) rather than taken down — so a menu with a lot in it opens at once, not after it's been built again (on a
+ * device, the wait before it moved). `mounted` says whether to draw it at all; the style hides it when it's away.
+ */
+export function usePopup(open, from, origin, keep = false) {
+    const v = useRef(new Animated.Value(open ? 1 : 0)).current, [present, setPresent] = useState(open), been = useRef(open);
+    if (open)
+        been.current = true;
+    useEffect(() => {
+        if (open)
+            setPresent(true);
+        // (on the next frame: a popup just put on screen is mounted twice by React's strict mode, and its animation would
+        // stop when the first goes)
+        const frame = requestAnimationFrame(() => {
+            Animated.timing(v, open
+                ? { toValue: 1, duration: POP_IN, easing: EASE, useNativeDriver: NATIVE }
+                : { toValue: 0, duration: POP_OUT, easing: POP_EASE_OUT, useNativeDriver: NATIVE })
+                .start(({ finished }) => { if (finished && !open)
+                setPresent(false); });
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [open, v]);
+    const fx = from.x ?? 0, fy = from.y ?? 0;
+    const style = useMemo(() => (reduceMotion
+        ? { opacity: v }
+        : {
+            opacity: v, transformOrigin: origin,
+            transform: [
+                { translateX: v.interpolate({ inputRange: [0, 1], outputRange: [fx, 0] }) },
+                { translateY: v.interpolate({ inputRange: [0, 1], outputRange: [fy, 0] }) },
+                { scale: v.interpolate({ inputRange: [0, 1], outputRange: [0.96, 1] }) },
+            ],
+        }), [v, fx, fy, origin]);
+    const shown = open || present;
+    const hidden = useMemo(() => [style, { display: 'none' }], [style]);
+    return { present: shown, mounted: shown || (keep && been.current), style: shown ? style : hidden };
+}
+/** An animated value that eases to 1 when `on`, to 0 when not (starting where it is). */
+export function useEased(on) {
+    const v = useRef(new Animated.Value(on ? 1 : 0)).current;
+    useEffect(() => { ease(v, on ? 1 : 0); }, [on, v]);
+    return v;
+}
+/**
+ * A press as an animated value: to 1 as it goes down, back to 0 as it lets go. Spread the handlers on a Pressable.
+ * `full`: a quick tap still shows the whole press — let go before it's all the way in, it finishes going in, then
+ * comes back (within `outMs` all told).
+ */
+export function usePress(inMs = PRESS_IN, outMs = DURATION, easing = EASE, full = false) {
+    const v = useRef(new Animated.Value(0)).current;
+    const timing = (x, ms) => Animated.timing(v, { toValue: x, duration: ms, easing, useNativeDriver: NATIVE });
+    return {
+        v,
+        onPressIn: () => timing(1, inMs).start(),
+        onPressOut: () => v.stopAnimation(now => {
+            if (!full || now >= 0.99) {
+                timing(0, outMs).start();
+                return;
+            }
+            const rest = Math.round((1 - now) * inMs * 0.6);
+            Animated.sequence([timing(1, rest), timing(0, Math.max(60, outMs - rest))]).start();
+        }),
+    };
+}
+/** The toggle's own pace: a smooth ease in and out, slower than a button press, so its knob's travel reads as one glide. */
+export const TOGGLE_EASE = Easing.bezier(0.4, 0, 0.2, 1);
+export const TOGGLE_MS = 200, TOGGLE_PRESS_MS = 90;
+/**
+ * A toggle's glide, started by the tap itself rather than once the setting it flips has been applied: on a device that
+ * meant waiting for the menu to render again and, for a layer or a snap, the drawing to be redrawn — the knob sat
+ * stretched for a moment before it moved. `go` starts the glide now; a change of `on` from elsewhere (the setting
+ * changed another way, or put back) glides it too.
+ */
+export function useToggleEased(on) {
+    const v = useRef(new Animated.Value(on ? 1 : 0)).current, at = useRef(on), pending = useRef(false);
+    const glide = useCallback((to) => {
+        at.current = to;
+        Animated.timing(v, { toValue: to ? 1 : 0, duration: TOGGLE_MS, easing: TOGGLE_EASE, useNativeDriver: NATIVE }).start();
+    }, [v]);
+    /** Glide to `to` now, and make the change a frame later (once the glide is with the native driver). */
+    const go = useCallback((to, change) => {
+        glide(to);
+        pending.current = true;
+        requestAnimationFrame(() => { pending.current = false; change(); });
+    }, [glide]);
+    // after every render: where the setting really is wins (changed another way, or refused) — not while a tap's own
+    // change is still on its way
+    useEffect(() => { if (!pending.current && on !== at.current)
+        glide(on); });
+    return { v, go };
+}
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+/** A Pressable with the chrome's press feel. `style` may be a function of { pressed, hovered }, as a Pressable's. */
+export function Tap({ style, feel = 'scale', onPressIn, onPressOut, onHoverIn, onHoverOut, ...rest }) {
+    const v = useRef(new Animated.Value(0)).current;
+    const [st, setSt] = useState({ pressed: false, hovered: false });
+    const resolved = typeof style === 'function' ? style(st) : style;
+    const base = StyleSheet.flatten(resolved)?.opacity ?? 1;
+    const anim = useMemo(() => (feel === 'none' ? null : {
+        opacity: v.interpolate({ inputRange: [0, 1], outputRange: [base, base * (feel === 'dim' ? 0.7 : 0.82)] }),
+        ...(feel === 'scale' ? { transform: [{ scale: v.interpolate({ inputRange: [0, 1], outputRange: [1, 0.96] }) }] } : {}),
+    }), [v, base, feel]);
+    return (_jsx(AnimatedPressable, { ...rest, onPressIn: (e) => { setSt(s => ({ ...s, pressed: true })); ease(v, 1, PRESS_IN); onPressIn?.(e); }, onPressOut: (e) => { setSt(s => ({ ...s, pressed: false })); ease(v, 0); onPressOut?.(e); }, onHoverIn: (e) => { setSt(s => ({ ...s, hovered: true })); onHoverIn?.(e); }, onHoverOut: (e) => { setSt(s => ({ ...s, hovered: false })); onHoverOut?.(e); }, style: [resolved, anim] }));
+}
+/**
+ * One option of a segmented control: its label fades between the two colours as it's chosen. On a device that's two
+ * labels, one over the other, crossfaded on the native driver (it animates a fade smoothly, not a text colour); in a
+ * browser, one label whose colour is eased.
+ */
+function SegOption({ label, on, onPress, onLayout, style, textStyle, onText, offText, role }) {
+    const t = useEased(on);
+    const ink = useMemo(() => (NATIVE ? t.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }) : t.interpolate({ inputRange: [0, 1], outputRange: [offText, onText] })), [t, offText, onText]);
+    return (_jsx(Tap, { feel: "dim", accessibilityRole: role, accessibilityLabel: label, accessibilityState: { selected: on }, onPress: onPress, onLayout: e => onLayout(e.nativeEvent.layout), style: [segCenter, style, { backgroundColor: 'transparent' }], children: NATIVE ? (_jsxs(_Fragment, { children: [_jsx(Animated.Text, { style: [textStyle, { color: offText, opacity: ink }], children: label }), _jsx(View, { pointerEvents: "none", style: segOver, children: _jsx(Animated.Text, { accessible: false, style: [textStyle, { color: onText, opacity: t }], children: label }) })] })) : _jsx(Animated.Text, { style: [textStyle, { color: ink }], children: label }) }));
+}
+// (no grow: a device's layout grows a row with a growing child to all the room it's given — the control then ran the
+// width of its menu row, squeezing the row's own label out)
+const segRow = { flexDirection: 'row', alignSelf: 'stretch' };
+/** An option's label sits in its middle, both ways, whatever its padding. */
+const segCenter = { alignItems: 'center', justifyContent: 'center' };
+// (spelt out: React Native 0.86 dropped StyleSheet.absoluteFillObject, and spreading it gave nothing — the label then sat
+// under the other one, each option centring the pair)
+const segOver = { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, alignItems: 'center', justifyContent: 'center' };
+/**
+ * A segmented control (Units, Precision, Draft / Annotate, Pages / Spaces): the chosen option's highlight slides to
+ * the one picked as the labels fade. `style` is the track, `optionStyle` each option, `onColor` the highlight.
+ */
+export function Segmented({ value, options, onPick, style, optionStyle, textStyle, onColor = '#fff', onText, offText, role = 'button' }) {
+    const [boxes, setBoxes] = useState({});
+    const box = boxes[String(value)];
+    const radius = StyleSheet.flatten(optionStyle)?.borderRadius ?? 999;
+    return (_jsx(View, { style: style, accessibilityRole: role === 'tab' ? 'tablist' : undefined, children: _jsxs(View, { style: segRow, children: [box && (_jsx(TweenView, { pointerEvents: "none", to: { left: box.x, width: box.width }, style: { position: 'absolute', top: 0, bottom: 0, borderRadius: radius, backgroundColor: onColor } })), options.map(([v, label]) => (_jsx(SegOption, { label: label, on: v === value, onPress: () => onPick(v), role: role, onLayout: r => setBoxes(b => (b[String(v)] && b[String(v)].x === r.x && b[String(v)].width === r.width ? b : { ...b, [String(v)]: r })), style: optionStyle, textStyle: textStyle, onText: onText, offText: offText }, String(v))))] }) }));
+}
+//# sourceMappingURL=motion.js.map

package/dist/react/motion.js.map

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

package/dist/react/ports.js

@@ -1,10 +1,14 @@
 import { conflictEnd, conflictOpen, conflictStart } from '../editor/conflict';
 import { elevSyncFrame } from '../editor/elevation';
-import { keypadEnd, keypadOpen, keypadStart, keypadTyped } from '../editor/keypad';
+import { keypadEnd, keypadOnHost, keypadOpen, keypadSpec, keypadStart, keypadSubmit, keypadTyped } from '../editor/keypad';
+import { hostKeypad } from './hostKeypad';
+import { offersJobMeasurements } from '../editor/links';
 import { onSessionReset } from '../model/session';
 import { saveNow } from '../model/store';
-import { requestDraw } from '../render/view';
+import { manualSave, noteEdits, saveDrawing } from './saving';
+import { requestDraw, requestOverlayDraw } from '../render/view';
 import { notify, ui } from './store';
+import { setInteracting } from './Duck';
 /* The editor's ports for the React Native interface: each request updates the interface's state and re-renders. */
 let toastTimer, toastId = 0;
 onSessionReset(() => clearTimeout(toastTimer));
@@ -31,15 +35,68 @@ function downloadInBrowser(name, mime, data) {
     a.remove();
     setTimeout(() => URL.revokeObjectURL(a.href), 2000);
 }
+/** What the host's keypad is asked for (see hostKeypad.ts): its answer goes to this keypad, if it's still the one open. */
+function hostRequest(spec) {
+    const mine = () => keypadSpec() === spec;
+    return {
+        title: spec.title,
+        sub: spec.sub,
+        kind: spec.numeric ? 'angle' : 'length',
+        current: spec.initial || undefined,
+        extras: () => (spec.extras?.() ?? []).map(x => ({ label: x.label, ariaLabel: x.ariaLabel, on: x.on, danger: x.danger, press: () => { if (mine()) {
+                x.onPress();
+                notify();
+            } } })),
+        apply: v => { if (mine())
+            keypadSubmit(v); },
+        cancel: () => { if (mine())
+            reactPorts.closeKeypad(); },
+        ...(spec.measurements && offersJobMeasurements() ? {
+            measurementKind: spec.measurements.kind,
+            pickMeasurement: (t) => { if (mine()) {
+                spec.measurements.pick(t);
+                notify();
+            } },
+        } : {}),
+    };
+}
+/** A slider above the bar (an image's opacity or rotation, the tiles' size): opened, swapped for another, or closed by its button again. */
+function toggleImagePop(kind) {
+    ui.imgPop = ui.imgPop === kind ? null : kind;
+    ui.menu = false;
+    // (a toast would sit over the slider: it's done with once the slider opens)
+    if (ui.imgPop)
+        ui.toast = null;
+    notify();
+}
+/**
+ * One re-render for all an edit refreshes: an edit alone refreshes the bar, the status, the drawer and the wall view,
+ * and each refresh had every component on screen work out again what it shows — four to seven times for one tap.
+ * React draws once at the end of the task anyway; this has them look once too.
+ */
+let refreshQueued = false;
+function notifySoon() {
+    if (refreshQueued)
+        return;
+    refreshQueued = true;
+    queueMicrotask(() => { refreshQueued = false; notify(); });
+}
+onSessionReset(() => { refreshQueued = false; });
 export const reactPorts = {
     refresh(part) {
+        // canvas previews follow the typed value: they're drawn with the moving parts, not the whole drawing again
         if (part === 'keypad')
-            requestDraw(); // canvas previews follow the typed value
+            requestOverlayDraw();
         if (part === 'elevation')
             elevSyncFrame(); // the open wall's frame from the live drawing (closes the view if the wall is gone)
-        notify();
+        noteEdits();
+        notifySoon();
     },
+    // only what needs attention: something asked for that couldn't be done, and why. What did happen shows on the
+    // drawing itself — no status messages ("Deleted", "Undone", "Points joined"…)
     toast(msg, o = {}) {
+        if (!o.warn)
+            return;
         ui.toast = { id: ++toastId, msg, warn: o.warn, action: o.action };
         clearTimeout(toastTimer);
         toastTimer = setTimeout(() => { ui.toast = null; notify(); }, o.warn ? 5200 : 3200);
@@ -47,6 +104,18 @@ export const reactPorts = {
     },
     openKeypad(spec) {
         reactPorts.dismissConflict();
+        // a phone's host asks with its own keypad: the editor keeps the request (a laser reading, Delete, another tool can
+        // still close it) but draws nothing of its own
+        const host = hostKeypad();
+        if (host) {
+            if (keypadOpen())
+                reactPorts.closeKeypad();
+            keypadStart(spec, true);
+            host(hostRequest(spec));
+            notify();
+            requestDraw();
+            return;
+        }
         // the keypad has no text field: let typed keys reach the editor, not the button that opened it (Enter would press it again)
         if (typeof document !== 'undefined')
             document.activeElement?.blur?.();
@@ -57,7 +126,9 @@ export const reactPorts = {
         requestDraw();
     },
     closeKeypad() {
-        const spec = keypadEnd();
+        const onHost = keypadOnHost(), spec = keypadEnd();
+        if (onHost)
+            hostKeypad()?.(null);
         ui.keypad = false;
         notify();
         requestDraw();
@@ -81,25 +152,36 @@ export const reactPorts = {
         return true;
     },
     openDrawer(tab) { ui.drawer = tab ?? 'pages'; notify(); },
-    showNoteInput(x, y, cb) { ui.note = { x, y, cb }; notify(); },
+    showNoteInput(x, y, cb, initial) { ui.note = { x, y, cb, initial }; notify(); },
     hideNoteInput() { if (ui.note) {
         ui.note = null;
         notify();
     } },
-    openPalette() { ui.palette = true; notify(); },
+    // (its button again closes it)
+    openPalette() { ui.palette = !ui.palette; ui.menu = false; ui.shapeMenu = null; notify(); },
+    toggleImageOpacity() { toggleImagePop('opacity'); },
+    toggleImageRotation() { toggleImagePop('rotate'); },
+    toggleTileSize() { toggleImagePop('tilesize'); },
     editRoomName(roomId) { ui.drawer = 'rooms'; ui.renameRoom = roomId; notify(); },
     setCursor(cursor, where = 'plan') { cursorTargets[where]?.(cursor); },
+    interacting: setInteracting,
     dismissPopovers() {
-        const was = ui.palette || ui.menu;
+        const was = ui.palette || !!ui.menu || !!ui.imgPop || !!ui.shapeMenu;
         if (was) {
             ui.palette = false;
             ui.menu = false;
+            ui.imgPop = null;
+            ui.shapeMenu = null;
             notify();
         }
         return was;
     },
     saveFile(name, mime, data) { (fileSaver ?? downloadInBrowser)(name, mime, data); },
     save() {
+        if (manualSave()) {
+            void saveDrawing();
+            return;
+        }
         const ok = saveNow();
         reactPorts.toast(ok ? 'Saved on this device' : 'Saved, but the image was too large to keep offline.', { warn: !ok });
     },

package/dist/react/ports.js.map

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

package/dist/react/saving.d.ts

@@ -0,0 +1,15 @@
+import type { CadSync } from '../data/sync';
+export type CadSaveState = 'saved' | 'dirty' | 'saving' | 'error';
+export declare const manualSave: () => boolean;
+export declare const saveState: () => CadSaveState;
+/** Start manual saving for the drawing open in `sync`; `listener` hears each change of state. */
+export declare function startManualSave(sync: CadSync, listener: ((s: CadSaveState) => void) | null): void;
+export declare function stopManualSave(): void;
+/** An edit was made: unsaved from now on (cheap, so it runs with every refresh of the editor). */
+export declare function noteEdits(): void;
+/** Compare the drawing with what's saved (an undo back to the saved drawing is clean again). */
+export declare function checkChanges(): void;
+/** Whether the drawing has edits that aren't saved (or a save that failed or is still going). */
+export declare function hasUnsavedChanges(): boolean;
+/** Save: write the drawing, its preview and its measurements. Resolves true once written, false if that failed. */
+export declare function saveDrawing(): Promise<boolean>;

package/dist/react/saving.js

@@ -0,0 +1,76 @@
+import { ed } from '../app/state';
+import { sessionState } from '../model/session';
+import { store } from '../model/store';
+import { notify } from './store';
+import { renderThumbnail } from './thumbnail';
+const sv = sessionState(() => ({
+    manual: false,
+    state: 'saved',
+    /** the edit count when the drawing last matched what's saved */
+    cleanSeq: 0,
+    sync: null,
+    listener: null,
+}));
+export const manualSave = () => sv.manual;
+export const saveState = () => sv.state;
+function setState(s) {
+    if (sv.state === s)
+        return;
+    sv.state = s;
+    sv.listener?.(s);
+    notify();
+}
+/** Start manual saving for the drawing open in `sync`; `listener` hears each change of state. */
+export function startManualSave(sync, listener) {
+    Object.assign(sv, { manual: true, state: 'saved', cleanSeq: ed.editSeq, sync, listener });
+    listener?.('saved');
+}
+export function stopManualSave() {
+    Object.assign(sv, { manual: false, sync: null, listener: null });
+}
+/** An edit was made: unsaved from now on (cheap, so it runs with every refresh of the editor). */
+export function noteEdits() {
+    if (sv.manual && sv.state !== 'saving' && ed.editSeq !== sv.cleanSeq)
+        setState('dirty');
+}
+/** Compare the drawing with what's saved (an undo back to the saved drawing is clean again). */
+export function checkChanges() {
+    if (!sv.manual || !sv.sync || sv.state === 'saving')
+        return;
+    if (sv.sync.hasChanges())
+        setState('dirty');
+    else {
+        sv.cleanSeq = ed.editSeq;
+        setState('saved');
+    }
+}
+/** Whether the drawing has edits that aren't saved (or a save that failed or is still going). */
+export function hasUnsavedChanges() {
+    checkChanges();
+    return sv.manual && sv.state !== 'saved';
+}
+/** Save: write the drawing, its preview and its measurements. Resolves true once written, false if that failed. */
+export async function saveDrawing() {
+    const sync = sv.sync;
+    if (!sv.manual || !sync || !store.project)
+        return true;
+    setState('saving');
+    const before = sync.failures();
+    sync.persistence.save();
+    const thumb = renderThumbnail(store.project.pages[0]);
+    if (thumb)
+        sync.saveThumbnail(thumb);
+    await sync.idle();
+    await sync.idle(); // the measurement ids the save stamped on the pages
+    if (sync.failures() !== before) {
+        setState('error');
+        return false;
+    }
+    // edited while it saved: still unsaved
+    const dirty = sync.hasChanges();
+    if (!dirty)
+        sv.cleanSeq = ed.editSeq;
+    setState(dirty ? 'dirty' : 'saved');
+    return true;
+}
+//# sourceMappingURL=saving.js.map

package/dist/react/saving.js.map

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

package/dist/react/store.d.ts

@@ -3,6 +3,15 @@ import type { ConflictSpec, DrawerTab, ToastOpts } from '../editor/ports';
 export declare function notify(): void;
 /** Re-render this component whenever the editor changes. */
 export declare const useEditorVersion: () => number;
+/** The editor's change count (for a key that should change with every change: see useEditorKey). */
+export declare const editorVersion: () => number;
+/**
+ * Re-render this component only when what it shows changes, not on every change to the editor: `key` sums up all it
+ * reads, as one string, worked out again after each change — the same string, and it isn't rendered again. Keep it
+ * cheap and free of side effects; a component that's only briefly on screen can key on editorVersion() instead.
+ * (Re-rendering the whole interface on every change was most of the time an interaction took on a phone.)
+ */
+export declare function useEditorKey(key: () => string): string;
 export interface ToastState {
     id: number;
     msg: string;
@@ -13,6 +22,7 @@ export interface NoteInputState {
     x: number;
     y: number;
     cb: (text: string) => void;
+    initial?: string;
 }
 export declare const ui: {
     toast: ToastState | null;
@@ -32,7 +42,34 @@ export declare const ui: {
     renameRoom: string | null;
     note: NoteInputState | null;
     palette: boolean;
-    menu: boolean;
+    /** what the tool just picked from the rail does (a note under the tabs that goes by itself); seq tells one pick from the next */
+    toolTip: {
+        text: string;
+        seq: number;
+    } | null;
+    /** the slider open above the bar: the selected image's opacity, or how far it's turned; or the link tiles' size */
+    imgPop: null | 'opacity' | 'rotate' | 'tilesize';
+    /** the tool each shared place on the rail draws with (the last picked; editor/mode.ts TOOL_GROUPS), and the menu of
+        a group's tools, open beside its place at x, y */
+    picked: Record<string, string>;
+    shapeMenu: {
+        x: number;
+        y: number;
+        group: string;
+    } | null;
+    /** the top bar's open menu: ••• (exports, files and settings) or Layers (the stack) */
+    menu: false | 'more' | 'layers';
     /** when a sheet opened (taps on the backdrop right after are the opening tap's ghost click) */
     sheetOpenedAt: number;
+    /**
+     * How wide the top row's mode tabs and right-hand buttons laid out (0: not yet), and whether those buttons were
+     * measured in 3D, which has no Layers (see topRow.ts)
+     */
+    topRoom: {
+        tabs: number;
+        right: number;
+        right3d: boolean;
+    };
+    /** Annotate's + floats in the corner (as a phone's) on a screen too short for it under the rail (see Rail) */
+    linkFab: boolean;
 };