refactor: replace env with astro:env

nblackburn · Dec 5, 2024 · 2706770 · 2706770
1 parent 5a898ff
commit 2706770
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 12 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,7 +1,7 @@
 import vue from '@astrojs/vue';
-import sitemap from '@astrojs/sitemap';
-import { defineConfig } from 'astro/config';
 import vercel from '@astrojs/vercel';
+import sitemap from '@astrojs/sitemap';
+import { defineConfig, envField } from 'astro/config';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 
 export default defineConfig({
@@ -19,13 +19,15 @@ export default defineConfig({
         }
     }),
 
-    vite: {
-        plugins: [vanillaExtractPlugin()],
-
-        define: {
-            'import.meta.env.PUBLIC_VERCEL_ANALYTICS_ID': JSON.stringify(
-                process.env.VERCEL_ANALYTICS_ID
-            )
+    env: {
+        schema: {
+            RESEND_API_KEY: envField({ context: 'server', access: 'secret' }),
+            TURNSTILE_SITE_KEY: envField({ context: 'client', access: 'public' }),
+            TURNSTILE_SECRET_KEY: envField({ context: 'server', access: 'secret' })
         }
+    },
+
+    vite: {
+        plugins: [vanillaExtractPlugin()]
     }
 });
diff --git a/src/components/turnStile.vue b/src/components/turnStile.vue
@@ -4,13 +4,14 @@
 
 <script lang="ts">
 import * as styles from './turnStile.css';
+import { TURNSTILE_SITE_KEY } from 'astro:env/server';
 import { defineComponent, onMounted, ref } from 'vue';
 
 export default defineComponent({
     emits: ['callback', 'error', 'expired', 'unsupported'],
     setup(_props, ctx) {
         const element = ref();
-        const siteKey = import.meta.env.PUBLIC_TURNSTILE_SITE_KEY;
+        const siteKey = TURNSTILE_SITE_KEY;
 
         const setupScript = () => {
             const turnStile = window.turnstile;

diff --git a/src/pages/api/contact.ts b/src/pages/api/contact.ts
@@ -1,8 +1,9 @@
 import config from '@root/src/config';
 import type { APIRoute } from 'astro';
+import { RESEND_API_KEY, TURNSTILE_SECRET_KEY } from 'astro:env/server';
 
-const resendApikey = import.meta.env.RESEND_API_KEY;
-const turnstyleSecretKey = import.meta.env.TURNSTILE_SECRET_KEY;
+const resendApikey = RESEND_API_KEY;
+const turnstyleSecretKey = TURNSTILE_SECRET_KEY;
 
 export const runtime = 'edge';
 export const prerender = false;