feat: create env.mjs with validation (#8)

feat: create env.mjs with validation

feat: update config files, add git sha env var

.eslintrc.cjs

@@ -35,6 +35,7 @@ module.exports = {
     'import/no-default-export': 'off',
     'import/no-duplicates': 'error',
     'import/order': 'off',
+    'no-console': 'off',
   },
   settings: {
     'import/resolver': {

app/layout.tsx

@@ -6,7 +6,7 @@ import '@/components/theme-provider/styles.css';
 
 export const metadata: Metadata = {
   description: 'Welcome, welcome, welcome!',
-  title: 'pod1612',
+  title: 'beecast',
 };
 
 export default function RootLayout({ children }: PropsWithChildren) {

app/page.tsx

@@ -1,3 +1,4 @@
+import { env } from '@/env.mjs';
 import { Button, Container, Flex, Heading, Text } from '@radix-ui/themes';
 
 export default function Page() {
@@ -8,8 +9,8 @@ export default function Page() {
       }}
     >
       <Flex direction="column" gap="2">
-        <Heading>Hello World</Heading>
-        <Text>Hello from Radix Themes 🤓</Text>
+        <Heading>Hello from Radix Themes 🤓</Heading>
+        <Text color="gray">Release: {env.GIT_SHA}</Text>
         <Button>Click me</Button>
       </Flex>
     </Container>

env.mjs

@@ -0,0 +1,29 @@
+// @ts-check
+
+import { z } from 'zod';
+
+const getGitSha = () => {
+  if (process.env.VERCEL_GIT_COMMIT_SHA) {
+    return process.env.VERCEL_GIT_COMMIT_SHA;
+  }
+
+  if (process.env.GITHUB_SHA) {
+    return process.env.GITHUB_SHA;
+  }
+
+  return 'dev';
+};
+
+const envSchema = z.object({
+  GIT_SHA: z.string().min(1).default(getGitSha()),
+});
+
+const envValidation = envSchema.safeParse(process.env);
+
+if (!envValidation.success) {
+  const message = '❌ Invalid environment variables';
+  console.error(message, JSON.stringify(envValidation.error.format(), null, 2));
+  throw new Error(envValidation.error.message);
+}
+
+export const env = envValidation.data;

next.config.js → next.config.mjs

@@ -1,4 +1,6 @@
+import './env.mjs';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {};
 
-module.exports = nextConfig;
+export default nextConfig;

package.json

@@ -19,7 +19,8 @@
     "next": "14.0.4",
     "next-themes": "1.0.0-beta.0",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",

tsconfig.json

@@ -26,10 +26,13 @@
   "include": [
     ".eslintrc.cjs",
     ".next/types/**/*.ts",
-    ".storybook/**/*",
-    "*.config.js",
+    ".storybook/**/*.ts",
+    ".storybook/**/*.tsx",
+    "*.config.cjs",
+    "*.config.mjs",
     "**/*.ts",
     "**/*.tsx",
+    "env.mjs",
     "next-env.d.ts"
   ],
   "exclude": ["node_modules"]