fix: add missing hono with assets experimental template (#6827)

cloudflare · Sep 25, 2024 · 66ad6df · 66ad6df
1 parent 5043749
commit 66ad6df
Show file tree

Hide file tree

Showing 7 changed files with 87 additions and 0 deletions.
diff --git a/.changeset/green-fishes-rest.md b/.changeset/green-fishes-rest.md
@@ -0,0 +1,5 @@
+---
+"create-cloudflare": patch
+---
+
+fix: add missing hono with assets experimental template
diff --git a/packages/create-cloudflare/src/templates.ts b/packages/create-cloudflare/src/templates.ts
@@ -25,6 +25,7 @@ import gatsbyTemplateExperimental from "templates-experimental/gatsby/c3";
 import assetsOnlyTemplateExperimental from "templates-experimental/hello-world-assets-only/c3";
 import helloWorldWithDurableObjectAssetsTemplateExperimental from "templates-experimental/hello-world-durable-object-with-assets/c3";
 import helloWorldWithAssetsTemplateExperimental from "templates-experimental/hello-world-with-assets/c3";
+import honoTemplateExperimental from "templates-experimental/hono/c3";
 import nuxtTemplateExperimental from "templates-experimental/nuxt/c3";
 import qwikTemplateExperimental from "templates-experimental/qwik/c3";
 import remixTemplateExperimental from "templates-experimental/remix/c3";
@@ -165,6 +166,7 @@ export function getFrameworkMap({ experimental = false }): TemplateMap {
 			astro: astroTemplateExperimental,
 			docusaurus: docusaurusTemplateExperimental,
 			gatsby: gatsbyTemplateExperimental,
+			hono: honoTemplateExperimental,
 			nuxt: nuxtTemplateExperimental,
 			qwik: qwikTemplateExperimental,
 			remix: remixTemplateExperimental,

diff --git a/packages/create-cloudflare/templates-experimental/hono/c3.ts b/packages/create-cloudflare/templates-experimental/hono/c3.ts
@@ -0,0 +1,43 @@
+import { logRaw } from "@cloudflare/cli";
+import { runFrameworkGenerator } from "frameworks/index";
+import { detectPackageManager } from "helpers/packageManagers";
+import type { TemplateConfig } from "../../src/templates";
+import type { C3Context } from "types";
+
+const generate = async (ctx: C3Context) => {
+	const { name: pm } = detectPackageManager();
+
+	await runFrameworkGenerator(ctx, [
+		ctx.project.name,
+		"--template",
+		"cloudflare-workers",
+		"--install",
+		"--pm",
+		pm,
+	]);
+
+	logRaw(""); // newline
+};
+
+const config: TemplateConfig = {
+	configVersion: 1,
+	id: "hono",
+	frameworkCli: "create-hono",
+	displayName: "Hono",
+	copyFiles: {
+		path: "./templates",
+	},
+	platform: "workers",
+	path: "templates-experimental/hono",
+	generate,
+	transformPackageJson: async () => ({
+		scripts: {
+			dev: "wrangler dev",
+			deploy: "wrangler deploy --minify",
+			"cf-typegen": "wrangler types --env-interface CloudflareBindings",
+		},
+	}),
+	devScript: "dev",
+	deployScript: "deploy",
+};
+export default config;
diff --git a/packages/create-cloudflare/templates-experimental/hono/templates/public/index.html b/packages/create-cloudflare/templates-experimental/hono/templates/public/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Hello, World!</title>
+	</head>
+	<body>
+		<h1 id="heading"></h1>
+		<script>
+			fetch('/message')
+				.then((resp) => resp.text())
+				.then((text) => {
+					const h1 = document.getElementById('heading');
+					h1.textContent = text;
+				});
+		</script>
+	</body>
+</html>
diff --git a/packages/create-cloudflare/templates-experimental/hono/templates/src/index.ts b/packages/create-cloudflare/templates-experimental/hono/templates/src/index.ts
@@ -0,0 +1,9 @@
+import { Hono } from "hono";
+
+const app = new Hono<{ Bindings: CloudflareBindings }>();
+
+app.get("/message", (c) => {
+  return c.text("Hello Hono!");
+});
+
+export default app;
diff --git a/packages/create-cloudflare/templates-experimental/hono/templates/worker-configuration.d.ts b/packages/create-cloudflare/templates-experimental/hono/templates/worker-configuration.d.ts
@@ -0,0 +1,4 @@
+// Generated by Wrangler
+// After adding bindings to `wrangler.toml`, regenerate this interface via `npm run cf-typegen`
+interface CloudflareBindings {
+}
diff --git a/packages/create-cloudflare/templates-experimental/hono/templates/wrangler.toml b/packages/create-cloudflare/templates-experimental/hono/templates/wrangler.toml
@@ -0,0 +1,5 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "<TBD>"
+main = "src/index.ts"
+compatibility_date = "<TBD>"
+assets = { directory = "./public", binding = "ASSETS" }