@agentnext/react 0.1.1

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ActionDefinition } from '@agentnext/core';
+
+interface AgentContextType {
+    actions: ActionDefinition<any, any>[];
+}
+declare const AgentProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+declare function useAgentAction(action: ActionDefinition<any, any>): void;
+declare function useAgentRegistry(): AgentContextType;
+
+export { AgentProvider, useAgentAction, useAgentRegistry };

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ActionDefinition } from '@agentnext/core';
+
+interface AgentContextType {
+    actions: ActionDefinition<any, any>[];
+}
+declare const AgentProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+declare function useAgentAction(action: ActionDefinition<any, any>): void;
+declare function useAgentRegistry(): AgentContextType;
+
+export { AgentProvider, useAgentAction, useAgentRegistry };

package/dist/index.js

@@ -0,0 +1,58 @@
+"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.tsx
+var index_exports = {};
+__export(index_exports, {
+  AgentProvider: () => AgentProvider,
+  useAgentAction: () => useAgentAction,
+  useAgentRegistry: () => useAgentRegistry
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_core = require("@agentnext/core");
+var import_webmcp = require("@agentnext/webmcp");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AgentContext = (0, import_react.createContext)({ actions: [] });
+var AgentProvider = ({ children }) => {
+  const [actions, setActions] = (0, import_react.useState)(import_core.registry.getAll());
+  (0, import_react.useEffect)(() => {
+    setActions(import_core.registry.getAll());
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AgentContext.Provider, { value: { actions }, children });
+};
+function useAgentAction(action) {
+  (0, import_react.useEffect)(() => {
+    let unregister;
+    import_core.registry.register(action);
+    const registration = (0, import_webmcp.registerActionWithWebMCP)(action);
+    return () => {
+      if (unregister) unregister();
+    };
+  }, [action]);
+}
+function useAgentRegistry() {
+  return (0, import_react.useContext)(AgentContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AgentProvider,
+  useAgentAction,
+  useAgentRegistry
+});

package/dist/index.mjs

@@ -0,0 +1,31 @@
+// src/index.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { registry } from "@agentnext/core";
+import { registerActionWithWebMCP } from "@agentnext/webmcp";
+import { jsx } from "react/jsx-runtime";
+var AgentContext = createContext({ actions: [] });
+var AgentProvider = ({ children }) => {
+  const [actions, setActions] = useState(registry.getAll());
+  useEffect(() => {
+    setActions(registry.getAll());
+  }, []);
+  return /* @__PURE__ */ jsx(AgentContext.Provider, { value: { actions }, children });
+};
+function useAgentAction(action) {
+  useEffect(() => {
+    let unregister;
+    registry.register(action);
+    const registration = registerActionWithWebMCP(action);
+    return () => {
+      if (unregister) unregister();
+    };
+  }, [action]);
+}
+function useAgentRegistry() {
+  return useContext(AgentContext);
+}
+export {
+  AgentProvider,
+  useAgentAction,
+  useAgentRegistry
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@agentnext/react",
+  "version": "0.1.1",
+  "description": "React integration for AgentNext — AgentProvider, useAgentAction, useAgentRegistry",
+  "license": "MIT",
+  "author": "AgentNext",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-org/agentnext"
+  },
+  "keywords": [
+    "agentnext",
+    "webmcp",
+    "react",
+    "ai-agent"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.tsx --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.tsx --format cjs,esm --dts --watch",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@agentnext/core": "^0.1.0",
+    "@agentnext/webmcp": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^1.0.0"
+  }
+}