@assistant-ui/mcp-docs-server 0.1.32 → 0.1.34

package/.docs/organized/code-examples/with-expo.md

@@ -98,7 +98,7 @@ import {
 } from "@assistant-ui/react-native";
 import { useAppRuntime } from "@/hooks/use-app-runtime";
 import { ThreadListDrawer } from "@/components/thread-list/ThreadListDrawer";
-import { expoToolkit } from "@/components/assistant-ui/tools";
+import toolkit from "@/components/assistant-ui/tools";
 
 function NewChatButton() {
   const aui = useAui();
@@ -146,7 +146,7 @@ export default function RootLayout() {
   const [fontsLoaded] = useFonts(Ionicons.font);
   const runtime = useAppRuntime();
   const aui = useAui({
-    tools: Tools({ toolkit: expoToolkit }),
+    tools: Tools({ toolkit }),
   });
 
   if (!fontsLoaded) return null;
@@ -219,6 +219,7 @@ import {
   Platform,
   StyleSheet,
   useColorScheme,
+  type TextStyle,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import * as ImagePicker from "expo-image-picker";
@@ -402,11 +403,11 @@ const styles = StyleSheet.create({
     maxHeight: 120,
     alignSelf: "center",
     paddingVertical: 0,
-    ...Platform.select({
+    ...(Platform.select({
       web: { paddingHorizontal: 4, outlineStyle: "none" },
       default: {},
-    }),
-  },
+    }) as object),
+  } as TextStyle,
   button: {
     width: 30,
     height: 30,
@@ -418,6 +419,7 @@ const styles = StyleSheet.create({
   stopButton: {
     backgroundColor: "#ff453a",
   },
+  sendButton: {},
   stopIcon: {
     width: 12,
     height: 12,
@@ -921,10 +923,12 @@ const styles = StyleSheet.create({
 ## components/assistant-ui/tools.tsx
 
 ```tsx
+"use generative";
+
 import { View, Text, StyleSheet, useColorScheme } from "react-native";
-import type {
-  Toolkit,
-  ToolCallMessagePartProps,
+import {
+  defineToolkit,
+  type ToolCallMessagePartProps,
 } from "@assistant-ui/react-native";
 import { z } from "zod";
 
@@ -1255,14 +1259,16 @@ function WeatherToolUI(
 
 // Toolkit definition
 
-export const expoToolkit: Toolkit = {
+export default defineToolkit({
   geocode_location: {
     description: "Geocode a location using Open-Meteo's geocoding API",
     parameters: z.object({
       query: z.string(),
     }),
-    execute: async (args: { query: string }) =>
-      geocodeLocationWithOpenMeteo(args.query),
+    execute: async (args: { query: string }) => {
+      "use client";
+      return geocodeLocationWithOpenMeteo(args.query);
+    },
     render: GeocodeToolUI,
   },
   weather_search: {
@@ -1277,10 +1283,13 @@ export const expoToolkit: Toolkit = {
       query: string;
       longitude: number;
       latitude: number;
-    }) => fetchWeatherFromOpenMeteo(args),
+    }) => {
+      "use client";
+      return fetchWeatherFromOpenMeteo(args);
+    },
     render: WeatherToolUI,
   },
-};
+});
 
 const styles = StyleSheet.create({
   card: {
@@ -1466,7 +1475,7 @@ import { FlatList, View, StyleSheet, useColorScheme } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useAui, useAuiState } from "@assistant-ui/react-native";
 import { ThreadListItem } from "./ThreadListItem";
-import type { DrawerContentComponentProps } from "@react-navigation/drawer";
+import type { DrawerContentComponentProps } from "expo-router/build/react-navigation/drawer/types";
 
 export function ThreadListDrawer({ navigation }: DrawerContentComponentProps) {
   const aui = useAui();
@@ -1684,12 +1693,12 @@ export function IconSymbol({
 // Fallback for using MaterialIcons on Android and web.
 
 import MaterialIcons from "@expo/vector-icons/MaterialIcons";
-import type { SymbolWeight, SymbolViewProps } from "expo-symbols";
+import type { SymbolWeight, SFSymbol } from "expo-symbols";
 import type { ComponentProps } from "react";
 import type { OpaqueColorValue, StyleProp, TextStyle } from "react-native";
 
 type IconMapping = Record<
-  SymbolViewProps["name"],
+  SFSymbol,
   ComponentProps<typeof MaterialIcons>["name"]
 >;
 type IconSymbolName = keyof typeof MAPPING;
@@ -1869,7 +1878,8 @@ export function useThemeColor(
   props: { light?: string; dark?: string },
   colorName: keyof typeof Colors.light & keyof typeof Colors.dark,
 ) {
-  const theme = useColorScheme() ?? "light";
+  const scheme = useColorScheme();
+  const theme: "light" | "dark" = scheme === "dark" ? "dark" : "light";
   const colorFromProps = props[theme];
 
   if (colorFromProps) {
@@ -1885,6 +1895,7 @@ export function useThemeColor(
 
 ```javascript
 const { getDefaultConfig } = require("expo/metro-config");
+const { withAui } = require("@assistant-ui/metro");
 const path = require("node:path");
 
 const projectRoot = __dirname;
@@ -1925,7 +1936,7 @@ config.resolver.resolveRequest = (context, moduleName, platform) => {
   return context.resolveRequest(context, moduleName, platform);
 };
 
-module.exports = config;
+module.exports = withAui(config);
 
 ```
 
@@ -1944,23 +1955,24 @@ module.exports = config;
     "export:web": "expo export --platform web && node scripts/flatten-assets.mjs"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.68",
+    "@ai-sdk/react": "^3.0.199",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-native": "workspace:*",
     "@expo/vector-icons": "^15.1.1",
     "@react-navigation/drawer": "7.9.4",
     "@react-navigation/native": "7.1.33",
-    "ai": "^6.0.188",
-    "expo": "~56.0.4",
-    "expo-constants": "~56.0.15",
+    "ai": "^6.0.197",
+    "expo": "~56.0.9",
+    "expo-constants": "~56.0.17",
     "expo-font": "~56.0.5",
-    "expo-image-picker": "~56.0.13",
-    "expo-linking": "~56.0.11",
-    "expo-router": "~56.2.6",
-    "expo-server": "~56.0.4",
+    "expo-image-picker": "~56.0.16",
+    "expo-linking": "~56.0.13",
+    "expo-router": "~56.2.9",
+    "expo-server": "~56.0.5",
     "expo-splash-screen": "~56.0.10",
     "expo-status-bar": "~56.0.4",
+    "expo-symbols": "^56.0.6",
     "expo-system-ui": "~56.0.5",
     "react": "19.2.3",
     "react-dom": "19.2.3",
@@ -1974,7 +1986,8 @@ module.exports = config;
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@types/react": "~19.2.15",
+    "@assistant-ui/metro": "workspace:*",
+    "@types/react": "~19.2.17",
     "typescript": "~6.0.3"
   },
   "private": true
@@ -2058,7 +2071,9 @@ Join our community of developers creating universal apps.
 
 ```json
 {
-  "buildCommand": "cd ../.. && pnpm turbo build --filter=@assistant-ui/react-native --filter=@assistant-ui/react-ai-sdk && cd examples/with-expo && pnpm run export:web",
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "ignoreCommand": "bash ../../scripts/vercel-ignore-changeset-release.sh",
+  "buildCommand": "cd ../.. && pnpm turbo build --filter=@assistant-ui/react-native --filter=@assistant-ui/react-ai-sdk --filter=@assistant-ui/metro && cd examples/with-expo && pnpm run export:web",
   "outputDirectory": "dist",
   "framework": null
 }

package/.docs/organized/code-examples/with-external-store.md

@@ -290,13 +290,14 @@ export default function Home() {
 ## next.config.ts
 
 ```typescript
+import { withAui } from "@assistant-ui/next";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -319,17 +320,18 @@ export default nextConfig;
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "next": "^16.2.6",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "lucide-react": "^1.17.0",
+    "next": "^16.2.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.15",
     "tailwindcss": "^4.3.0",