@4399ywkf/editor 0.3.0 → 0.3.1

package/dist/{DocView-GDN5CZCJ.js → DocView-WQIV7HIE.js}

@@ -1,4 +1,4 @@
-import { EditorConfigProvider, NotionEditor } from './chunk-ZRFOS52C.js';
+import { EditorConfigProvider, NotionEditor } from './chunk-Y2XE4CYZ.js';
 import { jsx } from 'react/jsx-runtime';
 
 function DocView({ content, readOnly, room, className, onReady }) {
@@ -14,5 +14,5 @@ function DocView({ content, readOnly, room, className, onReady }) {
 }
 
 export { DocView as default };
-//# sourceMappingURL=DocView-GDN5CZCJ.js.map
-//# sourceMappingURL=DocView-GDN5CZCJ.js.map
+//# sourceMappingURL=DocView-WQIV7HIE.js.map
+//# sourceMappingURL=DocView-WQIV7HIE.js.map

package/dist/{DocView-GDN5CZCJ.js.map → DocView-WQIV7HIE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/views/DocView.tsx"],"names":[],"mappings":";;;AAMe,SAAR,QAAyB,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAsB;AAClG,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EACH,8BAAC,oBAAA,EAAA,EAAqB,MAAA,EAAQ,EAAC,EAC7B,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,IAAQ,SAAA;AAAA,MACd,OAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA,EAAe,CAAC,MAAA,KAAmB,OAAA,GAAU,MAAM;AAAA;AAAA,KAEvD,CAAA,EACF,CAAA;AAEJ","file":"DocView-GDN5CZCJ.js","sourcesContent":["import type { Editor } from \"@tiptap/react\"\nimport { EditorConfigProvider } from \"../contexts/editor-config-context\"\nimport { NotionEditor } from \"../components/tiptap-templates/notion-like/notion-like-editor\"\nimport type { DocumentViewProps } from \"../registry\"\n\n/** doc 通道：云文档与本地 doc 是同一套 tiptap，不做区分 */\nexport default function DocView({ content, readOnly, room, className, onReady }: DocumentViewProps) {\n  return (\n    <div className={className}>\n      <EditorConfigProvider config={{}}>\n        <NotionEditor\n          room={room ?? \"default\"}\n          content={content as string}\n          readOnly={readOnly}\n          onEditorReady={(editor: Editor) => onReady?.(editor)}\n        />\n      </EditorConfigProvider>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/views/DocView.tsx"],"names":[],"mappings":";;;AAMe,SAAR,QAAyB,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAsB;AAClG,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EACH,8BAAC,oBAAA,EAAA,EAAqB,MAAA,EAAQ,EAAC,EAC7B,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,IAAQ,SAAA;AAAA,MACd,OAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA,EAAe,CAAC,MAAA,KAAmB,OAAA,GAAU,MAAM;AAAA;AAAA,KAEvD,CAAA,EACF,CAAA;AAEJ","file":"DocView-WQIV7HIE.js","sourcesContent":["import type { Editor } from \"@tiptap/react\"\nimport { EditorConfigProvider } from \"../contexts/editor-config-context\"\nimport { NotionEditor } from \"../components/tiptap-templates/notion-like/notion-like-editor\"\nimport type { DocumentViewProps } from \"../registry\"\n\n/** doc 通道：云文档与本地 doc 是同一套 tiptap，不做区分 */\nexport default function DocView({ content, readOnly, room, className, onReady }: DocumentViewProps) {\n  return (\n    <div className={className}>\n      <EditorConfigProvider config={{}}>\n        <NotionEditor\n          room={room ?? \"default\"}\n          content={content as string}\n          readOnly={readOnly}\n          onEditorReady={(editor: Editor) => onReady?.(editor)}\n        />\n      </EditorConfigProvider>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-ZRFOS52C.js → chunk-Y2XE4CYZ.js}

@@ -20973,6 +20973,359 @@ function MobileToolbar({ editor: providedEditor }) {
     }
   );
 }
+var CONTEXT_WINDOW_SIZE = 300;
+function getNodeTypeAtSelection(editor) {
+  const { from } = editor.state.selection;
+  const $from = editor.state.doc.resolve(from);
+  return $from.parent.type.name;
+}
+function getHeadingLevel(editor) {
+  const { from } = editor.state.selection;
+  const $from = editor.state.doc.resolve(from);
+  for (let d = $from.depth; d > 0; d--) {
+    const node = $from.node(d);
+    const match = node.type.name.match(/heading(\d)/);
+    if (match) {
+      return parseInt(match[1], 10);
+    }
+  }
+  return void 0;
+}
+function getFullDocument(editor) {
+  return editor.state.doc.textContent;
+}
+function useAIContext(editor) {
+  const buildContext = useCallback(
+    (prompt) => {
+      if (!editor) {
+        return null;
+      }
+      const { from, to } = editor.state.selection;
+      const selectedText = editor.state.doc.textBetween(from, to);
+      if (!selectedText) {
+        return null;
+      }
+      const textBefore = editor.state.doc.textBetween(0, from);
+      const lines = textBefore.split("\n");
+      const line = lines.length;
+      const column = lines[lines.length - 1].length;
+      const precedingPos = Math.max(1, from - CONTEXT_WINDOW_SIZE);
+      const followingPos = Math.min(editor.state.doc.content.size, to + CONTEXT_WINDOW_SIZE);
+      const precedingText = editor.state.doc.textBetween(precedingPos, from);
+      const followingText = editor.state.doc.textBetween(to, followingPos);
+      return {
+        prompt,
+        selectedText,
+        position: {
+          line,
+          column
+        },
+        precedingText,
+        followingText,
+        nodeType: getNodeTypeAtSelection(editor),
+        currentHeadingLevel: getHeadingLevel(editor),
+        fullDocument: getFullDocument(editor),
+        documentFormat: "markdown"
+      };
+    },
+    [editor]
+  );
+  return { buildContext };
+}
+var AIConfigContext = createContext(null);
+function useAIConfig() {
+  return useContext(AIConfigContext);
+}
+var SparklesIcon = memo(({ className, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      className,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2C12.5523 2 13 2.44772 13 3V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V3C11 2.44772 11.4477 2 12 2Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.5 4.5C19.8978 4.10221 20.5244 4.10221 20.9222 4.5C21.32 4.89779 21.32 5.52441 20.9222 5.92221L19.5 7.34442C19.1022 7.74221 18.4756 7.74221 18.0778 7.34442C17.68 6.94663 17.68 6.32001 18.0778 5.92221L19.5 4.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 11C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H20C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11H22Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.5 19.5L20.9222 18.0778C21.32 17.68 21.32 17.0534 20.9222 16.6556C20.5244 16.2578 19.8978 16.2578 19.5 16.6556L18.0778 18.0778C17.68 18.4756 17.68 19.1022 18.0778 19.5C18.4756 19.8978 19.1022 19.8978 19.5 19.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 18C12.5523 18 13 18.4477 13 19V21C13 21.5523 12.5523 22 12 22C11.4477 22 11 21.5523 11 21V19C11 18.4477 11.4477 18 12 18Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.5 19.5C4.89779 19.8978 4.89779 20.5244 4.5 20.9222C4.10221 21.32 3.47559 21.32 3.0778 20.9222L1.65558 19.5C1.25779 19.1022 1.25779 18.4756 1.65558 18.0778C2.05337 17.68 2.67999 17.68 3.0778 18.0778L4.5 19.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2 12C2.55228 12 3 12.4477 3 13C3 13.5523 2.55228 14 2 14H0C-0.552285 14 -1 13.5523 -1 13C-1 12.4477 -0.552285 12 0 12H2Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.5 4.5C4.89779 4.10221 5.52441 4.10221 5.92221 4.5C6.32001 4.89779 6.32001 5.52441 5.92221 5.92221L4.5 7.34442C4.10221 7.74221 3.47559 7.74221 3.0778 7.34442C2.68001 6.94663 2.68001 6.32001 3.0778 5.92221L4.5 4.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 8C10.3431 8 9 9.34315 9 11C9 12.6569 10.3431 14 12 14C13.6569 14 15 12.6569 15 11C15 9.34315 13.6569 8 12 8Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+});
+SparklesIcon.displayName = "SparklesIcon";
+var SendIcon = memo(({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      className,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16.6915026,12.4744748 L3.50612381,13.2599618 C3.19218622,13.2599618 3.03521743,13.4170592 3.03521743,13.5741566 L1.15159189,20.0151496 C0.8376543,20.8006365 0.99,21.89 1.77946707,22.52 C2.41,22.99 3.50612381,23.1 4.13399899,22.8429026 L21.714504,14.0454487 C22.6563168,13.5741566 23.1272231,12.6315722 22.9702544,11.6889879 L4.13399899,1.16865248 C3.34915502,0.9115551 2.40734225,1.01399899 1.77946707,1.4852911 C0.994623095,2.1181258 0.837654326,3.20946707 1.15159189,3.99495876 L3.03521743,10.4359518 C3.03521743,10.5930492 3.19218622,10.7501467 3.50612381,10.7501467 L16.6915026,11.5356335 C16.6915026,11.5356335 17.1624089,11.5356335 17.1624089,12.0068766 C17.1624089,12.4781197 16.6915026,12.4744748 16.6915026,12.4744748 Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+});
+SendIcon.displayName = "SendIcon";
+function AIDialog({
+  editor,
+  config,
+  buildContext,
+  onClose
+}) {
+  const [prompt, setPrompt] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+  const handleSubmit = async () => {
+    if (!prompt.trim()) {
+      return;
+    }
+    setError(null);
+    setIsLoading(true);
+    try {
+      const context = buildContext(prompt);
+      if (!context) {
+        setError("No text selected");
+        setIsLoading(false);
+        return;
+      }
+      const result = await config.plugin.process(context);
+      if (result.error) {
+        setError(result.error);
+        setIsLoading(false);
+        return;
+      }
+      const { from, to } = editor.state.selection;
+      const tr = editor.state.tr.replaceWith(from, to, [
+        editor.state.schema.text(result.result)
+      ]);
+      editor.view.dispatch(tr);
+      onClose();
+      setPrompt("");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: "ai-dialog", children: [
+    /* @__PURE__ */ jsx(CardItemGroup, { children: /* @__PURE__ */ jsxs("div", { className: "ai-dialog-header", children: [
+      /* @__PURE__ */ jsx(SparklesIcon, { className: "ai-dialog-icon" }),
+      /* @__PURE__ */ jsx("span", { children: "AI Assistant" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(CardBody, { className: "ai-dialog-body", children: [
+      /* @__PURE__ */ jsx("div", { className: "ai-dialog-input-group", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref: inputRef,
+          type: "text",
+          placeholder: "What would you like me to do with the selected text?",
+          value: prompt,
+          onChange: (e) => {
+            setPrompt(e.target.value);
+            setError(null);
+          },
+          onKeyDown: handleKeyDown,
+          disabled: isLoading,
+          className: "ai-dialog-input"
+        }
+      ) }),
+      error && /* @__PURE__ */ jsx("div", { className: "ai-dialog-error", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "ai-dialog-actions", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: onClose,
+            disabled: isLoading,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "primary",
+            onClick: handleSubmit,
+            disabled: isLoading || !prompt.trim(),
+            children: [
+              isLoading ? "Processing..." : "Send",
+              !isLoading && /* @__PURE__ */ jsx(SendIcon, { className: "ai-dialog-button-icon" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var AIButton = forwardRef(
+  ({
+    editor: providedEditor,
+    config: providedConfig,
+    hideWhenUnavailable = true,
+    onClick,
+    ...buttonProps
+  }, ref) => {
+    const { editor } = useTiptapEditor(providedEditor);
+    const { buildContext } = useAIContext(editor);
+    const contextConfig = useAIConfig();
+    const [isOpen, setIsOpen] = useState(false);
+    const [shouldShow, setShouldShow] = useState(false);
+    const config = providedConfig || contextConfig;
+    const isEnabled = config?.enabled !== false;
+    useEffect(() => {
+      if (!editor) {
+        setShouldShow(false);
+        return;
+      }
+      const updateVisibility = () => {
+        const show = isEnabled && !hideWhenUnavailable && isSelectionValid(editor);
+        setShouldShow(show);
+      };
+      updateVisibility();
+      editor.on("selectionUpdate", updateVisibility);
+      return () => {
+        editor.off("selectionUpdate", updateVisibility);
+      };
+    }, [editor, hideWhenUnavailable, isEnabled]);
+    const handleOpenChange = useCallback(
+      (open) => {
+        setIsOpen(open);
+      },
+      []
+    );
+    const handleClick = useCallback(
+      (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          setIsOpen(true);
+        }
+      },
+      [onClick]
+    );
+    if (!shouldShow || !editor || !config) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          type: "button",
+          variant: "ghost",
+          role: "button",
+          tabIndex: -1,
+          "aria-label": "AI Assistant",
+          tooltip: "AI Assistant",
+          onClick: handleClick,
+          ...buttonProps,
+          children: /* @__PURE__ */ jsx(SparklesIcon, { className: "tiptap-button-icon" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          side: "top",
+          align: "start",
+          sideOffset: 4,
+          asChild: true,
+          children: /* @__PURE__ */ jsx(
+            AIDialog,
+            {
+              editor,
+              config,
+              buildContext,
+              onClose: () => handleOpenChange(false)
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+AIButton.displayName = "AIButton";
 function NotionToolbarFloating() {
   const { editor } = useTiptapEditor();
   const isMobile = useIsBreakpoint("max", 480);
@@ -21005,6 +21358,8 @@ function NotionToolbarFloating() {
       ),
       /* @__PURE__ */ jsx(ColorTextPopover, { hideWhenUnavailable: true })
     ] }),
+    /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+    /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(AIButton, { hideWhenUnavailable: true }) }),
     /* @__PURE__ */ jsx(MoreOptions, { hideWhenUnavailable: true })
   ] }) });
 }
@@ -21937,5 +22292,5 @@ function ArticleViewer({ content, placeholder = "" }) {
 }
 
 export { ArticleViewer, Audio, Button, CollabContext, CollabProvider, Column, Columns, DEFAULT_MAX_FILE_SIZES, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorConfigProvider, EditorContentArea, EditorProvider, FileAttachment, FloatingElement, HIDE_FLOATING_META, LoadingSpinner, MAC_SYMBOLS, MAX_FILE_SIZE, MediaUploadButton, MediaUploadPlaceholder, NotionEditor, NotionEditorContent, PasteDropMedia, Popover, PopoverContent, PopoverTrigger, SR_ONLY, Separator, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator, UiState, UserContext, UserProvider, Video, clamp, cn, defaultUiState, detectMediaKind, findNodeAtPosition, findNodePosition, findSelectionPosition, focusNextNode, formatShortcutKey, getAvatar, getElementOverflowPosition, getNodeDisplayName, getSelectedBlockNodes, getSelectedNodesOfType, getSelectionBoundingRect, getUrlParam, handleImageUpload, hasContentAbove, isAllowedUri, isExtensionAvailable, isMac, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isSelectionValid, isTextSelectionValid, isValidPosition, markHideFloatingOnNext, parseShortcutKeys, pickFile, removeEmptyParagraphs, resolveMaxSize, runMediaUpload, sanitizeUrl, selectCurrentBlockContent, selectNodeAndHideFloating, selectionWithinConvertibleTypes, updateNodesAttr, useCollab, useCollaboration, useComposedRef, useCursorVisibility, useEditorConfig, useElementRect, useFloatingElement, useFloatingToolbarVisibility, useIsBreakpoint, useIsomorphicLayoutEffect, useMenuNavigation, useOnClickOutside, useThrottledCallback, useTiptapEditor, useUiEditorState, useUnmount, useUser, useWindowSize, use_ui_editor_state_default };
-//# sourceMappingURL=chunk-ZRFOS52C.js.map
-//# sourceMappingURL=chunk-ZRFOS52C.js.map
+//# sourceMappingURL=chunk-Y2XE4CYZ.js.map
+//# sourceMappingURL=chunk-Y2XE4CYZ.js.map