@phuong-tran-redoc/document-engine-core 0.0.36 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phuong-tran-redoc/document-engine-core",
-  "version": "0.0.36",
+  "version": "0.0.41",
   "type": "module",
   "license": "MIT",
   "author": "Duc Phuong (Jack) <tdp99.business@gmail.com>",

package/src/__tests__/helpers/editor-factory.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from '@tiptap/core';
+import type { Extensions } from '@tiptap/core';
+/**
+ * Create a test editor instance with minimal required extensions
+ * @param extensions Additional extensions to include
+ * @param content Initial content (HTML string or JSON)
+ * @returns Editor instance
+ */
+export declare function createTestEditor(extensions?: Extensions, content?: string | Record<string, unknown>): Editor;
+/**
+ * Destroy editor and cleanup
+ */
+export declare function destroyEditor(editor: Editor): void;

package/src/__tests__/helpers/editor-factory.js

@@ -0,0 +1,25 @@
+import { Editor } from '@tiptap/core';
+import { Document } from '@tiptap/extension-document';
+import { Paragraph } from '@tiptap/extension-paragraph';
+import { Text } from '@tiptap/extension-text';
+/**
+ * Create a test editor instance with minimal required extensions
+ * @param extensions Additional extensions to include
+ * @param content Initial content (HTML string or JSON)
+ * @returns Editor instance
+ */ export function createTestEditor(extensions = [], content = '') {
+    return new Editor({
+        extensions: [
+            Document,
+            Paragraph,
+            Text,
+            ...extensions
+        ],
+        content
+    });
+}
+/**
+ * Destroy editor and cleanup
+ */ export function destroyEditor(editor) {
+    editor.destroy();
+}

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

@@ -12,7 +12,16 @@ export const CustomOrderedList = OrderedList.extend({
             ...this.parent?.(),
             'data-list-style-type': {
                 default: this.options.listStyleType,
-                parseHTML: (element)=>element.getAttribute('data-list-style-type') || this.options.listStyleType,
+                parseHTML: (element)=>{
+                    // Priority 1: Parse from data-list-style-type attribute (our format)
+                    const dataAttr = element.getAttribute('data-list-style-type');
+                    if (dataAttr) return dataAttr;
+                    // Priority 2: Parse from CSS list-style-type property (other editors' format)
+                    const styleAttr = element.style.listStyleType;
+                    if (styleAttr) return styleAttr;
+                    // Default fallback
+                    return this.options.listStyleType;
+                },
                 renderHTML: (attributes)=>{
                     const styleType = attributes['data-list-style-type'];
                     if (!styleType || styleType === 'decimal') return {

package/src/extensions/table-style.extension.d.ts

@@ -1,6 +1,5 @@
 import { Extension, Node } from '@tiptap/core';
 import { TableKitOptions, TableOptions } from '@tiptap/extension-table';
-export declare const MIN_NEW_COL_WIDTH = 5;
 export declare const TableDefaultAttributes: {
     border: {
         style: string;

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

@@ -2,10 +2,10 @@ 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 { MIN_NEW_COL_WIDTH } from '../constants/table.constant';
 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

package/src/types/ordered-list.type.d.ts

@@ -1 +1 @@
-export type ListStyleType = 'decimal' | 'lower-alpha-dot' | 'lower-alpha-parens' | 'lower-roman-parens';
+export type ListStyleType = 'decimal' | 'lower-alpha' | 'upper-alpha' | 'lower-roman' | 'upper-roman' | 'lower-alpha-dot' | 'lower-alpha-parens' | 'lower-roman-parens' | 'decimal-leading-zero' | 'lower-latin' | 'upper-latin';

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

@@ -1 +1,2 @@
+// TODO CKEditor: Add lower-roman, decimal-leading-zero, upper-roman, lower-latin, upper-latin
 export { };

package/src/utils/table.util.js

@@ -2,31 +2,36 @@ import { CellSelection, findTable, selectionCell, TableMap } from '@tiptap/pm/ta
 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 = 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 = findTable(cellInfo);
-    if (!table) return null;
-    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
-    const cellIndex = map.map.indexOf(cellOffset);
-    if (cellIndex === -1) {
+    try {
+        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 = findTable(cellInfo);
+        if (!table) return null;
+        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
+        const cellIndex = map.map.indexOf(cellOffset);
+        if (cellIndex === -1) {
+            return null;
+        }
+        // 4. Từ chỉ số, tính ra rowIndex và colIndex
+        const rowIndex = Math.floor(cellIndex / map.width);
+        const colIndex = cellIndex % map.width;
+        return {
+            rowIndex,
+            colIndex,
+            cellIndex,
+            tableStart: table.start,
+            tableNode: table.node,
+            map
+        };
+    } catch  {
+        // selectionCell throws RangeError when cursor is not in a table
         return null;
     }
-    // 4. Từ chỉ số, tính ra rowIndex và colIndex
-    const rowIndex = Math.floor(cellIndex / map.width);
-    const colIndex = cellIndex % map.width;
-    return {
-        rowIndex,
-        colIndex,
-        cellIndex,
-        tableStart: table.start,
-        tableNode: table.node,
-        map
-    };
 }
 export function getSelectedCells(state) {
     const { selection } = state;