@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockKitRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/renderers/adapters/BlockKitRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAmD,MAAM,mBAAmB,CAAC;AA2iBxG,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+GnD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js

@@ -0,0 +1,384 @@
+import e, { memo as t, useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/bigconsole/renderers/adapters/BlockKitRenderer.tsx
+function o(t) {
+	if (!t) return null;
+	if (typeof t == "string") return t;
+	if (t.type === "mrkdwn") {
+		let n = t.text || "", r = [], a = n, o = 0;
+		for (; a.length > 0;) {
+			let t = a.match(/^\*([^*]+)\*/);
+			if (t) {
+				r.push(/* @__PURE__ */ i("strong", { children: t[1] }, o++)), a = a.slice(t[0].length);
+				continue;
+			}
+			let n = a.match(/^_([^_]+)_/);
+			if (n) {
+				r.push(/* @__PURE__ */ i("em", { children: n[1] }, o++)), a = a.slice(n[0].length);
+				continue;
+			}
+			let s = a.match(/^~([^~]+)~/);
+			if (s) {
+				r.push(/* @__PURE__ */ i("del", { children: s[1] }, o++)), a = a.slice(s[0].length);
+				continue;
+			}
+			let c = a.match(/^`([^`]+)`/);
+			if (c) {
+				r.push(/* @__PURE__ */ i("code", {
+					className: "bg-muted px-1 rounded text-sm",
+					children: c[1]
+				}, o++)), a = a.slice(c[0].length);
+				continue;
+			}
+			let l = a.match(/^<([^|>]+)\|([^>]+)>/);
+			if (l) {
+				r.push(/* @__PURE__ */ i("a", {
+					href: l[1],
+					className: "text-blue-600 dark:text-blue-400 underline",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: l[2]
+				}, o++)), a = a.slice(l[0].length);
+				continue;
+			}
+			let u = a.match(/^<([^|>]+)>/);
+			if (u) {
+				r.push(/* @__PURE__ */ i("a", {
+					href: u[1],
+					className: "text-blue-600 dark:text-blue-400 underline",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: u[1]
+				}, o++)), a = a.slice(u[0].length);
+				continue;
+			}
+			let d = a.match(/^[^*_~`<]+/);
+			if (d) {
+				r.push(/* @__PURE__ */ i(e.Fragment, { children: d[0] }, o++)), a = a.slice(d[0].length);
+				continue;
+			}
+			r.push(/* @__PURE__ */ i(e.Fragment, { children: a[0] }, o++)), a = a.slice(1);
+		}
+		return /* @__PURE__ */ i("span", { children: r });
+	}
+	return t.text;
+}
+function s(e) {
+	switch (e) {
+		case "primary": return "bg-state-success hover:bg-state-success/90 text-white transition-colors";
+		case "danger": return "bg-state-error hover:bg-state-error/90 text-white transition-colors";
+		default: return "bg-muted hover:bg-muted/80 text-primary transition-colors";
+	}
+}
+function c(e, t) {
+	if (e == null) return e;
+	if (typeof e == "string") return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
+		let r = l(t, n.trim());
+		return r === void 0 ? "" : String(r);
+	});
+	if (Array.isArray(e)) return e.map((e) => c(e, t));
+	if (typeof e == "object") {
+		let n = {};
+		for (let [r, i] of Object.entries(e)) n[r] = c(i, t);
+		return n;
+	}
+	return e;
+}
+function l(e, t) {
+	let n = t.split("."), r = e;
+	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
+	else return;
+	return r;
+}
+var u = t(function({ block: e, index: t, onAction: n }) {
+	switch (e.type) {
+		case "header": return /* @__PURE__ */ i("div", {
+			className: "py-2",
+			children: /* @__PURE__ */ i("h2", {
+				className: "text-lg font-bold text-primary",
+				children: o(e.text)
+			})
+		});
+		case "section": return /* @__PURE__ */ a("div", {
+			className: "py-2 flex items-start gap-4",
+			children: [/* @__PURE__ */ a("div", {
+				className: "flex-1",
+				children: [e.text && /* @__PURE__ */ i("p", {
+					className: "text-primary",
+					children: o(e.text)
+				}), e.fields && e.fields.length > 0 && /* @__PURE__ */ i("div", {
+					className: "grid grid-cols-2 gap-2 mt-2",
+					children: e.fields.map((e, t) => /* @__PURE__ */ i("div", {
+						className: "text-sm",
+						children: o(e)
+					}, t))
+				})]
+			}), e.accessory && /* @__PURE__ */ i("div", {
+				className: "flex-shrink-0",
+				children: /* @__PURE__ */ i(d, {
+					accessory: e.accessory,
+					onAction: n
+				})
+			})]
+		});
+		case "divider": return /* @__PURE__ */ i("hr", { className: "my-2 border-default" });
+		case "image": return /* @__PURE__ */ a("div", {
+			className: "py-2",
+			children: [e.title && /* @__PURE__ */ i("p", {
+				className: "text-sm text-secondary mb-1",
+				children: o(e.title)
+			}), /* @__PURE__ */ i("img", {
+				src: e.image_url,
+				alt: e.alt_text || "",
+				className: "max-w-full h-auto rounded"
+			})]
+		});
+		case "context": return /* @__PURE__ */ i("div", {
+			className: "py-1 flex items-center gap-2 flex-wrap text-sm text-secondary",
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i("span", { children: e.type === "image" ? /* @__PURE__ */ i("img", {
+				src: e.image_url,
+				alt: e.alt_text || "",
+				className: "w-5 h-5 rounded inline-block"
+			}) : o(e.text) }, t))
+		});
+		case "actions": return /* @__PURE__ */ i("div", {
+			className: "py-2 flex gap-2 flex-wrap",
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i(f, {
+				element: e,
+				onAction: n
+			}, t))
+		});
+		case "input": return /* @__PURE__ */ a("div", {
+			className: "py-2",
+			children: [e.label ? /* @__PURE__ */ i("label", {
+				className: "block text-sm font-medium text-secondary mb-1",
+				children: o(e.label)
+			}) : null, /* @__PURE__ */ i("input", {
+				type: "text",
+				className: "w-full px-3 py-2 border border-default rounded-md bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
+				placeholder: (() => {
+					let t = e.element;
+					return t?.placeholder ? o(t.placeholder) : "";
+				})()
+			})]
+		});
+		case "rich_text": return /* @__PURE__ */ i("div", {
+			className: "py-2 text-primary",
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i("span", { children: o(e.text) }, t))
+		});
+		default: return null;
+	}
+}), d = t(function({ accessory: e, onAction: t }) {
+	switch (e.type) {
+		case "image": return /* @__PURE__ */ i("img", {
+			src: e.image_url,
+			alt: e.alt_text || "",
+			className: "w-12 h-12 rounded object-cover"
+		});
+		case "button": return /* @__PURE__ */ i("button", {
+			type: "button",
+			onClick: () => t?.(e.action_id || "", e.value),
+			className: `px-3 py-1.5 text-sm font-medium rounded ${s(e.style)}`,
+			children: o(e.text)
+		});
+		case "overflow": return /* @__PURE__ */ i("button", {
+			type: "button",
+			className: "p-1 text-secondary hover:text-primary transition-colors",
+			children: /* @__PURE__ */ i("svg", {
+				className: "w-5 h-5",
+				fill: "currentColor",
+				viewBox: "0 0 20 20",
+				children: /* @__PURE__ */ i("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+			})
+		});
+		default: return null;
+	}
+}), f = t(function({ element: e, onAction: t }) {
+	let r = n(() => {
+		e.action_id && t?.(e.action_id, e.value), e.url && window.open(e.url, "_blank");
+	}, [e, t]);
+	switch (e.type) {
+		case "button": return /* @__PURE__ */ i("button", {
+			type: "button",
+			onClick: r,
+			className: `px-4 py-2 text-sm font-medium rounded ${s(e.style)}`,
+			children: o(e.text)
+		});
+		case "static_select": return /* @__PURE__ */ a("select", {
+			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
+			onChange: (n) => t?.(e.action_id || "", n.target.value),
+			children: [e.placeholder ? /* @__PURE__ */ i("option", {
+				value: "",
+				children: o(e.placeholder)
+			}) : null, e.options?.map((e, t) => /* @__PURE__ */ i("option", {
+				value: e.value,
+				children: o(e.text)
+			}, t))]
+		});
+		case "datepicker": return /* @__PURE__ */ i("input", {
+			type: "date",
+			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
+			onChange: (n) => t?.(e.action_id || "", n.target.value)
+		});
+		case "checkboxes": return /* @__PURE__ */ i("div", {
+			className: "space-y-1",
+			children: e.options?.map((n, r) => /* @__PURE__ */ a("label", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ i("input", {
+					type: "checkbox",
+					className: "rounded border-default transition-colors",
+					onChange: (r) => t?.(e.action_id || "", n.value, { checked: r.target.checked })
+				}), o(n.text)]
+			}, r))
+		});
+		case "radio_buttons": return /* @__PURE__ */ i("div", {
+			className: "space-y-1",
+			children: e.options?.map((n, r) => /* @__PURE__ */ a("label", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ i("input", {
+					type: "radio",
+					name: e.action_id,
+					className: "border-default transition-colors",
+					onChange: () => t?.(e.action_id || "", n.value)
+				}), o(n.text)]
+			}, r))
+		});
+		default: return null;
+	}
+});
+function p(e) {
+	let t = [];
+	for (let [n, r] of Object.entries(e)) if (r != null) if (Array.isArray(r)) t.push({
+		type: "header",
+		text: {
+			type: "plain_text",
+			text: m(n),
+			emoji: !0
+		}
+	}), r.forEach((e, n) => {
+		if (typeof e == "object" && e) {
+			let n = [];
+			for (let [t, r] of Object.entries(e)) r != null && n.push({
+				type: "mrkdwn",
+				text: `*${m(t)}:*\n${h(r)}`
+			});
+			n.length > 0 && t.push({
+				type: "section",
+				fields: n.slice(0, 10)
+			});
+		} else t.push({
+			type: "section",
+			text: {
+				type: "mrkdwn",
+				text: `${n + 1}. ${h(e)}`
+			}
+		});
+		n < r.length - 1 && t.push({ type: "divider" });
+	});
+	else if (typeof r == "object") {
+		t.push({
+			type: "header",
+			text: {
+				type: "plain_text",
+				text: m(n),
+				emoji: !0
+			}
+		});
+		let e = [];
+		for (let [t, n] of Object.entries(r)) n != null && e.push({
+			type: "mrkdwn",
+			text: `*${m(t)}:*\n${h(n)}`
+		});
+		e.length > 0 && t.push({
+			type: "section",
+			fields: e.slice(0, 10)
+		});
+	} else t.push({
+		type: "section",
+		text: {
+			type: "mrkdwn",
+			text: `*${m(n)}:* ${h(r)}`
+		}
+	});
+	return t;
+}
+function m(e) {
+	return e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim();
+}
+function h(e) {
+	return e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
+}
+var g = t(function({ widget: e, data: t, template: o, isLoading: s, error: l, onDrilldown: d, onAction: f }) {
+	let m = r(() => {
+		if (o && "blocks" in o) return c(o, t);
+		if (t && "blocks" in t) return t;
+		if (t && Object.keys(t).length > 0) {
+			let e = p(t);
+			if (e.length > 0) return { blocks: e };
+		}
+		if (o) {
+			let e = c(o, t);
+			if (e?.blocks?.length) return e;
+		}
+		return null;
+	}, [o, t]), h = n((e, t, n) => {
+		f && f(e, {
+			value: t,
+			...n
+		});
+	}, [f]);
+	return s ? /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
+		children: /* @__PURE__ */ a("div", {
+			className: "animate-pulse space-y-2 w-full",
+			children: [
+				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-3/4" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-1/2" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-5/6" })
+			]
+		})
+	}) : l ? /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-center h-full p-4 text-red-600 dark:text-red-400",
+		children: /* @__PURE__ */ a("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ i("p", {
+				className: "font-medium",
+				children: "Error rendering blocks"
+			}), /* @__PURE__ */ i("p", {
+				className: "text-sm mt-1",
+				children: l
+			})]
+		})
+	}) : m?.blocks?.length ? /* @__PURE__ */ a("div", {
+		className: "flex flex-col h-full p-4 bg-surface",
+		children: [m.blocks.map((e, t) => /* @__PURE__ */ i(u, {
+			block: e,
+			index: t,
+			onAction: h
+		}, t)), m.attachments?.map((e, t) => /* @__PURE__ */ a("div", {
+			className: "mt-4 border-l-4 pl-3",
+			style: { borderLeftColor: e.color || "var(--color-border)" },
+			children: [e.blocks?.map((e, t) => /* @__PURE__ */ i(u, {
+				block: e,
+				index: t,
+				onAction: h
+			}, t)), e.fallback && !e.blocks && /* @__PURE__ */ i("p", {
+				className: "text-sm text-secondary",
+				children: e.fallback
+			})]
+		}, `attachment-${t}`))]
+	}) : /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-center h-full p-4 text-secondary animate-in fade-in duration-200",
+		children: /* @__PURE__ */ a("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ i("p", { children: "No content to display" }), /* @__PURE__ */ i("p", {
+				className: "text-sm mt-1",
+				children: "Configure blocks or provide data"
+			})]
+		})
+	});
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=BlockKitRenderer.js.map

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockKitRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/BlockKitRenderer.tsx"],"sourcesContent":["/**\n * Slack Block Kit Renderer (v2.0)\n *\n * Renders widgets using Slack Block Kit format.\n * Supports common block types: section, divider, header, context, image, actions.\n */\n\nimport React, { memo, useCallback, useMemo, type ReactNode } from 'react';\nimport type { RendererProps, BlockKitTemplate, BlockKitElement, BlockKitText } from '../types/renderer';\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Render Block Kit text (plain_text or mrkdwn)\n * Uses React elements instead of dangerouslySetInnerHTML for better security\n */\nfunction renderText(text: BlockKitText | string | undefined): React.ReactNode {\n  if (!text) return null;\n\n  if (typeof text === 'string') {\n    return text;\n  }\n\n  if (text.type === 'mrkdwn') {\n    // Parse mrkdwn and convert to React elements\n    const content = text.text || '';\n\n    // Parse the markdown into React elements\n    const elements: React.ReactNode[] = [];\n    let remaining = content;\n    let key = 0;\n\n    // Process text segment by segment\n    while (remaining.length > 0) {\n      // Try to match bold: *text*\n      const boldMatch = remaining.match(/^\\*([^*]+)\\*/);\n      if (boldMatch) {\n        elements.push(<strong key={key++}>{boldMatch[1]}</strong>);\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Try to match italic: _text_\n      const italicMatch = remaining.match(/^_([^_]+)_/);\n      if (italicMatch) {\n        elements.push(<em key={key++}>{italicMatch[1]}</em>);\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Try to match strike: ~text~\n      const strikeMatch = remaining.match(/^~([^~]+)~/);\n      if (strikeMatch) {\n        elements.push(<del key={key++}>{strikeMatch[1]}</del>);\n        remaining = remaining.slice(strikeMatch[0].length);\n        continue;\n      }\n\n      // Try to match code: `text`\n      const codeMatch = remaining.match(/^`([^`]+)`/);\n      if (codeMatch) {\n        elements.push(\n          <code key={key++} className=\"bg-muted px-1 rounded text-sm\">\n            {codeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(codeMatch[0].length);\n        continue;\n      }\n\n      // Try to match link with text: <url|text>\n      const linkTextMatch = remaining.match(/^<([^|>]+)\\|([^>]+)>/);\n      if (linkTextMatch) {\n        elements.push(\n          <a\n            key={key++}\n            href={linkTextMatch[1]}\n            className=\"text-blue-600 dark:text-blue-400 underline\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {linkTextMatch[2]}\n          </a>\n        );\n        remaining = remaining.slice(linkTextMatch[0].length);\n        continue;\n      }\n\n      // Try to match plain link: <url>\n      const linkMatch = remaining.match(/^<([^|>]+)>/);\n      if (linkMatch) {\n        elements.push(\n          <a\n            key={key++}\n            href={linkMatch[1]}\n            className=\"text-blue-600 dark:text-blue-400 underline\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {linkMatch[1]}\n          </a>\n        );\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // No special formatting found at start - extract plain text until next special char\n      const plainMatch = remaining.match(/^[^*_~`<]+/);\n      if (plainMatch) {\n        elements.push(<React.Fragment key={key++}>{plainMatch[0]}</React.Fragment>);\n        remaining = remaining.slice(plainMatch[0].length);\n        continue;\n      }\n\n      // Single special char that didn't match a pattern - output as-is\n      elements.push(<React.Fragment key={key++}>{remaining[0]}</React.Fragment>);\n      remaining = remaining.slice(1);\n    }\n\n    return <span>{elements}</span>;\n  }\n\n  // Plain text with optional emoji\n  return text.text;\n}\n\n/**\n * Get button style class\n */\nfunction getButtonStyleClass(style?: string): string {\n  switch (style) {\n    case 'primary':\n      return 'bg-state-success hover:bg-state-success/90 text-white transition-colors';\n    case 'danger':\n      return 'bg-state-error hover:bg-state-error/90 text-white transition-colors';\n    default:\n      return 'bg-muted hover:bg-muted/80 text-primary transition-colors';\n  }\n}\n\n// ============================================================================\n// Template Binding\n// ============================================================================\n\nfunction bindDataToTemplate<T>(template: T, data: Record<string, unknown>): T {\n  if (template === null || template === undefined) {\n    return template;\n  }\n\n  if (typeof template === 'string') {\n    // Replace ${path} with actual values\n    return template.replace(/\\$\\{([^}]+)\\}/g, (_, path) => {\n      const value = getNestedValue(data, path.trim());\n      return value !== undefined ? String(value) : '';\n    }) as T;\n  }\n\n  if (Array.isArray(template)) {\n    return template.map((item) => bindDataToTemplate(item, data)) as T;\n  }\n\n  if (typeof template === 'object') {\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(template)) {\n      result[key] = bindDataToTemplate(value, data);\n    }\n    return result as T;\n  }\n\n  return template;\n}\n\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  const parts = path.split('.');\n  let current: unknown = obj;\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in (current as Record<string, unknown>)) {\n      current = (current as Record<string, unknown>)[part];\n    } else {\n      return undefined;\n    }\n  }\n\n  return current;\n}\n\n// ============================================================================\n// Block Renderers\n// ============================================================================\n\ninterface BlockRendererProps {\n  block: BlockKitElement;\n  index: number;\n  onAction?: (actionId: string, value?: string, data?: Record<string, unknown>) => void;\n}\n\nconst BlockRenderer: React.FC<BlockRendererProps> = memo(function BlockRenderer({ block, index: _index, onAction }) {\n  switch (block.type) {\n    // Header block\n    case 'header':\n      return (\n        <div className=\"py-2\">\n          <h2 className=\"text-lg font-bold text-primary\">{renderText(block.text)}</h2>\n        </div>\n      );\n\n    // Section block\n    case 'section':\n      return (\n        <div className=\"py-2 flex items-start gap-4\">\n          <div className=\"flex-1\">\n            {block.text && <p className=\"text-primary\">{renderText(block.text)}</p>}\n            {block.fields && block.fields.length > 0 && (\n              <div className=\"grid grid-cols-2 gap-2 mt-2\">\n                {block.fields.map((field, i) => (\n                  <div key={i} className=\"text-sm\">\n                    {renderText(field)}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n          {block.accessory && (\n            <div className=\"flex-shrink-0\">\n              <AccessoryRenderer accessory={block.accessory as BlockKitElement} onAction={onAction} />\n            </div>\n          )}\n        </div>\n      );\n\n    // Divider block\n    case 'divider':\n      return <hr className=\"my-2 border-default\" />;\n\n    // Image block\n    case 'image':\n      return (\n        <div className=\"py-2\">\n          {block.title && <p className=\"text-sm text-secondary mb-1\">{renderText(block.title)}</p>}\n          <img src={block.image_url} alt={block.alt_text || ''} className=\"max-w-full h-auto rounded\" />\n        </div>\n      );\n\n    // Context block\n    case 'context':\n      return (\n        <div className=\"py-1 flex items-center gap-2 flex-wrap text-sm text-secondary\">\n          {block.elements?.map((element, i) => (\n            <span key={i}>\n              {element.type === 'image' ? (\n                <img src={element.image_url} alt={element.alt_text || ''} className=\"w-5 h-5 rounded inline-block\" />\n              ) : (\n                renderText(element.text as BlockKitText)\n              )}\n            </span>\n          ))}\n        </div>\n      );\n\n    // Actions block\n    case 'actions':\n      return (\n        <div className=\"py-2 flex gap-2 flex-wrap\">\n          {block.elements?.map((element, i) => (\n            <ActionRenderer key={i} element={element} onAction={onAction} />\n          ))}\n        </div>\n      );\n\n    // Input block (simplified)\n    case 'input':\n      return (\n        <div className=\"py-2\">\n          {block.label ? (\n            <label className=\"block text-sm font-medium text-secondary mb-1\">\n              {renderText(block.label as BlockKitText) as ReactNode}\n            </label>\n          ) : null}\n          <input\n            type=\"text\"\n            className=\"w-full px-3 py-2 border border-default rounded-md bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20\"\n            placeholder={(() => {\n              const element = block.element as Record<string, unknown> | undefined;\n              return element?.placeholder ? (renderText(element.placeholder as BlockKitText) as string) : '';\n            })()}\n          />\n        </div>\n      );\n\n    // Rich text block (simplified)\n    case 'rich_text':\n      return (\n        <div className=\"py-2 text-primary\">\n          {block.elements?.map((element, i) => (\n            <span key={i}>{renderText(element.text as BlockKitText)}</span>\n          ))}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n});\n\n// ============================================================================\n// Accessory Renderer\n// ============================================================================\n\ninterface AccessoryRendererProps {\n  accessory: BlockKitElement;\n  onAction?: (actionId: string, value?: string, data?: Record<string, unknown>) => void;\n}\n\nconst AccessoryRenderer: React.FC<AccessoryRendererProps> = memo(function AccessoryRenderer({ accessory, onAction }) {\n  switch (accessory.type) {\n    case 'image':\n      return (\n        <img src={accessory.image_url} alt={accessory.alt_text || ''} className=\"w-12 h-12 rounded object-cover\" />\n      );\n\n    case 'button':\n      return (\n        <button\n          type=\"button\"\n          onClick={() => onAction?.(accessory.action_id || '', accessory.value)}\n          className={`px-3 py-1.5 text-sm font-medium rounded ${getButtonStyleClass(accessory.style)}`}\n        >\n          {renderText(accessory.text)}\n        </button>\n      );\n\n    case 'overflow':\n      return (\n        <button type=\"button\" className=\"p-1 text-secondary hover:text-primary transition-colors\">\n          <svg className=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path d=\"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z\" />\n          </svg>\n        </button>\n      );\n\n    default:\n      return null;\n  }\n});\n\n// ============================================================================\n// Action Renderer\n// ============================================================================\n\ninterface ActionRendererProps {\n  element: BlockKitElement;\n  onAction?: (actionId: string, value?: string, data?: Record<string, unknown>) => void;\n}\n\nconst ActionRenderer: React.FC<ActionRendererProps> = memo(function ActionRenderer({ element, onAction }) {\n  const handleClick = useCallback(() => {\n    if (element.action_id) {\n      onAction?.(element.action_id, element.value);\n    }\n    if (element.url) {\n      window.open(element.url, '_blank');\n    }\n  }, [element, onAction]);\n\n  switch (element.type) {\n    case 'button':\n      return (\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          className={`px-4 py-2 text-sm font-medium rounded ${getButtonStyleClass(element.style)}`}\n        >\n          {renderText(element.text)}\n        </button>\n      );\n\n    case 'static_select':\n      return (\n        <select\n          className=\"px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20\"\n          onChange={(e) => onAction?.(element.action_id || '', e.target.value)}\n        >\n          {element.placeholder ? (\n            <option value=\"\">{renderText(element.placeholder as BlockKitText) as ReactNode}</option>\n          ) : null}\n          {(element.options as Array<{ text: BlockKitText; value: string }>)?.map((option, i) => (\n            <option key={i} value={option.value}>\n              {renderText(option.text)}\n            </option>\n          ))}\n        </select>\n      );\n\n    case 'datepicker':\n      return (\n        <input\n          type=\"date\"\n          className=\"px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20\"\n          onChange={(e) => onAction?.(element.action_id || '', e.target.value)}\n        />\n      );\n\n    case 'checkboxes':\n      return (\n        <div className=\"space-y-1\">\n          {(element.options as Array<{ text: BlockKitText; value: string }>)?.map((option, i) => (\n            <label key={i} className=\"flex items-center gap-2 text-sm\">\n              <input\n                type=\"checkbox\"\n                className=\"rounded border-default transition-colors\"\n                onChange={(e) => onAction?.(element.action_id || '', option.value, { checked: e.target.checked })}\n              />\n              {renderText(option.text)}\n            </label>\n          ))}\n        </div>\n      );\n\n    case 'radio_buttons':\n      return (\n        <div className=\"space-y-1\">\n          {(element.options as Array<{ text: BlockKitText; value: string }>)?.map((option, i) => (\n            <label key={i} className=\"flex items-center gap-2 text-sm\">\n              <input\n                type=\"radio\"\n                name={element.action_id}\n                className=\"border-default transition-colors\"\n                onChange={() => onAction?.(element.action_id || '', option.value)}\n              />\n              {renderText(option.text)}\n            </label>\n          ))}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n});\n\n// ============================================================================\n// Auto-generate BlockKit blocks from arbitrary data\n// ============================================================================\n\nfunction generateBlocksFromData(data: Record<string, unknown>): BlockKitElement[] {\n  const blocks: BlockKitElement[] = [];\n\n  for (const [key, value] of Object.entries(data)) {\n    if (value === null || value === undefined) continue;\n\n    // Handle arrays\n    if (Array.isArray(value)) {\n      // Add header for the array\n      blocks.push({\n        type: 'header',\n        text: {\n          type: 'plain_text',\n          text: formatKey(key),\n          emoji: true,\n        },\n      });\n\n      // Add each item\n      value.forEach((item, index) => {\n        if (typeof item === 'object' && item !== null) {\n          // Object items - render as section with fields\n          const fields: BlockKitText[] = [];\n          for (const [itemKey, itemValue] of Object.entries(item)) {\n            if (itemValue !== null && itemValue !== undefined) {\n              fields.push({\n                type: 'mrkdwn',\n                text: `*${formatKey(itemKey)}:*\\n${formatValue(itemValue)}`,\n              });\n            }\n          }\n          if (fields.length > 0) {\n            blocks.push({\n              type: 'section',\n              fields: fields.slice(0, 10), // BlockKit max 10 fields\n            });\n          }\n        } else {\n          // Primitive items - render as simple section\n          blocks.push({\n            type: 'section',\n            text: {\n              type: 'mrkdwn',\n              text: `${index + 1}. ${formatValue(item)}`,\n            },\n          });\n        }\n\n        // Add divider between items (except last)\n        if (index < value.length - 1) {\n          blocks.push({ type: 'divider' });\n        }\n      });\n    }\n    // Handle objects\n    else if (typeof value === 'object') {\n      blocks.push({\n        type: 'header',\n        text: {\n          type: 'plain_text',\n          text: formatKey(key),\n          emoji: true,\n        },\n      });\n\n      const fields: BlockKitText[] = [];\n      for (const [objKey, objValue] of Object.entries(value as Record<string, unknown>)) {\n        if (objValue !== null && objValue !== undefined) {\n          fields.push({\n            type: 'mrkdwn',\n            text: `*${formatKey(objKey)}:*\\n${formatValue(objValue)}`,\n          });\n        }\n      }\n      if (fields.length > 0) {\n        blocks.push({\n          type: 'section',\n          fields: fields.slice(0, 10),\n        });\n      }\n    }\n    // Handle primitives\n    else {\n      blocks.push({\n        type: 'section',\n        text: {\n          type: 'mrkdwn',\n          text: `*${formatKey(key)}:* ${formatValue(value)}`,\n        },\n      });\n    }\n  }\n\n  return blocks;\n}\n\nfunction formatKey(key: string): string {\n  // Convert camelCase or snake_case to Title Case\n  return key\n    .replace(/_/g, ' ')\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, (str) => str.toUpperCase())\n    .trim();\n}\n\nfunction formatValue(value: unknown): string {\n  if (value === null || value === undefined) return '-';\n  if (typeof value === 'boolean') return value ? 'Yes' : 'No';\n  if (typeof value === 'object') return JSON.stringify(value);\n  return String(value);\n}\n\n// ============================================================================\n// Main Renderer Component\n// ============================================================================\n\nexport const BlockKitRenderer: React.FC<RendererProps> = memo(function BlockKitRenderer({\n  widget,\n  data,\n  template,\n  isLoading,\n  error,\n  onDrilldown: _onDrilldown,\n  onAction,\n}) {\n  // Debug logging\n\n  // Parse and bind template\n  const boundTemplate = useMemo(() => {\n    // 1. If template has blocks, bind data and use it\n    if (template && 'blocks' in (template as Record<string, unknown>)) {\n      return bindDataToTemplate(template as unknown as BlockKitTemplate, data);\n    }\n\n    // 2. If data has blocks, use it directly as BlockKit format\n    if (data && 'blocks' in data) {\n      return data as unknown as BlockKitTemplate;\n    }\n\n    // 3. If we have any data, auto-generate blocks from it\n    if (data && Object.keys(data).length > 0) {\n      const generatedBlocks = generateBlocksFromData(data);\n      if (generatedBlocks.length > 0) {\n        return { blocks: generatedBlocks } as BlockKitTemplate;\n      }\n    }\n\n    // 4. If template exists but no blocks, try to bind and check again\n    if (template) {\n      const bound = bindDataToTemplate(template as unknown as BlockKitTemplate, data);\n      if (bound?.blocks?.length) {\n        return bound;\n      }\n    }\n\n    return null;\n  }, [template, data]);\n\n  // Handle action clicks\n  const handleAction = useCallback(\n    (actionId: string, value?: string, actionData?: Record<string, unknown>) => {\n      if (onAction) {\n        onAction(actionId, { value, ...actionData });\n      }\n    },\n    [onAction]\n  );\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 animate-in fade-in duration-200\">\n        <div className=\"animate-pulse space-y-2 w-full\">\n          <div className=\"h-4 bg-muted rounded w-3/4\" />\n          <div className=\"h-4 bg-muted rounded w-1/2\" />\n          <div className=\"h-4 bg-muted rounded w-5/6\" />\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 text-red-600 dark:text-red-400\">\n        <div className=\"text-center\">\n          <p className=\"font-medium\">Error rendering blocks</p>\n          <p className=\"text-sm mt-1\">{error}</p>\n        </div>\n      </div>\n    );\n  }\n\n  // Empty state\n  if (!boundTemplate?.blocks?.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 text-secondary animate-in fade-in duration-200\">\n        <div className=\"text-center\">\n          <p>No content to display</p>\n          <p className=\"text-sm mt-1\">Configure blocks or provide data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 bg-surface\">\n      {/* Render blocks */}\n      {boundTemplate.blocks.map((block, i) => (\n        <BlockRenderer key={i} block={block} index={i} onAction={handleAction} />\n      ))}\n\n      {/* Render attachments */}\n      {boundTemplate.attachments?.map((attachment, i) => (\n        <div\n          key={`attachment-${i}`}\n          className=\"mt-4 border-l-4 pl-3\"\n          style={{ borderLeftColor: attachment.color || 'var(--color-border)' }}\n        >\n          {attachment.blocks?.map((block, j) => (\n            <BlockRenderer key={j} block={block} index={j} onAction={handleAction} />\n          ))}\n          {attachment.fallback && !attachment.blocks && <p className=\"text-sm text-secondary\">{attachment.fallback}</p>}\n        </div>\n      ))}\n    </div>\n  );\n});\n\nexport default BlockKitRenderer;\n"],"mappings":"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"}

package/dist/bigconsole/renderers/adapters/CustomRenderer.d.ts

@@ -0,0 +1,46 @@
+import { default as React, ComponentType } from 'react';
+import { RendererProps } from '../types/renderer';
+
+export interface CustomComponentProps {
+    widget: RendererProps['widget'];
+    data: Record<string, unknown>;
+    template?: Record<string, unknown> | null;
+    props?: Record<string, unknown>;
+    onAction?: (actionName: string, payload: Record<string, unknown>) => void;
+    onDrilldown?: (params: Record<string, unknown>) => void;
+}
+/**
+ * Register a custom component
+ */
+export declare function registerCustomComponent(name: string, component: ComponentType<CustomComponentProps>): void;
+/**
+ * Unregister a custom component
+ */
+export declare function unregisterCustomComponent(name: string): boolean;
+/**
+ * Check if a custom component is registered
+ */
+export declare function hasCustomComponent(name: string): boolean;
+/**
+ * Get a registered custom component
+ */
+export declare function getCustomComponent(name: string): ComponentType<CustomComponentProps> | undefined;
+/**
+ * Get all registered component names
+ */
+export declare function getRegisteredComponentNames(): string[];
+/**
+ * Simple Text Display Component
+ */
+export declare const SimpleTextComponent: React.FC<CustomComponentProps>;
+/**
+ * Simple Counter Component
+ */
+export declare const CounterComponent: React.FC<CustomComponentProps>;
+/**
+ * Simple Card Component
+ */
+export declare const CardComponent: React.FC<CustomComponentProps>;
+export declare const CustomRenderer: React.FC<RendererProps>;
+export default CustomRenderer;
+//# sourceMappingURL=CustomRenderer.d.ts.map

package/dist/bigconsole/renderers/adapters/CustomRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/renderers/adapters/CustomRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAiB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AASvD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACzD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAE1G;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAEhG;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,EAAE,CAEtD;AAMD;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4B3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuCxD,CAAC;AAkCF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqFjD,CAAC;AAEH,eAAe,cAAc,CAAC"}