@kopexa/tiptap 17.6.18 → 17.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/tiptap",
-  "version": "17.6.18",
+  "version": "17.7.2",
   "description": "our tiptap components",
   "keywords": [
     "tiptap"
@@ -28,62 +28,67 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.22.6"
+    "@kopexa/theme": "17.22.9"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
-    "@floating-ui/react": "^0.27.16",
-    "@tiptap/core": "^3.17.1",
-    "@tiptap/extension-collaboration": "^3.17.0",
-    "@tiptap/extension-file-handler": "^3.17.0",
-    "@tiptap/extension-highlight": "^3.17.0",
-    "@tiptap/extension-image": "^3.17.0",
-    "@tiptap/extension-invisible-characters": "^3.17.1",
-    "@tiptap/extension-link": "^3.17.1",
-    "@tiptap/extension-list": "^3.17.1",
-    "@tiptap/extension-mathematics": "^3.17.0",
-    "@tiptap/extension-subscript": "^3.17.1",
-    "@tiptap/extension-superscript": "^3.17.0",
-    "@tiptap/extension-table-of-contents": "^3.17.0",
-    "@tiptap/extension-task-item": "^3.17.0",
-    "@tiptap/extension-task-list": "^3.17.0",
-    "@tiptap/extension-text-align": "^3.17.1",
-    "@tiptap/extension-text-style": "^3.17.1",
-    "@tiptap/extension-typography": "^3.17.0",
-    "@tiptap/extension-unique-id": "^3.17.1",
-    "@tiptap/extensions": "^3.17.1",
-    "@tiptap/pm": "^3.17.0",
-    "@tiptap/react": "^3.17.0",
-    "@tiptap/starter-kit": "^3.17.0",
-    "@tiptap/suggestion": "^3.17.0",
+    "@floating-ui/react": "^0.27.18",
+    "@tiptap/core": "^3.20.0",
+    "@hocuspocus/provider": "^2.15.0",
+    "@tiptap/extension-collaboration": "^3.20.0",
+    "@tiptap/extension-collaboration-caret": "^3.20.0",
+    "@tiptap/extension-file-handler": "^3.20.0",
+    "@tiptap/extension-highlight": "^3.20.0",
+    "@tiptap/extension-image": "^3.20.0",
+    "@tiptap/extension-invisible-characters": "^3.20.0",
+    "@tiptap/extension-link": "^3.20.0",
+    "@tiptap/extension-list": "^3.20.0",
+    "@tiptap/extension-mathematics": "^3.20.0",
+    "@tiptap/extension-subscript": "^3.20.0",
+    "@tiptap/extension-superscript": "^3.20.0",
+    "@tiptap/extension-table-of-contents": "^3.20.0",
+    "@tiptap/extension-task-item": "^3.20.0",
+    "@tiptap/extension-task-list": "^3.20.0",
+    "@tiptap/extension-text-align": "^3.20.0",
+    "@tiptap/extension-text-style": "^3.20.0",
+    "@tiptap/extension-typography": "^3.20.0",
+    "@tiptap/extension-unique-id": "^3.20.0",
+    "@tiptap/extensions": "^3.20.0",
+    "@tiptap/pm": "^3.20.0",
+    "@tiptap/react": "^3.20.0",
+    "@tiptap/starter-kit": "^3.20.0",
+    "@tiptap/suggestion": "^3.20.0",
     "dompurify": "^3.3.1",
-    "katex": "^0.16.28",
+    "katex": "^0.16.33",
     "jsx-dom-cjs": "^8.1.6",
     "markdown-it": "^14.1.0",
-    "react-hotkeys-hook": "^5.2.3",
+    "react-hotkeys-hook": "^5.2.4",
     "react-intl": "^7.1.14",
-    "@kopexa/button": "17.0.45",
-    "@kopexa/dialog": "17.2.10",
-    "@kopexa/callout": "17.0.45",
-    "@kopexa/dropdown-menu": "17.0.45",
-    "@kopexa/editor-utils": "17.0.45",
-    "@kopexa/chip": "17.1.42",
-    "@kopexa/extension-code": "17.0.45",
-    "@kopexa/extension-table": "17.0.45",
-    "@kopexa/extension-controlref": "17.1.27",
-    "@kopexa/icons": "17.7.10",
-    "@kopexa/input": "17.0.45",
-    "@kopexa/select": "17.2.10",
-    "@kopexa/popover": "17.2.10",
-    "@kopexa/switch": "17.2.10",
-    "@kopexa/react-utils": "17.0.45",
-    "@kopexa/separator": "17.0.45",
-    "@kopexa/label": "17.0.45",
-    "@kopexa/tabs": "17.0.45",
-    "@kopexa/shared-utils": "17.0.45",
-    "@kopexa/toolbar": "17.2.10",
-    "@kopexa/use-composed-ref": "17.0.45",
-    "@kopexa/use-is-mobile": "17.0.45"
+    "y-indexeddb": "^9.0.12",
+    "yjs": "^13.6.0",
+    "@kopexa/callout": "17.0.48",
+    "@kopexa/chip": "17.1.45",
+    "@kopexa/dialog": "17.2.13",
+    "@kopexa/dropdown-menu": "17.0.48",
+    "@kopexa/editor-utils": "17.0.48",
+    "@kopexa/extension-pages": "17.0.45",
+    "@kopexa/extension-code": "17.0.48",
+    "@kopexa/input": "17.0.48",
+    "@kopexa/extension-table": "17.1.0",
+    "@kopexa/extension-controlref": "17.1.30",
+    "@kopexa/icons": "17.7.13",
+    "@kopexa/button": "17.0.48",
+    "@kopexa/popover": "17.2.13",
+    "@kopexa/label": "17.0.48",
+    "@kopexa/select": "17.2.13",
+    "@kopexa/switch": "17.2.13",
+    "@kopexa/shared-utils": "17.0.48",
+    "@kopexa/react-utils": "17.0.48",
+    "@kopexa/tabs": "17.0.48",
+    "@kopexa/separator": "17.0.48",
+    "@kopexa/toolbar": "17.2.13",
+    "@kopexa/use-composed-ref": "17.0.48",
+    "@kopexa/use-is-mobile": "17.0.48"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",
@@ -97,8 +102,8 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src --dts",
-    "build:fast": "tsup src",
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup src/index.ts --dts",
+    "build:fast": "tsup src/index.ts",
     "dev": "pnpm build:fast --watch",
     "clean": "rimraf dist .turbo",
     "typecheck": "tsc --noEmit"

package/dist/chunk-2SI7MRAE.mjs

@@ -1,64 +0,0 @@
-"use client";
-import {
-  useUndoRedo
-} from "./chunk-ZVTJ6XD7.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/undo-redo-button/undo-redo-button.tsx
-import { ToolbarButton } from "@kopexa/toolbar";
-import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-var UndoRedoButton = ({
-  editor: providedEditor,
-  action,
-  text,
-  hideWhenUnavailable = false,
-  onExecuted,
-  showShortcut = false,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const { isVisible, handleAction, label, canExecute, Icon, shortcutKeys } = useUndoRedo({
-    editor,
-    action,
-    hideWhenUnavailable,
-    onExecuted
-  });
-  const handleClick = useCallback(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleAction();
-    },
-    [handleAction, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      disabled: !canExecute,
-      "data-disabled": !canExecute,
-      tabIndex: -1,
-      "aria-label": label,
-      title: label,
-      shortcutKeys,
-      onClick: handleClick,
-      isIconOnly: true,
-      ...buttonProps,
-      children: /* @__PURE__ */ jsx(Icon, {})
-    }
-  );
-};
-
-export {
-  UndoRedoButton
-};

package/dist/chunk-2U5CQUZH.mjs

@@ -1,91 +0,0 @@
-"use client";
-import {
-  MathBlockView
-} from "./chunk-UVHVCION.mjs";
-
-// src/extensions/math/index.ts
-import { InputRule, mergeAttributes, Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var MathBlock = Node.create({
-  name: "mathBlock",
-  group: "block",
-  atom: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      latex: {
-        default: "",
-        parseHTML: (element) => element.getAttribute("data-latex") || "",
-        renderHTML: (attributes) => ({
-          "data-latex": attributes.latex
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="math-block"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "math-block"
-      })
-    ];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(MathBlockView);
-  },
-  addCommands() {
-    return {
-      insertMathBlock: (latex = "") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { latex }
-        });
-      },
-      updateMathBlock: (latex) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            latex
-          });
-        }
-        return true;
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      // Block math with $$...$$
-      new InputRule({
-        find: /^\$\$(.+)\$\$$/,
-        handler: ({ state, range, match }) => {
-          const latex = match[1];
-          const { tr } = state;
-          tr.replaceWith(range.from, range.to, this.type.create({ latex }));
-        }
-      })
-    ];
-  }
-});
-var math_default = MathBlock;
-
-export {
-  MathBlock,
-  math_default
-};

package/dist/chunk-2UDCL55K.mjs

@@ -1,55 +0,0 @@
-"use client";
-import {
-  MarkButton
-} from "./chunk-LNVWG34E.mjs";
-import {
-  LinkPopover
-} from "./chunk-7VGROP26.mjs";
-
-// src/ui/bubble-menu/index.tsx
-import { Toolbar, ToolbarGroup, ToolbarSeparator } from "@kopexa/toolbar";
-import { BubbleMenu as TiptapBubbleMenu } from "@tiptap/react/menus";
-import { jsx, jsxs } from "react/jsx-runtime";
-function BubbleMenu({ editor }) {
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    TiptapBubbleMenu,
-    {
-      editor,
-      shouldShow: ({ editor: e, state, view }) => {
-        const { selection } = state;
-        const { empty } = selection;
-        if (!view.hasFocus()) return false;
-        if (empty) return false;
-        if (e.isActive("codeBlock")) return false;
-        if (e.isActive("link")) return false;
-        if (e.isActive("variable")) return false;
-        if (!e.isEditable) return false;
-        return true;
-      },
-      options: {
-        placement: "top",
-        offset: 8
-      },
-      className: "rounded-lg border bg-background shadow-md",
-      children: /* @__PURE__ */ jsxs(Toolbar, { radius: "md", border: "none", className: "p-1", children: [
-        /* @__PURE__ */ jsxs(ToolbarGroup, { children: [
-          /* @__PURE__ */ jsx(MarkButton, { type: "bold" }),
-          /* @__PURE__ */ jsx(MarkButton, { type: "italic" }),
-          /* @__PURE__ */ jsx(MarkButton, { type: "strike" }),
-          /* @__PURE__ */ jsx(MarkButton, { type: "code" })
-        ] }),
-        /* @__PURE__ */ jsx(ToolbarSeparator, {}),
-        /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(LinkPopover, { autoOpenOnLinkActive: false }) })
-      ] })
-    }
-  );
-}
-var bubble_menu_default = BubbleMenu;
-
-export {
-  BubbleMenu,
-  bubble_menu_default
-};

package/dist/chunk-2V6VOAPI.mjs

@@ -1,139 +0,0 @@
-"use client";
-import {
-  TocSettings
-} from "./chunk-4CDZ547I.mjs";
-import {
-  messages
-} from "./chunk-TAM3VMJT.mjs";
-
-// src/extensions/toc/toc-view.tsx
-import { ListIcon } from "@kopexa/icons";
-import { toc } from "@kopexa/theme";
-import { NodeViewWrapper } from "@tiptap/react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useIntl } from "react-intl";
-import { jsx, jsxs } from "react/jsx-runtime";
-function generateHeadingNumbers(headings, minLevel) {
-  const counters = [0, 0, 0, 0, 0, 0];
-  return headings.map((heading) => {
-    const levelIndex = heading.level - 1;
-    counters[levelIndex]++;
-    for (let i = levelIndex + 1; i < 6; i++) {
-      counters[i] = 0;
-    }
-    const numberParts = [];
-    for (let i = minLevel - 1; i <= levelIndex; i++) {
-      if (counters[i] > 0) {
-        numberParts.push(counters[i]);
-      }
-    }
-    return {
-      ...heading,
-      number: numberParts.join(".")
-    };
-  });
-}
-function TocNodeView({ editor, node, getPos }) {
-  const [headings, setHeadings] = useState([]);
-  const intl = useIntl();
-  const attrs = node.attrs;
-  const {
-    minLevel = 1,
-    maxLevel = 6,
-    numbered = false,
-    style = "default"
-  } = attrs;
-  const styles = useMemo(() => toc({ style }), [style]);
-  const updateHeadings = useCallback(() => {
-    const items = [];
-    const { doc } = editor.state;
-    doc.descendants((docNode, pos) => {
-      if (docNode.type.name === "heading") {
-        const level = docNode.attrs.level;
-        if (level >= minLevel && level <= maxLevel) {
-          const id = docNode.attrs.id || `heading-${pos}`;
-          items.push({
-            id,
-            level,
-            text: docNode.textContent,
-            pos
-          });
-        }
-      }
-    });
-    const numberedHeadings = generateHeadingNumbers(items, minLevel);
-    setHeadings(numberedHeadings);
-  }, [editor, minLevel, maxLevel]);
-  useEffect(() => {
-    updateHeadings();
-    editor.on("update", updateHeadings);
-    return () => {
-      editor.off("update", updateHeadings);
-    };
-  }, [editor, updateHeadings]);
-  const handleClick = useCallback(
-    (pos, id) => {
-      var _a;
-      editor.chain().focus().setTextSelection(pos).run();
-      let element = document.querySelector(`[data-id="${id}"]`);
-      if (!element) {
-        const { view } = editor;
-        const coords = view.coordsAtPos(pos);
-        const domNode = document.elementFromPoint(coords.left, coords.top);
-        element = (_a = domNode == null ? void 0 : domNode.closest("h1, h2, h3, h4, h5, h6")) != null ? _a : null;
-      }
-      if (element) {
-        element.scrollIntoView({ behavior: "smooth", block: "start" });
-      }
-    },
-    [editor]
-  );
-  const isEmpty = headings.length === 0;
-  const getIndent = (level) => {
-    return (level - minLevel) * 16;
-  };
-  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: styles.root(), "data-type": "toc", children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.header(), children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.headerContent(), children: [
-        /* @__PURE__ */ jsx(ListIcon, { className: styles.headerIcon() }),
-        /* @__PURE__ */ jsx("span", { className: styles.headerTitle(), children: intl.formatMessage(messages.title) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: styles.headerActions(), children: /* @__PURE__ */ jsx(
-        TocSettings,
-        {
-          editor,
-          attrs,
-          getPos
-        }
-      ) })
-    ] }),
-    isEmpty ? /* @__PURE__ */ jsx("p", { className: styles.emptyState(), children: intl.formatMessage(messages.empty_state) }) : /* @__PURE__ */ jsx("nav", { className: styles.nav(), children: /* @__PURE__ */ jsx("ul", { className: styles.list(), children: headings.map((heading) => /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles.item(),
-        style: {
-          paddingLeft: `${getIndent(heading.level)}px`
-        },
-        children: [
-          numbered && heading.number && /* @__PURE__ */ jsx("span", { className: styles.itemNumber(), children: heading.number }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleClick(heading.pos, heading.id),
-              className: styles.itemButton(),
-              children: heading.text || intl.formatMessage(messages.empty_heading)
-            }
-          )
-        ]
-      },
-      heading.id
-    )) }) })
-  ] });
-}
-var toc_view_default = TocNodeView;
-
-export {
-  TocNodeView,
-  toc_view_default
-};

package/dist/chunk-2Z2QVW67.mjs

@@ -1 +0,0 @@
-"use client";

package/dist/chunk-32SUXCAQ.mjs

@@ -1,115 +0,0 @@
-"use client";
-import {
-  CalloutNodeView
-} from "./chunk-VF3G2URZ.mjs";
-
-// src/extensions/callout/index.ts
-import { mergeAttributes, Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var CalloutNode = Node.create({
-  name: "calloutNode",
-  group: "block",
-  content: "block+",
-  defining: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      variant: {
-        default: "info",
-        parseHTML: (element) => element.getAttribute("data-variant") || "info",
-        renderHTML: (attributes) => ({
-          "data-variant": attributes.variant
-        })
-      },
-      title: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-title") || null,
-        renderHTML: (attributes) => {
-          if (!attributes.title) return {};
-          return {
-            "data-title": attributes.title
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="callout"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "callout"
-      }),
-      0
-    ];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(CalloutNodeView);
-  },
-  addCommands() {
-    return {
-      insertCallout: (variant = "info") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { variant },
-          content: [
-            {
-              type: "paragraph"
-            }
-          ]
-        });
-      },
-      updateCalloutSettings: (attrs) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            ...attrs
-          });
-        }
-        return true;
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      // Allow backspace at start to lift content out of callout
-      Backspace: ({ editor }) => {
-        var _a;
-        const { state } = editor;
-        const { selection } = state;
-        const { $from } = selection;
-        if ($from.parent.type.name === "paragraph" && $from.parentOffset === 0) {
-          const calloutNode = $from.node(-1);
-          if ((calloutNode == null ? void 0 : calloutNode.type.name) === this.name) {
-            if (calloutNode.childCount === 1 && ((_a = calloutNode.firstChild) == null ? void 0 : _a.textContent) === "") {
-              return editor.commands.deleteNode(this.name);
-            }
-          }
-        }
-        return false;
-      }
-    };
-  }
-});
-var callout_default = CalloutNode;
-
-export {
-  CalloutNode,
-  callout_default
-};

package/dist/chunk-33QD5PYJ.mjs

@@ -1,63 +0,0 @@
-"use client";
-
-// src/ui/heading-button/utils.ts
-import { isNodeSelection } from "@tiptap/react";
-var headingShortcutKeys = {
-  1: "Ctrl-Alt-1",
-  2: "Ctrl-Alt-2",
-  3: "Ctrl-Alt-3",
-  4: "Ctrl-Alt-4",
-  5: "Ctrl-Alt-5",
-  6: "Ctrl-Alt-6"
-};
-function canToggleHeading(editor, level) {
-  if (!editor) return false;
-  try {
-    return editor.can().toggleNode("heading", "paragraph", { level });
-  } catch {
-    return false;
-  }
-}
-function isHeadingActive(editor, level) {
-  if (!editor) return false;
-  return editor.isActive("heading", { level });
-}
-function toggleHeading(editor, level) {
-  if (!editor) return;
-  if (editor.isActive("heading", { level })) {
-    editor.chain().focus().setNode("paragraph").run();
-  } else {
-    editor.chain().focus().toggleNode("heading", "paragraph", { level }).run();
-  }
-}
-function isHeadingButtonDisabled(editor, level, userDisabled = false) {
-  if (!editor) return true;
-  if (userDisabled) return true;
-  if (!canToggleHeading(editor, level)) return true;
-  return false;
-}
-function shouldShowHeadingButton(params) {
-  const { editor, hideWhenUnavailable, headingInSchema } = params;
-  if (!headingInSchema || !editor) {
-    return false;
-  }
-  if (hideWhenUnavailable) {
-    if (isNodeSelection(editor.state.selection)) {
-      return false;
-    }
-  }
-  return true;
-}
-function getFormattedHeadingName(level) {
-  return `Heading ${level}`;
-}
-
-export {
-  headingShortcutKeys,
-  canToggleHeading,
-  isHeadingActive,
-  toggleHeading,
-  isHeadingButtonDisabled,
-  shouldShowHeadingButton,
-  getFormattedHeadingName
-};