@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/chunk-EAAQE5ZV.mjs

@@ -1,283 +0,0 @@
-"use client";
-import {
-  messages
-} from "./chunk-DSBJFMHK.mjs";
-import {
-  useEditorFile
-} from "./chunk-VRQ6OSAZ.mjs";
-
-// src/extensions/image-upload/image-upload-view.tsx
-import { IconButton } from "@kopexa/button";
-import {
-  AlertCircleIcon,
-  ImageIcon,
-  TrashIcon,
-  UploadIcon
-} from "@kopexa/icons";
-import { imagePlaceholder } from "@kopexa/theme";
-import {
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import { useCallback, useMemo, useRef, useState } from "react";
-import { useIntl } from "react-intl";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ImageUploadNodeView({ editor, node, getPos }) {
-  const intl = useIntl();
-  const fileHandler = useEditorFile();
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const [uploadState, setUploadState] = useState("idle");
-  const [uploadProgress, setUploadProgress] = useState(0);
-  const [isDragOver, setIsDragOver] = useState(false);
-  const fileInputRef = useRef(null);
-  const handleRemove = useCallback(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const handleFileSelect = useCallback(
-    async (file) => {
-      if (!fileHandler) return;
-      const pos = getPos();
-      if (pos === void 0) return;
-      setUploadState("uploading");
-      setUploadProgress(0);
-      try {
-        const ref = await fileHandler.upload(file, (percent) => {
-          setUploadProgress(percent);
-        });
-        const currentPos = getPos();
-        if (currentPos === void 0) return;
-        editor.chain().focus().deleteRange({ from: currentPos, to: currentPos + node.nodeSize }).insertContentAt(currentPos, {
-          type: "image",
-          attrs: {
-            src: ref,
-            alt: file.name.replace(/\.[^/.]+$/, ""),
-            title: file.name.replace(/\.[^/.]+$/, "")
-          }
-        }).run();
-      } catch (error) {
-        console.error("[ImageUpload] Upload failed:", error);
-        setUploadState("error");
-        setUploadProgress(0);
-      }
-    },
-    [fileHandler, editor, getPos, node.nodeSize]
-  );
-  const handleInputChange = useCallback(
-    (e) => {
-      var _a;
-      const file = (_a = e.target.files) == null ? void 0 : _a[0];
-      if (file) {
-        handleFileSelect(file);
-      }
-      e.target.value = "";
-    },
-    [handleFileSelect]
-  );
-  const handleDrop = useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsDragOver(false);
-      const file = e.dataTransfer.files[0];
-      if (file == null ? void 0 : file.type.startsWith("image/")) {
-        handleFileSelect(file);
-      }
-    },
-    [handleFileSelect]
-  );
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const handleDragEnter = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragOver(true);
-  }, []);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      setIsDragOver(false);
-    }
-  }, []);
-  const handleClick = useCallback(() => {
-    var _a;
-    if (uploadState === "idle" || uploadState === "error") {
-      (_a = fileInputRef.current) == null ? void 0 : _a.click();
-    }
-  }, [uploadState]);
-  const styles = useMemo(
-    () => imagePlaceholder({
-      size: "md",
-      variant: isDragOver ? "default" : void 0
-    }),
-    [isDragOver]
-  );
-  const errorStyles = useMemo(
-    () => imagePlaceholder({ size: "md", variant: "error" }),
-    []
-  );
-  const uploadingStyles = useMemo(
-    () => imagePlaceholder({ size: "md", variant: "uploading" }),
-    []
-  );
-  const disabledStyles = useMemo(
-    () => imagePlaceholder({ size: "md", variant: "disabled" }),
-    []
-  );
-  if (!fileHandler) {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ jsx("div", { className: disabledStyles.root(), children: /* @__PURE__ */ jsxs("div", { className: disabledStyles.content(), children: [
-      /* @__PURE__ */ jsx(ImageIcon, { className: disabledStyles.icon() }),
-      /* @__PURE__ */ jsx("span", { className: disabledStyles.text(), children: intl.formatMessage(messages.files_not_supported) }),
-      isEditable && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages.remove),
-          children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ jsx("div", { className: uploadingStyles.root(), children: /* @__PURE__ */ jsxs("div", { className: uploadingStyles.content(), children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-primary",
-                  strokeWidth: "2",
-                  strokeDasharray: 100,
-                  strokeDashoffset: 100 - uploadProgress,
-                  strokeLinecap: "round"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: uploadingStyles.text(), children: intl.formatMessage(messages.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ jsxs("div", { className: errorStyles.root(), onClick: handleClick, children: [
-      /* @__PURE__ */ jsxs("div", { className: errorStyles.content(), children: [
-        /* @__PURE__ */ jsx(AlertCircleIcon, { className: errorStyles.icon() }),
-        /* @__PURE__ */ jsx("span", { className: errorStyles.text(), children: intl.formatMessage(messages.upload_error) }),
-        /* @__PURE__ */ jsx("span", { className: errorStyles.hint(), children: intl.formatMessage(messages.click_to_retry) })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          className: "hidden",
-          onChange: handleInputChange
-        }
-      ),
-      isEditable && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          className: errorStyles.removeButton(),
-          onClick: (e) => {
-            e.stopPropagation();
-            handleRemove();
-          },
-          "aria-label": intl.formatMessage(messages.remove),
-          children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-3.5" })
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `${styles.root()} ${isDragOver ? "border-primary bg-primary/10" : ""}`,
-      onClick: handleClick,
-      onDrop: handleDrop,
-      onDragOver: handleDragOver,
-      onDragEnter: handleDragEnter,
-      onDragLeave: handleDragLeave,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.content(), children: [
-          /* @__PURE__ */ jsx(UploadIcon, { className: styles.icon() }),
-          /* @__PURE__ */ jsx("span", { className: styles.text(), children: intl.formatMessage(messages.upload_placeholder) }),
-          /* @__PURE__ */ jsx("span", { className: styles.hint(), children: intl.formatMessage(messages.upload_hint) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: "image/*",
-            className: "hidden",
-            onChange: handleInputChange
-          }
-        ),
-        isEditable && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: styles.removeButton(),
-            onClick: (e) => {
-              e.stopPropagation();
-              handleRemove();
-            },
-            "aria-label": intl.formatMessage(messages.remove),
-            children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-3.5" })
-          }
-        )
-      ]
-    }
-  ) });
-}
-var image_upload_view_default = ImageUploadNodeView;
-
-export {
-  ImageUploadNodeView,
-  image_upload_view_default
-};

package/dist/chunk-EHY2NAW7.mjs

@@ -1,120 +0,0 @@
-"use client";
-import {
-  getFormattedHeadingName,
-  headingShortcutKeys,
-  isHeadingActive,
-  isHeadingButtonDisabled,
-  shouldShowHeadingButton,
-  toggleHeading
-} from "./chunk-33QD5PYJ.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/heading-button/index.tsx
-import { Button } from "@kopexa/button";
-import { isNodeInSchema } from "@kopexa/editor-utils";
-import {
-  HeadingFiveIcon,
-  HeadingFourIcon,
-  HeadingOneIcon,
-  HeadingSixIcon,
-  HeadingThreeIcon,
-  HeadingTwoIcon
-} from "@kopexa/icons";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var headingIcons = {
-  1: HeadingOneIcon,
-  2: HeadingTwoIcon,
-  3: HeadingThreeIcon,
-  4: HeadingFourIcon,
-  5: HeadingFiveIcon,
-  6: HeadingSixIcon
-};
-function useHeadingState(editor, level, disabled = false) {
-  const headingInSchema = isNodeInSchema("heading", editor);
-  const isDisabled = isHeadingButtonDisabled(editor, level, disabled);
-  const isActive = isHeadingActive(editor, level);
-  const Icon = headingIcons[level];
-  const shortcutKey = headingShortcutKeys[level];
-  const formattedName = getFormattedHeadingName(level);
-  return {
-    headingInSchema,
-    isDisabled,
-    isActive,
-    Icon,
-    shortcutKey,
-    formattedName
-  };
-}
-var HeadingButton = ({
-  editor: providedEditor,
-  level,
-  text,
-  hideWhenUnavailable = false,
-  className = "",
-  disabled,
-  onClick,
-  children,
-  ref,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    headingInSchema,
-    isDisabled,
-    isActive,
-    Icon,
-    shortcutKey,
-    formattedName
-  } = useHeadingState(editor, level, disabled);
-  const handleClick = React.useCallback(
-    (e) => {
-      onClick == null ? void 0 : onClick(e);
-      if (!e.defaultPrevented && !isDisabled && editor) {
-        toggleHeading(editor, level);
-      }
-    },
-    [onClick, isDisabled, editor, level]
-  );
-  const show = React.useMemo(() => {
-    return shouldShowHeadingButton({
-      editor,
-      level,
-      hideWhenUnavailable,
-      headingInSchema
-    });
-  }, [editor, level, hideWhenUnavailable, headingInSchema]);
-  if (!show || !editor || !editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      className: className.trim(),
-      disabled: isDisabled,
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      "data-disabled": isDisabled,
-      tabIndex: -1,
-      "aria-label": formattedName,
-      "aria-pressed": isActive,
-      tooltip: formattedName,
-      shortcutKeys: shortcutKey,
-      onClick: handleClick,
-      startContent: /* @__PURE__ */ jsx(Icon, {}),
-      ...buttonProps,
-      ref,
-      children: children || text
-    }
-  );
-};
-
-export {
-  headingIcons,
-  useHeadingState,
-  HeadingButton
-};

package/dist/chunk-EIIWU5FR.mjs

@@ -1,61 +0,0 @@
-"use client";
-
-// src/extensions/link/index.ts
-import TiptapLink from "@tiptap/extension-link";
-import { Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
-import { getMarkRange } from "@tiptap/react";
-var Link = TiptapLink.extend({
-  inclusive: false,
-  parseHTML() {
-    return [
-      {
-        tag: 'a[href]:not([data-type="button"]):not([href *= "javascript:" i])'
-      }
-    ];
-  },
-  addProseMirrorPlugins() {
-    var _a;
-    const { editor } = this;
-    return [
-      ...((_a = this.parent) == null ? void 0 : _a.call(this)) || [],
-      new Plugin({
-        key: new PluginKey("linkKeyHandler"),
-        props: {
-          handleKeyDown: (_, event) => {
-            const { selection } = editor.state;
-            if (event.key === "Escape" && selection.empty !== true) {
-              editor.commands.focus(selection.to, { scrollIntoView: false });
-            }
-            return false;
-          },
-          handleClick(view, pos) {
-            const { schema, doc, tr } = view.state;
-            let range;
-            if (schema.marks.link) {
-              range = getMarkRange(doc.resolve(pos), schema.marks.link);
-            }
-            if (!range) {
-              return;
-            }
-            const { from, to } = range;
-            const start = Math.min(from, to);
-            const end = Math.max(from, to);
-            if (pos < start || pos > end) {
-              return;
-            }
-            const $start = doc.resolve(start);
-            const $end = doc.resolve(end);
-            const transaction = tr.setSelection(
-              new TextSelection($start, $end)
-            );
-            view.dispatch(transaction);
-          }
-        }
-      })
-    ];
-  }
-});
-
-export {
-  Link
-};

package/dist/chunk-ERPGWXFK.mjs

@@ -1,163 +0,0 @@
-"use client";
-import {
-  useSlashDropdownMenu
-} from "./chunk-6552DQWB.mjs";
-import {
-  SuggestionMenu
-} from "./chunk-L5RDMV3H.mjs";
-import {
-  filterSuggestionItems
-} from "./chunk-CNVACBGT.mjs";
-
-// src/ui/slash-dropdown-menu/slash-dropdown-menu.tsx
-import { Button } from "@kopexa/button";
-import { getElementOverflowPosition } from "@kopexa/editor-utils";
-import { Separator } from "@kopexa/separator";
-import { slashDropdownMenu } from "@kopexa/theme";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SlashDropdownMenu = (props) => {
-  const { config, ...restProps } = props;
-  const { getSlashMenuItems } = useSlashDropdownMenu(config);
-  return /* @__PURE__ */ jsx(
-    SuggestionMenu,
-    {
-      char: "/",
-      pluginKey: "slashDropdownMenu",
-      decorationClass: "tiptap-slash-decoration",
-      decorationContent: "Filter...",
-      selector: "tiptap-slash-dropdown-menu",
-      items: ({ query, editor }) => filterSuggestionItems(getSlashMenuItems(editor), query),
-      ...restProps,
-      children: (props2) => /* @__PURE__ */ jsx(List, { ...props2, config })
-    }
-  );
-};
-var Item = (props) => {
-  const { item, isSelected, onSelect } = props;
-  const itemRef = React.useRef(null);
-  React.useEffect(() => {
-    const selector = document.querySelector(
-      '[data-selector="tiptap-slash-dropdown-menu"]'
-    );
-    if (!itemRef.current || !isSelected || !selector) return;
-    const overflow = getElementOverflowPosition(itemRef.current, selector);
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
-    }
-  }, [isSelected]);
-  const BadgeIcon = item.badge;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref: itemRef,
-      variant: "ghost",
-      color: "default",
-      startContent: BadgeIcon && /* @__PURE__ */ jsx(BadgeIcon, {}),
-      "data-active-state": isSelected ? "on" : "off",
-      onClick: onSelect,
-      fullWidth: true,
-      spacing: "start",
-      children: item.title
-    }
-  );
-};
-var List = ({
-  items,
-  selectedIndex,
-  onSelect,
-  config
-}) => {
-  const styles = slashDropdownMenu();
-  const renderedItems = React.useMemo(() => {
-    const rendered = [];
-    const showGroups = (config == null ? void 0 : config.showGroups) !== false;
-    if (!showGroups) {
-      items.forEach((item, index) => {
-        rendered.push(
-          /* @__PURE__ */ jsx(
-            Item,
-            {
-              item,
-              isSelected: index === selectedIndex,
-              onSelect: () => onSelect(item)
-            },
-            `item-${index}-${item.title}`
-          )
-        );
-      });
-      return rendered;
-    }
-    const groups = {};
-    items.forEach((item, index) => {
-      const groupLabel = item.group || "";
-      if (!groups[groupLabel]) {
-        groups[groupLabel] = { items: [], indices: [] };
-      }
-      groups[groupLabel].items.push(item);
-      groups[groupLabel].indices.push(index);
-    });
-    Object.entries(groups).forEach(([groupLabel, groupData], groupIndex) => {
-      if (groupIndex > 0) {
-        rendered.push(
-          /* @__PURE__ */ jsx(
-            Separator,
-            {
-              orientation: "horizontal"
-            },
-            `separator-${groupIndex.toString()}`
-          )
-        );
-      }
-      const groupItems = groupData.items.map((item, itemIndex) => {
-        const originalIndex = groupData.indices[itemIndex];
-        return /* @__PURE__ */ jsx(
-          Item,
-          {
-            item,
-            isSelected: originalIndex === selectedIndex,
-            onSelect: () => onSelect(item)
-          },
-          `item-${originalIndex}-${item.title}`
-        );
-      });
-      if (groupLabel) {
-        rendered.push(
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: styles.cardItemGroup(),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: styles.cardGroupLabel(), children: groupLabel }),
-                /* @__PURE__ */ jsx("div", { className: styles.cardGroup(), children: groupItems })
-              ]
-            },
-            `group-${groupIndex}-${groupLabel}`
-          )
-        );
-      } else {
-        rendered.push(...groupItems);
-      }
-    });
-    return rendered;
-  }, [items, selectedIndex, onSelect, config == null ? void 0 : config.showGroups, styles]);
-  if (!renderedItems.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: styles.card(),
-      style: {
-        maxHeight: "var(--suggestion-menu-max-height)"
-      },
-      children: /* @__PURE__ */ jsx("div", { className: styles.body(), children: renderedItems })
-    }
-  );
-};
-
-export {
-  SlashDropdownMenu
-};

package/dist/chunk-F73FCUD5.mjs

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

package/dist/chunk-FRJX2F4T.mjs

@@ -1,55 +0,0 @@
-"use client";
-
-// src/extensions/math/messages.ts
-import { defineMessages } from "react-intl";
-var messages = 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"
-  }
-});
-
-export {
-  messages
-};