@superdoc-dev/cli 0.8.0-next.4 → 0.8.0-next.6

package/dist/index.js

@@ -205992,7 +205992,7 @@ var init_remark_gfm_eZN6yzWQ_es = __esm(() => {
   init_remark_gfm_BhnWr3yf_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-CIV8KODS.es.js
+// ../../packages/superdoc/dist/chunks/src-NhQXv8uF.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -208422,6 +208422,9 @@ function chainCommands(...commands$1) {
     return false;
   };
 }
+function resolveHeaderFooterSelection({ tr }) {
+  return tr?.selection;
+}
 function findParagraph($pos) {
   for (let depth = $pos.depth;depth >= 0; depth--) {
     const node3 = $pos.node(depth);
@@ -208496,10 +208499,8 @@ function removeRunPropertiesForMark(runProperties, mark2) {
       break;
   }
 }
-function canSetMark(editor, state, tr, newMarkType) {
-  let { selection } = tr;
-  if (editor.options.isHeaderOrFooter)
-    selection = editor.options.lastSelection;
+function canSetMark(state, tr, newMarkType) {
+  const selection = resolveHeaderFooterSelection({ tr });
   let cursor = null;
   if (isTextSelection(selection))
     cursor = selection.$cursor;
@@ -266669,11 +266670,8 @@ var Node$13 = class Node$14 {
   return createParagraphNear(state, dispatch);
 }, newlineInCode$1 = () => ({ state, dispatch }) => newlineInCode(state, dispatch), exitCode$1 = () => ({ state, dispatch }) => {
   return exitCode(state, dispatch);
-}, setMark = (typeOrName, attributes = {}) => ({ tr, state, dispatch, editor }) => {
-  let { selection } = tr;
-  if (editor.options.isHeaderOrFooter)
-    selection = editor.options.lastSelection;
-  const { empty: empty$1, ranges } = selection;
+}, setMark = (typeOrName, attributes = {}) => ({ tr, state, dispatch }) => {
+  const { empty: empty$1, ranges } = resolveHeaderFooterSelection({ tr });
   const type = getMarkType(typeOrName, state.schema);
   if (dispatch)
     if (empty$1) {
@@ -266703,12 +266701,10 @@ var Node$13 = class Node$14 {
             tr.addMark(trimmedFrom, trimmedTo, type.create(attributes));
         });
       });
-  return canSetMark(editor, state, tr, type);
-}, unsetMark = (typeOrName, options = {}) => ({ tr, state, dispatch, editor }) => {
+  return canSetMark(state, tr, type);
+}, unsetMark = (typeOrName, options = {}) => ({ tr, state, dispatch }) => {
   const { extendEmptyMarkRange = false } = options;
-  let { selection } = tr;
-  if (editor.options.isHeaderOrFooter)
-    selection = editor.options.lastSelection;
+  const selection = resolveHeaderFooterSelection({ tr });
   const type = getMarkType(typeOrName, state.schema);
   const { $from, empty: empty$1, ranges } = selection;
   if (!dispatch)
@@ -266733,11 +266729,8 @@ var Node$13 = class Node$14 {
   tr.removeStoredMark(type);
   removeParagraphRunProperty(tr, markToRemove);
   return true;
-}, unsetAllMarks = () => ({ tr, dispatch, editor }) => {
-  let { selection } = tr;
-  if (editor.options.isHeaderOrFooter)
-    selection = editor.options.lastSelection;
-  const { empty: empty$1, ranges } = selection;
+}, unsetAllMarks = () => ({ tr, dispatch }) => {
+  const { empty: empty$1, ranges } = resolveHeaderFooterSelection({ tr });
   if (dispatch) {
     if (!empty$1)
       ranges.forEach((range) => {
@@ -274451,7 +274444,7 @@ var Node$13 = class Node$14 {
 }, icons, getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 }, _hoisted_1$14, _hoisted_2$10, ROW_SIZE = 5, TableGrid_default, _hoisted_1$13, _hoisted_2$9, _hoisted_3$7, _hoisted_4$5, _hoisted_5$2, TableActions_default, check_default = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
-`, _hoisted_1$12, _hoisted_2$8, _hoisted_3$6, SearchInput_default, TOOLBAR_FONTS, TOOLBAR_FONT_SIZES, HEADLESS_ITEM_MAP, TABLE_ACTION_COMMAND_MAP, TABLE_ACTION_COMMAND_IDS, HEADLESS_TOOLBAR_COMMANDS, NON_HEADLESS_EXECUTE_ITEM_NAMES, HEADLESS_EXECUTE_ITEMS, closeDropdown = (dropdown) => {
+`, _hoisted_1$12, _hoisted_2$8, _hoisted_3$6, SearchInput_default, TOOLBAR_FONTS, TOOLBAR_FONT_SIZES, RESPONSIVE_BREAKPOINTS, HEADLESS_ITEM_MAP, TABLE_ACTION_COMMAND_MAP, TABLE_ACTION_COMMAND_IDS, HEADLESS_TOOLBAR_COMMANDS, NON_HEADLESS_EXECUTE_ITEM_NAMES, HEADLESS_EXECUTE_ITEMS, closeDropdown = (dropdown) => {
   dropdown.expand.value = false;
 }, makeDefaultItems = ({ superToolbar, toolbarIcons: toolbarIcons$1, toolbarTexts: toolbarTexts$1, toolbarFonts, hideButtons, availableWidth, role, isDev = false } = {}) => {
   const bold2 = useToolbarItem({
@@ -275316,12 +275309,7 @@ var Node$13 = class Node$14 {
       };
     })
   });
-  const breakpoints = {
-    sm: 768,
-    md: 1024,
-    lg: 1280,
-    xl: 1410
-  };
+  const XL_OVERFLOW_SAFETY_BUFFER = 20;
   const stickyItemsWidth = 120;
   const toolbarPadding = 32;
   const itemsToHideXL = [
@@ -275336,6 +275324,17 @@ var Node$13 = class Node$14 {
     "fontSize",
     "redo"
   ];
+  const shouldUseLgCompactStyles = availableWidth <= RESPONSIVE_BREAKPOINTS.lg;
+  if (shouldUseLgCompactStyles)
+    documentMode.attributes.value = {
+      ...documentMode.attributes.value,
+      className: `${documentMode.attributes.value.className} toolbar-item--doc-mode-compact`
+    };
+  if (shouldUseLgCompactStyles)
+    linkedStyles.attributes.value = {
+      ...linkedStyles.attributes.value,
+      className: `${linkedStyles.attributes.value.className} toolbar-item--linked-styles-compact`
+    };
   let toolbarItems = [
     undo$2,
     redo$2,
@@ -275376,7 +275375,7 @@ var Node$13 = class Node$14 {
   ];
   if (!superToolbar.config?.superdoc?.config?.modules?.ai)
     toolbarItems = toolbarItems.filter((item) => item.name.value !== "ai");
-  if (availableWidth <= breakpoints.md && hideButtons)
+  if (availableWidth <= RESPONSIVE_BREAKPOINTS.md && hideButtons)
     toolbarItems = toolbarItems.filter((item) => item.type !== "separator");
   if (superToolbar.config.mode !== "docx") {
     const getLinkedStylesIndex = toolbarItems.findIndex((item) => item.name.value === "linkedStyles");
@@ -275407,7 +275406,7 @@ var Node$13 = class Node$14 {
   let totalWidth = toolbarPadding + stickyItemsWidth;
   toolbarItems.forEach((item) => {
     const itemWidth = controlSizes.get(item.name.value) || controlSizes.get("default");
-    if (availableWidth < breakpoints.xl && itemsToHideXL.includes(item.name.value) && hideButtons) {
+    if (availableWidth < RESPONSIVE_BREAKPOINTS.xl + XL_OVERFLOW_SAFETY_BUFFER && itemsToHideXL.includes(item.name.value) && hideButtons) {
       overflowItems.push(item);
       if (item.name.value === "linkedStyles") {
         const linkedStylesIdx = toolbarItems.findIndex((item$1) => item$1.name.value === "linkedStyles");
@@ -275415,7 +275414,7 @@ var Node$13 = class Node$14 {
       }
       return;
     }
-    if (availableWidth < breakpoints.sm && itemsToHideSM.includes(item.name.value) && hideButtons) {
+    if (availableWidth < RESPONSIVE_BREAKPOINTS.sm && itemsToHideSM.includes(item.name.value) && hideButtons) {
       overflowItems.push(item);
       return;
     }
@@ -290713,7 +290712,7 @@ menclose::after {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_CIV8KODS_es = __esm(() => {
+var init_src_NhQXv8uF_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_SuperConverter_DEAeNCv7_es();
   init_jszip_C49i9kUs_es();
@@ -310453,6 +310452,12 @@ function print() { __p += __j.call(arguments, '') }
       props: { "data-item": "btn-fontSize-option" }
     }
   ];
+  RESPONSIVE_BREAKPOINTS = {
+    sm: 768,
+    md: 1024,
+    lg: 1280,
+    xl: 1410
+  };
   HEADLESS_ITEM_MAP = {
     undo: "undo",
     redo: "redo",
@@ -310688,7 +310693,7 @@ function print() { __p += __j.call(arguments, '') }
         ], 10, _hoisted_2$6)], 46, _hoisted_1$10);
       };
     }
-  }, [["__scopeId", "data-v-ed885547"]]);
+  }, [["__scopeId", "data-v-5bcd66d0"]]);
   _hoisted_1$9 = {
     class: "toolbar-separator",
     role: "separator",
@@ -311342,6 +311347,10 @@ function print() { __p += __j.call(arguments, '') }
       fromOverflow: {
         type: Boolean,
         default: false
+      },
+      compactSideGroups: {
+        type: Boolean,
+        default: false
       }
     },
     emits: [
@@ -311357,22 +311366,22 @@ function print() { __p += __j.call(arguments, '') }
       const props = __props;
       const currentItem = exports_vue.ref(null);
       const { isHighContrastMode: isHighContrastMode$1 } = useHighContrastMode();
-      const styleMap = {
-        left: {
-          minWidth: "120px",
-          justifyContent: "flex-start"
-        },
-        right: {
-          minWidth: "120px",
-          justifyContent: "flex-end"
-        },
-        default: {
-          flexGrow: window.matchMedia("(max-width: 768px)").matches ? 0 : 1,
-          justifyContent: "center"
-        }
-      };
+      const isMobile = window.matchMedia("(max-width: 768px)").matches;
       const getPositionStyle = exports_vue.computed(() => {
-        return styleMap[props.position] || styleMap.default;
+        if (props.position === "left")
+          return {
+            minWidth: props.compactSideGroups ? "auto" : "120px",
+            justifyContent: "flex-start"
+          };
+        if (props.position === "right")
+          return {
+            minWidth: props.compactSideGroups ? "auto" : "120px",
+            justifyContent: "flex-end"
+          };
+        return {
+          flexGrow: isMobile ? 0 : 1,
+          justifyContent: "center"
+        };
       });
       const isButton = (item) => item.type === "button";
       const isDropdown = (item) => item.type === "dropdown";
@@ -311680,7 +311689,7 @@ function print() { __p += __j.call(arguments, '') }
         }), 128))], 36);
       };
     }
-  }, [["__scopeId", "data-v-064b7f76"]]);
+  }, [["__scopeId", "data-v-517244e6"]]);
   Toolbar_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
     __name: "Toolbar",
     emits: [
@@ -311691,6 +311700,8 @@ function print() { __p += __j.call(arguments, '') }
     setup(__props, { emit: __emit }) {
       const { proxy } = exports_vue.getCurrentInstance();
       let toolbarKey = exports_vue.ref(1);
+      const compactSideGroups = exports_vue.ref(false);
+      let containerResizeObserver = null;
       const uiFontFamily = exports_vue.computed(() => {
         const configured = proxy?.$toolbar?.config?.uiDisplayFallbackFont;
         if (typeof configured === "string" && configured.trim())
@@ -311703,6 +311714,9 @@ function print() { __p += __j.call(arguments, '') }
       const getFilteredItems = (position4) => {
         return proxy.$toolbar.getToolbarItemByGroup(position4).filter((item) => !excludeButtonsList.includes(item.name.value));
       };
+      const updateCompactSideGroups = () => {
+        compactSideGroups.value = proxy.$toolbar.getAvailableWidth() <= RESPONSIVE_BREAKPOINTS.lg;
+      };
       const onKeyDown = async (e) => {
         if (e.metaKey && e.key === "f") {
           const searchItem = proxy.$toolbar.getToolbarItemByName("search");
@@ -311717,16 +311731,27 @@ function print() { __p += __j.call(arguments, '') }
       };
       const onWindowResized = async () => {
         await proxy.$toolbar.onToolbarResize();
+        updateCompactSideGroups();
         toolbarKey.value += 1;
       };
       const onResizeThrottled = throttle(onWindowResized, 300);
       function teardownWindowListeners() {
         window.removeEventListener("resize", onResizeThrottled);
         window.removeEventListener("keydown", onKeyDown);
+        containerResizeObserver?.disconnect();
+        containerResizeObserver = null;
       }
       function setupWindowListeners() {
+        teardownWindowListeners();
         window.addEventListener("resize", onResizeThrottled);
         window.addEventListener("keydown", onKeyDown);
+        if (typeof ResizeObserver !== "undefined" && proxy.$toolbar.config?.responsiveToContainer && proxy.$toolbar.toolbarContainer) {
+          containerResizeObserver = new ResizeObserver(() => {
+            onResizeThrottled();
+          });
+          containerResizeObserver.observe(proxy.$toolbar.toolbarContainer);
+        }
+        updateCompactSideGroups();
       }
       exports_vue.onMounted(setupWindowListeners);
       exports_vue.onActivated(setupWindowListeners);
@@ -311740,7 +311765,12 @@ function print() { __p += __j.call(arguments, '') }
         });
       };
       const restoreSelection$1 = () => {
-        proxy.$toolbar.activeEditor?.commands?.restoreSelection();
+        const editor = proxy.$toolbar.activeEditor;
+        if (!editor)
+          return;
+        if (editor.options?.isHeaderOrFooter)
+          return;
+        editor.commands?.restoreSelection();
       };
       const handleToolbarMousedown = (e) => {
         if (e.target.closest('input, textarea, [contenteditable="true"]'))
@@ -311760,16 +311790,22 @@ function print() { __p += __j.call(arguments, '') }
             key: 0,
             tabindex: "0",
             "toolbar-items": getFilteredItems("left"),
+            "compact-side-groups": compactSideGroups.value,
             "ui-font-family": uiFontFamily.value,
             position: "left",
             onCommand: handleCommand,
             onItemClicked: restoreSelection$1,
             class: "superdoc-toolbar-group-side"
-          }, null, 8, ["toolbar-items", "ui-font-family"])) : exports_vue.createCommentVNode("", true),
+          }, null, 8, [
+            "toolbar-items",
+            "compact-side-groups",
+            "ui-font-family"
+          ])) : exports_vue.createCommentVNode("", true),
           exports_vue.createVNode(ButtonGroup_default, {
             tabindex: "0",
             "toolbar-items": getFilteredItems("center"),
             "overflow-items": exports_vue.unref(proxy).$toolbar.overflowItems,
+            "compact-side-groups": compactSideGroups.value,
             "ui-font-family": uiFontFamily.value,
             position: "center",
             onCommand: handleCommand,
@@ -311777,22 +311813,28 @@ function print() { __p += __j.call(arguments, '') }
           }, null, 8, [
             "toolbar-items",
             "overflow-items",
+            "compact-side-groups",
             "ui-font-family"
           ]),
           exports_vue.unref(showRightSide) ? (exports_vue.openBlock(), exports_vue.createBlock(ButtonGroup_default, {
             key: 1,
             tabindex: "0",
             "toolbar-items": getFilteredItems("right"),
+            "compact-side-groups": compactSideGroups.value,
             "ui-font-family": uiFontFamily.value,
             position: "right",
             onCommand: handleCommand,
             onItemClicked: restoreSelection$1,
             class: "superdoc-toolbar-group-side"
-          }, null, 8, ["toolbar-items", "ui-font-family"])) : exports_vue.createCommentVNode("", true)
+          }, null, 8, [
+            "toolbar-items",
+            "compact-side-groups",
+            "ui-font-family"
+          ])) : exports_vue.createCommentVNode("", true)
         ], 32);
       };
     }
-  }, [["__scopeId", "data-v-1f259312"]]);
+  }, [["__scopeId", "data-v-bae4cd8a"]]);
   toolbarTexts = {
     bold: "Bold",
     fontFamily: "Font",
@@ -311995,16 +312037,19 @@ function print() { __p += __j.call(arguments, '') }
     getToolbarItemByName(name) {
       return this.toolbarItems.find((item) => item.name.value === name);
     }
-    #makeToolbarItems({ superToolbar, icons: icons$1, texts, fonts, hideButtons, isDev = false } = {}) {
+    getAvailableWidth() {
       const documentWidth = document.documentElement.clientWidth;
       const containerWidth = this.toolbarContainer?.offsetWidth ?? 0;
+      return this.config.responsiveToContainer ? containerWidth : documentWidth;
+    }
+    #makeToolbarItems({ superToolbar, icons: icons$1, texts, fonts, hideButtons, isDev = false } = {}) {
       const { defaultItems, overflowItems } = makeDefaultItems({
         superToolbar,
         toolbarIcons: icons$1,
         toolbarTexts: texts,
         toolbarFonts: fonts,
         hideButtons,
-        availableWidth: this.config.responsiveToContainer ? containerWidth : documentWidth,
+        availableWidth: this.getAvailableWidth(),
         role: this.role,
         isDev
       });
@@ -312265,7 +312310,7 @@ function print() { __p += __j.call(arguments, '') }
       const isFontCommand = item?.command === "setFontFamily" || item?.command === "setFontSize";
       if (isDropdownOpen && isFontCommand)
         return;
-      if (!wasFocused && isMarkToggle) {
+      if (!wasFocused && isMarkToggle && !this.activeEditor?.options?.isHeaderOrFooter) {
         this.pendingMarkCommands.push({
           command: command$1,
           argument,
@@ -325616,7 +325661,7 @@ var init_zipper_DbkgrypV_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_CIV8KODS_es();
+  init_src_NhQXv8uF_es();
   init_SuperConverter_DEAeNCv7_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.8.0-next.4",
+  "version": "0.8.0-next.6",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -24,21 +24,21 @@
     "@types/node": "22.19.2",
     "@types/ws": "^8.5.13",
     "typescript": "^5.9.2",
-    "@superdoc/document-api": "0.0.1",
     "@superdoc/pm-adapter": "0.0.0",
-    "superdoc": "1.27.0",
-    "@superdoc/super-editor": "0.0.1"
+    "@superdoc/document-api": "0.0.1",
+    "@superdoc/super-editor": "0.0.1",
+    "superdoc": "1.27.0"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.4",
-    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.4",
-    "@superdoc-dev/cli-linux-x64": "0.8.0-next.4",
-    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.4",
-    "@superdoc-dev/cli-windows-x64": "0.8.0-next.4"
+    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.6",
+    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.6",
+    "@superdoc-dev/cli-linux-x64": "0.8.0-next.6",
+    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.6",
+    "@superdoc-dev/cli-windows-x64": "0.8.0-next.6"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",