@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/chunk-3VRQUYYW.mjs

@@ -1,169 +0,0 @@
-"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-42HKGCOO.mjs

@@ -1,129 +0,0 @@
-"use client";
-
-// src/hooks/use-menu-navigation.ts
-import * as React from "react";
-function useMenuNavigation({
-  editor,
-  containerRef,
-  query,
-  items,
-  onSelect,
-  onClose,
-  orientation = "vertical",
-  autoSelectFirstItem = true
-}) {
-  const [selectedIndex, setSelectedIndex] = React.useState(
-    autoSelectFirstItem ? 0 : -1
-  );
-  React.useEffect(() => {
-    const handleKeyboardNavigation = (event) => {
-      if (!items.length) return false;
-      const moveNext = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return 0;
-        return (currentIndex + 1) % items.length;
-      });
-      const movePrev = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return items.length - 1;
-        return (currentIndex - 1 + items.length) % items.length;
-      });
-      switch (event.key) {
-        case "ArrowUp": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowDown": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "ArrowLeft": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowRight": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "Tab": {
-          event.preventDefault();
-          if (event.shiftKey) {
-            movePrev();
-          } else {
-            moveNext();
-          }
-          return true;
-        }
-        case "Home": {
-          event.preventDefault();
-          setSelectedIndex(0);
-          return true;
-        }
-        case "End": {
-          event.preventDefault();
-          setSelectedIndex(items.length - 1);
-          return true;
-        }
-        case "Enter": {
-          if (event.isComposing) return false;
-          event.preventDefault();
-          if (selectedIndex !== -1 && items[selectedIndex]) {
-            onSelect == null ? void 0 : onSelect(items[selectedIndex]);
-          }
-          return true;
-        }
-        case "Escape": {
-          event.preventDefault();
-          onClose == null ? void 0 : onClose();
-          return true;
-        }
-        default:
-          return false;
-      }
-    };
-    let targetElement = null;
-    if (editor) {
-      targetElement = editor.view.dom;
-    } else if (containerRef == null ? void 0 : containerRef.current) {
-      targetElement = containerRef.current;
-    }
-    if (targetElement) {
-      targetElement.addEventListener("keydown", handleKeyboardNavigation, true);
-      return () => {
-        targetElement == null ? void 0 : targetElement.removeEventListener(
-          "keydown",
-          handleKeyboardNavigation,
-          true
-        );
-      };
-    }
-    return void 0;
-  }, [
-    editor,
-    containerRef,
-    items,
-    selectedIndex,
-    onSelect,
-    onClose,
-    orientation
-  ]);
-  React.useEffect(() => {
-    if (query) {
-      setSelectedIndex(autoSelectFirstItem ? 0 : -1);
-    }
-  }, [query, autoSelectFirstItem]);
-  return {
-    selectedIndex: items.length ? selectedIndex : void 0,
-    setSelectedIndex
-  };
-}
-
-export {
-  useMenuNavigation
-};

package/dist/chunk-4ALV4UA5.mjs

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

package/dist/chunk-4CDZ547I.mjs

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

package/dist/chunk-4HO7BWDC.mjs

@@ -1,89 +0,0 @@
-"use client";
-import {
-  VariableNodeView
-} from "./chunk-JVSH5T4B.mjs";
-
-// src/extensions/variable/index.ts
-import { mergeAttributes, Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var VariableNode = Node.create({
-  name: "variable",
-  group: "inline",
-  inline: true,
-  atom: true,
-  selectable: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      name: {
-        default: "",
-        parseHTML: (element) => element.getAttribute("data-name"),
-        renderHTML: (attributes) => ({
-          "data-name": attributes.name
-        })
-      },
-      fallback: {
-        default: void 0,
-        parseHTML: (element) => element.getAttribute("data-fallback"),
-        renderHTML: (attributes) => {
-          if (!attributes.fallback) return {};
-          return {
-            "data-fallback": attributes.fallback
-          };
-        }
-      },
-      category: {
-        default: void 0,
-        parseHTML: (element) => element.getAttribute("data-category"),
-        renderHTML: (attributes) => {
-          if (!attributes.category) return {};
-          return {
-            "data-category": attributes.category
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'span[data-type="variable"]'
-      }
-    ];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    const attrs = node.attrs;
-    return [
-      "span",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "variable",
-        class: "variable-node"
-      }),
-      `{{${attrs.name}}}`
-    ];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(VariableNodeView);
-  },
-  addCommands() {
-    return {
-      insertVariable: (attrs) => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs
-        });
-      }
-    };
-  }
-});
-var variable_default = VariableNode;
-
-export {
-  VariableNode,
-  variable_default
-};