refactor(web): update API base URL handling and enhance logging in webpack config

This commit modifies the API base URL assignment in the webpack configuration to use `process.env.BASEURL` instead of a localhost fallback. Additionally, it improves error logging for unrecognized environment names by ensuring proper message formatting and adds a console log for the environment object, aiding in debugging and configuration clarity.

Author: tyler-dane

packages/web/webpack.config.mjs

@@ -24,7 +24,7 @@ const loadEnvFile = (envName) => {
   // Handle unmapped environment names explicitly
   if (typeof envFile === "undefined") {
     console.error(
-      `Error: Unrecognized environment name '${envName}'. Valid options are: ${Object.keys(map).join(", ")}.`
+      `Error: Unrecognized environment name '${envName}'. Valid options are: ${Object.keys(map).join(", ")}.`,
     );
     return;
   }
@@ -65,8 +65,7 @@ export default (env, argv) => {
   const GLOBAL_SCSS = resolvePath("src/common/styles/index.scss");
 
   const ANALYZE_BUNDLE = env.analyze;
-  const API_BASEURL =
-    process.env.API_BASEURL || `http://localhost:${process.env.PORT || 3000}`;
+  const API_BASEURL = process.env.BASEURL;
   const GOOGLE_CLIENT_ID = process.env.GOOGLE_CLIENT_ID;
   const POSTHOG_KEY = process.env.POSTHOG_KEY;
   const POSTHOG_HOST = process.env.POSTHOG_HOST;
@@ -98,6 +97,7 @@ export default (env, argv) => {
     NODE_ENV: ${JSON.stringify(NODE_ENV)},
     PORT: ${JSON.stringify(PORT)}
   }`;
+  console.log("envObject", envObject);
 
   const _plugins = [
     new webpack.DefinePlugin({