sk/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed the API route in favour of server side rendering; Updated documentation to list environment variables (#9)

Browse source 
- Use server side rendering in the `getServerEnv` library function, rather than using the API route
- Updated `README.md` to list the relevant environment variables for the frontend and backend
- Updated `NETWORKING.md` to reflect the changes made in `docker-compose.yaml`
This commit is contained in:
Andrew Pennington 2024-08-23 23:52:48 +01:00 • committed by GitHub
parent ec158c0cdf
commit f6ae79b0b5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 41 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

16
ui/app/api/env/route.ts vendored
View file

@ -1,16 +0,0 @@
import process from 'process';
import { NextResponse } from 'next/server';
// Enable the Runtime
export const runtime = "edge"
export async function GET(_request: Request) {
// Access environment variables
const envVars = {
'BACKEND_API_URL': process.env.BACKEND_API_URL ?? process.env.NEXT_PUBLIC_API_URL,
'BACKEND_WS_URL': process.env.BACKEND_WS_URL ?? process.env.NEXT_PUBLIC_WS_URL
}
// Return the environment variables as a JSON response
return NextResponse.json(envVars);
}

40
ui/lib/serverEnvironment.ts
View file

@ -1,29 +1,19 @@
async function fetchConfig() {
try {
const response = await fetch('/api/env');
if (response.ok) {
const data = await response.json();
sessionStorage.setItem('cachedConfig', JSON.stringify(data));
return data;
} else {
throw new Error('Failed to fetch config');
}
} catch (error) {
return null;
}
}
'use server';
import process from 'process';
export async function getServerEnv(envVar: string): Promise<string> {
const cachedConfig = JSON.parse(sessionStorage.getItem('cachedConfig') || 'null');
if (cachedConfig) {
return cachedConfig[envVar];
let result: string | undefined;
switch (envVar) {
case "BACKEND_API_URL":
result = process.env.BACKEND_API_URL ?? process.env.NEXT_PUBLIC_API_URL;
break;
case "BACKEND_WS_URL":
result = process.env.BACKEND_WS_URL ?? process.env.NEXT_PUBLIC_WS_URL;
break;
default:
result = process.env[envVar];
break;
}
const data = await fetchConfig();
if (!data) {
return "";
}
return data[envVar];
return result ?? "";
}