@ai-matrx/rich-editor 0.5.1 → 0.5.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.5.3
+### The toolbar keeps more buttons in a short row (2026-10-08)
+
+- `FormatButtons`: when the row cannot hold the full toolbar, the text-style menu shrinks to its icon (about 45px) BEFORE any button folds into More; and the group dividers are 4px narrower each (`mx-0.5`). A narrow notes header keeps Bold, Italic, text style, bulleted, numbered, checklist and Link.
+
+Consumer action: none.
+
+## 0.5.2
+### A typed link keeps the space after it (2026-10-08)
+
+- The address-to-link rule no longer swallows the space that completed it under Tiptap ≤ 3.31.3 (what apps resolve today): it inserts the typed whitespace itself unless Tiptap (≥ 3.31.4) already put it in the document. Live in notes Write, `https://maps.example.com/alton and` stored `altonand`. The image and checklist rules work under both. Guard: `typing-and-table-menu.test.ts` › "under Tiptap ≤ 3.31.3" (`TYPING_RULES` is exported for it).
+
+Consumer action: none.
+
 ## 0.5.1
 ### The toolbar measures its layout width (2026-10-08)
 

package/dist/core/typing-rules.d.ts

@@ -1,4 +1,4 @@
-import { Extension } from "@tiptap/core";
+import { Extension, InputRule } from "@tiptap/core";
 /** `[ ] ` / `[] ` / `[x] ` typed at the very start of a line. */
 export declare const TASK_TYPED: RegExp;
 /** An address followed by the whitespace that ends it. */
@@ -8,4 +8,5 @@ export declare const IMAGE_TYPED: RegExp;
 /** Trailing punctuation is sentence, not address (GFM's extended-autolink rule). */
 export declare function trimUrl(url: string): string;
 /** The typed-markdown conversions (header). Image first: its URL must never be autolinked. */
+export declare const TYPING_RULES: readonly InputRule[];
 export declare const MarkdownTypingRules: Extension<any, any>;

package/dist/core/typing-rules.js

@@ -17,6 +17,10 @@ function listItemDepth($from) {
   }
   return -1;
 }
+function typedWhitespaceInDoc(doc, range) {
+  if (range.to <= range.from) return false;
+  return /\s$/.test(doc.textBetween(range.to - 1, range.to, "\n", "\uFFFC"));
+}
 const taskRule = new InputRule({
   find: TASK_TYPED,
   handler: ({ state, range, match }) => {
@@ -77,20 +81,23 @@ const urlRule = new InputRule({
     const href = /^www\./i.test(url) ? `https://${url}` : url;
     const { tr } = state;
     tr.addMark(start, end, link.create({ href, mdForm: "bare", mdTailHref: href, mdText: url }));
+    if (!typedWhitespaceInDoc(state.doc, range)) tr.insertText(match[2] ?? " ", range.to);
     tr.removeStoredMark(link);
     return void 0;
   }
 });
+const TYPING_RULES = [taskRule, imageRule, urlRule];
 const MarkdownTypingRules = Extension.create({
   name: "richEditorTypingRules",
   addInputRules() {
-    return [taskRule, imageRule, urlRule];
+    return [...TYPING_RULES];
   }
 });
 export {
   IMAGE_TYPED,
   MarkdownTypingRules,
   TASK_TYPED,
+  TYPING_RULES,
   URL_TYPED,
   trimUrl
 };

package/dist/format/FormatButtons.js

@@ -151,17 +151,21 @@ function FormatButtons({ resolve, disabled = false, className, size = "sm", vari
     resolve()?.run(command);
   };
   const button = size === "xs" ? 26 : 30;
-  const styleWidth = variant === "essential" ? size === "xs" ? 40 : 44 : 90;
-  const widthOf = (slot) => slot.kind === "button" ? button : slot.kind === "style" ? styleWidth : 11;
+  const styleWidthFor = (compact) => variant === "essential" || compact ? size === "xs" ? 40 : 45 : 90;
   const all = slotsOf(variant);
+  const foldedByDefault = variant === "essential" ? slotsOf("full").filter((s) => s.kind === "button" && !ESSENTIAL_COMMANDS.includes(s.spec.command)) : [];
+  const widthOfWith = (styleWidth) => (slot) => slot.kind === "button" ? button : slot.kind === "style" ? styleWidth : 7;
+  const rowWidthWith = (styleWidth) => (slots) => withDividers(slots).reduce((sum, s) => sum + widthOfWith(styleWidth)(s), 0) + button;
   let kept = all;
-  let folded = variant === "essential" ? slotsOf("full").filter((s) => s.kind === "button" && !ESSENTIAL_COMMANDS.includes(s.spec.command)) : [];
-  const rowWidth = (slots, more) => withDividers(slots).reduce((sum, s) => sum + widthOf(s), 0) + (more ? button : 0);
-  if (width > 0 && rowWidth(kept, true) > width + 4) {
+  let folded = foldedByDefault;
+  let compactStyle = false;
+  if (width > 0 && variant === "full" && rowWidthWith(styleWidthFor(false))(all) > width + 4) compactStyle = true;
+  const rowWidth = rowWidthWith(styleWidthFor(compactStyle));
+  if (width > 0 && rowWidth(kept) > width + 4) {
     const byKeep = [...all].sort((x, y) => keepOf(x) - keepOf(y));
     const dropped = /* @__PURE__ */ new Set();
     for (const slot of byKeep) {
-      if (rowWidth(all.filter((s) => !dropped.has(s)), true) <= width + 4) break;
+      if (rowWidth(all.filter((s) => !dropped.has(s))) <= width + 4) break;
       dropped.add(slot);
     }
     kept = all.filter((s) => !dropped.has(s));
@@ -187,7 +191,7 @@ function FormatButtons({ resolve, disabled = false, className, size = "sm", vari
       className: cn("flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden", className),
       children: [
         shown.map((slot, index) => {
-          if (slot.kind === "divider") return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mx-1 h-5 w-px shrink-0 bg-border" }, `d${index}`);
+          if (slot.kind === "divider") return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mx-0.5 h-5 w-px shrink-0 bg-border" }, `d${index}`);
           if (slot.kind === "style") {
             const StyleIcon = currentStyle.icon;
             return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
@@ -202,10 +206,10 @@ function FormatButtons({ resolve, disabled = false, className, size = "sm", vari
                   className: cn(
                     "inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground",
                     size === "xs" ? "h-6" : "h-7",
-                    variant === "full" && "w-[88px] justify-between"
+                    variant === "full" && !compactStyle && "w-[88px] justify-between"
                   ),
                   children: [
-                    variant === "essential" ? /* @__PURE__ */ jsx(StyleIcon, { className: iconClass }) : /* @__PURE__ */ jsx("span", { className: "truncate", children: BLOCK_SHORT[currentStyle.command] }),
+                    variant === "essential" || compactStyle ? /* @__PURE__ */ jsx(StyleIcon, { className: iconClass }) : /* @__PURE__ */ jsx("span", { className: "truncate", children: BLOCK_SHORT[currentStyle.command] }),
                     /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0" })
                   ]
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-editor",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "The AI Matrx editor: Visual (Tiptap), Source (CodeMirror), Preview, the markdown formatting command layer, and edit-in-place — over @ai-matrx/rich-content. Consumers that only render never install it.",
   "type": "module",
   "license": "MIT",
@@ -93,10 +93,10 @@
     "@ai-matrx/agents": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/design-system": "latest",
+    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/print": "latest",
-    "@ai-matrx/rich-content": "latest",
-    "@ai-matrx/alchemy": "latest"
+    "@ai-matrx/rich-content": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",