@questpie/admin 1.1.0 → 2.0.0

package/dist/client/components/blocks/block-tree.mjs

@@ -0,0 +1,45 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { BlockInsertButton } from "./block-insert-button.mjs";
+import { BlockItem } from "./block-item.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+
+//#region src/client/components/blocks/block-tree.tsx
+/**
+* Block Tree
+*
+* Renders a list of blocks with drag-and-drop support and rail visual for hierarchy.
+*/
+function BlockTree({ blocks, level, parentId, className }) {
+	const blockIds = React$1.useMemo(() => blocks.map((b) => b.id), [blocks]);
+	const isRoot = level === 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-2", className),
+		children: [/* @__PURE__ */ jsx(SortableContext, {
+			items: blockIds,
+			strategy: verticalListSortingStrategy,
+			children: blocks.map((block, index) => /* @__PURE__ */ jsx(BlockItem, {
+				block,
+				level,
+				index,
+				parentId
+			}, block.id))
+		}), isRoot && /* @__PURE__ */ jsx("div", {
+			className: "mt-4",
+			children: /* @__PURE__ */ jsx(BlockInsertButton, {
+				position: {
+					parentId,
+					index: blocks.length
+				},
+				variant: "default"
+			})
+		})]
+	});
+}
+
+//#endregion
+export { BlockTree };
+//# sourceMappingURL=block-tree.mjs.map

package/dist/client/components/blocks/block-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-tree.mjs","names":["React"],"sources":["../../../../src/client/components/blocks/block-tree.tsx"],"sourcesContent":["/**\n * Block Tree\n *\n * Renders a list of blocks with drag-and-drop support and rail visual for hierarchy.\n */\n\n\"use client\";\n\nimport {\n\tSortableContext,\n\tverticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport * as React from \"react\";\nimport type { BlockNode } from \"../../blocks/types.js\";\nimport { cn } from \"../../lib/utils.js\";\nimport { BlockInsertButton } from \"./block-insert-button.js\";\nimport { BlockItem } from \"./block-item.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type BlockTreeProps = {\n\t/** Block nodes to render */\n\tblocks: BlockNode[];\n\t/** Nesting level (0 = root) */\n\tlevel: number;\n\t/** Parent block ID (null = root) */\n\tparentId: string | null;\n\t/** Custom class name */\n\tclassName?: string;\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function BlockTree({\n\tblocks,\n\tlevel,\n\tparentId,\n\tclassName,\n}: BlockTreeProps) {\n\t// Get block IDs for sortable context\n\tconst blockIds = React.useMemo(() => blocks.map((b) => b.id), [blocks]);\n\n\tconst isRoot = level === 0;\n\n\treturn (\n\t\t<div className={cn(\"space-y-2\", className)}>\n\t\t\t<SortableContext items={blockIds} strategy={verticalListSortingStrategy}>\n\t\t\t\t{blocks.map((block, index) => (\n\t\t\t\t\t<BlockItem\n\t\t\t\t\t\tkey={block.id}\n\t\t\t\t\t\tblock={block}\n\t\t\t\t\t\tlevel={level}\n\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\tparentId={parentId}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</SortableContext>\n\n\t\t\t{/* Add block at end - only for root level */}\n\t\t\t{isRoot && (\n\t\t\t\t<div className=\"mt-4\">\n\t\t\t\t\t<BlockInsertButton\n\t\t\t\t\t\tposition={{ parentId, index: blocks.length }}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqCA,SAAgB,UAAU,EACzB,QACA,OACA,UACA,aACkB;CAElB,MAAM,WAAWA,QAAM,cAAc,OAAO,KAAK,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;CAEvE,MAAM,SAAS,UAAU;AAEzB,QACC,qBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;aACzC,oBAAC;GAAgB,OAAO;GAAU,UAAU;aAC1C,OAAO,KAAK,OAAO,UACnB,oBAAC;IAEO;IACA;IACA;IACG;MAJL,MAAM,GAKV,CACD;IACe,EAGjB,UACA,oBAAC;GAAI,WAAU;aACd,oBAAC;IACA,UAAU;KAAE;KAAU,OAAO,OAAO;KAAQ;IAC5C,SAAQ;KACP;IACG;GAEF"}

package/dist/client/components/blocks/block-type-icon.mjs

@@ -0,0 +1,50 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { ComponentRenderer } from "../component-renderer.mjs";
+import { useBlockDefinition } from "./block-editor-context.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/blocks/block-type-icon.tsx
+/**
+* Block Type Icon
+*
+* Displays the icon for a block type using component references.
+*/
+function BlockTypeIcon({ type, className, size = 16 }) {
+	const iconRef = useBlockDefinition(type)?.admin?.icon;
+	return /* @__PURE__ */ jsx(BlockIcon, {
+		icon: iconRef,
+		className,
+		size
+	});
+}
+/**
+* Standalone icon component that doesn't require context.
+* Useful for rendering icons outside the editor.
+* Shows a default cube icon if no icon is provided.
+*/
+function BlockIcon({ icon, className, size = 16 }) {
+	return /* @__PURE__ */ jsx(ComponentRenderer, {
+		reference: normalizeIconReference(icon) ?? {
+			type: "icon",
+			props: { name: "ph:cube" }
+		},
+		additionalProps: {
+			className: cn("shrink-0", className),
+			size
+		}
+	});
+}
+function normalizeIconReference(icon) {
+	if (!icon) return void 0;
+	if (typeof icon === "string") return {
+		type: "icon",
+		props: { name: icon }
+	};
+	return icon;
+}
+
+//#endregion
+export { BlockIcon, BlockTypeIcon };
+//# sourceMappingURL=block-type-icon.mjs.map

package/dist/client/components/blocks/block-type-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-type-icon.mjs","names":[],"sources":["../../../../src/client/components/blocks/block-type-icon.tsx"],"sourcesContent":["/**\n * Block Type Icon\n *\n * Displays the icon for a block type using component references.\n */\n\n\"use client\";\n\nimport type { ComponentReference } from \"#questpie/admin/server\";\nimport { ComponentRenderer } from \"../../components/component-renderer\";\nimport { cn } from \"../../lib/utils.js\";\nimport { useBlockDefinition } from \"./block-editor-context.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type BlockTypeIconProps = {\n\t/** Block type name */\n\ttype: string;\n\t/** Custom class name */\n\tclassName?: string;\n\t/** Icon size */\n\tsize?: number;\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function BlockTypeIcon({\n\ttype,\n\tclassName,\n\tsize = 16,\n}: BlockTypeIconProps) {\n\tconst blockDef = useBlockDefinition(type);\n\tconst iconRef = blockDef?.admin?.icon;\n\n\t// Use BlockIcon which provides default cube icon\n\treturn <BlockIcon icon={iconRef} className={className} size={size} />;\n}\n\n/**\n * Standalone icon component that doesn't require context.\n * Useful for rendering icons outside the editor.\n * Shows a default cube icon if no icon is provided.\n */\nexport function BlockIcon({\n\ticon,\n\tclassName,\n\tsize = 16,\n}: {\n\ticon?: ComponentReference | string;\n\tclassName?: string;\n\tsize?: number;\n}) {\n\tconst reference = normalizeIconReference(icon);\n\n\t// Use default cube icon if no icon provided\n\tconst finalReference = reference ?? {\n\t\ttype: \"icon\",\n\t\tprops: { name: \"ph:cube\" },\n\t};\n\n\treturn (\n\t\t<ComponentRenderer\n\t\t\treference={finalReference}\n\t\t\tadditionalProps={{ className: cn(\"shrink-0\", className), size }}\n\t\t/>\n\t);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction normalizeIconReference(\n\ticon?: ComponentReference | string,\n): ComponentReference | undefined {\n\tif (!icon) return undefined;\n\tif (typeof icon === \"string\") {\n\t\treturn { type: \"icon\", props: { name: icon } };\n\t}\n\treturn icon;\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,SAAgB,cAAc,EAC7B,MACA,WACA,OAAO,MACe;CAEtB,MAAM,UADW,mBAAmB,KAAK,EACf,OAAO;AAGjC,QAAO,oBAAC;EAAU,MAAM;EAAoB;EAAiB;GAAQ;;;;;;;AAQtE,SAAgB,UAAU,EACzB,MACA,WACA,OAAO,MAKL;AASF,QACC,oBAAC;EACA,WAVgB,uBAAuB,KAAK,IAGV;GACnC,MAAM;GACN,OAAO,EAAE,MAAM,WAAW;GAC1B;EAKC,iBAAiB;GAAE,WAAW,GAAG,YAAY,UAAU;GAAE;GAAM;GAC9D;;AAQJ,SAAS,uBACR,MACiC;AACjC,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,OAAO,SAAS,SACnB,QAAO;EAAE,MAAM;EAAQ,OAAO,EAAE,MAAM,MAAM;EAAE;AAE/C,QAAO"}

package/dist/client/components/blocks/utils/tree-utils.mjs

@@ -0,0 +1,186 @@
+import { arrayMove } from "@dnd-kit/sortable";
+
+//#region src/client/components/blocks/utils/tree-utils.ts
+/**
+* Block Tree Utilities
+*
+* Functions for manipulating the block tree structure.
+* All functions are pure and return new objects.
+*/
+/**
+* Find a block by ID in the tree.
+*/
+function findBlockById(tree, id) {
+	for (const node of tree) {
+		if (node.id === id) return node;
+		const found = findBlockById(node.children, id);
+		if (found) return found;
+	}
+	return null;
+}
+/**
+* Find a block's position (parent and index) in the tree.
+*/
+function findBlockPosition(tree, id, parentId = null) {
+	for (let i = 0; i < tree.length; i++) {
+		const node = tree[i];
+		if (node.id === id) return {
+			parentId,
+			index: i
+		};
+		const found = findBlockPosition(node.children, id, node.id);
+		if (found) return found;
+	}
+	return null;
+}
+/**
+* Insert a block at the specified position.
+*/
+function insertBlockInTree(tree, block, position) {
+	if (position.parentId === null) {
+		const newTree = [...tree];
+		newTree.splice(position.index, 0, block);
+		return newTree;
+	}
+	return tree.map((node) => {
+		if (node.id === position.parentId) {
+			const newChildren = [...node.children];
+			newChildren.splice(position.index, 0, block);
+			return {
+				...node,
+				children: newChildren
+			};
+		}
+		return {
+			...node,
+			children: insertBlockInTree(node.children, block, position)
+		};
+	});
+}
+/**
+* Remove a block and all its children from the tree.
+* Returns the new tree and list of removed block IDs.
+*/
+function removeBlockFromTree(tree, id) {
+	const removedIds = [];
+	function collectIds(node) {
+		removedIds.push(node.id);
+		node.children.forEach(collectIds);
+	}
+	function remove(nodes) {
+		return nodes.filter((node) => {
+			if (node.id === id) {
+				collectIds(node);
+				return false;
+			}
+			return true;
+		}).map((node) => ({
+			...node,
+			children: remove(node.children)
+		}));
+	}
+	return {
+		newTree: remove(tree),
+		removedIds
+	};
+}
+/**
+* Reorder a block within the same parent using arrayMove.
+* Used for DnD reordering — avoids remove+insert index shifting issues.
+*/
+function reorderBlockInTree(tree, parentId, fromIndex, toIndex) {
+	if (parentId === null) return arrayMove(tree, fromIndex, toIndex);
+	return tree.map((node) => {
+		if (node.id === parentId) return {
+			...node,
+			children: arrayMove(node.children, fromIndex, toIndex)
+		};
+		return {
+			...node,
+			children: reorderBlockInTree(node.children, parentId, fromIndex, toIndex)
+		};
+	});
+}
+/**
+* Duplicate a block and all its children.
+* Returns the new tree, list of new IDs, and new values.
+*/
+function duplicateBlockInTree(tree, values, blockId) {
+	const block = findBlockById(tree, blockId);
+	if (!block) return {
+		newTree: tree,
+		newIds: [],
+		newValues: {}
+	};
+	const newIds = [];
+	const newValues = {};
+	function cloneNode(node) {
+		const newId = crypto.randomUUID();
+		newIds.push(newId);
+		newValues[newId] = { ...values[node.id] };
+		return {
+			id: newId,
+			type: node.type,
+			children: node.children.map(cloneNode)
+		};
+	}
+	const clonedBlock = cloneNode(block);
+	const position = findBlockPosition(tree, blockId);
+	if (!position) return {
+		newTree: tree,
+		newIds: [],
+		newValues: {}
+	};
+	return {
+		newTree: insertBlockInTree(tree, clonedBlock, {
+			parentId: position.parentId,
+			index: position.index + 1
+		}),
+		newIds,
+		newValues
+	};
+}
+/**
+* Get all block IDs in the tree (flattened).
+*/
+function getAllBlockIds(tree) {
+	const ids = [];
+	function collect(nodes) {
+		for (const node of nodes) {
+			ids.push(node.id);
+			collect(node.children);
+		}
+	}
+	collect(tree);
+	return ids;
+}
+/**
+* Count total blocks in the tree.
+*/
+function countBlocks(tree) {
+	let count = 0;
+	function traverse(nodes) {
+		for (const node of nodes) {
+			count++;
+			traverse(node.children);
+		}
+	}
+	traverse(tree);
+	return count;
+}
+/**
+* Get default values for block fields.
+*/
+function getDefaultValues(fields) {
+	if (!fields) return {};
+	const values = {};
+	for (const [key, field] of Object.entries(fields)) {
+		const defaultValue = field["~options"]?.defaultValue;
+		if (defaultValue !== void 0) values[key] = defaultValue;
+	}
+	return values;
+}
+
+//#endregion
+export { countBlocks, duplicateBlockInTree, findBlockById, findBlockPosition, getAllBlockIds, getDefaultValues, insertBlockInTree, removeBlockFromTree, reorderBlockInTree };
+//# sourceMappingURL=tree-utils.mjs.map

package/dist/client/components/blocks/utils/tree-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-utils.mjs","names":["removedIds: string[]","newIds: string[]","newValues: Record<string, Record<string, unknown>>","ids: string[]","values: Record<string, unknown>"],"sources":["../../../../../src/client/components/blocks/utils/tree-utils.ts"],"sourcesContent":["/**\n * Block Tree Utilities\n *\n * Functions for manipulating the block tree structure.\n * All functions are pure and return new objects.\n */\n\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport type { BlockNode } from \"../../../blocks/types.js\";\n\n/**\n * Position where a block should be inserted.\n */\nexport type InsertPosition = {\n  /** Parent block ID (null = root level) */\n  parentId: string | null;\n  /** Index within parent's children or root */\n  index: number;\n};\n\n/**\n * Find a block by ID in the tree.\n */\nexport function findBlockById(tree: BlockNode[], id: string): BlockNode | null {\n  for (const node of tree) {\n    if (node.id === id) return node;\n    const found = findBlockById(node.children, id);\n    if (found) return found;\n  }\n  return null;\n}\n\n/**\n * Find a block's position (parent and index) in the tree.\n */\nexport function findBlockPosition(\n  tree: BlockNode[],\n  id: string,\n  parentId: string | null = null,\n): InsertPosition | null {\n  for (let i = 0; i < tree.length; i++) {\n    const node = tree[i];\n    if (node.id === id) {\n      return { parentId, index: i };\n    }\n    const found = findBlockPosition(node.children, id, node.id);\n    if (found) return found;\n  }\n  return null;\n}\n\n/**\n * Insert a block at the specified position.\n */\nexport function insertBlockInTree(\n  tree: BlockNode[],\n  block: BlockNode,\n  position: InsertPosition,\n): BlockNode[] {\n  if (position.parentId === null) {\n    // Insert at root level\n    const newTree = [...tree];\n    newTree.splice(position.index, 0, block);\n    return newTree;\n  }\n\n  // Insert as child of parent\n  return tree.map((node) => {\n    if (node.id === position.parentId) {\n      const newChildren = [...node.children];\n      newChildren.splice(position.index, 0, block);\n      return { ...node, children: newChildren };\n    }\n    return {\n      ...node,\n      children: insertBlockInTree(node.children, block, position),\n    };\n  });\n}\n\n/**\n * Remove a block and all its children from the tree.\n * Returns the new tree and list of removed block IDs.\n */\nexport function removeBlockFromTree(\n  tree: BlockNode[],\n  id: string,\n): { newTree: BlockNode[]; removedIds: string[] } {\n  const removedIds: string[] = [];\n\n  function collectIds(node: BlockNode) {\n    removedIds.push(node.id);\n    node.children.forEach(collectIds);\n  }\n\n  function remove(nodes: BlockNode[]): BlockNode[] {\n    return nodes\n      .filter((node) => {\n        if (node.id === id) {\n          collectIds(node);\n          return false;\n        }\n        return true;\n      })\n      .map((node) => ({\n        ...node,\n        children: remove(node.children),\n      }));\n  }\n\n  return { newTree: remove(tree), removedIds };\n}\n\n/**\n * Move a block to a new position in the tree (remove + insert).\n * Used for cross-parent moves (e.g., from context menu).\n */\nexport function moveBlockInTree(\n  tree: BlockNode[],\n  blockId: string,\n  toPosition: InsertPosition,\n): BlockNode[] {\n  // Find and remove block\n  const block = findBlockById(tree, blockId);\n  if (!block) return tree;\n\n  const { newTree } = removeBlockFromTree(tree, blockId);\n\n  // Insert at new position\n  return insertBlockInTree(newTree, block, toPosition);\n}\n\n/**\n * Reorder a block within the same parent using arrayMove.\n * Used for DnD reordering — avoids remove+insert index shifting issues.\n */\nexport function reorderBlockInTree(\n  tree: BlockNode[],\n  parentId: string | null,\n  fromIndex: number,\n  toIndex: number,\n): BlockNode[] {\n  if (parentId === null) {\n    return arrayMove(tree, fromIndex, toIndex);\n  }\n\n  return tree.map((node) => {\n    if (node.id === parentId) {\n      return {\n        ...node,\n        children: arrayMove(node.children, fromIndex, toIndex),\n      };\n    }\n    return {\n      ...node,\n      children: reorderBlockInTree(node.children, parentId, fromIndex, toIndex),\n    };\n  });\n}\n\n/**\n * Duplicate a block and all its children.\n * Returns the new tree, list of new IDs, and new values.\n */\nexport function duplicateBlockInTree(\n  tree: BlockNode[],\n  values: Record<string, Record<string, unknown>>,\n  blockId: string,\n): {\n  newTree: BlockNode[];\n  newIds: string[];\n  newValues: Record<string, Record<string, unknown>>;\n} {\n  const block = findBlockById(tree, blockId);\n  if (!block) {\n    return { newTree: tree, newIds: [], newValues: {} };\n  }\n\n  const newIds: string[] = [];\n  const newValues: Record<string, Record<string, unknown>> = {};\n\n  function cloneNode(node: BlockNode): BlockNode {\n    const newId = crypto.randomUUID();\n    newIds.push(newId);\n    newValues[newId] = { ...values[node.id] };\n\n    return {\n      id: newId,\n      type: node.type,\n      children: node.children.map(cloneNode),\n    };\n  }\n\n  const clonedBlock = cloneNode(block);\n\n  // Find parent and index\n  const position = findBlockPosition(tree, blockId);\n  if (!position) {\n    return { newTree: tree, newIds: [], newValues: {} };\n  }\n\n  // Insert after original\n  const newTree = insertBlockInTree(tree, clonedBlock, {\n    parentId: position.parentId,\n    index: position.index + 1,\n  });\n\n  return { newTree, newIds, newValues };\n}\n\n/**\n * Get all block IDs in the tree (flattened).\n */\nexport function getAllBlockIds(tree: BlockNode[]): string[] {\n  const ids: string[] = [];\n\n  function collect(nodes: BlockNode[]) {\n    for (const node of nodes) {\n      ids.push(node.id);\n      collect(node.children);\n    }\n  }\n\n  collect(tree);\n  return ids;\n}\n\n/**\n * Count total blocks in the tree.\n */\nexport function countBlocks(tree: BlockNode[]): number {\n  let count = 0;\n\n  function traverse(nodes: BlockNode[]) {\n    for (const node of nodes) {\n      count++;\n      traverse(node.children);\n    }\n  }\n\n  traverse(tree);\n  return count;\n}\n\n/**\n * Get default values for block fields.\n */\nexport function getDefaultValues(\n  fields:\n    | Record<string, { \"~options\"?: { defaultValue?: unknown } }>\n    | undefined,\n): Record<string, unknown> {\n  if (!fields) return {};\n\n  const values: Record<string, unknown> = {};\n\n  for (const [key, field] of Object.entries(fields)) {\n    const defaultValue = field[\"~options\"]?.defaultValue;\n    if (defaultValue !== undefined) {\n      values[key] = defaultValue;\n    }\n  }\n\n  return values;\n}\n"],"mappings":"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"}

package/dist/client/components/component-renderer.d.mts

@@ -0,0 +1,125 @@
+import { ComponentReference } from "../../server/augmentation.mjs";
+import "../../server/index.mjs";
+import * as React$1 from "react";
+
+//#region src/client/components/component-renderer.d.ts
+
+/**
+ * Props for IconifyIcon component
+ */
+interface IconifyIconProps {
+  /** Iconify icon name (e.g., "ph:users", "mdi:home") */
+  name: string;
+  /** Icon size */
+  size?: number | string;
+  /** Additional class name */
+  className?: string;
+  /** Icon color */
+  color?: string;
+}
+/**
+ * Iconify-based icon component.
+ * Renders icons from any Iconify icon set (Phosphor, Material Design, etc.)
+ *
+ * @example
+ * ```tsx
+ * <IconifyIcon name="ph:users" size={24} />
+ * <IconifyIcon name="mdi:home" className="text-blue-500" />
+ * ```
+ */
+declare function IconifyIcon({
+  name,
+  size,
+  className,
+  color
+}: IconifyIconProps): React$1.ReactElement;
+/**
+ * Props for Badge component
+ */
+interface BadgeProps {
+  /** Badge text */
+  text: string;
+  /** Badge color variant */
+  color?: "default" | "primary" | "secondary" | "destructive" | "success" | "warning";
+  /** Additional class name */
+  className?: string;
+}
+/**
+ * Badge component for status indicators
+ */
+declare function Badge({
+  text,
+  color,
+  className
+}: BadgeProps): React$1.ReactElement;
+/**
+ * Component renderer registry type
+ */
+type ComponentRendererRegistry = Record<string, React$1.ComponentType<any>>;
+/**
+ * Props for ComponentRenderer
+ */
+interface ComponentRendererProps {
+  /** Server-defined component reference */
+  reference: ComponentReference | null | undefined;
+  /** Component registry override (defaults to admin context registry) */
+  registry?: ComponentRendererRegistry;
+  /** Fallback to render if component type not found */
+  fallback?: React$1.ReactNode;
+  /** Additional props to pass to the component */
+  additionalProps?: Record<string, unknown>;
+}
+/**
+ * Renders a server-defined component reference.
+ *
+ * Looks up the component type in the registry and renders it with the provided props.
+ * Falls back gracefully if the component type is not found.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ComponentRenderer reference={{ type: "icon", props: { name: "ph:users" } }} />
+ *
+ * // With custom registry
+ * <ComponentRenderer
+ *   reference={{ type: "custom", props: { value: 42 } }}
+ *   registry={{ custom: MyCustomComponent }}
+ * />
+ *
+ * // With fallback
+ * <ComponentRenderer
+ *   reference={{ type: "unknown", props: {} }}
+ *   fallback={<span>?</span>}
+ * />
+ * ```
+ */
+declare function ComponentRenderer({
+  reference,
+  registry,
+  fallback,
+  additionalProps
+}: ComponentRendererProps): React$1.ReactNode;
+/**
+ * Check if a value is a component reference
+ */
+declare function isComponentReference(value: unknown): value is ComponentReference;
+/**
+ * Resolve an icon to a React element.
+ * Handles both ComponentReference objects and direct React components.
+ *
+ * @param icon - Icon to resolve (ComponentReference, React component, or undefined)
+ * @param props - Additional props to pass to the icon
+ * @returns React element or null
+ */
+declare function resolveIconElement(icon: ComponentReference | React$1.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>, registry?: ComponentRendererRegistry): React$1.ReactNode;
+/**
+ * Create a render function for icons.
+ * Useful for rendering icons in table cells or list items.
+ *
+ * @param registry - Custom component registry
+ * @returns Function that renders an icon from a ComponentReference
+ */
+declare function createIconRenderer(registry?: ComponentRendererRegistry): (icon: ComponentReference | React$1.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>) => React$1.ReactNode;
+//#endregion
+export { Badge, BadgeProps, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, IconifyIcon, IconifyIconProps, createIconRenderer, isComponentReference, resolveIconElement };
+//# sourceMappingURL=component-renderer.d.mts.map

package/dist/client/components/component-renderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-renderer.d.mts","names":[],"sources":["../../../src/client/components/component-renderer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA+FgB,UAnEC,gBAAA,CAmEK;EAAY;EA0BtB,IAAA,EAAA,MAAA;EAYK;EAEL,IAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAEA;EAEA,SAAM,CAAA,EAAA,MAAA;EAEC;EAAM,KAAA,CAAA,EAAA,MAAA;AA2BzB;;;;;;;;AAoCA;AAqBA;;AAGI,iBAnLY,WAAA,CAmLN;EAAA,IAAA;EAAA,IAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EA9KP,gBA8KO,CAAA,EA9KY,OAAA,CAAM,YA8KlB;;;;AAMQ,UAjKD,UAAA,CAiKC;EAgDF;EAA8B,IAAA,EAAA,MAAA;EAGzC;EACA,KAAM,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,SAAA,GAAA,SAAA;EAID;EACN,SAAM,CAAA,EAAA,MAAA;;;;;iBAxMM,KAAA;;;;GAIb,aAAa,OAAA,CAAM;;;;KA0BV,yBAAA,GAA4B,eAEvC,OAAA,CAAM;;;;UAUU,sBAAA;;aAEL;;aAEA;;aAEA,OAAA,CAAM;;oBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2BH,iBAAA;;;;;GAKb,yBAAyB,OAAA,CAAM;;;;iBA+BlB,oBAAA,2BAEJ;;;;;;;;;iBAmBI,kBAAA,OAEZ,qBACA,OAAA,CAAM,wDAID,oCACG,4BACT,OAAA,CAAM;;;;;;;;iBAgDO,kBAAA,YAA8B,mCAGzC,qBACA,OAAA,CAAM,wDAID,4BACN,OAAA,CAAM"}

package/dist/client/components/component-renderer.mjs

@@ -0,0 +1,145 @@
+import { selectAdmin, useAdminStore } from "../runtime/provider.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/component-renderer.tsx
+/**
+* Component Renderer
+*
+* Resolves server-defined component references to React components.
+* This is the bridge between server config (serializable references)
+* and client rendering (React components).
+*
+* @example
+* ```tsx
+* // Server sends: { type: "icon", props: { name: "ph:users" } }
+* // Client renders: <IconifyIcon name="ph:users" />
+*
+* <ComponentRenderer reference={{ type: "icon", props: { name: "ph:users" } }} />
+* ```
+*/
+/**
+* Iconify-based icon component.
+* Renders icons from any Iconify icon set (Phosphor, Material Design, etc.)
+*
+* @example
+* ```tsx
+* <IconifyIcon name="ph:users" size={24} />
+* <IconifyIcon name="mdi:home" className="text-blue-500" />
+* ```
+*/
+function IconifyIcon({ name, size, className, color }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: name,
+		width: size,
+		height: size,
+		className,
+		color
+	});
+}
+/**
+* Badge component for status indicators
+*/
+function Badge({ text, color = "default", className }) {
+	const colorClasses = {
+		default: "bg-muted text-muted-foreground",
+		primary: "bg-primary/10 text-primary",
+		secondary: "bg-secondary text-secondary-foreground",
+		destructive: "bg-destructive/10 text-destructive",
+		success: "bg-success/10 text-success",
+		warning: "bg-warning/10 text-warning"
+	};
+	return /* @__PURE__ */ jsx("span", {
+		className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colorClasses[color] ?? colorClasses.default} ${className ?? ""}`,
+		children: text
+	});
+}
+/**
+* Renders a server-defined component reference.
+*
+* Looks up the component type in the registry and renders it with the provided props.
+* Falls back gracefully if the component type is not found.
+*
+* @example
+* ```tsx
+* // Basic usage
+* <ComponentRenderer reference={{ type: "icon", props: { name: "ph:users" } }} />
+*
+* // With custom registry
+* <ComponentRenderer
+*   reference={{ type: "custom", props: { value: 42 } }}
+*   registry={{ custom: MyCustomComponent }}
+* />
+*
+* // With fallback
+* <ComponentRenderer
+*   reference={{ type: "unknown", props: {} }}
+*   fallback={<span>?</span>}
+* />
+* ```
+*/
+function ComponentRenderer({ reference, registry, fallback = null, additionalProps }) {
+	if (!reference) return fallback;
+	const contextRegistry = useAdminStore(selectAdmin)?.getComponents?.() ?? {};
+	const mergedRegistry = registry ?? contextRegistry;
+	const Component = mergedRegistry[reference.type];
+	if (!Component) {
+		if (process.env.NODE_ENV === "development") console.warn(`[ComponentRenderer] Unknown component type: "${reference.type}". Available types: ${Object.keys(mergedRegistry).join(", ")}`);
+		return fallback;
+	}
+	return /* @__PURE__ */ jsx(Component, {
+		...reference.props,
+		...additionalProps
+	});
+}
+/**
+* Check if a value is a component reference
+*/
+function isComponentReference(value) {
+	return typeof value === "object" && value !== null && "type" in value && "props" in value && typeof value.type === "string" && typeof value.props === "object";
+}
+/**
+* Resolve an icon to a React element.
+* Handles both ComponentReference objects and direct React components.
+*
+* @param icon - Icon to resolve (ComponentReference, React component, or undefined)
+* @param props - Additional props to pass to the icon
+* @returns React element or null
+*/
+function resolveIconElement(icon, props, registry) {
+	if (!icon) return null;
+	if (isComponentReference(icon)) return /* @__PURE__ */ jsx(ComponentRenderer, {
+		reference: icon,
+		additionalProps: props,
+		registry
+	});
+	if (typeof icon === "string") return /* @__PURE__ */ jsx(ComponentRenderer, {
+		reference: {
+			type: "icon",
+			props: { name: icon }
+		},
+		additionalProps: props,
+		registry
+	});
+	if (typeof icon === "function") return /* @__PURE__ */ jsx(icon, { ...props });
+	if (typeof icon === "object" && React$1.isValidElement(icon)) return icon;
+	return null;
+}
+/**
+* Create a render function for icons.
+* Useful for rendering icons in table cells or list items.
+*
+* @param registry - Custom component registry
+* @returns Function that renders an icon from a ComponentReference
+*/
+function createIconRenderer(registry) {
+	return (icon, props) => {
+		if (!icon) return null;
+		return resolveIconElement(icon, props, registry);
+	};
+}
+
+//#endregion
+export { Badge, ComponentRenderer, IconifyIcon, createIconRenderer, isComponentReference, resolveIconElement };
+//# sourceMappingURL=component-renderer.mjs.map

package/dist/client/components/component-renderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-renderer.mjs","names":["colorClasses: Record<string, string>","React"],"sources":["../../../src/client/components/component-renderer.tsx"],"sourcesContent":["/**\n * Component Renderer\n *\n * Resolves server-defined component references to React components.\n * This is the bridge between server config (serializable references)\n * and client rendering (React components).\n *\n * @example\n * ```tsx\n * // Server sends: { type: \"icon\", props: { name: \"ph:users\" } }\n * // Client renders: <IconifyIcon name=\"ph:users\" />\n *\n * <ComponentRenderer reference={{ type: \"icon\", props: { name: \"ph:users\" } }} />\n * ```\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport type { ComponentReference } from \"#questpie/admin/server\";\nimport { selectAdmin, useAdminStore } from \"../runtime\";\n\n// ============================================================================\n// Icon Component\n// ============================================================================\n\n/**\n * Props for IconifyIcon component\n */\nexport interface IconifyIconProps {\n\t/** Iconify icon name (e.g., \"ph:users\", \"mdi:home\") */\n\tname: string;\n\t/** Icon size */\n\tsize?: number | string;\n\t/** Additional class name */\n\tclassName?: string;\n\t/** Icon color */\n\tcolor?: string;\n}\n\n/**\n * Iconify-based icon component.\n * Renders icons from any Iconify icon set (Phosphor, Material Design, etc.)\n *\n * @example\n * ```tsx\n * <IconifyIcon name=\"ph:users\" size={24} />\n * <IconifyIcon name=\"mdi:home\" className=\"text-blue-500\" />\n * ```\n */\nexport function IconifyIcon({\n\tname,\n\tsize,\n\tclassName,\n\tcolor,\n}: IconifyIconProps): React.ReactElement {\n\treturn (\n\t\t<Icon\n\t\t\ticon={name}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tclassName={className}\n\t\t\tcolor={color}\n\t\t/>\n\t);\n}\n\n// ============================================================================\n// Badge Component\n// ============================================================================\n\n/**\n * Props for Badge component\n */\nexport interface BadgeProps {\n\t/** Badge text */\n\ttext: string;\n\t/** Badge color variant */\n\tcolor?:\n\t\t| \"default\"\n\t\t| \"primary\"\n\t\t| \"secondary\"\n\t\t| \"destructive\"\n\t\t| \"success\"\n\t\t| \"warning\";\n\t/** Additional class name */\n\tclassName?: string;\n}\n\n/**\n * Badge component for status indicators\n */\nexport function Badge({\n\ttext,\n\tcolor = \"default\",\n\tclassName,\n}: BadgeProps): React.ReactElement {\n\tconst colorClasses: Record<string, string> = {\n\t\tdefault: \"bg-muted text-muted-foreground\",\n\t\tprimary: \"bg-primary/10 text-primary\",\n\t\tsecondary: \"bg-secondary text-secondary-foreground\",\n\t\tdestructive: \"bg-destructive/10 text-destructive\",\n\t\tsuccess: \"bg-success/10 text-success\",\n\t\twarning: \"bg-warning/10 text-warning\",\n\t};\n\n\treturn (\n\t\t<span\n\t\t\tclassName={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colorClasses[color] ?? colorClasses.default} ${className ?? \"\"}`}\n\t\t>\n\t\t\t{text}\n\t\t</span>\n\t);\n}\n\n// ============================================================================\n// Component Registry\n// ============================================================================\n\n/**\n * Component renderer registry type\n */\nexport type ComponentRendererRegistry = Record<\n\tstring,\n\tReact.ComponentType<any>\n>;\n\n// ============================================================================\n// Component Renderer\n// ============================================================================\n\n/**\n * Props for ComponentRenderer\n */\nexport interface ComponentRendererProps {\n\t/** Server-defined component reference */\n\treference: ComponentReference | null | undefined;\n\t/** Component registry override (defaults to admin context registry) */\n\tregistry?: ComponentRendererRegistry;\n\t/** Fallback to render if component type not found */\n\tfallback?: React.ReactNode;\n\t/** Additional props to pass to the component */\n\tadditionalProps?: Record<string, unknown>;\n}\n\n/**\n * Renders a server-defined component reference.\n *\n * Looks up the component type in the registry and renders it with the provided props.\n * Falls back gracefully if the component type is not found.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ComponentRenderer reference={{ type: \"icon\", props: { name: \"ph:users\" } }} />\n *\n * // With custom registry\n * <ComponentRenderer\n *   reference={{ type: \"custom\", props: { value: 42 } }}\n *   registry={{ custom: MyCustomComponent }}\n * />\n *\n * // With fallback\n * <ComponentRenderer\n *   reference={{ type: \"unknown\", props: {} }}\n *   fallback={<span>?</span>}\n * />\n * ```\n */\nexport function ComponentRenderer({\n\treference,\n\tregistry,\n\tfallback = null,\n\tadditionalProps,\n}: ComponentRendererProps): React.ReactNode {\n\tif (!reference) {\n\t\treturn fallback;\n\t}\n\n\tconst admin = useAdminStore(selectAdmin);\n\tconst contextRegistry =\n\t\t(admin?.getComponents?.() as ComponentRendererRegistry | undefined) ?? {};\n\tconst mergedRegistry = registry ?? contextRegistry;\n\tconst Component = mergedRegistry[reference.type];\n\n\tif (!Component) {\n\t\tif (process.env.NODE_ENV === \"development\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[ComponentRenderer] Unknown component type: \"${reference.type}\". ` +\n\t\t\t\t\t`Available types: ${Object.keys(mergedRegistry).join(\", \")}`,\n\t\t\t);\n\t\t}\n\t\treturn fallback;\n\t}\n\n\treturn <Component {...reference.props} {...additionalProps} />;\n}\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Check if a value is a component reference\n */\nexport function isComponentReference(\n\tvalue: unknown,\n): value is ComponentReference {\n\treturn (\n\t\ttypeof value === \"object\" &&\n\t\tvalue !== null &&\n\t\t\"type\" in value &&\n\t\t\"props\" in value &&\n\t\ttypeof (value as any).type === \"string\" &&\n\t\ttypeof (value as any).props === \"object\"\n\t);\n}\n\n/**\n * Resolve an icon to a React element.\n * Handles both ComponentReference objects and direct React components.\n *\n * @param icon - Icon to resolve (ComponentReference, React component, or undefined)\n * @param props - Additional props to pass to the icon\n * @returns React element or null\n */\nexport function resolveIconElement(\n\ticon:\n\t\t| ComponentReference\n\t\t| React.ComponentType<any>\n\t\t| string\n\t\t| undefined\n\t\t| null,\n\tprops?: Record<string, unknown>,\n\tregistry?: ComponentRendererRegistry,\n): React.ReactNode {\n\tif (!icon) {\n\t\treturn null;\n\t}\n\n\t// Handle ComponentReference\n\tif (isComponentReference(icon)) {\n\t\treturn (\n\t\t\t<ComponentRenderer\n\t\t\t\treference={icon}\n\t\t\t\tadditionalProps={props}\n\t\t\t\tregistry={registry}\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Handle legacy string icon names by treating them as icon component references\n\tif (typeof icon === \"string\") {\n\t\treturn (\n\t\t\t<ComponentRenderer\n\t\t\t\treference={{ type: \"icon\", props: { name: icon } }}\n\t\t\t\tadditionalProps={props}\n\t\t\t\tregistry={registry}\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Handle React component\n\tif (typeof icon === \"function\") {\n\t\tconst IconComponent = icon;\n\t\treturn <IconComponent {...props} />;\n\t}\n\n\t// Handle object that might be a React element\n\tif (typeof icon === \"object\" && React.isValidElement(icon)) {\n\t\treturn icon;\n\t}\n\n\treturn null;\n}\n\n/**\n * Create a render function for icons.\n * Useful for rendering icons in table cells or list items.\n *\n * @param registry - Custom component registry\n * @returns Function that renders an icon from a ComponentReference\n */\nexport function createIconRenderer(registry?: ComponentRendererRegistry) {\n\treturn (\n\t\ticon:\n\t\t\t| ComponentReference\n\t\t\t| React.ComponentType<any>\n\t\t\t| string\n\t\t\t| undefined\n\t\t\t| null,\n\t\tprops?: Record<string, unknown>,\n\t): React.ReactNode => {\n\t\tif (!icon) return null;\n\n\t\treturn resolveIconElement(icon, props, registry);\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,YAAY,EAC3B,MACA,MACA,WACA,SACwC;AACxC,QACC,oBAAC;EACA,MAAM;EACN,OAAO;EACP,QAAQ;EACG;EACJ;GACN;;;;;AA6BJ,SAAgB,MAAM,EACrB,MACA,QAAQ,WACR,aACkC;CAClC,MAAMA,eAAuC;EAC5C,SAAS;EACT,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;EACT,SAAS;EACT;AAED,QACC,oBAAC;EACA,WAAW,yEAAyE,aAAa,UAAU,aAAa,QAAQ,GAAG,aAAa;YAE/I;GACK;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DT,SAAgB,kBAAkB,EACjC,WACA,UACA,WAAW,MACX,mBAC2C;AAC3C,KAAI,CAAC,UACJ,QAAO;CAIR,MAAM,kBADQ,cAAc,YAAY,EAE/B,iBAAiB,IAA8C,EAAE;CAC1E,MAAM,iBAAiB,YAAY;CACnC,MAAM,YAAY,eAAe,UAAU;AAE3C,KAAI,CAAC,WAAW;AACf,MAAI,QAAQ,IAAI,aAAa,cAC5B,SAAQ,KACP,gDAAgD,UAAU,KAAK,sBAC1C,OAAO,KAAK,eAAe,CAAC,KAAK,KAAK,GAC3D;AAEF,SAAO;;AAGR,QAAO,oBAAC;EAAU,GAAI,UAAU;EAAO,GAAI;GAAmB;;;;;AAU/D,SAAgB,qBACf,OAC8B;AAC9B,QACC,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACV,WAAW,SACX,OAAQ,MAAc,SAAS,YAC/B,OAAQ,MAAc,UAAU;;;;;;;;;;AAYlC,SAAgB,mBACf,MAMA,OACA,UACkB;AAClB,KAAI,CAAC,KACJ,QAAO;AAIR,KAAI,qBAAqB,KAAK,CAC7B,QACC,oBAAC;EACA,WAAW;EACX,iBAAiB;EACP;GACT;AAKJ,KAAI,OAAO,SAAS,SACnB,QACC,oBAAC;EACA,WAAW;GAAE,MAAM;GAAQ,OAAO,EAAE,MAAM,MAAM;GAAE;EAClD,iBAAiB;EACP;GACT;AAKJ,KAAI,OAAO,SAAS,WAEnB,QAAO,oBADe,QACA,GAAI,QAAS;AAIpC,KAAI,OAAO,SAAS,YAAYC,QAAM,eAAe,KAAK,CACzD,QAAO;AAGR,QAAO;;;;;;;;;AAUR,SAAgB,mBAAmB,UAAsC;AACxE,SACC,MAMA,UACqB;AACrB,MAAI,CAAC,KAAM,QAAO;AAElB,SAAO,mBAAmB,MAAM,OAAO,SAAS"}