@wallarm-org/gen-ui 0.0.0-stage → 0.1.0

package/dist/render/ChartSkeleton.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from 'react';
+/** The chart card with its title (or a title-sized bar) and a skeleton body. */
+export declare const ChartSkeleton: FC<{
+    title?: string;
+    children?: ReactNode;
+}>;

package/dist/render/ChartSkeleton.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chart, ChartHeader, ChartTitle } from "@wallarm-org/design-system/SimpleCharts";
+import { Skeleton } from "@wallarm-org/design-system/Skeleton";
+const ChartSkeleton = ({ title, children })=>/*#__PURE__*/ jsxs(Chart, {
+        className: "h-full",
+        children: [
+            /*#__PURE__*/ jsx(ChartHeader, {
+                children: title ? /*#__PURE__*/ jsx(ChartTitle, {
+                    children: title
+                }) : /*#__PURE__*/ jsx(Skeleton, {
+                    width: "96px",
+                    height: "12px",
+                    transparent: false
+                })
+            }),
+            children ?? /*#__PURE__*/ jsx("div", {
+                className: "p-12",
+                children: /*#__PURE__*/ jsx(Skeleton, {
+                    width: "100%",
+                    height: "180px",
+                    transparent: false
+                })
+            })
+        ]
+    });
+export { ChartSkeleton };

package/dist/render/GuardedView.d.ts

@@ -0,0 +1,18 @@
+import type { FC, ReactNode } from 'react';
+import type { GenUiComponent } from '../core/define.js';
+interface GuardedViewProps {
+    component: GenUiComponent;
+    /** The props as the format resolved them: untrusted, and possibly incomplete mid-stream. */
+    props: unknown;
+    emit: (event: string) => void;
+    children?: ReactNode;
+}
+/**
+ * Renders a component only with props that match its schema. Neither format validates props
+ * before rendering, and a View can't defend against every value a model may send (an enum value
+ * the DS lacks, a missing required field). A props object that fails holds the component's
+ * skeleton instead: mid-stream that is a binding whose data hasn't arrived yet, at the end a
+ * mistake in the answer (the reasons are in the skeleton's tooltip).
+ */
+export declare const GuardedView: FC<GuardedViewProps>;
+export {};

package/dist/render/GuardedView.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { isRecord } from "../core/guards.js";
+import { Placeholder } from "./Placeholder.js";
+const GuardedView = ({ component, props, emit, children })=>{
+    const parsed = component.props.safeParse(props);
+    if (!parsed.success) {
+        const { Skeleton } = component;
+        const title = isRecord(props) && 'string' == typeof props.title ? props.title : void 0;
+        return /*#__PURE__*/ jsx(Placeholder, {
+            id: component.name,
+            detail: parsed.error.issues.map((i)=>`${i.path.join('.') || '(props)'}: ${i.message}`),
+            children: Skeleton && /*#__PURE__*/ jsx(Skeleton, {
+                title: title
+            })
+        });
+    }
+    const { View } = component;
+    return /*#__PURE__*/ jsx(View, {
+        props: parsed.data,
+        emit: emit,
+        children: children
+    });
+};
+export { GuardedView };

package/dist/render/Placeholder.d.ts

@@ -0,0 +1,16 @@
+import type { FC, ReactNode } from 'react';
+interface PlaceholderProps {
+    /** The agent's id, or the component type: for tests and debugging, never shown. */
+    id: string;
+    /** Why it isn't renderable yet (schema issues), in the tooltip. */
+    detail?: readonly string[];
+    /** A skeleton shaped like the component; default a plain block. */
+    children?: ReactNode;
+}
+/**
+ * Stands in for a part that isn't renderable yet, so a streaming layout keeps its shape: a child
+ * the agent named but hasn't sent, or a component whose props don't match its schema yet (data
+ * still on its way, or a mistake).
+ */
+export declare const Placeholder: FC<PlaceholderProps>;
+export {};

package/dist/render/Placeholder.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Skeleton } from "@wallarm-org/design-system/Skeleton";
+const Placeholder = ({ id, detail, children })=>/*#__PURE__*/ jsx("div", {
+        "data-gen-ui-placeholder": id,
+        "aria-busy": "true",
+        title: detail?.join('\n'),
+        className: "h-full w-full min-w-0",
+        children: children ?? /*#__PURE__*/ jsx(Skeleton, {
+            width: "100%",
+            height: "96px",
+            rounded: 12,
+            transparent: false
+        })
+    });
+export { Placeholder };

package/dist/render/SurfaceBoundary.d.ts

@@ -0,0 +1,15 @@
+import { Component, type ReactNode } from 'react';
+/** Agent output is untrusted: a View that throws on it blanks its own surface, not the chat. */
+export declare class SurfaceBoundary extends Component<{
+    children: ReactNode;
+}, {
+    failed: boolean;
+}> {
+    state: {
+        failed: boolean;
+    };
+    static getDerivedStateFromError(): {
+        failed: boolean;
+    };
+    render(): ReactNode;
+}

package/dist/render/SurfaceBoundary.js

@@ -0,0 +1,15 @@
+import { Component } from "react";
+class SurfaceBoundary extends Component {
+    state = {
+        failed: false
+    };
+    static getDerivedStateFromError() {
+        return {
+            failed: true
+        };
+    }
+    render() {
+        return this.state.failed ? null : this.props.children;
+    }
+}
+export { SurfaceBoundary };

package/dist/render/warn.d.ts

@@ -0,0 +1 @@
+export declare const warn: (...args: any[]) => void;

package/dist/render/warn.js

@@ -0,0 +1,2 @@
+const warn = console.warn.bind(console, '[gen-ui]');
+export { warn };

package/package.json

@@ -1,6 +1,96 @@
 {
   "name": "@wallarm-org/gen-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Generative UI catalog for the Wallarm Design System: one component definition, rendered from A2UI, json-render and OpenUI",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wallarm/design-system.git",
+    "directory": "packages/gen-ui"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": "Wallarm",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./a2ui": {
+      "types": "./dist/a2ui/index.d.ts",
+      "default": "./dist/a2ui/index.js"
+    },
+    "./a2ui/express": {
+      "types": "./dist/a2ui/express.d.ts",
+      "default": "./dist/a2ui/express.js"
+    },
+    "./a2ui/prompt": {
+      "types": "./dist/a2ui/prompt.d.ts",
+      "default": "./dist/a2ui/prompt.js"
+    },
+    "./json-render": {
+      "types": "./dist/json-render/index.d.ts",
+      "default": "./dist/json-render/index.js"
+    },
+    "./openui": {
+      "types": "./dist/openui/index.d.ts",
+      "default": "./dist/openui/index.js"
+    },
+    "./fixtures": {
+      "types": "./dist/fixtures/index.d.ts",
+      "default": "./dist/fixtures/index.js"
+    },
+    "./playground": {
+      "types": "./dist/playground/index.d.ts",
+      "default": "./dist/playground/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "rstest watch",
+    "test:run": "rstest run",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "prepare-publish",
+    "postpublish": "restore-package"
+  },
+  "dependencies": {
+    "@a2ui/agent": "0.1.0",
+    "@a2ui/react": "0.15.0",
+    "@a2ui/web_core": "0.15.0",
+    "@json-render/core": "0.22.0",
+    "@json-render/react": "0.22.0",
+    "@openuidev/react-lang": "1.1.0"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "catalog:",
+    "@rslib/core": "catalog:",
+    "@rstest/core": "catalog:",
+    "@testing-library/react": "catalog:",
+    "@testing-library/user-event": "catalog:",
+    "@types/node": "catalog:",
+    "@types/prismjs": "1.26.6",
+    "@types/react": "catalog:",
+    "@wallarm-org/design-system": "workspace:*",
+    "@wallarm-org/publish-scripts": "workspace:*",
+    "@wallarm-org/rstest-config": "workspace:*",
+    "@wallarm-org/typescript-config": "workspace:*",
+    "jsdom": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "typescript": "catalog:",
+    "zod": "catalog:"
+  },
+  "peerDependencies": {
+    "@wallarm-org/design-system": ">=4.14.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "zod": "^4.0.0"
+  }
+}