@bettercms-ai/kit 0.1.1 → 2.0.0

package/dist/engine/slot.js

@@ -0,0 +1,216 @@
+import { cn } from "../lib/cn.js";
+import { useForm } from "../context.js";
+import { ensureKeys, isObj, itemId, pathKey } from "../lib/path.js";
+import { KitIcon } from "../lib/icons.js";
+import { Button } from "../ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay.js";
+import { newBlock, slotAllow, slotRowOf } from "../lib/schema.js";
+import { FieldShell } from "./field-shell.js";
+import { RowList, useDrill, useListOps } from "./array.js";
+import { useFieldAccess } from "./kit-field.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconPlus, IconSearch } from "@tabler/icons-react";
+//#region src/engine/slot.tsx
+/**
+* SLOTS — blocks inside blocks (tabs, columns, bento, carousels, mega-menu panels; V2 HEAD 9829bf1 kit/engine/slot.tsx).
+* Rows show the block icon, its name and a variant chip; "+ Add block" opens a compact, searchable block picker;
+* opening a row drills into THAT block's own schema (resolved with `resolveSchema(blockType)`).
+*
+* Drill rows call the RowsHostContext frame push (see array.tsx); with nothing to draw the frame they are inert.
+*/
+function SlotField({ field, path }) {
+	const form = useForm();
+	const drill = useDrill();
+	const id = React.useId();
+	const { readOnly } = useFieldAccess(field);
+	const key = pathKey(path);
+	const value = form.getAt(path);
+	const list = Array.isArray(value) ? value : [];
+	const write = (next) => form.setAt(path, ensureKeys(next));
+	const ops = useListOps(field, path, list, write, (i) => drill?.([...path, i]));
+	const available = useAvailableBlocks(field);
+	const rows = list.map((it, i) => {
+		const type = isObj(it) && typeof it._type === "string" ? it._type : "";
+		return {
+			id: itemId(it, i),
+			index: i,
+			item: it,
+			path: [...path, i],
+			...slotRowOf(form.resolveSchema?.(type), it, i, list.length, field.slotSettings)
+		};
+	});
+	return /* @__PURE__ */ jsx(FieldShell, {
+		field,
+		path,
+		id,
+		value: list,
+		onChange: (v) => form.setAt(path, v),
+		readOnly,
+		issue: form.visibleIssue(key),
+		meta: /* @__PURE__ */ jsxs("span", {
+			className: "text-kit-xs text-kit-fg-3",
+			children: [
+				list.length,
+				" ",
+				list.length === 1 ? "block" : "blocks",
+				field.validation?.max != null ? ` · max ${field.validation.max}` : ""
+			]
+		}),
+		children: /* @__PURE__ */ jsx(RowList, {
+			field,
+			rows,
+			readOnly,
+			layout: "list",
+			mode: "drill",
+			openId: null,
+			onOpen: drill && ((r) => drill(r.path)),
+			onCloseInline: () => {},
+			ops,
+			renderInline: () => null,
+			leading: (r) => /* @__PURE__ */ jsx("span", {
+				className: "flex size-7 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2 shadow-kit-xs",
+				children: /* @__PURE__ */ jsx(KitIcon, {
+					name: r.preview.icon,
+					className: "size-4"
+				})
+			}),
+			emptyLabel: "No blocks yet. Add one to start composing.",
+			addButton: /* @__PURE__ */ jsx(BlockPicker, {
+				blocks: available,
+				disabled: readOnly || ops.atMax,
+				onPick: (b) => ops.add(newBlock(b, field.slotSettings))
+			})
+		})
+	});
+}
+/** Blocks this slot accepts: its allow list resolved through `resolveSchema`, else the whole block library. */
+function useAvailableBlocks(field) {
+	const form = useForm();
+	const allow = slotAllow(field);
+	return React.useMemo(() => {
+		const lib = form.blockLibrary ?? [];
+		if (!allow?.length) return lib;
+		return allow.map((t) => lib.find((b) => b.name === t) ?? form.resolveSchema?.(t)).filter((b) => !!b);
+	}, [
+		allow?.join("|"),
+		form.blockLibrary,
+		form.resolveSchema
+	]);
+}
+function BlockPicker({ blocks, onPick, disabled, label = "Add block" }) {
+	const [open, setOpen] = React.useState(false);
+	const [q, setQ] = React.useState("");
+	const [active, setActive] = React.useState(0);
+	const list = blocks.filter((b) => !q || `${b.title} ${b.category ?? ""} ${b.description ?? ""}`.toLowerCase().includes(q.toLowerCase()));
+	const cats = Array.from(new Set(list.map((b) => b.category ?? "Blocks")));
+	const flat = cats.flatMap((c) => list.filter((b) => (b.category ?? "Blocks") === c));
+	const pick = (b) => {
+		onPick(b);
+		setOpen(false);
+		setQ("");
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (o) => {
+			setOpen(o);
+			setQ("");
+			setActive(0);
+		},
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			render: /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "ghost",
+				className: "text-kit-fg-2",
+				leftIcon: /* @__PURE__ */ jsx(IconPlus, { stroke: 1.5 }),
+				disabled
+			}),
+			children: label
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
+			className: "w-[300px] p-0",
+			align: "start",
+			children: [
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex h-10 items-center gap-2 border-b border-kit-line px-3 text-kit-fg-3",
+					onKeyDown: (e) => {
+						if (e.key === "ArrowDown") {
+							e.preventDefault();
+							setActive((a) => (a + 1) % Math.max(1, flat.length));
+						}
+						if (e.key === "ArrowUp") {
+							e.preventDefault();
+							setActive((a) => (a - 1 + flat.length) % Math.max(1, flat.length));
+						}
+						if (e.key === "Enter" && flat[active]) {
+							e.preventDefault();
+							pick(flat[active]);
+						}
+					},
+					children: [/* @__PURE__ */ jsx(IconSearch, {
+						className: "size-4 shrink-0",
+						stroke: 1.5
+					}), /* @__PURE__ */ jsx("input", {
+						autoFocus: true,
+						value: q,
+						onChange: (e) => {
+							setQ(e.target.value);
+							setActive(0);
+						},
+						placeholder: "Search blocks",
+						"aria-label": "Search blocks",
+						className: "h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "max-h-80 overflow-y-auto p-1",
+					role: "listbox",
+					children: [flat.length === 0 ? /* @__PURE__ */ jsx("p", {
+						className: "px-3 py-6 text-center text-kit-sm text-kit-fg-3",
+						children: "No blocks match"
+					}) : null, cats.map((c) => /* @__PURE__ */ jsxs("div", {
+						className: "pb-1",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "px-2 pb-1 pt-1.5 text-kit-2xs font-medium text-kit-fg-3",
+							children: c
+						}), list.filter((b) => (b.category ?? "Blocks") === c).map((b) => {
+							const i = flat.indexOf(b);
+							return /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								role: "option",
+								"aria-selected": i === active,
+								onMouseEnter: () => setActive(i),
+								onClick: () => pick(b),
+								className: cn("flex w-full items-center gap-2.5 rounded-kit-md p-1.5 text-left", i === active && "bg-kit-hover"),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-surface text-kit-fg-2 shadow-kit-xs",
+									children: /* @__PURE__ */ jsx(KitIcon, {
+										name: b.icon,
+										className: "size-4"
+									})
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "block truncate text-kit-sm text-kit-fg",
+										children: b.title
+									}), b.description ? /* @__PURE__ */ jsx("span", {
+										className: "block truncate text-kit-xs text-kit-fg-3",
+										children: b.description
+									}) : null]
+								})]
+							}, b.name);
+						})]
+					}, c))]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					"data-hint": "shortcuts",
+					className: "border-t border-kit-line px-3 py-1.5 text-kit-2xs text-kit-fg-3",
+					children: "↵ add · type to search"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { BlockPicker, SlotField, useAvailableBlocks };
+
+//# sourceMappingURL=slot.js.map

package/dist/engine/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","names":[],"sources":["../../src/engine/slot.tsx"],"sourcesContent":["/**\n * SLOTS — blocks inside blocks (tabs, columns, bento, carousels, mega-menu panels; V2 HEAD 9829bf1 kit/engine/slot.tsx).\n * Rows show the block icon, its name and a variant chip; \"+ Add block\" opens a compact, searchable block picker;\n * opening a row drills into THAT block's own schema (resolved with `resolveSchema(blockType)`).\n *\n * Drill rows call the RowsHostContext frame push (see array.tsx); with nothing to draw the frame they are inert.\n */\nimport * as React from \"react\";\nimport { IconPlus, IconSearch } from \"@tabler/icons-react\";\nimport { KitIcon } from \"../lib/icons\";\nimport { Button } from \"../ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay\";\nimport { cn } from \"../lib/cn\";\nimport type { FieldPath, FieldSchema, TypeSchema } from \"../schema/types\";\nimport { useForm } from \"../context\";\nimport { ensureKeys, isObj, itemId, pathKey } from \"../lib/path\";\nimport { newBlock, slotAllow, slotRowOf } from \"../lib/schema\";\nimport { RowList, useDrill, useListOps, type RowModel } from \"./array\";\nimport { FieldShell } from \"./field-shell\";\nimport { useFieldAccess } from \"./kit-field\";\n\nexport function SlotField({ field, path }: { field: FieldSchema; path: FieldPath }) {\n  const form = useForm()!;\n  const drill = useDrill();\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  const key = pathKey(path);\n  const value = form.getAt(path);\n  const list = Array.isArray(value) ? value : [];\n  const write = (next: unknown[]) => form.setAt(path, ensureKeys(next));\n  const ops = useListOps(field, path, list, write, (i) => drill?.([...path, i]));\n  const available = useAvailableBlocks(field);\n  const rows: RowModel[] = list.map((it, i) => {\n    const type = isObj(it) && typeof it._type === \"string\" ? it._type : \"\";\n    return { id: itemId(it, i), index: i, item: it, path: [...path, i], ...slotRowOf(form.resolveSchema?.(type), it, i, list.length, field.slotSettings) };\n  });\n  return (\n    <FieldShell\n      field={field}\n      path={path}\n      id={id}\n      value={list}\n      onChange={(v) => form.setAt(path, v)}\n      readOnly={readOnly}\n      issue={form.visibleIssue(key)}\n      meta={<span className=\"text-kit-xs text-kit-fg-3\">{list.length} {list.length === 1 ? \"block\" : \"blocks\"}{field.validation?.max != null ? ` · max ${field.validation.max}` : \"\"}</span>}\n    >\n      <RowList\n        field={field}\n        rows={rows}\n        readOnly={readOnly}\n        layout=\"list\"\n        mode=\"drill\"\n        openId={null}\n        onOpen={drill && ((r) => drill(r.path))}\n        onCloseInline={() => {}}\n        ops={ops}\n        renderInline={() => null}\n        leading={(r) => (\n          <span className=\"flex size-7 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2 shadow-kit-xs\">\n            <KitIcon name={r.preview.icon} className=\"size-4\" />\n          </span>\n        )}\n        emptyLabel=\"No blocks yet. Add one to start composing.\"\n        addButton={<BlockPicker blocks={available} disabled={readOnly || ops.atMax} onPick={(b) => ops.add(newBlock(b, field.slotSettings))} />}\n      />\n    </FieldShell>\n  );\n}\n\n/** Blocks this slot accepts: its allow list resolved through `resolveSchema`, else the whole block library. */\nexport function useAvailableBlocks(field: FieldSchema): TypeSchema[] {\n  const form = useForm()!;\n  const allow = slotAllow(field);\n  return React.useMemo(() => {\n    const lib = form.blockLibrary ?? [];\n    if (!allow?.length) return lib;\n    return allow.map((t) => lib.find((b) => b.name === t) ?? form.resolveSchema?.(t)).filter((b): b is TypeSchema => !!b);\n  }, [allow?.join(\"|\"), form.blockLibrary, form.resolveSchema]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nexport function BlockPicker({ blocks, onPick, disabled, label = \"Add block\" }: { blocks: TypeSchema[]; onPick: (b: TypeSchema) => void; disabled?: boolean; label?: string }) {\n  const [open, setOpen] = React.useState(false);\n  const [q, setQ] = React.useState(\"\");\n  const [active, setActive] = React.useState(0);\n  const list = blocks.filter((b) => !q || `${b.title} ${b.category ?? \"\"} ${b.description ?? \"\"}`.toLowerCase().includes(q.toLowerCase()));\n  const cats = Array.from(new Set(list.map((b) => b.category ?? \"Blocks\")));\n  const flat = cats.flatMap((c) => list.filter((b) => (b.category ?? \"Blocks\") === c));\n  const pick = (b: TypeSchema) => {\n    onPick(b);\n    setOpen(false);\n    setQ(\"\");\n  };\n  return (\n    <Popover open={open} onOpenChange={(o) => { setOpen(o); setQ(\"\"); setActive(0); }}>\n      <PopoverTrigger render={<Button size=\"sm\" variant=\"ghost\" className=\"text-kit-fg-2\" leftIcon={<IconPlus stroke={1.5} />} disabled={disabled} />}>{label}</PopoverTrigger>\n      <PopoverContent className=\"w-[300px] p-0\" align=\"start\">\n        <label\n          className=\"flex h-10 items-center gap-2 border-b border-kit-line px-3 text-kit-fg-3\"\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\") { e.preventDefault(); setActive((a) => (a + 1) % Math.max(1, flat.length)); }\n            if (e.key === \"ArrowUp\") { e.preventDefault(); setActive((a) => (a - 1 + flat.length) % Math.max(1, flat.length)); }\n            if (e.key === \"Enter\" && flat[active]) { e.preventDefault(); pick(flat[active]); }\n          }}\n        >\n          <IconSearch className=\"size-4 shrink-0\" stroke={1.5} />\n          <input autoFocus value={q} onChange={(e) => { setQ(e.target.value); setActive(0); }} placeholder=\"Search blocks\" aria-label=\"Search blocks\" className=\"h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3\" />\n        </label>\n        <div className=\"max-h-80 overflow-y-auto p-1\" role=\"listbox\">\n          {flat.length === 0 ? <p className=\"px-3 py-6 text-center text-kit-sm text-kit-fg-3\">No blocks match</p> : null}\n          {cats.map((c) => (\n            <div key={c} className=\"pb-1\">\n              <div className=\"px-2 pb-1 pt-1.5 text-kit-2xs font-medium text-kit-fg-3\">{c}</div>\n              {list.filter((b) => (b.category ?? \"Blocks\") === c).map((b) => {\n                const i = flat.indexOf(b);\n                return (\n                  <button\n                    key={b.name}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={i === active}\n                    onMouseEnter={() => setActive(i)}\n                    onClick={() => pick(b)}\n                    className={cn(\"flex w-full items-center gap-2.5 rounded-kit-md p-1.5 text-left\", i === active && \"bg-kit-hover\")}\n                  >\n                    <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-surface text-kit-fg-2 shadow-kit-xs\">\n                      <KitIcon name={b.icon} className=\"size-4\" />\n                    </span>\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"block truncate text-kit-sm text-kit-fg\">{b.title}</span>\n                      {b.description ? <span className=\"block truncate text-kit-xs text-kit-fg-3\">{b.description}</span> : null}\n                    </span>\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n        <div data-hint=\"shortcuts\" className=\"border-t border-kit-line px-3 py-1.5 text-kit-2xs text-kit-fg-3\">↵ add · type to search</div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}