@easyops-cn/a2ui-react 0.0.6 → 0.0.8

package/README.md

@@ -40,8 +40,8 @@ function App() {
   }
 
   return (
-    <A2UIProvider messages={messages} onAction={handleAction}>
-      <A2UIRenderer />
+    <A2UIProvider messages={messages}>
+      <A2UIRenderer onAction={handleAction} />
     </A2UIProvider>
   )
 }
@@ -69,12 +69,8 @@ const ComponentsMap = new Map<string, React.ComponentType<any>>([
 
 function App() {
   return (
-    <A2UIProvider
-      components={ComponentsMap}
-      messages={messages}
-      onAction={handleAction}
-    >
-      <A2UIRenderer />
+    <A2UIProvider components={ComponentsMap} messages={messages}>
+      <A2UIRenderer onAction={handleAction} />
     </A2UIProvider>
   )
 }

package/dist/0.8/A2UIRenderer.d.ts

@@ -1,37 +1,11 @@
+import { ActionHandler } from './types';
 /**
- * A2UIRenderer - Component for rendering A2UI surfaces.
- *
- * This component renders the surfaces from the A2UI context.
- * It must be used within an A2UIProvider.
- *
- * @example
- * ```tsx
- * import { A2UIProvider, A2UIRenderer, A2UIMessage, A2UIAction } from '@easyops-cn/a2ui-react/0.8'
- *
- * function App() {
- *   const messages: A2UIMessage[] = [...]
- *   const handleAction = (action: A2UIAction) => {
- *     console.log('Action:', action)
- *   }
- *   return (
- *     <A2UIProvider messages={messages} onAction={handleAction}>
- *       <A2UIRenderer />
- *     </A2UIProvider>
- *   )
- * }
- *
- * // With custom middleware component that uses hooks
- * function AppWithMiddleware() {
- *   return (
- *     <A2UIProvider messages={messages} onAction={handleAction}>
- *       <MyCustomMiddleware>
- *         <A2UIRenderer />
- *       </MyCustomMiddleware>
- *     </A2UIProvider>
- *   )
- * }
- * ```
+ * Props for A2UIRenderer.
  */
+export interface A2UIRendererProps {
+    /** Callback when an action is dispatched */
+    onAction?: ActionHandler;
+}
 /**
  * Component for rendering A2UI surfaces.
  *
@@ -40,18 +14,18 @@
  * @example
  * ```tsx
  * // Basic usage
- * <A2UIProvider messages={messages} onAction={handleAction}>
- *   <A2UIRenderer />
+ * <A2UIProvider messages={messages}>
+ *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  *
  * // With custom middleware for hooks access
- * <A2UIProvider messages={messages} onAction={handleAction}>
+ * <A2UIProvider messages={messages}>
  *   <MyCustomComponent />
- *   <A2UIRenderer />
+ *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  * ```
  */
-export declare function A2UIRenderer(): import("react/jsx-runtime").JSX.Element | null;
+export declare function A2UIRenderer({ onAction }: A2UIRendererProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace A2UIRenderer {
     var displayName: string;
 }

package/dist/0.8/A2UIRenderer.js

@@ -1,18 +1,19 @@
-import { jsx as t, Fragment as m } from "react/jsx-runtime";
-import { useSurfaceContext as i } from "./contexts/SurfaceContext.js";
-import { ComponentRenderer as u } from "./components/ComponentRenderer.js";
-function f() {
-  const { surfaces: o } = i(), r = Array.from(o.entries());
-  return r.length === 0 ? null : /* @__PURE__ */ t(m, { children: r.map(([e, n]) => n.root ? /* @__PURE__ */ t(
-    u,
+import { jsx as n } from "react/jsx-runtime";
+import { useSurfaceContext as m } from "./contexts/SurfaceContext.js";
+import { ActionProvider as f } from "./contexts/ActionContext.js";
+import { ComponentRenderer as p } from "./components/ComponentRenderer.js";
+function u({ onAction: t }) {
+  const { surfaces: i } = m(), r = Array.from(i.entries());
+  return r.length === 0 ? null : /* @__PURE__ */ n(f, { onAction: t, children: r.map(([e, o]) => o.root ? /* @__PURE__ */ n(
+    p,
     {
       surfaceId: e,
-      componentId: n.root
+      componentId: o.root
     },
     e
   ) : null) });
 }
-f.displayName = "A2UI.Renderer";
+u.displayName = "A2UI.Renderer";
 export {
-  f as A2UIRenderer
+  u as A2UIRenderer
 };

package/dist/0.8/contexts/A2UIProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, ComponentType } from 'react';
-import { ActionHandler, A2UIMessage, BaseComponentProps } from '../types';
+import { A2UIMessage, BaseComponentProps } from '../types';
 /**
  * Type for custom component map.
  */
@@ -10,8 +10,6 @@ export type ComponentsMap = Map<string, ComponentType<BaseComponentProps & Recor
 export interface A2UIProviderProps {
     /** Array of A2UI messages to render */
     messages: A2UIMessage[];
-    /** Callback when an action is dispatched */
-    onAction?: ActionHandler;
     /** Custom component overrides */
     components?: ComponentsMap;
     children: ReactNode;
@@ -22,20 +20,18 @@ export interface A2UIProviderProps {
  * Provides:
  * - SurfaceContext: Component tree management
  * - DataModelContext: Data model state
- * - ActionContext: Action dispatching
  * - ComponentsMapContext: Custom component overrides
  *
  * @param props - Component props
  * @param props.messages - Array of A2UI messages to render
- * @param props.onAction - Optional callback when an action is dispatched
  * @param props.components - Optional custom component overrides
  * @param props.children - Child components (typically A2UIRenderer)
  *
  * @example
  * ```tsx
  * // Basic usage
- * <A2UIProvider messages={messages} onAction={handleAction}>
- *   <A2UIRenderer />
+ * <A2UIProvider messages={messages}>
+ *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  *
  * // With custom components
@@ -45,17 +41,16 @@ export interface A2UIProviderProps {
  * ])
  * <A2UIProvider
  *   messages={messages}
- *   onAction={handleAction}
  *   components={customComponents}
  * >
- *   <A2UIRenderer />
+ *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  *
  * // With custom middleware for hooks access
- * <A2UIProvider messages={messages} onAction={handleAction}>
+ * <A2UIProvider messages={messages}>
  *   <MyCustomComponent />
- *   <A2UIRenderer />
+ *   <A2UIRenderer onAction={handleAction} />
  * </A2UIProvider>
  * ```
  */
-export declare function A2UIProvider({ messages, onAction, components, children, }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function A2UIProvider({ messages, components, children, }: A2UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/0.8/contexts/A2UIProvider.js

@@ -1,35 +1,33 @@
-import { jsx as o, Fragment as n } from "react/jsx-runtime";
-import { useEffect as s } from "react";
-import { SurfaceProvider as m } from "./SurfaceContext.js";
-import { DataModelProvider as f } from "./DataModelContext.js";
-import { ActionProvider as c } from "./ActionContext.js";
-import { ComponentsMapProvider as p } from "./ComponentsMapContext.js";
-import { componentRegistry as a } from "../components/ComponentRenderer.js";
-import { useA2UIMessageHandler as d } from "../hooks/useA2UIMessageHandler.js";
-function l({
+import { jsx as e, Fragment as n } from "react/jsx-runtime";
+import { useEffect as i } from "react";
+import { SurfaceProvider as f } from "./SurfaceContext.js";
+import { DataModelProvider as m } from "./DataModelContext.js";
+import { ComponentsMapProvider as a } from "./ComponentsMapContext.js";
+import { componentRegistry as c } from "../components/ComponentRenderer.js";
+import { useA2UIMessageHandler as p } from "../hooks/useA2UIMessageHandler.js";
+function d({
   messages: r,
-  children: i
+  children: t
 }) {
-  const { processMessages: e, clear: t } = d();
-  return s(() => {
-    t(), r && r.length > 0 && e(r);
-  }, [r, e, t]), /* @__PURE__ */ o(n, { children: i });
+  const { processMessages: o, clear: s } = p();
+  return i(() => {
+    s(), r && r.length > 0 && o(r);
+  }, [r, o, s]), /* @__PURE__ */ e(n, { children: t });
 }
-function x({
+function A({
   messages: r,
-  onAction: i,
-  components: e,
-  children: t
+  components: t,
+  children: o
 }) {
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(c, { onAction: i, children: /* @__PURE__ */ o(
-    p,
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+    a,
     {
-      components: e,
-      defaultComponents: a,
-      children: /* @__PURE__ */ o(l, { messages: r ?? [], children: t })
+      components: t,
+      defaultComponents: c,
+      children: /* @__PURE__ */ e(d, { messages: r ?? [], children: o })
     }
-  ) }) }) });
+  ) }) });
 }
 export {
-  x as A2UIProvider
+  A as A2UIProvider
 };

package/dist/0.8/contexts/ActionContext.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createContext as x, useContext as C, useCallback as p, useMemo as f } from "react";
+import { useContext as x, createContext as C, useCallback as p, useMemo as f } from "react";
 import { useDataModelContext as v } from "./DataModelContext.js";
 import { resolveActionContext as A } from "../utils/dataBinding.js";
-const s = x(null);
+const s = C(null);
 function P({ onAction: t, children: c }) {
   const { getDataModel: o } = v(), e = p(
     (n, a, r) => {
@@ -29,7 +29,7 @@ function P({ onAction: t, children: c }) {
   return /* @__PURE__ */ m(s.Provider, { value: i, children: c });
 }
 function g() {
-  const t = C(s);
+  const t = x(s);
   if (!t)
     throw new Error("useActionContext must be used within an ActionProvider");
   return t;

package/dist/0.8/index.d.ts

@@ -34,9 +34,11 @@
  */
 export type { A2UIMessage, ActionPayload as A2UIAction, Action, ValueSource, } from './types';
 export type { A2UIProviderProps, ComponentsMap } from './contexts/A2UIProvider';
+export type { A2UIRendererProps } from './A2UIRenderer';
 export { A2UIProvider } from './contexts/A2UIProvider';
 export { A2UIRenderer } from './A2UIRenderer';
 export { ComponentRenderer } from './components/ComponentRenderer';
 export { useDispatchAction } from './hooks/useDispatchAction';
 export { useDataBinding, useFormBinding } from './hooks/useDataBinding';
-export { useA2UIMessageHandler } from './hooks/useA2UIMessageHandler';
+export { useSurfaceContext } from './contexts/SurfaceContext';
+export { useDataModelContext } from './contexts/DataModelContext';

package/dist/0.8/index.js

@@ -1,15 +1,17 @@
-import { A2UIProvider as o } from "./contexts/A2UIProvider.js";
-import { A2UIRenderer as t } from "./A2UIRenderer.js";
+import { A2UIProvider as r } from "./contexts/A2UIProvider.js";
+import { A2UIRenderer as n } from "./A2UIRenderer.js";
 import { ComponentRenderer as p } from "./components/ComponentRenderer.js";
-import { useDispatchAction as s } from "./hooks/useDispatchAction.js";
-import { useDataBinding as f, useFormBinding as x } from "./hooks/useDataBinding.js";
-import { useA2UIMessageHandler as u } from "./hooks/useA2UIMessageHandler.js";
+import { useDispatchAction as f } from "./hooks/useDispatchAction.js";
+import { useDataBinding as a, useFormBinding as d } from "./hooks/useDataBinding.js";
+import { useSurfaceContext as u } from "./contexts/SurfaceContext.js";
+import { useDataModelContext as A } from "./contexts/DataModelContext.js";
 export {
-  o as A2UIProvider,
-  t as A2UIRenderer,
+  r as A2UIProvider,
+  n as A2UIRenderer,
   p as ComponentRenderer,
-  u as useA2UIMessageHandler,
-  f as useDataBinding,
-  s as useDispatchAction,
-  x as useFormBinding
+  a as useDataBinding,
+  A as useDataModelContext,
+  f as useDispatchAction,
+  d as useFormBinding,
+  u as useSurfaceContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyops-cn/a2ui-react",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A2UI React Renderer",
   "homepage": "https://easyops-cn.github.io/a2ui-react/",
   "repository": {

package/dist/0.8/hooks/useSurface.d.ts

@@ -1,21 +0,0 @@
-import { Surface } from '../types';
-/**
- * Gets a Surface by its ID.
- *
- * @param surfaceId - The surface ID to look up
- * @returns The Surface, or undefined if not found
- *
- * @example
- * ```tsx
- * function MySurface({ surfaceId }) {
- *   const surface = useSurface(surfaceId);
- *
- *   if (!surface) {
- *     return <div>Surface not found</div>;
- *   }
- *
- *   return <ComponentRenderer surfaceId={surfaceId} componentId={surface.root} />;
- * }
- * ```
- */
-export declare function useSurface(surfaceId: string): Surface | undefined;