@ai-gui/plugin-primitives 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Liang Li
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# @ai-gui/plugin-primitives
+
+Primitive UI-block plugin for [AIGUI](../../README.md). Adds four structured, data-driven blocks the model can emit as fenced JSON: `list`, `table`, `key-value`, and `layout`.
+
+## Install
+
+```sh
+pnpm add @ai-gui/plugin-primitives
+```
+
+## Usage
+
+```tsx
+import { primitives } from "@ai-gui/plugin-primitives"
+import { AIRenderer } from "@ai-gui/react"
+
+<AIRenderer plugins={[primitives()]} />
+```
+
+The model emits, e.g.:
+
+    ```table {"headers":["City","°C"],"rows":[["Tokyo",24],["Oslo",9]]}```
+    ```list {"items":["one","two","three"]}```
+    ```key-value {"pairs":{"status":"ok","count":3}}```
+    ```layout {"direction":"row","items":[...]}```
+
+## Exports
+
+- `primitives()` — the plugin.
+- `primitivesPromptSpec()` — the prompt-spec string describing these blocks (also folded in automatically by `buildSystemPrompt` when the plugin is passed).
+
+See the [root README](../../README.md) for the full plugin list.

package/dist/index.cjs

@@ -0,0 +1,87 @@
+"use strict";
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const __ai_gui_core = __toESM(require("@ai-gui/core"));
+
+//#region src/index.ts
+const el = (tag, props, children) => ({
+	kind: "element",
+	tag,
+	props,
+	children
+});
+const text = (s) => ({
+	kind: "html",
+	html: escapeHtml(s)
+});
+function escapeHtml(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function data(node) {
+	return (0, __ai_gui_core.parsePartialJSON)(node.content ?? "").data ?? {};
+}
+function renderList(node) {
+	const items = data(node).items ?? [];
+	return el("ul", { "data-aigui-primitive": "list" }, items.map((i) => el("li", void 0, [text(String(i))])));
+}
+function renderKeyValue(node) {
+	const pairs = data(node).pairs ?? {};
+	return el("dl", { "data-aigui-primitive": "key-value" }, Object.entries(pairs).flatMap(([k, v]) => [el("dt", void 0, [text(k)]), el("dd", void 0, [text(String(v))])]));
+}
+function renderTable(node) {
+	const d = data(node);
+	const headers = d.headers ?? [];
+	const rows = d.rows ?? [];
+	const thead = el("thead", void 0, [el("tr", void 0, headers.map((h) => el("th", void 0, [text(String(h))])))]);
+	const tbody = el("tbody", void 0, rows.map((r) => el("tr", void 0, (r ?? []).map((c) => el("td", void 0, [text(String(c))])))));
+	return el("table", { "data-aigui-primitive": "table" }, [thead, tbody]);
+}
+function renderLayout(node) {
+	const d = data(node);
+	const dir = d.direction === "row" ? "row" : "column";
+	const items = d.items ?? [];
+	return el("div", {
+		"data-aigui-primitive": "layout",
+		style: `display:flex;flex-direction:${dir}`
+	}, items.map((i) => el("div", void 0, [text(String(i))])));
+}
+function primitivesPromptSpec() {
+	return ["Primitive UI blocks (fenced): ```list {\"items\":[...]}```; ```table {\"headers\":[...],\"rows\":[[...]]}```;", "```key-value {\"pairs\":{\"k\":\"v\"}}```; ```layout {\"direction\":\"row|column\",\"items\":[...]}```."].join("\n");
+}
+function primitives() {
+	return {
+		name: "primitives",
+		nodeRenderers: {
+			list: renderList,
+			"key-value": renderKeyValue,
+			table: renderTable,
+			layout: renderLayout
+		},
+		promptSpec: primitivesPromptSpec()
+	};
+}
+
+//#endregion
+exports.primitives = primitives
+exports.primitivesPromptSpec = primitivesPromptSpec

package/dist/index.d.cts

@@ -0,0 +1,8 @@
+import { AIGuiPlugin } from "@ai-gui/core";
+
+//#region src/index.d.ts
+declare function primitivesPromptSpec(): string;
+declare function primitives(): AIGuiPlugin;
+
+//#endregion
+export { primitives, primitivesPromptSpec };

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { AIGuiPlugin } from "@ai-gui/core";
+
+//#region src/index.d.ts
+declare function primitivesPromptSpec(): string;
+declare function primitives(): AIGuiPlugin;
+
+//#endregion
+export { primitives, primitivesPromptSpec };

package/dist/index.js

@@ -0,0 +1,62 @@
+import { parsePartialJSON } from "@ai-gui/core";
+
+//#region src/index.ts
+const el = (tag, props, children) => ({
+	kind: "element",
+	tag,
+	props,
+	children
+});
+const text = (s) => ({
+	kind: "html",
+	html: escapeHtml(s)
+});
+function escapeHtml(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function data(node) {
+	return parsePartialJSON(node.content ?? "").data ?? {};
+}
+function renderList(node) {
+	const items = data(node).items ?? [];
+	return el("ul", { "data-aigui-primitive": "list" }, items.map((i) => el("li", void 0, [text(String(i))])));
+}
+function renderKeyValue(node) {
+	const pairs = data(node).pairs ?? {};
+	return el("dl", { "data-aigui-primitive": "key-value" }, Object.entries(pairs).flatMap(([k, v]) => [el("dt", void 0, [text(k)]), el("dd", void 0, [text(String(v))])]));
+}
+function renderTable(node) {
+	const d = data(node);
+	const headers = d.headers ?? [];
+	const rows = d.rows ?? [];
+	const thead = el("thead", void 0, [el("tr", void 0, headers.map((h) => el("th", void 0, [text(String(h))])))]);
+	const tbody = el("tbody", void 0, rows.map((r) => el("tr", void 0, (r ?? []).map((c) => el("td", void 0, [text(String(c))])))));
+	return el("table", { "data-aigui-primitive": "table" }, [thead, tbody]);
+}
+function renderLayout(node) {
+	const d = data(node);
+	const dir = d.direction === "row" ? "row" : "column";
+	const items = d.items ?? [];
+	return el("div", {
+		"data-aigui-primitive": "layout",
+		style: `display:flex;flex-direction:${dir}`
+	}, items.map((i) => el("div", void 0, [text(String(i))])));
+}
+function primitivesPromptSpec() {
+	return ["Primitive UI blocks (fenced): ```list {\"items\":[...]}```; ```table {\"headers\":[...],\"rows\":[[...]]}```;", "```key-value {\"pairs\":{\"k\":\"v\"}}```; ```layout {\"direction\":\"row|column\",\"items\":[...]}```."].join("\n");
+}
+function primitives() {
+	return {
+		name: "primitives",
+		nodeRenderers: {
+			list: renderList,
+			"key-value": renderKeyValue,
+			table: renderTable,
+			layout: renderLayout
+		},
+		promptSpec: primitivesPromptSpec()
+	};
+}
+
+//#endregion
+export { primitives, primitivesPromptSpec };

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@ai-gui/plugin-primitives",
+  "version": "0.1.0",
+  "description": "Framework-neutral primitive UI cards (list/table/key-value/layout) for AIGUI.",
+  "keywords": [
+    "llm",
+    "ai",
+    "streaming",
+    "markdown",
+    "cards",
+    "table",
+    "list",
+    "primitives",
+    "plugin",
+    "aigui"
+  ],
+  "license": "MIT",
+  "author": "Liang Li <ll_faw@hotmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/liliang-cn/aigui.git",
+    "directory": "packages/plugin-primitives"
+  },
+  "homepage": "https://github.com/liliang-cn/aigui#readme",
+  "bugs": "https://github.com/liliang-cn/aigui/issues",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ai-gui/core": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit"
+  }
+}