gmakstutis/cognee
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Frontend hardcodes API base URL #1084 (#1104)

Browse source 
<!-- .github/pull_request_template.md -->

## Description
This pull request refactors the frontend application to remove hardcoded
backend API and WebSocket URLs. The Environment variables are stored at
.env.template file which is created in PR. By this you can temporary
solve the problem of binding to the same port 8000. You have to bind
Cognee Api Server to different Port and then instead of changing the
hardcoded urls you only need to change the Port Number in base url which
is present in .env . Please let me know if you want to change Port
Number of Cognee Api Server from 8000 to different Port Number which
will resolve this issue permanently.
<!-- Provide a clear description of the changes in this PR -->

## DCO Affirmation
I affirm that all code in every commit of this pull request conforms to
the terms of the Topoteretes Developer Certificate of Origin.

---------

Signed-off-by: Raj2604 <rajmandhare26@gmail.com>
This commit is contained in:
Raj Mandhare 2025-07-18 21:42:57 +05:30 • committed by GitHub
parent 34c2976bb5
commit b72a75776d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
cognee-frontend/.env.template Normal file
View file

@ -0,0 +1 @@
NEXT_PUBLIC_BACKEND_API_URL=http://localhost:8000/api

5
cognee-frontend/src/app/(graph)/CrewAITrigger.tsx
View file

@ -28,7 +28,10 @@ export default function CrewAITrigger({ onData, onActivity }: CrewAITriggerProps
username2: formElements.username2.value,
};
const websocket = new WebSocket("ws://localhost:8000/api/v1/crewai/subscribe");
const backendApiUrl = process.env.NEXT_PUBLIC_BACKEND_API_URL;
const wsUrl = backendApiUrl.replace(/^http(s)?/, "ws");
const websocket = new WebSocket(`${wsUrl}/v1/crewai/subscribe`);
onActivity([{ id: uuid4(), timestamp: Date.now(), activity: "Dispatching hiring crew agents" }]);

6
cognee-frontend/src/utils/fetch.ts
View file

@ -2,7 +2,9 @@ import handleServerErrors from "./handleServerErrors";
let numberOfRetries = 0;
const isAuth0Enabled = process.env.USE_AUTH0_AUTHORIZATION?.toLowerCase() === "true"
const isAuth0Enabled = process.env.USE_AUTH0_AUTHORIZATION?.toLowerCase() === "true";
const backendApiUrl = process.env.NEXT_PUBLIC_BACKEND_API_URL;
export default async function fetch(url: string, options: RequestInit = {}): Promise<Response> {
function retry(lastError: Response) {
@ -22,7 +24,7 @@ export default async function fetch(url: string, options: RequestInit = {}): Pro
});
}
return global.fetch("http://localhost:8000/api" + url, {
return global.fetch(backendApiUrl + url, {
...options,
credentials: "include",
})