docs: cloudflare adapter

rossrobino · Sep 5, 2024 · b869f97 · b869f97
1 parent ef95a19
commit b869f97
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 33 deletions.
diff --git a/apps/cloudflare/public/public.html b/apps/cloudflare/public/public.html
diff --git a/apps/cloudflare/src/+page.html b/apps/cloudflare/src/+page.html
@@ -5,21 +5,15 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
 		<link rel="stylesheet" href="/style.css" />
-		<title>Title</title>
+		<title>Cloudflare Tester</title>
 		<meta name="description" content="Description" />
 	</head>
 	<body>
 		<header></header>
 		<main>
 			<h1>Hello Cloudflare</h1>
-			<ul>
-				<li><a href="https://vitejs.dev">Vite</a></li>
-				<li><a href="https://hono.dev">Hono</a></li>
-				<li><a href="https://domco.robino.dev">domco</a></li>
-			</ul>
 			<p>
 				<a href="/static">Static</a>
-				<a href="/public.html">Public</a>
 			</p>
 		</main>
 		<footer></footer>

diff --git a/apps/cloudflare/src/style.css b/apps/cloudflare/src/style.css
@@ -0,0 +1,3 @@
+body {
+	font-family: "Times New Roman", Times, serif;
+}
diff --git a/apps/docs/src/content/deploy.md b/apps/docs/src/content/deploy.md
@@ -62,11 +62,20 @@ export default defineConfig({
 });
 ```
 
+### Cloudflare
+
+The [Cloudflare](https://cloudflare.com) adapter outputs your app to work on Cloudflare Pages.
+
+![A screenshot of the Cloudflare Build Settings UI. Set the Framework Preset field to "None", set the build command to "npm run build", and the build output directory to ".cloudflare".](/cloudflare/build-settings.webp)
+
+- Functions run on the [Workers Runtime](https://developers.cloudflare.com/workers/runtime-apis/).
+- Outputs public assets to be served on Cloudflare's CDN.
+
 ### Vercel
 
 The [Vercel](https://vercel.com) adapter outputs your app to the [Build Output API](https://vercel.com/docs/build-output-api/v3) specification.
 
 ![A screenshot of the Vercel Build and Development Settings UI. Set the Framework Preset field to "Other" and leave all of the other options blank.](/vercel/build-settings.webp)
 
-- Supports Serverless (+ ISR), and Edge Runtime.
-- Outputs public assets to be served on Vercel's CDN. Since your application will not be serving these assets, if you want to protect a page, you need to serve it from an endpoint instead.
+- Supports [Node.js](https://vercel.com/docs/functions/runtimes#node.js), [Node.js with ISR](https://vercel.com/docs/incremental-static-regeneration), and [Edge Runtime](https://vercel.com/docs/functions/runtimes/edge-runtime).
+- Outputs public assets to be served on Vercel's [Edge Network](https://vercel.com/docs/edge-network/overview).
diff --git a/apps/docs/src/style.css b/apps/docs/src/style.css
@@ -70,6 +70,10 @@
 			cursor: default;
 		}
 	}
+
+	img {
+		border: var(--border);
+	}
 }
 
 @layer components {

diff --git a/packages/domco/src/adapter/cloudflare/index.ts b/packages/domco/src/adapter/cloudflare/index.ts
@@ -55,14 +55,6 @@ export const adapter: AdapterBuilder = async () => {
 		run: async () => {
 			const outDir = ".cloudflare";
 
-			// const packageJson = await fs.readFile("package.json", "utf-8");
-			// const { name } = JSON.parse(packageJson);
-
-			// const wranglerToml = {
-			// 	filePath: path.join(process.cwd(), "wrangler.toml"),
-			// 	toml: `name = "${name}"\ncompatibility_date = "2024-09-05"\npages_build_output_dir= "./${outDir}"\n`,
-			// };
-
 			const routes = {
 				version: 1,
 				description: "Generated by `domco/adapter/cloudflare`.",
@@ -124,10 +116,6 @@ export const adapter: AdapterBuilder = async () => {
 
 			await fs.mkdir(outDir, { recursive: true });
 
-			// if (!(await fileExists(wranglerToml.filePath))) {
-			// 	await fs.writeFile(wranglerToml.filePath, wranglerToml.toml);
-			// }
-
 			await Promise.all([
 				copyClient(outDir),
 				copyServer(outDir),
-Original file line number
+Diff line change
@@ Expand Up / @@ -70,6 +70,10 @@ @@
     			cursor: default;
     		}
     	}
+    	img {
+    		border: var(--border);
+    	}
     }
     @layer components {
@@ Expand Down @@