@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/chunk-4JRYQZ4A.mjs

@@ -1,174 +0,0 @@
-"use client";
-import {
-  SlashDropdownMenu
-} from "./chunk-ERPGWXFK.mjs";
-import {
-  useScrollToHash
-} from "./chunk-DZLGLP7R.mjs";
-import {
-  LinkBubble
-} from "./chunk-XGAABDMW.mjs";
-import {
-  BubbleMenu
-} from "./chunk-2UDCL55K.mjs";
-import {
-  VariableSuggestion
-} from "./chunk-H7MS2UMO.mjs";
-import {
-  EditorHeader
-} from "./chunk-RFWNKE7D.mjs";
-import {
-  useUiEditorState
-} from "./chunk-BXJYNSWQ.mjs";
-import {
-  EditorUIProvider
-} from "./chunk-REJEJXOZ.mjs";
-import {
-  useCreateEditor
-} from "./chunk-DQK6PA4U.mjs";
-import {
-  VariableProvider
-} from "./chunk-5SMDMQDF.mjs";
-
-// src/presets/basic/index.tsx
-import {
-  editorBasic,
-  editorSpinner
-} from "@kopexa/theme";
-import {
-  EditorContent,
-  EditorContext
-} from "@tiptap/react";
-import { useCallback, useContext } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BasicEditor = ({
-  variant,
-  bordered,
-  content,
-  variables,
-  variableValues,
-  showToolbar = true,
-  ...options
-}) => {
-  const editor = useCreateEditor({
-    content,
-    enableVariables: !!(variables == null ? void 0 : variables.length),
-    ...options
-  });
-  const styles = editorBasic({ variant, bordered });
-  const resolveVariable = useCallback(
-    (name) => variableValues == null ? void 0 : variableValues[name],
-    [variableValues]
-  );
-  if (!editor) {
-    return /* @__PURE__ */ jsx(LoadingSpinner, {});
-  }
-  const isBottomToolbar = variant === "field";
-  const hasVariables = variables && variables.length > 0;
-  const editorContent = /* @__PURE__ */ jsx(EditorUIProvider, { value: { styles }, children: /* @__PURE__ */ jsx("div", { className: styles.root(), "data-slot": "editor", children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
-    showToolbar && !isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant }),
-    /* @__PURE__ */ jsx(EditorContentArea, { variant, variables }),
-    showToolbar && isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant })
-  ] }) }) });
-  if (hasVariables) {
-    return /* @__PURE__ */ jsx(VariableProvider, { variables, resolveVariable, children: editorContent });
-  }
-  return editorContent;
-};
-var EditorContentArea = ({ variant, variables }) => {
-  const styles = editorBasic({ variant });
-  const { editor } = useContext(EditorContext);
-  const { isDragging } = useUiEditorState(editor);
-  useScrollToHash();
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (!(editor == null ? void 0 : editor.isFocused)) return;
-      const isMod = e.metaKey || e.ctrlKey;
-      const key = e.key.toLowerCase();
-      const editorShortcuts = [
-        isMod && key === "b",
-        // Bold
-        isMod && key === "i",
-        // Italic
-        isMod && key === "u",
-        // Underline
-        isMod && e.shiftKey && key === "x",
-        // Strikethrough
-        isMod && key === "k",
-        // Link
-        isMod && key === "z",
-        // Undo
-        isMod && e.shiftKey && key === "z",
-        // Redo
-        isMod && key === "y",
-        // Redo (alternative)
-        isMod && key === "a",
-        // Select all
-        isMod && key === "e",
-        // Code
-        isMod && e.shiftKey && key === "e"
-        // Code block
-      ];
-      if (editorShortcuts.some(Boolean)) {
-        e.stopPropagation();
-      }
-    },
-    [editor]
-  );
-  if (!editor) {
-    return null;
-  }
-  const isEditable = editor.isEditable;
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: Wrapper intercepts keyboard shortcuts to prevent propagation
-    /* @__PURE__ */ jsxs("div", { className: styles.wrapper(), onKeyDown: handleKeyDown, children: [
-      /* @__PURE__ */ jsxs(
-        EditorContent,
-        {
-          editor,
-          role: "presentation",
-          className: styles.content(),
-          style: {
-            cursor: isDragging ? "grabbing" : "auto"
-          },
-          children: [
-            isEditable && /* @__PURE__ */ jsx(SlashDropdownMenu, {}),
-            isEditable && variables && variables.length > 0 && /* @__PURE__ */ jsx(VariableSuggestion, { editor, variables })
-          ]
-        }
-      ),
-      isEditable && /* @__PURE__ */ jsx(BubbleMenu, { editor }),
-      isEditable && /* @__PURE__ */ jsx(LinkBubble, { editor })
-    ] })
-  );
-};
-function LoadingSpinner({ text = "Connecting..." }) {
-  const styles = editorSpinner();
-  return /* @__PURE__ */ jsx("div", { className: styles.root(), children: /* @__PURE__ */ jsxs("div", { className: styles.content(), children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        className: styles.svg(),
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        children: [
-          /* @__PURE__ */ jsx("title", { children: "Loading Spinner" }),
-          /* @__PURE__ */ jsx("circle", { className: styles.circle(), cx: "12", cy: "12", r: "10" }),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              className: styles.path(),
-              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: styles.text(), children: text })
-  ] }) });
-}
-
-export {
-  BasicEditor
-};

package/dist/chunk-552JLRNB.mjs

@@ -1,35 +0,0 @@
-"use client";
-
-// src/extensions/variable/extract-variables.ts
-function extractVariablesFromContent(content) {
-  if (!content) return [];
-  const variables = /* @__PURE__ */ new Map();
-  function scan(node) {
-    var _a;
-    if (node.type === "variable" && ((_a = node.attrs) == null ? void 0 : _a.name)) {
-      const name = node.attrs.name;
-      if (!variables.has(name)) {
-        variables.set(name, {
-          name,
-          label: formatVariableName(name),
-          category: node.attrs.category || void 0,
-          fallback: node.attrs.fallback || void 0
-        });
-      }
-    }
-    if (node.content && Array.isArray(node.content)) {
-      for (const child of node.content) {
-        scan(child);
-      }
-    }
-  }
-  scan(content);
-  return Array.from(variables.values());
-}
-function formatVariableName(name) {
-  return name.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).replace(/\s+/g, " ").trim();
-}
-
-export {
-  extractVariablesFromContent
-};

package/dist/chunk-5SMDMQDF.mjs

@@ -1,34 +0,0 @@
-"use client";
-
-// src/extensions/variable/variable-context.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var VariableContext = React.createContext(null);
-function VariableProvider({
-  children,
-  variables,
-  resolveVariable
-}) {
-  const value = React.useMemo(
-    () => ({
-      variables,
-      resolveVariable
-    }),
-    [variables, resolveVariable]
-  );
-  return /* @__PURE__ */ jsx(VariableContext.Provider, { value, children });
-}
-function useVariables() {
-  return React.useContext(VariableContext);
-}
-function useVariablesWithFallback(fallbackVariables = []) {
-  var _a;
-  const context = React.useContext(VariableContext);
-  return (_a = context == null ? void 0 : context.variables) != null ? _a : fallbackVariables;
-}
-
-export {
-  VariableProvider,
-  useVariables,
-  useVariablesWithFallback
-};

package/dist/chunk-6552DQWB.mjs

@@ -1,416 +0,0 @@
-"use client";
-import {
-  toggleTable
-} from "./chunk-YJAHZXLG.mjs";
-
-// src/ui/slash-dropdown-menu/use-slash-dropdown-menu.ts
-import {
-  findSelectionPosition,
-  hasContentAbove,
-  isExtensionAvailable,
-  isNodeInSchema
-} from "@kopexa/editor-utils";
-import {
-  AiSparklesIcon,
-  AlertIcon,
-  BlockquoteIcon,
-  CodeBlockIcon,
-  ControlsIcon,
-  HeadingOneIcon,
-  HeadingThreeIcon,
-  HeadingTwoIcon,
-  ImageIcon,
-  InfoIcon,
-  ListIcon,
-  ListOrderedIcon,
-  ListTodoIcon,
-  MinusIcon,
-  TableIcon,
-  TableOfContentsIcon,
-  TypeIcon
-} from "@kopexa/icons";
-import * as React from "react";
-var texts = {
-  // AI
-  continue_writing: {
-    title: "Continue Writing",
-    subtext: "Continue writing from the current position",
-    keywords: ["continue", "write", "continue writing", "ai"],
-    badge: AiSparklesIcon,
-    group: "AI"
-  },
-  ai_ask_button: {
-    title: "Ask AI",
-    subtext: "Ask AI to generate content",
-    keywords: ["ai", "ask", "generate"],
-    badge: AiSparklesIcon,
-    group: "AI"
-  },
-  // Style
-  text: {
-    title: "Text",
-    subtext: "Regular text paragraph",
-    keywords: ["p", "paragraph", "text"],
-    badge: TypeIcon,
-    group: "Style"
-  },
-  heading_1: {
-    title: "Heading 1",
-    subtext: "Top-level heading",
-    keywords: ["h", "heading1", "h1"],
-    badge: HeadingOneIcon,
-    group: "Style"
-  },
-  heading_2: {
-    title: "Heading 2",
-    subtext: "Key section heading",
-    keywords: ["h2", "heading2", "subheading"],
-    badge: HeadingTwoIcon,
-    group: "Style"
-  },
-  heading_3: {
-    title: "Heading 3",
-    subtext: "Subsection and group heading",
-    keywords: ["h3", "heading3", "subheading"],
-    badge: HeadingThreeIcon,
-    group: "Style"
-  },
-  bullet_list: {
-    title: "Bullet List",
-    subtext: "List with unordered items",
-    keywords: ["ul", "li", "list", "bulletlist", "bullet list"],
-    badge: ListIcon,
-    group: "Style"
-  },
-  ordered_list: {
-    title: "Numbered List",
-    subtext: "List with ordered items",
-    keywords: ["ol", "li", "list", "numberedlist", "numbered list"],
-    badge: ListOrderedIcon,
-    group: "Style"
-  },
-  task_list: {
-    title: "To-do list",
-    subtext: "List with tasks",
-    keywords: ["tasklist", "task list", "todo", "checklist"],
-    badge: ListTodoIcon,
-    group: "Style"
-  },
-  quote: {
-    title: "Blockquote",
-    subtext: "Blockquote block",
-    keywords: ["quote", "blockquote"],
-    badge: BlockquoteIcon,
-    group: "Style"
-  },
-  code_block: {
-    title: "Code Block",
-    subtext: "Code block with syntax highlighting",
-    keywords: ["code", "pre"],
-    badge: CodeBlockIcon,
-    group: "Style"
-  },
-  // Insert
-  // mention: {
-  //   title: "Mention",
-  //   subtext: "Mention a user or item",
-  //   keywords: ["mention", "user", "item", "tag"],
-  //   badge: AtSignIcon,
-  //   group: "Insert",
-  // },
-  // emoji: {
-  //   title: "Emoji",
-  //   subtext: "Insert an emoji",
-  //   keywords: ["emoji", "emoticon", "smiley"],
-  //   badge: SmilePlusIcon,
-  //   group: "Insert",
-  // },
-  control: {
-    title: "Control",
-    subtext: "Insert a control block",
-    keywords: ["control"],
-    badge: ControlsIcon,
-    group: "Insert"
-  },
-  divider: {
-    title: "Separator",
-    subtext: "Horizontal line to separate content",
-    keywords: ["hr", "horizontalRule", "line", "separator"],
-    badge: MinusIcon,
-    group: "Insert"
-  },
-  table: {
-    title: "Table",
-    subtext: "Insert a table",
-    keywords: ["table", "grid", "spreadsheet"],
-    badge: TableIcon,
-    group: "Insert"
-  },
-  table_of_contents: {
-    title: "Table of Contents",
-    subtext: "Auto-generated list of headings",
-    keywords: ["toc", "table of contents", "index", "navigation", "headings"],
-    badge: TableOfContentsIcon,
-    group: "Insert"
-  },
-  callout: {
-    title: "Callout",
-    subtext: "Highlighted block for important information",
-    keywords: ["callout", "info", "warning", "alert", "note", "tip"],
-    badge: InfoIcon,
-    group: "Insert"
-  },
-  callout_warning: {
-    title: "Warning",
-    subtext: "Warning callout block",
-    keywords: ["warning", "caution", "attention"],
-    badge: AlertIcon,
-    group: "Insert"
-  },
-  math: {
-    title: "Formula",
-    subtext: "LaTeX math formula block",
-    keywords: ["math", "latex", "formula", "equation", "katex"],
-    badge: TypeIcon,
-    group: "Insert"
-  },
-  // Upload
-  image: {
-    title: "Image",
-    subtext: "Resizable image with caption",
-    keywords: [
-      "image",
-      "imageUpload",
-      "upload",
-      "img",
-      "picture",
-      "media",
-      "url"
-    ],
-    badge: ImageIcon,
-    group: "Upload"
-  }
-};
-var getItemImplementations = () => {
-  return {
-    // AI
-    continue_writing: {
-      check: (editor) => {
-        const { hasContent } = hasContentAbove(editor);
-        const extensionsReady = isExtensionAvailable(editor, [
-          "ai",
-          "aiAdvanced"
-        ]);
-        return extensionsReady && hasContent;
-      },
-      action: ({ editor }) => {
-        const editorChain = editor.chain().focus();
-        const nodeSelectionPosition = findSelectionPosition({ editor });
-        if (nodeSelectionPosition !== null) {
-          editorChain.setNodeSelection(nodeSelectionPosition);
-        }
-        editorChain.run();
-        editor.chain().focus().aiGenerationShow().run();
-        requestAnimationFrame(() => {
-          const { hasContent, content } = hasContentAbove(editor);
-          const snippet = content.length > 500 ? `...${content.slice(-500)}` : content;
-          const prompt = hasContent ? `Context: ${snippet}
-
-Continue writing from where the text above ends. Write ONLY ONE SENTENCE. DONT REPEAT THE TEXT.` : "Start writing a new paragraph. Write ONLY ONE SENTENCE.";
-          editor.chain().focus().aiTextPrompt({
-            stream: true,
-            format: "rich-text",
-            text: prompt
-          }).run();
-        });
-      }
-    },
-    ai_ask_button: {
-      check: (editor) => isExtensionAvailable(editor, ["ai", "aiAdvanced"]),
-      action: ({ editor }) => {
-        const editorChain = editor.chain().focus();
-        const nodeSelectionPosition = findSelectionPosition({ editor });
-        if (nodeSelectionPosition !== null) {
-          editorChain.setNodeSelection(nodeSelectionPosition);
-        }
-        editorChain.run();
-        editor.chain().focus().aiGenerationShow().run();
-      }
-    },
-    // Style
-    text: {
-      check: (editor) => isNodeInSchema("paragraph", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setParagraph().run();
-      }
-    },
-    heading_1: {
-      check: (editor) => isNodeInSchema("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 1 }).run();
-      }
-    },
-    heading_2: {
-      check: (editor) => isNodeInSchema("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 2 }).run();
-      }
-    },
-    heading_3: {
-      check: (editor) => isNodeInSchema("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 3 }).run();
-      }
-    },
-    bullet_list: {
-      check: (editor) => isNodeInSchema("bulletList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleBulletList().run();
-      }
-    },
-    ordered_list: {
-      check: (editor) => isNodeInSchema("orderedList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleOrderedList().run();
-      }
-    },
-    task_list: {
-      check: (editor) => isNodeInSchema("taskList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleTaskList().run();
-      }
-    },
-    quote: {
-      check: (editor) => isNodeInSchema("blockquote", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleBlockquote().run();
-      }
-    },
-    code_block: {
-      check: (editor) => isNodeInSchema("codeBlock", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleNode("codeBlock", "paragraph").run();
-      }
-    },
-    // Insert
-    // mention: {
-    //   check: (editor: Editor) =>
-    //     isExtensionAvailable(editor, ["mention", "mentionAdvanced"]),
-    //   action: ({ editor }: { editor: Editor }) => addMentionTrigger(editor),
-    // },
-    // emoji: {
-    //   check: (editor: Editor) =>
-    //     isExtensionAvailable(editor, ["emoji", "emojiPicker"]),
-    //   action: ({ editor }: { editor: Editor }) => addEmojiTrigger(editor),
-    // },
-    divider: {
-      check: (editor) => isNodeInSchema("horizontalRule", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setHorizontalRule().run();
-      }
-    },
-    table: {
-      check: (editor) => isNodeInSchema("table", editor),
-      action: ({ editor }) => toggleTable(editor, { rows: 3, cols: 3, withHeaderRow: true })
-    },
-    control: {
-      check: (editor) => isNodeInSchema("controlBlock", editor),
-      action: ({ editor }) => {
-        try {
-          return editor.chain().focus().insertControlBlock().run();
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    },
-    table_of_contents: {
-      check: (editor) => isNodeInSchema("tableOfContentsNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertTableOfContents().run();
-      }
-    },
-    callout: {
-      check: (editor) => isNodeInSchema("calloutNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertCallout("info").run();
-      }
-    },
-    callout_warning: {
-      check: (editor) => isNodeInSchema("calloutNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertCallout("warning").run();
-      }
-    },
-    math: {
-      check: (editor) => isNodeInSchema("mathBlock", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertMathBlock().run();
-      }
-    },
-    // Upload
-    image: {
-      check: (editor) => isNodeInSchema("imageUpload", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setImageUpload().run();
-      }
-    }
-  };
-};
-function organizeItemsByGroups(items, showGroups) {
-  if (!showGroups) {
-    return items.map((item) => ({ ...item, group: "" }));
-  }
-  const groups = {};
-  items.forEach((item) => {
-    const groupLabel = item.group || "";
-    if (!groups[groupLabel]) {
-      groups[groupLabel] = [];
-    }
-    groups[groupLabel].push(item);
-  });
-  const organizedItems = [];
-  Object.entries(groups).forEach(([, groupItems]) => {
-    organizedItems.push(...groupItems);
-  });
-  return organizedItems;
-}
-function useSlashDropdownMenu(config) {
-  const getSlashMenuItems = React.useCallback(
-    (editor) => {
-      const items = [];
-      const enabledItems = (config == null ? void 0 : config.enabledItems) || Object.keys(texts);
-      const showGroups = (config == null ? void 0 : config.showGroups) !== false;
-      const itemImplementations = getItemImplementations();
-      enabledItems.forEach((itemType) => {
-        var _a;
-        const itemImpl = itemImplementations[itemType];
-        const itemText = texts[itemType];
-        if (itemImpl && itemText && itemImpl.check(editor)) {
-          const item = {
-            onSelect: ({ editor: editor2 }) => itemImpl.action({ editor: editor2 }),
-            ...itemText
-          };
-          if ((_a = config == null ? void 0 : config.itemGroups) == null ? void 0 : _a[itemType]) {
-            item.group = config.itemGroups[itemType];
-          } else if (!showGroups) {
-            item.group = "";
-          }
-          items.push(item);
-        }
-      });
-      if (config == null ? void 0 : config.customItems) {
-        items.push(...config.customItems);
-      }
-      return organizeItemsByGroups(items, showGroups);
-    },
-    [config]
-  );
-  return {
-    getSlashMenuItems,
-    config
-  };
-}
-
-export {
-  useSlashDropdownMenu
-};