@jackuait/blok 0.10.0-beta.7 → 0.10.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.10.0-beta.7",
+  "version": "0.10.0-beta.9",
   "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",
@@ -207,8 +207,7 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "shiki": "^4.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -216,9 +215,6 @@
     },
     "react-dom": {
       "optional": true
-    },
-    "shiki": {
-      "optional": true
     }
   }
 }

package/src/components/modules/api/ui.ts

@@ -17,9 +17,6 @@ export class UiAPI extends Module {
       get isMobile(): boolean {
         return uiModule.isMobile;
       },
-      /**
-       * There can be added some UI methods, like toggleThinMode() etc
-       */
     };
   }
 

package/src/styles/main.css

@@ -1128,8 +1128,12 @@
 /**
  * Content alignment
  * Applies horizontal alignment to block content based on the editor's contentAlign setting.
- * Left alignment is the default (no margin needed).
+ * Left alignment overrides the mx-auto Tailwind class on [data-blok-element-content].
  */
+[data-blok-content-align="left"] [data-blok-element-content] {
+  margin-left: 0;
+}
+
 [data-blok-content-align="center"] [data-blok-element-content] {
   margin-left: auto;
   margin-right: auto;

package/src/tools/table/table-cell-blocks.ts

@@ -618,6 +618,12 @@ export class TableCellBlocks {
       return;
     }
 
+    if (type === 'block-moved') {
+      this.handleBlockMoved(detail);
+
+      return;
+    }
+
     if (type !== 'block-added') {
       return;
     }
@@ -756,6 +762,30 @@ export class TableCellBlocks {
     this.schedulePendingCellCheck();
   }
 
+  /**
+   * Handle a block-moved event: if the block left this table (its holder is
+   * no longer inside our grid), remove the stale reference from the model.
+   *
+   * Without this, cross-table moves leave ghost entries in the source table's
+   * model, causing the same block ID to appear in two tables' saved data.
+   */
+  private handleBlockMoved(detail: { target: { id: string; holder: HTMLElement } }): void {
+    const blockId = detail.target.id;
+    const cellPos = this.model.findCellForBlock(blockId);
+
+    if (!cellPos) {
+      return;
+    }
+
+    // If the holder is still inside our grid, the block was moved within
+    // this table — nothing to clean up.
+    if (this.gridElement.contains(detail.target.holder)) {
+      return;
+    }
+
+    this.model.removeBlockFromCell(cellPos.row, cellPos.col, blockId);
+  }
+
   /**
    * Find the DOM cell's row/col position and add the block to the model.
    */

package/src/tools/table/table-operations.ts

@@ -313,6 +313,15 @@ export const mountCellBlocksReadOnly = (
           continue;
         }
 
+        // Guard: if the block holder is already inside another table cell's
+        // blocks container, skip it. Without this check, appendChild would
+        // move (steal) the DOM node from the first table, leaving its cell
+        // empty. This can happen when corrupted data references the same
+        // block in multiple tables.
+        if (block.holder.closest(`[${CELL_BLOCKS_ATTR}]`)) {
+          continue;
+        }
+
         container.appendChild(block.holder);
       }
 

package/dist/chunks/architecture-YZFGNWBL-Bcu-90pi.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-7N4EOEYR-Bs2qDy88.mjs";
-export { e as createArchitectureServices };

package/dist/chunks/classDiagram-6PBFFD2Q-BOkAe08u.mjs

@@ -1,30 +0,0 @@
-import { h as e } from "./src-CRgEHLPW.mjs";
-import "./chunk-ICPOFSXX-BMja8cuy.mjs";
-import "./dist-DHsXIYdd.mjs";
-import "./chunk-5PVQY5BW-CxUGVzQL.mjs";
-import "./chunk-U2HBQHQK-DJytnHmZ.mjs";
-import "./chunk-FMBD7UC4-CF6BKEiV.mjs";
-import "./chunk-BSJP7CBP-CpUW7gi5.mjs";
-import "./chunk-ZZ45TVLE-DWziaKxP.mjs";
-import "./chunk-YZCP3GAM-Ch258bXC.mjs";
-import "./chunk-55IACEB6-CGkn5ABd.mjs";
-import "./chunk-EDXVE4YY-DEcX4XWm.mjs";
-import "./chunk-X2U36JSP-DlOifw1K.mjs";
-import "./chunk-5FUZZQ4R-USdumo_u.mjs";
-import "./chunk-ENJZ2VHE-B4THRZkR.mjs";
-import "./chunk-336JU56O-heO72r_k.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-B0snhZOU.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-6PBFFD2Q.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/classDiagram-v2-HSJHXN6E-DeKatSvh.mjs

@@ -1,30 +0,0 @@
-import { h as e } from "./src-CRgEHLPW.mjs";
-import "./chunk-ICPOFSXX-BMja8cuy.mjs";
-import "./dist-DHsXIYdd.mjs";
-import "./chunk-5PVQY5BW-CxUGVzQL.mjs";
-import "./chunk-U2HBQHQK-DJytnHmZ.mjs";
-import "./chunk-FMBD7UC4-CF6BKEiV.mjs";
-import "./chunk-BSJP7CBP-CpUW7gi5.mjs";
-import "./chunk-ZZ45TVLE-DWziaKxP.mjs";
-import "./chunk-YZCP3GAM-Ch258bXC.mjs";
-import "./chunk-55IACEB6-CGkn5ABd.mjs";
-import "./chunk-EDXVE4YY-DEcX4XWm.mjs";
-import "./chunk-X2U36JSP-DlOifw1K.mjs";
-import "./chunk-5FUZZQ4R-USdumo_u.mjs";
-import "./chunk-ENJZ2VHE-B4THRZkR.mjs";
-import "./chunk-336JU56O-heO72r_k.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-B0snhZOU.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-HSJHXN6E.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/gitGraph-7Q5UKJZL-BKG8cHGz.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-67CJDMHE-Bvw55oRa.mjs";
-export { e as createGitGraphServices };

package/dist/chunks/info-OMHHGYJF-FKqYyUn9.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-KGLVRYIC-DHYYpR8v.mjs";
-export { e as createInfoServices };

package/dist/chunks/packet-4T2RLAQJ-DTUW2U0C.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-FOC6F5B3--xuza7Yn.mjs";
-export { e as createPacketServices };

package/dist/chunks/pie-ZZUOXDRM-D-umqvEM.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-AA7GKIK3-Bss0LgrN.mjs";
-export { e as createPieServices };

package/dist/chunks/radar-PYXPWWZC-DkQelf08.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-2KRD3SAO-CazES4VS.mjs";
-export { e as createRadarServices };

package/dist/chunks/stateDiagram-v2-QKLJ7IA2-Co9CUU_z.mjs

@@ -1,28 +0,0 @@
-import { h as e } from "./src-CRgEHLPW.mjs";
-import "./chunk-ICPOFSXX-BMja8cuy.mjs";
-import "./dist-DHsXIYdd.mjs";
-import "./chunk-5PVQY5BW-CxUGVzQL.mjs";
-import "./chunk-U2HBQHQK-DJytnHmZ.mjs";
-import "./chunk-BSJP7CBP-CpUW7gi5.mjs";
-import "./chunk-ZZ45TVLE-DWziaKxP.mjs";
-import "./chunk-55IACEB6-CGkn5ABd.mjs";
-import "./chunk-EDXVE4YY-DEcX4XWm.mjs";
-import "./chunk-X2U36JSP-DlOifw1K.mjs";
-import "./chunk-5FUZZQ4R-USdumo_u.mjs";
-import "./chunk-ENJZ2VHE-B4THRZkR.mjs";
-import "./chunk-336JU56O-heO72r_k.mjs";
-import { i as t, n, r, t as i } from "./chunk-OYMX7WX6-BiqlATPA.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-QKLJ7IA2.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i(2);
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/treeView-SZITEDCU-DOOoyNP9.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-ORNJ4GCN-38fbR5OS.mjs";
-export { e as createTreeViewServices };

package/dist/chunks/treemap-W4RFUUIX-CsOoUA-u.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-LIHQZDEY-AvbOvyLE.mjs";
-export { e as createTreemapServices };

package/dist/chunks/wardley-RL74JXVD-CCzZcmEk.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHEqGHFS.mjs";
-import { n as e } from "./chunk-CIAEETIT-DlRbLLf3.mjs";
-export { e as createWardleyServices };