mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Jordan Ritter
164897647e
## Summary
- Extract `CopilotKitContext` and `useCopilotKit` into standalone
`context.ts` in react-core, enabling cross-platform reuse without web
dependencies
- Add new `@copilotkit/react-native` package with lightweight provider,
polyfills, and streaming fetch
- All hooks (`useAgent`, `useFrontendTool`, `useHumanInTheLoop`, etc.)
are re-exported directly from react-core — no reimplementation
## Motivation
CopilotKit's React hooks are platform-agnostic, but the barrel import in
`@copilotkit/react-core` pulls in web-only dependencies (Radix UI, Lit,
A2UI renderer, react-dom, CSS). This makes the package unusable in React
Native without extensive Metro shimming.
By extracting the React context into a standalone entry point
(`@copilotkit/react-core/v2/context`), the new
`@copilotkit/react-native` package can provide its own lightweight
provider while reusing all existing hooks.
## What's in `@copilotkit/react-native`
| Export | Description |
|--------|-------------|
| `CopilotKitProvider` | Lightweight provider — no DOM, CSS, Radix, Lit,
or A2UI deps |
| `installStreamingFetch()` | XHR-based streaming fetch for
`response.body.getReader()` support |
| `@copilotkit/react-native/polyfills` | All polyfills at once
(ReadableStream, TextEncoder, crypto, DOMException, window.location) |
| `@copilotkit/react-native/polyfills/*` | Granular per-polyfill imports
(`/streams`, `/encoding`, `/crypto`, `/dom`, `/location`) for users who
need to avoid overriding their own shims |
| `useAgent`, `useFrontendTool`, etc. | Re-exported from react-core
(shared context) |
## Usage
```tsx
// index.js (entry point, before other imports)
import "@copilotkit/react-native/polyfills";
import { installStreamingFetch } from "@copilotkit/react-native";
installStreamingFetch();
// App.tsx
import { CopilotKitProvider, useAgent, useCopilotKit } from "@copilotkit/react-native";
function App() {
return (
<CopilotKitProvider runtimeUrl="https://your-server/api/copilotkit">
<ChatScreen />
</CopilotKitProvider>
);
}
```
## Test plan
- [x] `nx run react-core:build` passes
- [x] `nx run @copilotkit/react-native:build` passes
- [x] `nx run react-core:test` — all 1153 tests pass
- [x] Manual test in React Native app (tested during development with
bare RN 0.84 project)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
136 lines
3.7 KiB
JSON
136 lines
3.7 KiB
JSON
{
|
|
"name": "@copilotkit/react-core",
|
|
"version": "1.57.0",
|
|
"private": false,
|
|
"keywords": [
|
|
"ai",
|
|
"assistant",
|
|
"automation",
|
|
"copilot",
|
|
"copilotkit",
|
|
"javascript",
|
|
"nextjs",
|
|
"nodejs",
|
|
"react",
|
|
"textarea"
|
|
],
|
|
"homepage": "https://github.com/CopilotKit/CopilotKit",
|
|
"license": "MIT",
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "https://github.com/CopilotKit/CopilotKit.git"
|
|
},
|
|
"type": "module",
|
|
"sideEffects": [
|
|
"**/*.css"
|
|
],
|
|
"main": "./dist/index.cjs",
|
|
"module": "./dist/index.mjs",
|
|
"types": "./dist/index.d.cts",
|
|
"typesVersions": {
|
|
"*": {
|
|
"v2": [
|
|
"./dist/v2/index.d.cts"
|
|
]
|
|
}
|
|
},
|
|
"unpkg": "./dist/index.umd.js",
|
|
"jsdelivr": "./dist/index.umd.js",
|
|
"exports": {
|
|
".": {
|
|
"import": "./dist/index.mjs",
|
|
"require": "./dist/index.cjs"
|
|
},
|
|
"./v2": {
|
|
"import": "./dist/v2/index.mjs",
|
|
"require": "./dist/v2/index.cjs"
|
|
},
|
|
"./package.json": "./package.json",
|
|
"./v2/context": {
|
|
"import": "./dist/v2/context.mjs",
|
|
"require": "./dist/v2/context.cjs"
|
|
},
|
|
"./v2/headless": {
|
|
"import": "./dist/v2/headless.mjs",
|
|
"require": "./dist/v2/headless.cjs"
|
|
},
|
|
"./v2/styles.css": "./dist/v2/index.css"
|
|
},
|
|
"publishConfig": {
|
|
"access": "public"
|
|
},
|
|
"scripts": {
|
|
"build:css": "tailwindcss -i ./src/v2/styles/globals.css -o ./dist/v2/index.css -m && node scripts/scope-preflight.mjs ./dist/v2/index.css",
|
|
"build": "tsdown && pnpm run build:css",
|
|
"dev": "tsdown --watch",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"check-types": "tsc --noEmit",
|
|
"link:global": "pnpm link --global",
|
|
"unlink:global": "pnpm unlink --global",
|
|
"publint": "publint .",
|
|
"attw": "attw --pack . --profile node16 --ignore-rules internal-resolution-error"
|
|
},
|
|
"dependencies": {
|
|
"@ag-ui/client": "0.0.53",
|
|
"@ag-ui/core": "0.0.53",
|
|
"@copilotkit/a2ui-renderer": "workspace:*",
|
|
"@copilotkit/core": "workspace:*",
|
|
"@copilotkit/runtime-client-gql": "workspace:*",
|
|
"@copilotkit/shared": "workspace:*",
|
|
"@copilotkit/web-inspector": "workspace:*",
|
|
"@jetbrains/websandbox": "^1.1.3",
|
|
"@lit-labs/react": "^2.0.2",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.15",
|
|
"@radix-ui/react-slot": "^1.2.3",
|
|
"@radix-ui/react-tooltip": "^1.2.7",
|
|
"@scarf/scarf": "^1.3.0",
|
|
"@tanstack/react-virtual": "^3.13.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"katex": "^0.16.22",
|
|
"lucide-react": "^0.525.0",
|
|
"react-markdown": "^8.0.7",
|
|
"rxjs": "7.8.1",
|
|
"streamdown": "^1.3.0",
|
|
"tailwind-merge": "^3.3.1",
|
|
"tw-animate-css": "^1.3.5",
|
|
"untruncate-json": "^0.0.1",
|
|
"use-stick-to-bottom": "^1.1.1",
|
|
"zod-to-json-schema": "^3.24.5"
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/cli": "^4.1.11",
|
|
"@tailwindcss/postcss": "^4.1.11",
|
|
"@tailwindcss/typography": "^0.5.16",
|
|
"@testing-library/jest-dom": "^6.0.0",
|
|
"@testing-library/react": "^16.3.0",
|
|
"@testing-library/react-hooks": "^8.0.1",
|
|
"@testing-library/user-event": "^14.0.0",
|
|
"@types/react": "^19.1.0",
|
|
"@types/react-dom": "^19.0.2",
|
|
"@valibot/to-json-schema": "^1.5.0",
|
|
"arktype": "^2.1.29",
|
|
"autoprefixer": "^10.4.20",
|
|
"concurrently": "^9.1.0",
|
|
"eslint": "^8.56.0",
|
|
"jsdom": "^26.1.0",
|
|
"phoenix": "^1.8.4",
|
|
"postcss": "^8.5.6",
|
|
"react": "^19.1.0",
|
|
"react-dom": "^19.2.0",
|
|
"tailwindcss": "^4.0.8",
|
|
"tsconfig": "workspace:*",
|
|
"tsdown": "^0.20.3",
|
|
"typescript": "^5.2.3",
|
|
"valibot": "^1.2.0",
|
|
"vitest": "^3.2.4",
|
|
"zod": ">=3.0.0"
|
|
},
|
|
"peerDependencies": {
|
|
"react": "^18 || ^19 || ^19.0.0-rc",
|
|
"react-dom": "^18 || ^19 || ^19.0.0-rc",
|
|
"zod": ">=3.0.0"
|
|
}
|
|
}
|