Add type gen command to react + vite + assets template (#8349)

* rename to jsonc

* add type gen

* changeset

* fix tsconfig

Author: emily-shen

.changeset/shaggy-pugs-obey.md

@@ -0,0 +1,5 @@
+---
+"create-cloudflare": patch
+---
+
+Add type generation command to React + Vite + Workers with Assets template and use `wrangler.jsonc` instead of `.json`.

packages/create-cloudflare/templates-experimental/react/c3.ts

@@ -169,10 +169,11 @@ const config: TemplateConfig = {
 	},
 	generate,
 	configure,
-	transformPackageJson: async () => ({
+	transformPackageJson: async (_, ctx) => ({
 		scripts: {
 			deploy: `${npm} run build && wrangler deploy`,
 			preview: `${npm} run build && vite preview`,
+			...(usesTypescript(ctx) && { "cf-typegen": `wrangler types` }),
 		},
 	}),
 	devScript: "dev",

packages/create-cloudflare/templates-experimental/react/js/wrangler.json renamed to packages/create-cloudflare/templates-experimental/react/js/wrangler.jsonc

@@ -1,7 +1,3 @@
-interface Env {
-  ASSETS: Fetcher;
-}
-
 export default {
   fetch(request, env) {
     const url = new URL(request.url);

packages/create-cloudflare/templates-experimental/react/ts/api/index.ts

@@ -2,7 +2,7 @@
   "extends": "./tsconfig.node.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.worker.tsbuildinfo",
-    "types": ["@cloudflare/workers-types/2023-07-01", "vite/client"],
+    "types": ["@cloudflare/workers-types/2023-07-01", "./worker-configuration.d.ts", "vite/client"],
   },
   "include": ["api"],
 }

packages/create-cloudflare/templates-experimental/react/ts/tsconfig.worker.json

@@ -0,0 +1,5 @@
+// Generated by Wrangler
+// After adding bindings to `wrangler.jsonc`, regenerate this interface via `npm run cf-typegen`
+interface Env {
+	ASSETS: Fetcher;
+}