fix types in demos

includes demos in typechecks, and fixes all the types

Author: threepointone

.changeset/ripe-spoons-peel.md

@@ -0,0 +1,5 @@
+---
+"ai-gateway-provider": patch
+---
+
+agp: add keywords

.editorconfig

@@ -13,7 +13,7 @@ trim_trailing_whitespace = false
 
 [*.{js,jsx,ts,tsx,json,css,html}]
 indent_style = tab
-indent_size = 4
+indent_size = 2
 
 [*.{yml,yaml}]
 indent_style = space

demos/mcp-client/package.json

@@ -5,13 +5,17 @@
 	"scripts": {
 		"start": "vite dev",
 		"build": "vite build",
-		"deploy": "npx wrangler deploy --var HOST:$(./get-subdomain.sh)"
+		"deploy": "npx wrangler deploy --var HOST:$(./get-subdomain.sh)",
+		"type-check": "tsc --noEmit"
 	},
 	"keywords": [],
 	"author": "",
 	"dependencies": {
 		"@cloudflare/vite-plugin": "^1.1.1",
+		"@cloudflare/workers-types": "^4.20250509.0",
 		"@modelcontextprotocol/sdk": "^1.11.1",
+		"@types/react": "^19.1.3",
+		"@types/react-dom": "^19.1.3",
 		"@vitejs/plugin-react": "^4.4.1",
 		"agents": "^0.0.88",
 		"nanoid": "^5.1.5",

demos/mcp-server-bearer-auth/package-lock.json

@@ -8,7 +8,8 @@
 		"format": "biome format --write",
 		"lint:fix": "biome lint --fix",
 		"start": "wrangler dev",
-		"cf-typegen": "wrangler types"
+		"cf-typegen": "wrangler types",
+		"type-check": "tsc --noEmit"
 	},
 	"devDependencies": {
 		"marked": "^15.0.11",

demos/mcp-server-bearer-auth/package.json

@@ -4,10 +4,8 @@ import { z } from "zod";
 import { Hono } from "hono";
 import { layout, homeContent } from "./utils";
 
-type Bindings = Env;
-
 const app = new Hono<{
-	Bindings: Bindings;
+	Bindings: Env;
 }>();
 
 type Props = {
@@ -16,21 +14,30 @@ type Props = {
 
 type State = null;
 
-export class MyMCP extends McpAgent<Bindings, State, Props> {
+export class MyMCP extends McpAgent<Env, State, Props> {
 	server = new McpServer({
 		name: "Demo",
 		version: "1.0.0",
 	});
 
 	async init() {
-		this.server.tool("add", { a: z.number(), b: z.number() }, async ({ a, b }) => ({
-			content: [{ type: "text", text: String(a + b) }],
-		}));
+		this.server.tool(
+			"add",
+			{ a: z.number(), b: z.number() },
+			async ({ a, b }) => ({
+				content: [{ type: "text", text: String(a + b) }],
+			})
+		);
 
 		// Tool that returns the user's bearer token
 		// This is just for demonstration purposes, don't actually create a tool that does this!
 		this.server.tool("getToken", {}, async () => ({
-			content: [{ type: "text", text: String(`User's token: ${this.props.bearerToken}`) }],
+			content: [
+				{
+					type: "text",
+					text: String(`User's token: ${this.props.bearerToken}`),
+				},
+			],
 		}));
 	}
 }