@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,253 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Separator as n } from "../separator/index.es.js";
+import { Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../tooltip/index.es.js";
+import * as s from "react";
+import { Bold as c, Code as l, Columns2 as u, Heading1 as d, Heading2 as f, Heading3 as p, Highlighter as m, Image as h, Italic as g, Link as _, MessageSquarePlus as v, Minus as y, Quote as b, Sparkles as x, Strikethrough as S, Table as C, Underline as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/components/editor/waka-editor-toolbar.tsx
+function D(e, t) {
+	try {
+		t(e.chain().focus());
+	} catch {}
+}
+function O(e, t, n) {
+	try {
+		return e.isActive(t, n);
+	} catch {
+		return !1;
+	}
+}
+var k = {
+	bold: {
+		icon: c,
+		label: "Gras",
+		shortcut: "Ctrl+B",
+		action: (e) => D(e, (e) => e.toggleBold().run()),
+		isActive: (e) => O(e, "bold")
+	},
+	italic: {
+		icon: g,
+		label: "Italique",
+		shortcut: "Ctrl+I",
+		action: (e) => D(e, (e) => e.toggleItalic().run()),
+		isActive: (e) => O(e, "italic")
+	},
+	underline: {
+		icon: w,
+		label: "Souligné",
+		shortcut: "Ctrl+U",
+		action: (e) => D(e, (e) => e.toggleUnderline().run()),
+		isActive: (e) => O(e, "underline")
+	},
+	strikethrough: {
+		icon: S,
+		label: "Barré",
+		shortcut: "Ctrl+Shift+S",
+		action: (e) => D(e, (e) => e.toggleStrike().run()),
+		isActive: (e) => O(e, "strikethrough")
+	},
+	code: {
+		icon: l,
+		label: "Code",
+		shortcut: "Ctrl+E",
+		action: (e) => D(e, (e) => e.toggleCode().run()),
+		isActive: (e) => O(e, "code")
+	},
+	highlight: {
+		icon: m,
+		label: "Surligné",
+		action: (e) => D(e, (e) => e.toggleHighlight().run()),
+		isActive: (e) => O(e, "highlight")
+	},
+	h1: {
+		icon: d,
+		label: "Titre 1",
+		action: (e) => {
+			try {
+				e.tf.h1.toggle();
+			} catch {
+				D(e, (e) => e.toggleHeading({ level: 1 }).run());
+			}
+		},
+		isActive: (e) => O(e, "heading", { level: 1 })
+	},
+	h2: {
+		icon: f,
+		label: "Titre 2",
+		action: (e) => {
+			try {
+				e.tf.h2.toggle();
+			} catch {
+				D(e, (e) => e.toggleHeading({ level: 2 }).run());
+			}
+		},
+		isActive: (e) => O(e, "heading", { level: 2 })
+	},
+	h3: {
+		icon: p,
+		label: "Titre 3",
+		action: (e) => {
+			try {
+				e.tf.h3.toggle();
+			} catch {
+				D(e, (e) => e.toggleHeading({ level: 3 }).run());
+			}
+		},
+		isActive: (e) => O(e, "heading", { level: 3 })
+	},
+	blockquote: {
+		icon: b,
+		label: "Citation",
+		action: (e) => {
+			try {
+				e.tf.blockquote.toggle();
+			} catch {
+				D(e, (e) => e.toggleBlockquote().run());
+			}
+		},
+		isActive: (e) => O(e, "blockquote")
+	},
+	callout: {
+		icon: v,
+		label: "Callout",
+		action: (e) => {
+			try {
+				e.tf.callout.insert();
+			} catch {}
+		},
+		isActive: (e) => O(e, "callout")
+	},
+	table: {
+		icon: C,
+		label: "Tableau",
+		action: (e) => {
+			try {
+				e.tf.table.insert({
+					rows: 3,
+					cols: 3
+				});
+			} catch {}
+		},
+		isActive: (e) => O(e, "table")
+	},
+	columns: {
+		icon: u,
+		label: "Colonnes",
+		action: (e) => {
+			try {
+				e.tf.column.insert();
+			} catch {}
+		},
+		isActive: (e) => O(e, "column_group")
+	},
+	link: {
+		icon: _,
+		label: "Lien",
+		shortcut: "Ctrl+K",
+		action: (e) => {
+			try {
+				e.tf.link.toggle();
+			} catch {}
+		},
+		isActive: (e) => O(e, "a")
+	},
+	image: {
+		icon: h,
+		label: "Image",
+		action: (e) => {
+			try {
+				e.tf.image.insert({ url: "" });
+			} catch {}
+		},
+		isActive: () => !1
+	},
+	separator: {
+		icon: y,
+		label: "Séparateur",
+		action: (e) => {
+			try {
+				D(e, (e) => e.insertBreak().run());
+			} catch {}
+		},
+		isActive: () => !1
+	},
+	ai: {
+		icon: x,
+		label: "Assistant IA",
+		action: () => {},
+		isActive: () => !1
+	}
+}, A = [
+	[
+		"bold",
+		"italic",
+		"underline",
+		"strikethrough",
+		"code",
+		"highlight"
+	],
+	[
+		"h1",
+		"h2",
+		"h3"
+	],
+	[
+		"blockquote",
+		"callout",
+		"table",
+		"columns"
+	],
+	[
+		"link",
+		"image",
+		"separator"
+	]
+];
+function j({ groups: c = A, editor: l, className: u, enableAI: d = !1, onAIClick: f }) {
+	let p = s.useMemo(() => d ? [...c, ["ai"]] : c, [c, d]);
+	return /* @__PURE__ */ T(a, {
+		delayDuration: 300,
+		children: /* @__PURE__ */ T("div", {
+			role: "toolbar",
+			"aria-label": "Barre d'outils de formatage",
+			className: e("flex flex-wrap items-center gap-0.5 p-1", "border-b bg-muted/30", u),
+			children: p.map((e, a) => /* @__PURE__ */ E(s.Fragment, { children: [a > 0 && /* @__PURE__ */ T(n, {
+				orientation: "vertical",
+				className: "mx-1 h-6"
+			}), e.map((e) => {
+				let n = k[e];
+				if (!n) return null;
+				let a = n.isActive?.(l) ?? !1, s = n.shortcut ? `${n.label} (${n.shortcut})` : n.label, c = n.icon;
+				return /* @__PURE__ */ E(r, { children: [/* @__PURE__ */ T(o, {
+					asChild: !0,
+					children: /* @__PURE__ */ T(t, {
+						type: "button",
+						variant: a ? "secondary" : "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: () => {
+							if (e === "ai" && f) {
+								f();
+								return;
+							}
+							n.action(l);
+						},
+						"aria-label": n.label,
+						"aria-pressed": a,
+						children: /* @__PURE__ */ T(c, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ T(i, {
+					side: "bottom",
+					className: "text-xs",
+					children: s
+				})] }, e);
+			})] }, a))
+		})
+	});
+}
+j.displayName = "WakaEditorToolbar";
+//#endregion
+export { A as DEFAULT_TOOLBAR_GROUPS, j as WakaEditorToolbar };

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

@@ -0,0 +1,2 @@
+"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`),i=require(`./waka-editor-toolbar.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({value:e,onChange:t,readOnly:n=!1,placeholder:r=`Commencez a ecrire...`,className:s,editorClassName:u,minHeight:d=200,label:f,description:p,error:m,preset:h=`standard`,enableAI:g=!1,enableMarkdown:_=!1,enableMedia:v=!1,enableMentions:y=!1,enableDnD:b=!1,enableTOC:x=!1,toolbarGroups:S=i.DEFAULT_TOOLBAR_GROUPS,hideToolbar:C=!1,onAIClick:w,extraPlugins:T,editorRef:E},D)=>{let[O,k]=a.useState(null),[A,j]=a.useState(!1);return a.useEffect(()=>{let e=!1;return(async()=>{try{let[t,n]=await Promise.all([import(`platejs/react`),Promise.resolve().then(()=>require(`./waka-editor-plugins.cjs.js`))]),r=await n.loadCorePlugins(),i=n.getPresetLoaders(h),a=await Promise.all(i.map(e=>e())),o=[];_&&o.push(n.loadMarkdownPlugin()),v&&o.push(n.loadMediaPlugins()),y&&o.push(n.loadMentionPlugins()),b&&o.push(n.loadDndPlugin()),x&&o.push(n.loadTocPlugin());let s=await Promise.all(o),c=[...r,...a.flat(),...s.flat(),...T??[]];e||k({components:{Plate:t.Plate,PlateContent:t.PlateContent,usePlateEditor:t.usePlateEditor},plugins:c})}catch{e||j(!0)}})(),()=>{e=!0}},[h,_,v,y,b,x,T]),O?(0,o.jsx)(c,{ref:D,components:O.components,plugins:O.plugins,value:e,onChange:t,readOnly:n,placeholder:r,className:s,editorClassName:u,minHeight:d,label:f,description:p,error:m,enableAI:g,toolbarGroups:S,hideToolbar:C,onAIClick:w,editorRef:E}):(0,o.jsx)(l,{ref:D,value:e,onChange:t,placeholder:r,className:s,minHeight:d,label:f,description:p,error:m,loading:!A,readOnly:n})});s.displayName=`WakaEditor`;var c=a.forwardRef(({components:{Plate:e,PlateContent:r,usePlateEditor:s},plugins:c,value:l,onChange:u,readOnly:d=!1,placeholder:f,className:p,editorClassName:m,minHeight:h,label:g,description:_,error:v,enableAI:y,toolbarGroups:b,hideToolbar:x,onAIClick:S,editorRef:C},w)=>{let T=s({plugins:c,value:l??[{type:`p`,children:[{text:``}]}]});return a.useEffect(()=>{C&&(C.current=T)},[T,C]),(0,o.jsxs)(`div`,{ref:w,className:t.cn(`space-y-1.5`,p),children:[g&&(0,o.jsx)(n.Label,{children:g}),_&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:_}),(0,o.jsx)(e,{editor:T,onChange:u?({value:e})=>u(e):void 0,readOnly:d,children:(0,o.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,v&&`border-destructive`,d&&`opacity-80`),children:[!x&&!d&&(0,o.jsx)(i.WakaEditorToolbar,{editor:T,groups:b,enableAI:y,onAIClick:S}),(0,o.jsx)(`div`,{style:{minHeight:h},children:(0,o.jsx)(r,{placeholder:f,readOnly:d,className:t.cn(`prose prose-sm max-w-none p-3`,`focus-within:outline-none`,`[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]`,m)})})]})}),v&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:v})]})});c.displayName=`PlateEditorInner`;var l=a.forwardRef(({value:e,onChange:i,placeholder:s,className:c,minHeight:l,label:u,description:d,error:f,loading:p,readOnly:m},h)=>{let g=a.useMemo(()=>{if(!e)return``;let t=e=>e.map(e=>typeof e.text==`string`?e.text:e.children?t(e.children):``).join(`
+`);return t(e)},[e]);return(0,o.jsxs)(`div`,{ref:h,className:t.cn(`space-y-1.5`,c),children:[u&&(0,o.jsx)(n.Label,{children:u}),d&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:d}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(r.Textarea,{value:g,onChange:e=>{i?.([{type:`p`,children:[{text:e.target.value}]}])},placeholder:s,disabled:p||m,style:{minHeight:l},className:t.cn(f&&`border-destructive`)}),p&&(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:`Chargement de l'editeur...`})})]}),f&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:f})]})});l.displayName=`FallbackEditor`,exports.WakaEditor=s;

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

@@ -0,0 +1,174 @@
+"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 { DEFAULT_TOOLBAR_GROUPS as r, WakaEditorToolbar as i } from "./waka-editor-toolbar.es.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/editor/waka-editor.tsx
+var c = a.forwardRef(({ value: e, onChange: t, readOnly: n = !1, placeholder: i = "Commencez a ecrire...", className: s, editorClassName: c, minHeight: d = 200, label: f, description: p, error: m, preset: h = "standard", enableAI: g = !1, enableMarkdown: _ = !1, enableMedia: v = !1, enableMentions: y = !1, enableDnD: b = !1, enableTOC: x = !1, toolbarGroups: S = r, hideToolbar: C = !1, onAIClick: w, extraPlugins: T, editorRef: E }, D) => {
+	let [O, k] = a.useState(null), [A, j] = a.useState(!1);
+	return a.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let [t, n] = await Promise.all([import("platejs/react"), import("./waka-editor-plugins.es.js")]), r = await n.loadCorePlugins(), i = n.getPresetLoaders(h), a = await Promise.all(i.map((e) => e())), o = [];
+				_ && o.push(n.loadMarkdownPlugin()), v && o.push(n.loadMediaPlugins()), y && o.push(n.loadMentionPlugins()), b && o.push(n.loadDndPlugin()), x && o.push(n.loadTocPlugin());
+				let s = await Promise.all(o), c = [
+					...r,
+					...a.flat(),
+					...s.flat(),
+					...T ?? []
+				];
+				e || k({
+					components: {
+						Plate: t.Plate,
+						PlateContent: t.PlateContent,
+						usePlateEditor: t.usePlateEditor
+					},
+					plugins: c
+				});
+			} catch {
+				e || j(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		h,
+		_,
+		v,
+		y,
+		b,
+		x,
+		T
+	]), O ? /* @__PURE__ */ o(l, {
+		ref: D,
+		components: O.components,
+		plugins: O.plugins,
+		value: e,
+		onChange: t,
+		readOnly: n,
+		placeholder: i,
+		className: s,
+		editorClassName: c,
+		minHeight: d,
+		label: f,
+		description: p,
+		error: m,
+		enableAI: g,
+		toolbarGroups: S,
+		hideToolbar: C,
+		onAIClick: w,
+		editorRef: E
+	}) : /* @__PURE__ */ o(u, {
+		ref: D,
+		value: e,
+		onChange: t,
+		placeholder: i,
+		className: s,
+		minHeight: d,
+		label: f,
+		description: p,
+		error: m,
+		loading: !A,
+		readOnly: n
+	});
+});
+c.displayName = "WakaEditor";
+var l = a.forwardRef(({ components: { Plate: n, PlateContent: r, usePlateEditor: c }, plugins: l, value: u, onChange: d, readOnly: f = !1, placeholder: p, className: m, editorClassName: h, minHeight: g, label: _, description: v, error: y, enableAI: b, toolbarGroups: x, hideToolbar: S, onAIClick: C, editorRef: w }, T) => {
+	let E = c({
+		plugins: l,
+		value: u ?? [{
+			type: "p",
+			children: [{ text: "" }]
+		}]
+	});
+	return a.useEffect(() => {
+		w && (w.current = E);
+	}, [E, w]), /* @__PURE__ */ s("div", {
+		ref: T,
+		className: e("space-y-1.5", m),
+		children: [
+			_ && /* @__PURE__ */ o(t, { children: _ }),
+			v && /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: v
+			}),
+			/* @__PURE__ */ o(n, {
+				editor: E,
+				onChange: d ? ({ value: e }) => d(e) : void 0,
+				readOnly: f,
+				children: /* @__PURE__ */ s("div", {
+					className: e("border rounded-lg overflow-hidden", y && "border-destructive", f && "opacity-80"),
+					children: [!S && !f && /* @__PURE__ */ o(i, {
+						editor: E,
+						groups: x,
+						enableAI: b,
+						onAIClick: C
+					}), /* @__PURE__ */ o("div", {
+						style: { minHeight: g },
+						children: /* @__PURE__ */ o(r, {
+							placeholder: p,
+							readOnly: f,
+							className: e("prose prose-sm max-w-none p-3", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", h)
+						})
+					})]
+				})
+			}),
+			y && /* @__PURE__ */ o("p", {
+				className: "text-sm text-destructive",
+				children: y
+			})
+		]
+	});
+});
+l.displayName = "PlateEditorInner";
+var u = a.forwardRef(({ value: r, onChange: i, placeholder: c, className: l, minHeight: u, label: d, description: f, error: p, loading: m, readOnly: h }, g) => {
+	let _ = a.useMemo(() => {
+		if (!r) return "";
+		let e = (t) => t.map((t) => typeof t.text == "string" ? t.text : t.children ? e(t.children) : "").join("\n");
+		return e(r);
+	}, [r]);
+	return /* @__PURE__ */ s("div", {
+		ref: g,
+		className: e("space-y-1.5", l),
+		children: [
+			d && /* @__PURE__ */ o(t, { children: d }),
+			f && /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: f
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ o(n, {
+					value: _,
+					onChange: (e) => {
+						i?.([{
+							type: "p",
+							children: [{ text: e.target.value }]
+						}]);
+					},
+					placeholder: c,
+					disabled: m || h,
+					style: { minHeight: u },
+					className: e(p && "border-destructive")
+				}), m && /* @__PURE__ */ o("div", {
+					className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg",
+					children: /* @__PURE__ */ o("span", {
+						className: "text-sm text-muted-foreground animate-pulse",
+						children: "Chargement de l'editeur..."
+					})
+				})]
+			}),
+			p && /* @__PURE__ */ o("p", {
+				className: "text-sm text-destructive",
+				children: p
+			})
+		]
+	});
+});
+u.displayName = "FallbackEditor";
+//#endregion
+export { c as WakaEditor };

package/dist/components/editor/waka-floating-toolbar.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);function a(e,t){try{t(e)}catch{}}function o(e,t){try{return e.isActive(t)}catch{return!1}}var s=[{key:`bold`,icon:r.Bold,label:`Gras`,shortcut:`Ctrl+B`,action:e=>a(e,e=>e.chain().focus().toggleBold().run()),isActive:e=>o(e,`bold`)},{key:`italic`,icon:r.Italic,label:`Italique`,shortcut:`Ctrl+I`,action:e=>a(e,e=>e.chain().focus().toggleItalic().run()),isActive:e=>o(e,`italic`)},{key:`underline`,icon:r.Underline,label:`Souligne`,shortcut:`Ctrl+U`,action:e=>a(e,e=>e.chain().focus().toggleUnderline().run()),isActive:e=>o(e,`underline`)},{key:`strikethrough`,icon:r.Strikethrough,label:`Barre`,action:e=>a(e,e=>e.chain().focus().toggleStrike().run()),isActive:e=>o(e,`strikethrough`)},{key:`code`,icon:r.Code,label:`Code`,shortcut:`Ctrl+E`,action:e=>a(e,e=>e.chain().focus().toggleCode().run()),isActive:e=>o(e,`code`)},{key:`highlight`,icon:r.Highlighter,label:`Surligner`,action:e=>a(e,e=>e.chain().focus().toggleHighlight().run()),isActive:e=>o(e,`highlight`)},{key:`link`,icon:r.Link,label:`Lien`,shortcut:`Ctrl+K`,action:e=>{try{e.tf.link.toggle()}catch{}},isActive:e=>o(e,`a`)}],c=n.forwardRef(({editor:e,buttons:t=s,enableAI:a=!1,onAIClick:o,className:c,disableFloating:l=!1},f)=>{let[p,m]=n.useState(null);n.useEffect(()=>{l||import(`@platejs/floating`).then(e=>{if(e.useFloatingToolbar){let t=e.useFloatingToolbar;m(()=>t)}}).catch(()=>{})},[l]);let h=n.useMemo(()=>a?[...t,{key:`ai`,icon:r.Sparkles,label:`Demander a l'IA`,action:()=>o?.(),isActive:()=>!1}]:t,[t,a,o]);return p?(0,i.jsx)(d,{ref:f,editor:e,buttons:h,className:c,floatingHook:p}):(0,i.jsx)(u,{ref:f,editor:e,buttons:h,className:c})});c.displayName=`WakaFloatingToolbar`;function l({toolbarRef:e,toolbarProps:n,hidden:r,buttons:a,editor:o,className:s}){return r?null:(0,i.jsx)(`div`,{ref:e,...n??{},className:t.cn(`flex items-center gap-0.5 p-1`,`rounded-lg border bg-popover shadow-lg`,`animate-in fade-in-0 zoom-in-95`,s),role:`toolbar`,"aria-label":`Barre d'outils flottante`,children:a.map(e=>{let n=e.isActive?.(o)??!1,r=e.icon;return(0,i.jsx)(`button`,{type:`button`,title:e.shortcut?`${e.label} (${e.shortcut})`:e.label,"aria-label":e.label,"aria-pressed":n,className:t.cn(`inline-flex h-7 w-7 items-center justify-center rounded-md`,`text-sm transition-colors`,n?`bg-accent text-accent-foreground`:`hover:bg-accent/50 text-foreground/70 hover:text-foreground`),onMouseDown:t=>{t.preventDefault(),e.action(o)},children:(0,i.jsx)(r,{className:`h-3.5 w-3.5`})},e.key)})})}var u=n.forwardRef(({editor:e,buttons:t,className:n},r)=>(0,i.jsx)(l,{toolbarRef:r,buttons:t,editor:e,className:n}));u.displayName=`FloatingToolbarStatic`;var d=n.forwardRef(({editor:e,buttons:t,className:r,floatingHook:a},o)=>{let s=a({editor:e});return(0,i.jsx)(l,{toolbarRef:n.useCallback(e=>{typeof o==`function`?o(e):o&&(o.current=e),s.ref&&(typeof s.ref==`function`?s.ref(e):s.ref.current=e)},[o,s.ref]),toolbarProps:s.props,hidden:s.hidden,buttons:t,editor:e,className:r})});d.displayName=`FloatingToolbarPositioned`,exports.DEFAULT_FLOATING_BUTTONS=s,exports.WakaFloatingToolbar=c;

package/dist/components/editor/waka-floating-toolbar.es.js

@@ -0,0 +1,159 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Bold as n, Code as r, Highlighter as i, Italic as a, Link as o, Sparkles as s, Strikethrough as c, Underline as l } from "lucide-react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/editor/waka-floating-toolbar.tsx
+function d(e, t) {
+	try {
+		t(e);
+	} catch {}
+}
+function f(e, t) {
+	try {
+		return e.isActive(t);
+	} catch {
+		return !1;
+	}
+}
+var p = [
+	{
+		key: "bold",
+		icon: n,
+		label: "Gras",
+		shortcut: "Ctrl+B",
+		action: (e) => d(e, (e) => e.chain().focus().toggleBold().run()),
+		isActive: (e) => f(e, "bold")
+	},
+	{
+		key: "italic",
+		icon: a,
+		label: "Italique",
+		shortcut: "Ctrl+I",
+		action: (e) => d(e, (e) => e.chain().focus().toggleItalic().run()),
+		isActive: (e) => f(e, "italic")
+	},
+	{
+		key: "underline",
+		icon: l,
+		label: "Souligne",
+		shortcut: "Ctrl+U",
+		action: (e) => d(e, (e) => e.chain().focus().toggleUnderline().run()),
+		isActive: (e) => f(e, "underline")
+	},
+	{
+		key: "strikethrough",
+		icon: c,
+		label: "Barre",
+		action: (e) => d(e, (e) => e.chain().focus().toggleStrike().run()),
+		isActive: (e) => f(e, "strikethrough")
+	},
+	{
+		key: "code",
+		icon: r,
+		label: "Code",
+		shortcut: "Ctrl+E",
+		action: (e) => d(e, (e) => e.chain().focus().toggleCode().run()),
+		isActive: (e) => f(e, "code")
+	},
+	{
+		key: "highlight",
+		icon: i,
+		label: "Surligner",
+		action: (e) => d(e, (e) => e.chain().focus().toggleHighlight().run()),
+		isActive: (e) => f(e, "highlight")
+	},
+	{
+		key: "link",
+		icon: o,
+		label: "Lien",
+		shortcut: "Ctrl+K",
+		action: (e) => {
+			try {
+				e.tf.link.toggle();
+			} catch {}
+		},
+		isActive: (e) => f(e, "a")
+	}
+], m = t.forwardRef(({ editor: e, buttons: n = p, enableAI: r = !1, onAIClick: i, className: a, disableFloating: o = !1 }, c) => {
+	let [l, d] = t.useState(null);
+	t.useEffect(() => {
+		o || import("@platejs/floating").then((e) => {
+			if (e.useFloatingToolbar) {
+				let t = e.useFloatingToolbar;
+				d(() => t);
+			}
+		}).catch(() => {});
+	}, [o]);
+	let f = t.useMemo(() => r ? [...n, {
+		key: "ai",
+		icon: s,
+		label: "Demander a l'IA",
+		action: () => i?.(),
+		isActive: () => !1
+	}] : n, [
+		n,
+		r,
+		i
+	]);
+	return l ? /* @__PURE__ */ u(_, {
+		ref: c,
+		editor: e,
+		buttons: f,
+		className: a,
+		floatingHook: l
+	}) : /* @__PURE__ */ u(g, {
+		ref: c,
+		editor: e,
+		buttons: f,
+		className: a
+	});
+});
+m.displayName = "WakaFloatingToolbar";
+function h({ toolbarRef: t, toolbarProps: n, hidden: r, buttons: i, editor: a, className: o }) {
+	return r ? null : /* @__PURE__ */ u("div", {
+		ref: t,
+		...n ?? {},
+		className: e("flex items-center gap-0.5 p-1", "rounded-lg border bg-popover shadow-lg", "animate-in fade-in-0 zoom-in-95", o),
+		role: "toolbar",
+		"aria-label": "Barre d'outils flottante",
+		children: i.map((t) => {
+			let n = t.isActive?.(a) ?? !1, r = t.icon;
+			return /* @__PURE__ */ u("button", {
+				type: "button",
+				title: t.shortcut ? `${t.label} (${t.shortcut})` : t.label,
+				"aria-label": t.label,
+				"aria-pressed": n,
+				className: e("inline-flex h-7 w-7 items-center justify-center rounded-md", "text-sm transition-colors", n ? "bg-accent text-accent-foreground" : "hover:bg-accent/50 text-foreground/70 hover:text-foreground"),
+				onMouseDown: (e) => {
+					e.preventDefault(), t.action(a);
+				},
+				children: /* @__PURE__ */ u(r, { className: "h-3.5 w-3.5" })
+			}, t.key);
+		})
+	});
+}
+var g = t.forwardRef(({ editor: e, buttons: t, className: n }, r) => /* @__PURE__ */ u(h, {
+	toolbarRef: r,
+	buttons: t,
+	editor: e,
+	className: n
+}));
+g.displayName = "FloatingToolbarStatic";
+var _ = t.forwardRef(({ editor: e, buttons: n, className: r, floatingHook: i }, a) => {
+	let o = i({ editor: e });
+	return /* @__PURE__ */ u(h, {
+		toolbarRef: t.useCallback((e) => {
+			typeof a == "function" ? a(e) : a && (a.current = e), o.ref && (typeof o.ref == "function" ? o.ref(e) : o.ref.current = e);
+		}, [a, o.ref]),
+		toolbarProps: o.props,
+		hidden: o.hidden,
+		buttons: n,
+		editor: e,
+		className: r
+	});
+});
+_.displayName = "FloatingToolbarPositioned";
+//#endregion
+export { p as DEFAULT_FLOATING_BUTTONS, m as WakaFloatingToolbar };

package/dist/components/editor/waka-markdown-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(`../button/index.cjs.js`),r=require(`../label/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=a.forwardRef(({markdownValue:e=``,onMarkdownChange:i,slateValue:s,onSlateChange:u,defaultMode:d=`rich`,readOnly:f=!1,placeholder:p=`Commencez a ecrire...`,className:m,editorClassName:h,minHeight:g=300,label:_,description:v,error:y,extraPlugins:b,editorRef:x},S)=>{let[C,w]=a.useState(d),[T,E]=a.useState(null),[D,O]=a.useState(!1),[k,A]=a.useState(e);a.useEffect(()=>{A(e)},[e]),a.useEffect(()=>{let e=!1;return(async()=>{try{let[t,n,r,i,a,o,s]=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/markdown`)]),c=[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`]}}),s.MarkdownPlugin];e||E({Plate:t.Plate,PlateContent:t.PlateContent,usePlateEditor:t.usePlateEditor,plugins:c,serializeMd:s.serializeMd,deserializeMd:s.deserializeMd})}catch(t){console.error(`[WakaMarkdownEditor] Failed to load:`,t),e||O(!0)}})(),()=>{e=!0}},[]);let j=(0,o.jsx)(`div`,{className:`flex items-center gap-1 p-1 border-b bg-muted/30`,children:[`rich`,`markdown`,`split`].map(e=>(0,o.jsx)(n.Button,{type:`button`,variant:C===e?`secondary`:`ghost`,size:`sm`,className:`h-7 text-xs`,onClick:()=>w(e),children:e===`rich`?`Editeur`:e===`markdown`?`Markdown`:`Split`},e))}),M=a.useCallback(e=>{A(e),i?.(e)},[i]);return(0,o.jsxs)(`div`,{ref:S,className:t.cn(`space-y-1.5`,m),children:[_&&(0,o.jsx)(r.Label,{children:_}),v&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:v}),(0,o.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,y&&`border-destructive`),children:[!f&&j,C===`markdown`&&(0,o.jsx)(c,{value:k,onChange:M,readOnly:f,placeholder:p,minHeight:g,className:h}),C===`rich`&&T&&(0,o.jsx)(l,{bundle:T,markdownValue:k,slateValue:s,onSlateChange:u,onMarkdownChange:i,readOnly:f,placeholder:p,minHeight:g,className:h,extraPlugins:b,editorRef:x}),C===`split`&&T&&(0,o.jsxs)(`div`,{className:`flex divide-x`,style:{minHeight:g},children:[(0,o.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,o.jsx)(l,{bundle:T,markdownValue:k,slateValue:s,onSlateChange:u,onMarkdownChange:i,readOnly:f,placeholder:p,minHeight:g,className:h,extraPlugins:b,editorRef:x})}),(0,o.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,o.jsx)(c,{value:k,onChange:M,readOnly:f,placeholder:`Markdown...`,minHeight:g})})]}),!T&&C!==`markdown`&&(0,o.jsx)(`div`,{className:`relative`,style:{minHeight:g},children:(0,o.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50`,children:(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:D?`Erreur de chargement`:`Chargement...`})})})]}),y&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:y})]})});s.displayName=`WakaMarkdownEditor`;function c({value:e,onChange:n,readOnly:r,placeholder:a,minHeight:s,className:c}){return(0,o.jsx)(i.Textarea,{value:e,onChange:e=>n(e.target.value),readOnly:r,placeholder:a,style:{minHeight:s},className:t.cn(`rounded-none border-0 resize-none font-mono text-sm`,`focus-visible:ring-0 focus-visible:ring-offset-0`,c)})}function l({bundle:{Plate:e,PlateContent:n,usePlateEditor:r,plugins:i,serializeMd:s},markdownValue:c,slateValue:l,onSlateChange:u,onMarkdownChange:d,readOnly:f,placeholder:p,minHeight:m,className:h,extraPlugins:g,editorRef:_}){let v=r({plugins:a.useMemo(()=>[...i,...g??[]],[i,g]),value:l??[{type:`p`,children:[{text:c||``}]}]});return a.useEffect(()=>{_&&(_.current=v)},[v,_]),(0,o.jsx)(e,{editor:v,onChange:a.useCallback(({value:e})=>{if(u?.(e),d&&s)try{d(s(v,{value:e}))}catch{}},[v,u,d,s]),readOnly:f,children:(0,o.jsx)(`div`,{style:{minHeight:m},children:(0,o.jsx)(n,{placeholder:p,readOnly:f,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]`,h)})})})}exports.WakaMarkdownEditor=s;