feat(nuxt3): manage env vars on cloud server

.github/workflows/deploy-server.yml

@@ -26,6 +26,25 @@ jobs:
           contents: ${{ github.event.client_payload.outConfig }}
           write-mode: overwrite
 
+      - name: prewrite
+        if: ${{ !(github.event.client_payload.prewrite.content == '') }}
+        uses: DamianReeves/write-file-action@master
+        with:
+          path: ${{ github.event.client_payload.prewrite.file }}
+          contents: ${{ github.event.client_payload.prewrite.content }}
+          write-mode: overwrite
+
+      - name: prebuild
+        if: ${{ !(github.event.client_payload.prebuild == '') }}
+        run: ${{ github.event.client_payload.prebuild }}
+        working-directory: server/nuxt3
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ github.event.client_payload.clitoken }}
+          NETLIFY_AUTH_TOKEN: ${{ github.event.client_payload.clitoken }}
+          NETLIFY_SITE_ID: ${{ github.event.client_payload.siteid }}
+          KV_REST_API_URL: ${{ github.event.client_payload.kvurl }}
+          KV_REST_API_TOKEN: ${{ github.event.client_payload.kvtoken }}
+
       - name: deploy server
         run: ${{ github.event.client_payload.build }}
         working-directory: server/nuxt3

server/nuxt3/composables/config.ts

@@ -416,6 +416,11 @@ export const serverConfig: BasicConfig<ModelConfig> = {
           value: '',
           require: true,
         },
+        siteid: {
+          label: 'Worker Name',
+          value: '',
+          require: true,
+        },
       },
       output: 'Server',
     },

server/nuxt3/package.json

@@ -11,7 +11,7 @@
     "dev": "nuxi dev",
     "dev:cloudflare": "wrangler dev .output/server/index.mjs --site .output/public --local",
     "deploy:cloudflare": "wrangler2 publish",
-    "deploy:netlify": "netlify deploy",
+    "deploy:netlify": "netlify deploy --prod",
     "deploy:vercel": "wrangler2 publish",
     "start": "node .output/server/index.mjs",
     "typecheck": "vue-tsc --noEmit",

server/nuxt3/server/_api/config.product.ts

@@ -5,6 +5,27 @@ import type { OutputConfig, ServerConfig } from '../../composables/config'
 export default eventHandler(async (event) => {
   try {
     const { outConfig } = await readBody<{ outConfig: ServerConfig<OutputConfig> }>(event)
+    let prebuild = ''
+    const prewrite = {
+      file: '',
+      content: '',
+    }
+    if (outConfig.server.select === 'netlify') {
+      prebuild = `netlify env:set KV_REST_API_URL ${outConfig.kvStorage.config.KV_REST_API_URL} && netlify env:set KV_REST_API_TOKEN ${outConfig.kvStorage.config.KV_REST_API_TOKEN}`
+    }
+    else if (outConfig.server.select === 'cloudflare') {
+      prewrite.file = 'server/nuxt3/wrangler.toml'
+      prewrite.content = `name = "${outConfig.server.config.siteid}"
+send_metrics = false
+compatibility_date = "2023-03-04"
+main = "./.output/server/index.mjs"
+workers_dev = true
+
+[vars]
+KV_REST_API_URL=${outConfig.kvStorage.config.KV_REST_API_URL}
+KV_REST_API_TOKEN=${outConfig.kvStorage.config.KV_REST_API_TOKEN}`
+    }
+
     const res = await $fetch(`${process.env.GITHUB_REPO_DISPATCH_URL}`, {
       method: 'POST',
       headers: {
@@ -16,6 +37,8 @@ export default eventHandler(async (event) => {
         event_type: 'deploy',
         client_payload: {
           outConfig: JSON.stringify(outConfig, null, 2),
+          prebuild,
+          prewrite,
           build: `pnpm build:${outConfig.server.select} && pnpm deploy:${outConfig.server.select}`,
           clitoken: outConfig.server.config.token,
           siteid: outConfig.server.config.siteid,

server/nuxt3/wrangler-example.toml

@@ -5,11 +5,5 @@ main = "./.output/server/index.mjs"
 workers_dev = true
 
 [vars]
-SUPABASE_URL=
-SUPABASE_STORAGE_BUCKET=
-SUPABASE_ANON_KEY=
-KV_URL=
 KV_REST_API_URL=
 KV_REST_API_TOKEN=
-KV_REST_API_READ_ONLY_TOKEN=
-