chore: add .env.test file and update package.json to use loadEnv for environment variables (#399)

Author: brookslybrand

.env.test

@@ -0,0 +1 @@
+CONVERTKIT_KEY="..."

app/lib/blog.server.ts

@@ -1,4 +1,4 @@
-import invariant from "tiny-invariant";
+import assert from "node:assert";
 import { LRUCache } from "lru-cache";
 import yaml from "yaml";
 import { processMarkdown } from "~/lib/md.server";
@@ -12,7 +12,7 @@ const postContentsBySlug = Object.fromEntries(
       eager: true,
     }),
   ).map(([filePath, contents]) => {
-    invariant(
+    assert(
       typeof contents === "string",
       `Expected ${filePath} to be a string, but got ${typeof contents}`,
     );
@@ -43,7 +43,7 @@ export async function getBlogPost(slug: string): Promise<BlogPost> {
 
   let result = await processMarkdown(contents);
   let { attributes, html } = result;
-  invariant(
+  assert(
     isMarkdownPostFrontmatter(attributes),
     `Invalid post frontmatter in ${slug}`,
   );
@@ -57,7 +57,7 @@ export async function getBlogPost(slug: string): Promise<BlogPost> {
   }
   attributes.authors = validatedAuthors;
 
-  invariant(
+  assert(
     isMarkdownPostFrontmatter(attributes),
     `Invalid post frontmatter in ${slug}`,
   );

app/routes/jam/schedule.server.ts

@@ -1,4 +1,4 @@
-import invariant from "tiny-invariant";
+import assert from "node:assert";
 import yaml from "yaml";
 import { processMarkdown } from "~/lib/md.server";
 import { z } from "zod";
@@ -13,7 +13,7 @@ const speakerImageModules = import.meta.glob(
 
 const imageUrlByKey = new Map(
   Object.entries(speakerImageModules).map(([path, url]) => {
-    invariant(
+    assert(
       typeof url === "string",
       `Speaker image "${path}" is not a string. Please check the schedule file.`,
     );
@@ -69,7 +69,7 @@ export async function getSchedule(): Promise<ScheduleItem[]> {
       let imgSrc: string | undefined;
       if (item.imgFilename) {
         imgSrc = imageUrlByKey.get(item.imgFilename);
-        invariant(
+        assert(
           imgSrc,
           `Speaker "${item.speaker}" has image filename "${item.imgFilename}" but no matching image file.`,
         );

package.json

@@ -14,7 +14,7 @@
     "deploy": "flyctl deploy --build-arg REMIX_TOKEN=${REMIX_TOKEN}",
     "push:stage": "git tag -f stage && git push origin stage -f",
     "start": "cross-env NODE_ENV=production node server.ts",
-    "preview": "cross-env NODE_ENV=production dotenv node server.ts",
+    "preview": "cross-env NODE_ENV=production node --env-file=.env server.ts",
     "lint": "eslint --cache --cache-location ./node_modules/.cache/eslint .",
     "lint:fix": "pnpm run lint -- --fix",
     "test": "vitest",
@@ -30,13 +30,12 @@
     "clsx": "^2.1.1",
     "cross-env": "^10.1.0",
     "cssnano": "^6.0.3",
-    "dotenv": "^16.6.1",
     "emoji-regex": "^10.6.0",
     "escape-goat": "^4.0.0",
     "fathom-client": "^3.6.0",
     "feed": "^4.2.2",
     "front-matter": "^4.0.2",
-    "isbot": "^4",
+    "isbot": "^5",
     "lru-cache": "^10.1.0",
     "parse-numeric-range": "^1.3.0",
     "react": "^18.3.1",
@@ -55,7 +54,6 @@
     "shiki": "^0.14.7",
     "source-map-support": "^0.5.21",
     "svg2img": "^1.0.0-beta.2",
-    "tiny-invariant": "^1.3.3",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "yaml": "^2.8.2",
@@ -78,7 +76,6 @@
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^3.2.4",
     "autoprefixer": "^10.4.24",
-    "dotenv-cli": "^7.4.4",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",

pnpm-lock.yaml

@@ -1,15 +1,14 @@
 /// <reference types="vite/client" />
 
-import fs from "node:fs";
-import path from "node:path";
 import { defineConfig } from "vitest/config";
+import { loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
-import dotenv from "dotenv";
 
-let env = dotenv.parse(
-  fs.readFileSync(path.resolve(process.cwd(), ".env.example")),
-);
+// Load all env vars (no prefix filter) from .env, .env.test, etc.
+let env = loadEnv("test", process.cwd(), "");
+
+console.log({ env });
 
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],