chore: fix formatting issues

Author: deloreyj

apps/workers-bindings/README.md

@@ -43,15 +43,12 @@ Open the file in your text editor and replace it with this configuration:
 
 ```json
 {
-  "mcpServers": {
-    "math": {
-      "command": "npx",
-      "args": [
-        "mcp-remote",
-        "http://localhost:8787/sse"
-      ]
-    }
-  }
+	"mcpServers": {
+		"math": {
+			"command": "npx",
+			"args": ["mcp-remote", "http://localhost:8787/sse"]
+		}
+	}
 }
 ```
 
@@ -85,19 +82,16 @@ You've now connected to your MCP server from a remote MCP client.
 
 ## Connect Claude Desktop to your remote MCP server
 
-Update the Claude configuration file to point to your `workers.dev` URL (ex: `worker-name.account-name.workers.dev/sse`) and restart Claude 
+Update the Claude configuration file to point to your `workers.dev` URL (ex: `worker-name.account-name.workers.dev/sse`) and restart Claude
 
 ```json
 {
-  "mcpServers": {
-    "math": {
-      "command": "npx",
-      "args": [
-        "mcp-remote",
-        "https://worker-name.account-name.workers.dev/sse"
-      ]
-    }
-  }
+	"mcpServers": {
+		"math": {
+			"command": "npx",
+			"args": ["mcp-remote", "https://worker-name.account-name.workers.dev/sse"]
+		}
+	}
 }
 ```
 

apps/workers-bindings/src/app.ts

@@ -1,72 +1,74 @@
-import { Hono } from "hono";
+import { Hono } from 'hono'
+
 import {
-	layout,
 	homeContent,
+	layout,
 	parseApproveFormBody,
-	renderAuthorizationRejectedContent,
 	renderAuthorizationApprovedContent,
+	renderAuthorizationRejectedContent,
 	renderLoggedInAuthorizeScreen,
 	renderLoggedOutAuthorizeScreen,
-} from "./utils";
-import type { OAuthHelpers } from "@cloudflare/workers-oauth-provider";
+} from './utils'
+
+import type { OAuthHelpers } from '@cloudflare/workers-oauth-provider'
 
 export type Bindings = Env & {
-	OAUTH_PROVIDER: OAuthHelpers;
-};
+	OAUTH_PROVIDER: OAuthHelpers
+}
 
 const app = new Hono<{
-	Bindings: Bindings;
-}>();
+	Bindings: Bindings
+}>()
 
 // Render a basic homepage placeholder to make sure the app is up
-app.get("/", async (c) => {
-	const content = await homeContent(c.req.raw);
-	return c.html(layout(content, "MCP Remote Auth Demo - Home"));
-});
+app.get('/', async (c) => {
+	const content = await homeContent(c.req.raw)
+	return c.html(layout(content, 'MCP Remote Auth Demo - Home'))
+})
 
 // Render an authorization page
 // If the user is logged in, we'll show a form to approve the appropriate scopes
 // If the user is not logged in, we'll show a form to both login and approve the scopes
-app.get("/authorize", async (c) => {
+app.get('/authorize', async (c) => {
 	// We don't have an actual auth system, so to demonstrate both paths, you can
 	// hard-code whether the user is logged in or not. We'll default to true
 	// const isLoggedIn = false;
-	const isLoggedIn = true;
+	const isLoggedIn = true
 
-	const oauthReqInfo = await c.env.OAUTH_PROVIDER.parseAuthRequest(c.req.raw);
+	const oauthReqInfo = await c.env.OAUTH_PROVIDER.parseAuthRequest(c.req.raw)
 
 	const oauthScopes = [
 		{
-			name: "read_profile",
-			description: "Read your basic profile information",
+			name: 'read_profile',
+			description: 'Read your basic profile information',
 		},
-		{ name: "read_data", description: "Access your stored data" },
-		{ name: "write_data", description: "Create and modify your data" },
-	];
+		{ name: 'read_data', description: 'Access your stored data' },
+		{ name: 'write_data', description: 'Create and modify your data' },
+	]
 
 	if (isLoggedIn) {
-		const content = await renderLoggedInAuthorizeScreen(oauthScopes, oauthReqInfo);
-		return c.html(layout(content, "MCP Remote Auth Demo - Authorization"));
+		const content = await renderLoggedInAuthorizeScreen(oauthScopes, oauthReqInfo)
+		return c.html(layout(content, 'MCP Remote Auth Demo - Authorization'))
 	}
 
-	const content = await renderLoggedOutAuthorizeScreen(oauthScopes, oauthReqInfo);
-	return c.html(layout(content, "MCP Remote Auth Demo - Authorization"));
-});
+	const content = await renderLoggedOutAuthorizeScreen(oauthScopes, oauthReqInfo)
+	return c.html(layout(content, 'MCP Remote Auth Demo - Authorization'))
+})
 
 // The /authorize page has a form that will POST to /approve
 // This endpoint is responsible for validating any login information and
 // then completing the authorization request with the OAUTH_PROVIDER
-app.post("/approve", async (c) => {
+app.post('/approve', async (c) => {
 	const { action, oauthReqInfo, email, password } = await parseApproveFormBody(
-		await c.req.parseBody(),
-	);
+		await c.req.parseBody()
+	)
 
 	if (!oauthReqInfo) {
-		return c.html("INVALID LOGIN", 401);
+		return c.html('INVALID LOGIN', 401)
 	}
 
 	// If the user needs to both login and approve, we should validate the login first
-	if (action === "login_approve") {
+	if (action === 'login_approve') {
 		// We'll allow any values for email and password for this demo
 		// but you could validate them here
 		// Ex:
@@ -75,10 +77,10 @@ app.post("/approve", async (c) => {
 		if (false) {
 			return c.html(
 				layout(
-					await renderAuthorizationRejectedContent("/"),
-					"MCP Remote Auth Demo - Authorization Status",
-				),
-			);
+					await renderAuthorizationRejectedContent('/'),
+					'MCP Remote Auth Demo - Authorization Status'
+				)
+			)
 		}
 	}
 
@@ -88,20 +90,20 @@ app.post("/approve", async (c) => {
 		request: oauthReqInfo,
 		userId: email,
 		metadata: {
-			label: "Test User",
+			label: 'Test User',
 		},
 		scope: oauthReqInfo.scope,
 		props: {
 			userEmail: email,
 		},
-	});
+	})
 
 	return c.html(
 		layout(
 			await renderAuthorizationApprovedContent(redirectTo),
-			"MCP Remote Auth Demo - Authorization Status",
-		),
-	);
-});
+			'MCP Remote Auth Demo - Authorization Status'
+		)
+	)
+})
 
-export default app;
+export default app