create-cloudflare 2.6.2 → 2.7.0

package/README.md

@@ -2,58 +2,7 @@
 
 A CLI for creating and deploying new applications to [Cloudflare](https://developers.cloudflare.com/).
 
-## Usage
-
-### Setup via Interactive CLI
-
-To create new applications via interactive CLI, run:
-
-```bash
-npm create cloudflare@latest
-# or
-pnpm create cloudflare@latest
-# or
-yarn create cloudflare
-```
-
-### Setup via CLI Arguments
-
-#### New Websites or Web applications via Frameworks
-
-To create a new website or web framework without interaction, run:
-
-```bash
-npm create cloudflare@latest -- --type webFramework --framework <frameworkName>
-# or
-pnpm create cloudflare@latest ...
-# or
-yarn create cloudflare ...
-```
-
-Currently supported framework options: `angular`, `astro`, `docusaurus`, `gatsby`, `hono`, `next`, `nuxt`, `qwik`, `react`, `remix`, `solid`, `svelte`, `vue`.
-
-#### New Workers via Templates
-
-To create a new Javascript "Hello World" worker, run:
-
-```bash
-npm create cloudflare@latest hello-world -- --type hello-world --no-ts
-```
-
-To create a new Typescript "Hello World" worker, run:
-
-```bash
-npm create cloudflare@latest hello-world -- --type hello-world --ts
-```
-
-Current template options are: `hello-world`, `common`, `chatgptPlugin`, or `openapi`.
-
-#### Additional arguments
-
-|               |                                                                         |
-| ------------- | :---------------------------------------------------------------------: |
-| `--deploy`    | deploy your application automatically, bypassing the interactive prompt |
-| `--no-deploy` |   create and scaffold a new application and bypass deployment prompt    |
+For more details on how to use the create-cloudflare CLI (C3) please visit the [official C3 documentation](https://developers.cloudflare.com/pages/get-started/c3).
 
 ### Community
 

package/dist/angular/templates/{src/main.server.ts → server.ts}

@@ -1,11 +1,5 @@
-import "zone.js/dist/zone-node";
-import "@angular/platform-server/init";
-
-import { bootstrapApplication } from "@angular/platform-browser";
 import { renderApplication } from "@angular/platform-server";
-
-import { AppComponent } from "./app/app.component";
-import { config } from "./app/app.config.server";
+import bootstrap from "./src/main.server";
 
 interface Env {
 	ASSETS: { fetch: typeof fetch };
@@ -14,10 +8,7 @@ interface Env {
 // 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
-) {
+async function workerFetchHandler(request: Request, env: Env) {
 	const url = new URL(request.url);
 	console.log("render SSR", url.href);
 
@@ -26,10 +17,18 @@ interface Env {
 	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 }
-	);
+	const content = await renderApplication(bootstrap, {
+		document,
+		url: url.pathname,
+	});
+
 	// console.log("rendered SSR", content);
 	return new Response(content, indexResponse);
+}
+
+export default {
+	fetch: (request: Request, env: Env) =>
+		(globalThis as any)["__zone_symbol__Promise"].resolve(
+			workerFetchHandler(request, env)
+		),
 };

package/dist/angular/templates/tools/alter-polyfills.mjs

@@ -0,0 +1,27 @@
+import { EOL } from "node:os";
+import fs from "node:fs";
+import { join } from "node:path";
+import { worker } from "./paths.mjs";
+
+/**
+ * Split by lines and comment the banner
+ * ```
+ * import { createRequire } from 'node:module';
+ * globalThis['require'] ??= createRequire(import.meta.url);
+ * ```
+ */
+const serverPolyfillsFile = join(worker, "polyfills.server.mjs");
+const serverPolyfillsData = fs
+	.readFileSync(serverPolyfillsFile, "utf8")
+	.split(EOL);
+
+for (let index = 0; index < 2; index++) {
+	if (serverPolyfillsData[index].includes("createRequire")) {
+		serverPolyfillsData[index] = "// " + serverPolyfillsData[index];
+	}
+}
+
+// Add needed polyfills
+serverPolyfillsData.unshift(`globalThis['process'] = {};`);
+
+fs.writeFileSync(serverPolyfillsFile, serverPolyfillsData.join(EOL));

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

@@ -0,0 +1,9 @@
+// Copy the files over so that they can be uploaded by the pages publish command.
+import fs from "node:fs";
+import { join } from "node:path";
+import { client, cloudflare, worker, ssr } from "./paths.mjs";
+
+fs.cpSync(client, cloudflare, { recursive: true });
+fs.cpSync(ssr, worker, { recursive: true });
+
+fs.renameSync(join(worker, "server.mjs"), join(worker, "index.js"));