env variable example (#96)

* env variable example

* try to fix ci

* regenerate types from wrangler

* pass in env to setupServerTools

* fix building errors for env var example

* updated test suite and tried to solve locally running tests

* Working tests + builds for browsers and env project

* update worker-configuration.d.ts for dependent-agent

* increase test timeout for some tests

---------

Co-authored-by: Allen Wyma <>
Co-authored-by: Disturbing <hello@xavalabs.com>

Author: allenwyma

examples/browser-mcp/package.json

@@ -2,8 +2,8 @@
   "name": "browser-mcp-example",
   "version": "1.0.0",
   "description": "Browser Rendering MCP server for web scraping and automation",
+  "private": true,
   "type": "module",
-  "main": "src/index.ts",
   "scripts": {
     "build": "tsc",
     "dev": "concurrently \"npx @modelcontextprotocol/inspector\" \"wrangler dev --remote\" --kill-others",

examples/browser-mcp/src/index.ts

@@ -1,36 +1,27 @@
-import { BrowserMcpServer, BrowserMcpServerSqlV2 } from './server.js';
-
-interface Env {
-  MYBROWSER: Fetcher; // Browser Rendering binding
-  CACHE_BUCKET?: R2Bucket; // Optional for testing
-  BROWSER_MCP_SERVER: DurableObjectNamespace<BrowserMcpServerSqlV2>;
-  
-  // Environment variables
-  MAX_CONCURRENT_SESSIONS: string;
-  SESSION_TIMEOUT_MS: string;
-  CACHE_TTL_HOURS: string;
-  MAX_PAGE_SIZE_MB: string;
-}
+import { BrowserMcpServer, BrowserMcpServerSqlV2 } from "./server.js";
 
 // Export both classes for Durable Object binding
 export { BrowserMcpServer, BrowserMcpServerSqlV2 };
 
 // Worker entrypoint for handling incoming requests
 export default {
-  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
+  async fetch(
+    request: Request,
+    env: Env,
+    ctx: ExecutionContext
+  ): Promise<Response> {
     const url = new URL(request.url);
-    const sessionIdStr = url.searchParams.get('sessionId');
+    const sessionIdStr = url.searchParams.get("sessionId");
     const id = sessionIdStr
       ? env.BROWSER_MCP_SERVER.idFromString(sessionIdStr)
       : env.BROWSER_MCP_SERVER.newUniqueId();
 
     console.log(`Fetching sessionId: ${sessionIdStr} with id: ${id}`);
-    
-    url.searchParams.set('sessionId', id.toString());
 
-    return env.BROWSER_MCP_SERVER.get(id).fetch(new Request(
-      url.toString(),
-      request
-    ));
-  }
-};
+    url.searchParams.set("sessionId", id.toString());
+
+    return env.BROWSER_MCP_SERVER.get(id).fetch(
+      new Request(url.toString(), request)
+    );
+  },
+};

examples/browser-mcp/src/repository.ts

@@ -170,7 +170,7 @@ export class BrowserRepository {
     if (list.objects.length === 0) return null;
 
     // Get the most recent cache entry
-    const latestObject = list.objects.sort((a, b) => 
+    const latestObject = list.objects.sort((a: R2Object, b: R2Object) => 
       new Date(b.uploaded).getTime() - new Date(a.uploaded).getTime()
     )[0];
 

examples/browser-mcp/src/resources.ts

@@ -173,17 +173,17 @@ export function setupBrowserResources(
 
         const cacheStats = {
           totalCachedPages: cacheObjects.length,
-          totalSize: cacheObjects.reduce((sum, obj) => sum + obj.size, 0),
+          totalSize: cacheObjects.reduce((sum: number, obj: R2Object) => sum + obj.size, 0),
           oldestCache: cacheObjects.length > 0 
-            ? Math.min(...cacheObjects.map(obj => new Date(obj.uploaded).getTime()))
+            ? Math.min(...cacheObjects.map((obj: R2Object) => new Date(obj.uploaded).getTime()))
             : null,
           newestCache: cacheObjects.length > 0
-            ? Math.max(...cacheObjects.map(obj => new Date(obj.uploaded).getTime()))
+            ? Math.max(...cacheObjects.map((obj: R2Object) => new Date(obj.uploaded).getTime()))
             : null,
         };
 
         // Get sample of cached URLs
-        const sampleCache = cacheObjects.slice(0, 20).map(obj => {
+        const sampleCache = cacheObjects.slice(0, 20).map((obj: R2Object) => {
           const urlPart = obj.key.split('/')[1];
           return {
             url: decodeURIComponent(urlPart || ''),