superdoc 2.0.0-next.44 → 2.0.0-next.46

package/dist/superdoc.es.js

@@ -5,7 +5,7 @@ import { t as v4_default } from "./chunks/uuid-B2Sqk-3p.es.js";
 import { a as init_dist, i as global, n as init_dist$1, r as process$1, t as require_jszip_min } from "./chunks/jszip-DzmwAHr3.es.js";
 import { t as __plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-CInC0bKI.es.js";
 import { n as PDF_TO_CSS_UNITS } from "./chunks/constants-CY3R3_kF.es.js";
-import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-BFz0iim0.es.js";
+import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-DCFTmVRK.es.js";
 import * as Vue from "vue";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, getCurrentInstance, h, inject, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useAttrs, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "y-websocket";
@@ -3092,14 +3092,12 @@ const useCommentsStore = defineStore("comments", () => {
 	const v2TrackedChangesAdapter = shallowRef(null);
 	const setV2TrackedChangesAdapter = (adapter) => {
 		v2TrackedChangesAdapter.value = adapter ?? null;
-		if (!adapter) postDecisionBackgroundReconcileByDocument.clear();
 	};
 	const getV2TrackedChangesAdapter = (superdoc) => {
 		const fromFacade = superdoc?.activeEditor?.v2TrackedChanges ?? null;
 		if (fromFacade) return fromFacade;
 		return v2TrackedChangesAdapter.value;
 	};
-	const postDecisionBackgroundReconcileByDocument = /* @__PURE__ */ new Map();
 	const init = (config = {}) => {
 		const updatedConfig = {
 			...commentsConfig,
@@ -5193,16 +5191,6 @@ const useCommentsStore = defineStore("comments", () => {
 			removedIds
 		};
 	};
-	const waitForPostDecisionReconcileIdle = () => new Promise((resolve) => {
-		setTimeout(() => {
-			const requestIdle = globalThis?.requestIdleCallback;
-			if (typeof requestIdle === "function") {
-				requestIdle(() => resolve(void 0), { timeout: 2e3 });
-				return;
-			}
-			resolve(void 0);
-		}, 3e3);
-	});
 	const clearV2ActiveTrackedChangeTarget = (adapter, decidedId) => {
 		if (!decidedId || typeof adapter?.clearActiveTrackedChangeTargetIfMatches !== "function") return;
 		try {
@@ -5228,76 +5216,6 @@ const useCommentsStore = defineStore("comments", () => {
 			});
 		} catch {}
 	};
-	const tracePostDecisionBackgroundReconcile = (superdoc, event, payload = {}) => {
-		const record = {
-			event,
-			refreshReason: "post-decision-background",
-			blocking: false,
-			...payload
-		};
-		tracePreviewComments(`post-decision-background:${event}`, record);
-	};
-	const schedulePostDecisionBackgroundReconcile = ({ superdoc, trackedChangesAdapter, commentsAdapter, documentId } = {}) => {
-		const normalizedDocumentId = normalizeCommentId(documentId);
-		if (!normalizedDocumentId || !trackedChangesAdapter) return null;
-		const existing = postDecisionBackgroundReconcileByDocument.get(normalizedDocumentId);
-		if (existing) return existing;
-		const reconcilePromise = waitForPostDecisionReconcileIdle().then(async () => {
-			tracePostDecisionBackgroundReconcile(superdoc, "start", { documentId: normalizedDocumentId });
-			const trackedResult = await hydrateTrackedChangesFromV2({
-				superdoc,
-				adapter: trackedChangesAdapter,
-				documentId: normalizedDocumentId,
-				trackedChangesListMode: "background-reconcile",
-				refreshReason: "post-decision-background",
-				blocking: false
-			});
-			if (!trackedResult?.ok) tracePostDecisionBackgroundReconcile(superdoc, "tracked-changes-failed", {
-				documentId: normalizedDocumentId,
-				reason: trackedResult?.reason ?? null,
-				detail: trackedResult?.detail ?? null
-			});
-			if (commentsAdapter && typeof commentsAdapter.refresh === "function" && isCurrentV2CommentsAdapter(commentsAdapter)) {
-				let commentsResult;
-				try {
-					commentsResult = await commentsAdapter.refresh();
-				} catch (err) {
-					commentsResult = {
-						ok: false,
-						reason: "comments-refresh-threw",
-						detail: err?.message ?? String(err)
-					};
-				}
-				if (isCurrentV2CommentsAdapter(commentsAdapter) && commentsResult?.ok) reconcileCommentsFromV2({
-					superdoc,
-					adapter: commentsAdapter,
-					documentId: commentsAdapter.documentId ?? normalizedDocumentId,
-					items: commentsResult.items ?? []
-				});
-				else if (!commentsResult?.ok) tracePostDecisionBackgroundReconcile(superdoc, "comments-failed", {
-					documentId: normalizedDocumentId,
-					reason: commentsResult?.reason ?? null,
-					detail: commentsResult?.detail ?? null
-				});
-			}
-			tracePostDecisionBackgroundReconcile(superdoc, "complete", { documentId: normalizedDocumentId });
-			return { ok: true };
-		}).catch((err) => {
-			tracePostDecisionBackgroundReconcile(superdoc, "failed", {
-				documentId: normalizedDocumentId,
-				detail: err?.message ?? String(err)
-			});
-			return {
-				ok: false,
-				reason: "post-decision-background-failed",
-				detail: err?.message ?? String(err)
-			};
-		}).finally(() => {
-			if (postDecisionBackgroundReconcileByDocument.get(normalizedDocumentId) === reconcilePromise) postDecisionBackgroundReconcileByDocument.delete(normalizedDocumentId);
-		});
-		postDecisionBackgroundReconcileByDocument.set(normalizedDocumentId, reconcilePromise);
-		return reconcilePromise;
-	};
 	const decideTrackedChangeFromSidebar = ({ superdoc, comment, decision }) => {
 		if (commentsAreReadOnly$1()) return {
 			ok: false,
@@ -5424,12 +5342,6 @@ const useCommentsStore = defineStore("comments", () => {
 					};
 					if (!reliableDecidedIds.size || !effectiveDocumentId) return runBlockingPostDecisionReconcile();
 					reliableDecidedIds.forEach((id$1) => clearV2ActiveTrackedChangeTarget(v2Adapter, id$1));
-					schedulePostDecisionBackgroundReconcile({
-						superdoc,
-						trackedChangesAdapter: v2Adapter,
-						commentsAdapter: getV2CommentsAdapter(superdoc),
-						documentId: effectiveDocumentId
-					});
 					await waitForTrackedDecisionCanonicalPaint({
 						superdoc,
 						receipt: outcome.receipt
@@ -8746,16 +8658,38 @@ var FloatingComments_default = /* @__PURE__ */ __plugin_vue_export_helper_defaul
 		};
 		const getFloatingViewportRange = () => {
 			const container = floatingCommentsContainer.value;
-			const viewportRect = props.parent?.getBoundingClientRect?.();
-			if (!container || !viewportRect) return null;
+			if (!container) return null;
 			const containerRect = container.getBoundingClientRect();
-			if (!Number.isFinite(containerRect.top) || !Number.isFinite(viewportRect.top) || !Number.isFinite(viewportRect.bottom)) return null;
-			const top = viewportRect.top - containerRect.top;
-			const bottom = viewportRect.bottom - containerRect.top;
-			return bottom >= top ? {
-				top,
-				bottom
-			} : null;
+			if (!Number.isFinite(containerRect.top) || !Number.isFinite(window.innerHeight)) return null;
+			let visibleClientTop = 0;
+			let visibleClientBottom = window.innerHeight;
+			for (let ancestor = container.parentElement; ancestor; ancestor = ancestor.parentElement) {
+				const overflowY = window.getComputedStyle(ancestor).overflowY;
+				if (![
+					"auto",
+					"scroll",
+					"hidden",
+					"clip"
+				].includes(overflowY)) continue;
+				const ancestorRect = ancestor.getBoundingClientRect();
+				if (!Number.isFinite(ancestorRect.top) || !Number.isFinite(ancestorRect.bottom)) continue;
+				visibleClientTop = Math.max(visibleClientTop, ancestorRect.top);
+				visibleClientBottom = Math.min(visibleClientBottom, ancestorRect.bottom);
+			}
+			if (visibleClientBottom <= visibleClientTop) return null;
+			const parentRect = props.parent?.getBoundingClientRect?.();
+			if (parentRect && Number.isFinite(parentRect.top) && Number.isFinite(parentRect.bottom)) {
+				const intersectedTop = Math.max(visibleClientTop, parentRect.top);
+				const intersectedBottom = Math.min(visibleClientBottom, parentRect.bottom);
+				if (intersectedBottom > intersectedTop) {
+					visibleClientTop = intersectedTop;
+					visibleClientBottom = intersectedBottom;
+				}
+			}
+			return {
+				top: visibleClientTop - containerRect.top,
+				bottom: visibleClientBottom - containerRect.top
+			};
 		};
 		const instantAlignmentInstanceKey = computed(() => {
 			if (!instantSidebarAlignmentThreadId.value) return null;
@@ -9362,7 +9296,7 @@ var FloatingComments_default = /* @__PURE__ */ __plugin_vue_export_helper_defaul
 			}), 128))], 4)], 36);
 		};
 	}
-}, [["__scopeId", "data-v-7f4821a8"]]);
+}, [["__scopeId", "data-v-a1bd2282"]]);
 var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
@@ -13834,6 +13768,7 @@ var _hoisted_1$16 = {
 var _hoisted_2$13 = ["innerHTML"];
 var _hoisted_3$10 = { class: "superdoc__document document" };
 var _hoisted_4$7 = { class: "floating-comments" };
+var UNAVAILABLE_COMMAND_RESULT = false;
 var V2_SELECTION_TOOLBAR_SYNC_RETRY_FRAMES = 3;
 var V2_TYPING_REVIEW_HYDRATION_IDLE_MS = 6500;
 var V2_TYPING_REVIEW_HYDRATION_CEILING_MS = 8e3;
@@ -13954,19 +13889,19 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		const v2GeometryEpoch = ref(null);
 		let v2GeometryRafHandle = 0;
 		const activeEditorRef = computed(() => proxy.$superdoc.activeEditor);
-		let linkPopoverUi = null;
+		const getSuperDocUI = () => proxy.$superdoc?.ui ?? null;
+		const UNAVAILABLE_COMMAND_STATE = Object.freeze({
+			enabled: false,
+			active: false,
+			supported: false
+		});
 		const findReplace = useFindReplace({
 			getSurfaceManager: () => surfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
 			activeEditorRef,
 			getFindReplaceConfig: () => proxy.$superdoc?.config?.modules?.surfaces?.findReplace,
-			getSuperDocUI: () => getLinkPopoverUi()
+			getSuperDocUI
 		});
-		const getLinkPopoverUi = () => {
-			if (proxy.$superdoc?.toolbar?.ui) return proxy.$superdoc.toolbar.ui;
-			if (!linkPopoverUi && proxy.$superdoc) linkPopoverUi = createSuperDocUI({ superdoc: proxy.$superdoc });
-			return linkPopoverUi;
-		};
 		const getLinkPopoverSurfaceManager = () => {
 			if (surfaceManager) return surfaceManager;
 			if (typeof proxy.$superdoc?.openSurface !== "function") return null;
@@ -13975,7 +13910,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		const linkPopover = useLinkPopover({
 			getSurfaceManager: getLinkPopoverSurfaceManager,
 			getActiveEditor: () => proxy.$superdoc?.activeEditor,
-			getUi: getLinkPopoverUi,
+			getUi: getSuperDocUI,
 			getResolver: () => proxy.$superdoc?.config?.modules?.links?.popoverResolver,
 			getLayerElement: () => layers.value,
 			emitException: (payload) => {
@@ -14046,11 +13981,6 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			} catch (err) {
 				console.warn("[SuperDoc] v2 command-shortcut unbind failed", err);
 			}
-			try {
-				entry.ui?.destroy?.();
-			} catch (err) {
-				console.warn("[SuperDoc] v2 command-shortcut UI teardown failed", err);
-			}
 		};
 		const resolveV2LinkWorkflowOpener = () => {
 			const toolbar = proxy.$superdoc?.toolbar;
@@ -14066,20 +13996,19 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			if (!documentId) return;
 			clearV2CommandShortcutBinding(documentId);
 			if (typeof bindEditShortcuts !== "function") return;
-			const fallbackUi = createSuperDocUI({ superdoc: proxy.$superdoc });
-			const resolveUi = () => proxy.$superdoc?.toolbar?.ui ?? fallbackUi;
 			const openLinkWorkflow = resolveV2LinkWorkflowOpener();
 			const unbind = bindEditShortcuts({
 				commandRoute: {
-					executeAsync: (commandId, payload) => resolveUi().commands.executeAsync(commandId, payload),
-					getState: (commandId) => resolveUi().commands.get(commandId).getState()
+					executeAsync: (commandId, payload) => {
+						const ui = getSuperDocUI();
+						if (!ui) return Promise.resolve(UNAVAILABLE_COMMAND_RESULT);
+						return ui.commands.executeAsync(commandId, payload);
+					},
+					getState: (commandId) => getSuperDocUI()?.commands.get(commandId).getState() ?? UNAVAILABLE_COMMAND_STATE
 				},
 				...openLinkWorkflow ? { openLinkWorkflow } : {}
 			});
-			v2CommandShortcutBindings.set(documentId, {
-				unbind,
-				ui: fallbackUi
-			});
+			v2CommandShortcutBindings.set(documentId, { unbind });
 		};
 		const clearV2SessionShortcutBinding = (documentId) => {
 			const entry = v2SessionShortcutBindings.get(documentId);
@@ -15631,8 +15560,6 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			passwordPrompt.destroy();
 			findReplace.destroy();
 			linkPopover.destroy();
-			linkPopoverUi?.destroy?.();
-			linkPopoverUi = null;
 			cancelScheduledV2DomSelectionSync();
 			cancelScheduledV2SelectionToolbarSync();
 			for (const documentId of Array.from(v2Runtimes.keys())) clearV2RuntimeRegistration(documentId);
@@ -16148,7 +16075,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-91c4cd11"]]);
+}, [["__scopeId", "data-v-41f40a40"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -33933,24 +33860,31 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 			const uiFontFamily = (this.config?.uiDisplayFallbackFont || "").toString().trim() || "Arial, Helvetica, sans-serif";
 			this.toolbarContainer.style.setProperty("--sd-ui-font-family", uiFontFamily);
 		}
-		this.#initController();
-		this.#initToolbarGroups();
-		this.#makeToolbarItems();
-		this.#bindHostEvents();
-		this._lastFontOptionsSignature = this.#fontOptionsSignature();
-		if (!this.toolbarContainer) {
+		try {
+			this.#initController();
+			this.#initToolbarGroups();
+			this.#makeToolbarItems();
+			this.#bindHostEvents();
+			this._lastFontOptionsSignature = this.#fontOptionsSignature();
+			if (!this.toolbarContainer) {
+				this.updateToolbarState();
+				return;
+			}
+			this.app = createApp(Toolbar_default);
+			this.app.directive("click-outside", v_click_outside_default);
+			this.app.config.globalProperties.$toolbar = this;
+			this.toolbar = this.app.mount(this.toolbarContainer);
 			this.updateToolbarState();
-			return;
+		} catch (error) {
+			try {
+				this.destroy();
+			} catch {}
+			throw error;
 		}
-		this.app = createApp(Toolbar_default);
-		this.app.directive("click-outside", v_click_outside_default);
-		this.app.config.globalProperties.$toolbar = this;
-		this.toolbar = this.app.mount(this.toolbarContainer);
-		this.updateToolbarState();
 	}
 	#initController() {
-		if (!this.superdoc) return;
-		this.ui = createSuperDocUI({ superdoc: this.superdoc });
+		this.ui = this.superdoc?.ui ?? null;
+		if (!this.ui) return;
 		this.snapshot = this.ui.toolbar.getSnapshot();
 		this._unsubscribeController = this.ui.toolbar.subscribe(() => {
 			this.snapshot = this.ui.toolbar.getSnapshot();
@@ -33971,9 +33905,6 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 			reg.unregister?.();
 		} catch {}
 		this._customCommandRegs.clear();
-		try {
-			this.ui?.destroy?.();
-		} catch {}
 		this.ui = null;
 		this.snapshot = null;
 	}
@@ -34594,6 +34525,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#ui = null;
 	#surfaceManager;
 	#editorRuntimeRegistry = new EditorRuntimeRegistry();
 	#editorRuntimeRegistryUnsub = null;
@@ -34700,7 +34632,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.0.0-next.44";
+		this.version = "2.0.0-next.46";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];
@@ -34752,6 +34684,13 @@ var SuperDoc = class extends import_eventemitter3.default {
 	get requiredNumberOfEditors() {
 		return this.#requireSuperdocStore("requiredNumberOfEditors").documents.filter((d) => d.type === DOCX).length;
 	}
+	get ui() {
+		if (!this.#ui) {
+			this.#ui = createSuperDocUI({ superdoc: this });
+			if (this.#destroyed) this.#ui.destroy();
+		}
+		return this.#ui;
+	}
 	get state() {
 		return {
 			documents: this.#requireSuperdocStore("state").documents,
@@ -35459,10 +35398,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 		return this.#fontsApi;
 	}
 	#clearActiveEditorProjection() {
+		const hadActiveEditor = this.activeEditor !== null;
 		this.#teardownV2FontsRelay();
 		this.activeEditor = null;
 		if (this.toolbar?.setActiveEditor) this.toolbar.setActiveEditor(null);
 		else if (this.toolbar) this.toolbar.activeEditor = null;
+		if (hadActiveEditor) this.emit("active-editor-change");
 	}
 	#v2FontsUnsub = null;
 	#teardownV2FontsRelay() {
@@ -35497,9 +35438,11 @@ var SuperDoc = class extends import_eventemitter3.default {
 	#setActiveEditorCompatibilityProjection(editor) {
 		if (isV2ActiveEditorFacade(editor)) {
 			if (!this.#applyingRuntimeActiveChange && this.#editorRuntimeRegistry.getActive()) this.#editorRuntimeRegistry.setActive(null, "set-active-v2-facade");
+			const previous = this.activeEditor;
 			this.activeEditor = editor;
 			this.#wireV2FontsRelay(editor);
 			this.toolbar?.setActiveEditor?.(editor);
+			if (previous !== this.activeEditor) this.emit("active-editor-change");
 			return;
 		}
 		this.#clearActiveEditorProjection();
@@ -36218,6 +36161,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 			delete this.app.config.globalProperties.$config;
 			delete this.app.config.globalProperties.$superdoc;
 		}
+		this.#ui?.destroy();
 		this.#cleanupCollaboration();
 		this.#editorRuntimeRegistryUnsub?.();
 		this.#editorRuntimeRegistryUnsub = null;