@kopexa/tiptap 1.0.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/tiptap",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "our tiptap components",
   "keywords": [
     "tiptap"
@@ -28,46 +28,52 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "2.0.0"
+    "@kopexa/theme": "2.1.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react": "^0.27.16",
-    "react-intl": "^7.1.11",
-    "@tiptap/core": "^3.5.1",
-    "@tiptap/extension-collaboration": "^3.5.1",
-    "@tiptap/extension-highlight": "^3.5.1",
-    "@tiptap/extension-link": "^3.5.1",
-    "@tiptap/extension-subscript": "^3.5.1",
-    "@tiptap/extension-superscript": "^3.5.1",
-    "@tiptap/extension-table": "^3.5.1",
-    "@tiptap/extension-task-item": "^3.5.1",
-    "@tiptap/extension-task-list": "^3.5.1",
-    "@tiptap/extension-text-align": "^3.5.1",
-    "@tiptap/extension-typography": "^3.5.1",
-    "@tiptap/extension-unique-id": "^3.5.1",
-    "@tiptap/extensions": "^3.5.1",
-    "@tiptap/pm": "^3.5.1",
-    "@tiptap/react": "^3.5.1",
-    "@tiptap/starter-kit": "^3.5.1",
-    "@tiptap/suggestion": "^3.5.1",
+    "@tiptap/core": "^3.6.1",
+    "@tiptap/extension-collaboration": "^3.6.1",
+    "@tiptap/extension-highlight": "^3.6.1",
+    "@tiptap/extension-invisible-characters": "^3.6.1",
+    "@tiptap/extension-link": "^3.6.1",
+    "@tiptap/extension-list": "^3.6.1",
+    "@tiptap/extension-subscript": "^3.6.1",
+    "@tiptap/extension-superscript": "^3.6.1",
+    "@tiptap/extension-table-of-contents": "^3.6.1",
+    "@tiptap/extension-task-item": "^3.6.1",
+    "@tiptap/extension-task-list": "^3.6.1",
+    "@tiptap/extension-text-align": "^3.6.1",
+    "@tiptap/extension-text-style": "^3.6.1",
+    "@tiptap/extension-typography": "^3.6.1",
+    "@tiptap/extension-unique-id": "^3.6.1",
+    "@tiptap/extensions": "^3.6.1",
+    "@tiptap/pm": "3.6.1",
+    "@tiptap/react": "^3.6.1",
+    "@tiptap/starter-kit": "^3.6.1",
+    "@tiptap/suggestion": "^3.6.1",
     "jsx-dom-cjs": "^8.1.6",
     "markdown-it": "^14.1.0",
     "react-hotkeys-hook": "^5.1.0",
-    "@kopexa/button": "9.0.0",
-    "@kopexa/chip": "4.0.0",
-    "@kopexa/dropdown-menu": "4.0.0",
-    "@kopexa/extension-controlref": "1.0.0",
-    "@kopexa/icons": "11.0.0",
-    "@kopexa/input": "4.0.0",
-    "@kopexa/popover": "11.0.0",
+    "react-intl": "^7.1.11",
+    "@kopexa/button": "10.0.0",
+    "@kopexa/chip": "5.0.0",
+    "@kopexa/dropdown-menu": "5.0.0",
+    "@kopexa/editor-utils": "1.0.0",
+    "@kopexa/extension-controlref": "2.0.0",
+    "@kopexa/extension-table": "1.0.0",
+    "@kopexa/icons": "12.0.0",
+    "@kopexa/input": "5.0.0",
+    "@kopexa/popover": "12.0.0",
     "@kopexa/react-utils": "3.0.0",
-    "@kopexa/separator": "3.0.0",
+    "@kopexa/separator": "4.0.0",
     "@kopexa/shared-utils": "2.0.0",
-    "@kopexa/tabs": "3.0.0",
+    "@kopexa/tabs": "4.0.0",
+    "@kopexa/toolbar": "2.0.0",
     "@kopexa/use-composed-ref": "1.0.0",
     "@kopexa/use-is-mobile": "1.0.0",
-    "@kopexa/toolbar": "1.0.0"
+    "@kopexa/extension-code": "1.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",

package/dist/chunk-4HTILXJM.mjs

@@ -1,104 +0,0 @@
-"use client";
-import {
-  TrailingNode
-} from "./chunk-H6LC4LDQ.mjs";
-import {
-  UiState
-} from "./chunk-KR42JAVB.mjs";
-import {
-  safeParseContent
-} from "./chunk-7LHOYNVF.mjs";
-import {
-  Link
-} from "./chunk-CUT6PA4X.mjs";
-import {
-  Selection
-} from "./chunk-U5XAL46P.mjs";
-import {
-  TableKit
-} from "./chunk-BXPGSCTT.mjs";
-
-// src/hooks/use-create-editor.ts
-import { ControlKit } from "@kopexa/extension-controlref";
-import { Highlight } from "@tiptap/extension-highlight";
-import { Subscript } from "@tiptap/extension-subscript";
-import { Superscript } from "@tiptap/extension-superscript";
-import { TaskItem } from "@tiptap/extension-task-item";
-import { TaskList } from "@tiptap/extension-task-list";
-import { TextAlign } from "@tiptap/extension-text-align";
-import { Typography } from "@tiptap/extension-typography";
-import { UniqueID } from "@tiptap/extension-unique-id";
-import { Placeholder } from "@tiptap/extensions";
-import {
-  useEditor
-} from "@tiptap/react";
-import { StarterKit } from "@tiptap/starter-kit";
-var useCreateEditor = ({
-  content,
-  editable = true,
-  placeholder = "Write, type '/' for commands\u2026",
-  onChange,
-  ...options
-}) => {
-  const editor = useEditor({
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        "aria-label": "Main content area, start typing to enter text."
-      }
-    },
-    immediatelyRender: false,
-    shouldRerenderOnTransaction: false,
-    extensions: [
-      StarterKit.configure({
-        trailingNode: false,
-        // we use our custom trailing node extension
-        link: false
-        // we use our custom link extension
-      }),
-      TextAlign.configure({ types: ["heading", "paragraph"] }),
-      TaskList,
-      TaskItem.configure({ nested: true }),
-      Highlight.configure({ multicolor: true }),
-      Typography,
-      Superscript,
-      Subscript,
-      Selection,
-      TrailingNode,
-      Link.configure({ openOnClick: !editable }),
-      // disable link click when editing
-      UniqueID.configure({
-        types: [
-          "paragraph",
-          "bulletList",
-          "orderedList",
-          "taskList",
-          "heading",
-          "blockquote",
-          "codeBlock"
-        ]
-        //	filterTransaction: (transaction) => !isChangeOrigin(transaction),
-      }),
-      UiState,
-      TableKit,
-      Placeholder.configure({
-        placeholder,
-        emptyNodeClass: "is-empty with-slash"
-      }),
-      ControlKit
-    ],
-    editable,
-    onUpdate: ({ editor: editor2 }) => {
-      onChange == null ? void 0 : onChange(editor2.getJSON());
-    },
-    content: safeParseContent(content),
-    ...options
-  });
-  return editor;
-};
-
-export {
-  useCreateEditor
-};

package/dist/chunk-4IIGLBTD.mjs

@@ -1,81 +0,0 @@
-"use client";
-
-// src/extensions/table/table-header.ts
-import { TableHeader as TiptapTableHeader } from "@tiptap/extension-table";
-var TableHeader = TiptapTableHeader.extend({
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1
-      },
-      rowspan: {
-        default: 1
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? [Number.parseInt(colwidth, 10)] : null;
-          return value;
-        }
-      },
-      background: {
-        default: "none"
-      },
-      style: {
-        default: null
-      }
-    };
-  }
-  // addProseMirrorPlugins() {
-  // 	return [
-  // 		new Plugin({
-  // 			props: {
-  // 				decorations: (state) => {
-  // 					const { isEditable } = this.editor;
-  // 					if (!isEditable) {
-  // 						return DecorationSet.empty;
-  // 					}
-  // 					const { doc, selection } = state;
-  // 					const decorations: Decoration[] = [];
-  // 					const cells = getCellsInRow(0)(selection);
-  // 					if (cells) {
-  // 						cells.forEach(({ pos }, index) => {
-  // 							decorations.push(
-  // 								Decoration.widget(pos + 1, () => {
-  // 									const colSelected = isColumnSelected(index)(selection);
-  // 									let className = "grip-column";
-  // 									if (colSelected) {
-  // 										className += " selected";
-  // 									}
-  // 									if (index === 0) {
-  // 										className += " first";
-  // 									}
-  // 									if (index === cells.length - 1) {
-  // 										className += " last";
-  // 									}
-  // 									const grip = document.createElement("a");
-  // 									grip.className = className;
-  // 									grip.addEventListener("mousedown", (event) => {
-  // 										event.preventDefault();
-  // 										event.stopImmediatePropagation();
-  // 										this.editor.view.dispatch(
-  // 											selectColumn(index)(this.editor.state.tr),
-  // 										);
-  // 									});
-  // 									return grip;
-  // 								}),
-  // 							);
-  // 						});
-  // 					}
-  // 					return DecorationSet.create(doc, decorations);
-  // 				},
-  // 			},
-  // 		}),
-  // 	];
-  // },
-});
-
-export {
-  TableHeader
-};

package/dist/chunk-574UV65T.mjs

@@ -1,111 +0,0 @@
-"use client";
-import {
-  __publicField
-} from "./chunk-WKV76XOR.mjs";
-
-// src/extensions/table/table/table-controls.ts
-import { findParentNode } from "@tiptap/core";
-import {
-  Plugin,
-  PluginKey,
-  TextSelection
-} from "@tiptap/pm/state";
-import { Decoration, DecorationSet } from "@tiptap/pm/view";
-var key = new PluginKey("tableControls");
-function tableControls() {
-  return new Plugin({
-    key,
-    state: {
-      init() {
-        return new TableControlsState();
-      },
-      apply(tr, prev) {
-        return prev.apply(tr);
-      }
-    },
-    props: {
-      handleDOMEvents: {
-        mousemove: (view, event) => {
-          var _a;
-          const pluginState = key.getState(view.state);
-          if (!event.target.closest(".table-wrapper") && pluginState.values.hoveredTable) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: null,
-                setHoveredCell: null
-              })
-            );
-          }
-          const pos = view.posAtCoords({
-            left: event.clientX,
-            top: event.clientY
-          });
-          if (!pos || pos.pos < 0 || pos.pos > view.state.doc.content.size)
-            return;
-          const table = findParentNode((node) => node.type.name === "table")(
-            TextSelection.create(view.state.doc, pos.pos)
-          );
-          const cell = findParentNode(
-            (node) => node.type.name === "tableCell" || node.type.name === "tableHeader"
-          )(TextSelection.create(view.state.doc, pos.pos));
-          if (!table || !cell) return;
-          if (((_a = pluginState.values.hoveredCell) == null ? void 0 : _a.pos) !== cell.pos) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: table,
-                setHoveredCell: cell
-              })
-            );
-          }
-        }
-      },
-      decorations: (state) => {
-        const pluginState = key.getState(state);
-        if (!pluginState) {
-          return null;
-        }
-        const { hoveredTable, hoveredCell } = pluginState.values;
-        const docSize = state.doc.content.size;
-        if (hoveredTable && hoveredCell && hoveredTable.pos < docSize && hoveredCell.pos < docSize) {
-          const decorations = [
-            Decoration.node(
-              hoveredTable.pos,
-              hoveredTable.pos + hoveredTable.node.nodeSize,
-              {},
-              {
-                hoveredTable,
-                hoveredCell
-              }
-            )
-          ];
-          return DecorationSet.create(state.doc, decorations);
-        }
-        return null;
-      }
-    }
-  });
-}
-var TableControlsState = class {
-  constructor(props = {}) {
-    __publicField(this, "values");
-    this.values = {
-      hoveredTable: null,
-      hoveredCell: null,
-      ...props
-    };
-  }
-  apply(tr) {
-    const actions = tr.getMeta(key);
-    if ((actions == null ? void 0 : actions.setHoveredTable) !== void 0) {
-      this.values.hoveredTable = actions.setHoveredTable;
-    }
-    if ((actions == null ? void 0 : actions.setHoveredCell) !== void 0) {
-      this.values.hoveredCell = actions.setHoveredCell;
-    }
-    return this;
-  }
-};
-
-export {
-  tableControls
-};

package/dist/chunk-7HC7D256.mjs

@@ -1,91 +0,0 @@
-"use client";
-import {
-  tableControls
-} from "./chunk-574UV65T.mjs";
-import {
-  TableView
-} from "./chunk-AC22DSDA.mjs";
-import {
-  insertLineAboveTableAction
-} from "./chunk-TVFWG7IC.mjs";
-import {
-  insertLineBelowTableAction
-} from "./chunk-T6P7CS4F.mjs";
-
-// src/extensions/table/table/table.ts
-import { Table as TiptapTable } from "@tiptap/extension-table";
-import { columnResizing, tableEditing } from "@tiptap/pm/tables";
-var Table = TiptapTable.extend({
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      HTMLAttributes: {},
-      resizable: true,
-      handleWidth: 5,
-      cellMinWidth: 100,
-      lastColumnResizable: true,
-      allowTableNodeSelection: true
-    };
-  },
-  addKeyboardShortcuts() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      Tab: () => {
-        if (this.editor.isActive("table")) {
-          if (this.editor.isActive("listItem") || this.editor.isActive("taskItem")) {
-            return false;
-          }
-          if (this.editor.commands.goToNextCell()) {
-            return true;
-          }
-          if (!this.editor.can().addRowAfter()) {
-            return false;
-          }
-          return this.editor.chain().addRowAfter().goToNextCell().run();
-        }
-        return false;
-      },
-      ArrowDown: insertLineBelowTableAction,
-      ArrowUp: insertLineAboveTableAction
-    };
-  },
-  addNodeView() {
-    return ({ editor, getPos, node, decorations }) => {
-      const { cellMinWidth } = this.options;
-      return new TableView(
-        node,
-        cellMinWidth,
-        // biome-ignore lint/suspicious/noExplicitAny: prosemirror
-        decorations,
-        editor,
-        getPos
-      );
-    };
-  },
-  addProseMirrorPlugins() {
-    const isResizable = this.options.resizable && this.editor.isEditable;
-    const plugins = [
-      tableEditing({
-        allowTableNodeSelection: this.options.allowTableNodeSelection
-      }),
-      tableControls()
-    ];
-    if (isResizable) {
-      plugins.unshift(
-        columnResizing({
-          handleWidth: this.options.handleWidth,
-          cellMinWidth: this.options.cellMinWidth,
-          // View: TableView,
-          lastColumnResizable: this.options.lastColumnResizable
-        })
-      );
-    }
-    return plugins;
-  }
-});
-
-export {
-  Table
-};