create-cloudflare 0.0.0-e3990bbf → 0.0.0-e39e9ff4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/README.md +1 -52
  2. package/dist/cli.js +71526 -52355
  3. package/package.json +28 -13
  4. package/templates/analog/c3.ts +134 -0
  5. package/templates/analog/snippets/devBindingsModule.ts +7 -0
  6. package/templates/analog/templates/env.d.ts +13 -0
  7. package/templates/analog/templates/src/dev-bindings.ts +18 -0
  8. package/templates/analog/templates/worker-configuration.d.ts +4 -0
  9. package/templates/analog/templates/wrangler.toml +78 -0
  10. package/templates/angular/c3.ts +100 -0
  11. package/{dist/angular/templates/src/main.server.ts → templates/angular/templates/server.ts} +14 -15
  12. package/templates/angular/templates/tools/alter-polyfills.mjs +27 -0
  13. package/templates/angular/templates/tools/copy-files.mjs +9 -0
  14. package/templates/astro/c3.ts +112 -0
  15. package/templates/astro/snippets/runtimeDeclaration.ts +5 -0
  16. package/templates/astro/templates/wrangler.toml +78 -0
  17. package/templates/common/c3.ts +16 -0
  18. package/templates/common/js/.editorconfig +0 -1
  19. package/templates/common/js/__dot__gitignore +172 -0
  20. package/templates/common/js/package.json +1 -0
  21. package/templates/common/js/wrangler.toml +72 -23
  22. package/templates/common/ts/.editorconfig +0 -1
  23. package/templates/common/ts/__dot__gitignore +172 -0
  24. package/templates/common/ts/package.json +3 -2
  25. package/templates/common/ts/src/index.ts +3 -0
  26. package/templates/common/ts/worker-configuration.d.ts +2 -14
  27. package/templates/common/ts/wrangler.toml +72 -23
  28. package/templates/docusaurus/c3.ts +26 -0
  29. package/templates/gatsby/c3.ts +48 -0
  30. package/templates/hello-world/c3.ts +16 -0
  31. package/templates/hello-world/js/.editorconfig +0 -1
  32. package/templates/hello-world/js/__dot__gitignore +172 -0
  33. package/templates/hello-world/js/package.json +6 -2
  34. package/templates/hello-world/js/test/index.spec.js +20 -0
  35. package/templates/hello-world/js/vitest.config.js +11 -0
  36. package/templates/hello-world/js/wrangler.toml +73 -23
  37. package/templates/hello-world/ts/.editorconfig +0 -1
  38. package/templates/hello-world/ts/__dot__gitignore +172 -0
  39. package/templates/hello-world/ts/package.json +7 -3
  40. package/templates/hello-world/ts/src/index.ts +3 -17
  41. package/templates/hello-world/ts/test/index.spec.ts +25 -0
  42. package/templates/hello-world/ts/test/tsconfig.json +11 -0
  43. package/templates/hello-world/ts/tsconfig.json +3 -2
  44. package/templates/hello-world/ts/vitest.config.ts +11 -0
  45. package/templates/hello-world/ts/worker-configuration.d.ts +4 -0
  46. package/templates/hello-world/ts/wrangler.toml +73 -23
  47. package/templates/hello-world-durable-object/c3.ts +16 -0
  48. package/templates/hello-world-durable-object/js/.editorconfig +12 -0
  49. package/templates/hello-world-durable-object/js/.prettierrc +6 -0
  50. package/templates/hello-world-durable-object/js/__dot__gitignore +172 -0
  51. package/templates/hello-world-durable-object/js/package.json +13 -0
  52. package/templates/hello-world-durable-object/js/src/index.js +69 -0
  53. package/templates/hello-world-durable-object/js/wrangler.toml +100 -0
  54. package/templates/hello-world-durable-object/ts/.editorconfig +12 -0
  55. package/templates/hello-world-durable-object/ts/.prettierrc +6 -0
  56. package/templates/hello-world-durable-object/ts/__dot__gitignore +172 -0
  57. package/templates/hello-world-durable-object/ts/package.json +15 -0
  58. package/templates/hello-world-durable-object/ts/src/index.ts +86 -0
  59. package/templates/hello-world-durable-object/ts/tsconfig.json +101 -0
  60. package/templates/hello-world-durable-object/ts/worker-configuration.d.ts +6 -0
  61. package/templates/hello-world-durable-object/ts/wrangler.toml +100 -0
  62. package/templates/hello-world-python/c3.ts +9 -0
  63. package/templates/hello-world-python/py/__dot__gitignore +68 -0
  64. package/templates/hello-world-python/py/package.json +13 -0
  65. package/templates/hello-world-python/py/src/entry.py +4 -0
  66. package/templates/hello-world-python/py/wrangler.toml +101 -0
  67. package/templates/hono/c3.ts +25 -0
  68. package/templates/next/README.md +68 -0
  69. package/templates/next/app/js/app/api/hello/route.js +21 -0
  70. package/templates/next/app/js/app/not-found.js +58 -0
  71. package/templates/next/app/ts/app/api/hello/route.ts +22 -0
  72. package/templates/next/app/ts/app/not-found.tsx +58 -0
  73. package/templates/next/c3.ts +236 -0
  74. package/templates/next/env.d.ts +5 -0
  75. package/templates/next/pages/js/pages/api/hello.js +23 -0
  76. package/templates/next/pages/ts/pages/api/hello.ts +24 -0
  77. package/templates/next/wrangler.toml +79 -0
  78. package/templates/nuxt/c3.ts +134 -0
  79. package/templates/nuxt/templates/env.d.ts +14 -0
  80. package/templates/nuxt/templates/worker-configuration.d.ts +4 -0
  81. package/templates/nuxt/templates/wrangler.toml +78 -0
  82. package/templates/openapi/c3.ts +9 -0
  83. package/templates/openapi/ts/__dot__gitignore +171 -0
  84. package/templates/openapi/ts/package.json +3 -2
  85. package/templates/openapi/ts/src/endpoints/taskList.ts +1 -1
  86. package/templates/openapi/ts/src/index.ts +2 -2
  87. package/templates/openapi/ts/worker-configuration.d.ts +4 -0
  88. package/templates/openapi/ts/wrangler.toml +97 -0
  89. package/templates/pre-existing/c3.ts +83 -0
  90. package/templates/pre-existing/js/.editorconfig +12 -0
  91. package/templates/pre-existing/js/.prettierrc +6 -0
  92. package/templates/pre-existing/js/__dot__gitignore +172 -0
  93. package/templates/pre-existing/js/package.json +13 -0
  94. package/templates/pre-existing/js/wrangler.toml +4 -0
  95. package/templates/queues/c3.ts +26 -0
  96. package/templates/queues/js/.editorconfig +0 -1
  97. package/templates/queues/js/__dot__gitignore +172 -0
  98. package/templates/queues/js/package.json +1 -0
  99. package/templates/queues/js/wrangler.toml +88 -2
  100. package/templates/queues/ts/.editorconfig +0 -1
  101. package/templates/queues/ts/__dot__gitignore +172 -0
  102. package/templates/queues/ts/package.json +3 -2
  103. package/templates/queues/ts/src/index.ts +3 -5
  104. package/templates/queues/ts/worker-configuration.d.ts +5 -0
  105. package/templates/queues/ts/wrangler.toml +88 -2
  106. package/templates/qwik/c3.ts +146 -0
  107. package/templates/qwik/snippets/getPlatformProxy.ts +6 -0
  108. package/templates/qwik/templates/worker-configuration.d.ts +4 -0
  109. package/templates/qwik/templates/wrangler.toml +78 -0
  110. package/templates/react/c3.ts +31 -0
  111. package/templates/remix/c3.ts +66 -0
  112. package/templates/remix/templates/worker-configuration.d.ts +4 -0
  113. package/templates/remix/templates/wrangler.toml +78 -0
  114. package/templates/scheduled/c3.ts +16 -0
  115. package/templates/scheduled/js/.editorconfig +0 -1
  116. package/templates/scheduled/js/__dot__gitignore +172 -0
  117. package/templates/scheduled/js/package.json +1 -0
  118. package/templates/scheduled/js/wrangler.toml +98 -1
  119. package/templates/scheduled/ts/.editorconfig +0 -1
  120. package/templates/scheduled/ts/__dot__gitignore +172 -0
  121. package/templates/scheduled/ts/package.json +3 -2
  122. package/templates/scheduled/ts/src/index.ts +3 -20
  123. package/templates/scheduled/ts/worker-configuration.d.ts +4 -0
  124. package/templates/scheduled/ts/wrangler.toml +98 -1
  125. package/templates/solid/c3.ts +84 -0
  126. package/templates/solid/templates/wrangler.toml +77 -0
  127. package/templates/svelte/c3.ts +130 -0
  128. package/templates/svelte/js/wrangler.toml +78 -0
  129. package/templates/svelte/ts/wrangler.toml +78 -0
  130. package/templates/vue/c3.ts +28 -0
  131. package/dist/angular/templates/tools/bundle.mjs +0 -77
  132. package/dist/angular/templates/tools/copy-client-files.mjs +0 -4
  133. package/dist/angular/templates/tools/copy-worker-files.mjs +0 -10
  134. package/dist/angular/templates/tsconfig.server.json +0 -5
  135. package/templates/chatgptPlugin/ts/.assets/example.png +0 -0
  136. package/templates/chatgptPlugin/ts/README.md +0 -25
  137. package/templates/chatgptPlugin/ts/package.json +0 -16
  138. package/templates/chatgptPlugin/ts/src/index.ts +0 -33
  139. package/templates/chatgptPlugin/ts/src/search.ts +0 -59
  140. package/templates/chatgptPlugin/ts/wrangler.toml +0 -3
  141. /package/{dist → templates}/angular/templates/src/_routes.json +0 -0
  142. /package/{dist → templates}/angular/templates/tools/paths.mjs +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-cloudflare",
3
- "version": "0.0.0-e3990bbf",
3
+ "version": "0.0.0-e39e9ff4",
4
4
  "description": "A CLI for creating and deploying new applications to Cloudflare.",
5
5
  "keywords": [
6
6
  "cloudflare",
@@ -30,12 +30,16 @@
30
30
  "@babel/types": "^7.21.4",
31
31
  "@clack/prompts": "^0.6.3",
32
32
  "@cloudflare/eslint-config-worker": "*",
33
- "@cloudflare/workers-types": "^4.20230419.0",
33
+ "@cloudflare/workers-types": "^4.20240405.0",
34
+ "@iarna/toml": "^3.0.0",
34
35
  "@types/command-exists": "^1.2.0",
35
36
  "@types/cross-spawn": "^6.0.2",
37
+ "@types/deepmerge": "^2.2.0",
38
+ "@types/degit": "^2.8.6",
36
39
  "@types/dns2": "^2.0.3",
37
40
  "@types/esprima": "^4.0.3",
38
41
  "@types/node": "^18.15.3",
42
+ "@types/semver": "^7.5.1",
39
43
  "@types/which-pm-runs": "^1.0.0",
40
44
  "@types/yargs": "^17.0.22",
41
45
  "@typescript-eslint/eslint-plugin": "^5.55.0",
@@ -43,40 +47,51 @@
43
47
  "chalk": "^5.2.0",
44
48
  "command-exists": "^1.2.9",
45
49
  "cross-spawn": "^7.0.3",
50
+ "deepmerge": "^4.3.1",
51
+ "degit": "^2.8.4",
46
52
  "dns2": "^2.1.0",
53
+ "dotenv": "^16.0.0",
47
54
  "esbuild": "^0.17.12",
48
55
  "execa": "^7.1.1",
56
+ "glob": "^10.3.3",
49
57
  "haikunator": "^2.1.2",
50
- "log-update": "^5.0.1",
58
+ "indent-string": "^5.0.0",
59
+ "magic-string": "^0.30.5",
51
60
  "open": "^8.4.0",
52
- "pnpm": "^8.6.11",
61
+ "pnpm": "^8.10.0",
53
62
  "recast": "^0.22.0",
54
63
  "semver": "^7.5.1",
55
64
  "typescript": "^5.0.2",
56
- "undici": "5.20.0",
65
+ "undici": "5.28.3",
57
66
  "vite-tsconfig-paths": "^4.0.8",
58
- "vitest": "^0.30.0",
59
67
  "which-pm-runs": "^1.1.0",
68
+ "wrap-ansi": "^9.0.0",
60
69
  "yargs": "^17.7.1",
61
70
  "yarn": "^1.22.19",
62
- "@clack/core": "^0.3.2",
63
- "@types/semver": "^7.5.1",
71
+ "@cloudflare/cli": "1.1.1",
64
72
  "@cloudflare/workers-tsconfig": "0.0.0",
65
- "wrangler": "3.8.0"
73
+ "wrangler": "3.51.2"
66
74
  },
67
75
  "engines": {
68
- "node": ">=16.13.0"
76
+ "node": ">=18.14.1"
77
+ },
78
+ "workers-sdk": {
79
+ "prerelease": true
69
80
  },
70
81
  "scripts": {
71
82
  "build": "node -r esbuild-register scripts/build.ts",
83
+ "dev:codemod": "node -r esbuild-register scripts/codemodDev.ts",
72
84
  "check:lint": "eslint .",
73
85
  "check:type": "tsc",
74
86
  "lint": "eslint",
75
87
  "test:e2e:cleanup": "node -r esbuild-register scripts/e2eCleanup.ts",
76
- "test:e2e:npm": "pnpm run build && TEST_PM=npm vitest run --config ./vitest-e2e.config.ts",
77
- "test:e2e:pnpm": "pnpm run build && TEST_PM=pnpm vitest run --config ./vitest-e2e.config.ts",
88
+ "test:e2e:npm": "pnpm run build && cross-env TEST_PM=npm vitest run --config ./vitest-e2e.config.ts",
89
+ "test:e2e:pnpm": "pnpm run build && cross-env TEST_PM=pnpm vitest run --config ./vitest-e2e.config.ts",
90
+ "test:e2e:bun": "pnpm run build && cross-env TEST_PM=bun vitest run --config ./vitest-e2e.config.ts",
91
+ "test:e2e:yarn": "pnpm run build && cross-env TEST_PM=yarn vitest run --config ./vitest-e2e.config.ts",
78
92
  "test:unit": "vitest run --config ./vitest.config.ts",
79
93
  "test:unit:watch": "vitest --config ./vitest.config.ts",
80
- "watch": "node -r esbuild-register scripts/build.ts --watch"
94
+ "watch": "node -r esbuild-register scripts/build.ts --watch",
95
+ "test:ci": "vitest run --config ./vitest.config.ts"
81
96
  }
82
97
  }
@@ -0,0 +1,134 @@
1
+ import { logRaw } from "@cloudflare/cli";
2
+ import { brandColor, dim } from "@cloudflare/cli/colors";
3
+ import { spinner } from "@cloudflare/cli/interactive";
4
+ import { runFrameworkGenerator } from "frameworks/index";
5
+ import { loadTemplateSnippets, transformFile } from "helpers/codemod";
6
+ import { getLatestTypesEntrypoint } from "helpers/compatDate";
7
+ import { readFile, writeFile } from "helpers/files";
8
+ import { detectPackageManager } from "helpers/packageManagers";
9
+ import { installPackages } from "helpers/packages";
10
+ import * as recast from "recast";
11
+ import type { TemplateConfig } from "../../src/templates";
12
+ import type { C3Context } from "types";
13
+
14
+ const { npm, name: pm } = detectPackageManager();
15
+
16
+ const generate = async (ctx: C3Context) => {
17
+ await runFrameworkGenerator(ctx, [
18
+ ctx.project.name,
19
+ "--template",
20
+ "angular-v17",
21
+ ]);
22
+
23
+ logRaw(""); // newline
24
+ };
25
+
26
+ const configure = async (ctx: C3Context) => {
27
+ // Fix hoisting issues with pnpm, yarn and bun
28
+ if (pm === "pnpm" || pm === "yarn" || pm === "bun") {
29
+ const packages = [];
30
+ packages.push("nitropack");
31
+ packages.push("h3");
32
+ packages.push("@ngtools/webpack");
33
+ packages.push("@angular-devkit/build-angular");
34
+
35
+ await installPackages(packages, {
36
+ dev: true,
37
+ startText: `Installing ${packages.join(", ")}`,
38
+ doneText: `${brandColor("installed")} ${dim(`via \`${npm} install\``)}`,
39
+ });
40
+ }
41
+
42
+ updateViteConfig(ctx);
43
+ updateEnvTypes(ctx);
44
+ };
45
+
46
+ const updateEnvTypes = (ctx: C3Context) => {
47
+ const filepath = "env.d.ts";
48
+
49
+ const s = spinner();
50
+ s.start(`Updating ${filepath}`);
51
+
52
+ let file = readFile(filepath);
53
+
54
+ let typesEntrypoint = `@cloudflare/workers-types`;
55
+ const latestEntrypoint = getLatestTypesEntrypoint(ctx);
56
+ if (latestEntrypoint) {
57
+ typesEntrypoint += `/${latestEntrypoint}`;
58
+ }
59
+
60
+ // Replace placeholder with actual types entrypoint
61
+ file = file.replace("WORKERS_TYPES_ENTRYPOINT", typesEntrypoint);
62
+ writeFile("env.d.ts", file);
63
+
64
+ s.stop(`${brandColor(`updated`)} ${dim(`\`${filepath}\``)}`);
65
+ };
66
+
67
+ const updateViteConfig = (ctx: C3Context) => {
68
+ const b = recast.types.builders;
69
+ const s = spinner();
70
+
71
+ const configFile = "vite.config.ts";
72
+ s.start(`Updating \`${configFile}\``);
73
+
74
+ const snippets = loadTemplateSnippets(ctx);
75
+
76
+ transformFile(configFile, {
77
+ visitProgram(n) {
78
+ const lastImportIndex = n.node.body.findLastIndex(
79
+ (t) => t.type === "ImportDeclaration"
80
+ );
81
+ const lastImport = n.get("body", lastImportIndex);
82
+ lastImport.insertAfter(...snippets.devBindingsModuleTs);
83
+
84
+ return this.traverse(n);
85
+ },
86
+ visitCallExpression(n) {
87
+ const callee = n.node.callee as recast.types.namedTypes.Identifier;
88
+ if (callee.name === "analog") {
89
+ const pluginArguments = b.objectProperty(
90
+ b.identifier("nitro"),
91
+ b.objectExpression([
92
+ b.objectProperty(
93
+ b.identifier("preset"),
94
+ b.stringLiteral("cloudflare-pages")
95
+ ),
96
+ b.objectProperty(
97
+ b.identifier("modules"),
98
+ b.arrayExpression([b.identifier("devBindingsModule")])
99
+ ),
100
+ ])
101
+ );
102
+
103
+ n.node.arguments = [b.objectExpression([pluginArguments])];
104
+ }
105
+
106
+ return this.traverse(n);
107
+ },
108
+ });
109
+
110
+ s.stop(`${brandColor(`updated`)} ${dim(`\`${configFile}\``)}`);
111
+ };
112
+
113
+ const config: TemplateConfig = {
114
+ configVersion: 1,
115
+ id: "analog",
116
+ platform: "pages",
117
+ displayName: "Analog",
118
+ copyFiles: {
119
+ path: "./templates",
120
+ },
121
+ generate,
122
+ configure,
123
+ transformPackageJson: async () => ({
124
+ scripts: {
125
+ preview: `${npm} run build && wrangler pages dev`,
126
+ deploy: `${npm} run build && wrangler pages deploy`,
127
+ "cf-typegen": `wrangler types`,
128
+ },
129
+ }),
130
+ devScript: "dev",
131
+ deployScript: "deploy",
132
+ previewScript: "preview",
133
+ };
134
+ export default config;
@@ -0,0 +1,7 @@
1
+ import { Nitro } from 'nitropack';
2
+
3
+ const devBindingsModule = async (nitro: Nitro) => {
4
+ if (nitro.options.dev) {
5
+ nitro.options.plugins.push('./src/dev-bindings.ts');
6
+ }
7
+ };
@@ -0,0 +1,13 @@
1
+ /// <reference types="WORKERS_TYPES_ENTRYPOINT" />
2
+
3
+ declare module "h3" {
4
+ interface H3EventContext {
5
+ cf: CfProperties;
6
+ cloudflare: {
7
+ env: Env;
8
+ context: ExecutionContext;
9
+ };
10
+ }
11
+ }
12
+
13
+ export {};
@@ -0,0 +1,18 @@
1
+ import { NitroApp } from 'nitropack';
2
+ import { defineNitroPlugin } from 'nitropack/dist/runtime/plugin';
3
+
4
+ export default defineNitroPlugin((nitroApp: NitroApp) => {
5
+ nitroApp.hooks.hook('request', async (event) => {
6
+ const _pkg = 'wrangler'; // Bypass bundling!
7
+ const { getPlatformProxy } = (await import(
8
+ _pkg
9
+ )) as typeof import('wrangler');
10
+ const platform = await getPlatformProxy();
11
+
12
+ event.context.cf = platform['cf'];
13
+ event.context.cloudflare = {
14
+ env: platform['env'] as unknown as Env,
15
+ context: platform['ctx'],
16
+ };
17
+ });
18
+ });
@@ -0,0 +1,4 @@
1
+ // Generated by Wrangler
2
+ // After adding bindings to `wrangler.toml`, regenerate this interface via `npm run cf-typegen`
3
+ interface Env {
4
+ }
@@ -0,0 +1,78 @@
1
+ #:schema node_modules/wrangler/config-schema.json
2
+ name = "<TBD>"
3
+ compatibility_date = "<TBD>"
4
+ pages_build_output_dir = "./dist/analog/public"
5
+
6
+ # Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
7
+ # Note: Use secrets to store sensitive data.
8
+ # Docs:
9
+ # - https://developers.cloudflare.com/pages/functions/bindings/#environment-variables
10
+ # - https://developers.cloudflare.com/pages/functions/bindings/#secrets
11
+ # [vars]
12
+ # MY_VARIABLE = "production_value"
13
+
14
+ # Bind the Workers AI model catalog. Run machine learning models, powered by serverless GPUs, on Cloudflare’s global network
15
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#workers-ai
16
+ # [ai]
17
+ # binding = "AI"
18
+
19
+ # Bind a D1 database. D1 is Cloudflare’s native serverless SQL database.
20
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#d1-databases
21
+ # [[d1_databases]]
22
+ # binding = "MY_DB"
23
+ # database_name = "my-database"
24
+ # database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
25
+
26
+ # Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
27
+ # Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
28
+ # Docs: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
29
+ # [[durable_objects.bindings]]
30
+ # name = "MY_DURABLE_OBJECT"
31
+ # class_name = "MyDurableObject"
32
+ # script_name = 'my-durable-object'
33
+
34
+ # Bind a KV Namespace. Use KV as persistent storage for small key-value pairs.
35
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#kv-namespaces
36
+ # [[kv_namespaces]]
37
+ # binding = "MY_KV_NAMESPACE"
38
+ # id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
39
+
40
+ # Bind a Queue producer. Use this binding to schedule an arbitrary task that may be processed later by a Queue consumer.
41
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#queue-producers
42
+ # [[queues.producers]]
43
+ # binding = "MY_QUEUE"
44
+ # queue = "my-queue"
45
+
46
+ # Bind an R2 Bucket. Use R2 to store arbitrarily large blobs of data, such as files.
47
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#r2-buckets
48
+ # [[r2_buckets]]
49
+ # binding = "MY_BUCKET"
50
+ # bucket_name = "my-bucket"
51
+
52
+ # Bind another Worker service. Use this binding to call another Worker without network overhead.
53
+ # Docs: https://developers.cloudflare.com/pages/functions/bindings/#service-bindings
54
+ # [[services]]
55
+ # binding = "MY_SERVICE"
56
+ # service = "my-service"
57
+
58
+ # To use different bindings for preview and production environments, follow the examples below.
59
+ # When using environment-specific overrides for bindings, ALL bindings must be specified on a per-environment basis.
60
+ # Docs: https://developers.cloudflare.com/pages/functions/wrangler-configuration#environment-specific-overrides
61
+
62
+ ######## PREVIEW environment config ########
63
+
64
+ # [env.preview.vars]
65
+ # API_KEY = "xyz789"
66
+
67
+ # [[env.preview.kv_namespaces]]
68
+ # binding = "MY_KV_NAMESPACE"
69
+ # id = "<PREVIEW_NAMESPACE_ID>"
70
+
71
+ ######## PRODUCTION environment config ########
72
+
73
+ # [env.production.vars]
74
+ # API_KEY = "abc123"
75
+
76
+ # [[env.production.kv_namespaces]]
77
+ # binding = "MY_KV_NAMESPACE"
78
+ # id = "<PRODUCTION_NAMESPACE_ID>"
@@ -0,0 +1,100 @@
1
+ import { resolve } from "node:path";
2
+ import { logRaw } from "@cloudflare/cli";
3
+ import { brandColor, dim } from "@cloudflare/cli/colors";
4
+ import { spinner } from "@cloudflare/cli/interactive";
5
+ import { runFrameworkGenerator } from "frameworks/index";
6
+ import { compatDateFlag } from "helpers/compatDate";
7
+ import { readFile, readJSON, writeFile } from "helpers/files";
8
+ import { detectPackageManager } from "helpers/packageManagers";
9
+ import { installPackages } from "helpers/packages";
10
+ import type { TemplateConfig } from "../../src/templates";
11
+ import type { C3Context } from "types";
12
+
13
+ const { npm } = detectPackageManager();
14
+
15
+ const generate = async (ctx: C3Context) => {
16
+ await runFrameworkGenerator(ctx, [ctx.project.name, "--ssr"]);
17
+ logRaw("");
18
+ };
19
+
20
+ const configure = async (ctx: C3Context) => {
21
+ updateAngularJson(ctx);
22
+ await updateAppCode();
23
+ await installCFWorker();
24
+ };
25
+
26
+ async function installCFWorker() {
27
+ await installPackages(
28
+ ["@cloudflare/workers-types", "@miniflare/tre@next", "wrangler@beta"],
29
+ {
30
+ dev: true,
31
+ startText: "Installing adapter dependencies",
32
+ doneText: `${brandColor("installed")} ${dim(`via \`${npm} install\``)}`,
33
+ }
34
+ );
35
+ }
36
+ async function updateAppCode() {
37
+ const s = spinner();
38
+ s.start(`Updating application code`);
39
+
40
+ // Update an app config file to:
41
+ // - add the `provideHttpClient(withFetch())` call to enable `fetch` usage in `HttpClient`
42
+ const appConfigPath = "src/app/app.config.ts";
43
+ const appConfig = readFile(resolve(appConfigPath));
44
+ const newAppConfig =
45
+ "import { provideHttpClient, withFetch } from '@angular/common/http';\n" +
46
+ appConfig.replace(
47
+ "providers: [",
48
+ "providers: [provideHttpClient(withFetch()), "
49
+ );
50
+ writeFile(resolve(appConfigPath), newAppConfig);
51
+ s.stop(`${brandColor(`updated`)} ${dim(appConfigPath)}`);
52
+
53
+ // Remove unwanted dependencies
54
+ s.start(`Updating package.json`);
55
+ const packageJsonPath = resolve("package.json");
56
+ const packageManifest = readJSON(packageJsonPath);
57
+
58
+ delete packageManifest["dependencies"]["@angular/ssr"];
59
+ delete packageManifest["dependencies"]["express"];
60
+
61
+ writeFile(packageJsonPath, JSON.stringify(packageManifest, null, 2));
62
+ s.stop(`${brandColor(`updated`)} ${dim(`\`package.json\``)}`);
63
+ }
64
+
65
+ function updateAngularJson(ctx: C3Context) {
66
+ const s = spinner();
67
+ s.start(`Updating angular.json config`);
68
+ const angularJson = readJSON(resolve("angular.json"));
69
+ // Update builder
70
+ const architectSection = angularJson.projects[ctx.project.name].architect;
71
+ architectSection.build.options.outputPath = "dist";
72
+ architectSection.build.options.assets.push("src/_routes.json");
73
+
74
+ writeFile(resolve("angular.json"), JSON.stringify(angularJson, null, 2));
75
+ s.stop(`${brandColor(`updated`)} ${dim(`\`angular.json\``)}`);
76
+ }
77
+
78
+ const config: TemplateConfig = {
79
+ configVersion: 1,
80
+ id: "angular",
81
+ displayName: "Angular",
82
+ platform: "pages",
83
+ copyFiles: {
84
+ path: "./templates",
85
+ },
86
+ devScript: "start",
87
+ deployScript: "deploy",
88
+ generate,
89
+ configure,
90
+ transformPackageJson: async () => ({
91
+ scripts: {
92
+ start: `${npm} run build && wrangler pages dev dist/cloudflare ${await compatDateFlag()} --experimental-local`,
93
+ build: `ng build && ${npm} run process`,
94
+ process:
95
+ "node ./tools/copy-files.mjs && node ./tools/alter-polyfills.mjs",
96
+ deploy: `${npm} run build && wrangler pages deploy dist/cloudflare`,
97
+ },
98
+ }),
99
+ };
100
+ export default config;
@@ -1,11 +1,5 @@
1
- import "zone.js/dist/zone-node";
2
- import "@angular/platform-server/init";
3
-
4
- import { bootstrapApplication } from "@angular/platform-browser";
5
1
  import { renderApplication } from "@angular/platform-server";
6
-
7
- import { AppComponent } from "./app/app.component";
8
- import { config } from "./app/app.config.server";
2
+ import bootstrap from "./src/main.server";
9
3
 
10
4
  interface Env {
11
5
  ASSETS: { fetch: typeof fetch };
@@ -14,10 +8,7 @@ interface Env {
14
8
  // We attach the Cloudflare `fetch()` handler to the global scope
15
9
  // so that we can export it when we process the Angular output.
16
10
  // See tools/bundle.mjs
17
- (globalThis as any).__workerFetchHandler = async function fetch(
18
- request: Request,
19
- env: Env
20
- ) {
11
+ async function workerFetchHandler(request: Request, env: Env) {
21
12
  const url = new URL(request.url);
22
13
  console.log("render SSR", url.href);
23
14
 
@@ -26,10 +17,18 @@ interface Env {
26
17
  const indexResponse = await env.ASSETS.fetch(new Request(indexUrl));
27
18
  const document = await indexResponse.text();
28
19
 
29
- const content = await renderApplication(
30
- () => bootstrapApplication(AppComponent, config),
31
- { document, url: url.pathname }
32
- );
20
+ const content = await renderApplication(bootstrap, {
21
+ document,
22
+ url: url.pathname,
23
+ });
24
+
33
25
  // console.log("rendered SSR", content);
34
26
  return new Response(content, indexResponse);
27
+ }
28
+
29
+ export default {
30
+ fetch: (request: Request, env: Env) =>
31
+ (globalThis as any)["__zone_symbol__Promise"].resolve(
32
+ workerFetchHandler(request, env)
33
+ ),
35
34
  };
@@ -0,0 +1,27 @@
1
+ import fs from "node:fs";
2
+ import { EOL } from "node:os";
3
+ import { join } from "node:path";
4
+ import { worker } from "./paths.mjs";
5
+
6
+ /**
7
+ * Split by lines and comment the banner
8
+ * ```
9
+ * import { createRequire } from 'node:module';
10
+ * globalThis['require'] ??= createRequire(import.meta.url);
11
+ * ```
12
+ */
13
+ const serverPolyfillsFile = join(worker, "polyfills.server.mjs");
14
+ const serverPolyfillsData = fs
15
+ .readFileSync(serverPolyfillsFile, "utf8")
16
+ .split(/\r?\n/);
17
+
18
+ for (let index = 0; index < 2; index++) {
19
+ if (serverPolyfillsData[index].includes("createRequire")) {
20
+ serverPolyfillsData[index] = "// " + serverPolyfillsData[index];
21
+ }
22
+ }
23
+
24
+ // Add needed polyfills
25
+ serverPolyfillsData.unshift(`globalThis['process'] = {};`);
26
+
27
+ fs.writeFileSync(serverPolyfillsFile, serverPolyfillsData.join(EOL));
@@ -0,0 +1,9 @@
1
+ // Copy the files over so that they can be uploaded by the pages publish command.
2
+ import fs from "node:fs";
3
+ import { join } from "node:path";
4
+ import { client, cloudflare, ssr, worker } from "./paths.mjs";
5
+
6
+ fs.cpSync(client, cloudflare, { recursive: true });
7
+ fs.cpSync(ssr, worker, { recursive: true });
8
+
9
+ fs.renameSync(join(worker, "server.mjs"), join(worker, "index.js"));
@@ -0,0 +1,112 @@
1
+ import { logRaw, updateStatus } from "@cloudflare/cli";
2
+ import { blue, brandColor, dim } from "@cloudflare/cli/colors";
3
+ import { runFrameworkGenerator } from "frameworks/index";
4
+ import { loadTemplateSnippets, transformFile } from "helpers/codemod";
5
+ import { runCommand } from "helpers/command";
6
+ import { usesTypescript } from "helpers/files";
7
+ import { detectPackageManager } from "helpers/packageManagers";
8
+ import * as recast from "recast";
9
+ import type { TemplateConfig } from "../../src/templates";
10
+ import type { C3Context, PackageJson } from "types";
11
+
12
+ const { npx } = detectPackageManager();
13
+
14
+ const generate = async (ctx: C3Context) => {
15
+ await runFrameworkGenerator(ctx, [ctx.project.name, "--no-install"]);
16
+
17
+ logRaw(""); // newline
18
+ };
19
+
20
+ const configure = async (ctx: C3Context) => {
21
+ await runCommand([npx, "astro", "add", "cloudflare", "-y"], {
22
+ silent: true,
23
+ startText: "Installing adapter",
24
+ doneText: `${brandColor("installed")} ${dim(
25
+ `via \`${npx} astro add cloudflare\``
26
+ )}`,
27
+ });
28
+
29
+ updateAstroConfig();
30
+ updateEnvDeclaration(ctx);
31
+ };
32
+
33
+ const updateAstroConfig = () => {
34
+ const filePath = "astro.config.mjs";
35
+
36
+ updateStatus(`Updating configuration in ${blue(filePath)}`);
37
+
38
+ transformFile(filePath, {
39
+ visitCallExpression: function (n) {
40
+ const callee = n.node.callee as recast.types.namedTypes.Identifier;
41
+ if (callee.name !== "cloudflare") {
42
+ return this.traverse(n);
43
+ }
44
+
45
+ const b = recast.types.builders;
46
+ n.node.arguments = [
47
+ b.objectExpression([
48
+ b.objectProperty(
49
+ b.identifier("platformProxy"),
50
+ b.objectExpression([
51
+ b.objectProperty(b.identifier("enabled"), b.booleanLiteral(true)),
52
+ ])
53
+ ),
54
+ ]),
55
+ ];
56
+
57
+ return false;
58
+ },
59
+ });
60
+ };
61
+
62
+ const updateEnvDeclaration = (ctx: C3Context) => {
63
+ if (!usesTypescript(ctx)) {
64
+ return;
65
+ }
66
+
67
+ const filePath = "src/env.d.ts";
68
+
69
+ updateStatus(`Adding type declarations in ${blue(filePath)}`);
70
+
71
+ transformFile(filePath, {
72
+ visitProgram: function (n) {
73
+ const snippets = loadTemplateSnippets(ctx);
74
+ const patch = snippets.runtimeDeclarationTs;
75
+ const b = recast.types.builders;
76
+
77
+ // Preserve comments with the new body
78
+ const comments = n.get("comments").value;
79
+ n.node.comments = comments.map((c: recast.types.namedTypes.CommentLine) =>
80
+ b.commentLine(c.value)
81
+ );
82
+
83
+ // Add the patch
84
+ n.get("body").push(...patch);
85
+
86
+ return false;
87
+ },
88
+ });
89
+ };
90
+
91
+ const config: TemplateConfig = {
92
+ configVersion: 1,
93
+ id: "astro",
94
+ platform: "pages",
95
+ displayName: "Astro",
96
+ copyFiles: {
97
+ path: "./templates",
98
+ },
99
+ devScript: "dev",
100
+ deployScript: "deploy",
101
+ previewScript: "preview",
102
+ generate,
103
+ configure,
104
+ transformPackageJson: async (pkgJson: PackageJson, ctx: C3Context) => ({
105
+ scripts: {
106
+ deploy: `astro build && wrangler pages deploy`,
107
+ preview: `astro build && wrangler pages dev`,
108
+ ...(usesTypescript(ctx) && { "cf-typegen": `wrangler types` }),
109
+ },
110
+ }),
111
+ };
112
+ export default config;
@@ -0,0 +1,5 @@
1
+ type Runtime = import("@astrojs/cloudflare").Runtime<Env>;
2
+
3
+ declare namespace App {
4
+ interface Locals extends Runtime {}
5
+ }