fixed env vars

apps/dashboard/src/app/(main)/(protected)/layout.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import Loading from "@/app/loading";
+import { getPublicEnvVar } from "@/lib/env";
 import { useStackApp, useUser } from "@stackframe/stack";
 import { useEffect } from "react";
 
@@ -10,7 +11,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
   useEffect(() => {
     const signIn = async () => {
-      if (process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED === "true" && !user) {
+      if (getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") === "true" && !user) {
         await app.signInWithCredential({
           email: "[email protected]",
           password: "LocalEmulatorPassword123",
@@ -20,7 +21,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     signIn().catch(console.error);
   }, [user, app]);
 
-  if (process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED === "true" && !user) {
+  if (getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") === "true" && !user) {
     return <Loading />;
   } else {
     return <>{children}</>;

apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx

@@ -4,6 +4,7 @@ import { FeedbackDialog } from "@/components/feedback-dialog";
 import { Link } from "@/components/link";
 import { Logo } from "@/components/logo";
 import { ProjectSwitcher } from "@/components/project-switcher";
+import { getPublicEnvVar } from "@/lib/env";
 import { cn } from "@/lib/utils";
 import { AdminProject, UserButton, useUser } from "@stackframe/stack";
 import { EMAIL_TEMPLATES_METADATA } from "@stackframe/stack-emails/dist/utils";
@@ -253,7 +254,7 @@ function SidebarContent({ projectId, onNavigate }: { projectId: string, onNaviga
   return (
     <div className="flex flex-col h-full items-stretch">
       <div className="h-14 border-b flex items-center px-2 shrink-0">
-        {process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED === "true" ? (
+        {getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") === "true" ? (
           <div className="flex-grow mx-2">
             <Logo full width={80} />
           </div>
@@ -352,7 +353,7 @@ function HeaderBreadcrumb({
     return (
       <Breadcrumb>
         <BreadcrumbList>
-          {process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED !== "true" &&
+          {getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") !== "true" &&
             <>
               <BreadcrumbItem>
                 <Link href="/projects">Home</Link>
@@ -437,7 +438,7 @@ export default function SidebarLayout(props: { projectId: string, children?: Rea
             <FeedbackDialog
               trigger={<Button variant="outline" size='sm'>Feedback</Button>}
             />
-            {process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED !== "true" && <UserButton colorModeToggle={() => setTheme(resolvedTheme === 'light' ? 'dark' : 'light')}/>}
+            {getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") !== "true" && <UserButton colorModeToggle={() => setTheme(resolvedTheme === 'light' ? 'dark' : 'light')}/>}
           </div>
         </div>
         <div className="flex-grow relative">

apps/dashboard/src/lib/env.tsx

@@ -8,6 +8,8 @@ const _inlineEnvVars = {
   NEXT_PUBLIC_STACK_SVIX_SERVER_URL: process.env.NEXT_PUBLIC_STACK_SVIX_SERVER_URL,
   NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN,
   NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY: process.env.NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY,
+  NEXT_PUBLIC_STACK_EMULATOR_ENABLED: process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED,
+  NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID: process.env.NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID,
 };
 
 // This will be replaced with the actual env vars after a docker build
@@ -19,6 +21,8 @@ const _postBuildEnvVars = {
   NEXT_PUBLIC_STACK_SVIX_SERVER_URL: "STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_SVIX_SERVER_URL",
   NEXT_PUBLIC_SENTRY_DSN: "STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_SENTRY_DSN",
   NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY: "STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY",
+  NEXT_PUBLIC_STACK_EMULATOR_ENABLED: "STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_EMULATOR_ENABLED",
+  NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID: "STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID",
 } satisfies Record<keyof typeof _inlineEnvVars, string>;
 
 // If this is not replaced with "true", then we will not use inline env vars

apps/dashboard/src/lib/utils.tsx

@@ -1,14 +1,15 @@
 import { clsx, type ClassValue } from "clsx";
 import { redirect } from "next/navigation";
 import { twMerge } from "tailwind-merge";
+import { getPublicEnvVar } from "./env";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
 export function redirectToProjectIfEmulator() {
-  const isEmulator = process.env.NEXT_PUBLIC_STACK_EMULATOR_ENABLED === 'true';
-  const projectId = process.env.NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID;
+  const isEmulator = getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_ENABLED") === 'true';
+  const projectId = getPublicEnvVar("NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID");
 
   if (isEmulator && projectId) {
     redirect(`/projects/${projectId}`);

docker/emulator/docker.compose.yaml

@@ -2,7 +2,7 @@ services:
 
   # ================= Stack Auth Server =================
 
-  server:
+  stack-auth-server:
     build:
       context: ../..
       dockerfile: docker/server/Dockerfile
@@ -24,6 +24,8 @@ services:
       NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID: dff88d17-6d39-4b08-b4e2-c87c81f7218a
     depends_on:
       - db
+      - inbucket
+      - svix-server
 
   # ================= PostgreSQL =================
 

docker/server/entrypoint.sh

@@ -38,6 +38,8 @@ declare -A replacements=(
   ["STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_SVIX_SERVER_URL"]="${NEXT_PUBLIC_STACK_SVIX_SERVER_URL}"
   ["STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_SENTRY_DSN"]="${NEXT_PUBLIC_SENTRY_DSN}"
   ["STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY"]="${NEXT_PUBLIC_VERSION_ALERTER_SEVERE_ONLY}"
+  ["STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_EMULATOR_ENABLED"]="${NEXT_PUBLIC_STACK_EMULATOR_ENABLED}"
+  ["STACK_ENV_VAR_SENTINEL_NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID"]="${NEXT_PUBLIC_STACK_EMULATOR_PROJECT_ID}"
 )
 
 for key in "${!replacements[@]}"; do