@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/editor/blocks/waka-user-story-block.es.js

@@ -0,0 +1,200 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-user-story-block.tsx
+var r = "user_story", i = {
+	must: {
+		label: "Must Have",
+		color: "text-red-700 dark:text-red-400",
+		bg: "bg-red-50 dark:bg-red-500/10"
+	},
+	should: {
+		label: "Should Have",
+		color: "text-amber-700 dark:text-amber-400",
+		bg: "bg-amber-50 dark:bg-amber-500/10"
+	},
+	could: {
+		label: "Could Have",
+		color: "text-blue-700 dark:text-blue-400",
+		bg: "bg-blue-50 dark:bg-blue-500/10"
+	},
+	wont: {
+		label: "Won't Have",
+		color: "text-gray-500 dark:text-gray-400",
+		bg: "bg-gray-50 dark:bg-gray-500/10"
+	}
+};
+function a({ label: r, icon: i, value: a, placeholder: o, readOnly: s, onChange: c }) {
+	return /* @__PURE__ */ n("div", {
+		className: "flex items-start gap-3 group",
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center gap-1.5 pt-1 shrink-0 w-[90px]",
+			children: [/* @__PURE__ */ t("span", {
+				className: "text-blue-500 dark:text-blue-400",
+				children: i
+			}), /* @__PURE__ */ t("span", {
+				className: "text-[11px] font-semibold uppercase tracking-wider text-blue-600 dark:text-blue-400",
+				children: r
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: "flex-1 min-w-0",
+			children: s ? /* @__PURE__ */ t("p", {
+				className: "text-sm text-foreground py-1",
+				children: a || /* @__PURE__ */ t("span", {
+					className: "text-muted-foreground italic",
+					children: o
+				})
+			}) : /* @__PURE__ */ t("input", {
+				type: "text",
+				value: a,
+				onChange: (e) => c?.(e.target.value),
+				placeholder: o,
+				className: e("w-full bg-transparent text-sm text-foreground py-1 px-0", "border-0 border-b border-transparent", "focus:border-blue-300 dark:focus:border-blue-600", "focus:outline-none transition-colors", "placeholder:text-muted-foreground/50 placeholder:italic")
+			})
+		})]
+	});
+}
+function o({ attributes: r, children: o, element: s, className: c }) {
+	let l = s, u = l?.priority, d = l?.storyId, f = l?.points;
+	return /* @__PURE__ */ n("div", {
+		...r,
+		contentEditable: !1,
+		className: e("relative my-4 rounded-lg overflow-hidden", "border-l-4 border-blue-500 dark:border-blue-400", "bg-blue-50/50 dark:bg-blue-950/20", "border border-blue-200/60 dark:border-blue-800/40", "shadow-sm hover:shadow-md transition-shadow duration-200", c),
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center justify-between px-4 py-2 bg-blue-100/50 dark:bg-blue-900/20 border-b border-blue-200/40 dark:border-blue-800/30",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ t("svg", {
+							className: "h-4 w-4 text-blue-600 dark:text-blue-400",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+							})
+						}),
+						/* @__PURE__ */ t("span", {
+							className: "text-xs font-bold uppercase tracking-wider text-blue-700 dark:text-blue-300",
+							children: "User Story"
+						}),
+						d && /* @__PURE__ */ t("span", {
+							className: "text-[10px] font-mono font-semibold text-blue-500 dark:text-blue-400 bg-blue-100 dark:bg-blue-800/40 px-1.5 py-0.5 rounded",
+							children: d
+						})
+					]
+				}), /* @__PURE__ */ n("div", {
+					className: "flex items-center gap-2",
+					children: [f !== void 0 && /* @__PURE__ */ t("span", {
+						className: "inline-flex items-center justify-center h-5 min-w-[20px] px-1 rounded-full bg-blue-200 dark:bg-blue-700/50 text-[10px] font-bold text-blue-800 dark:text-blue-200",
+						children: f
+					}), u && i[u] && /* @__PURE__ */ t("span", {
+						className: e("text-[10px] font-semibold px-2 py-0.5 rounded-full", i[u].bg, i[u].color),
+						children: i[u].label
+					})]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "px-4 py-3 space-y-2",
+				children: [
+					/* @__PURE__ */ t(a, {
+						label: "As a",
+						icon: /* @__PURE__ */ t("svg", {
+							className: "h-3 w-3",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+							})
+						}),
+						value: l?.role || "",
+						placeholder: "role (e.g. platform administrator)",
+						readOnly: !0
+					}),
+					/* @__PURE__ */ t(a, {
+						label: "I want",
+						icon: /* @__PURE__ */ t("svg", {
+							className: "h-3 w-3",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M13 10V3L4 14h7v7l9-11h-7z"
+							})
+						}),
+						value: l?.action || "",
+						placeholder: "action (e.g. to deploy services with one click)",
+						readOnly: !0
+					}),
+					/* @__PURE__ */ t(a, {
+						label: "So that",
+						icon: /* @__PURE__ */ t("svg", {
+							className: "h-3 w-3",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+							})
+						}),
+						value: l?.benefit || "",
+						placeholder: "benefit (e.g. I can reduce time-to-market)",
+						readOnly: !0
+					})
+				]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "hidden",
+				children: o
+			})
+		]
+	});
+}
+o.displayName = "WakaUserStoryBlock";
+function s(e) {
+	return [{
+		type: r,
+		role: e?.role || "",
+		action: e?.action || "",
+		benefit: e?.benefit || "",
+		storyId: e?.storyId,
+		priority: e?.priority,
+		points: e?.points,
+		children: [{ text: "" }]
+	}];
+}
+async function c() {
+	try {
+		let { createPlatePlugin: e } = await import("platejs/react");
+		return e({
+			key: r,
+			node: {
+				isElement: !0,
+				isVoid: !0,
+				type: r,
+				component: o
+			}
+		});
+	} catch {
+		return console.warn("[WakaUserStoryBlock] platejs not installed"), null;
+	}
+}
+//#endregion
+export { r as USER_STORY_BLOCK_TYPE, o as WakaUserStoryBlock, s as createUserStoryNodes, c as createUserStoryPlugin };

package/dist/components/editor/blocks/waka-version-diff-block.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(`react/jsx-runtime`);var i=`version_diff`;function a({attributes:e,children:i,element:a,className:o}){let s=a,[c,l]=n.useState(`unified`),[u,d]=n.useState(!0),f=s?.hunks||[],p=s?.stats||{additions:0,deletions:0,modifications:0},m=s?.oldVersionLabel||`Previous`,h=s?.newVersionLabel||`Current`;return(0,r.jsxs)(`div`,{...e,contentEditable:!1,className:t.cn(`my-4 rounded-lg overflow-hidden border border-border shadow-sm`,o),children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2.5 bg-muted/30 border-b border-border`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,r.jsx)(`svg`,{className:`h-4 w-4 text-orange-600 dark:text-orange-400`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,"aria-hidden":`true`,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M12 3v6m0 0l-3 3m3-3l3 3M6 21h12a2 2 0 002-2V7l-5-5H6a2 2 0 00-2 2v15a2 2 0 002 2z`})}),(0,r.jsx)(`span`,{className:`text-xs font-bold uppercase tracking-wider text-foreground`,children:`Version Diff`}),(0,r.jsxs)(`div`,{className:`flex items-center gap-1 text-[10px]`,children:[(0,r.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-red-100 dark:bg-red-500/10 text-red-700 dark:text-red-400 font-mono font-medium`,children:m}),(0,r.jsx)(`svg`,{className:`h-3 w-3 text-muted-foreground`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M14 5l7 7m0 0l-7 7m7-7H3`})}),(0,r.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-emerald-100 dark:bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 font-mono font-medium`,children:h})]})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2 text-[10px] font-mono`,children:[p.additions>0&&(0,r.jsxs)(`span`,{className:`text-emerald-600 dark:text-emerald-400 font-semibold`,children:[`+`,p.additions]}),p.deletions>0&&(0,r.jsxs)(`span`,{className:`text-red-600 dark:text-red-400 font-semibold`,children:[`-`,p.deletions]}),p.modifications>0&&(0,r.jsxs)(`span`,{className:`text-amber-600 dark:text-amber-400 font-semibold`,children:[`~`,p.modifications]})]}),(0,r.jsx)(`div`,{className:`flex items-center border border-border rounded overflow-hidden`,children:[`unified`,`split`,`summary`].map(e=>(0,r.jsx)(`button`,{type:`button`,onClick:()=>l(e),className:t.cn(`px-2 py-1 text-[10px] font-medium transition-colors`,c===e?`bg-foreground/10 text-foreground`:`text-muted-foreground hover:text-foreground`),children:e.charAt(0).toUpperCase()+e.slice(1)},e))}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>d(!u),className:`text-muted-foreground hover:text-foreground transition-colors`,children:(0,r.jsx)(`svg`,{className:t.cn(`h-4 w-4 transition-transform`,!u&&`-rotate-90`),viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M19 9l-7 7-7-7`})})})]})]}),(s?.author||s?.timestamp)&&(0,r.jsxs)(`div`,{className:`px-4 py-1.5 border-b border-border/50 bg-muted/10 flex items-center gap-3 text-[10px] text-muted-foreground`,children:[s.author&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,r.jsx)(`svg`,{className:`h-3 w-3`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z`})}),(0,r.jsx)(`span`,{className:`font-medium`,children:s.author})]}),s.timestamp&&(0,r.jsx)(`span`,{children:new Date(s.timestamp).toLocaleString(`fr-FR`)})]}),u&&(0,r.jsx)(`div`,{className:`overflow-x-auto`,children:c===`summary`?(0,r.jsxs)(`div`,{className:`p-4 space-y-3`,children:[(0,r.jsxs)(`div`,{className:`grid grid-cols-3 gap-3`,children:[(0,r.jsxs)(`div`,{className:`rounded-lg bg-emerald-50 dark:bg-emerald-500/5 border border-emerald-200 dark:border-emerald-500/20 p-3 text-center`,children:[(0,r.jsx)(`div`,{className:`text-2xl font-bold text-emerald-600 dark:text-emerald-400`,children:p.additions}),(0,r.jsx)(`div`,{className:`text-[10px] font-medium text-emerald-700/70 dark:text-emerald-400/70 uppercase tracking-wider`,children:`Additions`})]}),(0,r.jsxs)(`div`,{className:`rounded-lg bg-red-50 dark:bg-red-500/5 border border-red-200 dark:border-red-500/20 p-3 text-center`,children:[(0,r.jsx)(`div`,{className:`text-2xl font-bold text-red-600 dark:text-red-400`,children:p.deletions}),(0,r.jsx)(`div`,{className:`text-[10px] font-medium text-red-700/70 dark:text-red-400/70 uppercase tracking-wider`,children:`Deletions`})]}),(0,r.jsxs)(`div`,{className:`rounded-lg bg-amber-50 dark:bg-amber-500/5 border border-amber-200 dark:border-amber-500/20 p-3 text-center`,children:[(0,r.jsx)(`div`,{className:`text-2xl font-bold text-amber-600 dark:text-amber-400`,children:p.modifications}),(0,r.jsx)(`div`,{className:`text-[10px] font-medium text-amber-700/70 dark:text-amber-400/70 uppercase tracking-wider`,children:`Modified`})]})]}),(0,r.jsxs)(`div`,{className:`h-2 rounded-full bg-muted overflow-hidden flex`,children:[p.additions>0&&(0,r.jsx)(`div`,{className:`bg-emerald-500 h-full`,style:{width:`${p.additions/(p.additions+p.deletions+p.modifications)*100}%`}}),p.modifications>0&&(0,r.jsx)(`div`,{className:`bg-amber-500 h-full`,style:{width:`${p.modifications/(p.additions+p.deletions+p.modifications)*100}%`}}),p.deletions>0&&(0,r.jsx)(`div`,{className:`bg-red-500 h-full`,style:{width:`${p.deletions/(p.additions+p.deletions+p.modifications)*100}%`}})]})]}):c===`split`?(0,r.jsxs)(`div`,{className:`grid grid-cols-2 divide-x divide-border`,children:[(0,r.jsxs)(`div`,{className:`p-0`,children:[(0,r.jsx)(`div`,{className:`px-3 py-1.5 border-b border-border/50 bg-red-50/50 dark:bg-red-950/10`,children:(0,r.jsx)(`span`,{className:`text-[10px] font-semibold text-red-700 dark:text-red-400 uppercase tracking-wider`,children:m})}),(0,r.jsx)(`div`,{className:`font-mono text-[12px] leading-relaxed`,children:f.map((e,i)=>(0,r.jsx)(n.Fragment,{children:e.lines.filter(e=>e.type!==`added`).map((e,n)=>(0,r.jsxs)(`div`,{className:t.cn(`px-3 py-0.5 flex`,e.type===`removed`&&`bg-red-100/60 dark:bg-red-500/10`,e.type===`modified`&&`bg-amber-100/60 dark:bg-amber-500/10`),children:[(0,r.jsx)(`span`,{className:`w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0`,children:e.oldLineNumber}),(0,r.jsxs)(`span`,{className:t.cn(e.type===`removed`&&`text-red-800 dark:text-red-300`,e.type===`modified`&&`text-amber-800 dark:text-amber-300`),children:[e.type===`removed`&&(0,r.jsx)(`span`,{className:`text-red-500 mr-1`,children:`-`}),e.content]})]},`${i}-${n}`))},i))})]}),(0,r.jsxs)(`div`,{className:`p-0`,children:[(0,r.jsx)(`div`,{className:`px-3 py-1.5 border-b border-border/50 bg-emerald-50/50 dark:bg-emerald-950/10`,children:(0,r.jsx)(`span`,{className:`text-[10px] font-semibold text-emerald-700 dark:text-emerald-400 uppercase tracking-wider`,children:h})}),(0,r.jsx)(`div`,{className:`font-mono text-[12px] leading-relaxed`,children:f.map((e,i)=>(0,r.jsx)(n.Fragment,{children:e.lines.filter(e=>e.type!==`removed`).map((e,n)=>(0,r.jsxs)(`div`,{className:t.cn(`px-3 py-0.5 flex`,e.type===`added`&&`bg-emerald-100/60 dark:bg-emerald-500/10`,e.type===`modified`&&`bg-amber-100/60 dark:bg-amber-500/10`),children:[(0,r.jsx)(`span`,{className:`w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0`,children:e.newLineNumber}),(0,r.jsxs)(`span`,{className:t.cn(e.type===`added`&&`text-emerald-800 dark:text-emerald-300`,e.type===`modified`&&`text-amber-800 dark:text-amber-300`),children:[e.type===`added`&&(0,r.jsx)(`span`,{className:`text-emerald-500 mr-1`,children:`+`}),e.content]})]},`${i}-${n}`))},i))})]})]}):(0,r.jsxs)(`div`,{className:`font-mono text-[12px] leading-relaxed`,children:[f.map((e,i)=>(0,r.jsxs)(n.Fragment,{children:[(0,r.jsxs)(`div`,{className:`px-3 py-1 bg-blue-50/50 dark:bg-blue-950/10 text-blue-600 dark:text-blue-400 text-[10px]`,children:[`@@ -`,e.oldStart,` +`,e.newStart,` @@`]}),e.lines.map((e,n)=>(0,r.jsxs)(`div`,{className:t.cn(`px-3 py-0.5 flex`,e.type===`added`&&`bg-emerald-100/60 dark:bg-emerald-500/10`,e.type===`removed`&&`bg-red-100/60 dark:bg-red-500/10`,e.type===`modified`&&`bg-amber-100/60 dark:bg-amber-500/10`),children:[(0,r.jsx)(`span`,{className:`w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0`,children:e.oldLineNumber||``}),(0,r.jsx)(`span`,{className:`w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0`,children:e.newLineNumber||``}),(0,r.jsx)(`span`,{className:`w-4 shrink-0 text-center select-none`,children:e.type===`added`?(0,r.jsx)(`span`,{className:`text-emerald-500`,children:`+`}):e.type===`removed`?(0,r.jsx)(`span`,{className:`text-red-500`,children:`-`}):e.type===`modified`?(0,r.jsx)(`span`,{className:`text-amber-500`,children:`~`}):(0,r.jsx)(`span`,{className:`text-muted-foreground/30`,children:` `})}),(0,r.jsx)(`span`,{className:t.cn(e.type===`added`&&`text-emerald-800 dark:text-emerald-300`,e.type===`removed`&&`text-red-800 dark:text-red-300 line-through`,e.type===`modified`&&`text-amber-800 dark:text-amber-300`),children:e.content})]},`${i}-${n}`))]},i)),f.length===0&&(0,r.jsx)(`div`,{className:`py-8 text-center text-sm text-muted-foreground italic`,children:`No differences found.`})]})}),(0,r.jsx)(`div`,{className:`hidden`,children:i})]})}a.displayName=`WakaVersionDiffBlock`;function o(e){return[{type:i,oldVersionLabel:e?.oldVersionLabel||`v1.0`,newVersionLabel:e?.newVersionLabel||`v1.1`,oldText:e?.oldText||``,newText:e?.newText||``,hunks:e?.hunks||[{oldStart:1,newStart:1,lines:[{content:`The system SHALL authenticate users via OAuth2.`,type:`unchanged`,oldLineNumber:1,newLineNumber:1},{content:`Rate limiting: 50 req/min per user.`,type:`removed`,oldLineNumber:2},{content:`Rate limiting: 100 req/min per user.`,type:`added`,newLineNumber:2},{content:`All API responses use JSON format.`,type:`unchanged`,oldLineNumber:3,newLineNumber:3},{content:`Added: Support for WebSocket real-time events.`,type:`added`,newLineNumber:4}]}],stats:e?.stats||{additions:2,deletions:1,modifications:0},author:e?.author,timestamp:e?.timestamp,children:[{text:``}]}]}async function s(){try{let{createPlatePlugin:e}=await import(`platejs/react`);return e({key:i,node:{isElement:!0,isVoid:!0,type:i,component:a}})}catch{return console.warn(`[WakaVersionDiffBlock] platejs not installed`),null}}exports.VERSION_DIFF_BLOCK_TYPE=i,exports.WakaVersionDiffBlock=a,exports.createVersionDiffNodes=o,exports.createVersionDiffPlugin=s;

package/dist/components/editor/blocks/waka-version-diff-block.es.js

@@ -0,0 +1,371 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-version-diff-block.tsx
+var i = "version_diff";
+function a({ attributes: i, children: a, element: o, className: s }) {
+	let c = o, [l, u] = t.useState("unified"), [d, f] = t.useState(!0), p = c?.hunks || [], m = c?.stats || {
+		additions: 0,
+		deletions: 0,
+		modifications: 0
+	}, h = c?.oldVersionLabel || "Previous", g = c?.newVersionLabel || "Current";
+	return /* @__PURE__ */ r("div", {
+		...i,
+		contentEditable: !1,
+		className: e("my-4 rounded-lg overflow-hidden border border-border shadow-sm", s),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between px-4 py-2.5 bg-muted/30 border-b border-border",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ n("svg", {
+							className: "h-4 w-4 text-orange-600 dark:text-orange-400",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ n("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M12 3v6m0 0l-3 3m3-3l3 3M6 21h12a2 2 0 002-2V7l-5-5H6a2 2 0 00-2 2v15a2 2 0 002 2z"
+							})
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "text-xs font-bold uppercase tracking-wider text-foreground",
+							children: "Version Diff"
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1 text-[10px]",
+							children: [
+								/* @__PURE__ */ n("span", {
+									className: "px-1.5 py-0.5 rounded bg-red-100 dark:bg-red-500/10 text-red-700 dark:text-red-400 font-mono font-medium",
+									children: h
+								}),
+								/* @__PURE__ */ n("svg", {
+									className: "h-3 w-3 text-muted-foreground",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 2,
+									children: /* @__PURE__ */ n("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M14 5l7 7m0 0l-7 7m7-7H3"
+									})
+								}),
+								/* @__PURE__ */ n("span", {
+									className: "px-1.5 py-0.5 rounded bg-emerald-100 dark:bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 font-mono font-medium",
+									children: g
+								})
+							]
+						})
+					]
+				}), /* @__PURE__ */ r("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ r("div", {
+							className: "flex items-center gap-2 text-[10px] font-mono",
+							children: [
+								m.additions > 0 && /* @__PURE__ */ r("span", {
+									className: "text-emerald-600 dark:text-emerald-400 font-semibold",
+									children: ["+", m.additions]
+								}),
+								m.deletions > 0 && /* @__PURE__ */ r("span", {
+									className: "text-red-600 dark:text-red-400 font-semibold",
+									children: ["-", m.deletions]
+								}),
+								m.modifications > 0 && /* @__PURE__ */ r("span", {
+									className: "text-amber-600 dark:text-amber-400 font-semibold",
+									children: ["~", m.modifications]
+								})
+							]
+						}),
+						/* @__PURE__ */ n("div", {
+							className: "flex items-center border border-border rounded overflow-hidden",
+							children: [
+								"unified",
+								"split",
+								"summary"
+							].map((t) => /* @__PURE__ */ n("button", {
+								type: "button",
+								onClick: () => u(t),
+								className: e("px-2 py-1 text-[10px] font-medium transition-colors", l === t ? "bg-foreground/10 text-foreground" : "text-muted-foreground hover:text-foreground"),
+								children: t.charAt(0).toUpperCase() + t.slice(1)
+							}, t))
+						}),
+						/* @__PURE__ */ n("button", {
+							type: "button",
+							onClick: () => f(!d),
+							className: "text-muted-foreground hover:text-foreground transition-colors",
+							children: /* @__PURE__ */ n("svg", {
+								className: e("h-4 w-4 transition-transform", !d && "-rotate-90"),
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M19 9l-7 7-7-7"
+								})
+							})
+						})
+					]
+				})]
+			}),
+			(c?.author || c?.timestamp) && /* @__PURE__ */ r("div", {
+				className: "px-4 py-1.5 border-b border-border/50 bg-muted/10 flex items-center gap-3 text-[10px] text-muted-foreground",
+				children: [c.author && /* @__PURE__ */ r("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ n("svg", {
+						className: "h-3 w-3",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: 2,
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+						})
+					}), /* @__PURE__ */ n("span", {
+						className: "font-medium",
+						children: c.author
+					})]
+				}), c.timestamp && /* @__PURE__ */ n("span", { children: new Date(c.timestamp).toLocaleString("fr-FR") })]
+			}),
+			d && /* @__PURE__ */ n("div", {
+				className: "overflow-x-auto",
+				children: l === "summary" ? /* @__PURE__ */ r("div", {
+					className: "p-4 space-y-3",
+					children: [/* @__PURE__ */ r("div", {
+						className: "grid grid-cols-3 gap-3",
+						children: [
+							/* @__PURE__ */ r("div", {
+								className: "rounded-lg bg-emerald-50 dark:bg-emerald-500/5 border border-emerald-200 dark:border-emerald-500/20 p-3 text-center",
+								children: [/* @__PURE__ */ n("div", {
+									className: "text-2xl font-bold text-emerald-600 dark:text-emerald-400",
+									children: m.additions
+								}), /* @__PURE__ */ n("div", {
+									className: "text-[10px] font-medium text-emerald-700/70 dark:text-emerald-400/70 uppercase tracking-wider",
+									children: "Additions"
+								})]
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "rounded-lg bg-red-50 dark:bg-red-500/5 border border-red-200 dark:border-red-500/20 p-3 text-center",
+								children: [/* @__PURE__ */ n("div", {
+									className: "text-2xl font-bold text-red-600 dark:text-red-400",
+									children: m.deletions
+								}), /* @__PURE__ */ n("div", {
+									className: "text-[10px] font-medium text-red-700/70 dark:text-red-400/70 uppercase tracking-wider",
+									children: "Deletions"
+								})]
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "rounded-lg bg-amber-50 dark:bg-amber-500/5 border border-amber-200 dark:border-amber-500/20 p-3 text-center",
+								children: [/* @__PURE__ */ n("div", {
+									className: "text-2xl font-bold text-amber-600 dark:text-amber-400",
+									children: m.modifications
+								}), /* @__PURE__ */ n("div", {
+									className: "text-[10px] font-medium text-amber-700/70 dark:text-amber-400/70 uppercase tracking-wider",
+									children: "Modified"
+								})]
+							})
+						]
+					}), /* @__PURE__ */ r("div", {
+						className: "h-2 rounded-full bg-muted overflow-hidden flex",
+						children: [
+							m.additions > 0 && /* @__PURE__ */ n("div", {
+								className: "bg-emerald-500 h-full",
+								style: { width: `${m.additions / (m.additions + m.deletions + m.modifications) * 100}%` }
+							}),
+							m.modifications > 0 && /* @__PURE__ */ n("div", {
+								className: "bg-amber-500 h-full",
+								style: { width: `${m.modifications / (m.additions + m.deletions + m.modifications) * 100}%` }
+							}),
+							m.deletions > 0 && /* @__PURE__ */ n("div", {
+								className: "bg-red-500 h-full",
+								style: { width: `${m.deletions / (m.additions + m.deletions + m.modifications) * 100}%` }
+							})
+						]
+					})]
+				}) : l === "split" ? /* @__PURE__ */ r("div", {
+					className: "grid grid-cols-2 divide-x divide-border",
+					children: [/* @__PURE__ */ r("div", {
+						className: "p-0",
+						children: [/* @__PURE__ */ n("div", {
+							className: "px-3 py-1.5 border-b border-border/50 bg-red-50/50 dark:bg-red-950/10",
+							children: /* @__PURE__ */ n("span", {
+								className: "text-[10px] font-semibold text-red-700 dark:text-red-400 uppercase tracking-wider",
+								children: h
+							})
+						}), /* @__PURE__ */ n("div", {
+							className: "font-mono text-[12px] leading-relaxed",
+							children: p.map((i, a) => /* @__PURE__ */ n(t.Fragment, { children: i.lines.filter((e) => e.type !== "added").map((t, i) => /* @__PURE__ */ r("div", {
+								className: e("px-3 py-0.5 flex", t.type === "removed" && "bg-red-100/60 dark:bg-red-500/10", t.type === "modified" && "bg-amber-100/60 dark:bg-amber-500/10"),
+								children: [/* @__PURE__ */ n("span", {
+									className: "w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0",
+									children: t.oldLineNumber
+								}), /* @__PURE__ */ r("span", {
+									className: e(t.type === "removed" && "text-red-800 dark:text-red-300", t.type === "modified" && "text-amber-800 dark:text-amber-300"),
+									children: [t.type === "removed" && /* @__PURE__ */ n("span", {
+										className: "text-red-500 mr-1",
+										children: "-"
+									}), t.content]
+								})]
+							}, `${a}-${i}`)) }, a))
+						})]
+					}), /* @__PURE__ */ r("div", {
+						className: "p-0",
+						children: [/* @__PURE__ */ n("div", {
+							className: "px-3 py-1.5 border-b border-border/50 bg-emerald-50/50 dark:bg-emerald-950/10",
+							children: /* @__PURE__ */ n("span", {
+								className: "text-[10px] font-semibold text-emerald-700 dark:text-emerald-400 uppercase tracking-wider",
+								children: g
+							})
+						}), /* @__PURE__ */ n("div", {
+							className: "font-mono text-[12px] leading-relaxed",
+							children: p.map((i, a) => /* @__PURE__ */ n(t.Fragment, { children: i.lines.filter((e) => e.type !== "removed").map((t, i) => /* @__PURE__ */ r("div", {
+								className: e("px-3 py-0.5 flex", t.type === "added" && "bg-emerald-100/60 dark:bg-emerald-500/10", t.type === "modified" && "bg-amber-100/60 dark:bg-amber-500/10"),
+								children: [/* @__PURE__ */ n("span", {
+									className: "w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0",
+									children: t.newLineNumber
+								}), /* @__PURE__ */ r("span", {
+									className: e(t.type === "added" && "text-emerald-800 dark:text-emerald-300", t.type === "modified" && "text-amber-800 dark:text-amber-300"),
+									children: [t.type === "added" && /* @__PURE__ */ n("span", {
+										className: "text-emerald-500 mr-1",
+										children: "+"
+									}), t.content]
+								})]
+							}, `${a}-${i}`)) }, a))
+						})]
+					})]
+				}) : /* @__PURE__ */ r("div", {
+					className: "font-mono text-[12px] leading-relaxed",
+					children: [p.map((i, a) => /* @__PURE__ */ r(t.Fragment, { children: [/* @__PURE__ */ r("div", {
+						className: "px-3 py-1 bg-blue-50/50 dark:bg-blue-950/10 text-blue-600 dark:text-blue-400 text-[10px]",
+						children: [
+							"@@ -",
+							i.oldStart,
+							" +",
+							i.newStart,
+							" @@"
+						]
+					}), i.lines.map((t, i) => /* @__PURE__ */ r("div", {
+						className: e("px-3 py-0.5 flex", t.type === "added" && "bg-emerald-100/60 dark:bg-emerald-500/10", t.type === "removed" && "bg-red-100/60 dark:bg-red-500/10", t.type === "modified" && "bg-amber-100/60 dark:bg-amber-500/10"),
+						children: [
+							/* @__PURE__ */ n("span", {
+								className: "w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0",
+								children: t.oldLineNumber || ""
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "w-8 text-right pr-2 text-muted-foreground/50 select-none shrink-0",
+								children: t.newLineNumber || ""
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "w-4 shrink-0 text-center select-none",
+								children: t.type === "added" ? /* @__PURE__ */ n("span", {
+									className: "text-emerald-500",
+									children: "+"
+								}) : t.type === "removed" ? /* @__PURE__ */ n("span", {
+									className: "text-red-500",
+									children: "-"
+								}) : t.type === "modified" ? /* @__PURE__ */ n("span", {
+									className: "text-amber-500",
+									children: "~"
+								}) : /* @__PURE__ */ n("span", {
+									className: "text-muted-foreground/30",
+									children: " "
+								})
+							}),
+							/* @__PURE__ */ n("span", {
+								className: e(t.type === "added" && "text-emerald-800 dark:text-emerald-300", t.type === "removed" && "text-red-800 dark:text-red-300 line-through", t.type === "modified" && "text-amber-800 dark:text-amber-300"),
+								children: t.content
+							})
+						]
+					}, `${a}-${i}`))] }, a)), p.length === 0 && /* @__PURE__ */ n("div", {
+						className: "py-8 text-center text-sm text-muted-foreground italic",
+						children: "No differences found."
+					})]
+				})
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "hidden",
+				children: a
+			})
+		]
+	});
+}
+a.displayName = "WakaVersionDiffBlock";
+function o(e) {
+	return [{
+		type: i,
+		oldVersionLabel: e?.oldVersionLabel || "v1.0",
+		newVersionLabel: e?.newVersionLabel || "v1.1",
+		oldText: e?.oldText || "",
+		newText: e?.newText || "",
+		hunks: e?.hunks || [{
+			oldStart: 1,
+			newStart: 1,
+			lines: [
+				{
+					content: "The system SHALL authenticate users via OAuth2.",
+					type: "unchanged",
+					oldLineNumber: 1,
+					newLineNumber: 1
+				},
+				{
+					content: "Rate limiting: 50 req/min per user.",
+					type: "removed",
+					oldLineNumber: 2
+				},
+				{
+					content: "Rate limiting: 100 req/min per user.",
+					type: "added",
+					newLineNumber: 2
+				},
+				{
+					content: "All API responses use JSON format.",
+					type: "unchanged",
+					oldLineNumber: 3,
+					newLineNumber: 3
+				},
+				{
+					content: "Added: Support for WebSocket real-time events.",
+					type: "added",
+					newLineNumber: 4
+				}
+			]
+		}],
+		stats: e?.stats || {
+			additions: 2,
+			deletions: 1,
+			modifications: 0
+		},
+		author: e?.author,
+		timestamp: e?.timestamp,
+		children: [{ text: "" }]
+	}];
+}
+async function s() {
+	try {
+		let { createPlatePlugin: e } = await import("platejs/react");
+		return e({
+			key: i,
+			node: {
+				isElement: !0,
+				isVoid: !0,
+				type: i,
+				component: a
+			}
+		});
+	} catch {
+		return console.warn("[WakaVersionDiffBlock] platejs not installed"), null;
+	}
+}
+//#endregion
+export { i as VERSION_DIFF_BLOCK_TYPE, a as WakaVersionDiffBlock, o as createVersionDiffNodes, s as createVersionDiffPlugin };

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

@@ -0,0 +1,27 @@
+"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=[{type:`p`,children:[{text:``}]}],s=[{key:`continue`,label:`Continuer la redaction`,prompt:`Continue writing the following text naturally:
+
+{{selection}}`,group:`Generer`},{key:`summarize`,label:`Resumer`,prompt:`Summarize the following text concisely:
+
+{{selection}}`,group:`Generer`},{key:`explain`,label:`Expliquer`,prompt:`Explain the following text in simple terms:
+
+{{selection}}`,group:`Generer`},{key:`outline`,label:`Creer un plan`,prompt:`Create a structured outline from the following text:
+
+{{selection}}`,group:`Generer`},{key:`improve`,label:`Ameliorer le style`,prompt:`Improve the writing quality of the following text while keeping the same meaning:
+
+{{selection}}`,group:`Editer`},{key:`shorter`,label:`Raccourcir`,prompt:`Make the following text shorter while keeping the key information:
+
+{{selection}}`,group:`Editer`},{key:`longer`,label:`Developper`,prompt:`Expand and elaborate on the following text:
+
+{{selection}}`,group:`Editer`},{key:`fix-grammar`,label:`Corriger l'orthographe`,prompt:`Fix all spelling and grammar errors in the following text:
+
+{{selection}}`,group:`Editer`},{key:`simplify`,label:`Simplifier`,prompt:`Simplify the language of the following text to make it easier to understand:
+
+{{selection}}`,group:`Editer`},{key:`translate-en`,label:`Traduire en anglais`,prompt:`Translate the following text to English:
+
+{{selection}}`,group:`Traduire`},{key:`translate-fr`,label:`Traduire en francais`,prompt:`Translate the following text to French:
+
+{{selection}}`,group:`Traduire`},{key:`translate-es`,label:`Traduire en espagnol`,prompt:`Translate the following text to Spanish:
+
+{{selection}}`,group:`Traduire`},{key:`translate-de`,label:`Traduire en allemand`,prompt:`Translate the following text to German:
+
+{{selection}}`,group:`Traduire`}],c=i.forwardRef(({value:e,onChange:o,aiEndpoint:c,systemPrompt:u=`You are an advanced AI writing assistant. Help the user write, edit, and improve their content.`,aiActions:d=s,enableCopilot:f=!0,copilotDebounceMs:p=500,aiHeaders:m,readOnly:h=!1,placeholder:g=`Tapez / pour les commandes, ou commencez a ecrire...`,className:_,editorClassName:v,minHeight:y=300,label:b,description:x,error:S,extraPlugins:C,editorRef:w},T)=>{let[E,D]=i.useState(null),[O,k]=i.useState(!1),A=i.useRef({aiEndpoint:c,systemPrompt:u,aiActions:d,enableCopilot:f,copilotDebounceMs:p,aiHeaders:m});return A.current={aiEndpoint:c,systemPrompt:u,aiActions:d,enableCopilot:f,copilotDebounceMs:p,aiHeaders:m},i.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=A.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||D({Plate:t.Plate,PlateContent:t.PlateContent,usePlateEditor:t.usePlateEditor,plugins:f})}catch(t){console.error(`[WakaAIWriter] Failed to load plugins:`,t),e||k(!0)}})(),()=>{e=!0}},[]),E?(0,a.jsx)(l,{ref:T,bundle:E,value:e,onChange:o,readOnly:h,placeholder:g,className:_,editorClassName:v,minHeight:y,label:b,description:x,error:S,extraPlugins:C,editorRef:w}):(0,a.jsxs)(`div`,{ref:T,className:t.cn(`space-y-1.5`,_),children:[b&&(0,a.jsx)(n.Label,{children:b}),x&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:x}),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Textarea,{placeholder:g,disabled:!0,style:{minHeight:y},className:t.cn(S&&`border-destructive`)}),(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:O?`Erreur de chargement de l'editeur IA`:`Chargement de l'editeur IA...`})})]}),S&&(0,a.jsx)(`p`,{className:`text-sm text-destructive`,children:S})]})});c.displayName=`WakaAIWriter`;var l=i.forwardRef(({bundle:{Plate:e,PlateContent:r,usePlateEditor:s,plugins:c},value:l,onChange:u,readOnly:d,placeholder:f,className:p,editorClassName:m,minHeight:h,label:g,description:_,error:v,extraPlugins:y,editorRef:b},x)=>{let S=s({plugins:i.useMemo(()=>[...c,...y??[]],[c,y]),value:l??o});return i.useEffect(()=>{b&&(b.current=S)},[S,b]),(0,a.jsxs)(`div`,{ref:x,className:t.cn(`space-y-1.5`,p),children:[g&&(0,a.jsx)(n.Label,{children:g}),_&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:_}),(0,a.jsx)(e,{editor:S,onChange:u?({value:e})=>u(e):void 0,readOnly:d,children:(0,a.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,v&&`border-destructive`,d&&`opacity-80`),children:[!d&&(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)(`kbd`,{className:`rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]`,children:`Ctrl+J`}),(0,a.jsx)(`span`,{children:`Ouvrir le menu IA`}),(0,a.jsx)(`span`,{className:`mx-1`,children:`|`}),(0,a.jsx)(`kbd`,{className:`rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]`,children:`/`}),(0,a.jsx)(`span`,{children:`Commandes`}),(0,a.jsx)(`span`,{className:`mx-1`,children:`|`}),(0,a.jsx)(`kbd`,{className:`rounded border bg-muted px-1.5 py-0.5 font-mono text-[10px]`,children:`Ctrl+Espace`}),(0,a.jsx)(`span`,{children:`Copilot`})]}),(0,a.jsx)(`div`,{style:{minHeight:h},children:(0,a.jsx)(r,{placeholder:f,readOnly:d,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]`,m)})})]})}),v&&(0,a.jsx)(`p`,{className:`text-sm text-destructive`,children:v})]})});l.displayName=`AIWriterInner`,exports.DEFAULT_AI_ACTIONS=s,exports.WakaAIWriter=c;