@kopexa/tiptap 17.0.17 → 17.2.0

package/dist/extensions/math/math-block-view.js

@@ -0,0 +1,248 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extensions/math/math-block-view.tsx
+var math_block_view_exports = {};
+__export(math_block_view_exports, {
+  MathBlockView: () => MathBlockView,
+  default: () => math_block_view_default
+});
+module.exports = __toCommonJS(math_block_view_exports);
+var import_button = require("@kopexa/button");
+var import_dialog = require("@kopexa/dialog");
+var import_icons = require("@kopexa/icons");
+var import_label = require("@kopexa/label");
+var import_react = require("@tiptap/react");
+var import_katex = __toESM(require("katex"));
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_react2 = require("react");
+var import_react_intl2 = require("react-intl");
+
+// src/extensions/math/messages.ts
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  title: {
+    id: "editor.math.title",
+    defaultMessage: "Formula",
+    description: "Math block title"
+  },
+  edit: {
+    id: "editor.math.edit",
+    defaultMessage: "Edit",
+    description: "Edit button label"
+  },
+  preview: {
+    id: "editor.math.preview",
+    defaultMessage: "Preview",
+    description: "Preview section label"
+  },
+  latex_input: {
+    id: "editor.math.latex_input",
+    defaultMessage: "LaTeX",
+    description: "LaTeX input label"
+  },
+  latex_placeholder: {
+    id: "editor.math.latex_placeholder",
+    defaultMessage: "Enter LaTeX formula...",
+    description: "LaTeX input placeholder"
+  },
+  invalid_latex: {
+    id: "editor.math.invalid_latex",
+    defaultMessage: "Invalid LaTeX syntax",
+    description: "Error message for invalid LaTeX"
+  },
+  empty_formula: {
+    id: "editor.math.empty_formula",
+    defaultMessage: "Click to add formula",
+    description: "Placeholder for empty formula"
+  },
+  save: {
+    id: "editor.math.save",
+    defaultMessage: "Save",
+    description: "Save button label"
+  },
+  cancel: {
+    id: "editor.math.cancel",
+    defaultMessage: "Cancel",
+    description: "Cancel button label"
+  }
+});
+
+// src/extensions/math/math-block-view.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function MathBlockView({ editor, node, getPos }) {
+  const intl = (0, import_react_intl2.useIntl)();
+  const attrs = node.attrs;
+  const { latex = "" } = attrs;
+  const isEditable = (0, import_react.useEditorState)({
+    editor,
+    selector: ({ editor: e }) => {
+      var _a;
+      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
+    }
+  });
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [localLatex, setLocalLatex] = (0, import_react2.useState)(latex);
+  const [error, setError] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (isOpen) {
+      setLocalLatex(latex);
+      setError(null);
+    }
+  }, [isOpen, latex]);
+  const renderedHtml = (0, import_react2.useMemo)(() => {
+    if (!latex) return null;
+    try {
+      return import_katex.default.renderToString(latex, {
+        throwOnError: false,
+        displayMode: true,
+        output: "html"
+      });
+    } catch {
+      return null;
+    }
+  }, [latex]);
+  const previewHtml = (0, import_react2.useMemo)(() => {
+    if (!localLatex) return null;
+    try {
+      setError(null);
+      return import_katex.default.renderToString(localLatex, {
+        throwOnError: true,
+        displayMode: true,
+        output: "html"
+      });
+    } catch (_e) {
+      setError(intl.formatMessage(messages.invalid_latex));
+      return null;
+    }
+  }, [localLatex, intl]);
+  const handleSave = (0, import_react2.useCallback)(() => {
+    const pos = getPos();
+    if (pos === void 0) return;
+    editor.view.dispatch(
+      editor.state.tr.setNodeMarkup(pos, void 0, { latex: localLatex })
+    );
+    setIsOpen(false);
+  }, [editor, localLatex, getPos]);
+  const handleCancel = (0, import_react2.useCallback)(() => {
+    setLocalLatex(latex);
+    setError(null);
+    setIsOpen(false);
+  }, [latex]);
+  const handleOpenEditor = (0, import_react2.useCallback)(
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (isEditable) {
+        setIsOpen(true);
+      }
+    },
+    [isEditable]
+  );
+  const isEmpty = !latex;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react.NodeViewWrapper,
+    {
+      className: "my-4 relative group",
+      "data-type": "math-block",
+      "data-latex": latex,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "w-full flex items-center justify-center min-h-16 p-4 rounded-md border border-border bg-muted/30 cursor-pointer hover:bg-muted/50 transition-colors",
+            onClick: handleOpenEditor,
+            children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-lg font-serif", children: "\u2211" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm", children: intl.formatMessage(messages.empty_formula) })
+            ] }) : renderedHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: "katex-display",
+                dangerouslySetInnerHTML: { __html: renderedHtml }
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-destructive text-sm", children: intl.formatMessage(messages.invalid_latex) })
+          }
+        ),
+        isEditable && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.IconButton,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
+            "aria-label": intl.formatMessage(messages.edit),
+            onClick: handleOpenEditor,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditIcon, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Content, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { children: intl.formatMessage(messages.title) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.latex_input) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "textarea",
+                {
+                  className: "w-full min-h-24 p-3 rounded-md border border-input bg-background font-mono text-sm resize-y focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  value: localLatex,
+                  onChange: (e) => setLocalLatex(e.target.value),
+                  placeholder: intl.formatMessage(messages.latex_placeholder),
+                  spellCheck: false
+                }
+              ),
+              error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: error })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.preview) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-16 p-4 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: "katex-display",
+                  dangerouslySetInnerHTML: { __html: previewHtml }
+                }
+              ) : localLatex ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.invalid_latex) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.latex_placeholder) }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Footer, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages.save) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+var math_block_view_default = MathBlockView;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MathBlockView
+});

package/dist/extensions/math/math-block-view.mjs

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import {
+  MathBlockView,
+  math_block_view_default
+} from "../../chunk-UVHVCION.mjs";
+import "../../chunk-FRJX2F4T.mjs";
+export {
+  MathBlockView,
+  math_block_view_default as default
+};

package/dist/extensions/math/messages.d.mts

@@ -0,0 +1,49 @@
+declare const messages: {
+    title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    preview: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    latex_input: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    latex_placeholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    invalid_latex: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    empty_formula: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+
+export { messages };

package/dist/extensions/math/messages.d.ts

@@ -0,0 +1,49 @@
+declare const messages: {
+    title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    preview: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    latex_input: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    latex_placeholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    invalid_latex: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    empty_formula: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+
+export { messages };

package/dist/extensions/math/messages.js

@@ -0,0 +1,78 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extensions/math/messages.ts
+var messages_exports = {};
+__export(messages_exports, {
+  messages: () => messages
+});
+module.exports = __toCommonJS(messages_exports);
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  title: {
+    id: "editor.math.title",
+    defaultMessage: "Formula",
+    description: "Math block title"
+  },
+  edit: {
+    id: "editor.math.edit",
+    defaultMessage: "Edit",
+    description: "Edit button label"
+  },
+  preview: {
+    id: "editor.math.preview",
+    defaultMessage: "Preview",
+    description: "Preview section label"
+  },
+  latex_input: {
+    id: "editor.math.latex_input",
+    defaultMessage: "LaTeX",
+    description: "LaTeX input label"
+  },
+  latex_placeholder: {
+    id: "editor.math.latex_placeholder",
+    defaultMessage: "Enter LaTeX formula...",
+    description: "LaTeX input placeholder"
+  },
+  invalid_latex: {
+    id: "editor.math.invalid_latex",
+    defaultMessage: "Invalid LaTeX syntax",
+    description: "Error message for invalid LaTeX"
+  },
+  empty_formula: {
+    id: "editor.math.empty_formula",
+    defaultMessage: "Click to add formula",
+    description: "Placeholder for empty formula"
+  },
+  save: {
+    id: "editor.math.save",
+    defaultMessage: "Save",
+    description: "Save button label"
+  },
+  cancel: {
+    id: "editor.math.cancel",
+    defaultMessage: "Cancel",
+    description: "Cancel button label"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messages
+});

package/dist/extensions/math/messages.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  messages
+} from "../../chunk-FRJX2F4T.mjs";
+export {
+  messages
+};

package/dist/extensions/toc/index.d.mts

@@ -0,0 +1,53 @@
+import { Node } from '@tiptap/core';
+
+interface TocNodeAttrs {
+    /**
+     * Minimum heading level to include (1-6)
+     * @default 1
+     */
+    minLevel: number;
+    /**
+     * Maximum heading level to include (1-6)
+     * @default 6
+     */
+    maxLevel: number;
+    /**
+     * Show hierarchical numbering (1, 1.1, 1.1.1)
+     * @default false
+     */
+    numbered: boolean;
+    /**
+     * Visual style variant
+     * @default "default"
+     */
+    style: "default" | "flat" | "compact";
+}
+interface TocOptions {
+    /**
+     * Custom HTML attributes for the ToC wrapper element.
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        tableOfContentsNode: {
+            /**
+             * Insert a table of contents node
+             */
+            insertTableOfContents: () => ReturnType;
+            /**
+             * Update table of contents settings
+             */
+            updateTocSettings: (attrs: Partial<TocNodeAttrs>) => ReturnType;
+        };
+    }
+}
+/**
+ * Table of Contents Node Extension
+ *
+ * Inserts an inline table of contents that automatically updates
+ * based on headings in the document.
+ */
+declare const TocNode: Node<TocOptions, any>;
+
+export { type TocNodeAttrs as TocAttrs, TocNode, type TocNodeAttrs, type TocOptions, TocNode as default };

package/dist/extensions/toc/index.d.ts

@@ -0,0 +1,53 @@
+import { Node } from '@tiptap/core';
+
+interface TocNodeAttrs {
+    /**
+     * Minimum heading level to include (1-6)
+     * @default 1
+     */
+    minLevel: number;
+    /**
+     * Maximum heading level to include (1-6)
+     * @default 6
+     */
+    maxLevel: number;
+    /**
+     * Show hierarchical numbering (1, 1.1, 1.1.1)
+     * @default false
+     */
+    numbered: boolean;
+    /**
+     * Visual style variant
+     * @default "default"
+     */
+    style: "default" | "flat" | "compact";
+}
+interface TocOptions {
+    /**
+     * Custom HTML attributes for the ToC wrapper element.
+     */
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        tableOfContentsNode: {
+            /**
+             * Insert a table of contents node
+             */
+            insertTableOfContents: () => ReturnType;
+            /**
+             * Update table of contents settings
+             */
+            updateTocSettings: (attrs: Partial<TocNodeAttrs>) => ReturnType;
+        };
+    }
+}
+/**
+ * Table of Contents Node Extension
+ *
+ * Inserts an inline table of contents that automatically updates
+ * based on headings in the document.
+ */
+declare const TocNode: Node<TocOptions, any>;
+
+export { type TocNodeAttrs as TocAttrs, TocNode, type TocNodeAttrs, type TocOptions, TocNode as default };