ENG-625 Construct environment files to access supabase. (#301)

* Construct environment files to access supabase.
The base one is for running against the local supabase.
It is possible to talk directly against either a supabase branch or the production database.
Use cases for either should be extremely rare, and are documented separately.
For this, set SUPABASE_USE_DB to 'branch' or 'production' respectively.
The branch used will be the current branch, unless overridden by SUPABASE_GIT_BRANCH.

* updated documentation

Author: maparent

apps/roam/package.json

@@ -13,6 +13,7 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
+    "@repo/database": "*",
     "@repo/tailwind-config": "*",
     "@types/contrast-color": "^1.0.0",
     "@types/react-vertical-timeline-component": "^3.3.3",

apps/roam/scripts/compile.ts

@@ -2,6 +2,7 @@ import esbuild from "esbuild";
 import fs from "fs";
 import path from "path";
 import { z } from "zod";
+import { envContents } from "@repo/database/dbDotEnv";
 
 // https://github.com/evanw/esbuild/issues/337#issuecomment-954633403
 const importAsGlobals = (
@@ -122,6 +123,7 @@ export const compile = ({
   fs.mkdirSync(outdir, { recursive: true });
 
   const buildPromises = [] as Promise<void>[];
+  const dbEnv = envContents();
   buildPromises.push(
     builder({
       absWorkingDir: process.cwd(),
@@ -130,9 +132,9 @@ export const compile = ({
       bundle: true,
       format,
       define: {
-        "process.env.SUPABASE_URL": `"${process.env.SUPABASE_URL}"`,
-        "process.env.SUPABASE_ANON_KEY": `"${process.env.SUPABASE_ANON_KEY}"`,
-        "process.env.NEXT_API_ROOT": `"${process.env.NEXT_API_ROOT || ""}"`,
+        "process.env.SUPABASE_URL": `"${dbEnv.SUPABASE_URL}"`,
+        "process.env.SUPABASE_ANON_KEY": `"${dbEnv.SUPABASE_ANON_KEY}"`,
+        "process.env.NEXT_API_ROOT": `"${dbEnv.NEXT_API_ROOT || ""}"`,
       },
       sourcemap: process.env.NODE_ENV === "production" ? undefined : "inline",
       minify: process.env.NODE_ENV === "production",

apps/website/app/utils/supabase/client.ts

@@ -1,11 +1,13 @@
 import { createClient as createSupabaseClient } from "@supabase/supabase-js";
 import { Database } from "@repo/database/types.gen.ts";
+import { envContents } from "@repo/database/dbDotEnv";
 
 // Inspired by https://supabase.com/ui/docs/nextjs/password-based-auth
 
 export const createClient = () => {
-  const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
-  const key = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
+  const dbEnv = envContents();
+  const url = dbEnv.SUPABASE_URL;
+  const key = dbEnv.SUPABASE_ANON_KEY;
 
   if (!url || !key) {
     throw new Error("Missing required Supabase environment variables");

apps/website/app/utils/supabase/middleware.ts

@@ -1,11 +1,13 @@
 import { createServerClient } from "@supabase/ssr";
 import { NextResponse, type NextRequest } from "next/server";
+import { envContents } from "@repo/database/dbDotEnv";
 
 // Inspired by https://supabase.com/ui/docs/nextjs/password-based-auth
 
 export const updateSession = async (request: NextRequest) => {
-  const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
-  const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
+  const dbEnv = envContents();
+  const supabaseUrl = dbEnv.SUPABASE_URL;
+  const supabaseKey = dbEnv.SUPABASE_ANON_KEY;
 
   if (!supabaseUrl || !supabaseKey) {
     throw new Error("Missing required Supabase environment variables");

apps/website/app/utils/supabase/server.ts

@@ -1,13 +1,15 @@
 import { createServerClient, type CookieOptions } from "@supabase/ssr";
 import { cookies } from "next/headers";
-import { Database } from "@repo/database/types.gen.ts";
+import { Database } from "@repo/database/types.gen";
+import { envContents } from "@repo/database/dbDotEnv";
 
 // Inspired by https://supabase.com/ui/docs/nextjs/password-based-auth
 
 export const createClient = async () => {
+  const dbEnv = envContents();
   const cookieStore = await cookies();
-  const supabaseUrl = process.env.SUPABASE_URL;
-  const supabaseKey = process.env.SUPABASE_ANON_KEY;
+  const supabaseUrl = dbEnv.SUPABASE_URL;
+  const supabaseKey = dbEnv.SUPABASE_ANON_KEY;
 
   if (!supabaseUrl || !supabaseKey) {
     throw new Error("Missing required Supabase environment variables");