@neta-art/cohub 12.2.0 → 12.3.0

package/dist/board/render/text-edit.js

@@ -0,0 +1,134 @@
+import { BOARD_FONT_STACK } from "../../protocol/dist/board-constants.js";
+import { layoutBoardText } from "../../protocol/dist/board-layout.js";
+import { degToRad, rotatePointAround, worldPoint, worldToScreen } from "../model/geometry.js";
+import { resolveSceneArrow } from "../model/arrow-geometry.js";
+import { BOARD_FRAME_LABEL_LINE_HEIGHT, frameLabelOffset, layoutShapeLabel } from "../model/text-metrics.js";
+import { boardTextStyle, canvasFont, canvasFontFamily, layoutTextLines } from "./text-measurement.js";
+import { ARROW_LABEL, arrowLabelAnchor } from "./labels.js";
+//#region src/board/render/text-edit.ts
+function place({ center, ...box }, viewport) {
+	const screen = worldToScreen(center, viewport);
+	return {
+		left: screen.x - box.width / 2 - box.padding.x,
+		top: screen.y - box.height / 2 - box.padding.y,
+		...box
+	};
+}
+function label(draft, font, lineHeight) {
+	const { lines, width } = layoutTextLines(draft, canvasFont(font));
+	return {
+		width: Math.max(width, font.fontSize * 4),
+		height: lines.length * lineHeight
+	};
+}
+function boardTextEditLayout(item, { viewport, scene, style, draft }) {
+	const { frame } = item;
+	const rotation = frame.rotation || 0;
+	const center = worldPoint(frame.x + frame.width / 2, frame.y + frame.height / 2);
+	const { zoom } = viewport;
+	if (item.type === "text") {
+		const { props } = item;
+		const text = layoutBoardText({
+			...props,
+			text: draft
+		});
+		const scale = zoom * frame.width / text.width;
+		return place({
+			center,
+			width: text.width,
+			height: text.height,
+			padding: {
+				x: 1 / scale,
+				y: 0
+			},
+			scale,
+			rotation,
+			font: boardTextStyle(props),
+			lineHeight: text.lineHeight,
+			textAlign: props.align ?? "left",
+			whiteSpace: props.width ? "pre-wrap" : "pre",
+			live: true
+		}, viewport);
+	}
+	if (item.type === "shape") {
+		const { props } = item;
+		const text = layoutShapeLabel({
+			text: draft,
+			fontSize: props.fontSize
+		}, frame.width);
+		return place({
+			center,
+			width: Math.max(0, frame.width - 16),
+			height: Math.min(frame.height, text.height),
+			padding: {
+				x: 8,
+				y: Math.max(0, (frame.height - text.height) / 2)
+			},
+			scale: zoom,
+			rotation,
+			font: boardTextStyle({
+				font: "sans",
+				fontSize: props.fontSize,
+				fontWeight: 500
+			}),
+			lineHeight: text.lineHeight,
+			textAlign: props.align ?? "center",
+			whiteSpace: "pre-wrap",
+			live: false
+		}, viewport);
+	}
+	if (item.type === "frame") {
+		const fontSize = style?.frameLabelSize ?? 12;
+		const lineHeight = fontSize * BOARD_FRAME_LABEL_LINE_HEIGHT;
+		const font = {
+			fontFamily: canvasFontFamily(style?.font ?? "\"Geist Variable\", \"Geist\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", system-ui, -apple-system, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", \"Noto Sans Math\", \"Noto Sans Symbols 2\", \"DejaVu Sans\", \"FreeSans\", \"FreeSerif\", sans-serif"),
+			fontSize,
+			fontWeight: "600"
+		};
+		const size = label(draft, font, lineHeight);
+		const { x, y } = frameLabelOffset(fontSize);
+		const local = worldPoint(frame.x + x + size.width / 2, frame.y + y + size.height / 2);
+		return place({
+			center: rotation ? rotatePointAround(local, center, degToRad(rotation)) : local,
+			...size,
+			padding: {
+				x: 4,
+				y: 2
+			},
+			scale: zoom,
+			rotation,
+			font,
+			lineHeight,
+			textAlign: "left",
+			whiteSpace: "pre",
+			live: false
+		}, viewport);
+	}
+	if (item.type === "arrow") {
+		const { fontSize } = item.props;
+		const font = {
+			fontFamily: canvasFontFamily(BOARD_FONT_STACK),
+			fontSize,
+			fontWeight: ARROW_LABEL.fontWeight
+		};
+		const lineHeight = fontSize * ARROW_LABEL.lineHeight;
+		return place({
+			center: arrowLabelAnchor(resolveSceneArrow(item, scene), item.style),
+			...label(draft, font, lineHeight),
+			padding: {
+				x: fontSize * ARROW_LABEL.padX,
+				y: fontSize * ARROW_LABEL.padY
+			},
+			scale: zoom,
+			rotation: 0,
+			font,
+			lineHeight,
+			textAlign: "center",
+			whiteSpace: "pre",
+			live: false
+		}, viewport);
+	}
+	return null;
+}
+//#endregion
+export { boardTextEditLayout };

package/dist/board/render/text-fit.d.ts

@@ -1,8 +1,6 @@
 import { Text } from "pixi.js";
 //#region src/board/render/text-fit.d.ts
-declare function ellipsizeWrappedLines(lines: string[], maxLines: number): string;
-declare function fitLineWithEllipsis(line: string, wrapWidth: number, measureWidth: (value: string) => number): string;
 declare function fitTextToLines(text: Text, value: string, maxLines: number, wrapWidth: number): void;
 declare function fitTextToWidth(text: Text, value: string, width: number): void;
 //#endregion
-export { ellipsizeWrappedLines, fitLineWithEllipsis, fitTextToLines, fitTextToWidth };
+export { fitTextToLines, fitTextToWidth };

package/dist/board/render/text-fit.js

@@ -1,49 +1,10 @@
-import { layoutTextLines } from "./text-measurement.js";
+import { fitLineWithEllipsis, layoutTextLines } from "./text-measurement.js";
 import { CanvasTextMetrics, fontStringFromTextStyle } from "pixi.js";
 //#region src/board/render/text-fit.ts
-function ellipsizeWrappedLines(lines, maxLines) {
-	if (maxLines <= 0 || lines.length === 0) return "";
-	if (lines.length <= maxLines) return lines.join("\n");
-	const kept = lines.slice(0, maxLines);
-	const lastIndex = kept.length - 1;
-	const last = (kept[lastIndex] ?? "").replace(/\s+$/u, "");
-	kept[lastIndex] = last ? `${last}…` : "…";
-	return kept.join("\n");
-}
-function fitLineWithEllipsis(line, wrapWidth, measureWidth) {
-	const trimmed = line.replace(/\s+$/u, "");
-	if (!trimmed) return "…";
-	const full = `${trimmed}…`;
-	if (measureWidth(full) <= wrapWidth) return full;
-	let lo = 0;
-	let hi = trimmed.length;
-	let best = "…";
-	while (lo <= hi) {
-		const mid = lo + hi >> 1;
-		const candidate = mid > 0 ? `${trimmed.slice(0, mid)}…` : "…";
-		if (measureWidth(candidate) <= wrapWidth) {
-			best = candidate;
-			lo = mid + 1;
-		} else hi = mid - 1;
-	}
-	return best;
-}
 function fitTextToLines(text, value, maxLines, wrapWidth) {
-	const width = Math.max(1, wrapWidth);
 	text.style.wordWrap = false;
-	if (!value || maxLines <= 0) {
-		if (text.text !== "") text.text = "";
-		return;
-	}
-	const charCap = Math.max(maxLines * Math.ceil(width), maxLines * 4);
-	const sample = value.length > charCap ? value.slice(0, charCap) : value;
-	const { lines } = layoutTextLines(sample, fontStringFromTextStyle(text.style), width);
-	const kept = lines.slice(0, maxLines);
-	if (lines.length > maxLines || sample !== value) {
-		const lastIndex = kept.length - 1;
-		kept[lastIndex] = fitLineWithEllipsis(kept[lastIndex] ?? "", width, (candidate) => CanvasTextMetrics.measureText(candidate, text.style).width);
-	}
-	const fitted = kept.join("\n");
+	const { lines } = layoutTextLines(value, fontStringFromTextStyle(text.style), Math.max(1, wrapWidth), { maxLines });
+	const fitted = lines.join("\n");
 	if (text.text !== fitted) text.text = fitted;
 }
 function fitTextToWidth(text, value, width) {
@@ -53,4 +14,4 @@ function fitTextToWidth(text, value, width) {
 	if (text.text !== fitted) text.text = fitted;
 }
 //#endregion
-export { ellipsizeWrappedLines, fitLineWithEllipsis, fitTextToLines, fitTextToWidth };
+export { fitTextToLines, fitTextToWidth };

package/dist/board/render/text-measurement.d.ts

@@ -15,10 +15,20 @@ type BoardTextStyle = {
 declare function canvasFontFamily(families: string): string;
 declare function boardTextStyle({ font, fontSize, fontWeight }: BoardTextFont): BoardTextStyle;
 declare function canvasFont({ fontFamily, fontSize, fontWeight }: BoardTextStyle): string;
-declare function layoutTextLines(text: string, font: string, maxWidth?: number): BoardTextLines;
+declare function measureTextWidth(text: string, font: string): number;
+type BoardTextWhiteSpace = "normal" | "pre-wrap";
+type BoardTextLineOptions = {
+  whiteSpace?: BoardTextWhiteSpace;
+  maxLines?: number;
+};
+type BoardTextLineLayout = BoardTextLines & {
+  truncated: boolean;
+};
+declare function layoutTextLines(text: string, font: string, maxWidth?: number, { whiteSpace, maxLines }?: BoardTextLineOptions): BoardTextLineLayout;
+declare function fitLineWithEllipsis(line: string, width: number, measureWidth: (value: string) => number): string;
 declare function cssBaselineShift(style: TextStyle): number;
 declare function installBoardTextMeasurement(): void;
 declare function ensureBoardTextMeasurement(): void;
 declare function onBoardTextFontsChange(listener: () => void): () => void;
 //#endregion
-export { BOARD_FONT_STACKS, BoardTextStyle, boardTextStyle, canvasFont, canvasFontFamily, cssBaselineShift, ensureBoardTextMeasurement, installBoardTextMeasurement, layoutTextLines, onBoardTextFontsChange };
+export { BOARD_FONT_STACKS, BoardTextLineLayout, BoardTextLineOptions, BoardTextStyle, BoardTextWhiteSpace, boardTextStyle, canvasFont, canvasFontFamily, cssBaselineShift, ensureBoardTextMeasurement, fitLineWithEllipsis, installBoardTextMeasurement, layoutTextLines, measureTextWidth, onBoardTextFontsChange };

package/dist/board/render/text-measurement.js

@@ -43,8 +43,8 @@ const measuredFonts = /* @__PURE__ */ new Set();
 const measuredFamilies = /* @__PURE__ */ new Set();
 const TRAILING_SPACE = /[ \t]+$/u;
 const unquote = (name) => name.trim().replace(/^["']|["']$/gu, "");
-function prepareText(text, font) {
-	const key = `${font}\n${text}`;
+function prepareText(text, font, whiteSpace) {
+	const key = `${whiteSpace}\n${font}\n${text}`;
 	let value = prepared.get(key);
 	if (value) {
 		prepared.delete(key);
@@ -55,30 +55,75 @@ function prepareText(text, font) {
 		measuredFonts.add(font);
 		for (const name of /px\s+(.+)$/u.exec(font)?.[1]?.split(",") ?? []) measuredFamilies.add(unquote(name));
 	}
-	value = prepareWithSegments(text, font, { whiteSpace: "pre-wrap" });
+	value = prepareWithSegments(text, font, { whiteSpace });
 	if (prepared.size >= PREPARED_LIMIT) prepared.delete(prepared.keys().next().value);
 	prepared.set(key, value);
 	return value;
 }
-function layoutTextLines(text, font, maxWidth = Number.POSITIVE_INFINITY) {
+let measureContext;
+function measureTextWidth(text, font) {
+	measureContext ??= DOMAdapter.get().createCanvas(1, 1).getContext("2d");
+	if (!measureContext) return 0;
+	measureContext.font = font;
+	return measureContext.measureText(text).width;
+}
+function layoutTextLines(text, font, maxWidth = Number.POSITIVE_INFINITY, { whiteSpace = "pre-wrap", maxLines = Number.POSITIVE_INFINITY } = {}) {
 	const lines = [];
-	let width = 0;
-	for (const paragraph of text.replace(/\r\n?/gu, "\n").replaceAll("	", " ").split("\n")) {
+	const widths = [];
+	if (maxLines <= 0) return {
+		lines,
+		width: 0,
+		truncated: text.length > 0
+	};
+	let source = whiteSpace === "normal" ? text.replace(/\s+/gu, " ").trim() : text.replace(/\r\n?/gu, "\n").replaceAll("	", " ");
+	const cap = Number.isFinite(maxLines) && Number.isFinite(maxWidth) ? maxLines * (Math.ceil(maxWidth) + 1) : Number.POSITIVE_INFINITY;
+	let truncated = source.length > cap;
+	if (truncated) source = source.slice(0, cap);
+	const paragraphs = whiteSpace === "normal" ? source ? [source] : [] : source.split("\n");
+	for (const paragraph of paragraphs) {
+		if (lines.length > maxLines) break;
 		if (!paragraph) {
 			lines.push("");
+			widths.push(0);
 			continue;
 		}
-		const wrapped = layoutWithLines(prepareText(paragraph, font), maxWidth, 1).lines;
+		const wrapped = layoutWithLines(prepareText(paragraph, font, whiteSpace), maxWidth, 1).lines;
 		for (const [index, line] of wrapped.entries()) {
 			lines.push(index === wrapped.length - 1 ? line.text : line.text.replace(TRAILING_SPACE, ""));
-			width = Math.max(width, line.width);
+			widths.push(line.width);
 		}
 	}
+	if (lines.length > maxLines) {
+		truncated = true;
+		lines.length = maxLines;
+		widths.length = maxLines;
+	}
+	if (truncated && lines.length > 0) {
+		const last = lines.length - 1;
+		lines[last] = fitLineWithEllipsis(lines[last], maxWidth, (value) => measureTextWidth(value, font));
+		widths[last] = measureTextWidth(lines[last], font);
+	}
 	return {
 		lines,
-		width
+		width: widths.reduce((max, width) => Math.max(max, width), 0),
+		truncated
 	};
 }
+const graphemes = typeof Intl.Segmenter === "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+function fitLineWithEllipsis(line, width, measureWidth) {
+	const trimmed = line.replace(/\s+$/u, "");
+	if (!trimmed) return "…";
+	if (measureWidth(`${trimmed}…`) <= width) return `${trimmed}…`;
+	const parts = graphemes ? Array.from(graphemes.segment(trimmed), ({ segment }) => segment) : Array.from(trimmed);
+	let lo = 0;
+	let hi = parts.length - 1;
+	while (lo < hi) {
+		const mid = lo + hi + 1 >> 1;
+		if (measureWidth(`${parts.slice(0, mid).join("")}…`) <= width) lo = mid;
+		else hi = mid - 1;
+	}
+	return `${parts.slice(0, lo).join("")}…`;
+}
 const baselineShifts = /* @__PURE__ */ new Map();
 function cssBaselineShift(style) {
 	const font = fontStringFromTextStyle(style);
@@ -128,4 +173,4 @@ function onBoardTextFontsChange(listener) {
 	return () => fontListeners.delete(listener);
 }
 //#endregion
-export { BOARD_FONT_STACKS, boardTextStyle, canvasFont, canvasFontFamily, cssBaselineShift, ensureBoardTextMeasurement, installBoardTextMeasurement, layoutTextLines, onBoardTextFontsChange };
+export { BOARD_FONT_STACKS, boardTextStyle, canvasFont, canvasFontFamily, cssBaselineShift, ensureBoardTextMeasurement, fitLineWithEllipsis, installBoardTextMeasurement, layoutTextLines, measureTextWidth, onBoardTextFontsChange };

package/dist/board/replica/index.d.ts

@@ -1,6 +1,7 @@
 import { BoardDelta, BoardDocument, BoardPatch } from "../../protocol/dist/board-model.js";
 import { BoardApplyResult, BoardPlaybackSnapshot, BoardReadResult } from "../../protocol/dist/board.js";
 import "../../protocol/dist/index.js";
+import { BoardReplicaDatabaseOptions, BoardReplicaScope, clearBoardReplicaStorage, createIndexedDbBoardReplicaStorage } from "./indexeddb.js";
 //#region src/board/replica/index.d.ts
 type BoardPendingPatch = {
   mutationId: string;
@@ -27,6 +28,7 @@ type BoardRemote = {
         playback: BoardPlaybackSnapshot | null;
       };
     }) => void;
+    resync?: () => void;
   }): () => void;
 };
 type BoardReplicaStorage = {
@@ -62,9 +64,9 @@ declare function createBoardReplica(options: BoardReplicaOptions): {
   receive: (payload: BoardChangedPayload) => void;
   receivePlayback: (next: BoardPlaybackSnapshot | null) => void;
   refresh: () => Promise<void>;
-  retry(): Promise<void>;
+  retry: () => Promise<void>;
   dispose(): void;
 };
 type BoardReplica = ReturnType<typeof createBoardReplica>;
 //#endregion
-export { BoardChangedPayload, BoardPendingPatch, BoardRemote, BoardReplica, BoardReplicaOptions, BoardReplicaState, BoardReplicaStorage, createBoardReplica };
+export { BoardChangedPayload, BoardPendingPatch, BoardRemote, BoardReplica, type BoardReplicaDatabaseOptions, BoardReplicaOptions, type BoardReplicaScope, BoardReplicaState, BoardReplicaStorage, clearBoardReplicaStorage, createBoardReplica, createIndexedDbBoardReplicaStorage };

package/dist/board/replica/index.js

@@ -1,6 +1,7 @@
 import { applyBoardDelta, applyBoardPatchToDocument, parseBoardDocument } from "../../protocol/dist/board-patch.js";
 import { createBoardEntityId } from "../model/items/id.js";
 import { shareBoardDocument } from "../model/document-share.js";
+import { clearBoardReplicaStorage, createIndexedDbBoardReplicaStorage } from "./indexeddb.js";
 //#region src/board/replica/index.ts
 function memoryStorage() {
 	return {
@@ -47,6 +48,7 @@ function createBoardReplica(options) {
 	let retryTimer = null;
 	let retryDelay = RETRY_BASE_MS;
 	let disposed = false;
+	let restored = false;
 	let unpersisted = null;
 	let persistTimer = null;
 	function subscribeRemote() {
@@ -54,7 +56,8 @@ function createBoardReplica(options) {
 		try {
 			return remote.subscribe({
 				changed: (event) => receive(event.payload),
-				playback: (event) => receivePlayback(event.payload.playback)
+				playback: (event) => receivePlayback(event.payload.playback),
+				resync: () => void retry()
 			});
 		} catch {
 			return null;
@@ -157,7 +160,7 @@ function createBoardReplica(options) {
 		retryDelay = Math.min(RETRY_MAX_MS, retryDelay * 2);
 	}
 	async function flush() {
-		if (sending || disposed || !loaded) return;
+		if (sending || disposed || !loaded || !restored) return;
 		sending = true;
 		try {
 			while (pending.length && !disposed) {
@@ -217,6 +220,19 @@ function createBoardReplica(options) {
 		}
 		emit();
 	}
+	function retry() {
+		if (disposed) return Promise.resolve();
+		if (retryTimer) clearTimeout(retryTimer);
+		retryTimer = null;
+		retryDelay = RETRY_BASE_MS;
+		readError = null;
+		writeError = null;
+		emit();
+		return refresh().then(flush);
+	}
+	function onOnline() {
+		if (pending.length || readError || writeError) retry();
+	}
 	function receivePlayback(next) {
 		playbackRevision += 1;
 		playback = next;
@@ -232,13 +248,15 @@ function createBoardReplica(options) {
 		},
 		async start() {
 			unsubscribeRemote ??= subscribeRemote();
+			globalThis.addEventListener?.("online", onOnline);
 			const [cached, stored] = await Promise.all([storage.readDocument().catch(() => null), storage.listPending().catch(() => [])]);
 			if (disposed) return;
-			pending = stored;
-			if (cached && !server) {
-				const parsed = parseBoardDocument(cached.document);
-				if (parsed.ok) adoptServer(parsed.document, cached.version, false);
-			}
+			const known = new Set(stored.map((entry) => entry.mutationId));
+			pending = [...stored, ...pending.filter((entry) => !known.has(entry.mutationId))];
+			restored = true;
+			const parsed = cached && !server ? parseBoardDocument(cached.document) : null;
+			if (cached && parsed?.ok) adoptServer(parsed.document, cached.version, false);
+			else recompute();
 			emit();
 			await refresh();
 			await flush();
@@ -256,17 +274,10 @@ function createBoardReplica(options) {
 		receive,
 		receivePlayback,
 		refresh,
-		retry() {
-			if (retryTimer) clearTimeout(retryTimer);
-			retryTimer = null;
-			retryDelay = RETRY_BASE_MS;
-			readError = null;
-			writeError = null;
-			emit();
-			return refresh().then(flush);
-		},
+		retry,
 		dispose() {
 			disposed = true;
+			globalThis.removeEventListener?.("online", onOnline);
 			unsubscribeRemote?.();
 			unsubscribeRemote = null;
 			listeners.clear();
@@ -276,4 +287,4 @@ function createBoardReplica(options) {
 	};
 }
 //#endregion
-export { createBoardReplica };
+export { clearBoardReplicaStorage, createBoardReplica, createIndexedDbBoardReplicaStorage };

package/dist/board/replica/indexeddb.d.ts

@@ -0,0 +1,16 @@
+import { BoardReplicaStorage } from "./index.js";
+//#region src/board/replica/indexeddb.d.ts
+type BoardReplicaScope = {
+  userKey: string;
+  spaceId: string;
+  boardId: string;
+};
+type BoardReplicaDatabaseOptions = {
+  database?: string;
+};
+declare function createIndexedDbBoardReplicaStorage(scope: BoardReplicaScope, options?: BoardReplicaDatabaseOptions): BoardReplicaStorage;
+declare function clearBoardReplicaStorage(options?: BoardReplicaDatabaseOptions & {
+  userKey?: string;
+}): Promise<void>;
+//#endregion
+export { BoardReplicaDatabaseOptions, BoardReplicaScope, clearBoardReplicaStorage, createIndexedDbBoardReplicaStorage };

package/dist/board/replica/indexeddb.js

@@ -0,0 +1,155 @@
+//#region src/board/replica/indexeddb.ts
+const DATABASE = "cohub-board";
+const VERSION = 1;
+const OPEN_TIMEOUT_MS = 3e3;
+const connections = /* @__PURE__ */ new Map();
+function open(name) {
+	const existing = connections.get(name);
+	if (existing) return existing;
+	const opening = new Promise((resolve, reject) => {
+		const factory = globalThis.indexedDB;
+		if (!factory) {
+			reject(/* @__PURE__ */ new Error("IndexedDB is unavailable."));
+			return;
+		}
+		let late = false;
+		const timer = setTimeout(() => {
+			late = true;
+			reject(/* @__PURE__ */ new Error("IndexedDB did not open in time."));
+		}, OPEN_TIMEOUT_MS);
+		const request = factory.open(name, VERSION);
+		request.onupgradeneeded = () => {
+			const db = request.result;
+			db.createObjectStore("documents", { keyPath: "board" }).createIndex("user", "userKey");
+			const pending = db.createObjectStore("pending", { keyPath: ["board", "mutationId"] });
+			pending.createIndex("board", "board");
+			pending.createIndex("user", "userKey");
+		};
+		request.onsuccess = () => {
+			clearTimeout(timer);
+			const db = request.result;
+			if (late) {
+				db.close();
+				return;
+			}
+			const forget = () => {
+				if (connections.get(name) === opening) connections.delete(name);
+			};
+			db.onversionchange = () => {
+				db.close();
+				forget();
+			};
+			db.onclose = forget;
+			resolve(db);
+		};
+		request.onerror = () => {
+			clearTimeout(timer);
+			reject(request.error ?? /* @__PURE__ */ new Error("IndexedDB failed to open."));
+		};
+	});
+	connections.set(name, opening);
+	opening.catch(() => {
+		if (connections.get(name) === opening) connections.delete(name);
+	});
+	return opening;
+}
+async function transact(name, stores, mode, work, retry = true) {
+	const db = await open(name);
+	let tx;
+	try {
+		tx = db.transaction(stores, mode);
+	} catch (error) {
+		if (!retry) throw error;
+		db.close();
+		connections.delete(name);
+		return transact(name, stores, mode, work, false);
+	}
+	return new Promise((resolve, reject) => {
+		const result = work(tx);
+		tx.oncomplete = () => resolve(result());
+		tx.onerror = () => reject(tx.error ?? /* @__PURE__ */ new Error("IndexedDB transaction failed."));
+		tx.onabort = () => reject(tx.error ?? /* @__PURE__ */ new Error("IndexedDB transaction aborted."));
+	});
+}
+function deleteByIndex(store, index, key) {
+	const request = store.index(index).openKeyCursor(IDBKeyRange.only(key));
+	request.onsuccess = () => {
+		const cursor = request.result;
+		if (!cursor) return;
+		store.delete(cursor.primaryKey);
+		cursor.continue();
+	};
+}
+let lastOrder = 0;
+function createIndexedDbBoardReplicaStorage(scope, options = {}) {
+	const name = options.database ?? DATABASE;
+	const board = JSON.stringify([
+		scope.userKey,
+		scope.spaceId,
+		scope.boardId
+	]);
+	return {
+		listPending: () => transact(name, ["pending"], "readonly", (tx) => {
+			const request = tx.objectStore("pending").index("board").getAll(IDBKeyRange.only(board));
+			return () => request.result.sort((a, b) => a.order - b.order).map(({ mutationId, patch }) => ({
+				mutationId,
+				patch
+			}));
+		}),
+		putPending: ({ mutationId, patch }) => transact(name, ["pending"], "readwrite", (tx) => {
+			lastOrder = Math.max(Date.now(), lastOrder + 1);
+			const record = {
+				board,
+				mutationId,
+				userKey: scope.userKey,
+				order: lastOrder,
+				patch
+			};
+			tx.objectStore("pending").put(record);
+			return () => void 0;
+		}),
+		deletePending: (mutationId) => transact(name, ["pending"], "readwrite", (tx) => {
+			tx.objectStore("pending").delete([board, mutationId]);
+			return () => void 0;
+		}),
+		readDocument: () => transact(name, ["documents"], "readonly", (tx) => {
+			const request = tx.objectStore("documents").get(board);
+			return () => {
+				const record = request.result;
+				return record ? {
+					version: record.version,
+					document: record.document
+				} : null;
+			};
+		}),
+		writeDocument: (version, document) => transact(name, ["documents"], "readwrite", (tx) => {
+			const store = tx.objectStore("documents");
+			const request = store.get(board);
+			request.onsuccess = () => {
+				const current = request.result;
+				if (current && current.version > version) return;
+				const record = {
+					board,
+					userKey: scope.userKey,
+					version,
+					document
+				};
+				store.put(record);
+			};
+			return () => void 0;
+		})
+	};
+}
+async function clearBoardReplicaStorage(options = {}) {
+	const { userKey } = options;
+	await transact(options.database ?? DATABASE, ["documents", "pending"], "readwrite", (tx) => {
+		for (const name of ["documents", "pending"]) {
+			const store = tx.objectStore(name);
+			if (userKey === void 0) store.clear();
+			else deleteByIndex(store, "user", userKey);
+		}
+		return () => void 0;
+	});
+}
+//#endregion
+export { clearBoardReplicaStorage, createIndexedDbBoardReplicaStorage };