@jackuait/blok 0.4.1-beta.12 → 0.4.1-beta.13

package/dist/chunks/{i18next-loader-D8GzSwio.mjs → i18next-loader-BMO6Rg_l.mjs}

@@ -1,4 +1,4 @@
-import { e as i } from "./blok-BU6NwVkN.mjs";
+import { e as i } from "./blok-Xfgk2kCJ.mjs";
 const l = async (e, r) => {
   const n = (await import("./i18next-CugVlwWp.mjs")).default.createInstance(), s = {
     lng: e,

package/dist/chunks/{index-C5e_WLFg.mjs → index-DyPp5v5e.mjs}

@@ -1,4 +1,4 @@
-import { t as f, q as i } from "./inline-tool-convert-CLUxkCe_.mjs";
+import { t as f, q as i } from "./inline-tool-convert-DhHW7EYl.mjs";
 const a = {
   wrapper: i(
     "fixed z-[2] bottom-5 left-5",

package/dist/chunks/{inline-tool-convert-CLUxkCe_.mjs → inline-tool-convert-DhHW7EYl.mjs}

@@ -18,7 +18,7 @@ let nt = (o = 21) => {
   return t;
 };
 var ot = /* @__PURE__ */ ((o) => (o.VERBOSE = "VERBOSE", o.INFO = "INFO", o.WARN = "WARN", o.ERROR = "ERROR", o))(ot || {});
-const rt = () => "0.4.1-beta.12", Ct = {
+const rt = () => "0.4.1-beta.13", Ct = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,

package/dist/full.mjs

@@ -10,10 +10,10 @@ var e = (a, l, o) => l in a ? n(a, l, { enumerable: !0, configurable: !0, writab
       d.call(l, o) && e(a, o, l[o]);
   return a;
 }, r = (a, l) => t(a, c(l));
-import { B as v, v as A } from "./chunks/blok-BU6NwVkN.mjs";
+import { B as v, v as A } from "./chunks/blok-Xfgk2kCJ.mjs";
 import { List as p, Header as f, Paragraph as I, Link as k, Italic as u, Bold as B } from "./tools.mjs";
 import { defaultBlockTools as H, defaultInlineTools as P } from "./tools.mjs";
-import { D as _ } from "./chunks/inline-tool-convert-CLUxkCe_.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-DhHW7EYl.mjs";
 const m = {
   paragraph: {
     class: I,

package/dist/tools.mjs

@@ -2,7 +2,7 @@ var nt = Object.defineProperty, rt = Object.defineProperties;
 var st = Object.getOwnPropertyDescriptors;
 var K = Object.getOwnPropertySymbols;
 var ot = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var U = (f, t, e) => t in f ? nt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, w = (f, t) => {
+var U = (f, t, e) => t in f ? nt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, O = (f, t) => {
   for (var e in t || (t = {}))
     ot.call(t, e) && U(f, e, t[e]);
   if (K)
@@ -10,8 +10,8 @@ var U = (f, t, e) => t in f ? nt(f, t, { enumerable: !0, configurable: !0, writa
       it.call(t, e) && U(f, e, t[e]);
   return f;
 }, P = (f, t) => rt(f, st(t));
-import { t as x, D as m, a9 as et, aa as at, ab as lt, A as ct, ac as dt, ad as ut, ae as ht, af as ft, ag as pt, ah as mt, ai as G, aj as j, ak as $, f as A, al as gt, am as Et, S as H, P as Tt, an as Ct, l as At, J as yt } from "./chunks/inline-tool-convert-CLUxkCe_.mjs";
-import { a0 as Dt } from "./chunks/inline-tool-convert-CLUxkCe_.mjs";
+import { t as x, D as m, a9 as et, aa as at, ab as lt, A as ct, ac as dt, ad as ut, ae as ht, af as ft, ag as pt, ah as mt, ai as G, aj as j, ak as $, f as A, al as gt, am as Et, S as H, P as Tt, an as Ct, l as At, J as yt } from "./chunks/inline-tool-convert-DhHW7EYl.mjs";
+import { a0 as Dt } from "./chunks/inline-tool-convert-DhHW7EYl.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
@@ -555,15 +555,32 @@ const u = class u {
       })));
     }, this.api = n, this.readOnly = r, this._settings = e || {}, this._data = this.normalizeData(t), s && (this.blockId = s.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
   }
+  /**
+   * Legacy list item structure for backward compatibility
+   */
+  static isLegacyFormat(t) {
+    return typeof t == "object" && t !== null && "items" in t && Array.isArray(t.items);
+  }
   normalizeData(t) {
     var n;
     const e = this._settings.defaultStyle || "unordered";
-    return !t || typeof t != "object" ? {
-      text: "",
-      style: e,
-      checked: !1,
-      depth: 0
-    } : w({
+    if (!t || typeof t != "object")
+      return {
+        text: "",
+        style: e,
+        checked: !1,
+        depth: 0
+      };
+    if (u.isLegacyFormat(t)) {
+      const r = t.items[0], s = (r == null ? void 0 : r.content) || "", o = (r == null ? void 0 : r.checked) || !1;
+      return O({
+        text: s,
+        style: t.style || e,
+        checked: !!o,
+        depth: 0
+      }, t.start !== void 0 && t.start !== 1 ? { start: t.start } : {});
+    }
+    return O({
       text: t.text || "",
       style: t.style || e,
       checked: !!t.checked,
@@ -1155,7 +1172,7 @@ const u = class u {
           charCount: r.charCount,
           node: s,
           offset: e - r.charCount
-        } : P(w({}, r), {
+        } : P(O({}, r), {
           charCount: r.charCount + o
         });
       },
@@ -1202,7 +1219,7 @@ const u = class u {
     this.syncContentFromDOM();
     const s = n + 1;
     this._data.depth = s;
-    const o = await this.api.blocks.update(this.blockId || "", P(w({}, this._data), {
+    const o = await this.api.blocks.update(this.blockId || "", P(O({}, this._data), {
       depth: s
     }));
     this.setCaretToBlockContent(o);
@@ -1213,7 +1230,7 @@ const u = class u {
     this.syncContentFromDOM();
     const e = t - 1;
     this._data.depth = e;
-    const n = await this.api.blocks.update(this.blockId || "", P(w({}, this._data), {
+    const n = await this.api.blocks.update(this.blockId || "", P(O({}, this._data), {
       depth: e
     }));
     this.setCaretToBlockContent(n);
@@ -2090,7 +2107,7 @@ const i = class i {
       return;
     const s = `strong[${i.DATA_ATTR_COLLAPSED_ACTIVE}="true"]`;
     r.querySelectorAll(s).forEach((l) => {
-      var k, I, F, z, q;
+      var k, I, _, z, q;
       const d = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), c = l.previousSibling;
       if (!d || !c || c.nodeType !== Node.TEXT_NODE)
         return;
@@ -2105,13 +2122,13 @@ const i = class i {
       const C = E.match(/^[\u00A0\s]+/);
       if (C && !l.hasAttribute(i.DATA_ATTR_LEADING_WHITESPACE) && l.setAttribute(i.DATA_ATTR_LEADING_WHITESPACE, C[0]), E.length === 0)
         return;
-      const T = (I = l.textContent) != null ? I : "", N = T + E, B = (F = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? F : "", R = B.length > 0 && T.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(R);
+      const T = (I = l.textContent) != null ? I : "", N = T + E, B = (_ = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? _ : "", R = B.length > 0 && T.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(R);
       for (; l.firstChild; )
         l.removeChild(l.firstChild);
       if (l.appendChild(b), !(t != null && t.isCollapsed) || !i.isNodeWithin(t.focusNode, p))
         return;
-      const S = document.createRange(), _ = (q = (z = b.textContent) == null ? void 0 : z.length) != null ? q : 0;
-      S.setStart(b, _), S.collapse(!0), t.removeAllRanges(), t.addRange(S);
+      const S = document.createRange(), F = (q = (z = b.textContent) == null ? void 0 : z.length) != null ? q : 0;
+      S.setStart(b, F), S.collapse(!0), t.removeAllRanges(), t.addRange(S);
     });
   }
   /**
@@ -2320,7 +2337,7 @@ const i = class i {
     if (!r)
       return;
     r.querySelectorAll(`strong[${i.DATA_ATTR_COLLAPSED_LENGTH}]`).forEach((a) => {
-      var v, R, b, S, _;
+      var v, R, b, S, F;
       const l = a, d = l.getAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
       if (!d)
         return;
@@ -2331,11 +2348,11 @@ const i = class i {
       if (B && T) {
         const k = N.slice(0, E), I = N.slice(E);
         T.textContent = k;
-        const F = document.createTextNode(I);
-        (b = l.parentNode) == null || b.insertBefore(F, l.nextSibling);
+        const _ = document.createTextNode(I);
+        (b = l.parentNode) == null || b.insertBefore(_, l.nextSibling);
       }
       if (B && l.removeAttribute(i.DATA_ATTR_PREV_LENGTH), t != null && t.isCollapsed && g && i.isNodeWithin(t.focusNode, l)) {
-        const k = document.createRange(), I = (_ = (S = g.textContent) == null ? void 0 : S.length) != null ? _ : 0;
+        const k = document.createRange(), I = (F = (S = g.textContent) == null ? void 0 : S.length) != null ? F : 0;
         k.setStart(g, I), k.collapse(!0), t.removeAllRanges(), t.addRange(k);
       }
       p && l.removeAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
@@ -2602,7 +2619,7 @@ const i = class i {
 };
 i.isInline = !0, i.title = "Bold", i.titleKey = "bold", i.shortcutListenerRegistered = !1, i.selectionListenerRegistered = !1, i.inputListenerRegistered = !1, i.beforeInputListenerRegistered = !1, i.globalListenersInitialized = i.initializeGlobalListeners(), i.collapsedExitRecords = /* @__PURE__ */ new Set(), i.markerSequence = 0, i.isProcessingMutation = !1, i.DATA_ATTR_COLLAPSED_LENGTH = "data-blok-bold-collapsed-length", i.DATA_ATTR_COLLAPSED_ACTIVE = "data-blok-bold-collapsed-active", i.DATA_ATTR_PREV_LENGTH = "data-blok-bold-prev-length", i.DATA_ATTR_LEADING_WHITESPACE = "data-blok-bold-leading-ws", i.instances = /* @__PURE__ */ new Set(), i.pendingBoundaryCaretAdjustments = /* @__PURE__ */ new WeakSet(), i.shortcut = "CMD+B";
 let Z = i;
-const O = class O {
+const D = class D {
   /**
    * Sanitizer Rule
    * Leave <i> and <em> tags
@@ -2873,9 +2890,9 @@ const O = class O {
     n.insertBefore(a, e.nextSibling), n.insertBefore(t, a);
   }
 };
-O.isInline = !0, O.title = "Italic", O.titleKey = "italic", O.shortcut = "CMD+I";
-let Q = O;
-const D = class D {
+D.isInline = !0, D.title = "Italic", D.titleKey = "italic", D.shortcut = "CMD+I";
+let Q = D;
+const w = class w {
   /**
    * @param api - Blok API
    */
@@ -3102,8 +3119,8 @@ const D = class D {
     t && t.setAttribute(e, n ? "true" : "false");
   }
 };
-D.isInline = !0, D.title = "Link", D.titleKey = "link", D.shortcut = "CMD+K";
-let tt = D;
+w.isInline = !0, w.title = "Link", w.titleKey = "link", w.shortcut = "CMD+K";
+let tt = w;
 const vt = {
   paragraph: { preserveBlank: !0 },
   header: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.1-beta.12",
+  "version": "0.4.1-beta.13",
   "description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
   "module": "dist/blok.mjs",
   "types": "./types/index.d.ts",
@@ -96,14 +96,12 @@
     "verify:package:local": "npm pack && node scripts/verify-published-package.mjs --local",
     "verify:version": "node scripts/verify-version.mjs",
     "unpublish": "node scripts/unpublish-package.mjs",
-    "bundle:track": "node scripts/track-bundle-size.mjs --verbose",
-    "bundle:variants": "node scripts/build-bundle-variants.mjs --verbose",
-    "bundle:trends": "node scripts/view-bundle-trends.mjs --trends",
-    "bundle:history": "node scripts/view-bundle-trends.mjs",
     "perf:analyze": "node scripts/analyze-performance.mjs",
     "perf:compare": "node scripts/analyze-performance.mjs --baseline",
     "perf:dashboard": "node scripts/generate-performance-dashboard.mjs",
-    "e2e:validate-categories": "node scripts/validate-test-categories.mjs"
+    "e2e:validate-categories": "node scripts/validate-test-categories.mjs",
+    "size": "size-limit",
+    "size:why": "size-limit --why"
   },
   "author": "JackUait",
   "contributors": [
@@ -123,6 +121,8 @@
     "@playwright/test": "1.57.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@size-limit/esbuild-why": "^12.0.0",
+    "@size-limit/preset-small-lib": "^12.0.0",
     "@storybook/addon-a11y": "10.1.1",
     "@storybook/addon-vitest": "10.1.1",
     "@storybook/global": "5.0.0",
@@ -150,6 +150,7 @@
     "postcss": "8.5.6",
     "rollup-plugin-license": "3.6.0",
     "semantic-release": "^25.0.2",
+    "size-limit": "^12.0.0",
     "storybook": "10.1.1",
     "tailwindcss": "3",
     "tslint": "6.1.3",
@@ -163,5 +164,22 @@
   "dependencies": {
     "i18next": "^25.7.3",
     "nanoid": "^5.1.6"
-  }
+  },
+  "size-limit": [
+    {
+      "name": "Minimum (core only)",
+      "path": "src/variants/blok-minimum.ts",
+      "limit": "300 KB"
+    },
+    {
+      "name": "Normal (with tools)",
+      "path": "src/blok.ts",
+      "limit": "300 KB"
+    },
+    {
+      "name": "Maximum (all locales)",
+      "path": "src/variants/blok-maximum.ts",
+      "limit": "300 KB"
+    }
+  ]
 }

package/src/components/modules/ui.ts

@@ -789,6 +789,16 @@ export class UI extends Module<UINodes> {
       return;
     }
 
+    /**
+     * Close BlockSettings first if it's open, regardless of selection state.
+     * This prevents navigation mode from being enabled when the user closes block tunes with Escape.
+     */
+    if (this.Blok.BlockSettings.opened) {
+      this.Blok.BlockSettings.close();
+
+      return;
+    }
+
     /**
      * Clear blocks selection by ESC (but not when entering navigation mode)
      */
@@ -806,12 +816,6 @@ export class UI extends Module<UINodes> {
       return;
     }
 
-    if (this.Blok.BlockSettings.opened) {
-      this.Blok.BlockSettings.close();
-
-      return;
-    }
-
     /**
      * If a nested popover is open (like convert-to dropdown),
      * close only the nested popover, not the entire inline toolbar.

package/src/components/utils/data-model-transform.ts

@@ -109,37 +109,49 @@ const expandListItems = (
 
     childIds.push(itemId);
 
-    // Recursively expand nested items first to get their IDs
-    const nestedChildIds = item.items && item.items.length > 0
-      ? expandListItems(item.items, itemId, depth + 1, style, undefined, tunes, blocks)
-      : [];
-
     // Determine if we should include start (only for first root item of ordered lists)
     const includeStart = style === 'ordered' && depth === 0 && index === 0 && start !== undefined && start !== 1;
 
-    // Create the list_item block
+    // Check if there are nested items (we'll get their IDs after pushing the parent)
+    const hasNestedItems = item.items && item.items.length > 0;
+
+    // Create the list block (flat model - each item is a separate 'list' block)
+    // We'll update with content IDs after processing children
     const itemBlock: OutputBlockData = {
       id: itemId,
-      type: 'list_item',
+      type: 'list',
       data: {
         text: item.content,
         checked: item.checked,
         style,
+        ...(depth > 0 ? { depth } : {}),
         ...(includeStart ? { start } : {}),
       },
       ...(tunes !== undefined ? { tunes } : {}),
       ...(parentId !== undefined ? { parent: parentId } : {}),
-      ...(nestedChildIds.length > 0 ? { content: nestedChildIds } : {}),
     };
 
+    // Push parent block first to maintain correct order (parent before children)
     blocks.push(itemBlock);
+
+    // Now recursively expand nested items (they will be added after the parent)
+    if (!hasNestedItems) {
+      return;
+    }
+
+    const nestedChildIds = expandListItems(item.items!, itemId, depth + 1, style, undefined, tunes, blocks);
+
+    // Update the parent block with content IDs (only if children exist)
+    if (nestedChildIds.length > 0) {
+      itemBlock.content = nestedChildIds;
+    }
   });
 
   return childIds;
 };
 
 /**
- * Expand a List block with nested items into flat list_item blocks
+ * Expand a List block with nested items into flat list blocks
  */
 const expandListToHierarchical = (
   listData: LegacyListData,
@@ -217,7 +229,7 @@ const collectChildItems = (
 
   for (const childId of contentIds) {
     const childBlock = blockMap.get(childId);
-    const isListItem = childBlock && childBlock.type === 'list_item';
+    const isListItem = childBlock && childBlock.type === 'list';
 
     if (isListItem) {
       const items = collectListItems(childBlock, blockMap, processedIds);
@@ -269,7 +281,7 @@ const collectListItems = (
 };
 
 /**
- * Process a root list_item block and convert to a legacy List block
+ * Process a root list block (flat model) and convert to a legacy List block
  */
 const processRootListItem = (
   block: OutputBlockData,
@@ -294,6 +306,13 @@ const processRootListItem = (
   return listBlock;
 };
 
+/**
+ * Check if a block is a flat-model list block (has 'text' field instead of 'items')
+ */
+const isFlatModelListBlock = (block: OutputBlockData): boolean => {
+  return block.type === 'list' && block.data?.text !== undefined && block.data?.items === undefined;
+};
+
 /**
  * Collapse hierarchical flat-with-references format back to legacy nested format
  * @param blocks - array of flat blocks with parent/content references
@@ -302,24 +321,21 @@ const processRootListItem = (
 export const collapseToLegacy = (blocks: OutputBlockData[]): OutputBlockData[] => {
   // Build a map of blocks by ID for quick lookup
   const blockMap = new Map<BlockId, OutputBlockData>();
-  const listItemBlocks: OutputBlockData[] = [];
 
   for (const block of blocks) {
     if (block.id) {
       blockMap.set(block.id, block);
     }
-
-    if (block.type === 'list_item') {
-      listItemBlocks.push(block);
-    }
   }
 
-  // If no list_item blocks, just strip hierarchy fields and return
-  if (listItemBlocks.length === 0) {
+  // If no flat-model list blocks, just strip hierarchy fields and return
+  const hasFlatListBlocks = blocks.some(isFlatModelListBlock);
+
+  if (!hasFlatListBlocks) {
     return blocks.map(stripHierarchyFields);
   }
 
-  // Process blocks, converting root list_items to List blocks
+  // Process blocks, converting root flat-model list blocks to legacy List blocks
   const result: OutputBlockData[] = [];
   const processedIds = new Set<BlockId>();
 
@@ -330,8 +346,9 @@ export const collapseToLegacy = (blocks: OutputBlockData[]): OutputBlockData[] =
       continue;
     }
 
-    const isRootListItem = block.type === 'list_item' && !block.parent;
-    const isNonListItem = block.type !== 'list_item';
+    const isFlatListBlock = isFlatModelListBlock(block);
+    const isRootListItem = isFlatListBlock && !block.parent;
+    const isNonListItem = !isFlatListBlock;
 
     if (isRootListItem) {
       const listBlock = processRootListItem(block, blockMap, processedIds);

package/src/tools/list/index.ts

@@ -185,6 +185,13 @@ export class ListItem implements BlockTool {
 
   sanitize?: ToolSanitizerConfig | undefined;
 
+  /**
+   * Legacy list item structure for backward compatibility
+   */
+  private static isLegacyFormat(data: unknown): data is { items: Array<{ content: string; checked?: boolean }>, style?: ListItemStyle, start?: number } {
+    return typeof data === 'object' && data !== null && 'items' in data && Array.isArray((data as { items: unknown }).items);
+  }
+
   private normalizeData(data: ListItemData | Record<string, never>): ListItemData {
     const defaultStyle = this._settings.defaultStyle || 'unordered';
 
@@ -197,6 +204,22 @@ export class ListItem implements BlockTool {
       };
     }
 
+    // Handle legacy format with items[] array - extract first item's content
+    // This provides backward compatibility when legacy data is passed directly to the tool
+    if (ListItem.isLegacyFormat(data)) {
+      const firstItem = data.items[0];
+      const text = firstItem?.content || '';
+      const checked = firstItem?.checked || false;
+
+      return {
+        text,
+        style: data.style || defaultStyle,
+        checked: Boolean(checked),
+        depth: 0,
+        ...(data.start !== undefined && data.start !== 1 ? { start: data.start } : {}),
+      };
+    }
+
     return {
       text: data.text || '',
       style: data.style || defaultStyle,