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.
- package/README.md +1 -52
- package/dist/cli.js +71526 -52355
- package/package.json +28 -13
- package/templates/analog/c3.ts +134 -0
- package/templates/analog/snippets/devBindingsModule.ts +7 -0
- package/templates/analog/templates/env.d.ts +13 -0
- package/templates/analog/templates/src/dev-bindings.ts +18 -0
- package/templates/analog/templates/worker-configuration.d.ts +4 -0
- package/templates/analog/templates/wrangler.toml +78 -0
- package/templates/angular/c3.ts +100 -0
- package/{dist/angular/templates/src/main.server.ts → templates/angular/templates/server.ts} +14 -15
- package/templates/angular/templates/tools/alter-polyfills.mjs +27 -0
- package/templates/angular/templates/tools/copy-files.mjs +9 -0
- package/templates/astro/c3.ts +112 -0
- package/templates/astro/snippets/runtimeDeclaration.ts +5 -0
- package/templates/astro/templates/wrangler.toml +78 -0
- package/templates/common/c3.ts +16 -0
- package/templates/common/js/.editorconfig +0 -1
- package/templates/common/js/__dot__gitignore +172 -0
- package/templates/common/js/package.json +1 -0
- package/templates/common/js/wrangler.toml +72 -23
- package/templates/common/ts/.editorconfig +0 -1
- package/templates/common/ts/__dot__gitignore +172 -0
- package/templates/common/ts/package.json +3 -2
- package/templates/common/ts/src/index.ts +3 -0
- package/templates/common/ts/worker-configuration.d.ts +2 -14
- package/templates/common/ts/wrangler.toml +72 -23
- package/templates/docusaurus/c3.ts +26 -0
- package/templates/gatsby/c3.ts +48 -0
- package/templates/hello-world/c3.ts +16 -0
- package/templates/hello-world/js/.editorconfig +0 -1
- package/templates/hello-world/js/__dot__gitignore +172 -0
- package/templates/hello-world/js/package.json +6 -2
- package/templates/hello-world/js/test/index.spec.js +20 -0
- package/templates/hello-world/js/vitest.config.js +11 -0
- package/templates/hello-world/js/wrangler.toml +73 -23
- package/templates/hello-world/ts/.editorconfig +0 -1
- package/templates/hello-world/ts/__dot__gitignore +172 -0
- package/templates/hello-world/ts/package.json +7 -3
- package/templates/hello-world/ts/src/index.ts +3 -17
- package/templates/hello-world/ts/test/index.spec.ts +25 -0
- package/templates/hello-world/ts/test/tsconfig.json +11 -0
- package/templates/hello-world/ts/tsconfig.json +3 -2
- package/templates/hello-world/ts/vitest.config.ts +11 -0
- package/templates/hello-world/ts/worker-configuration.d.ts +4 -0
- package/templates/hello-world/ts/wrangler.toml +73 -23
- package/templates/hello-world-durable-object/c3.ts +16 -0
- package/templates/hello-world-durable-object/js/.editorconfig +12 -0
- package/templates/hello-world-durable-object/js/.prettierrc +6 -0
- package/templates/hello-world-durable-object/js/__dot__gitignore +172 -0
- package/templates/hello-world-durable-object/js/package.json +13 -0
- package/templates/hello-world-durable-object/js/src/index.js +69 -0
- package/templates/hello-world-durable-object/js/wrangler.toml +100 -0
- package/templates/hello-world-durable-object/ts/.editorconfig +12 -0
- package/templates/hello-world-durable-object/ts/.prettierrc +6 -0
- package/templates/hello-world-durable-object/ts/__dot__gitignore +172 -0
- package/templates/hello-world-durable-object/ts/package.json +15 -0
- package/templates/hello-world-durable-object/ts/src/index.ts +86 -0
- package/templates/hello-world-durable-object/ts/tsconfig.json +101 -0
- package/templates/hello-world-durable-object/ts/worker-configuration.d.ts +6 -0
- package/templates/hello-world-durable-object/ts/wrangler.toml +100 -0
- package/templates/hello-world-python/c3.ts +9 -0
- package/templates/hello-world-python/py/__dot__gitignore +68 -0
- package/templates/hello-world-python/py/package.json +13 -0
- package/templates/hello-world-python/py/src/entry.py +4 -0
- package/templates/hello-world-python/py/wrangler.toml +101 -0
- package/templates/hono/c3.ts +25 -0
- package/templates/next/README.md +68 -0
- package/templates/next/app/js/app/api/hello/route.js +21 -0
- package/templates/next/app/js/app/not-found.js +58 -0
- package/templates/next/app/ts/app/api/hello/route.ts +22 -0
- package/templates/next/app/ts/app/not-found.tsx +58 -0
- package/templates/next/c3.ts +236 -0
- package/templates/next/env.d.ts +5 -0
- package/templates/next/pages/js/pages/api/hello.js +23 -0
- package/templates/next/pages/ts/pages/api/hello.ts +24 -0
- package/templates/next/wrangler.toml +79 -0
- package/templates/nuxt/c3.ts +134 -0
- package/templates/nuxt/templates/env.d.ts +14 -0
- package/templates/nuxt/templates/worker-configuration.d.ts +4 -0
- package/templates/nuxt/templates/wrangler.toml +78 -0
- package/templates/openapi/c3.ts +9 -0
- package/templates/openapi/ts/__dot__gitignore +171 -0
- package/templates/openapi/ts/package.json +3 -2
- package/templates/openapi/ts/src/endpoints/taskList.ts +1 -1
- package/templates/openapi/ts/src/index.ts +2 -2
- package/templates/openapi/ts/worker-configuration.d.ts +4 -0
- package/templates/openapi/ts/wrangler.toml +97 -0
- package/templates/pre-existing/c3.ts +83 -0
- package/templates/pre-existing/js/.editorconfig +12 -0
- package/templates/pre-existing/js/.prettierrc +6 -0
- package/templates/pre-existing/js/__dot__gitignore +172 -0
- package/templates/pre-existing/js/package.json +13 -0
- package/templates/pre-existing/js/wrangler.toml +4 -0
- package/templates/queues/c3.ts +26 -0
- package/templates/queues/js/.editorconfig +0 -1
- package/templates/queues/js/__dot__gitignore +172 -0
- package/templates/queues/js/package.json +1 -0
- package/templates/queues/js/wrangler.toml +88 -2
- package/templates/queues/ts/.editorconfig +0 -1
- package/templates/queues/ts/__dot__gitignore +172 -0
- package/templates/queues/ts/package.json +3 -2
- package/templates/queues/ts/src/index.ts +3 -5
- package/templates/queues/ts/worker-configuration.d.ts +5 -0
- package/templates/queues/ts/wrangler.toml +88 -2
- package/templates/qwik/c3.ts +146 -0
- package/templates/qwik/snippets/getPlatformProxy.ts +6 -0
- package/templates/qwik/templates/worker-configuration.d.ts +4 -0
- package/templates/qwik/templates/wrangler.toml +78 -0
- package/templates/react/c3.ts +31 -0
- package/templates/remix/c3.ts +66 -0
- package/templates/remix/templates/worker-configuration.d.ts +4 -0
- package/templates/remix/templates/wrangler.toml +78 -0
- package/templates/scheduled/c3.ts +16 -0
- package/templates/scheduled/js/.editorconfig +0 -1
- package/templates/scheduled/js/__dot__gitignore +172 -0
- package/templates/scheduled/js/package.json +1 -0
- package/templates/scheduled/js/wrangler.toml +98 -1
- package/templates/scheduled/ts/.editorconfig +0 -1
- package/templates/scheduled/ts/__dot__gitignore +172 -0
- package/templates/scheduled/ts/package.json +3 -2
- package/templates/scheduled/ts/src/index.ts +3 -20
- package/templates/scheduled/ts/worker-configuration.d.ts +4 -0
- package/templates/scheduled/ts/wrangler.toml +98 -1
- package/templates/solid/c3.ts +84 -0
- package/templates/solid/templates/wrangler.toml +77 -0
- package/templates/svelte/c3.ts +130 -0
- package/templates/svelte/js/wrangler.toml +78 -0
- package/templates/svelte/ts/wrangler.toml +78 -0
- package/templates/vue/c3.ts +28 -0
- package/dist/angular/templates/tools/bundle.mjs +0 -77
- package/dist/angular/templates/tools/copy-client-files.mjs +0 -4
- package/dist/angular/templates/tools/copy-worker-files.mjs +0 -10
- package/dist/angular/templates/tsconfig.server.json +0 -5
- package/templates/chatgptPlugin/ts/.assets/example.png +0 -0
- package/templates/chatgptPlugin/ts/README.md +0 -25
- package/templates/chatgptPlugin/ts/package.json +0 -16
- package/templates/chatgptPlugin/ts/src/index.ts +0 -33
- package/templates/chatgptPlugin/ts/src/search.ts +0 -59
- package/templates/chatgptPlugin/ts/wrangler.toml +0 -3
- /package/{dist → templates}/angular/templates/src/_routes.json +0 -0
- /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-
|
|
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.
|
|
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
|
-
"
|
|
58
|
+
"indent-string": "^5.0.0",
|
|
59
|
+
"magic-string": "^0.30.5",
|
|
51
60
|
"open": "^8.4.0",
|
|
52
|
-
"pnpm": "^8.
|
|
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.
|
|
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
|
-
"@
|
|
63
|
-
"@types/semver": "^7.5.1",
|
|
71
|
+
"@cloudflare/cli": "1.1.1",
|
|
64
72
|
"@cloudflare/workers-tsconfig": "0.0.0",
|
|
65
|
-
"wrangler": "3.
|
|
73
|
+
"wrangler": "3.51.2"
|
|
66
74
|
},
|
|
67
75
|
"engines": {
|
|
68
|
-
"node": ">=
|
|
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,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,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
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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;
|