@phuong-tran-redoc/document-engine-core 0.0.17 → 0.0.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phuong-tran-redoc/document-engine-core",
-  "version": "0.0.17",
-  "type": "commonjs",
+  "version": "0.0.19",
+  "type": "module",
   "license": "MIT",
   "author": "Duc Phuong (Jack) <tdp99.business@gmail.com>",
   "description": "Framework-agnostic core library for Document Engine",
@@ -46,5 +46,6 @@
   },
   "peerDependencies": {
     "lodash-es": "^4.17.10"
-  }
+  },
+  "module": "./src/index.js"
 }

package/src/constants/indent.constant.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "INDENT_DEFAULT", {
-    enumerable: true,
-    get: function() {
-        return INDENT_DEFAULT;
-    }
-});
-const INDENT_DEFAULT = 40; // in pixels
+export const INDENT_DEFAULT = 40; // in pixels

package/src/constants/index.js

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./indent.constant"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './indent.constant';

package/src/constants/table.constant.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MIN_NEW_COL_WIDTH", {
-    enumerable: true,
-    get: function() {
-        return MIN_NEW_COL_WIDTH;
-    }
-});
-const MIN_NEW_COL_WIDTH = 5.0;
+export const MIN_NEW_COL_WIDTH = 5.0;

package/src/extensions/clear-content.extension.js

@@ -1,15 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ClearContent", {
-    enumerable: true,
-    get: function() {
-        return ClearContent;
-    }
-});
-const _core = require("@tiptap/core");
-const ClearContent = _core.Extension.create({
+import { Extension } from '@tiptap/core';
+export const ClearContent = Extension.create({
     name: 'clearContent',
     addCommands () {
         return {

package/src/extensions/indent.extension.js

@@ -1,16 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Indent", {
-    enumerable: true,
-    get: function() {
-        return Indent;
-    }
-});
-const _core = require("@tiptap/core");
-const _constants = require("../constants");
-const Indent = _core.Extension.create({
+import { Extension } from '@tiptap/core';
+import { INDENT_DEFAULT } from '../constants';
+export const Indent = Extension.create({
     name: 'indent',
     addOptions () {
         return {
@@ -18,7 +8,7 @@ const Indent = _core.Extension.create({
                 'paragraph',
                 'heading'
             ],
-            indent: _constants.INDENT_DEFAULT
+            indent: INDENT_DEFAULT
         };
     },
     addGlobalAttributes () {

package/src/extensions/index.js

@@ -1,25 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./clear-content.extension"), exports);
-_export_star(require("./indent.extension"), exports);
-_export_star(require("./ordered-list.extension"), exports);
-_export_star(require("./reset-format.extension"), exports);
-_export_star(require("./reset-on-enter.extension"), exports);
-_export_star(require("./restricted-editing.extension"), exports);
-_export_star(require("./table-style.extension"), exports);
-_export_star(require("./text-case.extension"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './clear-content.extension';
+export * from './indent.extension';
+export * from './ordered-list.extension';
+export * from './reset-format.extension';
+export * from './reset-on-enter.extension';
+export * from './restricted-editing.extension';
+export * from './table-style.extension';
+export * from './text-case.extension';

package/src/extensions/ordered-list.extension.js

@@ -1,15 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CustomOrderedList", {
-    enumerable: true,
-    get: function() {
-        return CustomOrderedList;
-    }
-});
-const _extensionlist = require("@tiptap/extension-list");
-const CustomOrderedList = _extensionlist.OrderedList.extend({
+import { OrderedList } from '@tiptap/extension-list';
+export const CustomOrderedList = OrderedList.extend({
     name: 'customOrderedList',
     addOptions () {
         return {

package/src/extensions/reset-format.extension.js

@@ -1,15 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ResetFormat", {
-    enumerable: true,
-    get: function() {
-        return ResetFormat;
-    }
-});
-const _core = require("@tiptap/core");
-const ResetFormat = _core.Extension.create({
+import { Extension } from '@tiptap/core';
+export const ResetFormat = Extension.create({
     name: 'resetFormat',
     addCommands () {
         return {

package/src/extensions/reset-on-enter.extension.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ResetOnEnter", {
-    enumerable: true,
-    get: function() {
-        return ResetOnEnter;
-    }
-});
-const _core = require("@tiptap/core");
-const ResetOnEnter = _core.Extension.create({
+import { Extension } from '@tiptap/core';
+/*
+ * Clear:
+ * - textStyle mark
+ * - indent attribute
+ */ // Clears formats on Enter so the new line has default formats
+export const ResetOnEnter = Extension.create({
     name: 'resetOnEnter',
     addKeyboardShortcuts () {
         return {

package/src/extensions/restricted-editing.extension.js

@@ -1,24 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    EditableRegion: function() {
-        return EditableRegion;
-    },
-    RestrictedEditing: function() {
-        return RestrictedEditing;
-    }
-});
-const _core = require("@tiptap/core");
-const _state = require("@tiptap/pm/state");
-const EditableRegion = _core.Node.create({
+import { Extension, Node, mergeAttributes } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+// Editable inline region where typing is allowed
+export const EditableRegion = Node.create({
     name: 'editableRegion',
     group: 'inline',
     inline: true,
@@ -34,7 +17,7 @@ const EditableRegion = _core.Node.create({
     renderHTML ({ HTMLAttributes }) {
         return [
             'span',
-            (0, _core.mergeAttributes)(HTMLAttributes, {
+            mergeAttributes(HTMLAttributes, {
                 'data-editable-region': 'true',
                 class: 'editable-region'
             }),
@@ -42,7 +25,7 @@ const EditableRegion = _core.Node.create({
         ];
     }
 });
-const RestrictedEditing = _core.Extension.create({
+export const RestrictedEditing = Extension.create({
     name: 'restrictedEditing',
     addOptions () {
         return {
@@ -255,7 +238,7 @@ const RestrictedEditing = _core.Extension.create({
         };
     },
     addProseMirrorPlugins () {
-        const key = new _state.PluginKey('restricted-editing');
+        const key = new PluginKey('restricted-editing');
         const editor = this.editor;
         const editableRegionNodeName = this.options.editableRegionNodeName;
         const disabledNodeTypes = this.options.disabledNodeTypes ?? [];
@@ -292,7 +275,7 @@ const RestrictedEditing = _core.Extension.create({
             return ranges;
         };
         return [
-            new _state.Plugin({
+            new Plugin({
                 key,
                 filterTransaction: (tr, state)=>{
                     // In standard mode, do not restrict edits

package/src/extensions/table-resizing.extension.js

@@ -1,18 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PercentageColumnResizing", {
-    enumerable: true,
-    get: function() {
-        return PercentageColumnResizing;
-    }
-});
-const _core = require("@tiptap/core");
-const _state = require("@tiptap/pm/state");
-const _tables = require("@tiptap/pm/tables");
-const _view = require("@tiptap/pm/view");
-const _utils = require("../utils");
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+import { tableNodeTypes } from '@tiptap/pm/tables';
+import { Decoration, DecorationSet } from '@tiptap/pm/view';
+import { getTableDOMFromView } from '../utils';
 /**
  * Hàm xử lý khi di chuột (kéo)
  */ function handleMouseMoveEvent(event, dragInfo) {
@@ -75,7 +65,10 @@ const _utils = require("../utils");
         view: null
     };
 }
-const PercentageColumnResizing = _core.Extension.create({
+/**
+ * Extension PercentageColumnResizing
+ * * Thay thế logic resize cột mặc định bằng logic dựa trên %.
+ */ export const PercentageColumnResizing = Extension.create({
     name: 'percentageColumnResizing',
     addProseMirrorPlugins () {
         // Một đối tượng tạm thời để lưu trữ trạng thái kéo-thả
@@ -93,8 +86,8 @@ const PercentageColumnResizing = _core.Extension.create({
         };
         const editorInstance = this.editor;
         return [
-            new _state.Plugin({
-                key: new _state.PluginKey('percentageColumnResizing'),
+            new Plugin({
+                key: new PluginKey('percentageColumnResizing'),
                 props: {
                     /**
            * Vẽ các resize handles vào DOM
@@ -102,7 +95,7 @@ const PercentageColumnResizing = _core.Extension.create({
                         if (!editorInstance?.isEditable) return;
                         const decorations = [];
                         const { doc } = state;
-                        const tableTypes = (0, _tables.tableNodeTypes)(state.schema);
+                        const tableTypes = tableNodeTypes(state.schema);
                         // Duyệt qua tất cả node trong document
                         doc.descendants((node, pos)=>{
                             if (node.type.name !== tableTypes.table.name) return;
@@ -120,10 +113,10 @@ const PercentageColumnResizing = _core.Extension.create({
                                 handle.setAttribute('data-col-index', i.toString());
                                 handle.setAttribute('data-table-pos', pos.toString());
                                 // Đặt widget ngay sau thẻ <table> (pos + 1)
-                                decorations.push(_view.Decoration.widget(pos + 1, handle));
+                                decorations.push(Decoration.widget(pos + 1, handle));
                             }
                         });
-                        return _view.DecorationSet.create(doc, decorations);
+                        return DecorationSet.create(doc, decorations);
                     },
                     /**
            * Xử lý sự kiện mousedown trên handle
@@ -139,7 +132,7 @@ const PercentageColumnResizing = _core.Extension.create({
                             const colwidths = tableNode?.attrs['colwidths'];
                             if (!tableNode || !colwidths) return false;
                             // Get table DOM element (handles NodeView wrappers and nested tables)
-                            const tableDOM = (0, _utils.getTableDOMFromView)(view, tablePos);
+                            const tableDOM = getTableDOMFromView(view, tablePos);
                             if (!tableDOM) return false;
                             // Lưu thông tin cần thiết cho việc kéo
                             dragInfo = {

package/src/extensions/table-style.extension.js

@@ -1,41 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    MIN_NEW_COL_WIDTH: function() {
-        return MIN_NEW_COL_WIDTH;
-    },
-    StyledTable: function() {
-        return StyledTable;
-    },
-    StyledTableCell: function() {
-        return StyledTableCell;
-    },
-    StyledTableHeader: function() {
-        return StyledTableHeader;
-    },
-    StyledTableKit: function() {
-        return StyledTableKit;
-    },
-    TableDefaultAttributes: function() {
-        return TableDefaultAttributes;
-    }
-});
-const _core = require("@tiptap/core");
-const _extensiontable = require("@tiptap/extension-table");
-const _state = require("@tiptap/pm/state");
-const _tables = require("@tiptap/pm/tables");
-const _utils = require("../utils");
-const _views = require("../views");
-const _tableresizingextension = require("./table-resizing.extension");
-const MIN_NEW_COL_WIDTH = 5.0;
+import { Extension } from '@tiptap/core';
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table';
+import { TextSelection } from '@tiptap/pm/state';
+import { addColumnAfter, addColumnBefore, deleteColumn, selectionCell, TableMap } from '@tiptap/pm/tables';
+import { getCursorCellInfo } from '../utils';
+import { createTableNodeView } from '../views';
+import { PercentageColumnResizing } from './table-resizing.extension';
+export const MIN_NEW_COL_WIDTH = 5.0;
 /**
  * Calculate new column widths when adding a column, ensuring no column goes below MIN_NEW_COL_WIDTH
  * @param oldColWidths - Array of current column widths
@@ -64,7 +34,7 @@ const MIN_NEW_COL_WIDTH = 5.0;
     const reduction = MIN_NEW_COL_WIDTH / oldColWidths.length;
     return oldColWidths.map((w)=>w - reduction);
 }
-const TableDefaultAttributes = {
+export const TableDefaultAttributes = {
     border: {
         style: 'double',
         color: '#e5e7eb',
@@ -130,7 +100,7 @@ const commonCellAttributes = {
         parseHTML: (element)=>element.style.getPropertyValue('text-align') || null
     }
 };
-const StyledTableCell = _extensiontable.TableCell.extend({
+export const StyledTableCell = TableCell.extend({
     addAttributes () {
         const parent = this.parent?.() ?? {};
         return {
@@ -139,7 +109,7 @@ const StyledTableCell = _extensiontable.TableCell.extend({
         };
     }
 });
-const StyledTableHeader = _extensiontable.TableHeader.extend({
+export const StyledTableHeader = TableHeader.extend({
     addAttributes () {
         const parent = this.parent?.() ?? {};
         return {
@@ -148,7 +118,8 @@ const StyledTableHeader = _extensiontable.TableHeader.extend({
         };
     }
 });
-const StyledTable = _extensiontable.Table.extend({
+// Extend Table node to support width (%) and alignment (left|center|right)
+export const StyledTable = Table.extend({
     // name: 'styledTable',
     // draggable: true,
     addAttributes () {
@@ -261,7 +232,7 @@ const StyledTable = _extensiontable.Table.extend({
                     }).run();
                     // Get current table border and merge with new values
                     // Find the table node
-                    const cellInfo = (0, _utils.getCursorCellInfo)(state);
+                    const cellInfo = getCursorCellInfo(state);
                     if (!cellInfo) return false;
                     const currentBorder = cellInfo?.tableNode?.attrs?.['border'] || {};
                     const mergedBorder = {
@@ -323,19 +294,19 @@ const StyledTable = _extensiontable.Table.extend({
                     // --- BƯỚC 4: Dispatch transaction (Original code)---
                     if (dispatch) {
                         const offset = tr.selection.from + 1;
-                        tr.replaceSelectionWith(tableNode).scrollIntoView().setSelection(_state.TextSelection.near(tr.doc.resolve(offset)));
+                        tr.replaceSelectionWith(tableNode).scrollIntoView().setSelection(TextSelection.near(tr.doc.resolve(offset)));
                     }
                     return true;
                 },
             // 2. LỆNH ADDCOLUMNAFTER
             addColumnAfter: ()=>({ state, dispatch })=>{
-                    const $cell = (0, _tables.selectionCell)(state);
+                    const $cell = selectionCell(state);
                     if (!$cell) return false;
                     const table = $cell.node(-1);
                     const tablePos = $cell.start(-1) - 1;
                     const oldColWidths = table.attrs['colwidths'];
                     // Calculate column index
-                    const map = _tables.TableMap.get(table);
+                    const map = TableMap.get(table);
                     const cellPosInTable = $cell.pos - $cell.start(-1);
                     const colIndex = map.colCount(cellPosInTable);
                     // Calculate new column widths - ensure no column goes below MIN_NEW_COL_WIDTH
@@ -345,7 +316,7 @@ const StyledTable = _extensiontable.Table.extend({
                     if (dispatch) {
                         // Use the prosemirror-tables function directly to add column
                         // This modifies the transaction but doesn't dispatch it
-                        (0, _tables.addColumnAfter)(state, (modifiedTr)=>{
+                        addColumnAfter(state, (modifiedTr)=>{
                             // Add our colwidth changes to the same transaction
                             modifiedTr.setNodeMarkup(tablePos, null, {
                                 ...table.attrs,
@@ -359,13 +330,13 @@ const StyledTable = _extensiontable.Table.extend({
                 },
             // 3. LỆNH ADDCOLUMNBEFORE
             addColumnBefore: ()=>({ state, dispatch })=>{
-                    const $cell = (0, _tables.selectionCell)(state);
+                    const $cell = selectionCell(state);
                     if (!$cell) return false;
                     const table = $cell.node(-1);
                     const tablePos = $cell.start(-1) - 1;
                     const oldColWidths = table.attrs['colwidths'];
                     // Calculate column index
-                    const map = _tables.TableMap.get(table);
+                    const map = TableMap.get(table);
                     const cellPosInTable = $cell.pos - $cell.start(-1);
                     const colIndex = map.colCount(cellPosInTable);
                     // Calculate new column widths - ensure no column goes below MIN_NEW_COL_WIDTH
@@ -373,7 +344,7 @@ const StyledTable = _extensiontable.Table.extend({
                     // Insert new column width at current column index (before)
                     newColWidths.splice(colIndex, 0, MIN_NEW_COL_WIDTH);
                     if (dispatch) {
-                        (0, _tables.addColumnBefore)(state, (modifiedTr)=>{
+                        addColumnBefore(state, (modifiedTr)=>{
                             modifiedTr.setNodeMarkup(tablePos, null, {
                                 ...table.attrs,
                                 colwidths: newColWidths
@@ -385,13 +356,13 @@ const StyledTable = _extensiontable.Table.extend({
                 },
             // 4. LỆNH DELETECOLUMN
             deleteColumn: ()=>({ state, dispatch })=>{
-                    const $cell = (0, _tables.selectionCell)(state);
+                    const $cell = selectionCell(state);
                     if (!$cell) return false;
                     const table = $cell.node(-1);
                     const tablePos = $cell.start(-1) - 1;
                     const oldColWidths = table.attrs['colwidths'];
                     // Calculate column index
-                    const map = _tables.TableMap.get(table);
+                    const map = TableMap.get(table);
                     const cellPosInTable = $cell.pos - $cell.start(-1);
                     const colIndex = map.colCount(cellPosInTable);
                     // Get width of column being removed
@@ -402,7 +373,7 @@ const StyledTable = _extensiontable.Table.extend({
                     const gainPerCol = removedWidth / remainingWidths.length;
                     const newColWidths = remainingWidths.map((w)=>w + gainPerCol);
                     if (dispatch) {
-                        (0, _tables.deleteColumn)(state, (modifiedTr)=>{
+                        deleteColumn(state, (modifiedTr)=>{
                             modifiedTr.setNodeMarkup(tablePos, null, {
                                 ...table.attrs,
                                 colwidths: newColWidths
@@ -468,11 +439,12 @@ const StyledTable = _extensiontable.Table.extend({
                 return null;
             }
             // Editor is editable → use custom NodeView with handle
-            return (0, _views.createTableNodeView)(props);
+            return createTableNodeView(props);
         };
     }
 });
-const StyledTableKit = _core.Extension.create({
+// Convenience export for consumers who want the full set
+export const StyledTableKit = Extension.create({
     name: 'styledTableKit',
     addExtensions () {
         const extensions = [];
@@ -483,7 +455,7 @@ const StyledTableKit = _core.Extension.create({
             }));
         }
         if (this.options.tableRow !== false) {
-            extensions.push(_extensiontable.TableRow.configure(this.options.tableRow));
+            extensions.push(TableRow.configure(this.options.tableRow));
         }
         if (this.options.tableHeader !== false) {
             extensions.push(StyledTableHeader.configure(this.options.tableHeader));
@@ -492,7 +464,7 @@ const StyledTableKit = _core.Extension.create({
             extensions.push(StyledTableCell.configure(this.options.tableCell));
         }
         if (this.options.table?.resizable !== false) {
-            extensions.push(_tableresizingextension.PercentageColumnResizing);
+            extensions.push(PercentageColumnResizing);
         }
         return extensions;
     }

package/src/extensions/text-case.extension.js

@@ -1,16 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TextCase", {
-    enumerable: true,
-    get: function() {
-        return TextCase;
-    }
-});
-const _core = require("@tiptap/core");
-const _state = require("@tiptap/pm/state");
-const TextCase = _core.Extension.create({
+import { Extension } from '@tiptap/core';
+import { TextSelection } from '@tiptap/pm/state';
+export const TextCase = Extension.create({
     name: 'textCase',
     addOptions () {
         return {
@@ -41,7 +31,7 @@ const TextCase = _core.Extension.create({
                             break;
                     }
                     tr.replaceWith($from.pos, $to.pos, state.schema.text(newText));
-                    tr.setSelection(_state.TextSelection.create(tr.doc, $from.pos, $from.pos + newText.length));
+                    tr.setSelection(TextSelection.create(tr.doc, $from.pos, $from.pos + newText.length));
                     return true;
                 }
         };

package/src/index.js

@@ -1,24 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./constants"), exports);
-_export_star(require("./extensions"), exports);
-_export_star(require("./models"), exports);
-_export_star(require("./nodes"), exports);
-_export_star(require("./types"), exports);
-_export_star(require("./utils"), exports);
-_export_star(require("./views"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './constants';
+export * from './extensions';
+export * from './models';
+export * from './nodes';
+export * from './types';
+export * from './utils';
+export * from './views';

package/src/models/color.model.js

@@ -1,15 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Color", {
-    enumerable: true,
-    get: function() {
-        return Color;
-    }
-});
-const _utils = require("../utils");
-class Color {
+import { normalizeColor } from '../utils';
+export class Color {
     static from(value, name, type) {
         return new Color(value, name, type);
     }
@@ -25,10 +15,10 @@ class Color {
         return this.value === color.value;
     }
     is(color) {
-        return this.value === (0, _utils.normalizeColor)(color);
+        return this.value === normalizeColor(color);
     }
     constructor(value, name, type){
-        const normalizedColor = (0, _utils.normalizeColor)(value);
+        const normalizedColor = normalizeColor(value);
         if (!normalizedColor) {
             throw new Error('Invalid or unsupported color.');
         }

package/src/models/index.js

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./color.model"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './color.model';

package/src/nodes/dynamic-field.node.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DynamicField", {
-    enumerable: true,
-    get: function() {
-        return DynamicField;
-    }
-});
-const _core = require("@tiptap/core");
-const DynamicField = _core.Node.create({
+import { Node, mergeAttributes } from '@tiptap/core';
+/**
+ * Dynamic Field Node Extension
+ *
+ * This extension creates atomic, non-editable inline nodes that represent
+ * dynamic fields (e.g., {{customer_name}}) in document templates.
+ * These fields can be programmatically replaced with actual data later.
+ */ export const DynamicField = Node.create({
     name: 'dynamicField',
     /**
    * Node group configuration
@@ -65,7 +61,7 @@ const DynamicField = _core.Node.create({
         const { fieldId, label } = node.attrs;
         return [
             'span',
-            (0, _core.mergeAttributes)(HTMLAttributes, {
+            mergeAttributes(HTMLAttributes, {
                 class: 'dynamic-field',
                 'data-field-id': fieldId,
                 'data-label': label

package/src/nodes/heading.node.js

@@ -1,16 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NotumHeading", {
-    enumerable: true,
-    get: function() {
-        return NotumHeading;
-    }
-});
-const _extensionheading = require("@tiptap/extension-heading");
-require("@tiptap/extension-paragraph");
-const NotumHeading = _extensionheading.Heading.extend({
+import { Heading } from '@tiptap/extension-heading';
+import '@tiptap/extension-paragraph';
+export const NotumHeading = Heading.extend({
     addCommands () {
         return {
             ...this.parent?.(),

package/src/nodes/index.js

@@ -1,20 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./heading.node"), exports);
-_export_star(require("./dynamic-field.node"), exports);
-_export_star(require("./page-break.node"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './heading.node';
+export * from './dynamic-field.node';
+export * from './page-break.node';

package/src/nodes/page-break.node.js

@@ -1,15 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PageBreak", {
-    enumerable: true,
-    get: function() {
-        return PageBreak;
-    }
-});
-const _core = require("@tiptap/core");
-const PageBreak = _core.Node.create({
+import { Node, mergeAttributes } from '@tiptap/core';
+export const PageBreak = Node.create({
     name: 'pageBreak',
     group: 'block',
     atom: true,
@@ -24,7 +14,7 @@ const PageBreak = _core.Node.create({
     renderHTML ({ HTMLAttributes }) {
         return [
             'div',
-            (0, _core.mergeAttributes)(HTMLAttributes, {
+            mergeAttributes(HTMLAttributes, {
                 'data-page-break': 'true',
                 class: 'document-engine-page-break',
                 style: 'break-before: page;'

package/src/types/index.js

@@ -1,19 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./ordered-list.type"), exports);
-_export_star(require("./text-case.type"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './ordered-list.type';
+export * from './text-case.type';

package/src/types/ordered-list.type.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };

package/src/types/text-case.type.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };

package/src/utils/color.util.js

@@ -10,17 +10,7 @@
  * normalizeColor('rgb(255, 0, 0)') // '#ff0000'
  * normalizeColor('#F00') // '#f00'
  * normalizeColor('invalid') // null
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "normalizeColor", {
-    enumerable: true,
-    get: function() {
-        return normalizeColor;
-    }
-});
-function normalizeColor(color) {
+ */ export function normalizeColor(color) {
     if (!color) return null;
     const trimmed = color.trim().toLowerCase();
     if (trimmed === 'transparent') return trimmed;

package/src/utils/dom.util.js

@@ -1,14 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getClosestDomElement", {
-    enumerable: true,
-    get: function() {
-        return getClosestDomElement;
-    }
-});
-function getClosestDomElement(editor, selector) {
+export function getClosestDomElement(editor, selector) {
     const { view, state } = editor;
     const { selection } = state;
     const { from } = selection;

package/src/utils/index.js

@@ -1,21 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./color.util"), exports);
-_export_star(require("./dom.util"), exports);
-_export_star(require("./table.util"), exports);
-_export_star(require("./text.util"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './color.util';
+export * from './dom.util';
+export * from './table.util';
+export * from './text.util';

package/src/utils/table.util.js

@@ -1,38 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    getCombinedCellAttributeValue: function() {
-        return getCombinedCellAttributeValue;
-    },
-    getCursorCellInfo: function() {
-        return getCursorCellInfo;
-    },
-    getSelectedCells: function() {
-        return getSelectedCells;
-    },
-    getTableDOMFromView: function() {
-        return getTableDOMFromView;
-    }
-});
-const _tables = require("@tiptap/pm/tables");
-const _lodashes = require("lodash-es");
-function getCursorCellInfo(state) {
+import { CellSelection, findTable, selectionCell, TableMap } from '@tiptap/pm/tables';
+import { isEqual } from 'lodash-es';
+export function getCursorCellInfo(state) {
     // 1. Dùng selectionCell để tìm vị trí bắt đầu của ô chứa con trỏ
-    const cellInfo = (0, _tables.selectionCell)(state);
+    const cellInfo = selectionCell(state);
     // Nếu không tìm thấy (con trỏ không nằm trong ô nào), trả về null
     if (!cellInfo) return null;
     // cellInfo.$pos là một ResolvedPos trỏ tới vị trí bắt đầu của ô
-    const table = (0, _tables.findTable)(cellInfo);
+    const table = findTable(cellInfo);
     if (!table) return null;
-    const map = _tables.TableMap.get(table.node);
+    const map = TableMap.get(table.node);
     // 2. Lấy vị trí tương đối của ô so với bảng
     const cellOffset = cellInfo.pos - table.start;
     // 3. Tìm chỉ số (index) của ô này trong "bản đồ" của bảng
@@ -52,11 +28,11 @@ function getCursorCellInfo(state) {
         map
     };
 }
-function getSelectedCells(state) {
+export function getSelectedCells(state) {
     const { selection } = state;
     const cells = [];
     // Trường hợp chọn nhiều ô
-    if (selection instanceof _tables.CellSelection) {
+    if (selection instanceof CellSelection) {
         selection.forEachCell((node, pos)=>cells.push({
                 pos,
                 node
@@ -77,18 +53,29 @@ function getSelectedCells(state) {
     }
     return cells;
 }
-function getCombinedCellAttributeValue(cells, attributeName, fallbackValue) {
+/**
+ * Quyết định giá trị thuộc tính cuối cùng từ một danh sách các cell đã chọn.
+ * @param cells Danh sách các cell được chọn.
+ * @param attributeName Tên của thuộc tính cần lấy (ví dụ: 'backgroundColor').
+ * @returns Giá trị chung, hoặc MIXED_VALUE nếu các giá trị không đồng nhất.
+ */ export function getCombinedCellAttributeValue(cells, attributeName, fallbackValue) {
     // Không có cell nào được chọn
     if (cells.length === 0) return fallbackValue;
     const firstValue = cells[0].node.attrs[attributeName];
     for(let i = 1; i < cells.length; i++){
         const currentValue = cells[i].node.attrs[attributeName];
         // Dùng isEqual để so sánh object (quan trọng cho thuộc tính 'border')
-        if (!(0, _lodashes.isEqual)(currentValue, firstValue)) return undefined;
+        if (!isEqual(currentValue, firstValue)) return undefined;
     }
     return firstValue;
 }
-function getTableDOMFromView(view, tablePos) {
+/**
+ * Get the actual table DOM element from a node position
+ * Handles both direct table elements and NodeView wrappers
+ * Uses :scope selector to avoid selecting nested tables
+ *
+ * @export For use in other table-related extensions
+ */ export function getTableDOMFromView(view, tablePos) {
     const nodeDOMEl = view.nodeDOM(tablePos);
     if (!nodeDOMEl) return null;
     // Case 1: nodeDOMEl is the table itself

package/src/utils/text.util.js

@@ -1,34 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    getActiveMarkRange: function() {
-        return getActiveMarkRange;
-    },
-    getSelectedText: function() {
-        return getSelectedText;
-    }
-});
-const _state = require("@tiptap/pm/state");
-function getSelectedText(editor) {
+import { TextSelection } from '@tiptap/pm/state';
+export function getSelectedText(editor) {
     const { state } = editor;
     const { selection } = state;
     // 1. Kiểm tra nếu selection rỗng (chỉ là con trỏ) hoặc không phải là TextSelection
-    if (selection.empty || !(selection instanceof _state.TextSelection)) {
+    if (selection.empty || !(selection instanceof TextSelection)) {
         return null;
     }
     // 2. Lấy text giữa điểm đầu và điểm cuối của selection
     const { from, to } = selection;
     return state.doc.textBetween(from, to, ' '); // Trả về text
 }
-function getActiveMarkRange(editor, markName) {
+/**
+ * Tìm instance và range (from, to) của một mark cụ thể tại vị trí con trỏ.
+ * @param editor The Tiptap editor instance.
+ * @param markName Tên của mark cần tìm (vd: 'link').
+ * @returns Object chứa from, to, và mark instance nếu tìm thấy, ngược lại trả về null.
+ */ export function getActiveMarkRange(editor, markName) {
     const { state } = editor;
     const { $from } = state.selection;
     const { doc } = state;

package/src/views/block-handler.js

@@ -1,27 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    HandleNodeView: function() {
-        return HandleNodeView;
-    },
-    TableNodeView: function() {
-        return TableNodeView;
-    },
-    createTableNodeView: function() {
-        return createTableNodeView;
-    }
-});
-const _model = require("@tiptap/pm/model");
-const _state = require("@tiptap/pm/state");
-class HandleNodeView {
+import { DOMSerializer } from '@tiptap/pm/model';
+import { NodeSelection, TextSelection } from '@tiptap/pm/state';
+export class HandleNodeView {
     setupDragHandling(view, getPos, node) {
         const handleDragStart = (event)=>{
             const pos = getPos();
@@ -31,7 +10,7 @@ class HandleNodeView {
             event.dataTransfer.effectAllowed = 'move';
             // ProseMirror expects this format
             const slice = view.state.doc.slice(pos, pos + node.nodeSize);
-            const serializer = _model.DOMSerializer.fromSchema(view.state.schema);
+            const serializer = DOMSerializer.fromSchema(view.state.schema);
             const dom = document.createElement('div');
             dom.appendChild(serializer.serializeFragment(slice.content));
             event.dataTransfer.setDragImage(this.dom, 0, 0);
@@ -72,7 +51,7 @@ class HandleNodeView {
                 event.preventDefault();
                 event.stopPropagation();
                 const pos = getPos() ?? 0;
-                const tr = view.state.tr.setSelection(_state.NodeSelection.create(view.state.doc, pos));
+                const tr = view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos));
                 view.dispatch(tr);
             }
             isDragging = false;
@@ -117,7 +96,7 @@ class HandleNodeView {
             const mappedInsertPos = tr.mapping.map(insertPos, -1);
             const selectionPos = mappedInsertPos + 1;
             // Di chuyển con trỏ vào node mới
-            view.dispatch(tr.setSelection(_state.TextSelection.create(tr.doc, selectionPos)));
+            view.dispatch(tr.setSelection(TextSelection.create(tr.doc, selectionPos)));
             view.focus();
         };
         // Button Before event handlers
@@ -220,7 +199,7 @@ class HandleNodeView {
     // this.setupDragHandling(view, getPos, node);
     }
 }
-class TableNodeView extends HandleNodeView {
+export class TableNodeView extends HandleNodeView {
     createContentElement() {
         // Create table element
         const table = document.createElement('table');
@@ -305,6 +284,7 @@ class TableNodeView extends HandleNodeView {
         }
     }
 }
-const createTableNodeView = (props)=>{
+// Factory function for Tiptap NodeView
+export const createTableNodeView = (props)=>{
     return new TableNodeView(props.node, props.view, props.getPos);
 };

package/src/views/index.js

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./block-handler"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+export * from './block-handler';