@react-grab/ami
v0.0.89
Published
Ami agent provider for React Grab. This is a client-only provider that connects directly to [ami.dev](https://ami.dev).
Downloads
3,629
Readme
@react-grab/ami
Ami agent provider for React Grab. This is a client-only provider that connects directly to ami.dev.
Installation
npm install @react-grab/ami
# or
pnpm add @react-grab/ami
# or
bun add @react-grab/ami
# or
yarn add @react-grab/amiClient Usage
Script Tag
<script src="//unpkg.com/react-grab/dist/index.global.js"></script>
<script src="//unpkg.com/@react-grab/ami/dist/client.global.js"></script>Next.js
Using the Script component in your app/layout.tsx:
import Script from "next/script";
export default function RootLayout({ children }) {
return (
<html>
<head>
{process.env.NODE_ENV === "development" && (
<>
<Script
src="//unpkg.com/react-grab/dist/index.global.js"
strategy="beforeInteractive"
/>
<Script
src="//unpkg.com/@react-grab/ami/dist/client.global.js"
strategy="lazyOnload"
/>
</>
)}
</head>
<body>{children}</body>
</html>
);
}ES Module
import { attachAgent } from "@react-grab/ami/client";
attachAgent();How It Works
┌─────────────────┐ HTTPS ┌─────────────────┐
│ │ │ │
│ React Grab │ ──────────────► │ ami.dev │
│ (Browser) │ ◄────────────── │ (Cloud) │
│ │ │ │
└─────────────────┘ └─────────────────┘
Client Agent- React Grab sends the selected element context directly to ami.dev
- Ami processes the request using the configured AI model
- Ami streams status updates back to the client
Note: No local server required - Ami runs entirely in the cloud.