owncast/web/utils/format.ts

import UAParser from 'ua-parser-js';

export function formatIPAddress(ipAddress: string): string {
  const ipAddressComponents = ipAddress.split(':');

  // Wipe out the port component
  ipAddressComponents[ipAddressComponents.length - 1] = '';

  let ip = ipAddressComponents.join(':');
  ip = ip.slice(0, ip.length - 1);
  if (ip === '[::1]' || ip === '127.0.0.1') {
    return 'Localhost';
  }

  return ip;
}

// check if obj is {}
export function isEmptyObject(obj) {
  return !obj || (Object.keys(obj).length === 0 && obj.constructor === Object);
}

export function padLeft(text, pad, size) {
  return String(pad.repeat(size) + text).slice(-size);
}

export function parseSecondsToDurationString(seconds = 0) {
  const finiteSeconds = Number.isFinite(+seconds) ? Math.abs(seconds) : 0;

  const days = Math.floor(finiteSeconds / 86400);
  const daysString = days > 0 ? `${days} day${days > 1 ? 's' : ''} ` : '';

  const hours = Math.floor((finiteSeconds / 3600) % 24);
  const hoursString = hours || days ? padLeft(`${hours}:`, '0', 3) : '';

  const mins = Math.floor((finiteSeconds / 60) % 60);
  const minString = padLeft(`${mins}:`, '0', 3);

  const secs = Math.floor(finiteSeconds % 60);
  const secsString = padLeft(`${secs}`, '0', 2);

  return daysString + hoursString + minString + secsString;
}

export function makeAndStringFromArray(arr: string[]): string {
  if (arr.length === 1) return arr[0];
  const firsts = arr.slice(0, arr.length - 1);
  const last = arr[arr.length - 1];
  return `${firsts.join(', ')} and ${last}`;
}

export function formatUAstring(uaString: string) {
  const parser = UAParser(uaString);
  const { device, os, browser } = parser;
  const { major: browserVersion, name } = browser;
  const { version: osVersion, name: osName } = os;
  const { model, type } = device;

  // Fallback to just displaying the raw agent string.
  if (!name || !browserVersion || !osName) {
    return uaString;
  }

  const deviceString = model || type ? ` (${model || type})` : '';
  return `${name} ${browserVersion} on ${osName} ${osVersion}
  ${deviceString}`;
}