superdoc 2.12.0-next.2 → 2.12.0-next.4

package/dist/collaboration-upgrade-engine.cjs

@@ -19,7 +19,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = (0, _superdoc_docx_engine_collaboration_upgrade_engine.getCollaborationUpgradeEngineInfo)();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.12.0-next.2",
+	superdocVersion: "2.12.0-next.4",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/collaboration-upgrade-engine.es.js

@@ -18,7 +18,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = getCollaborationUpgradeEngineInfo$1();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.12.0-next.2",
+	superdocVersion: "2.12.0-next.4",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/superdoc.cjs

@@ -316,7 +316,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.12.0-next.2";
+		return "2.12.0-next.4";
 	} catch {
 		return "unknown";
 	}
@@ -16137,6 +16137,8 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 	const isCompactCommentsMode = (0, vue.ref)(false);
 	let commentsContainerResizeObserver = null;
 	let compactMeasurementTarget = null;
+	let documentWidthResizeObserver = null;
+	let documentWidthTargets = [];
 	const isValidMeasurementTarget = (element) => {
 		if (!(element instanceof HTMLElement)) return false;
 		if ((typeof window !== "undefined" ? window.getComputedStyle(element) : null)?.display === "contents") return false;
@@ -16190,7 +16192,25 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 		if (Number.isFinite(rectWidth) && rectWidth > 0) return rectWidth;
 		return 0;
 	};
+	const ensureDocumentWidthObserver = () => {
+		const ResizeObserverClass = typeof window !== "undefined" ? window.ResizeObserver : void 0;
+		if (typeof ResizeObserverClass === "undefined") return;
+		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR) ?? null;
+		const nextTargets = [layers.value, documentElement].filter((el, index, all) => el instanceof HTMLElement && all.indexOf(el) === index);
+		if (nextTargets.length === documentWidthTargets.length && nextTargets.every((el, index) => el === documentWidthTargets[index])) return;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = nextTargets;
+		if (!nextTargets.length) return;
+		documentWidthResizeObserver = new ResizeObserverClass(() => {
+			recalculateCompactCommentsMode();
+		});
+		nextTargets.forEach((el) => documentWidthResizeObserver.observe(el));
+	};
 	const getMeasuredDocumentWidth = () => {
+		ensureDocumentWidthObserver();
 		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR);
 		const layersElement = layers.value;
 		const measuredFromDocument = Number(documentElement?.clientWidth ?? documentElement?.getBoundingClientRect?.().width ?? 0);
@@ -16229,6 +16249,11 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 			commentsContainerResizeObserver = null;
 		}
 		compactMeasurementTarget = null;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = [];
 	});
 	return {
 		superdocContainerWidth,
@@ -45188,7 +45213,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.12.0-next.2";
+		this.version = "2.12.0-next.4";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -315,7 +315,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.12.0-next.2";
+		return "2.12.0-next.4";
 	} catch {
 		return "unknown";
 	}
@@ -16122,6 +16122,8 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 	const isCompactCommentsMode = ref(false);
 	let commentsContainerResizeObserver = null;
 	let compactMeasurementTarget = null;
+	let documentWidthResizeObserver = null;
+	let documentWidthTargets = [];
 	const isValidMeasurementTarget = (element) => {
 		if (!(element instanceof HTMLElement)) return false;
 		if ((typeof window !== "undefined" ? window.getComputedStyle(element) : null)?.display === "contents") return false;
@@ -16175,7 +16177,25 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 		if (Number.isFinite(rectWidth) && rectWidth > 0) return rectWidth;
 		return 0;
 	};
+	const ensureDocumentWidthObserver = () => {
+		const ResizeObserverClass = typeof window !== "undefined" ? window.ResizeObserver : void 0;
+		if (typeof ResizeObserverClass === "undefined") return;
+		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR) ?? null;
+		const nextTargets = [layers.value, documentElement].filter((el, index, all) => el instanceof HTMLElement && all.indexOf(el) === index);
+		if (nextTargets.length === documentWidthTargets.length && nextTargets.every((el, index) => el === documentWidthTargets[index])) return;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = nextTargets;
+		if (!nextTargets.length) return;
+		documentWidthResizeObserver = new ResizeObserverClass(() => {
+			recalculateCompactCommentsMode();
+		});
+		nextTargets.forEach((el) => documentWidthResizeObserver.observe(el));
+	};
 	const getMeasuredDocumentWidth = () => {
+		ensureDocumentWidthObserver();
 		const documentElement = superdocRoot.value?.querySelector?.(SUPERDOC_DOCUMENT_SELECTOR);
 		const layersElement = layers.value;
 		const measuredFromDocument = Number(documentElement?.clientWidth ?? documentElement?.getBoundingClientRect?.().width ?? 0);
@@ -16214,6 +16234,11 @@ function useCommentSmallScreen({ commentsModuleConfig, superdocRoot, layers }) {
 			commentsContainerResizeObserver = null;
 		}
 		compactMeasurementTarget = null;
+		if (documentWidthResizeObserver) {
+			documentWidthResizeObserver.disconnect();
+			documentWidthResizeObserver = null;
+		}
+		documentWidthTargets = [];
 	});
 	return {
 		superdocContainerWidth,
@@ -45119,7 +45144,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.12.0-next.2";
+		this.version = "2.12.0-next.4";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];