🐞 fix (CHASE Frontend): implement runtime env for backend url in fron…

…tend branch: Branch not found
DeutscheModelUnitedNations · Mar 9, 2024 · c8ceaa1 · m1212e · Mar 9, 2024 · c8ceaa1
1 parent 1255872
commit c8ceaa1
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 7 deletions.
diff --git a/Dockerfile.chase.backend b/Dockerfile.chase.backend
@@ -35,4 +35,4 @@ ENV PORT=3001
 # run the app
 USER bun
 EXPOSE 3001/tcp
-ENTRYPOINT [ "bun", "main.js" ]
+ENTRYPOINT [ "bun", "main.js", "--smol" ]
diff --git a/bun.lockb b/bun.lockb
diff --git a/chase/frontend/.env.development b/chase/frontend/.env.development
@@ -1 +1 @@
-BACKEND_URL=http://localhost:3001
+NEXT_PUBLIC_BACKEND_URL=http://localhost:3001
diff --git a/chase/frontend/app/layout.tsx b/chase/frontend/app/layout.tsx
@@ -1,7 +1,7 @@
 "use client";
 import "./globals.scss";
 import { Inter } from "next/font/google"; // Even though Google Fonts are used – no requests are sent to Google (see NEXT.JS docs)
-
+import { PublicEnvScript } from "next-runtime-env";
 //theme
 import "@/themes/theme_light.scss";
 import "@/themes/theme_dark.scss";
@@ -50,9 +50,16 @@ export default function RootLayout({
 
   return (
     <html lang="en">
-      <Head>
-        <title>Chase</title> {/* TODO Make title work */}
+      <head>
+        <PublicEnvScript />
+      </head>
+
+      {/* <Head>
+        <title>Chase</title> 
+        <PublicEnvScript />
       </Head>
+     */}
+
       <body className={inter.className}>
         {/* <PrimeReactProvider value={{ pt: Tailwind }}> */}
         <TypesafeI18n locale={locale}>

diff --git a/chase/frontend/contexts/backend.tsx b/chase/frontend/contexts/backend.tsx
@@ -2,6 +2,7 @@ import React, { createContext, useContext, useState } from "react";
 import { edenTreaty } from "@elysiajs/eden";
 import { App } from "../../backend/src/main";
 import { unstable_noStore as noStore } from "next/cache";
+import { env } from "next-runtime-env";
 
 export const BackendContext = createContext({} as BackendContextType);
 export const useBackend = () => useContext(BackendContext);
@@ -12,9 +13,12 @@ export type BackendInstanceType = ReturnType<typeof edenTreaty<App>>;
 //TODO
 function getBackendUrl() {
   noStore();
-  return process.env.BACKEND_URL || "https://chase-backend.dmun.de";
-  // return process.env.BACKEND_URL || "http://localhost:3001";
+  return env("NEXT_PUBLIC_BACKEND_URL") || "https://chase-backend.dmun.de";
 }
+setTimeout(() => {
+  console.log("Backend URL", getBackendUrl());
+}, 5000);
+
 
 export const Backend = ({ children }: { children: React.ReactNode }) => {
   const [backend, _setBackend] = useState(
@@ -35,3 +39,4 @@ export const Backend = ({ children }: { children: React.ReactNode }) => {
 export interface BackendContextType {
   backend: BackendInstanceType;
 }
+
diff --git a/package.json b/package.json
@@ -16,5 +16,8 @@
     "@biomejs/biome": "^1.5.3",
     "bun-types": "latest",
     "concurrently": "^8.2.2"
+  },
+  "dependencies": {
+    "next-runtime-env": "^3.2.0"
   }
 }