@quadrats/common 1.0.0 → 1.1.0

package/align/constants.d.ts

@@ -1 +1,2 @@
 export declare const ALIGN_TYPE = "align";
+export declare const ALIGNABLE_TYPES: string[];

package/align/constants.js

@@ -1,3 +1,7 @@
+import { HEADING_TYPE } from '@quadrats/common/heading';
+import { PARAGRAPH_TYPE } from '@quadrats/core';
+
 const ALIGN_TYPE = 'align';
+const ALIGNABLE_TYPES = [PARAGRAPH_TYPE, HEADING_TYPE];
 
-export { ALIGN_TYPE };
+export { ALIGNABLE_TYPES, ALIGN_TYPE };

package/align/createAlign.js

@@ -1,8 +1,6 @@
-import { Transforms, Element, PARAGRAPH_TYPE, Editor } from '@quadrats/core';
-import { HEADING_TYPE } from '@quadrats/common/heading';
-import { ALIGN_TYPE } from './constants.js';
+import { Transforms, Element, Editor } from '@quadrats/core';
+import { ALIGN_TYPE, ALIGNABLE_TYPES } from './constants.js';
 
-const ALIGNABLE_TYPES = [PARAGRAPH_TYPE, HEADING_TYPE];
 function createAlign() {
     const type = ALIGN_TYPE;
     return {

package/align/index.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var core = require('@quadrats/core');
 var heading = require('@quadrats/common/heading');
+var core = require('@quadrats/core');
 
 const ALIGN_TYPE = 'align';
-
 const ALIGNABLE_TYPES = [core.PARAGRAPH_TYPE, heading.HEADING_TYPE];
+
 function createAlign() {
     const type = ALIGN_TYPE;
     return {
@@ -41,5 +41,6 @@ function createAlign() {
     };
 }
 
+exports.ALIGNABLE_TYPES = ALIGNABLE_TYPES;
 exports.ALIGN_TYPE = ALIGN_TYPE;
 exports.createAlign = createAlign;

package/align/index.js

@@ -1,2 +1,2 @@
-export { ALIGN_TYPE } from './constants.js';
+export { ALIGNABLE_TYPES, ALIGN_TYPE } from './constants.js';
 export { createAlign } from './createAlign.js';

package/blockquote/createBlockquote.js

@@ -1,5 +1,6 @@
-import { isNodesTypeIn, wrapNodesWithUnhangRange, unwrapNodesByTypes } from '@quadrats/core';
+import { isNodesTypeIn, Editor, wrapNodesWithUnhangRange, unwrapNodesByTypes } from '@quadrats/core';
 import { BLOCKQUOTE_TYPE } from './constants.js';
+import { TABLE_CELL_TYPE } from '@quadrats/common/table';
 
 function createBlockquote({ type = BLOCKQUOTE_TYPE } = {}) {
     const unwrapBlockquote = (editor) => {
@@ -12,21 +13,37 @@ function createBlockquote({ type = BLOCKQUOTE_TYPE } = {}) {
         };
         wrapNodesWithUnhangRange(editor, element, { split: true });
     };
-    const isSelectionInBlockquote = editor => (isNodesTypeIn(editor, [type], { mode: 'highest' }));
+    const isSelectionInBlockquote = (editor) => isNodesTypeIn(editor, [type], { mode: 'highest' });
     return {
         type,
         unwrapBlockquote,
         wrapBlockquote,
         isSelectionInBlockquote,
         toggleBlockquote: (editor) => {
-            const actived = isSelectionInBlockquote(editor);
-            if (editor.selection) {
-                if (actived) {
-                    unwrapBlockquote(editor);
-                }
-                else {
-                    wrapBlockquote(editor);
-                }
+            if (!editor.selection) {
+                return;
+            }
+            // 檢查是否在不合法範圍中，如果是則不執行 toggle
+            try {
+                const invalidEntry = Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => {
+                        const element = n;
+                        return element.type === TABLE_CELL_TYPE;
+                    },
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+            const active = isSelectionInBlockquote(editor);
+            if (active) {
+                unwrapBlockquote(editor);
+            }
+            else {
+                wrapBlockquote(editor);
             }
         },
         with(editor) {

package/blockquote/index.cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var core = require('@quadrats/core');
+var table = require('@quadrats/common/table');
 
 const BLOCKQUOTE_TYPE = 'blockquote';
 
@@ -15,21 +16,37 @@ function createBlockquote({ type = BLOCKQUOTE_TYPE } = {}) {
         };
         core.wrapNodesWithUnhangRange(editor, element, { split: true });
     };
-    const isSelectionInBlockquote = editor => (core.isNodesTypeIn(editor, [type], { mode: 'highest' }));
+    const isSelectionInBlockquote = (editor) => core.isNodesTypeIn(editor, [type], { mode: 'highest' });
     return {
         type,
         unwrapBlockquote,
         wrapBlockquote,
         isSelectionInBlockquote,
         toggleBlockquote: (editor) => {
-            const actived = isSelectionInBlockquote(editor);
-            if (editor.selection) {
-                if (actived) {
-                    unwrapBlockquote(editor);
-                }
-                else {
-                    wrapBlockquote(editor);
-                }
+            if (!editor.selection) {
+                return;
+            }
+            // 檢查是否在不合法範圍中，如果是則不執行 toggle
+            try {
+                const invalidEntry = core.Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => {
+                        const element = n;
+                        return element.type === table.TABLE_CELL_TYPE;
+                    },
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+            const active = isSelectionInBlockquote(editor);
+            if (active) {
+                unwrapBlockquote(editor);
+            }
+            else {
+                wrapBlockquote(editor);
             }
         },
         with(editor) {

package/file-uploader/createFileUploader.js

@@ -1,11 +1,12 @@
 import { __awaiter } from './_virtual/_tslib.js';
 import { readFileAsDataURL } from '@quadrats/utils';
-import { isAboveBlockEmpty, Transforms, createParagraphElement, Element, Editor, HistoryEditor } from '@quadrats/core';
+import { Editor, isAboveBlockEmpty, Transforms, createParagraphElement, Element, HistoryEditor } from '@quadrats/core';
 import { FILE_UPLOADER_TYPE, FILE_UPLOADER_PLACEHOLDER_TYPE } from './constants.js';
 import { getFilesFromInput } from './getFilesFromInput.js';
+import { TABLE_CELL_TYPE } from '@quadrats/common/table';
 
-const createFileUploaderElementByType = type => (editor, file, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
+const createFileUploaderElementByType = (type) => (editor, file, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const { createElement, getBody, getHeaders, getUrl, uploader } = options;
     const [mime] = file.type.split('/');
     const createByMime = createElement[mime];
     if (!createByMime) {
@@ -54,16 +55,32 @@ const createFileUploaderElementByType = type => (editor, file, options) => __awa
     return fileUploaderElement;
 });
 function insertFileUploaderElement(editor, fileUploaderElement) {
-    var _a, _b, _c;
+    var _a, _b;
     if (fileUploaderElement) {
+        // 驗證當前 selection 是否仍然有效
+        if (!editor.selection) {
+            return;
+        }
+        try {
+            // 嘗試取得當前選取位置的節點，確保路徑仍然有效
+            const node = Editor.node(editor, editor.selection);
+            if (!node) {
+                return;
+            }
+        }
+        catch (error) {
+            // 如果路徑無效（例如 placeholder 已被移除），靜默失敗
+            console.warn('Cannot insert file uploader element: invalid selection path', error);
+            return;
+        }
         // Clear empty node
         if (isAboveBlockEmpty(editor)) {
             Transforms.removeNodes(editor, {
-                at: (_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor,
+                at: editor.selection.anchor,
             });
         }
         Transforms.insertNodes(editor, [fileUploaderElement, createParagraphElement()], {
-            at: ((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.anchor.path.length) ? [((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.path[0]) + 1] : undefined,
+            at: ((_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor.path.length) ? [((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.anchor.path[0]) + 1] : undefined,
         });
         Transforms.move(editor);
     }
@@ -73,10 +90,24 @@ function createFileUploader(options = {}) {
     const createFileUploaderElement = createFileUploaderElementByType(type);
     const removeUploaderPlaceholder = (editor) => {
         Transforms.removeNodes(editor, {
-            match: node => Element.isElement(node) && node.type === FILE_UPLOADER_PLACEHOLDER_TYPE,
+            match: (node) => Element.isElement(node) && node.type === FILE_UPLOADER_PLACEHOLDER_TYPE,
         });
     };
     const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
+        // 檢查是否在不允許的元件之中，如果是則不執行上傳
+        if (editor.selection) {
+            try {
+                const invalidEntry = Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => Element.isElement(n) && n.type === TABLE_CELL_TYPE,
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+        }
         const { accept, multiple } = options;
         const files = yield getFilesFromInput({ accept, multiple });
         if (!files) {
@@ -92,6 +123,20 @@ function createFileUploader(options = {}) {
         }), Promise.resolve());
     });
     const insertUploaderPlaceholder = (editor) => {
+        // 檢查是否在不允許的元件之中，如果是則不插入 placeholder
+        if (editor.selection) {
+            try {
+                const invalidEntry = Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => Element.isElement(n) && n.type === TABLE_CELL_TYPE,
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+        }
         const uploaderPlaceholderElement = {
             type: FILE_UPLOADER_PLACEHOLDER_TYPE,
             children: [{ text: '' }],

package/file-uploader/index.cjs.js

@@ -2,6 +2,7 @@
 
 var utils = require('@quadrats/utils');
 var core = require('@quadrats/core');
+var table = require('@quadrats/common/table');
 
 const FILE_UPLOADER_TYPE = 'file_uploader';
 const FILE_UPLOADER_PLACEHOLDER_TYPE = 'file_uploader_placeholder';
@@ -67,8 +68,8 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const createFileUploaderElementByType = type => (editor, file, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
+const createFileUploaderElementByType = (type) => (editor, file, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const { createElement, getBody, getHeaders, getUrl, uploader } = options;
     const [mime] = file.type.split('/');
     const createByMime = createElement[mime];
     if (!createByMime) {
@@ -117,16 +118,32 @@ const createFileUploaderElementByType = type => (editor, file, options) => __awa
     return fileUploaderElement;
 });
 function insertFileUploaderElement(editor, fileUploaderElement) {
-    var _a, _b, _c;
+    var _a, _b;
     if (fileUploaderElement) {
+        // 驗證當前 selection 是否仍然有效
+        if (!editor.selection) {
+            return;
+        }
+        try {
+            // 嘗試取得當前選取位置的節點，確保路徑仍然有效
+            const node = core.Editor.node(editor, editor.selection);
+            if (!node) {
+                return;
+            }
+        }
+        catch (error) {
+            // 如果路徑無效（例如 placeholder 已被移除），靜默失敗
+            console.warn('Cannot insert file uploader element: invalid selection path', error);
+            return;
+        }
         // Clear empty node
         if (core.isAboveBlockEmpty(editor)) {
             core.Transforms.removeNodes(editor, {
-                at: (_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor,
+                at: editor.selection.anchor,
             });
         }
         core.Transforms.insertNodes(editor, [fileUploaderElement, core.createParagraphElement()], {
-            at: ((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.anchor.path.length) ? [((_c = editor.selection) === null || _c === void 0 ? void 0 : _c.anchor.path[0]) + 1] : undefined,
+            at: ((_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor.path.length) ? [((_b = editor.selection) === null || _b === void 0 ? void 0 : _b.anchor.path[0]) + 1] : undefined,
         });
         core.Transforms.move(editor);
     }
@@ -136,10 +153,24 @@ function createFileUploader(options = {}) {
     const createFileUploaderElement = createFileUploaderElementByType(type);
     const removeUploaderPlaceholder = (editor) => {
         core.Transforms.removeNodes(editor, {
-            match: node => core.Element.isElement(node) && node.type === FILE_UPLOADER_PLACEHOLDER_TYPE,
+            match: (node) => core.Element.isElement(node) && node.type === FILE_UPLOADER_PLACEHOLDER_TYPE,
         });
     };
     const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
+        // 檢查是否在不允許的元件之中，如果是則不執行上傳
+        if (editor.selection) {
+            try {
+                const invalidEntry = core.Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => core.Element.isElement(n) && n.type === table.TABLE_CELL_TYPE,
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+        }
         const { accept, multiple } = options;
         const files = yield getFilesFromInput({ accept, multiple });
         if (!files) {
@@ -155,6 +186,20 @@ function createFileUploader(options = {}) {
         }), Promise.resolve());
     });
     const insertUploaderPlaceholder = (editor) => {
+        // 檢查是否在不允許的元件之中，如果是則不插入 placeholder
+        if (editor.selection) {
+            try {
+                const invalidEntry = core.Editor.above(editor, {
+                    at: editor.selection,
+                    match: (n) => core.Element.isElement(n) && n.type === table.TABLE_CELL_TYPE,
+                });
+                if (invalidEntry)
+                    return;
+            }
+            catch (error) {
+                return;
+            }
+        }
         const uploaderPlaceholderElement = {
             type: FILE_UPLOADER_PLACEHOLDER_TYPE,
             children: [{ text: '' }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/common",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -18,7 +18,7 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/core": "^1.0.0",
+    "@quadrats/core": "^1.1.0",
     "@quadrats/locales": "^1.0.0",
     "@quadrats/utils": "^1.0.0"
   }

package/table/constants.d.ts

@@ -0,0 +1,14 @@
+import { TableTypes } from './typings';
+export declare const TABLE_TYPE = "table";
+export declare const TABLE_TITLE_TYPE = "table_title";
+export declare const TABLE_MAIN_TYPE = "table_main";
+export declare const TABLE_HEADER_TYPE = "table_header";
+export declare const TABLE_BODY_TYPE = "table_body";
+export declare const TABLE_ROW_TYPE = "table_row";
+export declare const TABLE_CELL_TYPE = "table_cell";
+export declare const TABLE_TYPES: TableTypes;
+export declare const TABLE_DEFAULT_MAX_COLUMNS = 6;
+export declare const TABLE_DEFAULT_MAX_ROWS = -1;
+export declare const MAX_PINNED_COLUMNS_WIDTH_PERCENTAGE = 40;
+export declare const MIN_COLUMN_WIDTH_PIXEL = 60;
+export declare const MIN_COLUMN_WIDTH_PERCENTAGE = 5;

package/table/constants.js

@@ -0,0 +1,25 @@
+const TABLE_TYPE = 'table';
+const TABLE_TITLE_TYPE = 'table_title';
+const TABLE_MAIN_TYPE = 'table_main';
+const TABLE_HEADER_TYPE = 'table_header';
+const TABLE_BODY_TYPE = 'table_body';
+const TABLE_ROW_TYPE = 'table_row';
+const TABLE_CELL_TYPE = 'table_cell';
+const TABLE_TYPES = {
+    table: TABLE_TYPE,
+    table_title: TABLE_TITLE_TYPE,
+    table_main: TABLE_MAIN_TYPE,
+    table_header: TABLE_HEADER_TYPE,
+    table_body: TABLE_BODY_TYPE,
+    table_row: TABLE_ROW_TYPE,
+    table_cell: TABLE_CELL_TYPE,
+};
+// Table limits
+const TABLE_DEFAULT_MAX_COLUMNS = 6;
+const TABLE_DEFAULT_MAX_ROWS = -1;
+// 釘選欄位的最大總寬度百分比
+const MAX_PINNED_COLUMNS_WIDTH_PERCENTAGE = 40;
+const MIN_COLUMN_WIDTH_PIXEL = 60;
+const MIN_COLUMN_WIDTH_PERCENTAGE = 5;
+
+export { MAX_PINNED_COLUMNS_WIDTH_PERCENTAGE, MIN_COLUMN_WIDTH_PERCENTAGE, MIN_COLUMN_WIDTH_PIXEL, TABLE_BODY_TYPE, TABLE_CELL_TYPE, TABLE_DEFAULT_MAX_COLUMNS, TABLE_DEFAULT_MAX_ROWS, TABLE_HEADER_TYPE, TABLE_MAIN_TYPE, TABLE_ROW_TYPE, TABLE_TITLE_TYPE, TABLE_TYPE, TABLE_TYPES };

package/table/createTable.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@quadrats/core';
+import { Table, TableTypes } from './typings';
+export interface CreateTableOptions {
+    types?: Partial<TableTypes>;
+}
+export declare function createTable(options?: CreateTableOptions): Table<Editor>;