@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/chunk-BEV5U2DK.mjs

@@ -1,131 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/codeblock-button/use-code-block.ts
-import {
-  findNodePosition,
-  isNodeInSchema,
-  isNodeTypeSelected,
-  isValidPosition
-} from "@kopexa/editor-utils";
-import { CodeblockIcon } from "@kopexa/icons";
-import { NodeSelection, TextSelection } from "@tiptap/pm/state";
-import * as React from "react";
-var CODE_BLOCK_SHORTCUT_KEY = "mod+alt+c";
-function canToggle(editor, turnInto = true) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor) || isNodeTypeSelected(editor, ["image"]))
-    return false;
-  if (!turnInto) {
-    return editor.can().toggleNode("codeBlock", "paragraph");
-  }
-  try {
-    const view = editor.view;
-    const state = view.state;
-    const selection = state.selection;
-    if (selection.empty || selection instanceof TextSelection) {
-      const pos = (_a = findNodePosition({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-    }
-    return true;
-  } catch {
-    return false;
-  }
-}
-function toggleCodeBlock(editor) {
-  var _a, _b, _c;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggle(editor)) return false;
-  try {
-    const view = editor.view;
-    let state = view.state;
-    let tr = state.tr;
-    if (state.selection.empty || state.selection instanceof TextSelection) {
-      const pos = (_a = findNodePosition({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-      tr = tr.setSelection(NodeSelection.create(state.doc, pos));
-      view.dispatch(tr);
-      state = view.state;
-    }
-    const selection = state.selection;
-    let chain = editor.chain().focus();
-    if (selection instanceof NodeSelection) {
-      const firstChild = (_b = selection.node.firstChild) == null ? void 0 : _b.firstChild;
-      const lastChild = (_c = selection.node.lastChild) == null ? void 0 : _c.lastChild;
-      const from = firstChild ? selection.from + firstChild.nodeSize : selection.from + 1;
-      const to = lastChild ? selection.to - lastChild.nodeSize : selection.to - 1;
-      chain = chain.setTextSelection({ from, to }).clearNodes();
-    }
-    const toggle = editor.isActive("codeBlock") ? chain.setNode("paragraph") : chain.toggleNode("codeBlock", "paragraph");
-    toggle.run();
-    editor.chain().focus().selectTextblockEnd().run();
-    return true;
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor)) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canToggle(editor);
-  }
-  return true;
-}
-function useCodeBlock(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const canToggleState = canToggle(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("codeBlock")) || false;
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
-    if (!editor) return false;
-    const success = toggleCodeBlock(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle: canToggleState,
-    label: "Code Block",
-    shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
-    Icon: CodeblockIcon
-  };
-}
-
-export {
-  CODE_BLOCK_SHORTCUT_KEY,
-  canToggle,
-  toggleCodeBlock,
-  shouldShowButton,
-  useCodeBlock
-};

package/dist/chunk-BXHPO3T7.mjs

@@ -1,152 +0,0 @@
-"use client";
-import {
-  messages
-} from "./chunk-FRJX2F4T.mjs";
-
-// src/extensions/math/inline-math-view.tsx
-import { Button } from "@kopexa/button";
-import { Dialog } from "@kopexa/dialog";
-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 InlineMathView({ 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: false,
-        output: "html"
-      });
-    } catch {
-      return null;
-    }
-  }, [latex]);
-  const previewHtml = useMemo(() => {
-    if (!localLatex) return null;
-    try {
-      setError(null);
-      return katex.renderToString(localLatex, {
-        throwOnError: true,
-        displayMode: false,
-        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 handleClick = useCallback(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      if (isEditable) {
-        setIsOpen(true);
-      }
-    },
-    [isEditable]
-  );
-  const isEmpty = !latex;
-  return /* @__PURE__ */ jsxs(
-    NodeViewWrapper,
-    {
-      as: "span",
-      className: "inline-math-wrapper",
-      "data-type": "inline-math",
-      "data-latex": latex,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: `inline-math cursor-pointer rounded px-0.5 transition-colors ${isEditable ? "hover:bg-primary/10 hover:ring-1 hover:ring-primary/20" : ""} ${isEmpty ? "text-muted-foreground italic" : ""}`,
-            onClick: handleClick,
-            children: isEmpty ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: "$?$" }) : renderedHtml ? /* @__PURE__ */ jsx(
-              "span",
-              {
-                dangerouslySetInnerHTML: { __html: renderedHtml }
-              }
-            ) : /* @__PURE__ */ jsx("span", { className: "text-destructive text-xs", children: latex })
-          }
-        ),
-        /* @__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.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(
-                "input",
-                {
-                  type: "text",
-                  className: "w-full p-2 rounded-md border border-input bg-background font-mono text-sm 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-10 p-3 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  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: "$...$" }) })
-            ] })
-          ] }) }),
-          /* @__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 inline_math_view_default = InlineMathView;
-
-export {
-  InlineMathView,
-  inline_math_view_default
-};

package/dist/chunk-BXJYNSWQ.mjs

@@ -1,30 +0,0 @@
-"use client";
-import {
-  defaultUiState
-} from "./chunk-KR42JAVB.mjs";
-
-// src/hooks/use-ui-editor-state.ts
-import { useEditorState } from "@tiptap/react";
-function useUiEditorState(editor) {
-  var _a;
-  return (_a = useEditorState({
-    editor,
-    selector: ({ editor: editor2 }) => {
-      if (!editor2) return defaultUiState;
-      const state = editor2.storage.uiState;
-      if (!state) {
-        console.warn(
-          "Editor storage uiState is not initialized. Ensure you have the uiState extension added to your editor."
-        );
-        return defaultUiState;
-      }
-      return { ...defaultUiState, ...state };
-    }
-  })) != null ? _a : defaultUiState;
-}
-var use_ui_editor_state_default = useUiEditorState;
-
-export {
-  useUiEditorState,
-  use_ui_editor_state_default
-};

package/dist/chunk-C5RQWJKE.mjs

@@ -1,155 +0,0 @@
-"use client";
-import {
-  ColorHighlightButton
-} from "./chunk-B7WJOQ3X.mjs";
-import {
-  pickHighlightColorsByValue,
-  useColorHighlight
-} from "./chunk-UJ4BNZ63.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-import {
-  useMenuNavigation
-} from "./chunk-42HKGCOO.mjs";
-
-// src/ui/color-highlight-popover/color-highlight-popover.tsx
-import { IconButton } from "@kopexa/button";
-import { BanIcon, HighlighterIcon } from "@kopexa/icons";
-import { Popover } from "@kopexa/popover";
-import { ToolbarSeparator } from "@kopexa/toolbar";
-import { useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ColorHighlightPopoverButton = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    type: "button",
-    className,
-    variant: "ghost",
-    color: "default",
-    tabIndex: -1,
-    "aria-label": "Highlight text",
-    tooltip: "Highlight",
-    isIconOnly: !children,
-    ...props,
-    children: children != null ? children : /* @__PURE__ */ jsx(HighlighterIcon, {})
-  }
-);
-function ColorHighlightPopoverContent({
-  editor,
-  colors = pickHighlightColorsByValue([
-    "var(--tt-color-highlight-green)",
-    "var(--tt-color-highlight-blue)",
-    "var(--tt-color-highlight-red)",
-    "var(--tt-color-highlight-purple)",
-    "var(--tt-color-highlight-yellow)"
-  ])
-}) {
-  const { handleRemoveHighlight } = useColorHighlight({ editor });
-  const containerRef = useRef(null);
-  const menuItems = useMemo(
-    () => [...colors, { label: "Remove highlight", value: "none" }],
-    [colors]
-  );
-  const { selectedIndex } = useMenuNavigation({
-    containerRef,
-    items: menuItems,
-    orientation: "both",
-    onSelect: (item) => {
-      if (!containerRef.current) return false;
-      const highlightedElement = containerRef.current.querySelector(
-        '[data-highlighted="true"]'
-      );
-      if (highlightedElement) highlightedElement.click();
-      if (item.value === "none") handleRemoveHighlight();
-    },
-    autoSelectFirstItem: false
-  });
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "flex gap-1 items-center", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex items-center gap-1 outline-none",
-        "data-orientation": "horizontal",
-        children: colors.map((color, index) => /* @__PURE__ */ jsx(
-          ColorHighlightButton,
-          {
-            editor,
-            highlightColor: color.value,
-            "aria-label": `${color.label} highlight color`,
-            tabIndex: index === selectedIndex ? 0 : -1,
-            "data-highlighted": selectedIndex === index
-          },
-          color.value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(ToolbarSeparator, { orientation: "vertical" }),
-    /* @__PURE__ */ jsx("div", { className: "tiptap-button-group", children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: handleRemoveHighlight,
-        "aria-label": "Remove highlight",
-        tabIndex: selectedIndex === colors.length ? 0 : -1,
-        type: "button",
-        role: "menuitem",
-        variant: "ghost",
-        color: "default",
-        "data-highlighted": selectedIndex === colors.length,
-        children: /* @__PURE__ */ jsx(BanIcon, {})
-      }
-    ) })
-  ] });
-}
-function ColorHighlightPopover({
-  editor: providedEditor,
-  colors = pickHighlightColorsByValue([
-    "var(--tt-color-highlight-green)",
-    "var(--tt-color-highlight-blue)",
-    "var(--tt-color-highlight-red)",
-    "var(--tt-color-highlight-purple)",
-    "var(--tt-color-highlight-yellow)"
-  ]),
-  hideWhenUnavailable = false,
-  onApplied,
-  ...props
-}) {
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isOpen, setIsOpen] = useState(false);
-  const { isVisible, canColorHighlight, isActive, label } = useColorHighlight({
-    editor,
-    hideWhenUnavailable,
-    onApplied
-  });
-  if (!isVisible) return null;
-  return /* @__PURE__ */ jsxs(Popover.Root, { open: isOpen, onOpenChange: setIsOpen, spacing: "dense", children: [
-    /* @__PURE__ */ jsx(
-      Popover.Trigger,
-      {
-        render: /* @__PURE__ */ jsx(
-          ColorHighlightPopoverButton,
-          {
-            disabled: !canColorHighlight,
-            "data-disabled": !canColorHighlight,
-            "data-active-state": isActive ? "on" : "off",
-            "aria-pressed": isActive,
-            "aria-label": label,
-            title: label,
-            ...props
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Popover.Content, { "aria-label": "Highlight colors", children: /* @__PURE__ */ jsx(ColorHighlightPopoverContent, { editor, colors }) })
-  ] });
-}
-
-export {
-  ColorHighlightPopoverButton,
-  ColorHighlightPopoverContent,
-  ColorHighlightPopover
-};

package/dist/chunk-CNVACBGT.mjs

@@ -1,51 +0,0 @@
-"use client";
-
-// src/ui/suggestion-menu/suggestion-menu-utils.ts
-function calculateStartPosition(cursorPosition, previousNode, triggerChar) {
-  if (!(previousNode == null ? void 0 : previousNode.text) || !triggerChar) {
-    return cursorPosition;
-  }
-  const commandText = previousNode.text;
-  const triggerCharIndex = commandText.lastIndexOf(triggerChar);
-  if (triggerCharIndex === -1) {
-    return cursorPosition;
-  }
-  const textLength = commandText.substring(triggerCharIndex).length;
-  return cursorPosition - textLength;
-}
-function filterSuggestionItems(items, query) {
-  const normalizedQuery = query.trim().toLowerCase();
-  if (!normalizedQuery) {
-    return items;
-  }
-  return items.filter((item) => {
-    var _a, _b;
-    if (item.title.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_a = item.subtext) == null ? void 0 : _a.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_b = item.keywords) == null ? void 0 : _b.some(
-      (keyword) => keyword.toLowerCase().includes(normalizedQuery)
-    )) {
-      return true;
-    }
-    return false;
-  }).sort((a, b) => {
-    const aTitle = a.title.toLowerCase();
-    const bTitle = b.title.toLowerCase();
-    if (aTitle === normalizedQuery && bTitle !== normalizedQuery) return -1;
-    if (bTitle === normalizedQuery && aTitle !== normalizedQuery) return 1;
-    if (aTitle.startsWith(normalizedQuery) && !bTitle.startsWith(normalizedQuery))
-      return -1;
-    if (bTitle.startsWith(normalizedQuery) && !aTitle.startsWith(normalizedQuery))
-      return 1;
-    return 0;
-  });
-}
-
-export {
-  calculateStartPosition,
-  filterSuggestionItems
-};