@gravity-platform/unoverse-react 0.0.1

package/dist/index.cjs

@@ -0,0 +1,179 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  StreamedUnoverseComponent: () => StreamedUnoverseComponent,
+  UnoverseComponent: () => UnoverseComponent,
+  renderNode: () => renderNode,
+  useUnoverseInstance: () => useUnoverseInstance
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/UnoverseComponent.tsx
+var import_react = require("react");
+
+// src/tokens.ts
+var spacing = {
+  xs: "4px",
+  sm: "12px",
+  md: "16px",
+  lg: "24px",
+  xl: "32px"
+};
+var colors = {
+  "text-primary": "#111827",
+  "text-secondary": "#4b5563",
+  muted: "#6b7280",
+  surface: "#ffffff"
+};
+var fonts = {
+  "headline-sm": { fontSize: "1.25rem", lineHeight: 1.3 },
+  title: { fontSize: "1.125rem", lineHeight: 1.3 },
+  "body-md": { fontSize: "1rem", lineHeight: 1.6 },
+  body: { fontSize: "1rem", lineHeight: 1.6 }
+};
+var shadows = {
+  lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)"
+};
+var radii = { sm: "4px", md: "8px", lg: "12px" };
+var borders = { subtle: "1px solid #e5e7eb" };
+function buttonStyle(variant = "primary") {
+  const base = {
+    border: "none",
+    cursor: "pointer",
+    fontWeight: 600,
+    padding: "12px 24px",
+    borderRadius: radii.sm
+  };
+  if (variant === "primary") return { ...base, background: "#d81e2c", color: "#ffffff" };
+  if (variant === "outline") return { ...base, background: "transparent", border: "2px solid #d81e2c", color: "#d81e2c" };
+  return base;
+}
+
+// src/render.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function styleToCss(s = {}) {
+  const css = {};
+  const dim = (v) => v === "full" ? "100%" : v;
+  if (s.width != null) css.width = dim(s.width);
+  if (s.height != null) css.height = dim(s.height);
+  if (s.direction) {
+    css.display = "flex";
+    css.flexDirection = s.direction;
+  }
+  if (s.gap) css.gap = spacing[s.gap] ?? s.gap;
+  if (s.padding) css.padding = spacing[s.padding] ?? s.padding;
+  if (s.align) css.alignItems = s.align === "start" ? "flex-start" : s.align;
+  if (s.justify) css.justifyContent = s.justify;
+  if (s.background) css.background = colors[s.background] ?? s.background;
+  if (s.border) css.border = borders[s.border] ?? s.border;
+  if (s.shadow) css.boxShadow = shadows[s.shadow] ?? s.shadow;
+  if (s.radius) css.borderRadius = radii[s.radius] ?? s.radius;
+  if (s.overflow) css.overflow = s.overflow;
+  if (s.fit) css.objectFit = s.fit;
+  if (s.font && fonts[s.font]) Object.assign(css, fonts[s.font]);
+  if (s.weight === "semibold") css.fontWeight = 600;
+  if (s.color) css.color = colors[s.color] ?? s.color;
+  return css;
+}
+function bound(field, data) {
+  return field ? data[field] : void 0;
+}
+function renderNode(node, data, onAction, key) {
+  if (node.visibleWhen) {
+    const v = data[node.visibleWhen];
+    if (v == null || v === "" || v === false) return null;
+  }
+  const style = styleToCss(node.style);
+  const kids = (node.children ?? []).map((c, i) => renderNode(c, data, onAction, i));
+  switch (node.type) {
+    case "Box":
+    case "Stack":
+    case "Row":
+    case "Column":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style, children: kids }, key);
+    case "Text":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style, children: bound(node.bind?.value, data) }, key);
+    case "Image":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style, src: bound(node.bind?.src, data), alt: bound(node.bind?.alt, data) ?? "" }, key);
+    case "Button":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          style: { ...buttonStyle(node.style?.variant), ...style },
+          onClick: () => onAction?.(node.action ?? "click", data),
+          children: bound(node.bind?.label, data)
+        },
+        key
+      );
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style, "data-unoverse-unknown": node.type, children: kids }, key);
+  }
+}
+
+// src/UnoverseComponent.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function UnoverseComponent({ client, uri, data, onAction }) {
+  const [def, setDef] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    let alive = true;
+    setDef(null);
+    setError(null);
+    client.readDefinition(uri).then((d) => alive && setDef(d)).catch((e) => alive && setError(String(e?.message ?? e)));
+    return () => {
+      alive = false;
+    };
+  }, [client, uri]);
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { color: "#d81e2c", fontSize: 13 }, children: [
+    "Unoverse error: ",
+    error
+  ] });
+  if (!def) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { color: "#9ca3af", fontSize: 13 }, children: [
+    "Loading ",
+    uri,
+    "\u2026"
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderNode(def.root, data ?? {}, onAction) });
+}
+
+// src/streamed.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function useUnoverseInstance(store, chatId, nodeId) {
+  const subscribe = (0, import_react2.useCallback)((cb) => store.subscribe(cb), [store]);
+  const getVersion = (0, import_react2.useCallback)(() => store.getVersion(), [store]);
+  (0, import_react2.useSyncExternalStore)(subscribe, getVersion);
+  return { type: store.getType(chatId, nodeId), data: store.get(chatId, nodeId) };
+}
+function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }) {
+  const { type, data } = useUnoverseInstance(store, chatId, nodeId);
+  if (!type) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: "#9ca3af", fontSize: 13 }, children: "waiting for COMPONENT_INIT\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(UnoverseComponent, { client, uri: `unoverse://components/${type}`, data, onAction });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StreamedUnoverseComponent,
+  UnoverseComponent,
+  renderNode,
+  useUnoverseInstance
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/UnoverseComponent.tsx","../src/tokens.ts","../src/render.tsx","../src/streamed.tsx"],"sourcesContent":["export { UnoverseComponent } from \"./UnoverseComponent\";\nexport type { UnoverseComponentProps } from \"./UnoverseComponent\";\nexport { StreamedUnoverseComponent, useUnoverseInstance } from \"./streamed\";\nexport type { StreamedUnoverseComponentProps } from \"./streamed\";\nexport { renderNode } from \"./render\";\nexport type { ActionHandler } from \"./render\";\n","/**\n * <UnoverseComponent> — reads a definition by URI from the Unoverse MCP server\n * (via @gravity-platform/unoverse-core) and renders it natively with the given data.\n */\nimport { useEffect, useState } from \"react\";\nimport type { UnoverseClient, UnoverseDefinition } from \"@gravity-platform/unoverse-core\";\nimport { renderNode, type ActionHandler } from \"./render\";\n\nexport interface UnoverseComponentProps {\n  client: UnoverseClient;\n  /** e.g. \"unoverse://components/Card\" */\n  uri: string;\n  /** instance data bound into the definition (the streamed props) */\n  data?: Record<string, unknown>;\n  onAction?: ActionHandler;\n}\n\nexport function UnoverseComponent({ client, uri, data, onAction }: UnoverseComponentProps) {\n  const [def, setDef] = useState<UnoverseDefinition | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let alive = true;\n    setDef(null);\n    setError(null);\n    client\n      .readDefinition(uri)\n      .then((d) => alive && setDef(d))\n      .catch((e) => alive && setError(String(e?.message ?? e)));\n    return () => {\n      alive = false;\n    };\n  }, [client, uri]);\n\n  if (error) return <div style={{ color: \"#d81e2c\", fontSize: 13 }}>Unoverse error: {error}</div>;\n  if (!def) return <div style={{ color: \"#9ca3af\", fontSize: 13 }}>Loading {uri}…</div>;\n  return <>{renderNode(def.root, data ?? {}, onAction)}</>;\n}\n","/**\n * Unoverse style vocabulary → CSS values (web renderer).\n *\n * A small, fixed token set — the part that is native-per-platform. (Later this\n * is sourced from shared design tokens; for v0 it's a sensible inline set.)\n */\nimport type { CSSProperties } from \"react\";\n\nexport const spacing: Record<string, string> = {\n  xs: \"4px\",\n  sm: \"12px\",\n  md: \"16px\",\n  lg: \"24px\",\n  xl: \"32px\",\n};\n\nexport const colors: Record<string, string> = {\n  \"text-primary\": \"#111827\",\n  \"text-secondary\": \"#4b5563\",\n  muted: \"#6b7280\",\n  surface: \"#ffffff\",\n};\n\nexport const fonts: Record<string, CSSProperties> = {\n  \"headline-sm\": { fontSize: \"1.25rem\", lineHeight: 1.3 },\n  title: { fontSize: \"1.125rem\", lineHeight: 1.3 },\n  \"body-md\": { fontSize: \"1rem\", lineHeight: 1.6 },\n  body: { fontSize: \"1rem\", lineHeight: 1.6 },\n};\n\nexport const shadows: Record<string, string> = {\n  lg: \"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)\",\n};\n\nexport const radii: Record<string, string> = { sm: \"4px\", md: \"8px\", lg: \"12px\" };\nexport const borders: Record<string, string> = { subtle: \"1px solid #e5e7eb\" };\n\n/** Brand button (matches the SAB-red primary). */\nexport function buttonStyle(variant = \"primary\"): CSSProperties {\n  const base: CSSProperties = {\n    border: \"none\",\n    cursor: \"pointer\",\n    fontWeight: 600,\n    padding: \"12px 24px\",\n    borderRadius: radii.sm,\n  };\n  if (variant === \"primary\") return { ...base, background: \"#d81e2c\", color: \"#ffffff\" };\n  if (variant === \"outline\") return { ...base, background: \"transparent\", border: \"2px solid #d81e2c\", color: \"#d81e2c\" };\n  return base;\n}\n","/**\n * The generic tree renderer: UnoverseNode → React. No per-component code.\n */\nimport type { CSSProperties, ReactNode } from \"react\";\nimport type { UnoverseNode } from \"@gravity-platform/unoverse-core\";\nimport { spacing, colors, fonts, shadows, radii, borders, buttonStyle } from \"./tokens\";\n\nexport type ActionHandler = (action: string, data: Record<string, unknown>) => void;\n\n/** Map the neutral style vocab → CSS. Unknown keys pass through as-is. */\nfunction styleToCss(s: Record<string, unknown> = {}): CSSProperties {\n  const css: CSSProperties = {};\n  const dim = (v: unknown) => (v === \"full\" ? \"100%\" : (v as CSSProperties[\"width\"]));\n\n  if (s.width != null) css.width = dim(s.width);\n  if (s.height != null) css.height = dim(s.height);\n  if (s.direction) {\n    css.display = \"flex\";\n    css.flexDirection = s.direction as CSSProperties[\"flexDirection\"];\n  }\n  if (s.gap) css.gap = spacing[s.gap as string] ?? (s.gap as string);\n  if (s.padding) css.padding = spacing[s.padding as string] ?? (s.padding as string);\n  if (s.align) css.alignItems = s.align === \"start\" ? \"flex-start\" : (s.align as CSSProperties[\"alignItems\"]);\n  if (s.justify) css.justifyContent = s.justify as CSSProperties[\"justifyContent\"];\n  if (s.background) css.background = colors[s.background as string] ?? (s.background as string);\n  if (s.border) css.border = borders[s.border as string] ?? (s.border as string);\n  if (s.shadow) css.boxShadow = shadows[s.shadow as string] ?? (s.shadow as string);\n  if (s.radius) css.borderRadius = radii[s.radius as string] ?? (s.radius as string);\n  if (s.overflow) css.overflow = s.overflow as CSSProperties[\"overflow\"];\n  if (s.fit) css.objectFit = s.fit as CSSProperties[\"objectFit\"];\n  if (s.font && fonts[s.font as string]) Object.assign(css, fonts[s.font as string]);\n  if (s.weight === \"semibold\") css.fontWeight = 600;\n  if (s.color) css.color = colors[s.color as string] ?? (s.color as string);\n  return css;\n}\n\nfunction bound(field: string | undefined, data: Record<string, unknown>): string | undefined {\n  return field ? (data[field] as string | undefined) : undefined;\n}\n\nexport function renderNode(\n  node: UnoverseNode,\n  data: Record<string, unknown>,\n  onAction?: ActionHandler,\n  key?: React.Key,\n): ReactNode {\n  // visibleWhen — conditional visibility (the interaction vocab)\n  if (node.visibleWhen) {\n    const v = data[node.visibleWhen];\n    if (v == null || v === \"\" || v === false) return null;\n  }\n\n  const style = styleToCss(node.style);\n  const kids = (node.children ?? []).map((c, i) => renderNode(c, data, onAction, i));\n\n  switch (node.type) {\n    case \"Box\":\n    case \"Stack\":\n    case \"Row\":\n    case \"Column\":\n      return (\n        <div key={key} style={style}>\n          {kids}\n        </div>\n      );\n    case \"Text\":\n      return (\n        <span key={key} style={style}>\n          {bound(node.bind?.value, data)}\n        </span>\n      );\n    case \"Image\":\n      return <img key={key} style={style} src={bound(node.bind?.src, data)} alt={bound(node.bind?.alt, data) ?? \"\"} />;\n    case \"Button\":\n      return (\n        <button\n          key={key}\n          style={{ ...buttonStyle(node.style?.variant as string), ...style }}\n          onClick={() => onAction?.(node.action ?? \"click\", data)}\n        >\n          {bound(node.bind?.label, data)}\n        </button>\n      );\n    default:\n      // Unknown primitive — render children so the tree doesn't break.\n      return (\n        <div key={key} style={style} data-unoverse-unknown={node.type}>\n          {kids}\n        </div>\n      );\n  }\n}\n","/**\n * Streaming binding: subscribe to the merge-state store and render the\n * component instance, re-rendering when COMPONENT_INIT/COMPONENT_DATA merge in.\n */\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport type { ComponentStore, UnoverseClient } from \"@gravity-platform/unoverse-core\";\nimport { UnoverseComponent } from \"./UnoverseComponent\";\nimport type { ActionHandler } from \"./render\";\n\n/** Subscribe to a component instance in the store (re-renders on merge). */\nexport function useUnoverseInstance(store: ComponentStore, chatId: string, nodeId: string) {\n  const subscribe = useCallback((cb: () => void) => store.subscribe(cb), [store]);\n  const getVersion = useCallback(() => store.getVersion(), [store]);\n  useSyncExternalStore(subscribe, getVersion);\n  return { type: store.getType(chatId, nodeId), data: store.get(chatId, nodeId) };\n}\n\nexport interface StreamedUnoverseComponentProps {\n  client: UnoverseClient;\n  store: ComponentStore;\n  chatId: string;\n  nodeId: string;\n  onAction?: ActionHandler;\n}\n\n/** Resolves `type` from the store → its definition → renders with merged data. */\nexport function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }: StreamedUnoverseComponentProps) {\n  const { type, data } = useUnoverseInstance(store, chatId, nodeId);\n  if (!type) return <div style={{ color: \"#9ca3af\", fontSize: 13 }}>waiting for COMPONENT_INIT…</div>;\n  return <UnoverseComponent client={client} uri={`unoverse://components/${type}`} data={data} onAction={onAction} />;\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_react","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { UnoverseNode, UnoverseClient, ComponentStore } from '@gravity-platform/unoverse-core';
+
+/**
+ * The generic tree renderer: UnoverseNode → React. No per-component code.
+ */
+
+type ActionHandler = (action: string, data: Record<string, unknown>) => void;
+declare function renderNode(node: UnoverseNode, data: Record<string, unknown>, onAction?: ActionHandler, key?: React.Key): ReactNode;
+
+interface UnoverseComponentProps {
+    client: UnoverseClient;
+    /** e.g. "unoverse://components/Card" */
+    uri: string;
+    /** instance data bound into the definition (the streamed props) */
+    data?: Record<string, unknown>;
+    onAction?: ActionHandler;
+}
+declare function UnoverseComponent({ client, uri, data, onAction }: UnoverseComponentProps): react.JSX.Element;
+
+/** Subscribe to a component instance in the store (re-renders on merge). */
+declare function useUnoverseInstance(store: ComponentStore, chatId: string, nodeId: string): {
+    type: string | undefined;
+    data: Record<string, unknown>;
+};
+interface StreamedUnoverseComponentProps {
+    client: UnoverseClient;
+    store: ComponentStore;
+    chatId: string;
+    nodeId: string;
+    onAction?: ActionHandler;
+}
+/** Resolves `type` from the store → its definition → renders with merged data. */
+declare function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }: StreamedUnoverseComponentProps): react.JSX.Element;
+
+export { type ActionHandler, StreamedUnoverseComponent, type StreamedUnoverseComponentProps, UnoverseComponent, type UnoverseComponentProps, renderNode, useUnoverseInstance };

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { UnoverseNode, UnoverseClient, ComponentStore } from '@gravity-platform/unoverse-core';
+
+/**
+ * The generic tree renderer: UnoverseNode → React. No per-component code.
+ */
+
+type ActionHandler = (action: string, data: Record<string, unknown>) => void;
+declare function renderNode(node: UnoverseNode, data: Record<string, unknown>, onAction?: ActionHandler, key?: React.Key): ReactNode;
+
+interface UnoverseComponentProps {
+    client: UnoverseClient;
+    /** e.g. "unoverse://components/Card" */
+    uri: string;
+    /** instance data bound into the definition (the streamed props) */
+    data?: Record<string, unknown>;
+    onAction?: ActionHandler;
+}
+declare function UnoverseComponent({ client, uri, data, onAction }: UnoverseComponentProps): react.JSX.Element;
+
+/** Subscribe to a component instance in the store (re-renders on merge). */
+declare function useUnoverseInstance(store: ComponentStore, chatId: string, nodeId: string): {
+    type: string | undefined;
+    data: Record<string, unknown>;
+};
+interface StreamedUnoverseComponentProps {
+    client: UnoverseClient;
+    store: ComponentStore;
+    chatId: string;
+    nodeId: string;
+    onAction?: ActionHandler;
+}
+/** Resolves `type` from the store → its definition → renders with merged data. */
+declare function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }: StreamedUnoverseComponentProps): react.JSX.Element;
+
+export { type ActionHandler, StreamedUnoverseComponent, type StreamedUnoverseComponentProps, UnoverseComponent, type UnoverseComponentProps, renderNode, useUnoverseInstance };

package/dist/index.js

@@ -0,0 +1,149 @@
+// src/UnoverseComponent.tsx
+import { useEffect, useState } from "react";
+
+// src/tokens.ts
+var spacing = {
+  xs: "4px",
+  sm: "12px",
+  md: "16px",
+  lg: "24px",
+  xl: "32px"
+};
+var colors = {
+  "text-primary": "#111827",
+  "text-secondary": "#4b5563",
+  muted: "#6b7280",
+  surface: "#ffffff"
+};
+var fonts = {
+  "headline-sm": { fontSize: "1.25rem", lineHeight: 1.3 },
+  title: { fontSize: "1.125rem", lineHeight: 1.3 },
+  "body-md": { fontSize: "1rem", lineHeight: 1.6 },
+  body: { fontSize: "1rem", lineHeight: 1.6 }
+};
+var shadows = {
+  lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)"
+};
+var radii = { sm: "4px", md: "8px", lg: "12px" };
+var borders = { subtle: "1px solid #e5e7eb" };
+function buttonStyle(variant = "primary") {
+  const base = {
+    border: "none",
+    cursor: "pointer",
+    fontWeight: 600,
+    padding: "12px 24px",
+    borderRadius: radii.sm
+  };
+  if (variant === "primary") return { ...base, background: "#d81e2c", color: "#ffffff" };
+  if (variant === "outline") return { ...base, background: "transparent", border: "2px solid #d81e2c", color: "#d81e2c" };
+  return base;
+}
+
+// src/render.tsx
+import { jsx } from "react/jsx-runtime";
+function styleToCss(s = {}) {
+  const css = {};
+  const dim = (v) => v === "full" ? "100%" : v;
+  if (s.width != null) css.width = dim(s.width);
+  if (s.height != null) css.height = dim(s.height);
+  if (s.direction) {
+    css.display = "flex";
+    css.flexDirection = s.direction;
+  }
+  if (s.gap) css.gap = spacing[s.gap] ?? s.gap;
+  if (s.padding) css.padding = spacing[s.padding] ?? s.padding;
+  if (s.align) css.alignItems = s.align === "start" ? "flex-start" : s.align;
+  if (s.justify) css.justifyContent = s.justify;
+  if (s.background) css.background = colors[s.background] ?? s.background;
+  if (s.border) css.border = borders[s.border] ?? s.border;
+  if (s.shadow) css.boxShadow = shadows[s.shadow] ?? s.shadow;
+  if (s.radius) css.borderRadius = radii[s.radius] ?? s.radius;
+  if (s.overflow) css.overflow = s.overflow;
+  if (s.fit) css.objectFit = s.fit;
+  if (s.font && fonts[s.font]) Object.assign(css, fonts[s.font]);
+  if (s.weight === "semibold") css.fontWeight = 600;
+  if (s.color) css.color = colors[s.color] ?? s.color;
+  return css;
+}
+function bound(field, data) {
+  return field ? data[field] : void 0;
+}
+function renderNode(node, data, onAction, key) {
+  if (node.visibleWhen) {
+    const v = data[node.visibleWhen];
+    if (v == null || v === "" || v === false) return null;
+  }
+  const style = styleToCss(node.style);
+  const kids = (node.children ?? []).map((c, i) => renderNode(c, data, onAction, i));
+  switch (node.type) {
+    case "Box":
+    case "Stack":
+    case "Row":
+    case "Column":
+      return /* @__PURE__ */ jsx("div", { style, children: kids }, key);
+    case "Text":
+      return /* @__PURE__ */ jsx("span", { style, children: bound(node.bind?.value, data) }, key);
+    case "Image":
+      return /* @__PURE__ */ jsx("img", { style, src: bound(node.bind?.src, data), alt: bound(node.bind?.alt, data) ?? "" }, key);
+    case "Button":
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { ...buttonStyle(node.style?.variant), ...style },
+          onClick: () => onAction?.(node.action ?? "click", data),
+          children: bound(node.bind?.label, data)
+        },
+        key
+      );
+    default:
+      return /* @__PURE__ */ jsx("div", { style, "data-unoverse-unknown": node.type, children: kids }, key);
+  }
+}
+
+// src/UnoverseComponent.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function UnoverseComponent({ client, uri, data, onAction }) {
+  const [def, setDef] = useState(null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let alive = true;
+    setDef(null);
+    setError(null);
+    client.readDefinition(uri).then((d) => alive && setDef(d)).catch((e) => alive && setError(String(e?.message ?? e)));
+    return () => {
+      alive = false;
+    };
+  }, [client, uri]);
+  if (error) return /* @__PURE__ */ jsxs("div", { style: { color: "#d81e2c", fontSize: 13 }, children: [
+    "Unoverse error: ",
+    error
+  ] });
+  if (!def) return /* @__PURE__ */ jsxs("div", { style: { color: "#9ca3af", fontSize: 13 }, children: [
+    "Loading ",
+    uri,
+    "\u2026"
+  ] });
+  return /* @__PURE__ */ jsx2(Fragment, { children: renderNode(def.root, data ?? {}, onAction) });
+}
+
+// src/streamed.tsx
+import { useCallback, useSyncExternalStore } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function useUnoverseInstance(store, chatId, nodeId) {
+  const subscribe = useCallback((cb) => store.subscribe(cb), [store]);
+  const getVersion = useCallback(() => store.getVersion(), [store]);
+  useSyncExternalStore(subscribe, getVersion);
+  return { type: store.getType(chatId, nodeId), data: store.get(chatId, nodeId) };
+}
+function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }) {
+  const { type, data } = useUnoverseInstance(store, chatId, nodeId);
+  if (!type) return /* @__PURE__ */ jsx3("div", { style: { color: "#9ca3af", fontSize: 13 }, children: "waiting for COMPONENT_INIT\u2026" });
+  return /* @__PURE__ */ jsx3(UnoverseComponent, { client, uri: `unoverse://components/${type}`, data, onAction });
+}
+export {
+  StreamedUnoverseComponent,
+  UnoverseComponent,
+  renderNode,
+  useUnoverseInstance
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/UnoverseComponent.tsx","../src/tokens.ts","../src/render.tsx","../src/streamed.tsx"],"sourcesContent":["/**\n * <UnoverseComponent> — reads a definition by URI from the Unoverse MCP server\n * (via @gravity-platform/unoverse-core) and renders it natively with the given data.\n */\nimport { useEffect, useState } from \"react\";\nimport type { UnoverseClient, UnoverseDefinition } from \"@gravity-platform/unoverse-core\";\nimport { renderNode, type ActionHandler } from \"./render\";\n\nexport interface UnoverseComponentProps {\n  client: UnoverseClient;\n  /** e.g. \"unoverse://components/Card\" */\n  uri: string;\n  /** instance data bound into the definition (the streamed props) */\n  data?: Record<string, unknown>;\n  onAction?: ActionHandler;\n}\n\nexport function UnoverseComponent({ client, uri, data, onAction }: UnoverseComponentProps) {\n  const [def, setDef] = useState<UnoverseDefinition | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let alive = true;\n    setDef(null);\n    setError(null);\n    client\n      .readDefinition(uri)\n      .then((d) => alive && setDef(d))\n      .catch((e) => alive && setError(String(e?.message ?? e)));\n    return () => {\n      alive = false;\n    };\n  }, [client, uri]);\n\n  if (error) return <div style={{ color: \"#d81e2c\", fontSize: 13 }}>Unoverse error: {error}</div>;\n  if (!def) return <div style={{ color: \"#9ca3af\", fontSize: 13 }}>Loading {uri}…</div>;\n  return <>{renderNode(def.root, data ?? {}, onAction)}</>;\n}\n","/**\n * Unoverse style vocabulary → CSS values (web renderer).\n *\n * A small, fixed token set — the part that is native-per-platform. (Later this\n * is sourced from shared design tokens; for v0 it's a sensible inline set.)\n */\nimport type { CSSProperties } from \"react\";\n\nexport const spacing: Record<string, string> = {\n  xs: \"4px\",\n  sm: \"12px\",\n  md: \"16px\",\n  lg: \"24px\",\n  xl: \"32px\",\n};\n\nexport const colors: Record<string, string> = {\n  \"text-primary\": \"#111827\",\n  \"text-secondary\": \"#4b5563\",\n  muted: \"#6b7280\",\n  surface: \"#ffffff\",\n};\n\nexport const fonts: Record<string, CSSProperties> = {\n  \"headline-sm\": { fontSize: \"1.25rem\", lineHeight: 1.3 },\n  title: { fontSize: \"1.125rem\", lineHeight: 1.3 },\n  \"body-md\": { fontSize: \"1rem\", lineHeight: 1.6 },\n  body: { fontSize: \"1rem\", lineHeight: 1.6 },\n};\n\nexport const shadows: Record<string, string> = {\n  lg: \"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)\",\n};\n\nexport const radii: Record<string, string> = { sm: \"4px\", md: \"8px\", lg: \"12px\" };\nexport const borders: Record<string, string> = { subtle: \"1px solid #e5e7eb\" };\n\n/** Brand button (matches the SAB-red primary). */\nexport function buttonStyle(variant = \"primary\"): CSSProperties {\n  const base: CSSProperties = {\n    border: \"none\",\n    cursor: \"pointer\",\n    fontWeight: 600,\n    padding: \"12px 24px\",\n    borderRadius: radii.sm,\n  };\n  if (variant === \"primary\") return { ...base, background: \"#d81e2c\", color: \"#ffffff\" };\n  if (variant === \"outline\") return { ...base, background: \"transparent\", border: \"2px solid #d81e2c\", color: \"#d81e2c\" };\n  return base;\n}\n","/**\n * The generic tree renderer: UnoverseNode → React. No per-component code.\n */\nimport type { CSSProperties, ReactNode } from \"react\";\nimport type { UnoverseNode } from \"@gravity-platform/unoverse-core\";\nimport { spacing, colors, fonts, shadows, radii, borders, buttonStyle } from \"./tokens\";\n\nexport type ActionHandler = (action: string, data: Record<string, unknown>) => void;\n\n/** Map the neutral style vocab → CSS. Unknown keys pass through as-is. */\nfunction styleToCss(s: Record<string, unknown> = {}): CSSProperties {\n  const css: CSSProperties = {};\n  const dim = (v: unknown) => (v === \"full\" ? \"100%\" : (v as CSSProperties[\"width\"]));\n\n  if (s.width != null) css.width = dim(s.width);\n  if (s.height != null) css.height = dim(s.height);\n  if (s.direction) {\n    css.display = \"flex\";\n    css.flexDirection = s.direction as CSSProperties[\"flexDirection\"];\n  }\n  if (s.gap) css.gap = spacing[s.gap as string] ?? (s.gap as string);\n  if (s.padding) css.padding = spacing[s.padding as string] ?? (s.padding as string);\n  if (s.align) css.alignItems = s.align === \"start\" ? \"flex-start\" : (s.align as CSSProperties[\"alignItems\"]);\n  if (s.justify) css.justifyContent = s.justify as CSSProperties[\"justifyContent\"];\n  if (s.background) css.background = colors[s.background as string] ?? (s.background as string);\n  if (s.border) css.border = borders[s.border as string] ?? (s.border as string);\n  if (s.shadow) css.boxShadow = shadows[s.shadow as string] ?? (s.shadow as string);\n  if (s.radius) css.borderRadius = radii[s.radius as string] ?? (s.radius as string);\n  if (s.overflow) css.overflow = s.overflow as CSSProperties[\"overflow\"];\n  if (s.fit) css.objectFit = s.fit as CSSProperties[\"objectFit\"];\n  if (s.font && fonts[s.font as string]) Object.assign(css, fonts[s.font as string]);\n  if (s.weight === \"semibold\") css.fontWeight = 600;\n  if (s.color) css.color = colors[s.color as string] ?? (s.color as string);\n  return css;\n}\n\nfunction bound(field: string | undefined, data: Record<string, unknown>): string | undefined {\n  return field ? (data[field] as string | undefined) : undefined;\n}\n\nexport function renderNode(\n  node: UnoverseNode,\n  data: Record<string, unknown>,\n  onAction?: ActionHandler,\n  key?: React.Key,\n): ReactNode {\n  // visibleWhen — conditional visibility (the interaction vocab)\n  if (node.visibleWhen) {\n    const v = data[node.visibleWhen];\n    if (v == null || v === \"\" || v === false) return null;\n  }\n\n  const style = styleToCss(node.style);\n  const kids = (node.children ?? []).map((c, i) => renderNode(c, data, onAction, i));\n\n  switch (node.type) {\n    case \"Box\":\n    case \"Stack\":\n    case \"Row\":\n    case \"Column\":\n      return (\n        <div key={key} style={style}>\n          {kids}\n        </div>\n      );\n    case \"Text\":\n      return (\n        <span key={key} style={style}>\n          {bound(node.bind?.value, data)}\n        </span>\n      );\n    case \"Image\":\n      return <img key={key} style={style} src={bound(node.bind?.src, data)} alt={bound(node.bind?.alt, data) ?? \"\"} />;\n    case \"Button\":\n      return (\n        <button\n          key={key}\n          style={{ ...buttonStyle(node.style?.variant as string), ...style }}\n          onClick={() => onAction?.(node.action ?? \"click\", data)}\n        >\n          {bound(node.bind?.label, data)}\n        </button>\n      );\n    default:\n      // Unknown primitive — render children so the tree doesn't break.\n      return (\n        <div key={key} style={style} data-unoverse-unknown={node.type}>\n          {kids}\n        </div>\n      );\n  }\n}\n","/**\n * Streaming binding: subscribe to the merge-state store and render the\n * component instance, re-rendering when COMPONENT_INIT/COMPONENT_DATA merge in.\n */\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport type { ComponentStore, UnoverseClient } from \"@gravity-platform/unoverse-core\";\nimport { UnoverseComponent } from \"./UnoverseComponent\";\nimport type { ActionHandler } from \"./render\";\n\n/** Subscribe to a component instance in the store (re-renders on merge). */\nexport function useUnoverseInstance(store: ComponentStore, chatId: string, nodeId: string) {\n  const subscribe = useCallback((cb: () => void) => store.subscribe(cb), [store]);\n  const getVersion = useCallback(() => store.getVersion(), [store]);\n  useSyncExternalStore(subscribe, getVersion);\n  return { type: store.getType(chatId, nodeId), data: store.get(chatId, nodeId) };\n}\n\nexport interface StreamedUnoverseComponentProps {\n  client: UnoverseClient;\n  store: ComponentStore;\n  chatId: string;\n  nodeId: string;\n  onAction?: ActionHandler;\n}\n\n/** Resolves `type` from the store → its definition → renders with merged data. */\nexport function StreamedUnoverseComponent({ client, store, chatId, nodeId, onAction }: StreamedUnoverseComponentProps) {\n  const { type, data } = useUnoverseInstance(store, chatId, nodeId);\n  if (!type) return <div style={{ color: \"#9ca3af\", fontSize: 13 }}>waiting for COMPONENT_INIT…</div>;\n  return <UnoverseComponent client={client} uri={`unoverse://components/${type}`} data={data} onAction={onAction} />;\n}\n"],"mappings":"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","names":["jsx","jsx"]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@gravity-platform/unoverse-react",
+  "version": "0.0.1",
+  "description": "Unoverse React renderer — neutral definition → React/DOM (web channel SDK)",
+  "license": "MIT",
+  "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"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "dependencies": {
+    "@gravity-platform/unoverse-core": "^0.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}