dishui 0.0.64 → 0.0.66

package/dist/components/pro/RichTextEditor/RichTextEditor.js

@@ -1,276 +1,272 @@
-import { FloatingDialogExtension as io } from "./extensions/FloatingDialog.js";
-import mo from "./Toolbar/Toolbar.js";
-import so from "./AIRewrite.js";
-import ao from "./ContextMenu.js";
-import lo from "./CommentPanel.js";
-import co from "./CommentDialog.js";
-import fo from "./CommentPopover.js";
-import po from "./SlashMenu.js";
-import uo from "./BubbleToolbar.js";
-import ho from "./BlockHandle.js";
-import { MarkdownBlockExtension as go } from "./extensions/MarkdownBlock.js";
-import { CodeBlockExtension as Co } from "./extensions/CodeBlockView.js";
-import To from "./extensions/FontSize.js";
-import { CommentMark as bo } from "./extensions/CommentMark.js";
+import { cn as e } from "../../../utils/cn.js";
+import { FloatingDialogExtension as t } from "./extensions/FloatingDialog.js";
+import n from "./Toolbar/Toolbar.js";
+import ee from "./AIRewrite.js";
+import r from "./ContextMenu.js";
+import i from "./CommentPanel.js";
+import a from "./CommentDialog.js";
+import o from "./CommentPopover.js";
+import s from "./SlashMenu.js";
+import c from "./BubbleToolbar.js";
+import te from "./BlockHandle.js";
+import { MarkdownBlockExtension as ne } from "./extensions/MarkdownBlock.js";
+import { CodeBlockExtension as re } from "./extensions/CodeBlockView.js";
+import ie from "./extensions/FontSize.js";
+import { CommentMark as ae } from "./extensions/CommentMark.js";
 /* empty css       */
-import { useCallback as h, useEffect as k, useRef as So, useState as i } from "react";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { EditorContent as ko, useEditor as xo } from "@tiptap/react";
-import vo from "@tiptap/starter-kit";
-import _o from "@tiptap/extension-underline";
-import { TextStyle as wo } from "@tiptap/extension-text-style";
-import Ao from "@tiptap/extension-color";
-import yo from "@tiptap/extension-highlight";
-import No from "@tiptap/extension-text-align";
-import Mo from "@tiptap/extension-link";
-import Io from "@tiptap/extension-image";
-import { Table as Po } from "@tiptap/extension-table";
-import Ro from "@tiptap/extension-table-row";
-import Bo from "@tiptap/extension-table-cell";
-import Eo from "@tiptap/extension-table-header";
-import Do from "@tiptap/extension-placeholder";
-import Lo from "@tiptap/extension-task-list";
-import $o from "@tiptap/extension-task-item";
-import Fo from "@tiptap/extension-subscript";
-import Ho from "@tiptap/extension-superscript";
-import Oo from "@tiptap/extension-typography";
-import jo from "@tiptap/extension-font-family";
-function I() {
-  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+import { useCallback as l, useEffect as u, useRef as oe, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EditorContent as m, useEditor as se } from "@tiptap/react";
+import ce from "@tiptap/starter-kit";
+import le from "@tiptap/extension-underline";
+import { TextStyle as ue } from "@tiptap/extension-text-style";
+import de from "@tiptap/extension-color";
+import fe from "@tiptap/extension-highlight";
+import pe from "@tiptap/extension-text-align";
+import me from "@tiptap/extension-link";
+import he from "@tiptap/extension-image";
+import { Table as ge } from "@tiptap/extension-table";
+import _e from "@tiptap/extension-table-row";
+import ve from "@tiptap/extension-table-cell";
+import h from "@tiptap/extension-table-header";
+import g from "@tiptap/extension-placeholder";
+import _ from "@tiptap/extension-task-list";
+import v from "@tiptap/extension-task-item";
+import y from "@tiptap/extension-subscript";
+import b from "@tiptap/extension-superscript";
+import x from "@tiptap/extension-typography";
+import S from "@tiptap/extension-font-family";
+//#region src/components/pro/RichTextEditor/RichTextEditor.tsx
+function C() {
+	return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
-var At = ({ content: P, value: s, onChange: R, onChangeJSON: B, placeholder: E = "Start writing...", editable: n = !0, aiConfig: c, toolbarConfig: D, minHeight: g = "200px", maxHeight: f, className: L = "", autofocus: $ = !1, labels: C, editorRef: T, notionMode: F = !1, showComments: H = !1, commentThreads: O, onCommentThreadsChange: j, currentUser: d }) => {
-  const [z, q] = i(!1), [J, x] = i(!1), [K, U] = i(""), [V, W] = i({
-    from: 0,
-    to: 0
-  }), [m, v] = i(F), [p, _] = i(H), [G, Q] = i([]), [X, b] = i(!1), [w, Y] = i({
-    from: 0,
-    to: 0
-  }), A = So(null), a = O ?? G, u = j ?? Q, o = xo({
-    extensions: [
-      vo.configure({
-        codeBlock: !1,
-        heading: { levels: [
-          1,
-          2,
-          3,
-          4,
-          5,
-          6
-        ] }
-      }),
-      _o,
-      wo,
-      Ao,
-      yo.configure({ multicolor: !0 }),
-      No.configure({ types: ["heading", "paragraph"] }),
-      Mo.configure({
-        openOnClick: !1,
-        autolink: !0,
-        HTMLAttributes: { class: "rte-link" }
-      }),
-      Io.configure({
-        inline: !1,
-        allowBase64: !0
-      }),
-      Po.configure({ resizable: !0 }),
-      Ro,
-      Bo,
-      Eo,
-      Do.configure({ placeholder: E }),
-      Co,
-      Lo,
-      $o.configure({ nested: !0 }),
-      Fo,
-      Ho,
-      Oo,
-      jo,
-      To,
-      io,
-      go,
-      bo
-    ],
-    content: s || P || "",
-    editable: n,
-    autofocus: $ ? "end" : !1,
-    onUpdate: ({ editor: e }) => {
-      R?.(e.getHTML()), B?.(e.getJSON());
-    }
-  });
-  k(() => {
-    T && o && (T.current = o);
-  }, [o, T]), k(() => {
-    o && s !== void 0 && s !== o.getHTML() && o.commands.setContent(s, { emitUpdate: !1 });
-  }, [o, s]), k(() => {
-    o && o.setEditable(n);
-  }, [o, n]);
-  const y = h(() => {
-    if (!o) return;
-    const { from: e, to: r } = o.state.selection, S = e !== r ? o.state.doc.textBetween(e, r, " ") : "";
-    U(S), W({
-      from: e,
-      to: r
-    }), x(!0);
-  }, [o]), N = h(() => {
-    if (!o) return;
-    const { from: e, to: r } = o.state.selection;
-    e !== r && (Y({
-      from: e,
-      to: r
-    }), b(!0));
-  }, [o]), Z = h((e) => {
-    if (!o) return;
-    const r = I(), S = {
-      id: r,
-      resolved: !1,
-      comments: [{
-        id: I(),
-        author: d || "User",
-        text: e,
-        createdAt: Date.now()
-      }],
-      createdAt: Date.now()
-    };
-    o.chain().focus().setTextSelection(w).setComment(r).run(), u([...a, S]), b(!1);
-  }, [
-    o,
-    w,
-    a,
-    u,
-    d
-  ]), oo = h((e) => {
-    A.current?.scrollToThread(e);
-  }, []);
-  if (!o) return null;
-  const to = typeof g == "number" ? `${g}px` : g, eo = f ? typeof f == "number" ? `${f}px` : f : void 0, no = [
-    "rte-container",
-    z ? "rte-container--format-painter" : "",
-    m ? "rte-container--notion" : "",
-    L
-  ].filter(Boolean).join(" "), ro = a.filter((e) => !e.resolved).length, M = /* @__PURE__ */ l("div", {
-    className: "rte-mode-toggle",
-    children: [
-      /* @__PURE__ */ t("button", {
-        type: "button",
-        className: `rte-mode-toggle__btn ${m ? "" : "rte-mode-toggle__btn--active"}`,
-        onClick: () => v(!1),
-        title: "Classic mode",
-        children: "Classic"
-      }),
-      /* @__PURE__ */ t("button", {
-        type: "button",
-        className: `rte-mode-toggle__btn ${m ? "rte-mode-toggle__btn--active" : ""}`,
-        onClick: () => v(!0),
-        title: "Notion-style mode",
-        children: "Notion"
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "rte-toolbar__divider",
-        style: {
-          height: 20,
-          margin: "0 4px"
-        }
-      }),
-      /* @__PURE__ */ l("button", {
-        type: "button",
-        className: `rte-toolbar__btn rte-toolbar__comment-btn ${p ? "rte-toolbar__btn--active" : ""}`,
-        onClick: () => _(!p),
-        title: "Toggle comments",
-        children: [/* @__PURE__ */ t("svg", {
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: /* @__PURE__ */ t("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
-        }), ro > 0 && /* @__PURE__ */ t("span", { className: "rte-toolbar__comment-badge" })]
-      })
-    ]
-  });
-  return /* @__PURE__ */ l("div", {
-    className: no,
-    style: {
-      minHeight: to,
-      maxHeight: eo
-    },
-    children: [
-      n && !m && /* @__PURE__ */ t(mo, {
-        editor: o,
-        config: D,
-        labels: C,
-        hasAI: !!c,
-        onAIClick: y,
-        onFormatPainterChange: q,
-        children: M
-      }),
-      n && m && /* @__PURE__ */ t("div", {
-        className: "rte-notion-topbar",
-        children: M
-      }),
-      /* @__PURE__ */ l("div", {
-        style: {
-          display: "flex",
-          flex: 1,
-          overflow: "hidden"
-        },
-        children: [/* @__PURE__ */ l("div", {
-          className: "rte-editor-wrapper",
-          style: { flex: 1 },
-          children: [
-            /* @__PURE__ */ t(ko, {
-              editor: o,
-              className: "rte-editor-content"
-            }),
-            n && /* @__PURE__ */ t(ao, {
-              editor: o,
-              labels: C,
-              onAIClick: c ? y : void 0
-            }),
-            n && /* @__PURE__ */ t(po, { editor: o }),
-            n && m && /* @__PURE__ */ t(uo, {
-              editor: o,
-              onAddComment: N
-            }),
-            n && m && /* @__PURE__ */ t(ho, { editor: o }),
-            /* @__PURE__ */ t(fo, {
-              editor: o,
-              threads: a,
-              onThreadsChange: u,
-              showPanel: p,
-              onOpenPanel: () => _(!0),
-              onScrollToThread: oo,
-              currentUser: d
-            })
-          ]
-        }), p && /* @__PURE__ */ t(lo, {
-          ref: A,
-          editor: o,
-          threads: a,
-          onThreadsChange: u,
-          onRequestAddComment: N,
-          currentUser: d
-        })]
-      }),
-      c && J && /* @__PURE__ */ t(so, {
-        editor: o,
-        aiConfig: c,
-        labels: C,
-        initialSelection: K,
-        selectionRange: V,
-        onClose: () => x(!1)
-      }),
-      /* @__PURE__ */ t(co, {
-        open: X,
-        onSubmit: Z,
-        onClose: () => b(!1)
-      })
-    ]
-  });
-};
-export {
-  At as default
+var w = ({ content: w, value: T, onChange: E, onChangeJSON: D, placeholder: O = "Start writing...", editable: k = !0, aiConfig: A, toolbarConfig: j, minHeight: M = "200px", maxHeight: N, className: P = "", autofocus: F = !1, labels: I, editorRef: L, notionMode: R = !1, showComments: ye = !1, commentThreads: be, onCommentThreadsChange: xe, currentUser: z }) => {
+	let [Se, Ce] = d(!1), [we, B] = d(!1), [Te, Ee] = d(""), [De, Oe] = d({
+		from: 0,
+		to: 0
+	}), [V, H] = d(R), [U, W] = d(ye), [ke, Ae] = d([]), [je, G] = d(!1), [K, Me] = d({
+		from: 0,
+		to: 0
+	}), q = oe(null), J = be ?? ke, Y = xe ?? Ae, X = se({
+		extensions: [
+			ce.configure({
+				codeBlock: !1,
+				heading: { levels: [
+					1,
+					2,
+					3,
+					4,
+					5,
+					6
+				] }
+			}),
+			le,
+			ue,
+			de,
+			fe.configure({ multicolor: !0 }),
+			pe.configure({ types: ["heading", "paragraph"] }),
+			me.configure({
+				openOnClick: !1,
+				autolink: !0,
+				HTMLAttributes: { class: "rte-link" }
+			}),
+			he.configure({
+				inline: !1,
+				allowBase64: !0
+			}),
+			ge.configure({ resizable: !0 }),
+			_e,
+			ve,
+			h,
+			g.configure({ placeholder: O }),
+			re,
+			_,
+			v.configure({ nested: !0 }),
+			y,
+			b,
+			x,
+			S,
+			ie,
+			t,
+			ne,
+			ae
+		],
+		content: T || w || "",
+		editable: k,
+		autofocus: F ? "end" : !1,
+		onUpdate: ({ editor: e }) => {
+			E?.(e.getHTML()), D?.(e.getJSON());
+		}
+	});
+	u(() => {
+		L && X && (L.current = X);
+	}, [X, L]), u(() => {
+		X && T !== void 0 && T !== X.getHTML() && X.commands.setContent(T, { emitUpdate: !1 });
+	}, [X, T]), u(() => {
+		X && X.setEditable(k);
+	}, [X, k]);
+	let Z = l(() => {
+		if (!X) return;
+		let { from: e, to: t } = X.state.selection, n = e === t ? "" : X.state.doc.textBetween(e, t, " ");
+		Ee(n), Oe({
+			from: e,
+			to: t
+		}), B(!0);
+	}, [X]), Q = l(() => {
+		if (!X) return;
+		let { from: e, to: t } = X.state.selection;
+		e !== t && (Me({
+			from: e,
+			to: t
+		}), G(!0));
+	}, [X]), Ne = l((e) => {
+		if (!X) return;
+		let t = C(), n = {
+			id: t,
+			resolved: !1,
+			comments: [{
+				id: C(),
+				author: z || "User",
+				text: e,
+				createdAt: Date.now()
+			}],
+			createdAt: Date.now()
+		};
+		X.chain().focus().setTextSelection(K).setComment(t).run(), Y([...J, n]), G(!1);
+	}, [
+		X,
+		K,
+		J,
+		Y,
+		z
+	]), Pe = l((e) => {
+		q.current?.scrollToThread(e);
+	}, []);
+	if (!X) return null;
+	let Fe = typeof M == "number" ? `${M}px` : M, Ie = N ? typeof N == "number" ? `${N}px` : N : void 0, Le = e("rte-container", Se && "rte-container--format-painter", V && "rte-container--notion", P), Re = J.filter((e) => !e.resolved).length, $ = /* @__PURE__ */ p("div", {
+		className: "rte-mode-toggle",
+		children: [
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				className: `rte-mode-toggle__btn ${V ? "" : "rte-mode-toggle__btn--active"}`,
+				onClick: () => H(!1),
+				title: "Classic mode",
+				children: "Classic"
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				className: `rte-mode-toggle__btn ${V ? "rte-mode-toggle__btn--active" : ""}`,
+				onClick: () => H(!0),
+				title: "Notion-style mode",
+				children: "Notion"
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "rte-toolbar__divider",
+				style: {
+					height: 20,
+					margin: "0 4px"
+				}
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				className: `rte-toolbar__btn rte-toolbar__comment-btn ${U ? "rte-toolbar__btn--active" : ""}`,
+				onClick: () => W(!U),
+				title: "Toggle comments",
+				children: [/* @__PURE__ */ f("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ f("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" })
+				}), Re > 0 && /* @__PURE__ */ f("span", { className: "rte-toolbar__comment-badge" })]
+			})
+		]
+	});
+	return /* @__PURE__ */ p("div", {
+		className: Le,
+		style: {
+			minHeight: Fe,
+			maxHeight: Ie
+		},
+		children: [
+			k && !V && /* @__PURE__ */ f(n, {
+				editor: X,
+				config: j,
+				labels: I,
+				hasAI: !!A,
+				onAIClick: Z,
+				onFormatPainterChange: Ce,
+				children: $
+			}),
+			k && V && /* @__PURE__ */ f("div", {
+				className: "rte-notion-topbar",
+				children: $
+			}),
+			/* @__PURE__ */ p("div", {
+				style: {
+					display: "flex",
+					flex: 1,
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ p("div", {
+					className: "rte-editor-wrapper",
+					style: { flex: 1 },
+					children: [
+						/* @__PURE__ */ f(m, {
+							editor: X,
+							className: "rte-editor-content"
+						}),
+						k && /* @__PURE__ */ f(r, {
+							editor: X,
+							labels: I,
+							onAIClick: A ? Z : void 0
+						}),
+						k && /* @__PURE__ */ f(s, { editor: X }),
+						k && V && /* @__PURE__ */ f(c, {
+							editor: X,
+							onAddComment: Q
+						}),
+						k && V && /* @__PURE__ */ f(te, { editor: X }),
+						/* @__PURE__ */ f(o, {
+							editor: X,
+							threads: J,
+							onThreadsChange: Y,
+							showPanel: U,
+							onOpenPanel: () => W(!0),
+							onScrollToThread: Pe,
+							currentUser: z
+						})
+					]
+				}), U && /* @__PURE__ */ f(i, {
+					ref: q,
+					editor: X,
+					threads: J,
+					onThreadsChange: Y,
+					onRequestAddComment: Q,
+					currentUser: z
+				})]
+			}),
+			A && we && /* @__PURE__ */ f(ee, {
+				editor: X,
+				aiConfig: A,
+				labels: I,
+				initialSelection: Te,
+				selectionRange: De,
+				onClose: () => B(!1)
+			}),
+			/* @__PURE__ */ f(a, {
+				open: je,
+				onSubmit: Ne,
+				onClose: () => G(!1)
+			})
+		]
+	});
 };
+//#endregion
+export { w as default };
 
 //# sourceMappingURL=RichTextEditor.js.map

package/dist/components/pro/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useState, useRef } from 'react';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Underline from '@tiptap/extension-underline';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Color from '@tiptap/extension-color';\nimport Highlight from '@tiptap/extension-highlight';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Link from '@tiptap/extension-link';\nimport Image from '@tiptap/extension-image';\nimport { Table } from '@tiptap/extension-table';\nimport TableRow from '@tiptap/extension-table-row';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport TaskList from '@tiptap/extension-task-list';\nimport TaskItem from '@tiptap/extension-task-item';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport Typography from '@tiptap/extension-typography';\nimport FontFamily from '@tiptap/extension-font-family';\n\nimport Toolbar from './Toolbar';\nimport AIRewrite from './AIRewrite';\nimport ContextMenu from './ContextMenu';\nimport CommentPanel from './CommentPanel';\nimport type { CommentPanelHandle } from './CommentPanel';\nimport CommentDialog from './CommentDialog';\nimport CommentPopover from './CommentPopover';\nimport SlashMenu from './SlashMenu';\nimport BubbleToolbar from './BubbleToolbar';\nimport BlockHandle from './BlockHandle';\nimport { MarkdownBlockExtension } from './extensions/MarkdownBlock';\nimport { CodeBlockExtension } from './extensions/CodeBlockView';\nimport FontSize from './extensions/FontSize';\nimport { FloatingDialogExtension } from './extensions/FloatingDialog';\nimport { CommentMark } from './extensions/CommentMark';\nimport type { CommentThread } from './extensions/CommentMark';\nimport type { RichTextEditorProps } from './types';\nimport './styles.css';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  content,\n  value,\n  onChange,\n  onChangeJSON,\n  placeholder = 'Start writing...',\n  editable = true,\n  aiConfig,\n  toolbarConfig,\n  minHeight = '200px',\n  maxHeight,\n  className = '',\n  autofocus = false,\n  labels,\n  editorRef,\n  notionMode: initialNotionMode = false,\n  showComments: initialShowComments = false,\n  commentThreads: externalThreads,\n  onCommentThreadsChange,\n  currentUser,\n}) => {\n  const [formatPainterActive, setFormatPainterActive] = useState(false);\n  const [showAIPanel, setShowAIPanel] = useState(false);\n  const [aiSelection, setAiSelection] = useState('');\n  const [aiSelectionRange, setAiSelectionRange] = useState({ from: 0, to: 0 });\n  const [notionMode, setNotionMode] = useState(initialNotionMode);\n  const [showComments, setShowComments] = useState(initialShowComments);\n  const [internalThreads, setInternalThreads] = useState<CommentThread[]>([]);\n  const [commentDialogOpen, setCommentDialogOpen] = useState(false);\n  const [commentSelectionRange, setCommentSelectionRange] = useState({ from: 0, to: 0 });\n  const commentPanelRef = useRef<CommentPanelHandle>(null);\n\n  const threads = externalThreads ?? internalThreads;\n  const setThreads = onCommentThreadsChange ?? setInternalThreads;\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        codeBlock: false,\n        heading: { levels: [1, 2, 3, 4, 5, 6] },\n      }),\n      Underline,\n      TextStyle,\n      Color,\n      Highlight.configure({ multicolor: true }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Link.configure({\n        openOnClick: false,\n        autolink: true,\n        HTMLAttributes: { class: 'rte-link' },\n      }),\n      Image.configure({ inline: false, allowBase64: true }),\n      Table.configure({ resizable: true }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({ placeholder }),\n      CodeBlockExtension,\n      TaskList,\n      TaskItem.configure({ nested: true }),\n      Subscript,\n      Superscript,\n      Typography,\n      FontFamily,\n      FontSize,\n      FloatingDialogExtension,\n      MarkdownBlockExtension,\n      CommentMark,\n    ],\n    content: value || content || '',\n    editable,\n    autofocus: autofocus ? 'end' : false,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      onChangeJSON?.(e.getJSON() as Record<string, unknown>);\n    },\n  });\n\n  useEffect(() => {\n    if (editorRef && editor) {\n      editorRef.current = editor;\n    }\n  }, [editor, editorRef]);\n\n  useEffect(() => {\n    if (editor && value !== undefined) {\n      const currentHTML = editor.getHTML();\n      if (value !== currentHTML) {\n        editor.commands.setContent(value, { emitUpdate: false });\n      }\n    }\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (editor) {\n      editor.setEditable(editable);\n    }\n  }, [editor, editable]);\n\n  const handleAIClick = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    const text = from !== to\n      ? editor.state.doc.textBetween(from, to, ' ')\n      : '';\n    setAiSelection(text);\n    setAiSelectionRange({ from, to });\n    setShowAIPanel(true);\n  }, [editor]);\n\n  const requestAddComment = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    if (from === to) return;\n    setCommentSelectionRange({ from, to });\n    setCommentDialogOpen(true);\n  }, [editor]);\n\n  const handleCommentSubmit = useCallback((text: string) => {\n    if (!editor) return;\n    const id = generateId();\n    const thread: CommentThread = {\n      id,\n      resolved: false,\n      comments: [{\n        id: generateId(),\n        author: currentUser || 'User',\n        text,\n        createdAt: Date.now(),\n      }],\n      createdAt: Date.now(),\n    };\n    editor.chain()\n      .focus()\n      .setTextSelection(commentSelectionRange)\n      .setComment(id)\n      .run();\n    setThreads([...threads, thread]);\n    setCommentDialogOpen(false);\n  }, [editor, commentSelectionRange, threads, setThreads, currentUser]);\n\n  const handleScrollToThread = useCallback((id: string) => {\n    commentPanelRef.current?.scrollToThread(id);\n  }, []);\n\n  if (!editor) return null;\n\n  const minH = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n  const maxH = maxHeight ? (typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight) : undefined;\n\n  const containerClass = [\n    'rte-container',\n    formatPainterActive ? 'rte-container--format-painter' : '',\n    notionMode ? 'rte-container--notion' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const activeCommentCount = threads.filter((t) => !t.resolved).length;\n\n  const modeToggle = (\n    <div className=\"rte-mode-toggle\">\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${!notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(false)}\n        title=\"Classic mode\"\n      >\n        Classic\n      </button>\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(true)}\n        title=\"Notion-style mode\"\n      >\n        Notion\n      </button>\n      <div className=\"rte-toolbar__divider\" style={{ height: 20, margin: '0 4px' }} />\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn rte-toolbar__comment-btn ${showComments ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setShowComments(!showComments)}\n        title=\"Toggle comments\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" />\n        </svg>\n        {activeCommentCount > 0 && <span className=\"rte-toolbar__comment-badge\" />}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className={containerClass} style={{ minHeight: minH, maxHeight: maxH }}>\n      {editable && !notionMode && (\n        <Toolbar\n          editor={editor}\n          config={toolbarConfig}\n          labels={labels}\n          hasAI={!!aiConfig}\n          onAIClick={handleAIClick}\n          onFormatPainterChange={setFormatPainterActive}\n        >\n          {modeToggle}\n        </Toolbar>\n      )}\n\n      {editable && notionMode && (\n        <div className=\"rte-notion-topbar\">\n          {modeToggle}\n        </div>\n      )}\n\n      <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <div className=\"rte-editor-wrapper\" style={{ flex: 1 }}>\n          <EditorContent editor={editor} className=\"rte-editor-content\" />\n          {editable && <ContextMenu editor={editor} labels={labels} onAIClick={aiConfig ? handleAIClick : undefined} />}\n          {editable && <SlashMenu editor={editor} />}\n          {editable && notionMode && <BubbleToolbar editor={editor} onAddComment={requestAddComment} />}\n          {editable && notionMode && <BlockHandle editor={editor} />}\n          <CommentPopover\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            showPanel={showComments}\n            onOpenPanel={() => setShowComments(true)}\n            onScrollToThread={handleScrollToThread}\n            currentUser={currentUser}\n          />\n        </div>\n\n        {showComments && (\n          <CommentPanel\n            ref={commentPanelRef}\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            onRequestAddComment={requestAddComment}\n            currentUser={currentUser}\n          />\n        )}\n      </div>\n\n      {aiConfig && showAIPanel && (\n        <AIRewrite\n          editor={editor}\n          aiConfig={aiConfig}\n          labels={labels}\n          initialSelection={aiSelection}\n          selectionRange={aiSelectionRange}\n          onClose={() => setShowAIPanel(false)}\n        />\n      )}\n\n      <CommentDialog\n        open={commentDialogOpen}\n        onSubmit={handleCommentSubmit}\n        onClose={() => setCommentDialogOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useState, useRef } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Underline from '@tiptap/extension-underline';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Color from '@tiptap/extension-color';\nimport Highlight from '@tiptap/extension-highlight';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Link from '@tiptap/extension-link';\nimport Image from '@tiptap/extension-image';\nimport { Table } from '@tiptap/extension-table';\nimport TableRow from '@tiptap/extension-table-row';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport TaskList from '@tiptap/extension-task-list';\nimport TaskItem from '@tiptap/extension-task-item';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport Typography from '@tiptap/extension-typography';\nimport FontFamily from '@tiptap/extension-font-family';\n\nimport Toolbar from './Toolbar';\nimport AIRewrite from './AIRewrite';\nimport ContextMenu from './ContextMenu';\nimport CommentPanel from './CommentPanel';\nimport type { CommentPanelHandle } from './CommentPanel';\nimport CommentDialog from './CommentDialog';\nimport CommentPopover from './CommentPopover';\nimport SlashMenu from './SlashMenu';\nimport BubbleToolbar from './BubbleToolbar';\nimport BlockHandle from './BlockHandle';\nimport { MarkdownBlockExtension } from './extensions/MarkdownBlock';\nimport { CodeBlockExtension } from './extensions/CodeBlockView';\nimport FontSize from './extensions/FontSize';\nimport { FloatingDialogExtension } from './extensions/FloatingDialog';\nimport { CommentMark } from './extensions/CommentMark';\nimport type { CommentThread } from './extensions/CommentMark';\nimport type { RichTextEditorProps } from './types';\nimport './styles.css';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  content,\n  value,\n  onChange,\n  onChangeJSON,\n  placeholder = 'Start writing...',\n  editable = true,\n  aiConfig,\n  toolbarConfig,\n  minHeight = '200px',\n  maxHeight,\n  className = '',\n  autofocus = false,\n  labels,\n  editorRef,\n  notionMode: initialNotionMode = false,\n  showComments: initialShowComments = false,\n  commentThreads: externalThreads,\n  onCommentThreadsChange,\n  currentUser,\n}) => {\n  const [formatPainterActive, setFormatPainterActive] = useState(false);\n  const [showAIPanel, setShowAIPanel] = useState(false);\n  const [aiSelection, setAiSelection] = useState('');\n  const [aiSelectionRange, setAiSelectionRange] = useState({ from: 0, to: 0 });\n  const [notionMode, setNotionMode] = useState(initialNotionMode);\n  const [showComments, setShowComments] = useState(initialShowComments);\n  const [internalThreads, setInternalThreads] = useState<CommentThread[]>([]);\n  const [commentDialogOpen, setCommentDialogOpen] = useState(false);\n  const [commentSelectionRange, setCommentSelectionRange] = useState({ from: 0, to: 0 });\n  const commentPanelRef = useRef<CommentPanelHandle>(null);\n\n  const threads = externalThreads ?? internalThreads;\n  const setThreads = onCommentThreadsChange ?? setInternalThreads;\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        codeBlock: false,\n        heading: { levels: [1, 2, 3, 4, 5, 6] },\n      }),\n      Underline,\n      TextStyle,\n      Color,\n      Highlight.configure({ multicolor: true }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Link.configure({\n        openOnClick: false,\n        autolink: true,\n        HTMLAttributes: { class: 'rte-link' },\n      }),\n      Image.configure({ inline: false, allowBase64: true }),\n      Table.configure({ resizable: true }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({ placeholder }),\n      CodeBlockExtension,\n      TaskList,\n      TaskItem.configure({ nested: true }),\n      Subscript,\n      Superscript,\n      Typography,\n      FontFamily,\n      FontSize,\n      FloatingDialogExtension,\n      MarkdownBlockExtension,\n      CommentMark,\n    ],\n    content: value || content || '',\n    editable,\n    autofocus: autofocus ? 'end' : false,\n    onUpdate: ({ editor: e }) => {\n      onChange?.(e.getHTML());\n      onChangeJSON?.(e.getJSON() as Record<string, unknown>);\n    },\n  });\n\n  useEffect(() => {\n    if (editorRef && editor) {\n      editorRef.current = editor;\n    }\n  }, [editor, editorRef]);\n\n  useEffect(() => {\n    if (editor && value !== undefined) {\n      const currentHTML = editor.getHTML();\n      if (value !== currentHTML) {\n        editor.commands.setContent(value, { emitUpdate: false });\n      }\n    }\n  }, [editor, value]);\n\n  useEffect(() => {\n    if (editor) {\n      editor.setEditable(editable);\n    }\n  }, [editor, editable]);\n\n  const handleAIClick = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    const text = from !== to\n      ? editor.state.doc.textBetween(from, to, ' ')\n      : '';\n    setAiSelection(text);\n    setAiSelectionRange({ from, to });\n    setShowAIPanel(true);\n  }, [editor]);\n\n  const requestAddComment = useCallback(() => {\n    if (!editor) return;\n    const { from, to } = editor.state.selection;\n    if (from === to) return;\n    setCommentSelectionRange({ from, to });\n    setCommentDialogOpen(true);\n  }, [editor]);\n\n  const handleCommentSubmit = useCallback((text: string) => {\n    if (!editor) return;\n    const id = generateId();\n    const thread: CommentThread = {\n      id,\n      resolved: false,\n      comments: [{\n        id: generateId(),\n        author: currentUser || 'User',\n        text,\n        createdAt: Date.now(),\n      }],\n      createdAt: Date.now(),\n    };\n    editor.chain()\n      .focus()\n      .setTextSelection(commentSelectionRange)\n      .setComment(id)\n      .run();\n    setThreads([...threads, thread]);\n    setCommentDialogOpen(false);\n  }, [editor, commentSelectionRange, threads, setThreads, currentUser]);\n\n  const handleScrollToThread = useCallback((id: string) => {\n    commentPanelRef.current?.scrollToThread(id);\n  }, []);\n\n  if (!editor) return null;\n\n  const minH = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n  const maxH = maxHeight ? (typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight) : undefined;\n\n  const containerClass = cn(\n    'rte-container',\n    formatPainterActive && 'rte-container--format-painter',\n    notionMode && 'rte-container--notion',\n    className,\n  );\n\n  const activeCommentCount = threads.filter((t) => !t.resolved).length;\n\n  const modeToggle = (\n    <div className=\"rte-mode-toggle\">\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${!notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(false)}\n        title=\"Classic mode\"\n      >\n        Classic\n      </button>\n      <button\n        type=\"button\"\n        className={`rte-mode-toggle__btn ${notionMode ? 'rte-mode-toggle__btn--active' : ''}`}\n        onClick={() => setNotionMode(true)}\n        title=\"Notion-style mode\"\n      >\n        Notion\n      </button>\n      <div className=\"rte-toolbar__divider\" style={{ height: 20, margin: '0 4px' }} />\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn rte-toolbar__comment-btn ${showComments ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setShowComments(!showComments)}\n        title=\"Toggle comments\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" />\n        </svg>\n        {activeCommentCount > 0 && <span className=\"rte-toolbar__comment-badge\" />}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className={containerClass} style={{ minHeight: minH, maxHeight: maxH }}>\n      {editable && !notionMode && (\n        <Toolbar\n          editor={editor}\n          config={toolbarConfig}\n          labels={labels}\n          hasAI={!!aiConfig}\n          onAIClick={handleAIClick}\n          onFormatPainterChange={setFormatPainterActive}\n        >\n          {modeToggle}\n        </Toolbar>\n      )}\n\n      {editable && notionMode && (\n        <div className=\"rte-notion-topbar\">\n          {modeToggle}\n        </div>\n      )}\n\n      <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>\n        <div className=\"rte-editor-wrapper\" style={{ flex: 1 }}>\n          <EditorContent editor={editor} className=\"rte-editor-content\" />\n          {editable && <ContextMenu editor={editor} labels={labels} onAIClick={aiConfig ? handleAIClick : undefined} />}\n          {editable && <SlashMenu editor={editor} />}\n          {editable && notionMode && <BubbleToolbar editor={editor} onAddComment={requestAddComment} />}\n          {editable && notionMode && <BlockHandle editor={editor} />}\n          <CommentPopover\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            showPanel={showComments}\n            onOpenPanel={() => setShowComments(true)}\n            onScrollToThread={handleScrollToThread}\n            currentUser={currentUser}\n          />\n        </div>\n\n        {showComments && (\n          <CommentPanel\n            ref={commentPanelRef}\n            editor={editor}\n            threads={threads}\n            onThreadsChange={setThreads}\n            onRequestAddComment={requestAddComment}\n            currentUser={currentUser}\n          />\n        )}\n      </div>\n\n      {aiConfig && showAIPanel && (\n        <AIRewrite\n          editor={editor}\n          aiConfig={aiConfig}\n          labels={labels}\n          initialSelection={aiSelection}\n          selectionRange={aiSelectionRange}\n          onClose={() => setShowAIPanel(false)}\n        />\n      )}\n\n      <CommentDialog\n        open={commentDialogOpen}\n        onSubmit={handleCommentSubmit}\n        onClose={() => setCommentDialogOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"mappings":"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"}