update references to @cloudflare/workers-types to use wrangler types instead

Author: emily-shen

src/content/changelog/browser-rendering/2025-04-04-playwright-beta.mdx

@@ -13,39 +13,40 @@ We're excited to share that you can now use Playwright's browser automation [cap
 Below is an example of how to use Playwright with Browser Rendering to test a TODO application using assertions:
 
 ```ts title="Assertion example"
-import { launch, type BrowserWorker } from '@cloudflare/playwright';
-import { expect } from '@cloudflare/playwright/test';
+import { launch, type BrowserWorker } from "@cloudflare/playwright";
+import { expect } from "@cloudflare/playwright/test";
 
 interface Env {
-  MYBROWSER: BrowserWorker;
+	MYBROWSER: BrowserWorker;
 }
 
 export default {
-  async fetch(request: Request, env: Env) {
-
-    const browser = await launch(env.MYBROWSER);
-    const page = await browser.newPage();
-
-    await page.goto('https://demo.playwright.dev/todomvc');
-
-    const TODO_ITEMS = [
-        'buy some cheese',
-        'feed the cat',
-        'book a doctors appointment'
-    ];
-
-    const newTodo = page.getByPlaceholder('What needs to be done?');
-    for (const item of TODO_ITEMS) {
-        await newTodo.fill(item);
-        await newTodo.press('Enter');
-    }
-
-    await expect(page.getByTestId('todo-title')).toHaveCount(TODO_ITEMS.length);
-
-    await Promise.all(TODO_ITEMS.map(
-        (value, index) => expect(page.getByTestId('todo-title').nth(index)).toHaveText(value)
-    ));
-  },
+	async fetch(request: Request, env: Env) {
+		const browser = await launch(env.MYBROWSER);
+		const page = await browser.newPage();
+
+		await page.goto("https://demo.playwright.dev/todomvc");
+
+		const TODO_ITEMS = [
+			"buy some cheese",
+			"feed the cat",
+			"book a doctors appointment",
+		];
+
+		const newTodo = page.getByPlaceholder("What needs to be done?");
+		for (const item of TODO_ITEMS) {
+			await newTodo.fill(item);
+			await newTodo.press("Enter");
+		}
+
+		await expect(page.getByTestId("todo-title")).toHaveCount(TODO_ITEMS.length);
+
+		await Promise.all(
+			TODO_ITEMS.map((value, index) =>
+				expect(page.getByTestId("todo-title").nth(index)).toHaveText(value),
+			),
+		);
+	},
 };
 ```
 

src/content/docs/agents/index.mdx

@@ -50,7 +50,7 @@ And then define your first Agent by creating a class that extends the `Agent` cl
 <TypeScriptExample>
 
 ```ts
-import { Agent, AgentNamespace } from 'agents';
+import { Agent, AgentNamespace } from "agents";
 
 export class MyAgent extends Agent {
 	// Define methods on the Agent:

src/content/docs/ai-gateway/integrations/worker-binding-methods.mdx

@@ -8,10 +8,6 @@ import { Render, PackageManagers } from "~/components";
 
 This guide provides an overview of how to use the latest Cloudflare Workers AI Gateway binding methods. You will learn how to set up an AI Gateway binding, access new methods, and integrate them into your Workers.
 
-## Prerequisites
-
-- Install and use the `@cloudflare/workers-types` library, version `4.20250124.3` or above.
-
 ## 1. Add an AI Binding to your Worker
 
 To connect your Worker to Workers AI, add the following to your [Wrangler configuration file](/workers/wrangler/configuration/):
@@ -29,18 +25,24 @@ binding = "AI"
 
 This configuration sets up the AI binding accessible in your Worker code as `env.AI`.
 
+<Render file="wrangler-typegen" product="workers" />
+
 ## 2. Basic Usage with Workers AI + Gateway
 
 To perform an inference task using Workers AI and an AI Gateway, you can use the following code:
 
 ```typescript title="src/index.ts"
-const resp = await env.AI.run("@cf/meta/llama-3.1-8b-instruct", {
-  prompt: "tell me a joke"
-}, {
-  gateway: {
-    id: "my-gateway"
-  }
-});
+const resp = await env.AI.run(
+	"@cf/meta/llama-3.1-8b-instruct",
+	{
+		prompt: "tell me a joke",
+	},
+	{
+		gateway: {
+			id: "my-gateway",
+		},
+	},
+);
 ```
 
 Additionally, you can access the latest request log ID with:
@@ -64,12 +66,12 @@ Once you have the gateway instance, you can use the following methods:
 The `patchLog` method allows you to send feedback, score, and metadata for a specific log ID. All object properties are optional, so you can include any combination of the parameters:
 
 ```typescript
-gateway.patchLog('my-log-id', {
-  feedback: 1,
-  score: 100,
-  metadata: {
-    user: "123"
-  }
+gateway.patchLog("my-log-id", {
+	feedback: 1,
+	score: 100,
+	metadata: {
+		user: "123",
+	},
 });
 ```
 
@@ -78,7 +80,7 @@ gateway.patchLog('my-log-id', {
 
 ### 3.2. `getLog`: Read Log Details
 
-The `getLog` method retrieves details of a specific log ID. It returns an object of type `Promise<AiGatewayLog>`. You can import the `AiGatewayLog` type from the `@cloudflare/workers-types` library.
+The `getLog` method retrieves details of a specific log ID. It returns an object of type `Promise<AiGatewayLog>`. If this type is missing, ensure you have run [`wrangler types`](/workers/languages/typescript/#generate-types).
 
 ```typescript
 const log = await gateway.getLog("my-log-id");
@@ -97,7 +99,7 @@ const baseUrl = await gateway.getUrl();
 // Output: https://gateway.ai.cloudflare.com/v1/my-account-id/my-gateway/
 
 // Get a provider-specific URL
-const openaiUrl = await gateway.getUrl('openai');
+const openaiUrl = await gateway.getUrl("openai");
 // Output: https://gateway.ai.cloudflare.com/v1/my-account-id/my-gateway/openai
 ```
 
@@ -110,30 +112,33 @@ const openaiUrl = await gateway.getUrl('openai');
 The `getUrl` method is particularly useful for integrating with popular AI SDKs:
 
 **OpenAI SDK:**
+
 ```typescript
 import OpenAI from "openai";
 
 const openai = new OpenAI({
-  apiKey: "my api key", // defaults to process.env["OPENAI_API_KEY"]
-  baseURL: await env.AI.gateway('my-gateway').getUrl('openai'),
+	apiKey: "my api key", // defaults to process.env["OPENAI_API_KEY"]
+	baseURL: await env.AI.gateway("my-gateway").getUrl("openai"),
 });
 ```
 
 **Vercel AI SDK with OpenAI:**
+
 ```typescript
 import { createOpenAI } from "@ai-sdk/openai";
 
 const openai = createOpenAI({
-  baseURL: await env.AI.gateway('my-gateway').getUrl('openai'),
+	baseURL: await env.AI.gateway("my-gateway").getUrl("openai"),
 });
 ```
 
 **Vercel AI SDK with Anthropic:**
+
 ```typescript
 import { createAnthropic } from "@ai-sdk/anthropic";
 
 const anthropic = createAnthropic({
-  baseURL: await env.AI.gateway('my-gateway').getUrl('anthropic'),
+	baseURL: await env.AI.gateway("my-gateway").getUrl("anthropic"),
 });
 ```
 
@@ -145,14 +150,14 @@ Refer to the [Universal endpoint documentation](/ai-gateway/providers/universal/
 
 ```typescript
 const resp = await gateway.run({
-  provider: "workers-ai",
-  endpoint: "@cf/meta/llama-3.1-8b-instruct",
-  headers: {
-    authorization: "Bearer my-api-token"
-  },
-  query: {
-    prompt: "tell me a joke"
-  }
+	provider: "workers-ai",
+	endpoint: "@cf/meta/llama-3.1-8b-instruct",
+	headers: {
+		authorization: "Bearer my-api-token",
+	},
+	query: {
+		prompt: "tell me a joke",
+	},
 });
 ```
 
@@ -168,4 +173,4 @@ With these AI Gateway binding methods, you can now:
 - Get gateway URLs for direct API access with `getUrl`, making it easy to integrate with popular AI SDKs.
 - Execute universal requests to any AI Gateway provider with `run`.
 
-These methods offer greater flexibility and control over your AI integrations, empowering you to build more sophisticated applications on the Cloudflare Workers platform.
+These methods offer greater flexibility and control over your AI integrations, empowering you to build more sophisticated applications on the Cloudflare Workers platform.