superdoc 2.13.0-next.10 → 2.13.0-next.11

package/dist/superdoc.cjs

@@ -4,7 +4,7 @@ const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require_jszip = require("./chunks/jszip-D8mAFF-r.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-mHK2pqj3.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-DNfQTF2k.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-SDR04tiH.cjs");
 const require_constants = require("./chunks/constants-DpXuDx_g.cjs");
 let vue = require("vue");
@@ -316,7 +316,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.13.0-next.10";
+		return "2.13.0-next.11";
 	} catch {
 		return "unknown";
 	}
@@ -14700,6 +14700,47 @@ var normalizePdfPageMeasurement = (measured, scaleFactor, zoomFactor) => {
 	if (Number.isFinite(scaleFactor) && scaleFactor > 0) return measured / scaleFactor * require_constants.PDF_TO_CSS_UNITS;
 	return zoomFactor > 0 ? measured / zoomFactor : measured;
 };
+var resolveV2WidestPageWidth = (snapshot) => {
+	if (!snapshot || typeof snapshot !== "object") return 0;
+	const published = snapshot.widestPageWidthPx;
+	if (typeof published === "number" && Number.isFinite(published)) return published;
+	let widestPage = 0;
+	const pages = snapshot.pages;
+	if (Array.isArray(pages)) for (const page of pages) {
+		const width = page?.base?.widthPx;
+		if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+	}
+	return widestPage;
+};
+var resolveEditorPageWidth = (editor) => {
+	if (!editor) return null;
+	let widestPage = 0;
+	try {
+		widestPage = resolveV2WidestPageWidth(editor.pageMetrics?.getSnapshot?.());
+	} catch {
+		widestPage = 0;
+	}
+	if (widestPage > 0) return widestPage;
+	try {
+		const pages = editor.getPages?.();
+		if (Array.isArray(pages)) for (const page of pages) {
+			const width = page?.size?.w;
+			if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+		}
+	} catch {
+		widestPage = 0;
+	}
+	if (widestPage > 0) return widestPage;
+	let pageStyles = null;
+	try {
+		pageStyles = editor.getPageStyles?.() ?? null;
+	} catch {
+		pageStyles = null;
+	}
+	const pageWidthInches = pageStyles?.pageSize?.width;
+	if (typeof pageWidthInches === "number" && Number.isFinite(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
+	return null;
+};
 /**
 * Viewport fit tracking. Maintains pure viewport metrics (available width,
 * document base width, fit zoom), stores them for `getViewportMetrics()`,
@@ -14724,29 +14765,6 @@ var normalizePdfPageMeasurement = (measured, scaleFactor, zoomFactor) => {
 * unmount hook).
 */
 function useViewportFit({ getSuperdoc, superdocContainerWidth, isReady, activeZoom, zoomMode, viewportMetrics, showCommentsSidebar, rightSidebarRef, superdocRoot, documents }) {
-	const resolveEditorPageWidth = (editor) => {
-		if (!editor) return null;
-		let widestPage = 0;
-		try {
-			const pages = editor.getPages?.();
-			if (Array.isArray(pages)) for (const page of pages) {
-				const width = page?.size?.w;
-				if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
-			}
-		} catch {
-			widestPage = 0;
-		}
-		if (widestPage > 0) return widestPage;
-		let pageStyles = null;
-		try {
-			pageStyles = editor.getPageStyles?.() ?? null;
-		} catch {
-			pageStyles = null;
-		}
-		const pageWidthInches = pageStyles?.pageSize?.width;
-		if (typeof pageWidthInches === "number" && Number.isFinite(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
-		return null;
-	};
 	const resolvePdfPageWidth = () => {
 		if (!(documents?.value ?? []).some((doc) => doc?.type === "application/pdf")) return null;
 		const root = superdocRoot.value;
@@ -45442,7 +45460,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.13.0-next.10";
+		this.version = "2.13.0-next.11";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];
@@ -47296,6 +47314,13 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		}
 		if (this.superdocStore.zoomMode === mode) return;
 		this.superdocStore.zoomMode = mode;
+		if (mode === "fit-width") {
+			const metrics = this.superdocStore.viewportMetrics;
+			if (metrics) {
+				const target = computeAppliedFitZoom(metrics.availableWidth, metrics.documentWidth, resolveFitWidthOptions(this.config.zoom?.fitWidth));
+				if (target !== null) this.superdocStore.activeZoom = target;
+			}
+		}
 		this.emit("zoomChange", {
 			zoom: this.getZoom(),
 			mode
@@ -47734,10 +47759,6 @@ var COLORS_TO_VARS = {
 	border: "--sd-ui-border"
 };
 var themeCounter = 0;
-/**
-* Generate the className and CSS string from a theme config.
-* Shared core used by both createTheme and buildTheme.
-*/
 function generateTheme(config) {
 	const { name, font, radius, shadow, colors, vars } = config;
 	const className = `sd-theme-${(name ? name.replace(/[^a-zA-Z0-9-_]/g, "-") : null) || `custom-${++themeCounter}`}`;
@@ -47803,8 +47824,8 @@ function createTheme(config) {
 }
 /**
 * Build a SuperDoc theme and return both the class name and raw CSS.
-* Pure function — does NOT inject styles into the DOM. Use this for SSR
-* or when you need to control style injection yourself (e.g., CSP nonce).
+* This function does not access the DOM. Use it for server rendering or when
+* your application controls style injection, such as with a CSP nonce.
 *
 * @example
 * ```ts

package/dist/superdoc.es.js

@@ -3,7 +3,7 @@ import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-BzJ3CyxR.es.js";
-import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-u1giSvlm.es.js";
+import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-XWtQHPGP.es.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-BOaGB7Aw.es.js";
 import { t as PDF_TO_CSS_UNITS } from "./chunks/constants-B6VBlmKp.es.js";
 import * as Vue from "vue";
@@ -315,7 +315,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.13.0-next.10";
+		return "2.13.0-next.11";
 	} catch {
 		return "unknown";
 	}
@@ -14691,6 +14691,47 @@ var normalizePdfPageMeasurement = (measured, scaleFactor, zoomFactor) => {
 	if (Number.isFinite(scaleFactor) && scaleFactor > 0) return measured / scaleFactor * PDF_TO_CSS_UNITS;
 	return zoomFactor > 0 ? measured / zoomFactor : measured;
 };
+var resolveV2WidestPageWidth = (snapshot) => {
+	if (!snapshot || typeof snapshot !== "object") return 0;
+	const published = snapshot.widestPageWidthPx;
+	if (typeof published === "number" && Number.isFinite(published)) return published;
+	let widestPage = 0;
+	const pages = snapshot.pages;
+	if (Array.isArray(pages)) for (const page of pages) {
+		const width = page?.base?.widthPx;
+		if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+	}
+	return widestPage;
+};
+var resolveEditorPageWidth = (editor) => {
+	if (!editor) return null;
+	let widestPage = 0;
+	try {
+		widestPage = resolveV2WidestPageWidth(editor.pageMetrics?.getSnapshot?.());
+	} catch {
+		widestPage = 0;
+	}
+	if (widestPage > 0) return widestPage;
+	try {
+		const pages = editor.getPages?.();
+		if (Array.isArray(pages)) for (const page of pages) {
+			const width = page?.size?.w;
+			if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
+		}
+	} catch {
+		widestPage = 0;
+	}
+	if (widestPage > 0) return widestPage;
+	let pageStyles = null;
+	try {
+		pageStyles = editor.getPageStyles?.() ?? null;
+	} catch {
+		pageStyles = null;
+	}
+	const pageWidthInches = pageStyles?.pageSize?.width;
+	if (typeof pageWidthInches === "number" && Number.isFinite(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
+	return null;
+};
 /**
 * Viewport fit tracking. Maintains pure viewport metrics (available width,
 * document base width, fit zoom), stores them for `getViewportMetrics()`,
@@ -14715,29 +14756,6 @@ var normalizePdfPageMeasurement = (measured, scaleFactor, zoomFactor) => {
 * unmount hook).
 */
 function useViewportFit({ getSuperdoc, superdocContainerWidth, isReady, activeZoom, zoomMode, viewportMetrics, showCommentsSidebar, rightSidebarRef, superdocRoot, documents }) {
-	const resolveEditorPageWidth = (editor) => {
-		if (!editor) return null;
-		let widestPage = 0;
-		try {
-			const pages = editor.getPages?.();
-			if (Array.isArray(pages)) for (const page of pages) {
-				const width = page?.size?.w;
-				if (typeof width === "number" && Number.isFinite(width) && width > widestPage) widestPage = width;
-			}
-		} catch {
-			widestPage = 0;
-		}
-		if (widestPage > 0) return widestPage;
-		let pageStyles = null;
-		try {
-			pageStyles = editor.getPageStyles?.() ?? null;
-		} catch {
-			pageStyles = null;
-		}
-		const pageWidthInches = pageStyles?.pageSize?.width;
-		if (typeof pageWidthInches === "number" && Number.isFinite(pageWidthInches) && pageWidthInches > 0) return pageWidthInches * CSS_PX_PER_INCH;
-		return null;
-	};
 	const resolvePdfPageWidth = () => {
 		if (!(documents?.value ?? []).some((doc) => doc?.type === "application/pdf")) return null;
 		const root = superdocRoot.value;
@@ -45373,7 +45391,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.13.0-next.10";
+		this.version = "2.13.0-next.11";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];
@@ -47227,6 +47245,13 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		if (this.superdocStore.zoomMode === mode) return;
 		this.superdocStore.zoomMode = mode;
+		if (mode === "fit-width") {
+			const metrics = this.superdocStore.viewportMetrics;
+			if (metrics) {
+				const target = computeAppliedFitZoom(metrics.availableWidth, metrics.documentWidth, resolveFitWidthOptions(this.config.zoom?.fitWidth));
+				if (target !== null) this.superdocStore.activeZoom = target;
+			}
+		}
 		this.emit("zoomChange", {
 			zoom: this.getZoom(),
 			mode
@@ -47665,10 +47690,6 @@ var COLORS_TO_VARS = {
 	border: "--sd-ui-border"
 };
 var themeCounter = 0;
-/**
-* Generate the className and CSS string from a theme config.
-* Shared core used by both createTheme and buildTheme.
-*/
 function generateTheme(config) {
 	const { name, font, radius, shadow, colors, vars } = config;
 	const className = `sd-theme-${(name ? name.replace(/[^a-zA-Z0-9-_]/g, "-") : null) || `custom-${++themeCounter}`}`;
@@ -47734,8 +47755,8 @@ function createTheme(config) {
 }
 /**
 * Build a SuperDoc theme and return both the class name and raw CSS.
-* Pure function — does NOT inject styles into the DOM. Use this for SSR
-* or when you need to control style injection yourself (e.g., CSP nonce).
+* This function does not access the DOM. Use it for server rendering or when
+* your application controls style injection, such as with a CSP nonce.
 *
 * @example
 * ```ts