fix(env): avoid crashing when NEXT_PUBLIC vars missing

Author: brandonkachen

common/src/env-schema.ts

@@ -3,15 +3,21 @@ import z from 'zod/v4'
 export const CLIENT_ENV_PREFIX = 'NEXT_PUBLIC_'
 
 export const clientEnvSchema = z.object({
-  NEXT_PUBLIC_CB_ENVIRONMENT: z.enum(['dev', 'test', 'prod']),
-  NEXT_PUBLIC_CODEBUFF_APP_URL: z.url().min(1),
-  NEXT_PUBLIC_SUPPORT_EMAIL: z.email().min(1),
-  NEXT_PUBLIC_POSTHOG_API_KEY: z.string().min(1),
-  NEXT_PUBLIC_POSTHOG_HOST_URL: z.url().min(1),
-  NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: z.string().min(1),
-  NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL: z.url().min(1),
+  NEXT_PUBLIC_CB_ENVIRONMENT: z.enum(['dev', 'test', 'prod']).default('prod'),
+  NEXT_PUBLIC_CODEBUFF_APP_URL: z.url().min(1).default('https://codebuff.com'),
+  NEXT_PUBLIC_SUPPORT_EMAIL: z
+    .email()
+    .min(1)
+    .default('support@codebuff.com'),
+  NEXT_PUBLIC_POSTHOG_API_KEY: z.string().min(1).optional(),
+  NEXT_PUBLIC_POSTHOG_HOST_URL: z
+    .url()
+    .min(1)
+    .default('https://us.i.posthog.com'),
+  NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: z.string().min(1).optional(),
+  NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL: z.url().min(1).optional(),
   NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION_ID: z.string().optional(),
-  NEXT_PUBLIC_WEB_PORT: z.coerce.number().min(1000),
+  NEXT_PUBLIC_WEB_PORT: z.coerce.number().min(1000).default(3000),
 } satisfies Record<`${typeof CLIENT_ENV_PREFIX}${string}`, any>)
 export const clientEnvVars = clientEnvSchema.keyof().options
 export type ClientEnvVar = (typeof clientEnvVars)[number]

web/src/app/profile/components/usage-section.tsx

@@ -38,6 +38,15 @@ const ManageCreditsCard = ({ isLoading = false }: { isLoading?: boolean }) => {
     },
     onSuccess: async (data) => {
       if (data.sessionId) {
+        if (!env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY) {
+          toast({
+            title: 'Error',
+            description: 'Stripe publishable key is not configured.',
+            variant: 'destructive',
+          })
+          return
+        }
+
         const stripePromise = loadStripe(env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY)
         const stripe = await stripePromise
         if (!stripe) {
@@ -83,7 +92,11 @@ const ManageCreditsCard = ({ isLoading = false }: { isLoading?: boolean }) => {
             isPurchasePending={buyCreditsMutation.isPending}
             showAutoTopup={true}
             isLoading={isLoading}
-            billingPortalUrl={`${env.NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL}?prefilled_email=${email}`}
+            billingPortalUrl={
+              env.NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL
+                ? `${env.NEXT_PUBLIC_STRIPE_CUSTOMER_PORTAL}?prefilled_email=${email}`
+                : undefined
+            }
           />
         </div>
       </CardContent>