Remove astro:env call in siteUrlServer.ts since it is not available in context of modules called from astro.config.ts

Author: webstackdev

src/env.d.ts

@@ -0,0 +1,7 @@
+interface ImportMetaEnv {
+  readonly NODE_ENV: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

src/lib/config/siteUrlServer.ts

@@ -1,17 +1,24 @@
 /**
  * Server-side method to determine correct URL
  */
-import { DEV_SERVER_PORT } from "astro:env/client"
+import { loadEnv } from 'vite'
 import { domain } from '../../../package.json' with { type: 'json' }
 import { isVercel } from '@lib/config/environmentServer'
 
+const { DEV_SERVER_PORT } = loadEnv(process.env['NODE_ENV'] ?? 'development', process.cwd(), '')
+
 /** Called from astro.config.ts to determine "site" config key */
 export const getSiteUrl = (): string => {
   if (isVercel() && domain) {
     console.log(`Using production environment with domain from package.json: ${domain}`)
     return `https://${domain}`
-  } else {
+  } else if (!!DEV_SERVER_PORT) {
     console.log(`Using development environment on port ${DEV_SERVER_PORT}.`)
     return `http://localhost:${DEV_SERVER_PORT}`
+  } else {
+    console.log(
+      `Using default value of "http://localhost:4321" for the site URL. DEV_SERVER_PORT is not set in the environment.`
+    )
+    return `http://localhost:${DEV_SERVER_PORT}`
   }
 }

tsconfig.json

@@ -112,7 +112,7 @@
      * https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping
      * This avoids needing for ts-node to include a top-level key of: "ts-node": {  "files": true }
      */
-    "typeRoots": ["./@types/**/*.d.ts", "./node_modules/@types/**/*.d.ts"],
+    "typeRoots": ["./@types/**/*.d.ts", "./node_modules/@types/**/*.d.ts", "./src/env.d.ts"],
     /** switches to the upcoming ECMA runtime behavior instead of TypeScript's legacy behavior. */
     "useDefineForClassFields": true,
     /**