@jackuait/blok 0.4.1-beta.17 → 0.4.1-beta.18

package/dist/blok.mjs

@@ -1,5 +1,5 @@
-import { B as s, v as a } from "./chunks/blok-BmQiBq7w.mjs";
-import { D as A } from "./chunks/inline-tool-convert-f0-Y0Vcm.mjs";
+import { B as s, v as a } from "./chunks/blok-YehXQjcP.mjs";
+import { D as A } from "./chunks/inline-tool-convert-n3QzrC92.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-BmQiBq7w.mjs → blok-YehXQjcP.mjs}

@@ -19,7 +19,7 @@ var jt = (a, t) => {
       t.indexOf(o) < 0 && _e.call(a, o) && (e[o] = a[o]);
   return e;
 };
-import { i as N, g as jo, a as g, b as ve, c as E, l as I, S as y, d as Yo, e as Vo, D as m, t as C, f as j, h as bo, P as O, j as Ht, k as V, m as A, n as Bt, o as ht, p as ko, q as nt, T as Yt, r as Ft, s as v, I as Xo, u as qo, v as ct, w as oe, x as Zo, y as Go, z as Jo, A as vo, B as Qo, C as Bo, E as wo, F as tn, G as ze, H as en, J as on, K as nn, L as Be, M as Ue, N as sn, O as Ke, Q as We, R as rn, U as an, V as ln, W as cn, X as dn, Y as ne, Z as _t, _ as hn, $ as un, a0 as pn, a1 as $e, a2 as fn, a3 as gn, a4 as mn, a5 as bn, a6 as kn, a7 as vn, a8 as Bn } from "./inline-tool-convert-f0-Y0Vcm.mjs";
+import { i as N, g as jo, a as g, b as ve, c as E, l as I, S as y, d as Yo, e as Vo, D as m, t as C, f as j, h as bo, P as O, j as Ht, k as V, m as A, n as Bt, o as ht, p as ko, q as nt, T as Yt, r as Ft, s as v, I as Xo, u as qo, v as ct, w as oe, x as Zo, y as Go, z as Jo, A as vo, B as Qo, C as Bo, E as wo, F as tn, G as ze, H as en, J as on, K as nn, L as Be, M as Ue, N as sn, O as Ke, Q as We, R as rn, U as an, V as ln, W as cn, X as dn, Y as ne, Z as _t, _ as hn, $ as un, a0 as pn, a1 as $e, a2 as fn, a3 as gn, a4 as mn, a5 as bn, a6 as kn, a7 as vn, a8 as Bn } from "./inline-tool-convert-n3QzrC92.mjs";
 function wn(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
@@ -1471,7 +1471,7 @@ class Hn {
    * @returns {Promise<NotifierModule>} loaded notifier module
    */
   loadNotifierModule() {
-    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-CvHTp5IA.mjs").then((t) => {
+    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-BtI3WrPm.mjs").then((t) => {
       const e = t;
       if (!this.isNotifierModule(e))
         throw new Error('notifier module does not expose a "show" method.');
@@ -6511,7 +6511,7 @@ class $s extends T {
   async ensureI18nextLoaded(t, e) {
     if (this.i18nextWrapper !== null)
       return;
-    const { loadI18next: o } = await import("./i18next-loader-CtUJZQir.mjs");
+    const { loadI18next: o } = await import("./i18next-loader-CkHKDgdv.mjs");
     this.i18nextWrapper = await o(t, e);
   }
   /**
@@ -10022,12 +10022,8 @@ const uo = /* @__PURE__ */ new Set([
       return;
     }
     const n = t.getData(this.MIME_TYPE), s = t.getData("text/plain"), r = t.getData("text/html");
-    if (n)
-      try {
-        this.insertBlokData(JSON.parse(n));
-        return;
-      } catch (p) {
-      }
+    if (n && await this.handleBlokDataPaste(n, s))
+      return;
     const l = Object.fromEntries(
       Object.keys(this.toolsTags).map((p) => {
         var b;
@@ -10044,6 +10040,31 @@ const uo = /* @__PURE__ */ new Set([
     ), h = Z(r, d), u = g.isHTMLString(h);
     !h.trim() || h.trim() === s || !u ? await this.processText(s) : await this.processText(h, !0);
   }
+  /**
+   * Handles pasting of Blok JSON data, with pattern matching priority.
+   * For plain text that might match a pattern (like URLs), tries pattern matching first.
+   * This handles the case where text is cut and pasted within the same editor -
+   * we want pattern matching to still work for things like embed URLs.
+   * @param blokData - serialized Blok JSON data
+   * @param plainData - plain text content from clipboard
+   * @returns true if paste was handled, false otherwise
+   */
+  async handleBlokDataPaste(t, e) {
+    try {
+      const o = JSON.parse(t), s = e && this.toolsPatterns.length > 0 ? await this.processPattern(e) : void 0;
+      return s ? (await this.insertPatternMatch(s), !0) : (this.insertBlokData(o), !0);
+    } catch (o) {
+      return !1;
+    }
+  }
+  /**
+   * Inserts a matched pattern as a new block
+   * @param patternResult - the matched pattern with tool and event
+   */
+  async insertPatternMatch(t) {
+    const { BlockManager: e, Caret: o } = this.Blok, n = e.currentBlock && e.currentBlock.tool.isDefault && e.currentBlock.isEmpty, s = await e.paste(t.tool, t.event, n);
+    o.setToBlock(s, o.positions.END);
+  }
   /**
    * Process pasted text and divide them into Blocks
    * @param {string} data - text to process. Can be HTML or plain.

package/dist/chunks/{i18next-loader-CtUJZQir.mjs → i18next-loader-CkHKDgdv.mjs}

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

package/dist/chunks/{index-CvHTp5IA.mjs → index-BtI3WrPm.mjs}

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

package/dist/chunks/{inline-tool-convert-f0-Y0Vcm.mjs → inline-tool-convert-n3QzrC92.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.17", Ct = {
+const rt = () => "0.4.1-beta.18", 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-BmQiBq7w.mjs";
+import { B as v, v as A } from "./chunks/blok-YehXQjcP.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-f0-Y0Vcm.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-n3QzrC92.mjs";
 const m = {
   paragraph: {
     class: I,

package/dist/tools.mjs

@@ -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-f0-Y0Vcm.mjs";
-import { a0 as Dt } from "./chunks/inline-tool-convert-f0-Y0Vcm.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-n3QzrC92.mjs";
+import { a0 as Dt } from "./chunks/inline-tool-convert-n3QzrC92.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.1-beta.17",
+  "version": "0.4.1-beta.18",
   "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",

package/src/components/modules/paste.ts

@@ -270,14 +270,10 @@ export class Paste extends Module {
     const normalizedHtmlData = rawHtmlData;
 
     /**
-     * If Blok json is passed, insert it
+     * If Blok json is passed, check if we should try pattern matching first
      */
-    if (blokData) {
-      try {
-        this.insertBlokData(JSON.parse(blokData));
-
-        return;
-      } catch (_e) { } // Do nothing and continue execution as usual if error appears
+    if (blokData && await this.handleBlokDataPaste(blokData, plainData)) {
+      return;
     }
 
     /** Add all tags that can be substituted to sanitizer configuration */
@@ -307,6 +303,50 @@ export class Paste extends Module {
     }
   }
 
+  /**
+   * Handles pasting of Blok JSON data, with pattern matching priority.
+   * For plain text that might match a pattern (like URLs), tries pattern matching first.
+   * This handles the case where text is cut and pasted within the same editor -
+   * we want pattern matching to still work for things like embed URLs.
+   * @param blokData - serialized Blok JSON data
+   * @param plainData - plain text content from clipboard
+   * @returns true if paste was handled, false otherwise
+   */
+  private async handleBlokDataPaste(blokData: string, plainData: string): Promise<boolean> {
+    try {
+      const parsedBlokData = JSON.parse(blokData) as Pick<SavedData, 'id' | 'data' | 'tool'>[];
+      const shouldTryPatternMatch = plainData && this.toolsPatterns.length > 0;
+      const patternResult = shouldTryPatternMatch ? await this.processPattern(plainData) : undefined;
+
+      if (patternResult) {
+        await this.insertPatternMatch(patternResult);
+
+        return true;
+      }
+
+      this.insertBlokData(parsedBlokData);
+
+      return true;
+    } catch (_e) {
+      return false;
+    }
+  }
+
+  /**
+   * Inserts a matched pattern as a new block
+   * @param patternResult - the matched pattern with tool and event
+   */
+  private async insertPatternMatch(patternResult: { event: PasteEvent; tool: string }): Promise<void> {
+    const { BlockManager, Caret } = this.Blok;
+    const needToReplaceCurrentBlock = BlockManager.currentBlock &&
+      BlockManager.currentBlock.tool.isDefault &&
+      BlockManager.currentBlock.isEmpty;
+
+    const insertedBlock = await BlockManager.paste(patternResult.tool, patternResult.event, needToReplaceCurrentBlock);
+
+    Caret.setToBlock(insertedBlock, Caret.positions.END);
+  }
+
   /**
    * Process pasted text and divide them into Blocks
    * @param {string} data - text to process. Can be HTML or plain.