|
| 1 | +import OAuthProvider from '@cloudflare/workers-oauth-provider' |
| 2 | +import { McpAgent } from 'agents/mcp' |
| 3 | + |
| 4 | +import { createApiHandler } from '@repo/mcp-common/src/api-handler' |
| 5 | +import { |
| 6 | + createAuthHandlers, |
| 7 | + handleTokenExchangeCallback, |
| 8 | +} from '@repo/mcp-common/src/cloudflare-oauth-handler' |
| 9 | +import { handleDevMode } from '@repo/mcp-common/src/dev-mode' |
| 10 | +import { getUserDetails, UserDetails } from '@repo/mcp-common/src/durable-objects/user_details' |
| 11 | +import { getEnv } from '@repo/mcp-common/src/env' |
| 12 | +import { RequiredScopes } from '@repo/mcp-common/src/scopes' |
| 13 | +import { CloudflareMCPServer } from '@repo/mcp-common/src/server' |
| 14 | +import { registerAccountTools } from '@repo/mcp-common/src/tools/account' |
| 15 | + |
| 16 | +import { MetricsTracker } from '../../../packages/mcp-observability/src' |
| 17 | +import { registerBrowserTools } from './tools/browser' |
| 18 | + |
| 19 | +import type { AuthProps } from '@repo/mcp-common/src/cloudflare-oauth-handler' |
| 20 | +import type { Env } from './context' |
| 21 | + |
| 22 | +const env = getEnv<Env>() |
| 23 | + |
| 24 | +export { UserDetails } |
| 25 | + |
| 26 | +const metrics = new MetricsTracker(env.MCP_METRICS, { |
| 27 | + name: env.MCP_SERVER_NAME, |
| 28 | + version: env.MCP_SERVER_VERSION, |
| 29 | +}) |
| 30 | + |
| 31 | +// Context from the auth process, encrypted & stored in the auth token |
| 32 | +// and provided to the DurableMCP as this.props |
| 33 | +type Props = AuthProps |
| 34 | +type State = { activeAccountId: string | null } |
| 35 | + |
| 36 | +export class BrowserMCP extends McpAgent<Env, State, Props> { |
| 37 | + _server: CloudflareMCPServer | undefined |
| 38 | + set server(server: CloudflareMCPServer) { |
| 39 | + this._server = server |
| 40 | + } |
| 41 | + get server(): CloudflareMCPServer { |
| 42 | + if (!this._server) { |
| 43 | + throw new Error('Tried to access server before it was initialized') |
| 44 | + } |
| 45 | + |
| 46 | + return this._server |
| 47 | + } |
| 48 | + |
| 49 | + constructor(ctx: DurableObjectState, env: Env) { |
| 50 | + super(ctx, env) |
| 51 | + } |
| 52 | + |
| 53 | + async init() { |
| 54 | + this.server = new CloudflareMCPServer({ |
| 55 | + userId: this.props.user.id, |
| 56 | + wae: this.env.MCP_METRICS, |
| 57 | + serverInfo: { |
| 58 | + name: this.env.MCP_SERVER_NAME, |
| 59 | + version: this.env.MCP_SERVER_VERSION, |
| 60 | + }, |
| 61 | + }) |
| 62 | + |
| 63 | + registerAccountTools(this) |
| 64 | + |
| 65 | + // Register Cloudflare Log Push tools |
| 66 | + registerBrowserTools(this) |
| 67 | + } |
| 68 | + |
| 69 | + async getActiveAccountId() { |
| 70 | + try { |
| 71 | + // Get UserDetails Durable Object based off the userId and retrieve the activeAccountId from it |
| 72 | + // we do this so we can persist activeAccountId across sessions |
| 73 | + const userDetails = getUserDetails(env, this.props.user.id) |
| 74 | + return await userDetails.getActiveAccountId() |
| 75 | + } catch (e) { |
| 76 | + this.server.recordError(e) |
| 77 | + return null |
| 78 | + } |
| 79 | + } |
| 80 | + |
| 81 | + async setActiveAccountId(accountId: string) { |
| 82 | + try { |
| 83 | + const userDetails = getUserDetails(env, this.props.user.id) |
| 84 | + await userDetails.setActiveAccountId(accountId) |
| 85 | + } catch (e) { |
| 86 | + this.server.recordError(e) |
| 87 | + } |
| 88 | + } |
| 89 | +} |
| 90 | + |
| 91 | +const BrowserScopes = { |
| 92 | + ...RequiredScopes, |
| 93 | + 'account:read': 'See your account info such as account details, analytics, and memberships.', |
| 94 | + 'browser:write': 'Grants write level access to Browser Rendering.', |
| 95 | +} as const |
| 96 | + |
| 97 | +export default { |
| 98 | + fetch: async (req: Request, env: Env, ctx: ExecutionContext) => { |
| 99 | + if (env.ENVIRONMENT === 'development' && env.DEV_DISABLE_OAUTH === 'true') { |
| 100 | + return await handleDevMode(BrowserMCP, req, env, ctx) |
| 101 | + } |
| 102 | + |
| 103 | + return new OAuthProvider({ |
| 104 | + apiRoute: ['/mcp', '/sse'], |
| 105 | + apiHandler: createApiHandler(BrowserMCP), |
| 106 | + // @ts-ignore |
| 107 | + defaultHandler: createAuthHandlers({ scopes: BrowserScopes, metrics }), |
| 108 | + authorizeEndpoint: '/oauth/authorize', |
| 109 | + tokenEndpoint: '/token', |
| 110 | + tokenExchangeCallback: (options) => |
| 111 | + handleTokenExchangeCallback( |
| 112 | + options, |
| 113 | + env.CLOUDFLARE_CLIENT_ID, |
| 114 | + env.CLOUDFLARE_CLIENT_SECRET |
| 115 | + ), |
| 116 | + // Cloudflare access token TTL |
| 117 | + accessTokenTTL: 3600, |
| 118 | + clientRegistrationEndpoint: '/register', |
| 119 | + }).fetch(req, env, ctx) |
| 120 | + }, |
| 121 | +} |
0 commit comments