@jackuait/blok 0.4.2 → 0.4.3-beta.1

package/codemod/README.md

@@ -34,16 +34,30 @@ npx migrate-from-editorjs ./src --dry-run
 
 ### Import Transformations
 
+**EditorJS → Blok:**
 ```diff
 - import EditorJS from '@editorjs/editorjs';
-+ import Blok from '@jackuait/blok';
++ import { Blok } from '@jackuait/blok';
+
+- import EditorJS, { EditorConfig } from '@editorjs/editorjs';
++ import { Blok, BlokConfig } from '@jackuait/blok';
 
 - import Header from '@editorjs/header';
 - import Paragraph from '@editorjs/paragraph';
 - import List from '@editorjs/list';
-+ // Header is now bundled with Blok: use Blok.Header
-+ // Paragraph is now bundled with Blok: use Blok.Paragraph
-+ // List is now bundled with Blok: use Blok.List
++ import { Header, Paragraph, List } from '@jackuait/blok/tools';
+```
+
+**Blok default imports → named imports** (Blok only exports named exports):
+```diff
+- import Blok from '@jackuait/blok';
++ import { Blok } from '@jackuait/blok';
+
+- import Editor from '@jackuait/blok';
++ import { Blok as Editor } from '@jackuait/blok';
+
+- import Blok, { BlokConfig } from '@jackuait/blok';
++ import { Blok, BlokConfig } from '@jackuait/blok';
 ```
 
 ### Type Transformations
@@ -98,17 +112,25 @@ npx migrate-from-editorjs ./src --dry-run
 
 ### Tool Configuration Transformations
 
+Old Blok static property references are converted to direct imports:
 ```diff
 tools: {
--   header: Header,
--   paragraph: Paragraph,
--   list: List,
-+   header: Blok.Header,
-+   paragraph: Blok.Paragraph,
-+   list: Blok.List,
+-   header: Blok.Header,
+-   paragraph: Blok.Paragraph,
+-   list: Blok.List,
++   header: Header,
++   paragraph: Paragraph,
++   list: List,
 }
 ```
 
+Combined Blok imports are split into core and tools:
+```diff
+- import { Blok, Header, Paragraph, List } from '@jackuait/blok';
++ import { Blok } from '@jackuait/blok';
++ import { Header, Paragraph, List } from '@jackuait/blok/tools';
+```
+
 ### package.json Updates
 
 ```diff

package/codemod/migrate-editorjs-to-blok.js

@@ -388,6 +388,98 @@ function removeI18nMessages(content) {
 
 // Import transformations
 const IMPORT_TRANSFORMS = [
+  // ============================================================================
+  // Blok default import → named import transformations
+  // These handle cases where users incorrectly use default imports with Blok
+  // (Blok only exports named exports, not a default export)
+  // ============================================================================
+
+  // Combined default + named imports from @jackuait/blok: import Blok, { BlokConfig } from '@jackuait/blok'
+  // → import { Blok, BlokConfig } from '@jackuait/blok'
+  // IMPORTANT: Must come before regular default import patterns to avoid partial matching
+  {
+    pattern: /import\s+Blok\s*,\s*\{\s*([^}]+?)\s*\}\s*from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "import { Blok, $1 } from '@jackuait/blok'",
+    note: 'Converted combined default + named import to named import',
+  },
+  // Aliased combined: import Editor, { BlokConfig } from '@jackuait/blok'
+  {
+    pattern: /import\s+(\w+)\s*,\s*\{\s*([^}]+?)\s*\}\s*from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "import { Blok as $1, $2 } from '@jackuait/blok'",
+    note: 'Converted aliased combined default + named import to named import',
+  },
+  // Default import: import Blok from '@jackuait/blok' → import { Blok } from '@jackuait/blok'
+  {
+    pattern: /import\s+Blok\s+from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "import { Blok } from '@jackuait/blok'",
+    note: 'Converted default import to named import',
+  },
+  // Aliased default import: import Editor from '@jackuait/blok' → import { Blok as Editor } from '@jackuait/blok'
+  // Must check it's not followed by /tools or /types to avoid matching subpath imports
+  {
+    pattern: /import\s+(\w+)\s+from\s+['"]@jackuait\/blok['"](?!\/)/g,
+    replacement: "import { Blok as $1 } from '@jackuait/blok'",
+    note: 'Converted aliased default import to named import',
+  },
+  // Type-only default import: import type Blok from '@jackuait/blok'
+  {
+    pattern: /import\s+type\s+Blok\s+from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "import type { Blok } from '@jackuait/blok'",
+    note: 'Converted type-only default import to named import',
+  },
+  // Type-only aliased default import: import type Editor from '@jackuait/blok'
+  {
+    pattern: /import\s+type\s+(\w+)\s+from\s+['"]@jackuait\/blok['"](?!\/)/g,
+    replacement: "import type { Blok as $1 } from '@jackuait/blok'",
+    note: 'Converted type-only aliased default import to named import',
+  },
+  // Namespace import: import * as Blok from '@jackuait/blok' → import { Blok } from '@jackuait/blok'
+  {
+    pattern: /import\s+\*\s+as\s+Blok\s+from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "import { Blok } from '@jackuait/blok'",
+    note: 'Converted namespace import to named import',
+  },
+  // Aliased namespace import: import * as Editor from '@jackuait/blok'
+  {
+    pattern: /import\s+\*\s+as\s+(\w+)\s+from\s+['"]@jackuait\/blok['"](?!\/)/g,
+    replacement: "import { Blok as $1 } from '@jackuait/blok'",
+    note: 'Converted namespace import to named import with alias',
+  },
+  // Dynamic import with destructuring: const { default: Editor } = await import('@jackuait/blok')
+  {
+    pattern: /\{\s*default\s*:\s*(\w+)\s*\}\s*=\s*await\s+import\s*\(\s*['"]@jackuait\/blok['"]\s*\)/g,
+    replacement: "{ Blok: $1 } = await import('@jackuait/blok')",
+    note: 'Converted destructured dynamic import',
+  },
+  // Re-export default as named: export { default as Editor } from '@jackuait/blok'
+  {
+    pattern: /export\s+\{\s*default\s+as\s+(\w+)\s*\}\s*from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "export { Blok as $1 } from '@jackuait/blok'",
+    note: 'Converted default re-export to named export',
+  },
+  // Re-export default: export { default } from '@jackuait/blok'
+  {
+    pattern: /export\s+\{\s*default\s*\}\s*from\s+['"]@jackuait\/blok['"]/g,
+    replacement: "export { Blok } from '@jackuait/blok'",
+    note: 'Converted default re-export',
+  },
+  // Require with .default access: require('@jackuait/blok').default
+  {
+    pattern: /require\s*\(\s*['"]@jackuait\/blok['"]\s*\)\.default/g,
+    replacement: "require('@jackuait/blok').Blok",
+    note: 'Converted require().default to require().Blok',
+  },
+  // Destructured require with default: const { default: Editor } = require('@jackuait/blok')
+  {
+    pattern: /const\s+\{\s*default\s*:\s*(\w+)\s*\}\s*=\s*require\s*\(\s*['"]@jackuait\/blok['"]\s*\)/g,
+    replacement: "const { Blok: $1 } = require('@jackuait/blok')",
+    note: 'Converted destructured default require to named require',
+  },
+
+  // ============================================================================
+  // EditorJS → Blok transformations
+  // ============================================================================
+
   // EditorJS subpath imports (e.g., @editorjs/editorjs/types -> @jackuait/blok/types)
   {
     pattern: /from\s+['"]@editorjs\/editorjs\/([^'"]+)['"]/g,

package/codemod/test.js

@@ -956,6 +956,104 @@ test('removeI18nMessages does not change content without i18n', () => {
   assertEqual(result, input, 'Content should be unchanged');
 });
 
+// ============================================================================
+// Blok Default Import → Named Import Tests
+// ============================================================================
+
+console.log('\n🔄 Blok Default Import → Named Import Transformations\n');
+
+test('transforms Blok default import to named import', () => {
+  const input = `import Blok from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok } from '@jackuait/blok';`);
+});
+
+test('transforms aliased Blok default import to named import with alias', () => {
+  const input = `import Editor from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok as Editor } from '@jackuait/blok';`);
+});
+
+test('transforms combined Blok default + named import', () => {
+  const input = `import Blok, { BlokConfig } from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok, BlokConfig } from '@jackuait/blok';`);
+});
+
+test('transforms aliased combined Blok default + named import', () => {
+  const input = `import Editor, { BlokConfig } from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok as Editor, BlokConfig } from '@jackuait/blok';`);
+});
+
+test('transforms type-only Blok default import', () => {
+  const input = `import type Blok from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import type { Blok } from '@jackuait/blok';`);
+});
+
+test('transforms type-only aliased Blok default import', () => {
+  const input = `import type Editor from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import type { Blok as Editor } from '@jackuait/blok';`);
+});
+
+test('transforms namespace import from @jackuait/blok', () => {
+  const input = `import * as Blok from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok } from '@jackuait/blok';`);
+});
+
+test('transforms aliased namespace import from @jackuait/blok', () => {
+  const input = `import * as Editor from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `import { Blok as Editor } from '@jackuait/blok';`);
+});
+
+test('transforms destructured dynamic import from @jackuait/blok', () => {
+  const input = `const { default: Editor } = await import('@jackuait/blok');`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `const { Blok: Editor } = await import('@jackuait/blok');`);
+});
+
+test('transforms require().default from @jackuait/blok', () => {
+  const input = `const Blok = require('@jackuait/blok').default;`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `const Blok = require('@jackuait/blok').Blok;`);
+});
+
+test('transforms destructured require default from @jackuait/blok', () => {
+  const input = `const { default: Editor } = require('@jackuait/blok');`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `const { Blok: Editor } = require('@jackuait/blok');`);
+});
+
+test('transforms re-export default as named from @jackuait/blok', () => {
+  const input = `export { default as Editor } from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `export { Blok as Editor } from '@jackuait/blok';`);
+});
+
+test('transforms re-export default from @jackuait/blok', () => {
+  const input = `export { default } from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  assertEqual(result, `export { Blok } from '@jackuait/blok';`);
+});
+
+test('does not transform subpath imports from @jackuait/blok/tools', () => {
+  const input = `import Header from '@jackuait/blok/tools';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  // Should not match because of the /tools path
+  assertEqual(result, input);
+});
+
+test('does not transform named imports from @jackuait/blok', () => {
+  const input = `import { Blok, BlokConfig } from '@jackuait/blok';`;
+  const { result } = applyTransforms(input, IMPORT_TRANSFORMS);
+  // Named imports should not be transformed by the default import transforms
+  assertEqual(result, input);
+});
+
 // ============================================================================
 // Modular Import Tests (Strategy 5)
 // ============================================================================

package/dist/blok.mjs

@@ -1,5 +1,5 @@
-import { B as s, v as a } from "./chunks/blok-BjgH1REI.mjs";
-import { D as A } from "./chunks/inline-tool-convert-Bx5BVd8I.mjs";
+import { B as s, v as a } from "./chunks/blok-8ptWuVZC.mjs";
+import { D as A } from "./chunks/inline-tool-convert-CvMDAIzb.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-BjgH1REI.mjs → blok-8ptWuVZC.mjs}

@@ -19,7 +19,7 @@ var Yt = (a, t) => {
       t.indexOf(o) < 0 && Pe.call(a, o) && (e[o] = a[o]);
   return e;
 };
-import { i as N, g as Ho, a as f, b as be, c as E, l as I, S as y, d as Fo, e as _o, D as m, t as C, f as $, h as co, P as O, j as Ht, k as j, m as A, n as wt, o as ht, p as ho, q as J, T as jt, r as Ft, s as v, I as zo, u as Uo, v as ct, w as oe, x as Ko, y as Wo, z as $o, A as uo, B as Yo, C as po, E as fo, F as jo, G as Xo, H as Vo, J as qo, K as Go, L as ke, M as He, N as Zo, O as Fe, Q as _e, R as Jo, U as Qo, V as ts, W as es, X as os, Y as se, Z as _t, _ as ss, $ as ns, a0 as is, a1 as ze, a2 as rs, a3 as as, a4 as ls, a5 as cs, a6 as ds, a7 as hs, a8 as us } from "./inline-tool-convert-Bx5BVd8I.mjs";
+import { i as N, g as Ho, a as f, b as be, c as E, l as I, S as y, d as Fo, e as _o, D as m, t as C, f as $, h as co, P as O, j as Ht, k as j, m as A, n as wt, o as ht, p as ho, q as J, T as jt, r as Ft, s as v, I as zo, u as Uo, v as ct, w as oe, x as Ko, y as Wo, z as $o, A as uo, B as Yo, C as po, E as fo, F as jo, G as Xo, H as Vo, J as qo, K as Go, L as ke, M as He, N as Zo, O as Fe, Q as _e, R as Jo, U as Qo, V as ts, W as es, X as os, Y as se, Z as _t, _ as ss, $ as ns, a0 as is, a1 as ze, a2 as rs, a3 as as, a4 as ls, a5 as cs, a6 as ds, a7 as hs, a8 as us } from "./inline-tool-convert-CvMDAIzb.mjs";
 function ps(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
@@ -1458,7 +1458,7 @@ class As {
    * @returns {Promise<NotifierModule>} loaded notifier module
    */
   loadNotifierModule() {
-    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-5m5JWNey.mjs").then((t) => {
+    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-5nYtWZD2.mjs").then((t) => {
       const e = t;
       if (!this.isNotifierModule(e))
         throw new Error('notifier module does not expose a "show" method.');
@@ -6365,7 +6365,7 @@ class Pn extends T {
   async ensureI18nextLoaded(t, e) {
     if (this.i18nextWrapper !== null)
       return;
-    const { loadI18next: o } = await import("./i18next-loader-DfiUa_gd.mjs");
+    const { loadI18next: o } = await import("./i18next-loader-bLawSYRV.mjs");
     this.i18nextWrapper = await o(t, e);
   }
   /**

package/dist/chunks/{i18next-loader-DfiUa_gd.mjs → i18next-loader-bLawSYRV.mjs}

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

package/dist/chunks/{index-5m5JWNey.mjs → index-5nYtWZD2.mjs}

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

package/dist/chunks/{inline-tool-convert-Bx5BVd8I.mjs → inline-tool-convert-CvMDAIzb.mjs}

@@ -18,7 +18,7 @@ let rt = (o = 21) => {
   return t;
 };
 var st = /* @__PURE__ */ ((o) => (o.VERBOSE = "VERBOSE", o.INFO = "INFO", o.WARN = "WARN", o.ERROR = "ERROR", o))(st || {});
-const it = () => "0.4.2", Et = {
+const it = () => "0.4.3-beta.1", Et = {
   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-BjgH1REI.mjs";
+import { B as v, v as A } from "./chunks/blok-8ptWuVZC.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-Bx5BVd8I.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-CvMDAIzb.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 L, D as g, a9 as et, aa as at, ab as lt, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as G, aj as j, ak as $, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-Bx5BVd8I.mjs";
-import { a0 as Ot } from "./chunks/inline-tool-convert-Bx5BVd8I.mjs";
+import { t as L, D as g, a9 as et, aa as at, ab as lt, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as G, aj as j, ak as $, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-CvMDAIzb.mjs";
+import { a0 as Ot } from "./chunks/inline-tool-convert-CvMDAIzb.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",

package/package.json

@@ -1,9 +1,22 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.2",
+  "version": "0.4.3-beta.1",
   "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",
+  "typesVersions": {
+    "*": {
+      "tools": [
+        "./types/tools-entry.d.ts"
+      ],
+      "full": [
+        "./types/full.d.ts"
+      ],
+      "locales": [
+        "./types/locales.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "types": "./types/index.d.ts",