dishui 0.0.65 → 0.0.67

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

@@ -1,342 +1,331 @@
-import { defaultLabels as D } from "./types.js";
-import { useCallback as k, useEffect as j, useRef as E, useState as g } from "react";
-import { Fragment as $, jsx as t, jsxs as o } from "react/jsx-runtime";
-var F = [
-  {
-    key: "rewrite",
-    labelKey: "aiRewrite",
-    icon: "✏"
-  },
-  {
-    key: "shorten",
-    labelKey: "aiShorten",
-    icon: "📝"
-  },
-  {
-    key: "expand",
-    labelKey: "aiExpand",
-    icon: "📄"
-  },
-  {
-    key: "fix_grammar",
-    labelKey: "aiFixGrammar",
-    icon: "✓"
-  },
-  {
-    key: "translate_en",
-    labelKey: "aiTranslateEn",
-    icon: "EN"
-  },
-  {
-    key: "translate_zh",
-    labelKey: "aiTranslateZh",
-    icon: "中"
-  },
-  {
-    key: "professional",
-    labelKey: "aiProfessional",
-    icon: "💼"
-  },
-  {
-    key: "casual",
-    labelKey: "aiCasual",
-    icon: "💬"
-  }
+import { defaultLabels as e } from "./types.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/AIRewrite.tsx
+var c = [
+	{
+		key: "rewrite",
+		labelKey: "aiRewrite",
+		icon: "✏"
+	},
+	{
+		key: "shorten",
+		labelKey: "aiShorten",
+		icon: "📝"
+	},
+	{
+		key: "expand",
+		labelKey: "aiExpand",
+		icon: "📄"
+	},
+	{
+		key: "fix_grammar",
+		labelKey: "aiFixGrammar",
+		icon: "✓"
+	},
+	{
+		key: "translate_en",
+		labelKey: "aiTranslateEn",
+		icon: "EN"
+	},
+	{
+		key: "translate_zh",
+		labelKey: "aiTranslateZh",
+		icon: "中"
+	},
+	{
+		key: "professional",
+		labelKey: "aiProfessional",
+		icon: "💼"
+	},
+	{
+		key: "casual",
+		labelKey: "aiCasual",
+		icon: "💬"
+	}
 ];
-function J(e, a) {
-  return e === "custom" ? a || "Follow the user instructions." : a || {
-    rewrite: "Rewrite the following text to improve clarity and readability. Keep the same meaning and tone. Return only the rewritten text.",
-    shorten: "Shorten the following text while preserving its key meaning. Be concise. Return only the shortened text.",
-    expand: "Expand the following text with more details and examples while keeping the same tone. Return only the expanded text.",
-    fix_grammar: "Fix any grammar, spelling, and punctuation errors in the following text. Return only the corrected text.",
-    translate_en: "Translate the following text to English. Return only the translated text.",
-    translate_zh: "Translate the following text to Chinese. Return only the translated text.",
-    professional: "Rewrite the following text in a professional, formal tone. Return only the rewritten text.",
-    casual: "Rewrite the following text in a casual, friendly tone. Return only the rewritten text."
-  }[e];
+function l(e, t) {
+	return e === "custom" ? t || "Follow the user instructions." : t || {
+		rewrite: "Rewrite the following text to improve clarity and readability. Keep the same meaning and tone. Return only the rewritten text.",
+		shorten: "Shorten the following text while preserving its key meaning. Be concise. Return only the shortened text.",
+		expand: "Expand the following text with more details and examples while keeping the same tone. Return only the expanded text.",
+		fix_grammar: "Fix any grammar, spelling, and punctuation errors in the following text. Return only the corrected text.",
+		translate_en: "Translate the following text to English. Return only the translated text.",
+		translate_zh: "Translate the following text to Chinese. Return only the translated text.",
+		professional: "Rewrite the following text in a professional, formal tone. Return only the rewritten text.",
+		casual: "Rewrite the following text in a casual, friendly tone. Return only the rewritten text."
+	}[e];
 }
-async function* z(e, a, m, y) {
-  const d = JSON.stringify({
-    model: e.model,
-    messages: [{
-      role: "system",
-      content: m
-    }, {
-      role: "user",
-      content: a
-    }],
-    stream: !0
-  }), r = await fetch(e.gateway, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...e.apiKey ? { Authorization: `Bearer ${e.apiKey}` } : {},
-      ...e.headers
-    },
-    body: d,
-    signal: y
-  });
-  if (!r.ok) throw new Error(`AI API error: ${r.status} ${r.statusText}`);
-  const l = r.body?.getReader();
-  if (!l) throw new Error("No response body");
-  const i = new TextDecoder();
-  let u = "";
-  for (; ; ) {
-    const { done: h, value: _ } = await l.read();
-    if (h) break;
-    u += i.decode(_, { stream: !0 });
-    const s = u.split(`
-`);
-    u = s.pop() || "";
-    for (const f of s) {
-      const p = f.trim();
-      if (!(!p || p === "data: [DONE]" || !p.startsWith("data: ")))
-        try {
-          const c = JSON.parse(p.slice(6)).choices?.[0]?.delta?.content;
-          c && (yield c);
-        } catch {
-        }
-    }
-  }
+async function* u(e, t, n, r) {
+	let i = JSON.stringify({
+		model: e.model,
+		messages: [{
+			role: "system",
+			content: n
+		}, {
+			role: "user",
+			content: t
+		}],
+		stream: !0
+	}), a = await fetch(e.gateway, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			...e.apiKey ? { Authorization: `Bearer ${e.apiKey}` } : {},
+			...e.headers
+		},
+		body: i,
+		signal: r
+	});
+	if (!a.ok) throw Error(`AI API error: ${a.status} ${a.statusText}`);
+	let o = a.body?.getReader();
+	if (!o) throw Error("No response body");
+	let s = new TextDecoder(), c = "";
+	for (;;) {
+		let { done: e, value: t } = await o.read();
+		if (e) break;
+		c += s.decode(t, { stream: !0 });
+		let n = c.split("\n");
+		c = n.pop() || "";
+		for (let e of n) {
+			let t = e.trim();
+			if (t && t !== "data: [DONE]" && t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6)).choices?.[0]?.delta?.content;
+				e && (yield e);
+			} catch {}
+		}
+	}
 }
-async function* B(e, a, m, y) {
-  const d = JSON.stringify({
-    model: e.model,
-    max_tokens: 4096,
-    system: m,
-    messages: [{
-      role: "user",
-      content: a
-    }],
-    stream: !0
-  }), r = await fetch(e.gateway, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...e.apiKey ? { "x-api-key": e.apiKey } : {},
-      "anthropic-version": "2023-06-01",
-      ...e.headers
-    },
-    body: d,
-    signal: y
-  });
-  if (!r.ok) throw new Error(`AI API error: ${r.status} ${r.statusText}`);
-  const l = r.body?.getReader();
-  if (!l) throw new Error("No response body");
-  const i = new TextDecoder();
-  let u = "";
-  for (; ; ) {
-    const { done: h, value: _ } = await l.read();
-    if (h) break;
-    u += i.decode(_, { stream: !0 });
-    const s = u.split(`
-`);
-    u = s.pop() || "";
-    for (const f of s) {
-      const p = f.trim();
-      if (p.startsWith("data: "))
-        try {
-          const c = JSON.parse(p.slice(6));
-          c.type === "content_block_delta" && c.delta?.text && (yield c.delta.text);
-        } catch {
-        }
-    }
-  }
+async function* d(e, t, n, r) {
+	let i = JSON.stringify({
+		model: e.model,
+		max_tokens: 4096,
+		system: n,
+		messages: [{
+			role: "user",
+			content: t
+		}],
+		stream: !0
+	}), a = await fetch(e.gateway, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			...e.apiKey ? { "x-api-key": e.apiKey } : {},
+			"anthropic-version": "2023-06-01",
+			...e.headers
+		},
+		body: i,
+		signal: r
+	});
+	if (!a.ok) throw Error(`AI API error: ${a.status} ${a.statusText}`);
+	let o = a.body?.getReader();
+	if (!o) throw Error("No response body");
+	let s = new TextDecoder(), c = "";
+	for (;;) {
+		let { done: e, value: t } = await o.read();
+		if (e) break;
+		c += s.decode(t, { stream: !0 });
+		let n = c.split("\n");
+		c = n.pop() || "";
+		for (let e of n) {
+			let t = e.trim();
+			if (t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6));
+				e.type === "content_block_delta" && e.delta?.text && (yield e.delta.text);
+			} catch {}
+		}
+	}
 }
-function G(e, a, m, y, d) {
-  return e.protocol === "custom" && e.customHandler ? e.customHandler({
-    text: a,
-    action: y === "custom" ? "rewrite" : y,
-    signal: d
-  }) : e.protocol === "anthropic" ? B(e, a, m, d) : z(e, a, m, d);
+function f(e, t, n, r, i) {
+	return e.protocol === "custom" && e.customHandler ? e.customHandler({
+		text: t,
+		action: r === "custom" ? "rewrite" : r,
+		signal: i
+	}) : e.protocol === "anthropic" ? d(e, t, n, i) : u(e, t, n, i);
 }
-var M = ({ editor: e, aiConfig: a, labels: m, initialSelection: y, selectionRange: d, onClose: r }) => {
-  const l = {
-    ...D,
-    ...m
-  }, [i, u] = g(""), [h, _] = g(!1), [s, f] = g(""), [p, c] = g(null), T = E(null), R = E(null), x = y;
-  j(() => {
-    R.current && R.current.focus();
-  }, []);
-  const N = k(async (n = "custom", w) => {
-    const v = x || e.state.doc.textContent;
-    if (!v.trim() && !i.trim()) return;
-    const I = n === "custom" ? i || "Improve the following text. Return only the improved text." : J(n, w), O = n === "custom" && i ? `Instructions: ${i}
-
-Text:
-${v}` : v;
-    _(!0), f(""), c(null);
-    const C = new AbortController();
-    T.current = C;
-    try {
-      let b = "";
-      for await (const P of G(a, O, I, n, C.signal)) {
-        if (C.signal.aborted) break;
-        b += P, f(b);
-      }
-    } catch (b) {
-      if (b instanceof DOMException && b.name === "AbortError") return;
-      c(String(b instanceof Error ? b.message : b));
-    } finally {
-      _(!1);
-    }
-  }, [
-    e,
-    a,
-    x,
-    i
-  ]), K = k(() => {
-    if (!s) return;
-    const { from: n, to: w } = d;
-    n !== w ? e.chain().focus().deleteRange({
-      from: n,
-      to: w
-    }).insertContentAt(n, s).run() : e.chain().focus().insertContent(s).run(), f(""), u(""), r();
-  }, [
-    e,
-    s,
-    d,
-    r
-  ]), A = k(() => {
-    T.current?.abort(), f(""), _(!1), c(null);
-  }, []), S = k((n) => {
-    n.key === "Enter" && (n.metaKey || n.ctrlKey) && (n.preventDefault(), N());
-  }, [N]);
-  return /* @__PURE__ */ o("div", {
-    className: "rte-ai-panel-v2",
-    children: [
-      /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__header",
-        children: [/* @__PURE__ */ o("span", {
-          className: "rte-ai-panel-v2__title",
-          children: ["✨ ", l.ai || "AI Assistant"]
-        }), /* @__PURE__ */ t("button", {
-          type: "button",
-          className: "rte-ai-panel-v2__close-btn",
-          onClick: r,
-          title: "Close",
-          children: /* @__PURE__ */ o("svg", {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [/* @__PURE__ */ t("line", {
-              x1: "18",
-              y1: "6",
-              x2: "6",
-              y2: "18"
-            }), /* @__PURE__ */ t("line", {
-              x1: "6",
-              y1: "6",
-              x2: "18",
-              y2: "18"
-            })]
-          })
-        })]
-      }),
-      /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__prompt-section",
-        children: [/* @__PURE__ */ t("label", {
-          className: "rte-ai-panel-v2__label",
-          children: "Prompt"
-        }), /* @__PURE__ */ t("textarea", {
-          ref: R,
-          className: "rte-ai-panel-v2__prompt-input",
-          value: i,
-          onChange: (n) => u(n.target.value),
-          onKeyDown: S,
-          placeholder: "Describe what AI should do... (Ctrl+Enter to generate)",
-          rows: 3,
-          disabled: h
-        })]
-      }),
-      /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__selection-section",
-        children: [/* @__PURE__ */ t("label", {
-          className: "rte-ai-panel-v2__label",
-          children: "Selected Text"
-        }), /* @__PURE__ */ t("div", {
-          className: "rte-ai-panel-v2__selection-box",
-          children: x ? /* @__PURE__ */ t("span", { children: x.length > 300 ? x.slice(0, 300) + "..." : x }) : /* @__PURE__ */ t("span", {
-            className: "rte-ai-panel-v2__empty",
-            children: "No text selected (will use all content)"
-          })
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "rte-ai-panel-v2__quick-actions",
-        children: F.map(({ key: n, labelKey: w, icon: v }) => /* @__PURE__ */ o("button", {
-          type: "button",
-          className: "rte-ai-panel-v2__quick-btn",
-          onClick: () => N(n),
-          disabled: h,
-          title: l[w],
-          children: [/* @__PURE__ */ t("span", { children: v }), /* @__PURE__ */ t("span", { children: l[w] })]
-        }, n))
-      }),
-      /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__actions",
-        children: [/* @__PURE__ */ t("button", {
-          type: "button",
-          className: "rte-ai-panel-v2__generate-btn",
-          onClick: () => N(),
-          disabled: h || !i.trim() && !x.trim(),
-          children: h ? /* @__PURE__ */ o($, { children: [
-            /* @__PURE__ */ t("div", { className: "rte-ai-panel__spinner" }),
-            " ",
-            l.aiProcessing
-          ] }) : "✨ Generate"
-        }), h && /* @__PURE__ */ t("button", {
-          type: "button",
-          className: "rte-ai-panel-v2__cancel-btn",
-          onClick: A,
-          children: "Cancel"
-        })]
-      }),
-      s && /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__result",
-        children: [
-          /* @__PURE__ */ t("label", {
-            className: "rte-ai-panel-v2__label",
-            children: "Result"
-          }),
-          /* @__PURE__ */ t("div", {
-            className: "rte-ai-panel-v2__result-text",
-            children: s
-          }),
-          /* @__PURE__ */ o("div", {
-            className: "rte-ai-panel-v2__result-actions",
-            children: [/* @__PURE__ */ t("button", {
-              type: "button",
-              className: "rte-ai-panel-v2__accept-btn",
-              onClick: K,
-              children: l.aiAccept
-            }), /* @__PURE__ */ t("button", {
-              type: "button",
-              className: "rte-ai-panel-v2__reject-btn",
-              onClick: A,
-              children: l.aiReject
-            })]
-          })
-        ]
-      }),
-      p && /* @__PURE__ */ o("div", {
-        className: "rte-ai-panel-v2__error",
-        children: [/* @__PURE__ */ t("span", { children: p }), /* @__PURE__ */ t("button", {
-          type: "button",
-          onClick: () => c(null),
-          children: "Dismiss"
-        })]
-      })
-    ]
-  });
-};
-export {
-  M as default
+var p = ({ editor: u, aiConfig: d, labels: p, initialSelection: m, selectionRange: h, onClose: g }) => {
+	let _ = {
+		...e,
+		...p
+	}, [v, y] = i(""), [b, x] = i(!1), [S, C] = i(""), [w, T] = i(null), E = r(null), D = r(null), O = m;
+	n(() => {
+		D.current && D.current.focus();
+	}, []);
+	let k = t(async (e = "custom", t) => {
+		let n = O || u.state.doc.textContent;
+		if (!n.trim() && !v.trim()) return;
+		let r = e === "custom" ? v || "Improve the following text. Return only the improved text." : l(e, t), i = e === "custom" && v ? `Instructions: ${v}\n\nText:\n${n}` : n;
+		x(!0), C(""), T(null);
+		let a = new AbortController();
+		E.current = a;
+		try {
+			let t = "";
+			for await (let n of f(d, i, r, e, a.signal)) {
+				if (a.signal.aborted) break;
+				t += n, C(t);
+			}
+		} catch (e) {
+			if (e instanceof DOMException && e.name === "AbortError") return;
+			T(String(e instanceof Error ? e.message : e));
+		} finally {
+			x(!1);
+		}
+	}, [
+		u,
+		d,
+		O,
+		v
+	]), A = t(() => {
+		if (!S) return;
+		let { from: e, to: t } = h;
+		e === t ? u.chain().focus().insertContent(S).run() : u.chain().focus().deleteRange({
+			from: e,
+			to: t
+		}).insertContentAt(e, S).run(), C(""), y(""), g();
+	}, [
+		u,
+		S,
+		h,
+		g
+	]), j = t(() => {
+		E.current?.abort(), C(""), x(!1), T(null);
+	}, []), M = t((e) => {
+		e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), k());
+	}, [k]);
+	return /* @__PURE__ */ s("div", {
+		className: "rte-ai-panel-v2",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__header",
+				children: [/* @__PURE__ */ s("span", {
+					className: "rte-ai-panel-v2__title",
+					children: ["✨ ", _.ai || "AI Assistant"]
+				}), /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "rte-ai-panel-v2__close-btn",
+					onClick: g,
+					title: "Close",
+					children: /* @__PURE__ */ s("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ o("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), /* @__PURE__ */ o("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__prompt-section",
+				children: [/* @__PURE__ */ o("label", {
+					className: "rte-ai-panel-v2__label",
+					children: "Prompt"
+				}), /* @__PURE__ */ o("textarea", {
+					ref: D,
+					className: "rte-ai-panel-v2__prompt-input",
+					value: v,
+					onChange: (e) => y(e.target.value),
+					onKeyDown: M,
+					placeholder: "Describe what AI should do... (Ctrl+Enter to generate)",
+					rows: 3,
+					disabled: b
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__selection-section",
+				children: [/* @__PURE__ */ o("label", {
+					className: "rte-ai-panel-v2__label",
+					children: "Selected Text"
+				}), /* @__PURE__ */ o("div", {
+					className: "rte-ai-panel-v2__selection-box",
+					children: O ? /* @__PURE__ */ o("span", { children: O.length > 300 ? O.slice(0, 300) + "..." : O }) : /* @__PURE__ */ o("span", {
+						className: "rte-ai-panel-v2__empty",
+						children: "No text selected (will use all content)"
+					})
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "rte-ai-panel-v2__quick-actions",
+				children: c.map(({ key: e, labelKey: t, icon: n }) => /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "rte-ai-panel-v2__quick-btn",
+					onClick: () => k(e),
+					disabled: b,
+					title: _[t],
+					children: [/* @__PURE__ */ o("span", { children: n }), /* @__PURE__ */ o("span", { children: _[t] })]
+				}, e))
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__actions",
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					className: "rte-ai-panel-v2__generate-btn",
+					onClick: () => k(),
+					disabled: b || !v.trim() && !O.trim(),
+					children: b ? /* @__PURE__ */ s(a, { children: [
+						/* @__PURE__ */ o("div", { className: "rte-ai-panel__spinner" }),
+						" ",
+						_.aiProcessing
+					] }) : "✨ Generate"
+				}), b && /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "rte-ai-panel-v2__cancel-btn",
+					onClick: j,
+					children: "Cancel"
+				})]
+			}),
+			S && /* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__result",
+				children: [
+					/* @__PURE__ */ o("label", {
+						className: "rte-ai-panel-v2__label",
+						children: "Result"
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "rte-ai-panel-v2__result-text",
+						children: S
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "rte-ai-panel-v2__result-actions",
+						children: [/* @__PURE__ */ o("button", {
+							type: "button",
+							className: "rte-ai-panel-v2__accept-btn",
+							onClick: A,
+							children: _.aiAccept
+						}), /* @__PURE__ */ o("button", {
+							type: "button",
+							className: "rte-ai-panel-v2__reject-btn",
+							onClick: j,
+							children: _.aiReject
+						})]
+					})
+				]
+			}),
+			w && /* @__PURE__ */ s("div", {
+				className: "rte-ai-panel-v2__error",
+				children: [/* @__PURE__ */ o("span", { children: w }), /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: () => T(null),
+					children: "Dismiss"
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { p as default };
 
 //# sourceMappingURL=AIRewrite.js.map