@kopexa/tiptap 17.0.17 → 17.2.0

package/dist/chunk-2U5CQUZH.mjs

@@ -0,0 +1,91 @@
+"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-2V6VOAPI.mjs

@@ -0,0 +1,139 @@
+"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-32SUXCAQ.mjs

@@ -0,0 +1,115 @@
+"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-3VRQUYYW.mjs

@@ -0,0 +1,169 @@
+"use client";
+
+// src/utils/safe-parse.ts
+import DOMPurify from "dompurify";
+import MarkdownIt from "markdown-it";
+var md = new MarkdownIt({
+  html: false,
+  // keep it safe
+  linkify: true,
+  typographer: true
+});
+var DOMPURIFY_CONFIG = {
+  // Allowed tags (safe subset for rich text)
+  ALLOWED_TAGS: [
+    "p",
+    "br",
+    "span",
+    "div",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "s",
+    "strike",
+    "del",
+    "ul",
+    "ol",
+    "li",
+    "blockquote",
+    "pre",
+    "code",
+    "a",
+    "img",
+    "table",
+    "thead",
+    "tbody",
+    "tr",
+    "th",
+    "td",
+    "hr",
+    "sub",
+    "sup",
+    "mark"
+  ],
+  // Allowed attributes
+  ALLOWED_ATTR: [
+    "href",
+    "src",
+    "alt",
+    "title",
+    "class",
+    "id",
+    "target",
+    "rel",
+    "colspan",
+    "rowspan",
+    "width",
+    "height"
+  ],
+  // Allow all data-* attributes (needed for Tiptap extensions like controlBlock)
+  ALLOW_DATA_ATTR: true,
+  // Forbid all event handlers and javascript: URLs
+  FORBID_ATTR: [
+    "onerror",
+    "onload",
+    "onclick",
+    "onmouseover",
+    "onmouseout",
+    "onfocus",
+    "onblur",
+    "onchange",
+    "onsubmit",
+    "onkeydown",
+    "onkeyup",
+    "onkeypress",
+    "ondblclick",
+    "oncontextmenu"
+  ],
+  // Forbid dangerous tags completely
+  FORBID_TAGS: [
+    "script",
+    "style",
+    "iframe",
+    "object",
+    "embed",
+    "form",
+    "input",
+    "button",
+    "textarea",
+    "select"
+  ],
+  // Block javascript: and data: URLs
+  ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i
+};
+function sanitizeHtml(html) {
+  if (typeof window === "undefined") {
+    return html;
+  }
+  return DOMPurify.sanitize(html, DOMPURIFY_CONFIG);
+}
+function toPlainTextDoc(s) {
+  return {
+    type: "doc",
+    content: [
+      {
+        type: "paragraph",
+        content: s ? [{ type: "text", text: s }] : []
+      }
+    ]
+  };
+}
+function safeParseContent(content) {
+  if (!content || content === "") return { type: "doc", content: [] };
+  if (typeof content === "object") {
+    return content;
+  }
+  if (typeof content === "string") {
+    const trimmed = content.trim();
+    if (looksLikeJsonString(trimmed)) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        if (isTiptapDoc(parsed)) return parsed;
+      } catch {
+      }
+    }
+    if (looksLikeHtml(trimmed)) {
+      return sanitizeHtml(trimmed);
+    }
+    const raw = normalizeNewlines(trimmed);
+    try {
+      const html = md.render(raw);
+      return sanitizeHtml(html);
+    } catch {
+    }
+    return toPlainTextDoc(raw);
+  }
+  return { type: "doc", content: [] };
+}
+function looksLikeJsonString(s) {
+  const c = s.trim().charCodeAt(0);
+  return c === 123 || c === 91;
+}
+function looksLikeHtml(s) {
+  const trimmed = s.trim();
+  if (trimmed.charCodeAt(0) !== 60) return false;
+  const secondChar = trimmed.charCodeAt(1);
+  return secondChar >= 65 && secondChar <= 90 || // A-Z
+  secondChar >= 97 && secondChar <= 122 || // a-z
+  secondChar === 33;
+}
+function isTiptapDoc(value) {
+  return Boolean(
+    value && typeof value === "object" && value.type === "doc" && Array.isArray(value.content)
+  );
+}
+function normalizeNewlines(raw) {
+  return raw.replace(/\r\n?/g, "\n").replace(/\\n/g, "\n");
+}
+
+export {
+  safeParseContent
+};

package/dist/chunk-4CDZ547I.mjs

@@ -0,0 +1,185 @@
+"use client";
+import {
+  messages
+} from "./chunk-TAM3VMJT.mjs";
+
+// src/extensions/toc/toc-settings.tsx
+import { Button, IconButton } from "@kopexa/button";
+import { Dialog } from "@kopexa/dialog";
+import { SettingsIcon } from "@kopexa/icons";
+import { Label } from "@kopexa/label";
+import { Select } from "@kopexa/select";
+import { Switch } from "@kopexa/switch";
+import { useCallback, useEffect, useState } from "react";
+import { useIntl } from "react-intl";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var HEADING_LEVELS = [
+  { value: "1", label: "H1" },
+  { value: "2", label: "H2" },
+  { value: "3", label: "H3" },
+  { value: "4", label: "H4" },
+  { value: "5", label: "H5" },
+  { value: "6", label: "H6" }
+];
+function TocSettings({ editor, attrs, getPos }) {
+  const intl = useIntl();
+  const [isOpen, setIsOpen] = useState(false);
+  const [localAttrs, setLocalAttrs] = useState(attrs);
+  useEffect(() => {
+    if (isOpen) {
+      setLocalAttrs(attrs);
+    }
+  }, [isOpen, attrs]);
+  const handleSave = useCallback(() => {
+    const pos = getPos();
+    if (pos === void 0) return;
+    editor.view.dispatch(
+      editor.state.tr.setNodeMarkup(pos, void 0, localAttrs)
+    );
+    setIsOpen(false);
+  }, [editor, localAttrs, getPos]);
+  const handleCancel = useCallback(() => {
+    setLocalAttrs(attrs);
+    setIsOpen(false);
+  }, [attrs]);
+  const handleMinLevelChange = useCallback((value) => {
+    const minLevel = Number.parseInt(String(value), 10);
+    setLocalAttrs((prev) => ({
+      ...prev,
+      minLevel,
+      // Ensure maxLevel is not less than minLevel
+      maxLevel: Math.max(prev.maxLevel, minLevel)
+    }));
+  }, []);
+  const handleMaxLevelChange = useCallback((value) => {
+    const maxLevel = Number.parseInt(String(value), 10);
+    setLocalAttrs((prev) => ({
+      ...prev,
+      maxLevel,
+      // Ensure minLevel is not greater than maxLevel
+      minLevel: Math.min(prev.minLevel, maxLevel)
+    }));
+  }, []);
+  const handleNumberedChange = useCallback((checked) => {
+    setLocalAttrs((prev) => ({ ...prev, numbered: checked }));
+  }, []);
+  const handleStyleChange = useCallback((value) => {
+    setLocalAttrs((prev) => ({
+      ...prev,
+      style: String(value)
+    }));
+  }, []);
+  if (!editor.isEditable) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "sm",
+        variant: "ghost",
+        "aria-label": intl.formatMessage(messages.settings),
+        onClick: (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+          setIsOpen(true);
+        },
+        children: /* @__PURE__ */ jsx(SettingsIcon, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: /* @__PURE__ */ jsx(Dialog.Title, { children: intl.formatMessage(messages.settings) }) }),
+      /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.min_level) }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                size: "sm",
+                value: String(localAttrs.minLevel),
+                onValueChange: handleMinLevelChange,
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ jsx(
+                    Select.Item,
+                    {
+                      value: level.value,
+                      disabled: Number.parseInt(level.value, 10) > localAttrs.maxLevel,
+                      children: level.label
+                    },
+                    level.value
+                  )) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.max_level) }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                size: "sm",
+                value: String(localAttrs.maxLevel),
+                onValueChange: handleMaxLevelChange,
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ jsx(
+                    Select.Item,
+                    {
+                      value: level.value,
+                      disabled: Number.parseInt(level.value, 10) < localAttrs.minLevel,
+                      children: level.label
+                    },
+                    level.value
+                  )) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.numbered) }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages.numbered_hint) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              size: "sm",
+              checked: localAttrs.numbered,
+              onCheckedChange: handleNumberedChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.style) }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              size: "sm",
+              value: localAttrs.style,
+              onValueChange: handleStyleChange,
+              children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                /* @__PURE__ */ jsxs(Select.Content, { children: [
+                  /* @__PURE__ */ jsx(Select.Item, { value: "default", children: intl.formatMessage(messages.style_default) }),
+                  /* @__PURE__ */ jsx(Select.Item, { value: "flat", children: intl.formatMessage(messages.style_flat) }),
+                  /* @__PURE__ */ jsx(Select.Item, { value: "compact", children: intl.formatMessage(messages.style_compact) })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSave, children: intl.formatMessage(messages.save) })
+      ] })
+    ] }) })
+  ] });
+}
+
+export {
+  TocSettings
+};