@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/editor/waka-ai-writer.es.js

@@ -0,0 +1,302 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Label as t } from "../label/index.es.js";
+import { Textarea as n } from "../textarea/index.es.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/editor/waka-ai-writer.tsx
+var o = [{
+	type: "p",
+	children: [{ text: "" }]
+}], s = [
+	{
+		key: "continue",
+		label: "Continuer la redaction",
+		prompt: "Continue writing the following text naturally:\n\n{{selection}}",
+		group: "Generer"
+	},
+	{
+		key: "summarize",
+		label: "Resumer",
+		prompt: "Summarize the following text concisely:\n\n{{selection}}",
+		group: "Generer"
+	},
+	{
+		key: "explain",
+		label: "Expliquer",
+		prompt: "Explain the following text in simple terms:\n\n{{selection}}",
+		group: "Generer"
+	},
+	{
+		key: "outline",
+		label: "Creer un plan",
+		prompt: "Create a structured outline from the following text:\n\n{{selection}}",
+		group: "Generer"
+	},
+	{
+		key: "improve",
+		label: "Ameliorer le style",
+		prompt: "Improve the writing quality of the following text while keeping the same meaning:\n\n{{selection}}",
+		group: "Editer"
+	},
+	{
+		key: "shorter",
+		label: "Raccourcir",
+		prompt: "Make the following text shorter while keeping the key information:\n\n{{selection}}",
+		group: "Editer"
+	},
+	{
+		key: "longer",
+		label: "Developper",
+		prompt: "Expand and elaborate on the following text:\n\n{{selection}}",
+		group: "Editer"
+	},
+	{
+		key: "fix-grammar",
+		label: "Corriger l'orthographe",
+		prompt: "Fix all spelling and grammar errors in the following text:\n\n{{selection}}",
+		group: "Editer"
+	},
+	{
+		key: "simplify",
+		label: "Simplifier",
+		prompt: "Simplify the language of the following text to make it easier to understand:\n\n{{selection}}",
+		group: "Editer"
+	},
+	{
+		key: "translate-en",
+		label: "Traduire en anglais",
+		prompt: "Translate the following text to English:\n\n{{selection}}",
+		group: "Traduire"
+	},
+	{
+		key: "translate-fr",
+		label: "Traduire en francais",
+		prompt: "Translate the following text to French:\n\n{{selection}}",
+		group: "Traduire"
+	},
+	{
+		key: "translate-es",
+		label: "Traduire en espagnol",
+		prompt: "Translate the following text to Spanish:\n\n{{selection}}",
+		group: "Traduire"
+	},
+	{
+		key: "translate-de",
+		label: "Traduire en allemand",
+		prompt: "Translate the following text to German:\n\n{{selection}}",
+		group: "Traduire"
+	}
+], c = r.forwardRef(({ value: o, onChange: c, aiEndpoint: u, systemPrompt: d = "You are an advanced AI writing assistant. Help the user write, edit, and improve their content.", aiActions: f = s, enableCopilot: p = !0, copilotDebounceMs: m = 500, aiHeaders: h, readOnly: g = !1, placeholder: _ = "Tapez / pour les commandes, ou commencez a ecrire...", className: v, editorClassName: y, minHeight: b = 300, label: x, description: S, error: C, extraPlugins: w, editorRef: T }, E) => {
+	let [D, O] = r.useState(null), [k, A] = r.useState(!1), j = r.useRef({
+		aiEndpoint: u,
+		systemPrompt: d,
+		aiActions: f,
+		enableCopilot: p,
+		copilotDebounceMs: m,
+		aiHeaders: h
+	});
+	return j.current = {
+		aiEndpoint: u,
+		systemPrompt: d,
+		aiActions: f,
+		enableCopilot: p,
+		copilotDebounceMs: m,
+		aiHeaders: h
+	}, r.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let [t, n, r, i, a, o, s, c, l, u] = await Promise.all([
+					import("platejs/react"),
+					import("@platejs/basic-nodes/react"),
+					import("@platejs/table/react"),
+					import("@platejs/layout/react"),
+					import("@platejs/callout/react"),
+					import("@platejs/ai/react"),
+					import("@platejs/markdown"),
+					import("@platejs/selection/react"),
+					import("@platejs/link/react"),
+					import("@platejs/indent/react")
+				]), d = j.current, f = [
+					n.BoldPlugin,
+					n.ItalicPlugin,
+					n.UnderlinePlugin,
+					n.StrikethroughPlugin,
+					n.CodePlugin,
+					n.HighlightPlugin,
+					n.H1Plugin,
+					n.H2Plugin,
+					n.H3Plugin,
+					n.H4Plugin,
+					n.BlockquotePlugin,
+					r.TablePlugin,
+					r.TableRowPlugin,
+					r.TableCellPlugin,
+					r.TableCellHeaderPlugin,
+					i.ColumnPlugin,
+					i.ColumnItemPlugin,
+					a.CalloutPlugin,
+					l.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto",
+						"tel"
+					] } }),
+					u.IndentPlugin,
+					c.BlockSelectionPlugin,
+					s.MarkdownPlugin,
+					o.AIPlugin,
+					o.AIChatPlugin.configure({ options: { chat: {
+						api: d.aiEndpoint,
+						body: { system: d.systemPrompt },
+						headers: d.aiHeaders
+					} } })
+				];
+				d.enableCopilot && o.CopilotPlugin && f.push(o.CopilotPlugin.configure(({ api: e }) => ({
+					options: {
+						completeOptions: {
+							api: d.aiEndpoint,
+							body: { system: d.systemPrompt },
+							headers: d.aiHeaders,
+							onFinish: (t, n) => {
+								n !== "0" && e.copilot.setBlockSuggestion({ text: n });
+							}
+						},
+						debounceDelay: d.copilotDebounceMs
+					},
+					shortcuts: {
+						accept: { keys: "tab" },
+						acceptNextWord: { keys: "mod+right" },
+						reject: { keys: "escape" },
+						triggerSuggestion: { keys: "ctrl+space" }
+					}
+				}))), e || O({
+					Plate: t.Plate,
+					PlateContent: t.PlateContent,
+					usePlateEditor: t.usePlateEditor,
+					plugins: f
+				});
+			} catch (t) {
+				console.error("[WakaAIWriter] Failed to load plugins:", t), e || A(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, []), D ? /* @__PURE__ */ i(l, {
+		ref: E,
+		bundle: D,
+		value: o,
+		onChange: c,
+		readOnly: g,
+		placeholder: _,
+		className: v,
+		editorClassName: y,
+		minHeight: b,
+		label: x,
+		description: S,
+		error: C,
+		extraPlugins: w,
+		editorRef: T
+	}) : /* @__PURE__ */ a("div", {
+		ref: E,
+		className: e("space-y-1.5", v),
+		children: [
+			x && /* @__PURE__ */ i(t, { children: x }),
+			S && /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: S
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ i(n, {
+					placeholder: _,
+					disabled: !0,
+					style: { minHeight: b },
+					className: e(C && "border-destructive")
+				}), /* @__PURE__ */ i("div", {
+					className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg",
+					children: /* @__PURE__ */ i("span", {
+						className: "text-sm text-muted-foreground animate-pulse",
+						children: k ? "Erreur de chargement de l'editeur IA" : "Chargement de l'editeur IA..."
+					})
+				})]
+			}),
+			C && /* @__PURE__ */ i("p", {
+				className: "text-sm text-destructive",
+				children: C
+			})
+		]
+	});
+});
+c.displayName = "WakaAIWriter";
+var l = r.forwardRef(({ bundle: { Plate: n, PlateContent: s, usePlateEditor: c, plugins: l }, value: u, onChange: d, readOnly: f, placeholder: p, className: m, editorClassName: h, minHeight: g, label: _, description: v, error: y, extraPlugins: b, editorRef: x }, S) => {
+	let C = c({
+		plugins: r.useMemo(() => [...l, ...b ?? []], [l, b]),
+		value: u ?? o
+	});
+	return r.useEffect(() => {
+		x && (x.current = C);
+	}, [C, x]), /* @__PURE__ */ a("div", {
+		ref: S,
+		className: e("space-y-1.5", m),
+		children: [
+			_ && /* @__PURE__ */ i(t, { children: _ }),
+			v && /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: v
+			}),
+			/* @__PURE__ */ i(n, {
+				editor: C,
+				onChange: d ? ({ value: e }) => d(e) : void 0,
+				readOnly: f,
+				children: /* @__PURE__ */ a("div", {
+					className: e("border rounded-lg overflow-hidden", y && "border-destructive", f && "opacity-80"),
+					children: [!f && /* @__PURE__ */ a("div", {
+						className: "flex items-center gap-2 px-3 py-1.5 border-b bg-muted/30 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ i("kbd", {
+								className: "rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]",
+								children: "Ctrl+J"
+							}),
+							/* @__PURE__ */ i("span", { children: "Ouvrir le menu IA" }),
+							/* @__PURE__ */ i("span", {
+								className: "mx-1",
+								children: "|"
+							}),
+							/* @__PURE__ */ i("kbd", {
+								className: "rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]",
+								children: "/"
+							}),
+							/* @__PURE__ */ i("span", { children: "Commandes" }),
+							/* @__PURE__ */ i("span", {
+								className: "mx-1",
+								children: "|"
+							}),
+							/* @__PURE__ */ i("kbd", {
+								className: "rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]",
+								children: "Ctrl+Espace"
+							}),
+							/* @__PURE__ */ i("span", { children: "Copilot" })
+						]
+					}), /* @__PURE__ */ i("div", {
+						style: { minHeight: g },
+						children: /* @__PURE__ */ i(s, {
+							placeholder: p,
+							readOnly: f,
+							className: e("prose prose-sm max-w-none p-4", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", h)
+						})
+					})]
+				})
+			}),
+			y && /* @__PURE__ */ i("p", {
+				className: "text-sm text-destructive",
+				children: y
+			})
+		]
+	});
+});
+l.displayName = "AIWriterInner";
+//#endregion
+export { s as DEFAULT_AI_ACTIONS, c as WakaAIWriter };

package/dist/components/editor/waka-collaborative-editor.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../avatar/index.cjs.js"),r=require("../badge/index.cjs.js"),i=require("../label/index.cjs.js"),a=require("../textarea/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("react/jsx-runtime");var c=[{type:`p`,children:[{text:``}]}],l=o.forwardRef(({value:e,onChange:n,readOnly:r=!1,placeholder:c=`Editez ensemble en temps reel...`,className:l,editorClassName:d,minHeight:f=400,label:p,description:m,error:h,documentId:g,currentUser:_,providers:v,maxParticipants:y=10,onUsersChange:b,showUsersBar:x=!0,extraPlugins:S,editorRef:C},w)=>{let[T,E]=o.useState(null),[D,O]=o.useState(!1),[k,A]=o.useState([_]),j=o.useRef({documentId:g,currentUser:_,providers:v,maxParticipants:y});return j.current={documentId:g,currentUser:_,providers:v,maxParticipants:y},o.useEffect(()=>{let e=!1;return(async()=>{try{let t=j.current,[n,r,i,a,o,s,c]=await Promise.all([import(`platejs/react`),import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`),import(`@platejs/link/react`),import(`@platejs/yjs/react`)]),l=[r.BoldPlugin,r.ItalicPlugin,r.UnderlinePlugin,r.StrikethroughPlugin,r.CodePlugin,r.HighlightPlugin,r.H1Plugin,r.H2Plugin,r.H3Plugin,r.H4Plugin,r.BlockquotePlugin,i.TablePlugin,i.TableRowPlugin,i.TableCellPlugin,i.TableCellHeaderPlugin,a.ColumnPlugin,a.ColumnItemPlugin,o.CalloutPlugin,s.LinkPlugin.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}})],u=t.providers.map(e=>e.type===`hocuspocus`?{type:`hocuspocus`,options:{name:e.roomName,url:e.url,...e.options}}:{type:`webrtc`,options:{roomName:e.roomName,maxConns:t.maxParticipants-1,signaling:[e.url],...e.options}});l.push(c.YjsPlugin.configure({options:{cursors:{data:{name:t.currentUser.name,color:t.currentUser.color}},providers:u}})),e||E({Plate:n.Plate,PlateContent:n.PlateContent,usePlateEditor:n.usePlateEditor,YjsPlugin:c.YjsPlugin,plugins:l})}catch(t){console.error(`[WakaCollaborativeEditor] Failed to load:`,t),e||O(!0)}})(),()=>{e=!0}},[]),o.useEffect(()=>{b?.(k)},[k,b]),T?(0,s.jsx)(u,{ref:w,bundle:T,value:e,onChange:n,readOnly:r,placeholder:c,className:l,editorClassName:d,minHeight:f,label:p,description:m,error:h,documentId:g,currentUser:_,showUsersBar:x,connectedUsers:k,setConnectedUsers:A,extraPlugins:S,editorRef:C}):(0,s.jsxs)(`div`,{ref:w,className:t.cn(`space-y-1.5`,l),children:[p&&(0,s.jsx)(i.Label,{children:p}),m&&(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:m}),(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(a.Textarea,{placeholder:c,disabled:!0,style:{minHeight:f}}),(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg`,children:(0,s.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:D?`Erreur de chargement (@platejs/yjs requis)`:`Connexion a la session collaborative...`})})]}),h&&(0,s.jsx)(`p`,{className:`text-sm text-destructive`,children:h})]})});l.displayName=`WakaCollaborativeEditor`;var u=o.forwardRef(({bundle:{Plate:e,PlateContent:a,usePlateEditor:l,YjsPlugin:u,plugins:d},value:f,onChange:p,readOnly:m,placeholder:h,className:g,editorClassName:_,minHeight:v,label:y,description:b,error:x,documentId:S,showUsersBar:C,connectedUsers:w,extraPlugins:T,editorRef:E},D)=>{let O=l({plugins:o.useMemo(()=>[...d,...T??[]],[d,T]),skipInitialization:!0},[S]);return o.useEffect(()=>{try{O.getApi(u).yjs.init({id:S,autoSelect:`end`,value:f??c})}catch{}return()=>{try{O.getApi(u).yjs.destroy()}catch{}}},[O,S,u,f]),o.useEffect(()=>{E&&(E.current=O)},[O,E]),(0,s.jsxs)(`div`,{ref:D,className:t.cn(`space-y-1.5`,g),children:[y&&(0,s.jsx)(i.Label,{children:y}),b&&(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:b}),(0,s.jsx)(e,{editor:O,onChange:p?({value:e})=>p(e):void 0,readOnly:m,children:(0,s.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,x&&`border-destructive`),children:[C&&(0,s.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-1.5 border-b bg-muted/30`,children:[(0,s.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`En ligne :`}),(0,s.jsx)(`div`,{className:`flex items-center -space-x-1.5`,children:w.map(e=>(0,s.jsx)(n.Avatar,{className:`h-6 w-6 border-2 border-background`,children:(0,s.jsx)(n.AvatarFallback,{className:`text-[10px] text-white font-bold`,style:{backgroundColor:e.color},children:e.name.slice(0,2).toUpperCase()})},e.id))}),(0,s.jsxs)(r.Badge,{variant:`secondary`,className:`text-[10px] h-5`,children:[w.length,` connecte`,w.length>1?`s`:``]})]}),(0,s.jsx)(`div`,{style:{minHeight:v},children:(0,s.jsx)(a,{placeholder:h,readOnly:m,className:t.cn(`prose prose-sm max-w-none p-4`,`focus-within:outline-none`,`[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]`,_)})})]})}),x&&(0,s.jsx)(`p`,{className:`text-sm text-destructive`,children:x})]})});u.displayName=`CollabEditorInner`,exports.WakaCollaborativeEditor=l;

package/dist/components/editor/waka-collaborative-editor.es.js

@@ -0,0 +1,238 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Avatar as t, AvatarFallback as n } from "../avatar/index.es.js";
+import { Badge as r } from "../badge/index.es.js";
+import { Label as i } from "../label/index.es.js";
+import { Textarea as a } from "../textarea/index.es.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/editor/waka-collaborative-editor.tsx
+var l = [{
+	type: "p",
+	children: [{ text: "" }]
+}], u = o.forwardRef(({ value: t, onChange: n, readOnly: r = !1, placeholder: l = "Editez ensemble en temps reel...", className: u, editorClassName: f, minHeight: p = 400, label: m, description: h, error: g, documentId: _, currentUser: v, providers: y, maxParticipants: b = 10, onUsersChange: x, showUsersBar: S = !0, extraPlugins: C, editorRef: w }, T) => {
+	let [E, D] = o.useState(null), [O, k] = o.useState(!1), [A, j] = o.useState([v]), M = o.useRef({
+		documentId: _,
+		currentUser: v,
+		providers: y,
+		maxParticipants: b
+	});
+	return M.current = {
+		documentId: _,
+		currentUser: v,
+		providers: y,
+		maxParticipants: b
+	}, o.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let t = M.current, [n, r, i, a, o, s, c] = await Promise.all([
+					import("platejs/react"),
+					import("@platejs/basic-nodes/react"),
+					import("@platejs/table/react"),
+					import("@platejs/layout/react"),
+					import("@platejs/callout/react"),
+					import("@platejs/link/react"),
+					import("@platejs/yjs/react")
+				]), l = [
+					r.BoldPlugin,
+					r.ItalicPlugin,
+					r.UnderlinePlugin,
+					r.StrikethroughPlugin,
+					r.CodePlugin,
+					r.HighlightPlugin,
+					r.H1Plugin,
+					r.H2Plugin,
+					r.H3Plugin,
+					r.H4Plugin,
+					r.BlockquotePlugin,
+					i.TablePlugin,
+					i.TableRowPlugin,
+					i.TableCellPlugin,
+					i.TableCellHeaderPlugin,
+					a.ColumnPlugin,
+					a.ColumnItemPlugin,
+					o.CalloutPlugin,
+					s.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto",
+						"tel"
+					] } })
+				], u = t.providers.map((e) => e.type === "hocuspocus" ? {
+					type: "hocuspocus",
+					options: {
+						name: e.roomName,
+						url: e.url,
+						...e.options
+					}
+				} : {
+					type: "webrtc",
+					options: {
+						roomName: e.roomName,
+						maxConns: t.maxParticipants - 1,
+						signaling: [e.url],
+						...e.options
+					}
+				});
+				l.push(c.YjsPlugin.configure({ options: {
+					cursors: { data: {
+						name: t.currentUser.name,
+						color: t.currentUser.color
+					} },
+					providers: u
+				} })), e || D({
+					Plate: n.Plate,
+					PlateContent: n.PlateContent,
+					usePlateEditor: n.usePlateEditor,
+					YjsPlugin: c.YjsPlugin,
+					plugins: l
+				});
+			} catch (t) {
+				console.error("[WakaCollaborativeEditor] Failed to load:", t), e || k(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, []), o.useEffect(() => {
+		x?.(A);
+	}, [A, x]), E ? /* @__PURE__ */ s(d, {
+		ref: T,
+		bundle: E,
+		value: t,
+		onChange: n,
+		readOnly: r,
+		placeholder: l,
+		className: u,
+		editorClassName: f,
+		minHeight: p,
+		label: m,
+		description: h,
+		error: g,
+		documentId: _,
+		currentUser: v,
+		showUsersBar: S,
+		connectedUsers: A,
+		setConnectedUsers: j,
+		extraPlugins: C,
+		editorRef: w
+	}) : /* @__PURE__ */ c("div", {
+		ref: T,
+		className: e("space-y-1.5", u),
+		children: [
+			m && /* @__PURE__ */ s(i, { children: m }),
+			h && /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: h
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ s(a, {
+					placeholder: l,
+					disabled: !0,
+					style: { minHeight: p }
+				}), /* @__PURE__ */ s("div", {
+					className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg",
+					children: /* @__PURE__ */ s("span", {
+						className: "text-sm text-muted-foreground animate-pulse",
+						children: O ? "Erreur de chargement (@platejs/yjs requis)" : "Connexion a la session collaborative..."
+					})
+				})]
+			}),
+			g && /* @__PURE__ */ s("p", {
+				className: "text-sm text-destructive",
+				children: g
+			})
+		]
+	});
+});
+u.displayName = "WakaCollaborativeEditor";
+var d = o.forwardRef(({ bundle: { Plate: a, PlateContent: u, usePlateEditor: d, YjsPlugin: f, plugins: p }, value: m, onChange: h, readOnly: g, placeholder: _, className: v, editorClassName: y, minHeight: b, label: x, description: S, error: C, documentId: w, showUsersBar: T, connectedUsers: E, extraPlugins: D, editorRef: O }, k) => {
+	let A = d({
+		plugins: o.useMemo(() => [...p, ...D ?? []], [p, D]),
+		skipInitialization: !0
+	}, [w]);
+	return o.useEffect(() => {
+		try {
+			A.getApi(f).yjs.init({
+				id: w,
+				autoSelect: "end",
+				value: m ?? l
+			});
+		} catch {}
+		return () => {
+			try {
+				A.getApi(f).yjs.destroy();
+			} catch {}
+		};
+	}, [
+		A,
+		w,
+		f,
+		m
+	]), o.useEffect(() => {
+		O && (O.current = A);
+	}, [A, O]), /* @__PURE__ */ c("div", {
+		ref: k,
+		className: e("space-y-1.5", v),
+		children: [
+			x && /* @__PURE__ */ s(i, { children: x }),
+			S && /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: S
+			}),
+			/* @__PURE__ */ s(a, {
+				editor: A,
+				onChange: h ? ({ value: e }) => h(e) : void 0,
+				readOnly: g,
+				children: /* @__PURE__ */ c("div", {
+					className: e("border rounded-lg overflow-hidden", C && "border-destructive"),
+					children: [T && /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2 px-3 py-1.5 border-b bg-muted/30",
+						children: [
+							/* @__PURE__ */ s("span", {
+								className: "text-xs text-muted-foreground",
+								children: "En ligne :"
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "flex items-center -space-x-1.5",
+								children: E.map((e) => /* @__PURE__ */ s(t, {
+									className: "h-6 w-6 border-2 border-background",
+									children: /* @__PURE__ */ s(n, {
+										className: "text-[10px] text-white font-bold",
+										style: { backgroundColor: e.color },
+										children: e.name.slice(0, 2).toUpperCase()
+									})
+								}, e.id))
+							}),
+							/* @__PURE__ */ c(r, {
+								variant: "secondary",
+								className: "text-[10px] h-5",
+								children: [
+									E.length,
+									" connecte",
+									E.length > 1 ? "s" : ""
+								]
+							})
+						]
+					}), /* @__PURE__ */ s("div", {
+						style: { minHeight: b },
+						children: /* @__PURE__ */ s(u, {
+							placeholder: _,
+							readOnly: g,
+							className: e("prose prose-sm max-w-none p-4", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", y)
+						})
+					})]
+				})
+			}),
+			C && /* @__PURE__ */ s("p", {
+				className: "text-sm text-destructive",
+				children: C
+			})
+		]
+	});
+});
+d.displayName = "CollabEditorInner";
+//#endregion
+export { u as WakaCollaborativeEditor };

package/dist/components/editor/waka-diff-viewer.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../label/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("react/jsx-runtime");var o=i.forwardRef(({original:e,modified:o,mode:l=`inline`,label:d,description:f,className:p,editorClassName:m,minHeight:h=200,showStats:g=!0,originalLabel:_=`Original`,modifiedLabel:v=`Modifie`,onDiffComputed:y},b)=>{let[x,S]=i.useState(null),[C,w]=i.useState({added:0,removed:0,modified:0,unchanged:0}),[T,E]=i.useState(!1);return i.useEffect(()=>{let t=!1;return(async()=>{try{let n=await import(`@platejs/diff`);if(n.computeDiff){let r=n.computeDiff(e,o);if(!t){S(r);let e={added:0,removed:0,modified:0,unchanged:0};if(Array.isArray(r))for(let t of r)t.diff===`insert`||t.diffOperation?.type===`insert`?e.added++:t.diff===`delete`||t.diffOperation?.type===`delete`?e.removed++:t.diff===`update`||t.diffOperation?.type===`update`?e.modified++:e.unchanged++;w(e),y?.(e)}}}catch(e){console.error(`[WakaDiffViewer] Failed to compute diff:`,e),t||E(!0)}})(),()=>{t=!0}},[e,o,y]),T||!x?(0,a.jsxs)(`div`,{ref:b,className:t.cn(`space-y-1.5`,p),children:[d&&(0,a.jsx)(r.Label,{children:d}),f&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:f}),T?(0,a.jsx)(u,{original:e,modified:o,mode:l,originalLabel:_,modifiedLabel:v,minHeight:h,editorClassName:m}):(0,a.jsx)(`div`,{className:`flex items-center justify-center border rounded-lg bg-muted/30`,style:{minHeight:h},children:(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:`Calcul des differences...`})})]}):(0,a.jsxs)(`div`,{ref:b,className:t.cn(`space-y-1.5`,p),children:[d&&(0,a.jsx)(r.Label,{children:d}),f&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:f}),(0,a.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`),children:[g&&(0,a.jsxs)(`div`,{className:`flex items-center gap-3 px-4 py-2 border-b bg-muted/30`,children:[(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground font-medium`,children:`Differences :`}),C.added>0&&(0,a.jsxs)(n.Badge,{variant:`secondary`,className:`bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 text-[10px] h-5`,children:[`+`,C.added,` ajout`,C.added>1?`s`:``]}),C.removed>0&&(0,a.jsxs)(n.Badge,{variant:`secondary`,className:`bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 text-[10px] h-5`,children:[`-`,C.removed,` suppression`,C.removed>1?`s`:``]}),C.modified>0&&(0,a.jsxs)(n.Badge,{variant:`secondary`,className:`bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 text-[10px] h-5`,children:[`~`,C.modified,` modification`,C.modified>1?`s`:``]}),C.added===0&&C.removed===0&&C.modified===0&&(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Aucune difference`})]}),l===`side-by-side`?(0,a.jsxs)(`div`,{className:`flex divide-x`,style:{minHeight:h},children:[(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`div`,{className:`px-3 py-1.5 border-b bg-red-50/50 dark:bg-red-950/10 text-xs font-medium text-muted-foreground`,children:_}),(0,a.jsx)(s,{nodes:e,diffType:`original`,className:m})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`div`,{className:`px-3 py-1.5 border-b bg-green-50/50 dark:bg-green-950/10 text-xs font-medium text-muted-foreground`,children:v}),(0,a.jsx)(s,{nodes:o,diffType:`modified`,className:m})]})]}):(0,a.jsx)(`div`,{style:{minHeight:h},children:(0,a.jsx)(c,{diffNodes:x,className:m})})]})]})});o.displayName=`WakaDiffViewer`;function s({nodes:e,diffType:n,className:r}){return(0,a.jsx)(`div`,{className:t.cn(`prose prose-sm max-w-none p-4 text-sm`,r),children:e.map((e,t)=>(0,a.jsx)(l,{node:e,diffType:n},t))})}function c({diffNodes:e,className:n}){return(0,a.jsx)(`div`,{className:t.cn(`prose prose-sm max-w-none p-4 text-sm`,n),children:e.map((e,n)=>{let r=e.diff||e.diffOperation?.type,i=``;return r===`insert`?i=`bg-green-100/60 dark:bg-green-900/20`:r===`delete`?i=`bg-red-100/60 dark:bg-red-900/20 line-through opacity-60`:r===`update`&&(i=`bg-amber-100/60 dark:bg-amber-900/20`),(0,a.jsx)(`div`,{className:t.cn(`rounded px-1 -mx-1`,i),children:(0,a.jsx)(l,{node:e,diffType:`modified`})},n)})})}function l({node:e,diffType:t}){if(!e)return null;let n=d(e);switch(e.type||`p`){case`h1`:return(0,a.jsx)(`h1`,{className:`text-xl font-bold mt-4 mb-1`,children:n});case`h2`:return(0,a.jsx)(`h2`,{className:`text-lg font-semibold mt-3 mb-1`,children:n});case`h3`:return(0,a.jsx)(`h3`,{className:`text-base font-semibold mt-2 mb-1`,children:n});case`blockquote`:return(0,a.jsx)(`blockquote`,{className:`border-l-2 border-muted-foreground/30 pl-3 italic text-muted-foreground`,children:n});default:return(0,a.jsx)(`p`,{className:`my-0.5 leading-relaxed`,children:n||`\xA0`})}}function u({original:e,modified:t,mode:n,originalLabel:r,modifiedLabel:i,minHeight:o,editorClassName:c}){return n===`side-by-side`?(0,a.jsxs)(`div`,{className:`flex divide-x border rounded-lg overflow-hidden`,style:{minHeight:o},children:[(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`div`,{className:`px-3 py-1.5 border-b bg-red-50/50 dark:bg-red-950/10 text-xs font-medium text-muted-foreground`,children:r}),(0,a.jsx)(s,{nodes:e,diffType:`original`,className:c})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`div`,{className:`px-3 py-1.5 border-b bg-green-50/50 dark:bg-green-950/10 text-xs font-medium text-muted-foreground`,children:i}),(0,a.jsx)(s,{nodes:t,diffType:`modified`,className:c})]})]}):(0,a.jsx)(`div`,{className:`border rounded-lg overflow-hidden`,style:{minHeight:o},children:(0,a.jsxs)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:[`Installez `,(0,a.jsx)(`code`,{className:`bg-muted px-1 rounded`,children:`@platejs/diff`}),` pour la visualisation unifiee des differences.`]})})}function d(e){return typeof e?.text==`string`?e.text:Array.isArray(e?.children)?e.children.map(e=>d(e)).join(``):``}exports.WakaDiffViewer=o;