create-cloudflare 2.0.0-next.2 → 2.0.1

package/README.md

@@ -1,15 +1,16 @@
 # create-cloudflare
 
-`create-cloudflare` is a scaffolding tool meant to help users get started with Cloudflare Pages using their framework of choice as quickly and easily as possible. 
-
-Instead of having to choose from a set of pre-constructed templates, this tool allows you to run the creation commands of your desired framework directly. This means that you can configure it with all the options the 
-
-To get started, run the following command:
+A CLI for creating and deploying new applications to Cloudflare.
 
 ```bash
-npm create cloudflare
+npm create cloudflare@latest
 # or
-yarn create cloudflare
+pnpm create cloudflare@latest
 # or
-pnmp create cloudflare
+yarn create cloudflare
 ```
+
+### Community
+
+- Join us [on Discord](https://discord.gg/cloudflaredev)
+- File an issue [on Github](https://github.com/cloudflare/workers-sdk/issues/new/choose)

package/dist/angular/templates/src/_routes.json

@@ -1,5 +1,5 @@
 {
-  "version": 1,
-  "include": ["/*"],
-  "exclude": ["/*.*"]
+	"version": 1,
+	"include": ["/*"],
+	"exclude": ["/*.*"]
 }

package/dist/angular/templates/src/main.server.ts

@@ -8,28 +8,28 @@ import { AppComponent } from "./app/app.component";
 import { config } from "./app/app.config.server";
 
 interface Env {
-  ASSETS: { fetch: typeof fetch };
+	ASSETS: { fetch: typeof fetch };
 }
 
 // We attach the Cloudflare `fetch()` handler to the global scope
 // so that we can export it when we process the Angular output.
 // See tools/bundle.mjs
 (globalThis as any).__workerFetchHandler = async function fetch(
-  request: Request,
-  env: Env
+	request: Request,
+	env: Env
 ) {
-  const url = new URL(request.url);
-  console.log("render SSR", url.href);
+	const url = new URL(request.url);
+	console.log("render SSR", url.href);
 
-  // Get the root `index.html` content.
-  const indexUrl = new URL("/", url);
-  const indexResponse = await env.ASSETS.fetch(new Request(indexUrl));
-  const document = await indexResponse.text();
+	// Get the root `index.html` content.
+	const indexUrl = new URL("/", url);
+	const indexResponse = await env.ASSETS.fetch(new Request(indexUrl));
+	const document = await indexResponse.text();
 
-  const content = await renderApplication(
-    () => bootstrapApplication(AppComponent, config),
-    { document, url: url.pathname }
-  );
-  // console.log("rendered SSR", content);
-  return new Response(content, indexResponse);
+	const content = await renderApplication(
+		() => bootstrapApplication(AppComponent, config),
+		{ document, url: url.pathname }
+	);
+	// console.log("rendered SSR", content);
+	return new Response(content, indexResponse);
 };

package/dist/angular/templates/tools/bundle.mjs

@@ -8,12 +8,12 @@ import fg from "fast-glob";
 
 // Process each of the JS files in the `_worker.js` directory
 for (const entry of await fg("**/*.js", { cwd: workerPath, onlyFiles: true })) {
-  if (entry === "index.js") {
-    // This is the main bundle and gets special treatment
-    await bundleMain();
-  } else {
-    await bundleLazyModule(entry);
-  }
+	if (entry === "index.js") {
+		// This is the main bundle and gets special treatment
+		await bundleMain();
+	} else {
+		await bundleLazyModule(entry);
+	}
 }
 
 // Use esbuild to process the main entry-point.
@@ -22,53 +22,53 @@ for (const entry of await fg("**/*.js", { cwd: workerPath, onlyFiles: true })) {
 // - convert dynamic `require()` calls to `await import()` calls
 // - ensure that the Cloudflare `fetch()` handler is exported
 async function bundleMain() {
-  const result = await esbuild.build({
-    entryPoints: ["index.js"],
-    bundle: true,
-    format: "iife",
-    write: false,
-    absWorkingDir: workerPath,
-    define: {
-      global: "globalThis",
-    },
-    plugins: [
-      NodeGlobalsPolyfillPlugin({ buffer: true }),
-      NodeModulesPolyfillPlugin(),
-    ],
-  });
+	const result = await esbuild.build({
+		entryPoints: ["index.js"],
+		bundle: true,
+		format: "iife",
+		write: false,
+		absWorkingDir: workerPath,
+		define: {
+			global: "globalThis",
+		},
+		plugins: [
+			NodeGlobalsPolyfillPlugin({ buffer: true }),
+			NodeModulesPolyfillPlugin(),
+		],
+	});
 
-  let main = result.outputFiles[0].text;
+	let main = result.outputFiles[0].text;
 
-  // Patch any dynamic imports (converting `require()` calls to `import()` calls).
-  main = main.replace(
-    'installChunk(__require("./" + __webpack_require__.u(chunkId))',
-    'promises.push(import("./" + __webpack_require__.u(chunkId)).then((mod) => installChunk(mod.default))'
-  );
-  // Export the fetch handler (grabbing it from the global).
-  main += "\nexport default { fetch : globalThis.__workerFetchHandler };";
+	// Patch any dynamic imports (converting `require()` calls to `import()` calls).
+	main = main.replace(
+		'installChunk(__require("./" + __webpack_require__.u(chunkId))',
+		'promises.push(import("./" + __webpack_require__.u(chunkId)).then((mod) => installChunk(mod.default))'
+	);
+	// Export the fetch handler (grabbing it from the global).
+	main += "\nexport default { fetch : globalThis.__workerFetchHandler };";
 
-  await fs.writeFile(path.resolve(workerPath, "index.js"), main);
+	await fs.writeFile(path.resolve(workerPath, "index.js"), main);
 }
 
 // Use esbuild to process the lazy load modules
 // In particular we need to convert the CommonJS export syntax to ESM.
 async function bundleLazyModule(filePath) {
-  const result = await esbuild.build({
-    entryPoints: [filePath],
-    bundle: true,
-    format: "cjs",
-    write: false,
-    absWorkingDir: workerPath,
-    define: {
-      global: "globalThis",
-    },
-    plugins: [NodeModulesPolyfillPlugin()],
-  });
+	const result = await esbuild.build({
+		entryPoints: [filePath],
+		bundle: true,
+		format: "cjs",
+		write: false,
+		absWorkingDir: workerPath,
+		define: {
+			global: "globalThis",
+		},
+		plugins: [NodeModulesPolyfillPlugin()],
+	});
 
-  let content = result.outputFiles[0].text;
+	let content = result.outputFiles[0].text;
 
-  // Export the fetch handler (grabbing it from the global).
-  content = "const exports = {};\n" + content + "\nexport default exports";
+	// Export the fetch handler (grabbing it from the global).
+	content = "const exports = {};\n" + content + "\nexport default exports";
 
-  await fs.writeFile(path.resolve(workerPath, filePath), content);
+	await fs.writeFile(path.resolve(workerPath, filePath), content);
 }

package/dist/angular/templates/tools/copy-worker-files.mjs

@@ -5,6 +5,6 @@ import path from "node:path";
 import { ssr, worker } from "./paths.mjs";
 fs.cpSync(ssr, worker, { recursive: true });
 fs.renameSync(
-  path.resolve(worker, "main.js"),
-  path.resolve(worker, "index.js")
+	path.resolve(worker, "main.js"),
+	path.resolve(worker, "index.js")
 );

package/dist/angular/templates/tsconfig.server.json

@@ -1,7 +1,5 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "./tsconfig.app.json",
-  "files": [
-    "./src/main.server.ts"
-  ]
+	"extends": "./tsconfig.app.json",
+	"files": ["./src/main.server.ts"]
 }