@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/extensions/toc/index.js

@@ -1,501 +0,0 @@
-"use client";
-"use strict";
-"use client";
-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/toc/index.ts
-var toc_exports = {};
-__export(toc_exports, {
-  TocNode: () => TocNode,
-  default: () => toc_default
-});
-module.exports = __toCommonJS(toc_exports);
-var import_core = require("@tiptap/core");
-var import_react4 = require("@tiptap/react");
-
-// src/extensions/toc/toc-view.tsx
-var import_icons2 = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-var import_react_intl3 = require("react-intl");
-
-// src/extensions/toc/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  title: {
-    id: "editor.toc.title",
-    defaultMessage: "Table of Contents",
-    description: "Title of the table of contents"
-  },
-  save: {
-    id: "editor.toc.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.toc.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  },
-  empty_state: {
-    id: "editor.toc.empty_state",
-    defaultMessage: "No headings found. Add headings (H1-H6) to populate the table of contents.",
-    description: "Empty state when no headings are present"
-  },
-  empty_heading: {
-    id: "editor.toc.empty_heading",
-    defaultMessage: "(Empty heading)",
-    description: "Placeholder for empty heading text"
-  },
-  settings: {
-    id: "editor.toc.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  min_level: {
-    id: "editor.toc.min_level",
-    defaultMessage: "Minimum level",
-    description: "Minimum heading level setting"
-  },
-  max_level: {
-    id: "editor.toc.max_level",
-    defaultMessage: "Maximum level",
-    description: "Maximum heading level setting"
-  },
-  numbered: {
-    id: "editor.toc.numbered",
-    defaultMessage: "Numbering",
-    description: "Numbering toggle label"
-  },
-  numbered_hint: {
-    id: "editor.toc.numbered_hint",
-    defaultMessage: "Show hierarchical numbering (1, 1.1, 1.1.1)",
-    description: "Hint for numbering toggle"
-  },
-  style: {
-    id: "editor.toc.style",
-    defaultMessage: "Style",
-    description: "Style setting label"
-  },
-  style_default: {
-    id: "editor.toc.style_default",
-    defaultMessage: "Default",
-    description: "Default style option"
-  },
-  style_flat: {
-    id: "editor.toc.style_flat",
-    defaultMessage: "Flat",
-    description: "Flat style option"
-  },
-  style_compact: {
-    id: "editor.toc.style_compact",
-    defaultMessage: "Compact",
-    description: "Compact style option"
-  }
-});
-
-// src/extensions/toc/toc-settings.tsx
-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_select = require("@kopexa/select");
-var import_switch = require("@kopexa/switch");
-var import_react = require("react");
-var import_react_intl2 = require("react-intl");
-var import_jsx_runtime = require("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 = (0, import_react_intl2.useIntl)();
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [localAttrs, setLocalAttrs] = (0, import_react.useState)(attrs);
-  (0, import_react.useEffect)(() => {
-    if (isOpen) {
-      setLocalAttrs(attrs);
-    }
-  }, [isOpen, attrs]);
-  const handleSave = (0, import_react.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 = (0, import_react.useCallback)(() => {
-    setLocalAttrs(attrs);
-    setIsOpen(false);
-  }, [attrs]);
-  const handleMinLevelChange = (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)((checked) => {
-    setLocalAttrs((prev) => ({ ...prev, numbered: checked }));
-  }, []);
-  const handleStyleChange = (0, import_react.useCallback)((value) => {
-    setLocalAttrs((prev) => ({
-      ...prev,
-      style: String(value)
-    }));
-  }, []);
-  if (!editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.IconButton,
-      {
-        size: "sm",
-        variant: "ghost",
-        "aria-label": intl.formatMessage(messages.settings),
-        onClick: (e) => {
-          e.stopPropagation();
-          e.preventDefault();
-          setIsOpen(true);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SettingsIcon, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", 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.settings) }) }),
-      /* @__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: "grid grid-cols-2 gap-3", 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.min_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_select.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.minLevel),
-                onValueChange: handleMinLevelChange,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Value, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_select.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) > localAttrs.maxLevel,
-                      children: level.label
-                    },
-                    level.value
-                  )) })
-                ]
-              }
-            )
-          ] }),
-          /* @__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.max_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_select.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.maxLevel),
-                onValueChange: handleMaxLevelChange,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Value, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_select.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) < localAttrs.minLevel,
-                      children: level.label
-                    },
-                    level.value
-                  )) })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.numbered) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages.numbered_hint) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_switch.Switch,
-            {
-              size: "sm",
-              checked: localAttrs.numbered,
-              onCheckedChange: handleNumberedChange
-            }
-          )
-        ] }),
-        /* @__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.style) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_select.Select,
-            {
-              size: "sm",
-              value: localAttrs.style,
-              onValueChange: handleStyleChange,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "default", children: intl.formatMessage(messages.style_default) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "flat", children: intl.formatMessage(messages.style_flat) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "compact", children: intl.formatMessage(messages.style_compact) })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__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, children: intl.formatMessage(messages.save) })
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/extensions/toc/toc-view.tsx
-var import_jsx_runtime2 = require("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] = (0, import_react3.useState)([]);
-  const intl = (0, import_react_intl3.useIntl)();
-  const attrs = node.attrs;
-  const {
-    minLevel = 1,
-    maxLevel = 6,
-    numbered = false,
-    style = "default"
-  } = attrs;
-  const styles = (0, import_react3.useMemo)(() => (0, import_theme.toc)({ style }), [style]);
-  const updateHeadings = (0, import_react3.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]);
-  (0, import_react3.useEffect)(() => {
-    updateHeadings();
-    editor.on("update", updateHeadings);
-    return () => {
-      editor.off("update", updateHeadings);
-    };
-  }, [editor, updateHeadings]);
-  const handleClick = (0, import_react3.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__ */ (0, import_jsx_runtime2.jsxs)(import_react2.NodeViewWrapper, { className: styles.root(), "data-type": "toc", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.header(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.headerContent(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.ListIcon, { className: styles.headerIcon() }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.headerTitle(), children: intl.formatMessage(messages.title) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.headerActions(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        TocSettings,
-        {
-          editor,
-          attrs,
-          getPos
-        }
-      ) })
-    ] }),
-    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: styles.emptyState(), children: intl.formatMessage(messages.empty_state) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("nav", { className: styles.nav(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: styles.list(), children: headings.map((heading) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "li",
-      {
-        className: styles.item(),
-        style: {
-          paddingLeft: `${getIndent(heading.level)}px`
-        },
-        children: [
-          numbered && heading.number && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.itemNumber(), children: heading.number }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleClick(heading.pos, heading.id),
-              className: styles.itemButton(),
-              children: heading.text || intl.formatMessage(messages.empty_heading)
-            }
-          )
-        ]
-      },
-      heading.id
-    )) }) })
-  ] });
-}
-
-// src/extensions/toc/index.ts
-var TocNode = import_core.Node.create({
-  name: "tableOfContentsNode",
-  group: "block",
-  atom: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      minLevel: {
-        default: 1,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-min-level") || "1", 10),
-        renderHTML: (attributes) => ({
-          "data-min-level": attributes.minLevel
-        })
-      },
-      maxLevel: {
-        default: 6,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-max-level") || "6", 10),
-        renderHTML: (attributes) => ({
-          "data-max-level": attributes.maxLevel
-        })
-      },
-      numbered: {
-        default: false,
-        parseHTML: (element) => element.getAttribute("data-numbered") === "true",
-        renderHTML: (attributes) => ({
-          "data-numbered": attributes.numbered ? "true" : "false"
-        })
-      },
-      style: {
-        default: "default",
-        parseHTML: (element) => element.getAttribute("data-style") || "default",
-        renderHTML: (attributes) => ({
-          "data-style": attributes.style
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="toc"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      (0, import_core.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "toc"
-      })
-    ];
-  },
-  addNodeView() {
-    return (0, import_react4.ReactNodeViewRenderer)(TocNodeView);
-  },
-  addCommands() {
-    return {
-      insertTableOfContents: () => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name
-        });
-      },
-      updateTocSettings: (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;
-      }
-    };
-  }
-});
-var toc_default = TocNode;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TocNode
-});

package/dist/extensions/toc/index.mjs

@@ -1,13 +0,0 @@
-"use client";
-"use client";
-import {
-  TocNode,
-  toc_default
-} from "../../chunk-IFXRPGIJ.mjs";
-import "../../chunk-2V6VOAPI.mjs";
-import "../../chunk-4CDZ547I.mjs";
-import "../../chunk-TAM3VMJT.mjs";
-export {
-  TocNode,
-  toc_default as default
-};

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

@@ -1,74 +0,0 @@
-declare const messages: {
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    save: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    cancel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    empty_state: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    empty_heading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    settings: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    min_level: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    max_level: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numbered: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numbered_hint: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_default: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_flat: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_compact: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-
-export { messages };

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

@@ -1,74 +0,0 @@
-declare const messages: {
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    save: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    cancel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    empty_state: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    empty_heading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    settings: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    min_level: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    max_level: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numbered: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numbered_hint: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_default: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_flat: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    style_compact: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-
-export { messages };