use a server action to check for api key, define it in env.ts

Author: gabrielmfern

packages/preview-server/src/actions/has-resend-api-key.ts

@@ -0,0 +1,7 @@
+'use server';
+
+import { resendApiKey } from '../app/env';
+
+export async function hasResendApiKey() {
+  return (resendApiKey ?? '').trim().length > 0;
+}

packages/preview-server/src/app/api/has-resend-api-key/route.ts

@@ -8,6 +8,9 @@ export const previewServerLocation = process.env.PREVIEW_SERVER_LOCATION!;
 export const emailsDirectoryAbsolutePath =
   process.env.EMAILS_DIR_ABSOLUTE_PATH!;
 
+/** ONLY ACCESSIBLE ON THE SERVER */
+export const resendApiKey = process.env.RESEND_API_KEY;
+
 export const isBuilding = process.env.NEXT_PUBLIC_IS_BUILDING === 'true';
 
 export const isPreviewDevelopment =

packages/preview-server/src/app/env.ts

@@ -11,6 +11,7 @@ import { IconCloudAlert } from '../icons/icon-cloud-alert';
 import { IconCloudCheck } from '../icons/icon-cloud-check';
 import { IconLoader } from '../icons/icon-loader';
 import { Results } from './results';
+import { hasResendApiKey } from '../../actions/has-resend-api-key';
 
 export interface ResendStatus {
   hasApiKey: boolean;
@@ -32,27 +33,11 @@ export const useResend = ({
     setLoading(true);
 
     try {
-      const response = await fetch('/api/has-resend-api-key', {
-        method: 'GET',
-        headers: { 'Content-Type': 'application/json' },
-      });
-
-      const body = (await response.json().catch(() => ({}))) as
-        | { ok: boolean; error: string | null }
-        | undefined;
-
-      if (response.ok && body?.ok) {
+      if (await hasResendApiKey()) {
         const result = { hasApiKey: true, error: null };
         setStatus(result);
         return result;
       }
-
-      const result = {
-        hasApiKey: false,
-        error: body?.error ?? 'Unknown error',
-      };
-      setStatus(result);
-      return result;
     } catch (exception) {
       console.error('Error checking Resend API key', exception);
     } finally {