@kopexa/tiptap 17.6.17 → 17.7.0

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

@@ -1,248 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-"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

@@ -1,49 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,78 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-import { Extension } from '@tiptap/react';
-
-declare const Selection: Extension<any, any>;
-
-export { Selection };

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

@@ -1,5 +0,0 @@
-import { Extension } from '@tiptap/react';
-
-declare const Selection: Extension<any, any>;
-
-export { Selection };

package/dist/extensions/selection/index.js

@@ -1,62 +0,0 @@
-"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/selection/index.ts
-var selection_exports = {};
-__export(selection_exports, {
-  Selection: () => Selection
-});
-module.exports = __toCommonJS(selection_exports);
-var import_state = require("@tiptap/pm/state");
-var import_view = require("@tiptap/pm/view");
-var import_react = require("@tiptap/react");
-var Selection = import_react.Extension.create({
-  name: "selection",
-  addProseMirrorPlugins() {
-    const { editor } = this;
-    return [
-      new import_state.Plugin({
-        key: new import_state.PluginKey("selection"),
-        props: {
-          decorations(state) {
-            if (state.selection.empty) {
-              return null;
-            }
-            if (editor.isFocused === true || !editor.isEditable) {
-              return null;
-            }
-            if ((0, import_react.isNodeSelection)(state.selection)) {
-              return null;
-            }
-            return import_view.DecorationSet.create(state.doc, [
-              import_view.Decoration.inline(state.selection.from, state.selection.to, {
-                class: "selection"
-              })
-            ]);
-          }
-        }
-      })
-    ];
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Selection
-});

package/dist/extensions/selection/index.mjs

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

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

@@ -1,53 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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 };