BFF

Cloudflare Workers-based backend-for-frontend (BFF) that exposes a GraphQL API backed by the upstream gRPC-Web service defined by GRPC_TARGET_ORIGIN. GraphQL resolvers translate queries into protobuf payloads generated from proto/stationapi.proto, forward them via gRPC-Web, and map responses back into the GraphQL schema. Development, testing, and deployment rely on Wrangler v4 and Vitest.

Repository Layout

This repository is a monorepo containing two independent Cloudflare Workers:

• Root (/) — the GraphQL BFF Worker described above (sapi-bff). Its source lives in src/, configured by wrangler.jsonc.
• functions/ — the TrainLCD backend Worker (trainlcd-worker, formerly Firebase Cloud Functions). It handles TTS synthesis, session issuance, feedback intake/triage, image upload, app config delivery, and hourly review notifications via fetch / queue / scheduled handlers. It keeps its own package.json, wrangler.jsonc, and toolchain (Biome + Jest); see functions/README.md for setup, bindings, and deployment.

Each Worker is built, tested, and deployed independently from its own directory. The commands below apply to the root BFF Worker.

Prerequisites

• Node.js 18 or later
• npm, pnpm, or another Node.js package manager
• Cloudflare account (required for deployment)

Wrangler is bundled as a devDependency, so npx wrangler works without a global install.

Setup

npm install

Environment Variables

• GRPC_TARGET_ORIGIN (required, secret): Origin of the upstream gRPC-Web endpoint, for example https://grpc.example.com. The worker returns HTTP 500 if this value is missing or invalid.
• GRPC_ALLOWED_ORIGINS (optional): Comma-separated list of origins allowed via CORS. Omit to allow all origins.

For local development set these in .dev.vars (gitignored). For remote environments register GRPC_TARGET_ORIGIN as a secret rather than a vars entry:

wrangler secret put GRPC_TARGET_ORIGIN                 # staging
wrangler secret put GRPC_TARGET_ORIGIN --env production

Configure environment-specific values before deploying.

Local Development

npm run dev

• Runs wrangler dev and exposes the worker at http://localhost:8787/.
• The compatibility_date is 2025-10-11; update it when adopting newer runtime capabilities.

GraphQL Endpoint

• GraphQL endpoint is exposed at /graphql (POST for queries, GET returns the SDL).
• The runtime schema is declared in schema.graphql and mirrored in src/graphqlGateway.ts.
• POST also accepts Apollo Client BatchHttpLink payloads such as [{ query, variables, operationName }], returning results in the same order as received.
• Supported queries include:
  • station(id: Int!) — Uses GetStationById RPC
  • stations(ids: [Int!]!) — Uses GetStationByIdList RPC
  • stationsNearby(latitude: Float!, longitude: Float!, limit: Int) — Uses GetStationsByCoordinates RPC
  • stationsByName(name: String!, limit: Int, fromStationGroupId: Int) — Uses GetStationsByName RPC
  • stationGroupStations(groupId: Int!) — Uses GetStationByGroupId RPC
  • lineGroupStations(lineGroupId: Int!) — Uses GetStationsByLineGroupId RPC
  • line(lineId: Int!) — Uses GetLineById RPC
  • linesByName(name: String!, limit: Int) — Uses GetLinesByName RPC
  • lineStations(lineId: Int!, stationId: Int) — Uses GetStationsByLineId RPC
  • stationTrainTypes(stationId: Int!) — Uses GetTrainTypesByStationId RPC
  • routes(fromStationGroupId: Int!, toStationGroupId: Int!, pageSize: Int, pageToken: String) — Uses GetRoutesMinimal RPC (optimized with deduplicated line data)
  • routeTypes(fromStationGroupId: Int!, toStationGroupId: Int!, pageSize: Int, pageToken: String) — Uses GetRouteTypes RPC
  • connectedRoutes(fromStationGroupId: Int!, toStationGroupId: Int!) — Uses GetConnectedRoutes RPC

The routes query uses the GetRoutesMinimal RPC which returns normalized/deduplicated line data for efficient transmission. The BFF automatically reconstructs full Station objects by resolving line references.

Customize or extend the schema by editing schema.graphql and updating the resolvers in src/graphqlGateway.ts.

Example Query

query Example($from: Int!, $to: Int!) {
	routes(fromStationGroupId: $from, toStationGroupId: $to, pageSize: 10) {
		routes {
			id
			stops {
				id
				name
			}
		}
		nextPageToken
	}
}

Testing

npm test

• Uses cloudflare/test and @cloudflare/vitest-pool-workers to exercise the Worker in a production-like environment, including gRPC-Web framing, CORS handling, and GraphQL execution.

Deployment

npm run deploy

• Run npx wrangler login the first time to authenticate with Cloudflare.
• Ensure GRPC_TARGET_ORIGIN, GRPC_ALLOWED_ORIGINS, and any additional bindings are defined for the target environment prior to deployment.

Regenerating Type Definitions

npm run cf-typegen

• Wrangler refreshes worker-configuration.d.ts so the Env types stay aligned with your bindings.

Updating gRPC Stubs

npm run proto:generate

• Compiles proto/stationapi.proto to src/generated/stationapi.js and src/generated/stationapi.d.ts using protobufjs.
• Re-run tests afterwards to ensure the GraphQL↔gRPC translations still behave as expected.

Directory Highlights

• src/index.ts — Worker entry point delegating requests to the GraphQL gateway.
• src/graphqlGateway.ts — GraphQL schema/resolver wiring, CORS handling, and gRPC-Web invocation helpers.
• src/generated/stationapi.js — ProtobufJS static module generated from proto/stationapi.proto.
• proto/stationapi.proto — Source protocol buffer definitions for the upstream service.
• schema.graphql — SDL representation of the public GraphQL schema.
• test/index.spec.ts — Vitest suite covering GraphQL queries and gRPC-Web interactions.
• vitest.config.mts — Vitest configuration targeting the Workers pool.
• wrangler.jsonc — Worker metadata, compatibility date, and development/deployment settings.

Data Sources

• Bus-related data provided by Tokyo Metropolitan Bureau of Transportation (Toei), licensed under CC BY 4.0
• Station data provided by 駅データ.jp

License

This project is released under the MIT License.