superdoc 2.24.0-next.4 → 2.24.0-next.6

package/dist/superdoc.es.js

@@ -302,7 +302,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.24.0-next.4";
+		return "2.24.0-next.6";
 	} catch {
 		return "unknown";
 	}
@@ -13925,10 +13925,35 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				nextTick(() => emit("resize"));
 			});
 		};
-		const isV2Mode = computed$1(() => proxy.$superdoc?.activeEditor?.editorVersion === 2);
-		const v2CommentsAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null);
-		const v2TrackedChangesAdapter = computed$1(() => isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null);
+		const activeEditorRevision = ref(0);
+		const v2CapabilityRevision = ref(0);
+		const refreshActiveEditor = () => {
+			activeEditorRevision.value += 1;
+		};
+		const isV2Mode = computed$1(() => {
+			activeEditorRevision.value;
+			return proxy.$superdoc?.activeEditor?.editorVersion === 2;
+		});
+		const v2CommentsAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2Comments ?? null : null;
+		});
+		const v2TrackedChangesAdapter = computed$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.v2TrackedChanges ?? null : null;
+		});
+		watch$1(() => {
+			activeEditorRevision.value;
+			return isV2Mode.value ? proxy.$superdoc?.activeEditor?.host ?? null : null;
+		}, (host, _previous, onCleanup) => {
+			v2CapabilityRevision.value += 1;
+			const unsubscribe = host?.subscribe?.(() => {
+				v2CapabilityRevision.value += 1;
+			});
+			onCleanup(() => unsubscribe?.());
+		}, { immediate: true });
 		const v2WriteCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2CommentsAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const command = isPendingNewComment.value ? "comments.createFromSelection" : null;
@@ -13952,6 +13977,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
 		const v2TrackedChangeCapability = computed$1(() => {
+			v2CapabilityRevision.value;
 			if (!v2TrackedChangesAdapter.value) return null;
 			const documentMode = commentsStore.viewingVisibility.documentMode;
 			const capability = v2TrackedChangesAdapter.value.getCapabilityState?.() ?? null;
@@ -14236,6 +14262,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return users;
 		});
 		onMounted(() => {
+			proxy.$superdoc?.on?.("active-editor-change", refreshActiveEditor);
 			if (props.autoFocus) nextTick(() => setFocus());
 			if (isPendingNewComment.value) nextTick(() => {
 				commentInput.value?.focus?.({ preventScroll: true });
@@ -14249,6 +14276,9 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				checkOverflow();
 			});
 		});
+		onBeforeUnmount(() => {
+			proxy.$superdoc?.off?.("active-editor-change", refreshActiveEditor);
+		});
 		watch$1(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			nextTick(() => {
@@ -14495,7 +14525,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-c189ab35"]]);
+}, [["__scopeId", "data-v-5ace8cef"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -19702,6 +19732,11 @@ function textTargetFromQueryMatch(doc, text, blockId) {
 function isTocEntryLinkElement(element) {
 	return Boolean(element && typeof element.closest === "function" && element.closest(".superdoc-toc-entry"));
 }
+/** @param {Element | null | undefined} element */
+function isNoteCrossReferenceLinkElement(element) {
+	const kind = element?.getAttribute("data-sd-note-cross-reference");
+	return (kind === "ref" || kind === "noteRef") && Boolean(element?.closest("[data-sd-note-role=\"body\"]"));
+}
 /**
 * @param {Object} options
 * @param {() => SurfaceManager | null | undefined} options.getSurfaceManager
@@ -19845,9 +19880,9 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	* Navigate to a body bookmark through its model address. A mounted-anchor
 	* fallback is reserved for runtimes without a callable bookmark model.
 	* @param {string | null | undefined} anchorUrl
-	* @param {{ placeCaret?: boolean }} [options]
+	* @param {{ placeCaret?: boolean, revalidateCaretAfterReveal?: boolean }} [options]
 	*/
-	async function navigateToAnchor(anchorUrl, { placeCaret = false } = {}) {
+	async function navigateToAnchor(anchorUrl, { placeCaret = false, revalidateCaretAfterReveal = false } = {}) {
 		if (typeof anchorUrl !== "string" || !anchorUrl.startsWith("#")) return false;
 		const anchorName = decodeAnchorFragment(anchorUrl.slice(1));
 		const editor = getActiveEditor();
@@ -19864,48 +19899,65 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 			});
 			return true;
 		}
-		/** @type {BookmarkGetResult | null} */
-		let bookmark = null;
-		try {
-			const list = doc?.bookmarks?.list;
-			if (typeof list === "function") {
-				if ((await Promise.resolve(list.call(doc.bookmarks)))?.items?.filter((item) => item.name === anchorName).length !== 1) return false;
+		async function readBodyBookmark() {
+			try {
+				const list = doc?.bookmarks?.list;
+				if (typeof list === "function") {
+					if ((await Promise.resolve(list.call(doc.bookmarks)))?.items?.filter((item) => item.name === anchorName).length !== 1) return null;
+				}
+				const bookmark = await Promise.resolve(bookmarkGet.call(doc.bookmarks, { target: {
+					kind: "entity",
+					entityType: "bookmark",
+					name: anchorName
+				} }));
+				if (editor !== getActiveEditor() || generation !== openGeneration) return null;
+				const story = bookmark?.address?.story;
+				if (story && story.storyType !== "body" || bookmark?.tableColumn) return null;
+				const blockId = bookmark?.range?.from?.blockId;
+				const offset = bookmark?.range?.from?.offset ?? 0;
+				if (typeof blockId !== "string" || !Number.isInteger(offset) || offset < 0) return null;
+				return {
+					blockId,
+					offset
+				};
+			} catch {
+				return null;
 			}
-			bookmark = await Promise.resolve(bookmarkGet.call(doc.bookmarks, { target: {
-				kind: "entity",
-				entityType: "bookmark",
-				name: anchorName
-			} }));
-			bookmark ??= null;
-		} catch {
-			return false;
 		}
-		if (editor !== getActiveEditor() || generation !== openGeneration) return false;
-		const story = bookmark?.address?.story;
-		if (story && story.storyType !== "body" || bookmark?.tableColumn) return false;
-		const blockId = bookmark?.range?.from?.blockId;
-		const offset = bookmark?.range?.from?.offset ?? 0;
-		if (typeof blockId !== "string" || !Number.isInteger(offset) || offset < 0) return false;
-		if (placeCaret) await placeCaretAtBookmark(blockId, offset);
+		let position = await readBodyBookmark();
+		if (!position) return false;
+		if (placeCaret && !revalidateCaretAfterReveal) await placeCaretAtBookmark(position.blockId, position.offset);
 		const viewport = getUi()?.viewport;
 		const scrollIntoView = viewport?.scrollIntoView;
 		if (typeof scrollIntoView !== "function") return false;
-		const target = {
-			kind: "text",
-			blockId,
-			range: {
-				start: offset,
-				end: offset
-			}
-		};
 		for (let step = 0; step < MAX_ANCHOR_NAVIGATION_STEPS; step += 1) try {
+			const target = {
+				kind: "text",
+				blockId: position.blockId,
+				range: {
+					start: position.offset,
+					end: position.offset
+				}
+			};
 			const result = await Promise.resolve(scrollIntoView.call(viewport, {
 				target,
 				block: "start",
 				behavior: "instant"
 			}));
 			if (editor !== getActiveEditor() || generation !== openGeneration) return false;
-			if (result?.success !== false) return true;
+			if (result?.success !== false) {
+				if (revalidateCaretAfterReveal) {
+					const current = await readBodyBookmark();
+					if (!current) return false;
+					if (current.blockId !== position.blockId || current.offset !== position.offset) {
+						position = current;
+						continue;
+					}
+					if (placeCaret) await placeCaretAtBookmark(current.blockId, current.offset);
+					if (editor !== getActiveEditor() || generation !== openGeneration) return false;
+				}
+				return true;
+			}
 		} catch {
 			return false;
 		}
@@ -20031,8 +20083,13 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 			return;
 		}
 		if (ctx.defaultAction === "navigate") {
-			if (ctx.isAnchorLink) navigateToAnchor(ctx.href);
-			else if (ctx.href) {
+			if (ctx.isAnchorLink) {
+				const noteReference = isNoteCrossReferenceLinkElement(ctx.element);
+				navigateToAnchor(ctx.href, {
+					placeCaret: noteReference && ctx.documentMode !== "viewing",
+					revalidateCaretAfterReveal: noteReference && ctx.documentMode !== "viewing"
+				});
+			} else if (ctx.href) {
 				const target = ctx.target || "_self";
 				const features = linkOpenFeaturesForTarget(ctx.rel, target);
 				if (features) window.open(ctx.href, target, features);
@@ -46493,7 +46550,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.24.0-next.4";
+		this.version = "2.24.0-next.6";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -48671,11 +48728,12 @@ var SuperDoc = class extends import_eventemitter3.default {
 	async #replaceActiveDocument(source) {
 		const activeEditor = this.activeEditor;
 		if (isV2ActiveEditorFacade(activeEditor) && typeof activeEditor.replaceFile === "function") {
-			const result = await activeEditor.replaceFile(source);
+			const replacementSource = this.#savedDocxToBlob(source);
+			const result = await activeEditor.replaceFile(replacementSource);
 			const state = result && typeof result === "object" ? result.state : null;
 			const confirmed = state === null || state === "review-ready" || state === "editing-ready";
 			if (confirmed) {
-				this.#replaceActiveDocumentData(activeEditor, source);
+				this.#replaceActiveDocumentData(activeEditor, replacementSource);
 				this.emit("document-replaced", {
 					editor: activeEditor,
 					host: activeEditor?.host