@wakastellar/ui 4.0.0-dev.0 → 4.0.1

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

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

package/dist/components/editor/waka-dnd-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(`../label/index.cjs.js`),r=require(`../textarea/index.cjs.js`);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({value:e,onChange:o,readOnly:c=!1,placeholder:l=`Glissez-deposez les blocs pour les reorganiser...`,className:u,editorClassName:d,minHeight:f=300,label:p,description:m,error:h,showDragHandles:g=!0,extraPlugins:_,editorRef:v},y)=>{let[b,x]=i.useState(null),[S,C]=i.useState(!1);return i.useEffect(()=>{let e=!1;return(async()=>{try{let[t,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/dnd`),import(`@platejs/selection/react`)]),l=[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,o.LinkPlugin.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}}),c.BlockSelectionPlugin,s.DndPlugin.configure({options:{enableScroller:!0}})];e||x({Plate:t.Plate,PlateContent:t.PlateContent,usePlateEditor:t.usePlateEditor,plugins:l})}catch(t){console.error(`[WakaDnDEditor] Failed to load:`,t),e||C(!0)}})(),()=>{e=!0}},[]),b?(0,a.jsx)(s,{ref:y,bundle:b,value:e,onChange:o,readOnly:c,placeholder:l,className:u,editorClassName:d,minHeight:f,label:p,description:m,error:h,showDragHandles:g,extraPlugins:_,editorRef:v}):(0,a.jsxs)(`div`,{ref:y,className:t.cn(`space-y-1.5`,u),children:[p&&(0,a.jsx)(n.Label,{children:p}),m&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:m}),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Textarea,{placeholder:l,disabled:!0,style:{minHeight:f}}),(0,a.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg`,children:(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:S?`Erreur de chargement`:`Chargement...`})})]}),h&&(0,a.jsx)(`p`,{className:`text-sm text-destructive`,children:h})]})});o.displayName=`WakaDnDEditor`;var s=i.forwardRef(({bundle:{Plate:e,PlateContent:r,usePlateEditor:o,plugins:s},value:c,onChange:l,readOnly:u,placeholder:d,className:f,editorClassName:p,minHeight:m,label:h,description:g,error:_,showDragHandles:v,extraPlugins:y,editorRef:b},x)=>{let S=o({plugins:i.useMemo(()=>[...s,...y??[]],[s,y]),value:c??[{type:`p`,children:[{text:``}]}]});return i.useEffect(()=>{b&&(b.current=S)},[S,b]),(0,a.jsxs)(`div`,{ref:x,className:t.cn(`space-y-1.5`,f),children:[h&&(0,a.jsx)(n.Label,{children:h}),g&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:g}),(0,a.jsx)(e,{editor:S,onChange:l?({value:e})=>l(e):void 0,readOnly:u,children:(0,a.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,_&&`border-destructive`),children:[!u&&v&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-1.5 border-b bg-muted/30 text-xs text-muted-foreground`,children:[(0,a.jsx)(`span`,{className:`inline-block w-4 text-center`,children:`☰`}),(0,a.jsx)(`span`,{children:`Survolez un bloc pour voir la poignee de glissement`})]}),(0,a.jsx)(`div`,{style:{minHeight:m},children:(0,a.jsx)(r,{placeholder:d,readOnly:u,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]`,v&&`[&_[data-slate-node='element']]:relative [&_[data-slate-node='element']]:pl-6`,p)})})]})}),_&&(0,a.jsx)(`p`,{className:`text-sm text-destructive`,children:_})]})});s.displayName=`DnDEditorInner`,exports.WakaDnDEditor=o;

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

@@ -0,0 +1,161 @@
+"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-dnd-editor.tsx
+var o = r.forwardRef(({ value: o, onChange: c, readOnly: l = !1, placeholder: u = "Glissez-deposez les blocs pour les reorganiser...", className: d, editorClassName: f, minHeight: p = 300, label: m, description: h, error: g, showDragHandles: _ = !0, extraPlugins: v, editorRef: y }, b) => {
+	let [x, S] = r.useState(null), [C, w] = r.useState(!1);
+	return r.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let [t, 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/dnd"),
+					import("@platejs/selection/react")
+				]), l = [
+					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,
+					o.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto",
+						"tel"
+					] } }),
+					c.BlockSelectionPlugin,
+					s.DndPlugin.configure({ options: { enableScroller: !0 } })
+				];
+				e || S({
+					Plate: t.Plate,
+					PlateContent: t.PlateContent,
+					usePlateEditor: t.usePlateEditor,
+					plugins: l
+				});
+			} catch (t) {
+				console.error("[WakaDnDEditor] Failed to load:", t), e || w(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, []), x ? /* @__PURE__ */ i(s, {
+		ref: b,
+		bundle: x,
+		value: o,
+		onChange: c,
+		readOnly: l,
+		placeholder: u,
+		className: d,
+		editorClassName: f,
+		minHeight: p,
+		label: m,
+		description: h,
+		error: g,
+		showDragHandles: _,
+		extraPlugins: v,
+		editorRef: y
+	}) : /* @__PURE__ */ a("div", {
+		ref: b,
+		className: e("space-y-1.5", d),
+		children: [
+			m && /* @__PURE__ */ i(t, { children: m }),
+			h && /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: h
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ i(n, {
+					placeholder: u,
+					disabled: !0,
+					style: { minHeight: p }
+				}), /* @__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: C ? "Erreur de chargement" : "Chargement..."
+					})
+				})]
+			}),
+			g && /* @__PURE__ */ i("p", {
+				className: "text-sm text-destructive",
+				children: g
+			})
+		]
+	});
+});
+o.displayName = "WakaDnDEditor";
+var s = r.forwardRef(({ bundle: { Plate: n, PlateContent: o, usePlateEditor: s, plugins: c }, value: l, onChange: u, readOnly: d, placeholder: f, className: p, editorClassName: m, minHeight: h, label: g, description: _, error: v, showDragHandles: y, extraPlugins: b, editorRef: x }, S) => {
+	let C = s({
+		plugins: r.useMemo(() => [...c, ...b ?? []], [c, b]),
+		value: l ?? [{
+			type: "p",
+			children: [{ text: "" }]
+		}]
+	});
+	return r.useEffect(() => {
+		x && (x.current = C);
+	}, [C, x]), /* @__PURE__ */ a("div", {
+		ref: S,
+		className: e("space-y-1.5", p),
+		children: [
+			g && /* @__PURE__ */ i(t, { children: g }),
+			_ && /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: _
+			}),
+			/* @__PURE__ */ i(n, {
+				editor: C,
+				onChange: u ? ({ value: e }) => u(e) : void 0,
+				readOnly: d,
+				children: /* @__PURE__ */ a("div", {
+					className: e("border rounded-lg overflow-hidden", v && "border-destructive"),
+					children: [!d && y && /* @__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("span", {
+							className: "inline-block w-4 text-center",
+							children: "☰"
+						}), /* @__PURE__ */ i("span", { children: "Survolez un bloc pour voir la poignee de glissement" })]
+					}), /* @__PURE__ */ i("div", {
+						style: { minHeight: h },
+						children: /* @__PURE__ */ i(o, {
+							placeholder: f,
+							readOnly: d,
+							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 && "[&_[data-slate-node='element']]:relative [&_[data-slate-node='element']]:pl-6", m)
+						})
+					})]
+				})
+			}),
+			v && /* @__PURE__ */ i("p", {
+				className: "text-sm text-destructive",
+				children: v
+			})
+		]
+	});
+});
+s.displayName = "DnDEditorInner";
+//#endregion
+export { o as WakaDnDEditor };

package/dist/components/editor/waka-document-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(`../label/index.cjs.js`),r=require(`../scroll-area/index.cjs.js`),i=require(`../textarea/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);var s=[{type:`p`,children:[{text:``}]}],c=a.forwardRef(({value:e,onChange:r,readOnly:s=!1,placeholder:c=`Commencez a rediger votre document...`,className:f,editorClassName:p,minHeight:m=500,label:h,description:g,error:_,title:v,onTitleChange:y,showTOC:b=!0,enableMentions:x=!1,enableSlashCommands:S=!1,enableAI:C=!1,aiEndpoint:w,aiSystemPrompt:T,enableDnD:E=!1,enableMarkdown:D=!0,extraPlugins:O,editorRef:k},A)=>{let[j,M]=a.useState(null),[N,P]=a.useState(!1),[F,I]=a.useState([]),L=a.useRef({enableMentions:x,enableSlashCommands:S,enableAI:C,enableDnD:E,enableMarkdown:D,aiEndpoint:w,aiSystemPrompt:T});return L.current={enableMentions:x,enableSlashCommands:S,enableAI:C,enableDnD:E,enableMarkdown:D,aiEndpoint:w,aiSystemPrompt:T},a.useEffect(()=>{let e=!1;return(async()=>{try{let t=L.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/indent/react`)]),l=[r.BoldPlugin,r.ItalicPlugin,r.UnderlinePlugin,r.StrikethroughPlugin,r.CodePlugin,r.HighlightPlugin,r.SuperscriptPlugin,r.SubscriptPlugin,r.H1Plugin,r.H2Plugin,r.H3Plugin,r.H4Plugin,r.H5Plugin,r.H6Plugin,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`]}}),c.IndentPlugin];try{let{TocPlugin:e}=await import(`@platejs/toc/react`);l.push(e)}catch{}try{let{BlockSelectionPlugin:e}=await import(`@platejs/selection/react`);l.push(e)}catch{}if(t.enableMentions)try{let{MentionPlugin:e,MentionInputPlugin:t}=await import(`@platejs/mention/react`);l.push(e.configure({options:{trigger:`@`,triggerPreviousCharPattern:/^$|^[\s"']$/,insertSpaceAfterMention:!0}}),t)}catch{}if(t.enableDnD)try{let{DndPlugin:e}=await import(`@platejs/dnd`);l.push(e)}catch{}if(t.enableMarkdown)try{let{MarkdownPlugin:e}=await import(`@platejs/markdown`);l.push(e)}catch{}if(t.enableAI&&t.aiEndpoint)try{let{AIPlugin:e,AIChatPlugin:n}=await import(`@platejs/ai/react`);l.push(e,n.configure({options:{chat:{api:t.aiEndpoint,body:{system:t.aiSystemPrompt??`You are a helpful writing assistant.`}}}}))}catch{}e||M({Plate:n.Plate,PlateContent:n.PlateContent,usePlateEditor:n.usePlateEditor,plugins:l})}catch(t){console.error(`[WakaDocumentEditor] Failed to load:`,t),e||P(!0)}})(),()=>{e=!0}},[]),a.useEffect(()=>{if(!b||!e){I([]);return}let t=[],n=0,r=new Set([`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]);for(let i of e){let e=u(i)?i.type:void 0;if(typeof e==`string`&&r.has(e)){let r=d(i);if(r.trim()){let i=parseInt(e.replace(`h`,``),10);t.push({id:`toc-${n++}`,text:r.trim(),level:i,depth:i-1})}}}I(t)},[e,b]),j?(0,o.jsx)(l,{ref:A,bundle:j,value:e,onChange:r,readOnly:s,placeholder:c,className:f,editorClassName:p,minHeight:m,label:h,description:g,error:_,title:v,onTitleChange:y,showTOC:b,toc:F,extraPlugins:O,editorRef:k}):(0,o.jsxs)(`div`,{ref:A,className:t.cn(`space-y-1.5`,f),children:[h&&(0,o.jsx)(n.Label,{children:h}),g&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:g}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(i.Textarea,{placeholder:c,disabled:!0,style:{minHeight:m}}),(0,o.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg`,children:(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:N?`Erreur de chargement de l'editeur`:`Chargement de l'editeur...`})})]}),_&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:_})]})});c.displayName=`WakaDocumentEditor`;var l=a.forwardRef(({bundle:{Plate:e,PlateContent:i,usePlateEditor:c,plugins:l},value:u,onChange:d,readOnly:f,placeholder:p,className:m,editorClassName:h,minHeight:g,label:_,description:v,error:y,title:b,onTitleChange:x,showTOC:S,toc:C,extraPlugins:w,editorRef:T},E)=>{let D=c({plugins:a.useMemo(()=>[...l,...w??[]],[l,w]),value:u??s});return a.useEffect(()=>{T&&(T.current=D)},[D,T]),(0,o.jsxs)(`div`,{ref:E,className:t.cn(`space-y-1.5`,m),children:[_&&(0,o.jsx)(n.Label,{children:_}),v&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:v}),(0,o.jsx)(e,{editor:D,onChange:d?({value:e})=>d(e):void 0,readOnly:f,children:(0,o.jsxs)(`div`,{className:t.cn(`flex border rounded-lg overflow-hidden`,y&&`border-destructive`),children:[S&&C.length>0&&(0,o.jsxs)(`aside`,{className:`w-56 shrink-0 border-r bg-muted/20 hidden lg:block`,children:[(0,o.jsx)(`div`,{className:`p-3 border-b`,children:(0,o.jsx)(`h4`,{className:`text-xs font-bold uppercase tracking-wider text-muted-foreground`,children:`Table des matieres`})}),(0,o.jsx)(r.ScrollArea,{className:`h-full max-h-[600px]`,children:(0,o.jsx)(`nav`,{className:`p-2 space-y-0.5`,children:C.map(e=>(0,o.jsx)(`button`,{className:t.cn(`block w-full text-left px-2 py-1 rounded-md text-sm`,`hover:bg-accent/50 transition-colors truncate`,`text-muted-foreground hover:text-foreground`),style:{paddingLeft:`${e.depth*12+8}px`},title:e.text,children:e.text},e.id))})})]}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(b!==void 0||x)&&(0,o.jsx)(`div`,{className:`border-b px-6 py-4`,children:(0,o.jsx)(`input`,{type:`text`,value:b??``,onChange:e=>x?.(e.target.value),placeholder:`Titre du document`,readOnly:f,className:t.cn(`w-full bg-transparent text-2xl font-bold text-foreground`,`placeholder:text-muted-foreground/50`,`focus:outline-none`)})}),(0,o.jsx)(`div`,{style:{minHeight:g},children:(0,o.jsx)(i,{placeholder:p,readOnly:f,className:t.cn(`prose prose-sm max-w-none px-6 py-4`,`focus-within:outline-none`,`[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]`,h)})})]})]})}),y&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:y})]})});l.displayName=`DocumentEditorInner`;function u(e){return`children`in e&&Array.isArray(e.children)}function d(e){return`text`in e&&typeof e.text==`string`?e.text:u(e)?e.children.map(e=>d(e)).join(``):``}exports.WakaDocumentEditor=c;