validate env variables

.env.example

@@ -1,2 +1,2 @@
 VITE_APP_API_URL=https://api.bulletproofapp.com
-VITE_APP_API_MOCKING=true
+VITE_APP_ENABLE_API_MOCKING=true

src/config/env.ts

@@ -0,0 +1,37 @@
+import * as z from 'zod';
+
+const createEnv = () => {
+  const EnvSchema = z.object({
+    API_URL: z.string(),
+    ENABLE_API_MOCKING: z
+      .string()
+      .refine((s) => s === 'true' || s === 'false')
+      .transform((s) => s === 'true')
+      .optional(),
+  });
+
+  const envVars = Object.entries(import.meta.env).reduce<Record<string, string>>((acc, curr) => {
+    const [key, value] = curr;
+    if (key.startsWith('VITE_APP_')) {
+      acc[key.replace('VITE_APP_', '')] = value;
+    }
+    return acc;
+  }, {});
+
+  const parsedEnv = EnvSchema.safeParse(envVars);
+
+  if (!parsedEnv.success) {
+    throw new Error(
+      `Invalid env provided.
+The following variables are missing or invalid:
+${Object.entries(parsedEnv.error.flatten().fieldErrors)
+  .map(([k, v]) => `- ${k}: ${v}`)
+  .join('\n')}
+`
+    );
+  }
+
+  return parsedEnv.data;
+};
+
+export const env = createEnv();

src/lib/axios.ts

@@ -1,6 +1,6 @@
 import Axios, { InternalAxiosRequestConfig } from 'axios';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 import { useNotificationStore } from '@/stores/notifications';
 import storage from '@/utils/storage';
 
@@ -18,7 +18,7 @@ function authRequestInterceptor(config: InternalAxiosRequestConfig) {
 }
 
 export const axios = Axios.create({
-  baseURL: API_URL,
+  baseURL: env.API_URL,
 });
 
 axios.interceptors.request.use(authRequestInterceptor);

src/test/server/handlers/auth.ts

@@ -1,7 +1,7 @@
 import { HttpResponse, http } from 'msw';
 import { nanoid } from 'nanoid';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 
 import { db, persistDb } from '../db';
 import { authenticate, hash, requireAuth } from '../utils';
@@ -21,7 +21,7 @@ type LoginBody = {
 };
 
 export const authHandlers = [
-  http.post(`${API_URL}/auth/register`, async ({ request }) => {
+  http.post(`${env.API_URL}/auth/register`, async ({ request }) => {
     try {
       const userObject = (await request.json()) as RegisterBody;
 
@@ -84,7 +84,7 @@ export const authHandlers = [
     }
   }),
 
-  http.post(`${API_URL}/auth/login`, async ({ request }) => {
+  http.post(`${env.API_URL}/auth/login`, async ({ request }) => {
     try {
       const credentials = (await request.json()) as LoginBody;
       const result = authenticate(credentials);
@@ -94,7 +94,7 @@ export const authHandlers = [
     }
   }),
 
-  http.get(`${API_URL}/auth/me`, ({ request }) => {
+  http.get(`${env.API_URL}/auth/me`, ({ request }) => {
     try {
       const user = requireAuth(request);
       return HttpResponse.json(user);

src/test/server/handlers/comments.ts

@@ -1,7 +1,7 @@
 import { HttpResponse, http } from 'msw';
 import { nanoid } from 'nanoid';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 
 import { db, persistDb } from '../db';
 import { requireAuth, sanitizeUser } from '../utils';
@@ -12,7 +12,7 @@ type CreateCommentBody = {
 };
 
 export const commentsHandlers = [
-  http.get(`${API_URL}/comments`, ({ request }) => {
+  http.get(`${env.API_URL}/comments`, ({ request }) => {
     try {
       requireAuth(request);
       const url = new URL(request.url);
@@ -44,7 +44,7 @@ export const commentsHandlers = [
     }
   }),
 
-  http.post(`${API_URL}/comments`, async ({ request }) => {
+  http.post(`${env.API_URL}/comments`, async ({ request }) => {
     try {
       const user = requireAuth(request);
       const data = (await request.json()) as CreateCommentBody;
@@ -61,7 +61,7 @@ export const commentsHandlers = [
     }
   }),
 
-  http.delete(`${API_URL}/comments/:commentId`, ({ request, params }) => {
+  http.delete(`${env.API_URL}/comments/:commentId`, ({ request, params }) => {
     try {
       const user = requireAuth(request);
       const commentId = params.commentId as string;

src/test/server/handlers/discussions.ts

@@ -1,7 +1,7 @@
 import { HttpResponse, http } from 'msw';
 import { nanoid } from 'nanoid';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 
 import { db, persistDb } from '../db';
 import { requireAuth, requireAdmin, sanitizeUser } from '../utils';
@@ -12,7 +12,7 @@ type DiscussionBody = {
 };
 
 export const discussionsHandlers = [
-  http.get(`${API_URL}/discussions`, async ({ request }) => {
+  http.get(`${env.API_URL}/discussions`, async ({ request }) => {
     try {
       const user = requireAuth(request);
       const result = db.discussion
@@ -42,7 +42,7 @@ export const discussionsHandlers = [
     }
   }),
 
-  http.get(`${API_URL}/discussions/:discussionId`, async ({ request, params }) => {
+  http.get(`${env.API_URL}/discussions/:discussionId`, async ({ request, params }) => {
     try {
       const user = requireAuth(request);
       const discussionId = params.discussionId as string;
@@ -82,7 +82,7 @@ export const discussionsHandlers = [
     }
   }),
 
-  http.post(`${API_URL}/discussions`, async ({ request }) => {
+  http.post(`${env.API_URL}/discussions`, async ({ request }) => {
     try {
       const user = requireAuth(request);
       const data = (await request.json()) as DiscussionBody;
@@ -101,7 +101,7 @@ export const discussionsHandlers = [
     }
   }),
 
-  http.patch(`${API_URL}/discussions/:discussionId`, async ({ request, params }) => {
+  http.patch(`${env.API_URL}/discussions/:discussionId`, async ({ request, params }) => {
     try {
       const user = requireAuth(request);
       const data = (await request.json()) as DiscussionBody;
@@ -125,7 +125,7 @@ export const discussionsHandlers = [
     }
   }),
 
-  http.delete(`${API_URL}/discussions/:discussionId`, async ({ request, params }) => {
+  http.delete(`${env.API_URL}/discussions/:discussionId`, async ({ request, params }) => {
     try {
       const user = requireAuth(request);
       const discussionId = params.discussionId as string;

src/test/server/handlers/teams.ts

@@ -1,11 +1,11 @@
 import { HttpResponse, http } from 'msw';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 
 import { db } from '../db';
 
 export const teamsHandlers = [
-  http.get(`${API_URL}/teams`, () => {
+  http.get(`${env.API_URL}/teams`, () => {
     try {
       const result = db.team.getAll();
       return HttpResponse.json(result);

src/test/server/handlers/users.ts

@@ -1,6 +1,6 @@
 import { HttpResponse, http } from 'msw';
 
-import { API_URL } from '@/config';
+import { env } from '@/config/env';
 
 import { db, persistDb } from '../db';
 import { requireAuth, requireAdmin, sanitizeUser } from '../utils';
@@ -13,7 +13,7 @@ type ProfileBody = {
 };
 
 export const usersHandlers = [
-  http.get(`${API_URL}/users`, async ({ request }) => {
+  http.get(`${env.API_URL}/users`, async ({ request }) => {
     try {
       const user = requireAuth(request);
       const result = db.user
@@ -32,7 +32,7 @@ export const usersHandlers = [
     }
   }),
 
-  http.patch(`${API_URL}/users/profile`, async ({ request }) => {
+  http.patch(`${env.API_URL}/users/profile`, async ({ request }) => {
     try {
       const user = requireAuth(request);
       const data = (await request.json()) as ProfileBody;
@@ -51,7 +51,7 @@ export const usersHandlers = [
     }
   }),
 
-  http.delete(`${API_URL}/users/:userId`, async ({ request, params }) => {
+  http.delete(`${env.API_URL}/users/:userId`, async ({ request, params }) => {
     try {
       const user = requireAuth(request);
       const userId = params.userId as string;

src/test/server/index.ts

@@ -1,5 +1,7 @@
+import { env } from '@/config/env';
+
 export const enableMocking = async () => {
-  if (import.meta.env.VITE_APP_API_MOCKING === 'true') {
+  if (env.ENABLE_API_MOCKING) {
     const { worker } = await import('./browser');
     return worker.start();
   }