🔄 [web] Adjust the method for outputting type information in Supabase

.env.example

@@ -1,3 +1,7 @@
+# Supabase (`apps/backend`)
+
+SUPABASE_DIRECT_URL=postgresql://postgres:postgres@127.0.0.1:54322/postgres
+
 # SvelteKit (`apps/web`)
 
 PUBLIC_GOOGLE_ANALYTICS_ID=

.github/workflows/main.yml

@@ -57,6 +57,7 @@ jobs:
       - name: Run build 🐣
         run: pnpm build
         env:
+          SUPABASE_DIRECT_URL: ${{ secrets.SUPABASE_DIRECT_URL }}
           PUBLIC_GOOGLE_ANALYTICS_ID: ${{ secrets.PUBLIC_GOOGLE_ANALYTICS_ID }}
           PUBLIC_SUPABASE_URL: ${{ secrets.PUBLIC_SUPABASE_URL }}
           PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PUBLIC_SUPABASE_ANON_KEY }}

apps/web/commands/supabase-types.js

@@ -0,0 +1,8 @@
+import { config } from 'dotenv';
+import { execSync } from 'node:child_process';
+
+config();
+
+execSync(
+  `supabase gen types typescript --db-url ${process.env.SUPABASE_DIRECT_URL} > ./src/lib/\\$generated/supabase-types.ts`,
+);

apps/web/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "generate:svelte": "svelte-kit sync",
-    "generate:supabase-types": "./commands/supabase-types.sh",
+    "generate:supabase-types": "node ./commands/supabase-types.js",
     "generate": "concurrently pnpm:generate:*",
     "dev": "vite dev --open",
     "build": "pnpm generate && vite build",
@@ -32,6 +32,7 @@
     "@sveltejs/kit": "^2.5.5",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@tailwindcss/postcss": "4.0.0-alpha.14",
+    "dotenv": "^16.4.5",
     "supabase": "^1.162.4",
     "svelte": "5.0.0-next.90",
     "svelte-check": "^3.6.9",