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

package/dist/superdoc.cjs

@@ -6,7 +6,7 @@ const require_uuid = require("./chunks/uuid-CFp0WGVU.cjs");
 const require_jszip = require("./chunks/jszip-BdUBlUeG.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-BTwbGDKw.cjs");
 const require_constants = require("./chunks/constants-sbCZ2O_A.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-DYky1UEo.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-6FUZ9d-y.cjs");
 let vue = require("vue");
 vue = require_rolldown_runtime.__toESM(vue);
 require("y-websocket");
@@ -3096,14 +3096,12 @@ const useCommentsStore = defineStore("comments", () => {
 	const v2TrackedChangesAdapter = (0, vue.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,
@@ -5197,16 +5195,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 {
@@ -5232,76 +5220,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,
@@ -5428,12 +5346,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
@@ -8757,16 +8669,38 @@ var _sfc_main$30 = {
 		};
 		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 = (0, vue.computed)(() => {
 			if (!instantSidebarAlignmentThreadId.value) return null;
@@ -9374,7 +9308,7 @@ var _sfc_main$30 = {
 		};
 	}
 };
-var FloatingComments_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$30, [["__scopeId", "data-v-7f4821a8"]]);
+var FloatingComments_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$30, [["__scopeId", "data-v-a1bd2282"]]);
 var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
@@ -13873,6 +13807,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;
@@ -13993,19 +13928,19 @@ var _sfc_main$20 = {
 		const v2GeometryEpoch = (0, vue.ref)(null);
 		let v2GeometryRafHandle = 0;
 		const activeEditorRef = (0, vue.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 = require_create_super_doc_ui.createSuperDocUI({ superdoc: proxy.$superdoc });
-			return linkPopoverUi;
-		};
 		const getLinkPopoverSurfaceManager = () => {
 			if (surfaceManager) return surfaceManager;
 			if (typeof proxy.$superdoc?.openSurface !== "function") return null;
@@ -14014,7 +13949,7 @@ var _sfc_main$20 = {
 		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) => {
@@ -14085,11 +14020,6 @@ var _sfc_main$20 = {
 			} 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;
@@ -14105,20 +14035,19 @@ var _sfc_main$20 = {
 			if (!documentId) return;
 			clearV2CommandShortcutBinding(documentId);
 			if (typeof bindEditShortcuts !== "function") return;
-			const fallbackUi = require_create_super_doc_ui.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);
@@ -15670,8 +15599,6 @@ var _sfc_main$20 = {
 			passwordPrompt.destroy();
 			findReplace.destroy();
 			linkPopover.destroy();
-			linkPopoverUi?.destroy?.();
-			linkPopoverUi = null;
 			cancelScheduledV2DomSelectionSync();
 			cancelScheduledV2SelectionToolbarSync();
 			for (const documentId of Array.from(v2Runtimes.keys())) clearV2RuntimeRegistration(documentId);
@@ -16188,7 +16115,7 @@ var _sfc_main$20 = {
 		};
 	}
 };
-var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-91c4cd11"]]);
+var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-41f40a40"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -33996,24 +33923,31 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 			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 = (0, vue.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 = (0, vue.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 = require_create_super_doc_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();
@@ -34034,9 +33968,6 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 			reg.unregister?.();
 		} catch {}
 		this._customCommandRegs.clear();
-		try {
-			this.ui?.destroy?.();
-		} catch {}
 		this.ui = null;
 		this.snapshot = null;
 	}
@@ -34657,6 +34588,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#ui = null;
 	#surfaceManager;
 	#editorRuntimeRegistry = new EditorRuntimeRegistry();
 	#editorRuntimeRegistryUnsub = null;
@@ -34763,7 +34695,7 @@ var SuperDoc = class extends require_eventemitter3.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 || require_uuid.v4_default();
 		this.colors = this.config.colors ?? [];
@@ -34815,6 +34747,13 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	get requiredNumberOfEditors() {
 		return this.#requireSuperdocStore("requiredNumberOfEditors").documents.filter((d) => d.type === DOCX).length;
 	}
+	get ui() {
+		if (!this.#ui) {
+			this.#ui = require_create_super_doc_ui.createSuperDocUI({ superdoc: this });
+			if (this.#destroyed) this.#ui.destroy();
+		}
+		return this.#ui;
+	}
 	get state() {
 		return {
 			documents: this.#requireSuperdocStore("state").documents,
@@ -35522,10 +35461,12 @@ var SuperDoc = class extends require_eventemitter3.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() {
@@ -35560,9 +35501,11 @@ var SuperDoc = class extends require_eventemitter3.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();
@@ -36281,6 +36224,7 @@ var SuperDoc = class extends require_eventemitter3.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;