diff --git a/apps/client/src/features/editor/extensions/extensions.ts b/apps/client/src/features/editor/extensions/extensions.ts index 932fffa..6f05998 100644 --- a/apps/client/src/features/editor/extensions/extensions.ts +++ b/apps/client/src/features/editor/extensions/extensions.ts @@ -4,13 +4,14 @@ import { TextAlign } from "@tiptap/extension-text-align"; import { TaskList } from "@tiptap/extension-task-list"; import { TaskItem } from "@tiptap/extension-task-item"; import { Underline } from "@tiptap/extension-underline"; -import { Link } from "@tiptap/extension-link"; import { Superscript } from "@tiptap/extension-superscript"; import SubScript from "@tiptap/extension-subscript"; import { Highlight } from "@tiptap/extension-highlight"; import { Typography } from "@tiptap/extension-typography"; import { TextStyle } from "@tiptap/extension-text-style"; import { Color } from "@tiptap/extension-color"; +import Table from "@tiptap/extension-table"; +import TableHeader from "@tiptap/extension-table-header"; import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight"; import SlashCommand from "@/features/editor/extensions/slash-command"; import { Collaboration } from "@tiptap/extension-collaboration"; @@ -23,8 +24,6 @@ import { DetailsSummary, MathBlock, MathInline, - Table, - TableHeader, TableCell, TableRow, TrailingNode, @@ -97,10 +96,16 @@ export const mainExtensions = [ class: "comment-mark", }, }), - Table, + + Table.configure({ + resizable: true, + lastColumnResizable: false, + allowTableNodeSelection: true, + }), TableRow, TableCell, TableHeader, + MathInline.configure({ view: MathInlineView, }), diff --git a/apps/server/src/collaboration/collaboration.util.ts b/apps/server/src/collaboration/collaboration.util.ts index e942f9f..f41ee19 100644 --- a/apps/server/src/collaboration/collaboration.util.ts +++ b/apps/server/src/collaboration/collaboration.util.ts @@ -10,6 +10,8 @@ import { Typography } from '@tiptap/extension-typography'; import { TextStyle } from '@tiptap/extension-text-style'; import { Color } from '@tiptap/extension-color'; import { Youtube } from '@tiptap/extension-youtube'; +import Table from '@tiptap/extension-table'; +import TableHeader from '@tiptap/extension-table-header'; import { Callout, Comment, @@ -19,9 +21,7 @@ import { LinkExtension, MathBlock, MathInline, - Table, TableCell, - TableHeader, TableRow, TiptapImage, TiptapVideo, diff --git a/packages/editor-ext/src/lib/table/header.ts b/packages/editor-ext/src/lib/table/header.ts deleted file mode 100644 index a37c4cb..0000000 --- a/packages/editor-ext/src/lib/table/header.ts +++ /dev/null @@ -1,3 +0,0 @@ -import TiptapTableHeader from "@tiptap/extension-table-header"; - -export const TableHeader = TiptapTableHeader.configure(); diff --git a/packages/editor-ext/src/lib/table/index.ts b/packages/editor-ext/src/lib/table/index.ts index 2917d70..5661ef8 100644 --- a/packages/editor-ext/src/lib/table/index.ts +++ b/packages/editor-ext/src/lib/table/index.ts @@ -1,4 +1,2 @@ -export * from "./table-extension"; -export * from "./header"; export * from "./row"; export * from "./cell"; diff --git a/packages/editor-ext/src/lib/table/table-extension.ts b/packages/editor-ext/src/lib/table/table-extension.ts deleted file mode 100644 index 217952b..0000000 --- a/packages/editor-ext/src/lib/table/table-extension.ts +++ /dev/null @@ -1,7 +0,0 @@ -import TiptapTable from "@tiptap/extension-table"; - -export const Table = TiptapTable.configure({ - resizable: true, - lastColumnResizable: false, - allowTableNodeSelection: true, -}); diff --git a/packages/editor-ext/src/lib/utils.ts b/packages/editor-ext/src/lib/utils.ts index b457b11..68ec5d4 100644 --- a/packages/editor-ext/src/lib/utils.ts +++ b/packages/editor-ext/src/lib/utils.ts @@ -3,7 +3,7 @@ import { Editor, findParentNode, isTextSelection } from "@tiptap/core"; import { Selection, Transaction } from "@tiptap/pm/state"; import { CellSelection, TableMap } from "@tiptap/pm/tables"; import { Node, ResolvedPos } from "@tiptap/pm/model"; -import { Table } from "./table/table-extension"; +import Table from "@tiptap/extension-table"; export const isRectSelected = (rect: any) => (selection: CellSelection) => { const map = TableMap.get(selection.$anchorCell.node(-1));