create-cloudflare 2.20.1 → 2.21.1

package/dist/cli.js

@@ -3897,7 +3897,7 @@ var init_args = __esm({
 var version, devDependencies;
 var init_package = __esm({
   "package.json"() {
-    version = "2.20.1";
+    version = "2.21.1";
     devDependencies = {
       "@babel/parser": "^7.21.3",
       "@babel/types": "^7.21.4",
@@ -3905,7 +3905,7 @@ var init_package = __esm({
       "@cloudflare/cli": "workspace:*",
       "@cloudflare/eslint-config-worker": "*",
       "@cloudflare/workers-tsconfig": "workspace:*",
-      "@cloudflare/workers-types": "^4.20240405.0",
+      "@cloudflare/workers-types": "^4.20240419.0",
       "@iarna/toml": "^3.0.0",
       "@types/command-exists": "^1.2.0",
       "@types/cross-spawn": "^6.0.2",
@@ -24607,7 +24607,7 @@ var init_package2 = __esm({
         "create-analog": "1.2.0",
         "@angular/create": "17.2.3",
         "create-docusaurus": "3.1.1",
-        "create-hono": "0.5.0",
+        "create-hono": "0.7.0",
         "create-next-app": "14.1.0",
         "create-qwik": "1.4.5",
         "create-react-app": "5.0.1",
@@ -70931,25 +70931,68 @@ var c3_exports6 = {};
 __export(c3_exports6, {
   default: () => c3_default6
 });
-var generate6, config6, c3_default6;
+var generate6, configure4, config6, c3_default6;
 var init_c36 = __esm({
   "templates/hono/c3.ts"() {
     init_cli();
+    init_colors();
+    init_interactive();
     init_frameworks();
+    init_codemod();
+    init_packageManagers();
     generate6 = async (ctx) => {
+      const { name: pm3 } = detectPackageManager();
       await runFrameworkGenerator(ctx, [
         ctx.project.name,
         "--template",
-        "cloudflare-workers"
+        "cloudflare-workers",
+        "--install",
+        "--pm",
+        pm3
       ]);
       logRaw("");
     };
+    configure4 = async (ctx) => {
+      const indexFile = "src/index.ts";
+      const s = spinner();
+      s.start(`Updating \`${indexFile}\``);
+      const snippets = loadTemplateSnippets(ctx);
+      transformFile(indexFile, {
+        // Insert the env declaration after the last import (but before the rest of the body)
+        visitProgram: function(n2) {
+          const lastImportIndex = n2.node.body.findLastIndex(
+            (t) => t.type === "ImportDeclaration"
+          );
+          const lastImport = n2.get("body", lastImportIndex);
+          lastImport.insertAfter(...snippets.bindingsTypeTs);
+          return this.traverse(n2);
+        },
+        visitVariableDeclarator(n2) {
+          if (n2.node.id.type === "Identifier" && n2.node.id.name === "app") {
+            n2.node.init = snippets.appDeclarationTs[0];
+            return false;
+          }
+        }
+      });
+      s.stop(`${brandColor("updated")} \`${dim(indexFile)}\``);
+    };
     config6 = {
       configVersion: 1,
       id: "hono",
       displayName: "Hono",
+      copyFiles: {
+        path: "./templates"
+      },
       platform: "workers",
       generate: generate6,
+      configure: configure4,
+      transformPackageJson: async () => ({
+        scripts: {
+          dev: "wrangler dev",
+          deploy: "wrangler deploy --minify",
+          "cf-typegen": "wrangler types --env-interface CloudflareBindings"
+        }
+      }),
       devScript: "dev",
       deployScript: "deploy"
     };
@@ -70964,7 +71007,7 @@ __export(c3_exports7, {
   shouldInstallNextOnPagesEslintPlugin: () => shouldInstallNextOnPagesEslintPlugin,
   writeEslintrc: () => writeEslintrc
 });
-var import_path13, npm5, npx3, generate7, updateNextConfig, configure4, shouldInstallNextOnPagesEslintPlugin, writeEslintrc, addDevDependencies, c3_default7;
+var import_path13, npm5, npx3, generate7, updateNextConfig, configure5, shouldInstallNextOnPagesEslintPlugin, writeEslintrc, addDevDependencies, c3_default7;
 var init_c37 = __esm({
   "templates/next/c3.ts"() {
     import_path13 = require("path");
@@ -71011,7 +71054,7 @@ ${$1}`
       writeFile2(configFile, updatedConfigFile);
       s.stop(`${brandColor(`updated`)} ${dim(`\`${configFile}\``)}`);
     };
-    configure4 = async (ctx) => {
+    configure5 = async (ctx) => {
       const projectPath = ctx.project.path;
       const path4 = probePaths([
         `${projectPath}/pages/api`,
@@ -71091,7 +71134,7 @@ ${$1}`
       platform: "pages",
       displayName: "Next",
       generate: generate7,
-      configure: configure4,
+      configure: configure5,
       copyFiles: {
         async selectVariant(ctx) {
           const isApp = probePaths([
@@ -71153,7 +71196,7 @@ var c3_exports8 = {};
 __export(c3_exports8, {
   default: () => c3_default8
 });
-var recast4, npm6, pm2, generate8, configure5, updateEnvTypes2, updateNuxtConfig, config7, c3_default8;
+var recast4, npm6, pm2, generate8, configure6, updateEnvTypes2, updateNuxtConfig, config7, c3_default8;
 var init_c38 = __esm({
   "templates/nuxt/c3.ts"() {
     init_cli();
@@ -71179,7 +71222,7 @@ var init_c38 = __esm({
       writeFile2("./.node-version", "17");
       logRaw("");
     };
-    configure5 = async (ctx) => {
+    configure6 = async (ctx) => {
       const packages = ["nitro-cloudflare-dev"];
       if (pm2 === "pnpm") {
         packages.push("h3");
@@ -71246,7 +71289,7 @@ var init_c38 = __esm({
         path: "./templates"
       },
       generate: generate8,
-      configure: configure5,
+      configure: configure6,
       transformPackageJson: async () => ({
         scripts: {
           deploy: `${npm6} run build && wrangler pages deploy`,
@@ -71267,7 +71310,7 @@ var c3_exports9 = {};
 __export(c3_exports9, {
   default: () => c3_default9
 });
-var recast5, npm7, npx4, generate9, configure6, addBindingsProxy, populateCloudflareEnv, config8, c3_default9;
+var recast5, npm7, npx4, generate9, configure7, addBindingsProxy, populateCloudflareEnv, config8, c3_default9;
 var init_c39 = __esm({
   "templates/qwik/c3.ts"() {
     init_cli();
@@ -71283,7 +71326,7 @@ var init_c39 = __esm({
     generate9 = async (ctx) => {
       await runFrameworkGenerator(ctx, ["basic", ctx.project.name]);
     };
-    configure6 = async (ctx) => {
+    configure7 = async (ctx) => {
       const cmd = [npx4, "qwik", "add", "cloudflare-pages"];
       endSection(`Running ${quoteShellArgs(cmd)}`);
       await runCommand(cmd);
@@ -71369,7 +71412,7 @@ var init_c39 = __esm({
         path: "./templates"
       },
       generate: generate9,
-      configure: configure6,
+      configure: configure7,
       transformPackageJson: async () => ({
         scripts: {
           deploy: `${npm7} run build && wrangler pages deploy`,
@@ -71426,7 +71469,7 @@ var c3_exports11 = {};
 __export(c3_exports11, {
   default: () => c3_default11
 });
-var npm9, generate11, configure7, config10, c3_default11;
+var npm9, generate11, configure8, config10, c3_default11;
 var init_c311 = __esm({
   "templates/remix/c3.ts"() {
     init_cli();
@@ -71444,7 +71487,7 @@ var init_c311 = __esm({
       ]);
       logRaw("");
     };
-    configure7 = async () => {
+    configure8 = async () => {
       const typeDefsPath = "load-context.ts";
       const s = spinner();
       s.start(`Updating \`${typeDefsPath}\``);
@@ -71468,7 +71511,7 @@ var init_c311 = __esm({
         path: "./templates"
       },
       generate: generate11,
-      configure: configure7,
+      configure: configure8,
       transformPackageJson: async () => ({
         scripts: {
           deploy: `${npm9} run build && wrangler pages deploy`,
@@ -71489,7 +71532,7 @@ var c3_exports12 = {};
 __export(c3_exports12, {
   default: () => c3_default12
 });
-var recast6, npm10, generate12, configure8, config11, c3_default12;
+var recast6, npm10, generate12, configure9, config11, c3_default12;
 var init_c312 = __esm({
   "templates/solid/c3.ts"() {
     init_cli();
@@ -71504,7 +71547,7 @@ var init_c312 = __esm({
       await runFrameworkGenerator(ctx, ["-p", ctx.project.name, "-s"]);
       logRaw("");
     };
-    configure8 = async (ctx) => {
+    configure9 = async (ctx) => {
       usesTypescript(ctx);
       const filePath = `app.config.${usesTypescript(ctx) ? "ts" : "js"}`;
       updateStatus(`Updating configuration in ${blue(filePath)}`);
@@ -71550,7 +71593,7 @@ var init_c312 = __esm({
         path: "./templates"
       },
       generate: generate12,
-      configure: configure8,
+      configure: configure9,
       transformPackageJson: async () => ({
         scripts: {
           preview: `${npm10} run build && npx wrangler pages dev`,
@@ -71571,7 +71614,7 @@ var c3_exports13 = {};
 __export(c3_exports13, {
   default: () => c3_default13
 });
-var import_node_os, recast7, npm11, generate13, configure9, updateSvelteConfig, updateTypeDefinitions, config12, c3_default13;
+var import_node_os, recast7, npm11, generate13, configure10, updateSvelteConfig, updateTypeDefinitions, config12, c3_default13;
 var init_c313 = __esm({
   "templates/svelte/c3.ts"() {
     import_node_os = require("node:os");
@@ -71588,7 +71631,7 @@ var init_c313 = __esm({
       await runFrameworkGenerator(ctx, [ctx.project.name]);
       logRaw("");
     };
-    configure9 = async (ctx) => {
+    configure10 = async (ctx) => {
       const pkg = `@sveltejs/adapter-cloudflare`;
       await installPackages([pkg], {
         dev: true,
@@ -71659,7 +71702,7 @@ var init_c313 = __esm({
         }
       },
       generate: generate13,
-      configure: configure9,
+      configure: configure10,
       transformPackageJson: async (original, ctx) => {
         let scripts = {
           preview: `${npm11} run build && wrangler pages dev`,
@@ -77802,7 +77845,7 @@ init_command();
 init_packageManagers();
 
 // ../wrangler/package.json
-var version2 = "3.51.2";
+var version2 = "3.52.0";
 
 // src/git.ts
 init_package();
@@ -79389,7 +79432,7 @@ var printSummary = async (ctx) => {
   const { npm: npm14 } = detectPackageManager();
   const dirRelativePath = (0, import_path10.relative)(ctx.originalCWD, ctx.project.path);
   const nextSteps = [
-    dirRelativePath ? ["Navigate to the new directory", `cd ${dirRelativePath}`] : [],
+    ...dirRelativePath ? [["Navigate to the new directory", `cd ${dirRelativePath}`]] : [],
     [
       "Run the development server",
       quoteShellArgs([npm14, "run", ctx.template.devScript ?? "start"])
@@ -79408,7 +79451,7 @@ var printSummary = async (ctx) => {
       "Read the documentation",
       `https://developers.cloudflare.com/${ctx.template.platform}`
     ],
-    ["Stuck? Join us at", "https://discord.gg/cloudflaredev"]
+    ["Stuck? Join us at", "https://discord.cloudflare.com"]
   ];
   if (ctx.deployment.url) {
     const msg = [
@@ -80889,7 +80932,7 @@ var setupProjectDirectory = (args) => {
 };
 var runTemplate = async (ctx) => {
   await create(ctx);
-  await configure10(ctx);
+  await configure11(ctx);
   await deploy(ctx);
   await printSummary(ctx);
 };
@@ -80905,7 +80948,7 @@ var create = async (ctx) => {
   await rectifyPmMismatch(ctx);
   endSection(`Application created`);
 };
-var configure10 = async (ctx) => {
+var configure11 = async (ctx) => {
   startSection("Configuring your application for Cloudflare", "Step 2 of 3");
   await installWrangler();
   await installWorkersTypes(ctx);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-cloudflare",
-  "version": "2.20.1",
+  "version": "2.21.1",
   "description": "A CLI for creating and deploying new applications to Cloudflare.",
   "keywords": [
     "cloudflare",
@@ -30,7 +30,7 @@
     "@babel/types": "^7.21.4",
     "@clack/prompts": "^0.6.3",
     "@cloudflare/eslint-config-worker": "*",
-    "@cloudflare/workers-types": "^4.20240405.0",
+    "@cloudflare/workers-types": "^4.20240419.0",
     "@iarna/toml": "^3.0.0",
     "@types/command-exists": "^1.2.0",
     "@types/cross-spawn": "^6.0.2",
@@ -69,8 +69,8 @@
     "yargs": "^17.7.1",
     "yarn": "^1.22.19",
     "@cloudflare/cli": "1.1.1",
-    "wrangler": "3.51.2",
-    "@cloudflare/workers-tsconfig": "0.0.0"
+    "@cloudflare/workers-tsconfig": "0.0.0",
+    "wrangler": "3.52.0"
   },
   "engines": {
     "node": ">=18.14.1"

package/templates/analog/templates/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = "./dist/analog/public"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Note: Use secrets to store sensitive data.
 # Docs:

package/templates/astro/templates/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = "./dist"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/common/js/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.js"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/common/ts/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.ts"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hello-world/js/wrangler.toml

@@ -4,6 +4,13 @@ main = "src/index.js"
 compatibility_date = "<TBD>"
 compatibility_flags = ["nodejs_compat"]
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hello-world/ts/wrangler.toml

@@ -4,6 +4,13 @@ main = "src/index.ts"
 compatibility_date = "<TBD>"
 compatibility_flags = ["nodejs_compat"]
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hello-world-durable-object/js/src/index.js

@@ -1,3 +1,5 @@
+import { DurableObject } from "cloudflare:workers";
+
 /**
  * Welcome to Cloudflare Workers! This is your first Durable Objects application.
  *
@@ -16,25 +18,27 @@
  */
 
 /** A Durable Object's behavior is defined in an exported Javascript class */
-export class MyDurableObject {
+export class MyDurableObject extends DurableObject {
 	/**
 	 * The constructor is invoked once upon creation of the Durable Object, i.e. the first call to
-	 * 	`DurableObjectStub::get` for a given identifier
+	 * 	`DurableObjectStub::get` for a given identifier (no-op constructors can be omitted)
 	 *
-	 * @param {DurableObjectState} state - The interface for interacting with Durable Object state
+	 * @param {DurableObjectState} ctx - The interface for interacting with Durable Object state
 	 * @param {Env} env - The interface to reference bindings declared in wrangler.toml
 	 */
-	constructor(state, env) {}
+	constructor(ctx, env) {
+		super(ctx, env);
+	}
 
 	/**
-	 * The Durable Object fetch handler will be invoked when a Durable Object instance receives a
-	 * 	request from a Worker via an associated stub
+	 * The Durable Object exposes an RPC method sayHello which will be invoked when when a Durable
+	 *  Object instance receives a request from a Worker via the same method invokation on the stub
 	 *
-	 * @param {Request} request - The request submitted to a Durable Object instance from a Worker
-	 * @returns {Promise<Response>} The response to be sent back to the Worker
+	 * @param {string} name - The name provided to a Durable Object instance from a Worker
+	 * @returns {Promise<string>} The greeting to be sent back to the Worker
 	 */
-	async fetch(request) {
-		return new Response('Hello World');
+	async sayHello(name) {
+		return `Hello, ${name}!`;
 	}
 }
 
@@ -56,10 +60,10 @@ export default {
 		// The Durable Object constructor will be invoked upon the first call for a given id
 		let stub = env.MY_DURABLE_OBJECT.get(id);
 
-		// We call `fetch()` on the stub to send a request to the Durable Object instance
-		// The Durable Object instance will invoke its fetch handler to handle the request
-		let response = await stub.fetch(request);
+		// We call the `sayHello()` RPC method on the stub to invoke the method on the remote
+		// Durable Object instance
+		let greeting = await stub.sayHello("world");
 
-		return response;
+		return new Response(greeting);
 	},
 };

package/templates/hello-world-durable-object/js/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.ts"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hello-world-durable-object/ts/package.json

@@ -9,7 +9,6 @@
 		"cf-typegen": "wrangler types"
 	},
 	"devDependencies": {
-		"@cloudflare/workers-types": "^4.20231218.0",
 		"typescript": "^5.0.4",
 		"wrangler": "^3.0.0"
 	}

package/templates/hello-world-durable-object/ts/src/index.ts

@@ -1,3 +1,5 @@
+import { DurableObject } from "cloudflare:workers";
+
 /**
  * Welcome to Cloudflare Workers! This is your first Durable Objects application.
  *
@@ -11,26 +13,49 @@
  * Learn more at https://developers.cloudflare.com/durable-objects
  */
 
+
+/**
+ * Associate bindings declared in wrangler.toml with the TypeScript type system
+ */
+export interface Env {
+	// Example binding to KV. Learn more at https://developers.cloudflare.com/workers/runtime-apis/kv/
+	// MY_KV_NAMESPACE: KVNamespace;
+	//
+	// Example binding to Durable Object. Learn more at https://developers.cloudflare.com/workers/runtime-apis/durable-objects/
+	MY_DURABLE_OBJECT: DurableObjectNamespace<MyDurableObject>;
+	//
+	// Example binding to R2. Learn more at https://developers.cloudflare.com/workers/runtime-apis/r2/
+	// MY_BUCKET: R2Bucket;
+	//
+	// Example binding to a Service. Learn more at https://developers.cloudflare.com/workers/runtime-apis/service-bindings/
+	// MY_SERVICE: Fetcher;
+	//
+	// Example binding to a Queue. Learn more at https://developers.cloudflare.com/queues/javascript-apis/
+	// MY_QUEUE: Queue;
+}
+
 /** A Durable Object's behavior is defined in an exported Javascript class */
-export class MyDurableObject {
+export class MyDurableObject extends DurableObject {
 	/**
 	 * The constructor is invoked once upon creation of the Durable Object, i.e. the first call to
-	 * 	`DurableObjectStub::get` for a given identifier
+	 * 	`DurableObjectStub::get` for a given identifier (no-op constructors can be omitted)
 	 *
-	 * @param state - The interface for interacting with Durable Object state
+	 * @param ctx - The interface for interacting with Durable Object state
 	 * @param env - The interface to reference bindings declared in wrangler.toml
 	 */
-	constructor(state: DurableObjectState, env: Env) {}
+	constructor(ctx: DurableObjectState, env: Env) {
+		super(ctx, env);
+	}
 
 	/**
-	 * The Durable Object fetch handler will be invoked when a Durable Object instance receives a
-	 * 	request from a Worker via an associated stub
+	 * The Durable Object exposes an RPC method sayHello which will be invoked when when a Durable
+	 *  Object instance receives a request from a Worker via the same method invokation on the stub
 	 *
-	 * @param request - The request submitted to a Durable Object instance from a Worker
-	 * @returns The response to be sent back to the Worker
+	 * @param name - The name provided to a Durable Object instance from a Worker
+	 * @returns The greeting to be sent back to the Worker
 	 */
-	async fetch(request: Request): Promise<Response> {
-		return new Response('Hello World');
+	async sayHello(name: string): Promise<string> {
+		return `Hello, ${name}!`;
 	}
 }
 
@@ -50,12 +75,12 @@ export default {
 
 		// This stub creates a communication channel with the Durable Object instance
 		// The Durable Object constructor will be invoked upon the first call for a given id
-		let stub: DurableObjectStub = env.MY_DURABLE_OBJECT.get(id);
+		let stub = env.MY_DURABLE_OBJECT.get(id);
 
-		// We call `fetch()` on the stub to send a request to the Durable Object instance
-		// The Durable Object instance will invoke its fetch handler to handle the request
-		let response = await stub.fetch(request);
+		// We call the `sayHello()` RPC method on the stub to invoke the method on the remote
+		// Durable Object instance
+		let greeting = await stub.sayHello("world");
 
-		return response;
+		return new Response(greeting);
 	},
 };

package/templates/hello-world-durable-object/ts/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.ts"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hello-world-python/py/wrangler.toml

@@ -4,6 +4,13 @@ main = "src/entry.py"
 compatibility_flags = ["python_workers"]
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/hono/c3.ts

@@ -1,24 +1,77 @@
 import { logRaw } from "@cloudflare/cli";
+import { brandColor, dim } from "@cloudflare/cli/colors";
+import { spinner } from "@cloudflare/cli/interactive";
 import { runFrameworkGenerator } from "frameworks/index";
+import { loadTemplateSnippets, transformFile } from "helpers/codemod";
+import { detectPackageManager } from "helpers/packageManagers";
 import type { TemplateConfig } from "../../src/templates";
+import type * as recast from "recast";
 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 configure = async (ctx: C3Context) => {
+	const indexFile = "src/index.ts";
+
+	const s = spinner();
+	s.start(`Updating \`${indexFile}\``);
+
+	const snippets = loadTemplateSnippets(ctx);
+
+	transformFile(indexFile, {
+		// Insert the env declaration after the last import (but before the rest of the body)
+		visitProgram: function (n) {
+			const lastImportIndex = n.node.body.findLastIndex(
+				(t) => t.type === "ImportDeclaration"
+			);
+			const lastImport = n.get("body", lastImportIndex);
+			lastImport.insertAfter(...snippets.bindingsTypeTs);
+
+			return this.traverse(n);
+		},
+		visitVariableDeclarator(n) {
+			if (n.node.id.type === "Identifier" && n.node.id.name === "app") {
+				n.node.init = snippets
+					.appDeclarationTs[0] as recast.types.namedTypes.NewExpression;
+
+				return false;
+			}
+		},
+	});
+
+	s.stop(`${brandColor("updated")} \`${dim(indexFile)}\``);
+};
+
 const config: TemplateConfig = {
 	configVersion: 1,
 	id: "hono",
 	displayName: "Hono",
+	copyFiles: {
+		path: "./templates",
+	},
 	platform: "workers",
 	generate,
+	configure,
+	transformPackageJson: async () => ({
+		scripts: {
+			dev: "wrangler dev",
+			deploy: "wrangler deploy --minify",
+			"cf-typegen": "wrangler types --env-interface CloudflareBindings",
+		},
+	}),
 	devScript: "dev",
 	deployScript: "deploy",
 };

package/templates/hono/snippets/appDeclaration.ts

@@ -0,0 +1 @@
+new Hono<{ Bindings: Bindings }>()

package/templates/hono/snippets/bindingsType.ts

@@ -0,0 +1,3 @@
+type Bindings = {
+  [key in keyof CloudflareBindings]: CloudflareBindings[key]
+}

package/templates/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 {
+}

package/templates/hono/templates/wrangler.toml

@@ -0,0 +1,107 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "<TBD>"
+main = "src/index.ts"
+compatibility_date = "<TBD>"
+
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
+# Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
+# Docs:
+# - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables
+# Note: Use secrets to store sensitive data.
+# - https://developers.cloudflare.com/workers/configuration/secrets/
+# [vars]
+# MY_VARIABLE = "production_value"
+
+# Bind the Workers AI model catalog. Run machine learning models, powered by serverless GPUs, on Cloudflare’s global network
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#workers-ai
+# [ai]
+# binding = "AI"
+
+# Bind an Analytics Engine dataset. Use Analytics Engine to write analytics within your Pages Function.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#analytics-engine-datasets
+# [[analytics_engine_datasets]]
+# binding = "MY_DATASET"
+
+# Bind a headless browser instance running on Cloudflare's global network.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#browser-rendering
+# [browser]
+# binding = "MY_BROWSER"
+
+# Bind a D1 database. D1 is Cloudflare’s native serverless SQL database.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#d1-databases
+# [[d1_databases]]
+# binding = "MY_DB"
+# database_name = "my-database"
+# database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+
+# Bind a dispatch namespace. Use Workers for Platforms to deploy serverless functions programmatically on behalf of your customers.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#dispatch-namespace-bindings-workers-for-platforms
+# [[dispatch_namespaces]]
+# binding = "MY_DISPATCHER"
+# namespace = "my-namespace"
+
+# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
+# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#durable-objects
+# [[durable_objects.bindings]]
+# name = "MY_DURABLE_OBJECT"
+# class_name = "MyDurableObject"
+
+# Durable Object migrations.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#migrations
+# [[migrations]]
+# tag = "v1"
+# new_classes = ["MyDurableObject"]
+
+# Bind a Hyperdrive configuration. Use to accelerate access to your existing databases from Cloudflare Workers.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#hyperdrive
+# [[hyperdrive]]
+# binding = "MY_HYPERDRIVE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# Bind a KV Namespace. Use KV as persistent storage for small key-value pairs.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#kv-namespaces
+# [[kv_namespaces]]
+# binding = "MY_KV_NAMESPACE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# Bind an mTLS certificate. Use to present a client certificate when communicating with another service.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#mtls-certificates
+# [[mtls_certificates]]
+# binding = "MY_CERTIFICATE"
+# certificate_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+
+# Bind a Queue producer. Use this binding to schedule an arbitrary task that may be processed later by a Queue consumer.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#queues
+# [[queues.producers]]
+# binding = "MY_QUEUE"
+# queue = "my-queue"
+
+# Bind a Queue consumer. Queue Consumers can retrieve tasks scheduled by Producers to act on them.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#queues
+# [[queues.consumers]]
+# queue = "my-queue"
+
+# Bind an R2 Bucket. Use R2 to store arbitrarily large blobs of data, such as files.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#r2-buckets
+# [[r2_buckets]]
+# binding = "MY_BUCKET"
+# bucket_name = "my-bucket"
+
+# Bind another Worker service. Use this binding to call another Worker without network overhead.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#service-bindings
+# [[services]]
+# binding = "MY_SERVICE"
+# service = "my-service"
+
+# Bind a Vectorize index. Use to store and query vector embeddings for semantic search, classification and other vector search use-cases.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#vectorize-indexes
+# [[vectorize]]
+# binding = "MY_INDEX"
+# index_name = "my-index"

package/templates/next/wrangler.toml

@@ -4,6 +4,13 @@ compatibility_date = "<TBD>"
 compatibility_flags = ["nodejs_compat"]
 pages_build_output_dir = ".vercel/output/static"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/nuxt/templates/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = "./dist"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/openapi/ts/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.ts"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/queues/js/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.js"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/queues/ts/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 main = "src/index.ts"
 compatibility_date = "<TBD>"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/qwik/templates/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = "./dist"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/remix/templates/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = "./build/client"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/scheduled/js/wrangler.toml

@@ -9,6 +9,13 @@ compatibility_date = "<TBD>"
 [triggers]
 crons = ["* * * * *"] # * * * * * = run every minute
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/scheduled/ts/wrangler.toml

@@ -9,6 +9,13 @@ compatibility_date = "<TBD>"
 [triggers]
 crons = ["* * * * *"] # * * * * * = run every minute
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables

package/templates/solid/templates/wrangler.toml

@@ -4,6 +4,13 @@ compatibility_date = "<TBD>"
 compatibility_flags = ["nodejs_compat"]
 pages_build_output_dir = "./dist"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Note: Use secrets to store sensitive data.
 # Docs: https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/svelte/js/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = ".svelte-kit/cloudflare"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables

package/templates/svelte/ts/wrangler.toml

@@ -3,6 +3,13 @@ name = "<TBD>"
 compatibility_date = "<TBD>"
 pages_build_output_dir = ".svelte-kit/cloudflare"
 
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Pages Function, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/pages/functions/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
 # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
 # Docs:
 # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables