superdoc 1.0.0-beta.79 → 1.0.0-beta.80

package/dist/super-editor/style.css

@@ -1956,10 +1956,10 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
 }
 
-.editor-element[data-v-cb3fe66f] {
+.editor-element[data-v-209a1e8b] {
   position: relative;
 }
-.super-editor-container[data-v-cb3fe66f] {
+.super-editor-container[data-v-209a1e8b] {
   width: auto;
   height: auto;
   min-width: 8in;
@@ -1968,14 +1968,14 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-cb3fe66f] {
+.ruler[data-v-209a1e8b] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-cb3fe66f] {
+.super-editor[data-v-209a1e8b] {
   color: initial;
   overflow: hidden;
 }
-.placeholder-editor[data-v-cb3fe66f] {
+.placeholder-editor[data-v-209a1e8b] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1987,7 +1987,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-cb3fe66f] {
+.placeholder-title[data-v-209a1e8b] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;

package/dist/super-editor/super-editor.es.js

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _MARK_TOGGLE_NAMES, _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn, syncStickyMarksFromState_fn, restoreStickyMarksIfNeeded_fn, ensureStoredMarksForMarkToggle_fn;
-import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-DqebDh5Y.js";
-import { ac, i, a9, aQ } from "./chunks/converter-DqebDh5Y.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-BHqPITqs.js";
-import { F, I, G, T, B, H, C } from "./chunks/editor-BHqPITqs.js";
+import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-Cww1mCyd.js";
+import { ac, i, a9, aQ } from "./chunks/converter-Cww1mCyd.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-D3MjMYeX.js";
+import { F, I, G, T, B, H, C } from "./chunks/editor-D3MjMYeX.js";
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, defineComponent, reactive, onUnmounted, renderSlot, useCssVars, shallowRef, createBlock, Teleport, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-gYGrkDSx.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-CuJJlHlv.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-DNBbqIUN.js";
+import { D } from "./chunks/docx-zipper-BlOp_CYx.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -6217,6 +6217,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const updateImageResizeOverlay = (event) => {
       if (!editorElem.value) return;
+      if (!(event.target instanceof Element)) {
+        imageResizeState.visible = false;
+        imageResizeState.imageElement = null;
+        imageResizeState.blockId = null;
+        return;
+      }
       let target = event.target;
       while (target && target !== document.body) {
         if (target.classList?.contains("superdoc-image-resize-overlay") || target.closest?.(".superdoc-image-resize-overlay")) {
@@ -6228,6 +6234,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           imageResizeState.blockId = target.getAttribute("data-sd-block-id");
           return;
         }
+        if (target.classList?.contains("superdoc-inline-image") && target.hasAttribute("data-image-metadata")) {
+          imageResizeState.visible = true;
+          imageResizeState.imageElement = target;
+          imageResizeState.blockId = target.getAttribute("data-pm-start");
+          return;
+        }
         target = target.parentElement;
       }
       imageResizeState.visible = false;
@@ -6607,7 +6619,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cb3fe66f"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-209a1e8b"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",

package/dist/super-editor/toolbar.es.js

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-gYGrkDSx.js";
-import "./chunks/editor-BHqPITqs.js";
+import { T } from "./chunks/toolbar-CuJJlHlv.js";
+import "./chunks/editor-D3MjMYeX.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-37HP4-SX.cjs");
+const superEditor_es = require("./chunks/super-editor.es-BPfJzTNn.cjs");
 require("./chunks/vue-jWLMl8Ts.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-eQ24GmlY.es.js";
+import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-Bo6Jt_tq.es.js";
 import "./chunks/vue-Dysv_7z5.es.js";
 export {
   A as AIWriter,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-37HP4-SX.cjs");
-const superdoc = require("./chunks/index-DLvHMUJi.cjs");
+const superEditor_es = require("./chunks/super-editor.es-BPfJzTNn.cjs");
+const superdoc = require("./chunks/index-DvRDR0Q1.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-eQ24GmlY.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-X_javC2m.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-Bo6Jt_tq.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-Da8gsiup.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,

package/dist/superdoc.umd.js

@@ -42327,7 +42327,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.79") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.80") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -67373,7 +67373,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.79";
+  const summaryVersion = "1.0.0-beta.80";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -68162,7 +68162,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexLIKPN00V),
+        Promise.resolve().then(() => indexDhmURjT9),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68367,7 +68367,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.79");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.80");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -80065,6 +80065,9 @@ ${l}
   const SAFE_ANCHOR_PATTERN = /^[A-Za-z0-9._-]+$/;
   const MAX_DATA_URL_LENGTH = 10 * 1024 * 1024;
   const VALID_IMAGE_DATA_URL = /^data:image\/(png|jpeg|jpg|gif|svg\+xml|webp|bmp|ico|tiff?);base64,/i;
+  const MAX_RESIZE_MULTIPLIER = 3;
+  const FALLBACK_MAX_DIMENSION = 1e3;
+  const MIN_IMAGE_DIMENSION = 20;
   const AMBIGUOUS_LINK_PATTERNS = /^(click here|read more|more|link|here|this|download|view)$/i;
   const TRACK_CHANGE_BASE_CLASS = {
     insert: "track-insert-dec",
@@ -82011,14 +82014,25 @@ ${l}
      * - Only allows safe image MIME types (png, jpeg, gif, etc.) with base64 encoding
      * - Non-data URLs are sanitized through sanitizeUrl to prevent XSS
      *
+     * METADATA ATTRIBUTE:
+     * - Adds `data-image-metadata` attribute to enable interactive resizing via ImageResizeOverlay
+     * - Metadata includes: originalWidth, originalHeight, aspectRatio, min/max dimensions
+     * - Only added when run.width > 0 && run.height > 0 to prevent invalid metadata
+     * - Max dimensions: 3x original size or 1000px (whichever is larger)
+     * - Min dimensions: 20px to ensure visibility and interactivity
+     *
      * @param run - The ImageRun to render containing image source, dimensions, and spacing
      * @returns HTMLElement (img) or null if src is missing or invalid
      *
      * @example
      * ```typescript
-     * // Valid data URL
+     * // Valid data URL with metadata
      * renderImageRun({ kind: 'image', src: 'data:image/png;base64,iVBORw...', width: 100, height: 100 })
-     * // Returns: <img> element
+     * // Returns: <img> element with data-image-metadata attribute
+     *
+     * // Invalid dimensions - no metadata
+     * renderImageRun({ kind: 'image', src: 'data:image/png;base64,iVBORw...', width: 0, height: 0 })
+     * // Returns: <img> element WITHOUT data-image-metadata attribute
      *
      * // Invalid MIME type
      * renderImageRun({ kind: 'image', src: 'data:text/html;base64,PHNjcmlwdD4...', width: 100, height: 100 })
@@ -82026,7 +82040,7 @@ ${l}
      *
      * // HTTP URL
      * renderImageRun({ kind: 'image', src: 'https://example.com/image.png', width: 100, height: 100 })
-     * // Returns: <img> element (after sanitization)
+     * // Returns: <img> element (after sanitization) with data-image-metadata attribute
      * ```
      */
     renderImageRun(run2) {
@@ -82054,6 +82068,22 @@ ${l}
       }
       img2.width = run2.width;
       img2.height = run2.height;
+      if (run2.width > 0 && run2.height > 0) {
+        const aspectRatio = run2.width / run2.height;
+        const inlineImageMetadata = {
+          originalWidth: run2.width,
+          originalHeight: run2.height,
+          // Max dimensions: MAX_RESIZE_MULTIPLIER x original size or FALLBACK_MAX_DIMENSION, whichever is larger
+          // This provides generous constraints while preventing excessive scaling
+          maxWidth: Math.max(run2.width * MAX_RESIZE_MULTIPLIER, FALLBACK_MAX_DIMENSION),
+          maxHeight: Math.max(run2.height * MAX_RESIZE_MULTIPLIER, FALLBACK_MAX_DIMENSION),
+          aspectRatio,
+          // Min dimensions: MIN_IMAGE_DIMENSION to ensure images remain visible and interactive
+          minWidth: MIN_IMAGE_DIMENSION,
+          minHeight: MIN_IMAGE_DIMENSION
+        };
+        img2.setAttribute("data-image-metadata", JSON.stringify(inlineImageMetadata));
+      }
       img2.alt = run2.alt ?? "";
       if (run2.title) {
         img2.title = run2.title;
@@ -132822,6 +132852,12 @@ ${style2}
       };
       const updateImageResizeOverlay = (event) => {
         if (!editorElem.value) return;
+        if (!(event.target instanceof Element)) {
+          imageResizeState.visible = false;
+          imageResizeState.imageElement = null;
+          imageResizeState.blockId = null;
+          return;
+        }
         let target = event.target;
         while (target && target !== document.body) {
           if (target.classList?.contains("superdoc-image-resize-overlay") || target.closest?.(".superdoc-image-resize-overlay")) {
@@ -132833,6 +132869,12 @@ ${style2}
             imageResizeState.blockId = target.getAttribute("data-sd-block-id");
             return;
           }
+          if (target.classList?.contains("superdoc-inline-image") && target.hasAttribute("data-image-metadata")) {
+            imageResizeState.visible = true;
+            imageResizeState.imageElement = target;
+            imageResizeState.blockId = target.getAttribute("data-pm-start");
+            return;
+          }
           target = target.parentElement;
         }
         imageResizeState.visible = false;
@@ -133212,7 +133254,7 @@ ${style2}
       };
     }
   });
-  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-cb3fe66f"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-209a1e8b"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -150432,7 +150474,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.79";
+      this.version = "1.0.0-beta.80";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -152904,7 +152946,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexLIKPN00V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDhmURjT9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));