refact: Read from dotenv

Author: grossbart

src/domain/AuthState.ts

@@ -2,6 +2,7 @@ import { api } from 'api';
 import React from 'react';
 import { pipe, tagged, task, taskEither } from '@code-expert/prelude';
 import { getAccess } from '@/api/oauth/getAccess';
+import { config } from '@/config';
 import useTimeout from '@/ui/hooks/useTimeout';
 import { pkceChallenge } from '@/utils/crypto';
 import { ClientId } from './ClientId';
@@ -21,7 +22,7 @@ const startingAuthorization = (
 ): Extract<AuthState, { _tag: 'startingAuthorization' }> => {
   const { code_verifier, code_challenge } = pkceChallenge();
 
-  const redirectLink = `${api.CXUrl}/app/authorize?clientId=${clientId}&code_challenge=${code_challenge}`;
+  const redirectLink = `${config.CX_WEB_URL}/app/authorize?clientId=${clientId}&code_challenge=${code_challenge}`;
 
   return authState.startingAuthorization({ code_verifier, redirectLink });
 };
@@ -84,7 +85,9 @@ export const useAuthState = (
 
     if (authState.is.waitingForAuthorization(state)) {
       if (sse.current == null) {
-        sse.current = new EventSource(`${api.APIUrl}/app/oauth/listenForAuthToken/${clientId}`);
+        sse.current = new EventSource(
+          `${config.CX_API_URL}/app/oauth/listenForAuthToken/${clientId}`,
+        );
       }
 
       sse.current?.addEventListener('authToken', onAuthToken, { once: true });

src/domain/ProjectAccess.ts

@@ -1,6 +1,6 @@
-import { api } from 'api';
 import React from 'react';
 import { either, pipe, task } from '@code-expert/prelude';
+import { config } from '@/config';
 import { createToken } from './createAPIRequest';
 
 const cleanUpEventListener = (
@@ -32,7 +32,9 @@ export const useProjectAccess = (onProjectAccess: (projectId: string) => void) =
         createToken({}),
         task.map((token) => {
           if (either.isRight(token)) {
-            sse.current = new EventSource(`${api.APIUrl}/app/projectAccess?token=${token.right}`);
+            sse.current = new EventSource(
+              `${config.CX_API_URL}/app/projectAccess?token=${token.right}`,
+            );
             sse.current.addEventListener('projectAccess', onProjectAccessI);
             sse.current.addEventListener('error', onError);
           }

src/domain/createAPIRequest.ts

@@ -1,6 +1,7 @@
 import { Body, Response, ResponseType, fetch } from '@tauri-apps/api/http';
 import { api } from 'api';
 import { either, flow, iots, pipe, taskEither } from '@code-expert/prelude';
+import { config } from '@/config';
 import { ClientId } from './ClientId';
 import {
   EntityNotFoundException,
@@ -23,7 +24,7 @@ function sendApiRequest(path: string, method: 'GET' | 'POST', responseType: Resp
   return (token: string) =>
     taskEither.tryCatch(
       () =>
-        fetch(new URL(path, api.APIUrl).href, {
+        fetch(new URL(path, config.CX_API_URL).href, {
           method,
           headers: {
             Authorization: `Bearer ${token}`,
@@ -38,7 +39,7 @@ function sendApiRequestPayload(path: string, method: 'GET' | 'POST') {
   return (payload: Record<string, unknown>) =>
     taskEither.tryCatch(
       () =>
-        fetch(new URL(path, api.APIUrl).href, {
+        fetch(new URL(path, config.CX_API_URL).href, {
           method,
           body: Body.json(payload),
           responseType: ResponseType.JSON,

src/startup/getClientToken.ts

@@ -1,5 +1,6 @@
 import { api } from 'api';
 import { iots, pipe, taskEither } from '@code-expert/prelude';
+import { config } from '@/config';
 import { ClientId } from '@/domain/ClientId';
 import { createAPIRequest } from '@/domain/createAPIRequest';
 
@@ -11,7 +12,7 @@ export const getClientToken = pipe(
   taskEither.alt(() =>
     pipe(
       createAPIRequest({
-        path: `${api.APIUrl}/app/clientId`,
+        path: `${config.CX_API_URL}/app/clientId`,
         method: 'GET',
         payload: {},
         codec: iots.strict({ token: iots.string }),

src/startup/registerApp.ts

@@ -2,6 +2,7 @@ import { invoke } from '@tauri-apps/api';
 import { getName, getVersion } from '@tauri-apps/api/app';
 import { api } from 'api';
 import { constVoid, iots, pipe, taskEither } from '@code-expert/prelude';
+import { config } from '@/config';
 import { createAPIRequest } from '@/domain/createAPIRequest';
 import { getClientToken } from './getClientToken';
 
@@ -23,7 +24,7 @@ const registerApp = async () => {
 
       return pipe(
         createAPIRequest({
-          path: `${api.APIUrl}/app/register`,
+          path: `${config.CX_API_URL}/app/register`,
           payload: requestBody,
           method: 'POST',
           codec: iots.strict({ clientId: iots.string }),

src/ui/pages/projects/hooks/useProjectEventUpdate.ts

@@ -1,6 +1,6 @@
-import { api } from 'api';
 import React from 'react';
 import { pipe, task, taskEither } from '@code-expert/prelude';
+import { config } from '@/config';
 import { ClientId } from '@/domain/ClientId';
 import { createTokenWithClientId } from '@/domain/createAPIRequest';
 
@@ -15,7 +15,9 @@ export const useProjectEventUpdate = (onProjectAdded: () => void, clientId: Clie
           createTokenWithClientId({})(clientId),
           taskEither.map((token) => {
             if (sse.current == null) {
-              sse.current = new EventSource(`${api.APIUrl}/app/projectAccess?token=${token}`);
+              sse.current = new EventSource(
+                `${config.CX_API_URL}/app/projectAccess?token=${token}`,
+              );
               sse.current.addEventListener('projectAccess', onProjectAdd);
               sse.current.addEventListener('error', onError);
             }