Use env vars

src/lib/requests/client/BaseClient.ts

@@ -14,11 +14,7 @@ export abstract class BaseClient<Client, ClientConfig, Fetcher> {
     public abstract readonly fetcher: Fetcher;
 
     public getBaseUrl(): string {
-        const { hostname, port, protocol } = window.location;
-
-        // if port is 3000 it's probably running from webpack development server
-        const inferredPort = import.meta.env.DEV && port === '3000' ? '4567' : port;
-        return AppStorage.local.getItemParsed('serverBaseURL', `${protocol}//${hostname}:${inferredPort}`);
+        return AppStorage.local.getItemParsed('serverBaseURL', import.meta.env.VITE_SERVER_URL_DEFAULT);
     }
 
     public abstract updateConfig(config: Partial<ClientConfig>): void;

src/modules/settings/screens/ServerSettings.tsx

@@ -99,7 +99,10 @@ export const ServerSettings = () => {
     });
     const [mutateSettings] = requestManager.useUpdateServerSettings();
 
-    const [serverAddress, setServerAddress] = useLocalStorage<string>('serverBaseURL', window.location.origin);
+    const [serverAddress, setServerAddress] = useLocalStorage<string>(
+        'serverBaseURL',
+        import.meta.env.VITE_SERVER_URL_DEFAULT,
+    );
 
     const handleServerAddressChange = (address: string) => {
         const serverBaseUrl = address.replaceAll(/(\/)+$/g, '');

src/modules/tracker/components/cards/SettingsTrackerCard.tsx

@@ -32,7 +32,7 @@ import { TTrackerSearch } from '@/modules/tracker/Tracker.types.ts';
 export const SettingsTrackerCard = ({ tracker }: { tracker: TTrackerSearch }) => {
     const { t } = useTranslation();
 
-    const [serverAddress] = useLocalStorage('serverBaseURL', window.location.origin);
+    const [serverAddress] = useLocalStorage('serverBaseURL', import.meta.env.VITE_SERVER_URL_DEFAULT);
 
     const [loginTrackerCredentials, { loading: isCredentialLoginInProgress }] =
         requestManager.useLoginToTrackerCredentials();

src/vite-env.d.ts

@@ -7,3 +7,18 @@
  */
 
 /// <reference types="vite/client" />
+
+interface ViteTypeOptions {
+    // By adding this line, you can make the type of ImportMetaEnv strict
+    // to disallow unknown keys.
+    strictImportMetaEnv: unknown;
+}
+
+interface ImportMetaEnv {
+    readonly VITE_SERVER_URL_DEFAULT: string;
+    // more env variables...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}