@dudousxd/nestjs-agent-react 0.27.0 → 0.29.0

package/dist/genui.js

@@ -1,8 +1,11 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/genui/generative-ui.tsx
-import { Component, createContext as createContext2, useCallback, useContext as useContext2, useMemo as useMemo2 } from "react";
+import {
+  Component,
+  createContext as createContext2,
+  useCallback,
+  useContext as useContext2,
+  useMemo as useMemo2
+} from "react";
 
 // src/components/ambient-ui.ts
 import { createContext, useContext } from "react";
@@ -15,7 +18,6 @@ function sharedContext(key) {
   holder[symbol] = created;
   return created;
 }
-__name(sharedContext, "sharedContext");
 var AmbientRenderUiContext = sharedContext("@dudousxd/nestjs-agent-react:ambient-render-ui");
 
 // src/genui/use-generative-ui.ts
@@ -28,7 +30,6 @@ var GENUI_TREE_COMPONENT = "genui:tree";
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-__name(isRecord, "isRecord");
 function toGenerativeUIItem(part) {
   if (!isRecord(part)) return null;
   const source = part.type === "data-ui" && isRecord(part.data) ? part.data : part;
@@ -43,7 +44,6 @@ function toGenerativeUIItem(part) {
     toolCallId: typeof source.toolCallId === "string" ? source.toolCallId : null
   };
 }
-__name(toGenerativeUIItem, "toGenerativeUIItem");
 var resolverCaches = /* @__PURE__ */ new WeakMap();
 function resolveCached(resolve, name, version) {
   let cache = resolverCaches.get(resolve);
@@ -58,49 +58,27 @@ function resolveCached(resolve, name, version) {
   try {
     const result = resolve(name, version);
     if (result instanceof Promise) {
-      entry = {
-        resolution: {
-          status: "loading"
+      entry = { resolution: { status: "loading" }, settled: null };
+      entry.settled = result.then(
+        (Component2) => {
+          entry.resolution = Component2 ? { status: "ready", Component: Component2 } : { status: "unknown" };
         },
-        settled: null
-      };
-      entry.settled = result.then((Component2) => {
-        entry.resolution = Component2 ? {
-          status: "ready",
-          Component: Component2
-        } : {
-          status: "unknown"
-        };
-      }, (error) => {
-        entry.resolution = {
-          status: "error",
-          error
-        };
-      });
+        (error) => {
+          entry.resolution = { status: "error", error };
+        }
+      );
     } else {
       entry = {
-        resolution: result ? {
-          status: "ready",
-          Component: result
-        } : {
-          status: "unknown"
-        },
+        resolution: result ? { status: "ready", Component: result } : { status: "unknown" },
         settled: null
       };
     }
   } catch (error) {
-    entry = {
-      resolution: {
-        status: "error",
-        error
-      },
-      settled: null
-    };
+    entry = { resolution: { status: "error", error }, settled: null };
   }
   cache.set(key, entry);
   return entry;
 }
-__name(resolveCached, "resolveCached");
 function useResolvedComponent(name, version, registry, resolve, fallbackTree) {
   const [, setTick] = useState(0);
   const own = registry[name];
@@ -115,170 +93,101 @@ function useResolvedComponent(name, version, registry, resolve, fallbackTree) {
     return () => {
       live = false;
     };
-  }, [
-    pending
-  ]);
-  if (own !== void 0) return {
-    status: "ready",
-    Component: own
-  };
+  }, [pending]);
+  if (own !== void 0) return { status: "ready", Component: own };
   if (entry !== null && entry.resolution.status !== "unknown") return entry.resolution;
   if (name === GENUI_TREE_COMPONENT && fallbackTree !== void 0) {
-    return {
-      status: "ready",
-      Component: fallbackTree
-    };
+    return { status: "ready", Component: fallbackTree };
   }
-  return {
-    status: "unknown"
-  };
+  return { status: "unknown" };
 }
-__name(useResolvedComponent, "useResolvedComponent");
 function useValidatedProps(catalog, name, props) {
   const checked = catalog?.has(name) === true;
   const immediate = useMemo(() => {
-    if (!checked || catalog === void 0) return {
-      status: "ok",
-      props
-    };
+    if (!checked || catalog === void 0) return { status: "ok", props };
     const result = catalog.validateSync?.(name, props);
     if (result === void 0) return null;
-    return result.ok ? {
-      status: "ok",
-      props: result.value
-    } : {
-      status: "invalid",
-      issues: result.issues
-    };
-  }, [
-    checked,
-    catalog,
-    name,
-    props
-  ]);
-  const [late, setLate] = useState(null);
+    return result.ok ? { status: "ok", props: result.value } : { status: "invalid", issues: result.issues };
+  }, [checked, catalog, name, props]);
+  const [late, setLate] = useState(
+    null
+  );
   useEffect(() => {
     if (immediate !== null || catalog === void 0) return;
     let live = true;
-    catalog.validate(name, props).then((result) => {
-      if (!live) return;
-      setLate({
-        props,
-        result: result.ok ? {
-          status: "ok",
-          props: result.value
-        } : {
-          status: "invalid",
-          issues: result.issues
-        }
-      });
-    }, (error) => {
-      if (!live) return;
-      setLate({
-        props,
-        result: {
-          status: "invalid",
-          issues: [
-            {
-              path: [],
-              message: error instanceof Error ? error.message : String(error)
-            }
-          ]
-        }
-      });
-    });
+    catalog.validate(name, props).then(
+      (result) => {
+        if (!live) return;
+        setLate({
+          props,
+          result: result.ok ? { status: "ok", props: result.value } : { status: "invalid", issues: result.issues }
+        });
+      },
+      (error) => {
+        if (!live) return;
+        setLate({
+          props,
+          result: {
+            status: "invalid",
+            issues: [{ path: [], message: error instanceof Error ? error.message : String(error) }]
+          }
+        });
+      }
+    );
     return () => {
       live = false;
     };
-  }, [
-    immediate,
-    catalog,
-    name,
-    props
-  ]);
+  }, [immediate, catalog, name, props]);
   if (immediate !== null) return immediate;
-  return late !== null && late.props === props ? late.result : {
-    status: "pending"
-  };
+  return late !== null && late.props === props ? late.result : { status: "pending" };
 }
-__name(useValidatedProps, "useValidatedProps");
 function useGenerativeUIState(part, options, fallbackTree) {
-  const item = useMemo(() => toGenerativeUIItem(part), [
-    part
-  ]);
+  const item = useMemo(() => toGenerativeUIItem(part), [part]);
   const name = item?.component ?? "";
-  const resolution = useResolvedComponent(name, item?.version ?? null, options.registry, item === null ? void 0 : options.resolveComponent, fallbackTree);
+  const resolution = useResolvedComponent(
+    name,
+    item?.version ?? null,
+    options.registry,
+    item === null ? void 0 : options.resolveComponent,
+    fallbackTree
+  );
   const empty = useMemo(() => ({}), []);
-  const validation = useValidatedProps(item === null || name === GENUI_TREE_COMPONENT ? void 0 : options.catalog, name, item?.props ?? empty);
+  const validation = useValidatedProps(
+    item === null || name === GENUI_TREE_COMPONENT ? void 0 : options.catalog,
+    name,
+    item?.props ?? empty
+  );
   if (item === null) return null;
-  if (resolution.status === "loading") return {
-    status: "loading",
-    item
-  };
-  if (resolution.status === "unknown") return {
-    status: "problem",
-    reason: "unknown",
-    item
-  };
+  if (resolution.status === "loading") return { status: "loading", item };
+  if (resolution.status === "unknown") return { status: "problem", reason: "unknown", item };
   if (resolution.status === "error") {
-    return {
-      status: "problem",
-      reason: "error",
-      item,
-      error: resolution.error
-    };
+    return { status: "problem", reason: "error", item, error: resolution.error };
   }
-  if (validation.status === "pending") return {
-    status: "loading",
-    item
-  };
+  if (validation.status === "pending") return { status: "loading", item };
   if (validation.status === "invalid") {
-    return {
-      status: "problem",
-      reason: "invalid",
-      item,
-      issues: validation.issues
-    };
+    return { status: "problem", reason: "invalid", item, issues: validation.issues };
   }
-  return {
-    status: "ready",
-    item,
-    Component: resolution.Component,
-    props: validation.props
-  };
+  return { status: "ready", item, Component: resolution.Component, props: validation.props };
 }
-__name(useGenerativeUIState, "useGenerativeUIState");
 
 // src/genui/generative-ui.tsx
-var TreeScopeContext = /* @__PURE__ */ createContext2(null);
+import { jsx } from "react/jsx-runtime";
+var TreeScopeContext = createContext2(null);
 function renderFallback(fallback, problem) {
   if (typeof fallback === "function") return fallback(problem);
   return fallback ?? null;
 }
-__name(renderFallback, "renderFallback");
-var ItemBoundary = class ItemBoundary2 extends Component {
-  static {
-    __name(this, "ItemBoundary");
-  }
-  state = {
-    error: void 0,
-    failed: false
-  };
+var ItemBoundary = class extends Component {
+  state = { error: void 0, failed: false };
   static getDerivedStateFromError(error) {
-    return {
-      error,
-      failed: true
-    };
+    return { error, failed: true };
   }
   componentDidCatch(error, _info) {
     this.props.onError?.(error, this.props.item);
   }
   componentDidUpdate(previous) {
     if (this.state.failed && previous.item !== this.props.item) {
-      this.setState({
-        error: void 0,
-        failed: false
-      });
+      this.setState({ error: void 0, failed: false });
     }
   }
   render() {
@@ -293,143 +202,104 @@ var ItemBoundary = class ItemBoundary2 extends Component {
   }
 };
 function nodeItem(node, id) {
-  return {
-    id,
-    component: node.type,
-    props: node.props ?? {},
-    version: null,
-    toolCallId: null
-  };
+  return { id, component: node.type, props: node.props ?? {}, version: null, toolCallId: null };
 }
-__name(nodeItem, "nodeItem");
 function TreeNode({ node, id }) {
   const scope = useContext2(TreeScopeContext);
-  const item = useMemo2(() => nodeItem(node, id), [
-    node,
-    id
-  ]);
-  const resolution = useResolvedComponent(node.type, null, scope?.options.registry ?? {}, scope?.options.resolveComponent);
+  const item = useMemo2(() => nodeItem(node, id), [node, id]);
+  const resolution = useResolvedComponent(
+    node.type,
+    null,
+    scope?.options.registry ?? {},
+    scope?.options.resolveComponent
+  );
   const validation = useValidatedProps(scope?.options.catalog, node.type, item.props);
   if (scope === null) return null;
   if (resolution.status === "loading" || validation.status === "pending") return scope.loading;
   if (resolution.status === "unknown") {
-    return renderFallback(scope.fallback, {
-      reason: "unknown",
-      item
-    });
+    return renderFallback(scope.fallback, { reason: "unknown", item });
   }
   if (resolution.status === "error") {
-    return renderFallback(scope.fallback, {
-      reason: "error",
-      item,
-      error: resolution.error
-    });
+    return renderFallback(scope.fallback, { reason: "error", item, error: resolution.error });
   }
   if (validation.status === "invalid") {
-    return renderFallback(scope.fallback, {
-      reason: "invalid",
-      item,
-      issues: validation.issues
-    });
+    return renderFallback(scope.fallback, { reason: "invalid", item, issues: validation.issues });
   }
   const Renderer = resolution.Component;
   const children = Array.isArray(node.children) ? node.children : [];
-  return /* @__PURE__ */ React.createElement(Renderer, validation.props, children.length > 0 ? children.map((child, index) => {
+  return /* @__PURE__ */ jsx(Renderer, { ...validation.props, children: children.length > 0 ? children.map((child, index) => {
     const childId = `${id}.${index}`;
-    return /* @__PURE__ */ React.createElement(ItemBoundary, {
-      key: childId,
-      item: nodeItem(child, childId),
-      fallback: scope.fallback,
-      onError: scope.onError
-    }, /* @__PURE__ */ React.createElement(TreeNode, {
-      node: child,
-      id: childId
-    }));
-  }) : void 0);
+    return /* @__PURE__ */ jsx(
+      ItemBoundary,
+      {
+        item: nodeItem(child, childId),
+        fallback: scope.fallback,
+        onError: scope.onError,
+        children: /* @__PURE__ */ jsx(TreeNode, { node: child, id: childId })
+      },
+      childId
+    );
+  }) : void 0 });
 }
-__name(TreeNode, "TreeNode");
 function GenuiTree({ root }) {
   if (root === void 0 || root === null || typeof root.type !== "string") return null;
-  return /* @__PURE__ */ React.createElement(TreeNode, {
-    node: root,
-    id: "root"
-  });
+  return /* @__PURE__ */ jsx(TreeNode, { node: root, id: "root" });
 }
-__name(GenuiTree, "GenuiTree");
-function GenerativeUIScope({ registry, catalog, resolveComponent, fallback, loading = null, onError, children }) {
-  const scope = useMemo2(() => ({
-    options: {
-      registry,
-      ...catalog !== void 0 ? {
-        catalog
-      } : {},
-      ...resolveComponent !== void 0 ? {
-        resolveComponent
-      } : {}
-    },
-    fallback,
-    loading,
-    onError
-  }), [
-    registry,
-    catalog,
-    resolveComponent,
-    fallback,
-    loading,
-    onError
-  ]);
-  return /* @__PURE__ */ React.createElement(TreeScopeContext.Provider, {
-    value: scope
-  }, children);
+function GenerativeUIScope({
+  registry,
+  catalog,
+  resolveComponent,
+  fallback,
+  loading = null,
+  onError,
+  children
+}) {
+  const scope = useMemo2(
+    () => ({
+      options: {
+        registry,
+        ...catalog !== void 0 ? { catalog } : {},
+        ...resolveComponent !== void 0 ? { resolveComponent } : {}
+      },
+      fallback,
+      loading,
+      onError
+    }),
+    [registry, catalog, resolveComponent, fallback, loading, onError]
+  );
+  return /* @__PURE__ */ jsx(TreeScopeContext.Provider, { value: scope, children });
 }
-__name(GenerativeUIScope, "GenerativeUIScope");
-var GenuiContext = sharedContext("@dudousxd/nestjs-agent-react:genui-provider");
+var GenuiContext = sharedContext(
+  "@dudousxd/nestjs-agent-react:genui-provider"
+);
 function useGenuiProvider() {
   return useContext2(GenuiContext);
 }
-__name(useGenuiProvider, "useGenuiProvider");
-function GenuiProvider({ registry, catalog, resolveComponent, treeRenderer, fallback, loading, onError, children }) {
-  const value = useMemo2(() => ({
-    ...registry !== void 0 ? {
-      registry
-    } : {},
-    ...catalog !== void 0 ? {
-      catalog
-    } : {},
-    ...resolveComponent !== void 0 ? {
-      resolveComponent
-    } : {},
-    ...treeRenderer !== void 0 ? {
-      treeRenderer
-    } : {},
-    ...fallback !== void 0 ? {
-      fallback
-    } : {},
-    ...loading !== void 0 ? {
-      loading
-    } : {},
-    ...onError !== void 0 ? {
-      onError
-    } : {}
-  }), [
-    registry,
-    catalog,
-    resolveComponent,
-    treeRenderer,
-    fallback,
-    loading,
-    onError
-  ]);
-  const renderUi = useCallback((block) => /* @__PURE__ */ React.createElement(GenerativeUI, {
-    part: block
-  }), []);
-  return /* @__PURE__ */ React.createElement(GenuiContext.Provider, {
-    value
-  }, /* @__PURE__ */ React.createElement(AmbientRenderUiContext.Provider, {
-    value: renderUi
-  }, children));
+function GenuiProvider({
+  registry,
+  catalog,
+  resolveComponent,
+  treeRenderer,
+  fallback,
+  loading,
+  onError,
+  children
+}) {
+  const value = useMemo2(
+    () => ({
+      ...registry !== void 0 ? { registry } : {},
+      ...catalog !== void 0 ? { catalog } : {},
+      ...resolveComponent !== void 0 ? { resolveComponent } : {},
+      ...treeRenderer !== void 0 ? { treeRenderer } : {},
+      ...fallback !== void 0 ? { fallback } : {},
+      ...loading !== void 0 ? { loading } : {},
+      ...onError !== void 0 ? { onError } : {}
+    }),
+    [registry, catalog, resolveComponent, treeRenderer, fallback, loading, onError]
+  );
+  const renderUi = useCallback((block) => /* @__PURE__ */ jsx(GenerativeUI, { part: block }), []);
+  return /* @__PURE__ */ jsx(GenuiContext.Provider, { value, children: /* @__PURE__ */ jsx(AmbientRenderUiContext.Provider, { value: renderUi, children }) });
 }
-__name(GenuiProvider, "GenuiProvider");
 var NO_REGISTRY = {};
 function useMergedOptions(own) {
   const provided = useContext2(GenuiContext);
@@ -437,50 +307,45 @@ function useMergedOptions(own) {
   const catalog = own.catalog ?? provided?.catalog;
   const resolveComponent = own.resolveComponent ?? provided?.resolveComponent;
   const treeRenderer = own.treeRenderer ?? provided?.treeRenderer;
-  return useMemo2(() => ({
-    registry,
-    ...catalog !== void 0 ? {
-      catalog
-    } : {},
-    ...resolveComponent !== void 0 ? {
-      resolveComponent
-    } : {},
-    ...treeRenderer !== void 0 ? {
-      treeRenderer
-    } : {}
-  }), [
-    registry,
-    catalog,
-    resolveComponent,
-    treeRenderer
-  ]);
+  return useMemo2(
+    () => ({
+      registry,
+      ...catalog !== void 0 ? { catalog } : {},
+      ...resolveComponent !== void 0 ? { resolveComponent } : {},
+      ...treeRenderer !== void 0 ? { treeRenderer } : {}
+    }),
+    [registry, catalog, resolveComponent, treeRenderer]
+  );
 }
-__name(useMergedOptions, "useMergedOptions");
 function useGenerativeUI(part, options = {}) {
   const merged = useMergedOptions(options);
   return useGenerativeUIState(part, merged, merged.treeRenderer ?? GenuiTree);
 }
-__name(useGenerativeUI, "useGenerativeUI");
-function GenerativeUI({ part, registry, catalog, resolveComponent, treeRenderer, fallback: ownFallback, loading: ownLoading, onError: ownOnError }) {
+function GenerativeUI({
+  part,
+  registry,
+  catalog,
+  resolveComponent,
+  treeRenderer,
+  fallback: ownFallback,
+  loading: ownLoading,
+  onError: ownOnError
+}) {
   const provided = useContext2(GenuiContext);
   const fallback = ownFallback ?? provided?.fallback;
   const loading = ownLoading ?? provided?.loading ?? null;
   const onError = ownOnError ?? provided?.onError;
   const options = useMergedOptions({
-    ...registry !== void 0 ? {
-      registry
-    } : {},
-    ...catalog !== void 0 ? {
-      catalog
-    } : {},
-    ...resolveComponent !== void 0 ? {
-      resolveComponent
-    } : {},
-    ...treeRenderer !== void 0 ? {
-      treeRenderer
-    } : {}
+    ...registry !== void 0 ? { registry } : {},
+    ...catalog !== void 0 ? { catalog } : {},
+    ...resolveComponent !== void 0 ? { resolveComponent } : {},
+    ...treeRenderer !== void 0 ? { treeRenderer } : {}
   });
-  const state = useGenerativeUIState(part, options, options.treeRenderer ?? GenuiTree);
+  const state = useGenerativeUIState(
+    part,
+    options,
+    options.treeRenderer ?? GenuiTree
+  );
   if (state === null) return null;
   if (state.status === "loading") return loading;
   if (state.status === "problem") {
@@ -488,20 +353,17 @@ function GenerativeUI({ part, registry, catalog, resolveComponent, treeRenderer,
     return renderFallback(fallback, problem);
   }
   const Renderer = state.Component;
-  return /* @__PURE__ */ React.createElement(GenerativeUIScope, {
-    ...options,
-    fallback,
-    loading,
-    ...onError !== void 0 ? {
-      onError
-    } : {}
-  }, /* @__PURE__ */ React.createElement(ItemBoundary, {
-    item: state.item,
-    fallback,
-    onError
-  }, /* @__PURE__ */ React.createElement(Renderer, state.props)));
+  return /* @__PURE__ */ jsx(
+    GenerativeUIScope,
+    {
+      ...options,
+      fallback,
+      loading,
+      ...onError !== void 0 ? { onError } : {},
+      children: /* @__PURE__ */ jsx(ItemBoundary, { item: state.item, fallback, onError, children: /* @__PURE__ */ jsx(Renderer, { ...state.props }) })
+    }
+  );
 }
-__name(GenerativeUI, "GenerativeUI");
 export {
   GENUI_TREE_COMPONENT,
   GenerativeUI,