@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/chunk-TAM3VMJT.mjs

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

package/dist/chunk-TDFS3DCZ.mjs

@@ -1,79 +0,0 @@
-"use client";
-
-// src/hooks/use-floating-toolbar-visibility.ts
-import { NodeSelection } from "@tiptap/pm/state";
-import { isNodeSelection } from "@tiptap/react";
-import * as React from "react";
-var HIDE_FLOATING_META = "hideFloatingToolbar";
-function useFloatingToolbarVisibility(params) {
-  const { editor, isSelectionValid, extraHideWhen = false } = params;
-  const [shouldShow, setShouldShow] = React.useState(false);
-  const hideRef = React.useRef(false);
-  React.useEffect(() => {
-    if (!editor) return;
-    const onTx = ({ transaction }) => {
-      if (transaction.getMeta(HIDE_FLOATING_META)) {
-        hideRef.current = true;
-      }
-    };
-    editor.on("transaction", onTx);
-    return () => {
-      editor.off("transaction", onTx);
-    };
-  }, [editor]);
-  React.useEffect(() => {
-    if (!editor) return;
-    const dom = editor.view.dom;
-    const onPointerDown = (e) => {
-      const sel = editor.state.selection;
-      if (!(sel instanceof NodeSelection)) return;
-      const nodeDom = editor.view.nodeDOM(sel.from);
-      if (!nodeDom) return;
-      if (nodeDom.contains(e.target)) {
-        hideRef.current = false;
-        const valid = isSelectionValid(editor, sel);
-        setShouldShow(valid && !extraHideWhen);
-      }
-    };
-    dom.addEventListener("pointerdown", onPointerDown, { capture: true });
-    return () => dom.removeEventListener("pointerdown", onPointerDown, {
-      capture: true
-    });
-  }, [editor, extraHideWhen, isSelectionValid]);
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      const { selection } = editor.state;
-      const valid = isSelectionValid(editor, selection);
-      if (extraHideWhen || isNodeSelection(selection) && hideRef.current) {
-        setShouldShow(false);
-        return;
-      }
-      setShouldShow(valid);
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, extraHideWhen, isSelectionValid]);
-  return { shouldShow };
-}
-var selectNodeAndHideFloating = (editor, pos) => {
-  if (!editor) return;
-  const { state, view } = editor;
-  view.dispatch(
-    state.tr.setSelection(NodeSelection.create(state.doc, pos)).setMeta(HIDE_FLOATING_META, true)
-  );
-};
-var markHideFloatingOnNext = (editor) => {
-  if (!editor) return;
-  editor.view.dispatch(editor.state.tr.setMeta(HIDE_FLOATING_META, true));
-};
-
-export {
-  HIDE_FLOATING_META,
-  useFloatingToolbarVisibility,
-  selectNodeAndHideFloating,
-  markHideFloatingOnNext
-};

package/dist/chunk-TLM5ALHZ.mjs

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

package/dist/chunk-TZQQ6C2Q.mjs

@@ -1,101 +0,0 @@
-"use client";
-
-// src/utils/index.ts
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var handleImageUpload = async (file, onProgress, abortSignal) => {
-  if (!file) {
-    throw new Error("No file provided");
-  }
-  if (file.size > MAX_FILE_SIZE) {
-    throw new Error(
-      `File size exceeds maximum allowed (${MAX_FILE_SIZE / (1024 * 1024)}MB)`
-    );
-  }
-  for (let progress = 0; progress <= 100; progress += 10) {
-    if (abortSignal == null ? void 0 : abortSignal.aborted) {
-      throw new Error("Upload cancelled");
-    }
-    await new Promise((resolve) => setTimeout(resolve, 500));
-    onProgress == null ? void 0 : onProgress({ progress });
-  }
-  return "/images/placeholder-image.png";
-};
-var convertFileToBase64 = (file, abortSignal) => {
-  if (!file) {
-    return Promise.reject(new Error("No file provided"));
-  }
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    const abortHandler = () => {
-      reader.abort();
-      reject(new Error("Upload cancelled"));
-    };
-    if (abortSignal) {
-      abortSignal.addEventListener("abort", abortHandler);
-    }
-    reader.onloadend = () => {
-      if (abortSignal) {
-        abortSignal.removeEventListener("abort", abortHandler);
-      }
-      if (typeof reader.result === "string") {
-        resolve(reader.result);
-      } else {
-        reject(new Error("Failed to convert File to base64"));
-      }
-    };
-    reader.onerror = (error) => reject(new Error(`File reading error: ${error}`));
-    reader.readAsDataURL(file);
-  });
-};
-var ATTR_WHITESPACE = (
-  // eslint-disable-next-line no-control-regex
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: we can do this yay
-  /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
-);
-function isAllowedUri(uri, protocols) {
-  const allowedProtocols = [
-    "http",
-    "https",
-    "ftp",
-    "ftps",
-    "mailto",
-    "tel",
-    "callto",
-    "sms",
-    "cid",
-    "xmpp"
-  ];
-  if (protocols) {
-    for (const protocol of protocols) {
-      const nextProtocol = typeof protocol === "string" ? protocol : protocol.scheme;
-      if (nextProtocol) {
-        allowedProtocols.push(nextProtocol);
-      }
-    }
-  }
-  return !uri || uri.replace(ATTR_WHITESPACE, "").match(
-    new RegExp(
-      // eslint-disable-next-line no-useless-escape
-      `^(?:(?:${allowedProtocols.join("|")}):|[^a-z]|[a-z0-9+.-]+(?:[^a-z+.-:]|$))`,
-      "i"
-    )
-  );
-}
-function sanitizeUrl(inputUrl, baseUrl, protocols) {
-  try {
-    const url = new URL(inputUrl, baseUrl);
-    if (isAllowedUri(url.href, protocols)) {
-      return url.href;
-    }
-  } catch {
-  }
-  return "#";
-}
-
-export {
-  MAX_FILE_SIZE,
-  handleImageUpload,
-  convertFileToBase64,
-  isAllowedUri,
-  sanitizeUrl
-};

package/dist/chunk-U5XAL46P.mjs

@@ -1,39 +0,0 @@
-"use client";
-
-// src/extensions/selection/index.ts
-import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { Decoration, DecorationSet } from "@tiptap/pm/view";
-import { Extension, isNodeSelection } from "@tiptap/react";
-var Selection = Extension.create({
-  name: "selection",
-  addProseMirrorPlugins() {
-    const { editor } = this;
-    return [
-      new Plugin({
-        key: new PluginKey("selection"),
-        props: {
-          decorations(state) {
-            if (state.selection.empty) {
-              return null;
-            }
-            if (editor.isFocused === true || !editor.isEditable) {
-              return null;
-            }
-            if (isNodeSelection(state.selection)) {
-              return null;
-            }
-            return DecorationSet.create(state.doc, [
-              Decoration.inline(state.selection.from, state.selection.to, {
-                class: "selection"
-              })
-            ]);
-          }
-        }
-      })
-    ];
-  }
-});
-
-export {
-  Selection
-};

package/dist/chunk-UJ4BNZ63.mjs

@@ -1,178 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/color-highlight-button/use-color-highlight.ts
-import { isMarkInSchema, isNodeTypeSelected } from "@kopexa/editor-utils";
-import { HighlighterIcon } from "@kopexa/icons";
-import { useIsMobile } from "@kopexa/use-is-mobile";
-import * as React from "react";
-import { useHotkeys } from "react-hotkeys-hook";
-var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
-var HIGHLIGHT_COLORS = [
-  {
-    label: "Default background",
-    value: "var(--tt-bg-color)",
-    border: "var(--tt-bg-color-contrast)"
-  },
-  {
-    label: "Gray background",
-    value: "var(--tt-color-highlight-gray)",
-    border: "var(--tt-color-highlight-gray-contrast)"
-  },
-  {
-    label: "Brown background",
-    value: "var(--tt-color-highlight-brown)",
-    border: "var(--tt-color-highlight-brown-contrast)"
-  },
-  {
-    label: "Orange background",
-    value: "var(--tt-color-highlight-orange)",
-    border: "var(--tt-color-highlight-orange-contrast)"
-  },
-  {
-    label: "Yellow background",
-    value: "var(--tt-color-highlight-yellow)",
-    border: "var(--tt-color-highlight-yellow-contrast)"
-  },
-  {
-    label: "Green background",
-    value: "var(--tt-color-highlight-green)",
-    border: "var(--tt-color-highlight-green-contrast)"
-  },
-  {
-    label: "Blue background",
-    value: "var(--tt-color-highlight-blue)",
-    border: "var(--tt-color-highlight-blue-contrast)"
-  },
-  {
-    label: "Purple background",
-    value: "var(--tt-color-highlight-purple)",
-    border: "var(--tt-color-highlight-purple-contrast)"
-  },
-  {
-    label: "Pink background",
-    value: "var(--tt-color-highlight-pink)",
-    border: "var(--tt-color-highlight-pink-contrast)"
-  },
-  {
-    label: "Red background",
-    value: "var(--tt-color-highlight-red)",
-    border: "var(--tt-color-highlight-red-contrast)"
-  }
-];
-function pickHighlightColorsByValue(values) {
-  const colorMap = new Map(
-    HIGHLIGHT_COLORS.map((color) => [color.value, color])
-  );
-  return values.map((value) => colorMap.get(value)).filter((color) => !!color);
-}
-function canColorHighlight(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
-    return false;
-  return editor.can().setMark("highlight");
-}
-function isColorHighlightActive(editor, highlightColor) {
-  if (!editor || !editor.isEditable) return false;
-  return highlightColor ? editor.isActive("highlight", { color: highlightColor }) : editor.isActive("highlight");
-}
-function removeHighlight(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!canColorHighlight(editor)) return false;
-  return editor.chain().focus().unsetMark("highlight").run();
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canColorHighlight(editor);
-  }
-  return true;
-}
-function useColorHighlight(config) {
-  const {
-    editor: providedEditor,
-    label,
-    highlightColor,
-    hideWhenUnavailable = false,
-    onApplied
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const isMobile = useIsMobile();
-  const [isVisible, setIsVisible] = React.useState(true);
-  const canColorHighlightState = canColorHighlight(editor);
-  const isActive = isColorHighlightActive(editor, highlightColor);
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleColorHighlight = React.useCallback(() => {
-    if (!editor || !canColorHighlightState || !highlightColor || !label)
-      return false;
-    if (editor.state.storedMarks) {
-      const highlightMarkType = editor.schema.marks.highlight;
-      if (highlightMarkType) {
-        editor.view.dispatch(
-          editor.state.tr.removeStoredMark(highlightMarkType)
-        );
-      }
-    }
-    setTimeout(() => {
-      const success = editor.chain().focus().toggleMark("highlight", { color: highlightColor }).run();
-      if (success) {
-        onApplied == null ? void 0 : onApplied({ color: highlightColor, label });
-      }
-      return success;
-    }, 0);
-  }, [canColorHighlightState, highlightColor, editor, label, onApplied]);
-  const handleRemoveHighlight = React.useCallback(() => {
-    const success = removeHighlight(editor);
-    if (success) {
-      onApplied == null ? void 0 : onApplied({ color: "", label: "Remove highlight" });
-    }
-    return success;
-  }, [editor, onApplied]);
-  useHotkeys(
-    COLOR_HIGHLIGHT_SHORTCUT_KEY,
-    (event) => {
-      event.preventDefault();
-      handleColorHighlight();
-    },
-    {
-      enabled: isVisible && canColorHighlightState,
-      enableOnContentEditable: !isMobile,
-      enableOnFormTags: true
-    }
-  );
-  return {
-    isVisible,
-    isActive,
-    handleColorHighlight,
-    handleRemoveHighlight,
-    canColorHighlight: canColorHighlightState,
-    label: label || `Highlight`,
-    shortcutKeys: COLOR_HIGHLIGHT_SHORTCUT_KEY,
-    Icon: HighlighterIcon
-  };
-}
-
-export {
-  COLOR_HIGHLIGHT_SHORTCUT_KEY,
-  HIGHLIGHT_COLORS,
-  pickHighlightColorsByValue,
-  canColorHighlight,
-  isColorHighlightActive,
-  removeHighlight,
-  shouldShowButton,
-  useColorHighlight
-};

package/dist/chunk-UVHVCION.mjs

@@ -1,168 +0,0 @@
-"use client";
-import {
-  messages
-} from "./chunk-FRJX2F4T.mjs";
-
-// src/extensions/math/math-block-view.tsx
-import { Button, IconButton } from "@kopexa/button";
-import { Dialog } from "@kopexa/dialog";
-import { EditIcon } from "@kopexa/icons";
-import { Label } from "@kopexa/label";
-import {
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import katex from "katex";
-import "katex/dist/katex.min.css";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useIntl } from "react-intl";
-import { jsx, jsxs } from "react/jsx-runtime";
-function MathBlockView({ editor, node, getPos }) {
-  const intl = useIntl();
-  const attrs = node.attrs;
-  const { latex = "" } = attrs;
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const [isOpen, setIsOpen] = useState(false);
-  const [localLatex, setLocalLatex] = useState(latex);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (isOpen) {
-      setLocalLatex(latex);
-      setError(null);
-    }
-  }, [isOpen, latex]);
-  const renderedHtml = useMemo(() => {
-    if (!latex) return null;
-    try {
-      return katex.renderToString(latex, {
-        throwOnError: false,
-        displayMode: true,
-        output: "html"
-      });
-    } catch {
-      return null;
-    }
-  }, [latex]);
-  const previewHtml = useMemo(() => {
-    if (!localLatex) return null;
-    try {
-      setError(null);
-      return katex.renderToString(localLatex, {
-        throwOnError: true,
-        displayMode: true,
-        output: "html"
-      });
-    } catch (_e) {
-      setError(intl.formatMessage(messages.invalid_latex));
-      return null;
-    }
-  }, [localLatex, intl]);
-  const handleSave = 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 = useCallback(() => {
-    setLocalLatex(latex);
-    setError(null);
-    setIsOpen(false);
-  }, [latex]);
-  const handleOpenEditor = useCallback(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      if (isEditable) {
-        setIsOpen(true);
-      }
-    },
-    [isEditable]
-  );
-  const isEmpty = !latex;
-  return /* @__PURE__ */ jsxs(
-    NodeViewWrapper,
-    {
-      className: "my-4 relative group",
-      "data-type": "math-block",
-      "data-latex": latex,
-      children: [
-        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-lg font-serif", children: "\u2211" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: intl.formatMessage(messages.empty_formula) })
-            ] }) : renderedHtml ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "katex-display",
-                dangerouslySetInnerHTML: { __html: renderedHtml }
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: "text-destructive text-sm", children: intl.formatMessage(messages.invalid_latex) })
-          }
-        ),
-        isEditable && !isEmpty && /* @__PURE__ */ jsx(
-          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__ */ jsx(EditIcon, { className: "size-3.5" })
-          }
-        ),
-        /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "md", children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-          /* @__PURE__ */ jsx(Dialog.Header, { children: /* @__PURE__ */ jsx(Dialog.Title, { children: intl.formatMessage(messages.title) }) }),
-          /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.latex_input) }),
-              /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-destructive", children: error })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { className: "text-sm", children: intl.formatMessage(messages.preview) }),
-              /* @__PURE__ */ jsx("div", { className: "min-h-16 p-4 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "katex-display",
-                  dangerouslySetInnerHTML: { __html: previewHtml }
-                }
-              ) : localLatex ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.invalid_latex) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages.latex_placeholder) }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
-            /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages.save) })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-var math_block_view_default = MathBlockView;
-
-export {
-  MathBlockView,
-  math_block_view_default
-};