genrate and use wrangler.toml

.gitignore

@@ -31,6 +31,7 @@ cloudflare/public/*
 **/cloudflare/public/*
 **.lighthouseci
 .wrangler
+**/cloudflare/wrangler.toml
 
 # mobile
 mobile/.expo

web/cloudflare/package.json

@@ -13,8 +13,9 @@
   "private": true,
   "scripts": {
     "build": "lerna run build:alone [email protected]/web --include-dependencies --stream",
-    "deploy:prd": "wrangler pages deploy --project-name dzcode-dot-io --directory=./public --branch main",
-    "deploy:stg": "wrangler pages deploy --project-name stage-dot-dzcode-dot-io --directory=./public --branch main",
+    "generate:config": "npx tsx scripts/generate-config.ts",
+    "deploy:prd": "npm run generate:config -- production && wrangler pages deploy --branch main",
+    "deploy:stg": "npm run generate:config -- staging && wrangler pages deploy --branch main",
     "dev": "npm run build && wrangler pages dev . --port 8080",
     "dev:prepare": "npm run build && cd .. && npm run bundle && npm run pre-deploy",
     "lint:eslint": "eslint --config ../../packages/tooling/eslint.config.mjs",

web/cloudflare/scripts/generate-config.ts

@@ -0,0 +1,21 @@
+import { writeFileSync } from "fs";
+
+// Get the environment passed as argument
+const STAGE = process.argv[2];
+if (!STAGE) throw new Error("Please provide a STAGE");
+
+console.log(`Creating wrangler.toml ...`);
+
+writeFileSync(
+  "wrangler.toml",
+  `
+name = ${STAGE === "production" ? '"dzcode-dot-io"' : '"stage-dot-dzcode-dot-io"'}
+compatibility_date = "2024-09-28"
+pages_build_output_dir = "./public"
+
+[vars]
+STAGE = "${STAGE}"
+`,
+);
+
+console.log(`Done creating .bundle-info.json`);