lemmy-ui/src/shared/env.ts

import { isBrowser } from './utils';

const testHost = 'localhost:8536';

let internalHost =
  (!isBrowser() && process.env.LEMMY_INTERNAL_HOST) || testHost; // used for local dev
export let externalHost: string;
let host: string;
let wsHost: string;
let secure: string;

if (isBrowser()) {
  // browser
  const lemmyConfig =
    typeof window.lemmyConfig !== 'undefined' ? window.lemmyConfig : {};

  externalHost = `${window.location.hostname}${
    ['1234', '1235'].includes(window.location.port)
      ? ':8536'
      : window.location.port == ''
      ? ''
      : `:${window.location.port}`
  }`;

  host = externalHost;
  wsHost = lemmyConfig.wsHost || host;
  secure = window.location.protocol == 'https:' ? 's' : '';
} else {
  // server-side
  externalHost = process.env.LEMMY_EXTERNAL_HOST || testHost;
  host = internalHost;
  wsHost = process.env.LEMMY_WS_HOST || host;
  secure = process.env.LEMMY_HTTPS == 'true' ? 's' : '';
}

const httpBase = `http://${host}`; // Don't use secure here
export const wsUri = `ws${secure}://${wsHost}/api/v2/ws`;
export const httpUri = `${httpBase}/api/v2`;
export const pictrsUri = `http${secure}://${host}/pictrs/image`;

console.log(`httpbase: ${httpBase}`);
console.log(`wsUri: ${wsUri}`);

// This is for html tags, don't include port
const httpExternalUri = `http${secure}://${externalHost.split(':')[0]}`;
export function httpExternalPath(path: string) {
  return `${httpExternalUri}${path}`;
}