@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,301 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import { sanitizeUrl as t } from "../../../utils/security.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-embed-block.tsx
+var a = "embed", o = {
+	figma: {
+		label: "Figma",
+		icon: "M12 2a4 4 0 00-4 4v4a4 4 0 004-4V2zm0 12a4 4 0 01-4 4v2h4v-6zm8-4a4 4 0 01-4 4H12v-8h4a4 4 0 014 4z",
+		color: "text-purple-600 dark:text-purple-400",
+		bgColor: "bg-purple-50 dark:bg-purple-500/10",
+		transform: (e) => e.includes("figma.com") ? `https://www.figma.com/embed?embed_host=wakastart&url=${encodeURIComponent(e)}` : null,
+		defaultAspect: "16/9",
+		domain: "figma.com"
+	},
+	youtube: {
+		label: "YouTube",
+		icon: "M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 4-8 4z",
+		color: "text-red-600 dark:text-red-400",
+		bgColor: "bg-red-50 dark:bg-red-500/10",
+		transform: (e) => {
+			let t = e.match(/(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]+)/);
+			return t ? `https://www.youtube.com/embed/${t[1]}` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "youtube.com"
+	},
+	vimeo: {
+		label: "Vimeo",
+		icon: "M22.875 10.063c-.098 2.141-1.592 5.075-4.483 8.8-2.988 3.891-5.517 5.836-7.588 5.836-1.282 0-2.367-1.184-3.258-3.553L6.14 15.15c-.589-2.369-1.221-3.553-1.896-3.553-.147 0-.663.31-1.546.928l-.925-1.19c.973-.855 1.932-1.71 2.877-2.565 1.297-1.12 2.27-1.71 2.921-1.77 1.534-.147 2.479.903 2.834 3.148.384 2.422.65 3.928.801 4.519.445 2.022.934 3.033 1.468 3.033.414 0 1.037-.656 1.868-1.967.831-1.311 1.276-2.31 1.336-2.998.119-1.14-.328-1.71-1.342-1.71-.478 0-.97.109-1.477.327.981-3.212 2.855-4.773 5.625-4.684 2.054.059 3.024 1.394 2.908 4.003z",
+		color: "text-sky-600 dark:text-sky-400",
+		bgColor: "bg-sky-50 dark:bg-sky-500/10",
+		transform: (e) => {
+			let t = e.match(/vimeo\.com\/(\d+)/);
+			return t ? `https://player.vimeo.com/video/${t[1]}` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "vimeo.com"
+	},
+	codesandbox: {
+		label: "CodeSandbox",
+		icon: "M2 6l10-4 10 4v12l-10 4L2 18V6zm10 2L4 4v8l8 4V8zm8-4l-8 4v8l8-4V4z",
+		color: "text-gray-700 dark:text-gray-300",
+		bgColor: "bg-gray-50 dark:bg-gray-500/10",
+		transform: (e) => {
+			let t = e.match(/codesandbox\.io\/(?:s|p)\/([a-zA-Z0-9-]+)/);
+			return t ? `https://codesandbox.io/embed/${t[1]}?fontsize=14&hidenavigation=1&theme=dark` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "codesandbox.io"
+	},
+	codepen: {
+		label: "CodePen",
+		icon: "M12 2L2 8.5v7L12 22l10-6.5v-7L12 2zm0 3.311L18.26 9 12 12.689 5.74 9 12 5.311zM4 10.289l6 3.9v5.522l-6-3.9v-5.522zm8 9.422v-5.522l6-3.9v5.522l-6 3.9z",
+		color: "text-gray-700 dark:text-gray-300",
+		bgColor: "bg-gray-50 dark:bg-gray-500/10",
+		transform: (e) => {
+			let t = e.match(/codepen\.io\/([^/]+)\/pen\/([a-zA-Z0-9]+)/);
+			return t ? `https://codepen.io/${t[1]}/embed/${t[2]}?default-tab=result&theme-id=dark` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "codepen.io"
+	},
+	stackblitz: {
+		label: "StackBlitz",
+		icon: "M13 10V3L4 14h7v7l9-11h-7z",
+		color: "text-blue-600 dark:text-blue-400",
+		bgColor: "bg-blue-50 dark:bg-blue-500/10",
+		transform: (e) => e.includes("stackblitz.com") ? e.replace("stackblitz.com/edit", "stackblitz.com/embed") : null,
+		defaultAspect: "16/9",
+		domain: "stackblitz.com"
+	},
+	loom: {
+		label: "Loom",
+		icon: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z",
+		color: "text-purple-600 dark:text-purple-400",
+		bgColor: "bg-purple-50 dark:bg-purple-500/10",
+		transform: (e) => {
+			let t = e.match(/loom\.com\/share\/([a-zA-Z0-9]+)/);
+			return t ? `https://www.loom.com/embed/${t[1]}` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "loom.com"
+	},
+	miro: {
+		label: "Miro",
+		icon: "M4 3h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1z",
+		color: "text-yellow-600 dark:text-yellow-400",
+		bgColor: "bg-yellow-50 dark:bg-yellow-500/10",
+		transform: (e) => {
+			let t = e.match(/miro\.com\/app\/board\/([^/?]+)/);
+			return t ? `https://miro.com/app/live-embed/${t[1]}/` : null;
+		},
+		defaultAspect: "16/9",
+		domain: "miro.com"
+	},
+	notion: {
+		label: "Notion",
+		icon: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm4 2v4h8V6H8zm0 6v2h8v-2H8zm0 4v2h5v-2H8z",
+		color: "text-gray-800 dark:text-gray-200",
+		bgColor: "bg-gray-50 dark:bg-gray-500/10",
+		transform: () => null,
+		defaultAspect: "16/9",
+		domain: "notion.so"
+	},
+	"github-gist": {
+		label: "GitHub Gist",
+		icon: "M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.009-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.161 22 16.416 22 12c0-5.523-4.477-10-10-10z",
+		color: "text-gray-800 dark:text-gray-200",
+		bgColor: "bg-gray-50 dark:bg-gray-500/10",
+		transform: () => null,
+		defaultAspect: "4/3",
+		domain: "gist.github.com"
+	},
+	generic: {
+		label: "Embed",
+		icon: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
+		color: "text-muted-foreground",
+		bgColor: "bg-muted",
+		transform: () => null,
+		defaultAspect: "16/9",
+		domain: ""
+	}
+};
+function s(e) {
+	let t = e.toLowerCase();
+	return t.includes("figma.com") ? "figma" : t.includes("youtube.com") || t.includes("youtu.be") ? "youtube" : t.includes("vimeo.com") ? "vimeo" : t.includes("codesandbox.io") ? "codesandbox" : t.includes("codepen.io") ? "codepen" : t.includes("stackblitz.com") ? "stackblitz" : t.includes("loom.com") ? "loom" : t.includes("miro.com") ? "miro" : t.includes("notion.so") ? "notion" : t.includes("gist.github.com") ? "github-gist" : "generic";
+}
+function c(e, t) {
+	return o[t].transform(e) || e;
+}
+function l({ attributes: a, children: s, element: c, className: l }) {
+	let u = c, d = o[u?.provider || "generic"], f = u?.embedUrl || "", p = u?.aspectRatio || d.defaultAspect, m = n.useMemo(() => f ? t(f) : "", [f]), [h, g] = n.useState(!1), [_, v] = n.useState(!1);
+	return /* @__PURE__ */ i("div", {
+		...a,
+		contentEditable: !1,
+		className: e("my-4 rounded-lg overflow-hidden border border-border shadow-sm", l),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between px-3 py-2 bg-muted/30 border-b border-border",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ r("svg", {
+							className: e("h-4 w-4", d.color),
+							viewBox: "0 0 24 24",
+							fill: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ r("path", { d: d.icon })
+						}),
+						/* @__PURE__ */ r("span", {
+							className: e("text-[10px] font-bold uppercase tracking-wider", d.color),
+							children: d.label
+						}),
+						u?.title && /* @__PURE__ */ r("span", {
+							className: "text-xs text-muted-foreground ml-1 truncate max-w-[300px]",
+							children: u.title
+						})
+					]
+				}), u?.url && /* @__PURE__ */ i("a", {
+					href: t(u.url),
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "text-[10px] text-primary hover:underline flex items-center gap-1",
+					children: ["Open", /* @__PURE__ */ r("svg", {
+						className: "h-3 w-3",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: 2,
+						children: /* @__PURE__ */ r("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "relative bg-muted/10",
+				style: {
+					aspectRatio: p,
+					maxHeight: u?.maxHeight ? `${u.maxHeight}px` : void 0
+				},
+				children: [
+					!h && !_ && m && /* @__PURE__ */ r("div", {
+						className: "absolute inset-0 flex items-center justify-center bg-muted/20",
+						children: /* @__PURE__ */ i("svg", {
+							className: "h-8 w-8 animate-spin text-muted-foreground/30",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							children: [/* @__PURE__ */ r("circle", {
+								className: "opacity-25",
+								cx: "12",
+								cy: "12",
+								r: "10",
+								stroke: "currentColor",
+								strokeWidth: "4"
+							}), /* @__PURE__ */ r("path", {
+								className: "opacity-75",
+								fill: "currentColor",
+								d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+							})]
+						})
+					}),
+					_ && /* @__PURE__ */ i("div", {
+						className: "absolute inset-0 flex flex-col items-center justify-center bg-muted/10 text-muted-foreground",
+						children: [/* @__PURE__ */ r("svg", {
+							className: "h-8 w-8 mb-2",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 1.5,
+							children: /* @__PURE__ */ r("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.34 16.5c-.77.833.192 2.5 1.732 2.5z"
+							})
+						}), /* @__PURE__ */ r("span", {
+							className: "text-xs",
+							children: "Failed to load embed"
+						})]
+					}),
+					!m && /* @__PURE__ */ i("div", {
+						className: "flex flex-col items-center justify-center py-12 text-muted-foreground",
+						children: [
+							/* @__PURE__ */ r("svg", {
+								className: "h-10 w-10 mb-3 text-muted-foreground/30",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 1.5,
+								children: /* @__PURE__ */ r("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+								})
+							}),
+							/* @__PURE__ */ r("span", {
+								className: "text-sm",
+								children: "Paste a URL to embed content"
+							}),
+							/* @__PURE__ */ r("span", {
+								className: "text-[10px] mt-1 text-muted-foreground/60",
+								children: "Supports Figma, YouTube, CodeSandbox, Loom, and more"
+							})
+						]
+					}),
+					m && /* @__PURE__ */ r("iframe", {
+						src: m,
+						title: u?.title || `${d.label} embed`,
+						className: e("w-full h-full border-0", !h && "opacity-0"),
+						loading: "lazy",
+						allowFullScreen: !0,
+						sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
+						onLoad: () => g(!0),
+						onError: () => v(!0)
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "hidden",
+				children: s
+			})
+		]
+	});
+}
+l.displayName = "WakaEmbedBlock";
+function u(e, t) {
+	let n = s(e);
+	return [{
+		type: a,
+		url: e,
+		provider: n,
+		embedUrl: c(e, n),
+		title: t?.title,
+		aspectRatio: t?.aspectRatio,
+		maxHeight: t?.maxHeight,
+		children: [{ text: "" }]
+	}];
+}
+async function d() {
+	try {
+		let { createPlatePlugin: e } = await import("platejs/react");
+		return e({
+			key: a,
+			node: {
+				isElement: !0,
+				isVoid: !0,
+				type: a,
+				component: l
+			}
+		});
+	} catch {
+		return console.warn("[WakaEmbedBlock] platejs not installed"), null;
+	}
+}
+//#endregion
+export { a as EMBED_BLOCK_TYPE, l as WakaEmbedBlock, u as createEmbedNodes, d as createEmbedPlugin, s as detectEmbedProvider, c as resolveEmbedUrl };

package/dist/components/editor/blocks/waka-slash-menu-block.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(`../waka-slash-menu.cjs.js`),r=require(`./waka-user-story-block.cjs.js`),i=require(`./waka-acceptance-criteria-block.cjs.js`),a=require(`./waka-api-endpoint-block.cjs.js`),o=require(`./waka-diagram-block.cjs.js`),s=require(`./waka-ai-assist-block.cjs.js`),c=require(`./waka-version-diff-block.cjs.js`),l=require(`./waka-embed-block.cjs.js`),u=require(`./waka-code-playground-block.cjs.js`),d=require(`./waka-comment-thread-block.cjs.js`);let f=require(`react`);f=e.__toESM(f);let p=require(`lucide-react`),m=require(`react/jsx-runtime`);var h=[{key:`user-story`,label:`User Story`,description:`Structured user story (As a / I want / So that)`,icon:p.Users,group:`WakaStart Blocks`,keywords:[`user`,`story`,`agile`,`requirement`,`persona`],isCustom:!0,action:e=>{e.insertNodes(r.createUserStoryNodes())}},{key:`acceptance-criteria`,label:`Acceptance Criteria`,description:`Gherkin-format criteria (Given / When / Then)`,icon:p.CheckCircle2,group:`WakaStart Blocks`,keywords:[`acceptance`,`criteria`,`gherkin`,`given`,`when`,`then`,`test`],isCustom:!0,action:e=>{e.insertNodes(i.createAcceptanceCriteriaNodes())}},{key:`api-endpoint`,label:`API Endpoint`,description:`REST API documentation (method, route, body, response)`,icon:p.Zap,group:`WakaStart Blocks`,keywords:[`api`,`endpoint`,`rest`,`route`,`get`,`post`,`put`,`delete`],isCustom:!0,action:e=>{e.insertNodes(a.createApiEndpointNodes())}},{key:`diagram`,label:`Diagram`,description:`Mermaid / PlantUML diagram with live preview`,icon:p.GitBranch,group:`WakaStart Blocks`,keywords:[`diagram`,`mermaid`,`plantuml`,`flowchart`,`sequence`,`graph`],isCustom:!0,action:e=>{e.insertNodes(o.createDiagramNodes())}},{key:`ai-assist`,label:`AI Assistant`,description:`Ask the AI to generate content for your document`,icon:p.Sparkles,group:`WakaStart Blocks`,keywords:[`ai`,`ia`,`assistant`,`generate`,`write`,`help`,`claude`],isCustom:!0,action:e=>{e.insertNodes(s.createAiAssistNodes())}},{key:`version-diff`,label:`Version Diff`,description:`Compare two versions of text with visual diff`,icon:p.GitCompare,group:`WakaStart Blocks`,keywords:[`diff`,`version`,`compare`,`change`,`history`,`git`],isCustom:!0,action:e=>{e.insertNodes(c.createVersionDiffNodes())}},{key:`embed`,label:`Embed`,description:`Embed external content (Figma, YouTube, CodeSandbox...)`,icon:p.ExternalLink,group:`WakaStart Blocks`,keywords:[`embed`,`figma`,`youtube`,`codesandbox`,`loom`,`iframe`,`video`],isCustom:!0,action:e=>{e.insertNodes(l.createEmbedNodes(``))}},{key:`code-playground`,label:`Code Playground`,description:`Executable code block with console output`,icon:p.Terminal,group:`WakaStart Blocks`,keywords:[`code`,`playground`,`run`,`execute`,`terminal`,`console`,`sandbox`],isCustom:!0,action:e=>{e.insertNodes(u.createCodePlaygroundNodes())}},{key:`comment-thread`,label:`Comment Thread`,description:`Inline discussion thread (like Google Docs)`,icon:p.MessageSquare,group:`WakaStart Blocks`,keywords:[`comment`,`thread`,`discussion`,`review`,`feedback`,`note`],isCustom:!0,action:e=>{e.insertNodes(d.createCommentThreadNodes())}}];function g(e){return[...n.DEFAULT_SLASH_COMMANDS.map(e=>({...e,isCustom:!1})),...h,...e||[]]}function _({commands:e,query:n=``,onSelect:r,activeIndex:i,onActiveIndexChange:a,className:o}){let s=f.useMemo(()=>e||g(),[e]),[c,l]=f.useState(0),u=i??c,d=a||l,p=f.useMemo(()=>{if(!n)return s;let e=n.toLowerCase();return s.filter(t=>t.label.toLowerCase().includes(e)||t.key.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[s,n]),h=f.useMemo(()=>{let e=new Map;for(let t of p){let n=t.group||`Other`;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[p]);f.useEffect(()=>d(0),[n]);let _=f.useCallback(e=>{e.key===`ArrowDown`?(e.preventDefault(),d(Math.min(u+1,p.length-1))):e.key===`ArrowUp`?(e.preventDefault(),d(Math.max(u-1,0))):e.key===`Enter`&&p[u]&&(e.preventDefault(),r?.(p[u]))},[p,u,r,d]);return(0,m.jsxs)(`div`,{className:t.cn(`w-80 max-h-96 overflow-y-auto`,`rounded-lg border bg-popover shadow-xl`,`p-1`,o),role:`listbox`,onKeyDown:_,"aria-label":`Slash commands`,children:[p.length===0&&(0,m.jsxs)(`div`,{className:`px-3 py-6 text-center text-sm text-muted-foreground`,children:[`No blocks found for "`,n,`"`]}),Array.from(h.entries()).map(([e,n])=>(0,m.jsxs)(`div`,{className:`mb-1`,children:[(0,m.jsxs)(`div`,{className:`px-2 py-1.5 text-[10px] font-bold uppercase tracking-wider text-muted-foreground/70 flex items-center gap-2`,children:[e,e===`WakaStart Blocks`&&(0,m.jsx)(`span`,{className:`px-1 py-0.5 rounded bg-primary/10 text-primary text-[8px] font-bold normal-case tracking-normal`,children:`Custom`})]}),n.map(e=>{let n=p.indexOf(e),i=e.icon;return(0,m.jsxs)(`button`,{role:`option`,"aria-selected":n===u,className:t.cn(`flex w-full items-center gap-3 rounded-md px-2 py-2 text-left`,`text-sm transition-colors cursor-pointer`,n===u?`bg-accent text-accent-foreground`:`hover:bg-accent/50`),onMouseEnter:()=>d(n),onClick:()=>r?.(e),children:[(0,m.jsx)(`div`,{className:t.cn(`flex h-8 w-8 shrink-0 items-center justify-center rounded-md border`,e.isCustom?`border-primary/20 bg-primary/5`:`border-border bg-background`),children:(0,m.jsx)(i,{className:`h-4 w-4`})}),(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,m.jsx)(`span`,{className:`font-medium text-sm`,children:e.label}),e.isCustom&&(0,m.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-primary flex-shrink-0`})]}),e.description&&(0,m.jsx)(`div`,{className:`text-[11px] text-muted-foreground truncate mt-0.5`,children:e.description})]})]},e.key)})]},e))]})}_.displayName=`WakaSlashMenuBlock`;async function v(e){try{let{SlashPlugin:t,SlashInputPlugin:n}=await import(`@platejs/combobox/react`),r=g(e);return[t.configure({options:{trigger:`/`,triggerPreviousCharPattern:/^$|^[\s"']$/,rules:r.map(e=>({key:e.key,text:e.label,keywords:e.keywords,onSelect:e.action}))}}),n]}catch{return console.warn(`[WakaSlashMenuBlock] @platejs/combobox not installed, slash commands disabled`),[]}}exports.WAKA_BLOCK_COMMANDS=h,exports.WakaSlashMenuBlock=_,exports.createWakaSlashPlugins=v,exports.getAllWakaSlashCommands=g;

package/dist/components/editor/blocks/waka-slash-menu-block.es.js

@@ -0,0 +1,296 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import { DEFAULT_SLASH_COMMANDS as t } from "../waka-slash-menu.es.js";
+import { createUserStoryNodes as n } from "./waka-user-story-block.es.js";
+import { createAcceptanceCriteriaNodes as r } from "./waka-acceptance-criteria-block.es.js";
+import { createApiEndpointNodes as i } from "./waka-api-endpoint-block.es.js";
+import { createDiagramNodes as a } from "./waka-diagram-block.es.js";
+import { createAiAssistNodes as o } from "./waka-ai-assist-block.es.js";
+import { createVersionDiffNodes as s } from "./waka-version-diff-block.es.js";
+import { createEmbedNodes as c } from "./waka-embed-block.es.js";
+import { createCodePlaygroundNodes as l } from "./waka-code-playground-block.es.js";
+import { createCommentThreadNodes as u } from "./waka-comment-thread-block.es.js";
+import * as d from "react";
+import { CheckCircle2 as f, ExternalLink as p, GitBranch as m, GitCompare as h, MessageSquare as g, Sparkles as _, Terminal as v, Users as y, Zap as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-slash-menu-block.tsx
+var C = [
+	{
+		key: "user-story",
+		label: "User Story",
+		description: "Structured user story (As a / I want / So that)",
+		icon: y,
+		group: "WakaStart Blocks",
+		keywords: [
+			"user",
+			"story",
+			"agile",
+			"requirement",
+			"persona"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(n());
+		}
+	},
+	{
+		key: "acceptance-criteria",
+		label: "Acceptance Criteria",
+		description: "Gherkin-format criteria (Given / When / Then)",
+		icon: f,
+		group: "WakaStart Blocks",
+		keywords: [
+			"acceptance",
+			"criteria",
+			"gherkin",
+			"given",
+			"when",
+			"then",
+			"test"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(r());
+		}
+	},
+	{
+		key: "api-endpoint",
+		label: "API Endpoint",
+		description: "REST API documentation (method, route, body, response)",
+		icon: b,
+		group: "WakaStart Blocks",
+		keywords: [
+			"api",
+			"endpoint",
+			"rest",
+			"route",
+			"get",
+			"post",
+			"put",
+			"delete"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(i());
+		}
+	},
+	{
+		key: "diagram",
+		label: "Diagram",
+		description: "Mermaid / PlantUML diagram with live preview",
+		icon: m,
+		group: "WakaStart Blocks",
+		keywords: [
+			"diagram",
+			"mermaid",
+			"plantuml",
+			"flowchart",
+			"sequence",
+			"graph"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(a());
+		}
+	},
+	{
+		key: "ai-assist",
+		label: "AI Assistant",
+		description: "Ask the AI to generate content for your document",
+		icon: _,
+		group: "WakaStart Blocks",
+		keywords: [
+			"ai",
+			"ia",
+			"assistant",
+			"generate",
+			"write",
+			"help",
+			"claude"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(o());
+		}
+	},
+	{
+		key: "version-diff",
+		label: "Version Diff",
+		description: "Compare two versions of text with visual diff",
+		icon: h,
+		group: "WakaStart Blocks",
+		keywords: [
+			"diff",
+			"version",
+			"compare",
+			"change",
+			"history",
+			"git"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(s());
+		}
+	},
+	{
+		key: "embed",
+		label: "Embed",
+		description: "Embed external content (Figma, YouTube, CodeSandbox...)",
+		icon: p,
+		group: "WakaStart Blocks",
+		keywords: [
+			"embed",
+			"figma",
+			"youtube",
+			"codesandbox",
+			"loom",
+			"iframe",
+			"video"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(c(""));
+		}
+	},
+	{
+		key: "code-playground",
+		label: "Code Playground",
+		description: "Executable code block with console output",
+		icon: v,
+		group: "WakaStart Blocks",
+		keywords: [
+			"code",
+			"playground",
+			"run",
+			"execute",
+			"terminal",
+			"console",
+			"sandbox"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(l());
+		}
+	},
+	{
+		key: "comment-thread",
+		label: "Comment Thread",
+		description: "Inline discussion thread (like Google Docs)",
+		icon: g,
+		group: "WakaStart Blocks",
+		keywords: [
+			"comment",
+			"thread",
+			"discussion",
+			"review",
+			"feedback",
+			"note"
+		],
+		isCustom: !0,
+		action: (e) => {
+			e.insertNodes(u());
+		}
+	}
+];
+function w(e) {
+	return [
+		...t.map((e) => ({
+			...e,
+			isCustom: !1
+		})),
+		...C,
+		...e || []
+	];
+}
+function T({ commands: t, query: n = "", onSelect: r, activeIndex: i, onActiveIndexChange: a, className: o }) {
+	let s = d.useMemo(() => t || w(), [t]), [c, l] = d.useState(0), u = i ?? c, f = a || l, p = d.useMemo(() => {
+		if (!n) return s;
+		let e = n.toLowerCase();
+		return s.filter((t) => t.label.toLowerCase().includes(e) || t.key.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.keywords?.some((t) => t.toLowerCase().includes(e)));
+	}, [s, n]), m = d.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of p) {
+			let n = t.group || "Other";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [p]);
+	d.useEffect(() => f(0), [n]);
+	let h = d.useCallback((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), f(Math.min(u + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), f(Math.max(u - 1, 0))) : e.key === "Enter" && p[u] && (e.preventDefault(), r?.(p[u]));
+	}, [
+		p,
+		u,
+		r,
+		f
+	]);
+	return /* @__PURE__ */ S("div", {
+		className: e("w-80 max-h-96 overflow-y-auto", "rounded-lg border bg-popover shadow-xl", "p-1", o),
+		role: "listbox",
+		onKeyDown: h,
+		"aria-label": "Slash commands",
+		children: [p.length === 0 && /* @__PURE__ */ S("div", {
+			className: "px-3 py-6 text-center text-sm text-muted-foreground",
+			children: [
+				"No blocks found for \"",
+				n,
+				"\""
+			]
+		}), Array.from(m.entries()).map(([t, n]) => /* @__PURE__ */ S("div", {
+			className: "mb-1",
+			children: [/* @__PURE__ */ S("div", {
+				className: "px-2 py-1.5 text-[10px] font-bold uppercase tracking-wider text-muted-foreground/70 flex items-center gap-2",
+				children: [t, t === "WakaStart Blocks" && /* @__PURE__ */ x("span", {
+					className: "px-1 py-0.5 rounded bg-primary/10 text-primary text-[8px] font-bold normal-case tracking-normal",
+					children: "Custom"
+				})]
+			}), n.map((t) => {
+				let n = p.indexOf(t), i = t.icon;
+				return /* @__PURE__ */ S("button", {
+					role: "option",
+					"aria-selected": n === u,
+					className: e("flex w-full items-center gap-3 rounded-md px-2 py-2 text-left", "text-sm transition-colors cursor-pointer", n === u ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"),
+					onMouseEnter: () => f(n),
+					onClick: () => r?.(t),
+					children: [/* @__PURE__ */ x("div", {
+						className: e("flex h-8 w-8 shrink-0 items-center justify-center rounded-md border", t.isCustom ? "border-primary/20 bg-primary/5" : "border-border bg-background"),
+						children: /* @__PURE__ */ x(i, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ S("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ x("span", {
+								className: "font-medium text-sm",
+								children: t.label
+							}), t.isCustom && /* @__PURE__ */ x("span", { className: "h-1.5 w-1.5 rounded-full bg-primary flex-shrink-0" })]
+						}), t.description && /* @__PURE__ */ x("div", {
+							className: "text-[11px] text-muted-foreground truncate mt-0.5",
+							children: t.description
+						})]
+					})]
+				}, t.key);
+			})]
+		}, t))]
+	});
+}
+T.displayName = "WakaSlashMenuBlock";
+async function E(e) {
+	try {
+		let { SlashPlugin: t, SlashInputPlugin: n } = await import("@platejs/combobox/react"), r = w(e);
+		return [t.configure({ options: {
+			trigger: "/",
+			triggerPreviousCharPattern: /^$|^[\s"']$/,
+			rules: r.map((e) => ({
+				key: e.key,
+				text: e.label,
+				keywords: e.keywords,
+				onSelect: e.action
+			}))
+		} }), n];
+	} catch {
+		return console.warn("[WakaSlashMenuBlock] @platejs/combobox not installed, slash commands disabled"), [];
+	}
+}
+//#endregion
+export { C as WAKA_BLOCK_COMMANDS, T as WakaSlashMenuBlock, E as createWakaSlashPlugins, w as getAllWakaSlashCommands };

package/dist/components/editor/blocks/waka-user-story-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=`user_story`,a={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 o({label:e,icon:n,value:i,placeholder:a,readOnly:o,onChange:s}){return(0,r.jsxs)(`div`,{className:`flex items-start gap-3 group`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5 pt-1 shrink-0 w-[90px]`,children:[(0,r.jsx)(`span`,{className:`text-blue-500 dark:text-blue-400`,children:n}),(0,r.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-wider text-blue-600 dark:text-blue-400`,children:e})]}),(0,r.jsx)(`div`,{className:`flex-1 min-w-0`,children:o?(0,r.jsx)(`p`,{className:`text-sm text-foreground py-1`,children:i||(0,r.jsx)(`span`,{className:`text-muted-foreground italic`,children:a})}):(0,r.jsx)(`input`,{type:`text`,value:i,onChange:e=>s?.(e.target.value),placeholder:a,className:t.cn(`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 s({attributes:e,children:n,element:i,className:s}){let c=i,l=c?.priority,u=c?.storyId,d=c?.points;return(0,r.jsxs)(`div`,{...e,contentEditable:!1,className:t.cn(`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`,s),children:[(0,r.jsxs)(`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:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`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:(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:`text-xs font-bold uppercase tracking-wider text-blue-700 dark:text-blue-300`,children:`User Story`}),u&&(0,r.jsx)(`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:u})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[d!==void 0&&(0,r.jsx)(`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:d}),l&&a[l]&&(0,r.jsx)(`span`,{className:t.cn(`text-[10px] font-semibold px-2 py-0.5 rounded-full`,a[l].bg,a[l].color),children:a[l].label})]})]}),(0,r.jsxs)(`div`,{className:`px-4 py-3 space-y-2`,children:[(0,r.jsx)(o,{label:`As a`,icon:(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`})}),value:c?.role||``,placeholder:`role (e.g. platform administrator)`,readOnly:!0}),(0,r.jsx)(o,{label:`I want`,icon:(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:`M13 10V3L4 14h7v7l9-11h-7z`})}),value:c?.action||``,placeholder:`action (e.g. to deploy services with one click)`,readOnly:!0}),(0,r.jsx)(o,{label:`So that`,icon:(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:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`})}),value:c?.benefit||``,placeholder:`benefit (e.g. I can reduce time-to-market)`,readOnly:!0})]}),(0,r.jsx)(`div`,{className:`hidden`,children:n})]})}s.displayName=`WakaUserStoryBlock`;function c(e){return[{type:i,role:e?.role||``,action:e?.action||``,benefit:e?.benefit||``,storyId:e?.storyId,priority:e?.priority,points:e?.points,children:[{text:``}]}]}async function l(){try{let{createPlatePlugin:e}=await import(`platejs/react`);return e({key:i,node:{isElement:!0,isVoid:!0,type:i,component:s}})}catch{return console.warn(`[WakaUserStoryBlock] platejs not installed`),null}}exports.USER_STORY_BLOCK_TYPE=i,exports.WakaUserStoryBlock=s,exports.createUserStoryNodes=c,exports.createUserStoryPlugin=l;