@omnity/widget/src/utils/format.ts

The Omnity Widget is a simple way to embed Omnity into your website. It is a simple JavaScript file that you can include in your website to display Omnity content.

import trimEnd from "lodash.trimend";

export function formatUnits(value: bigint | undefined, decimals?: number) {
  if (typeof value === "undefined" || value === null) {
    return "0";
  }
  const _decimals = decimals || 0;
  let display = value.toString();

  const negative = display.startsWith("-");
  if (negative) display = display.slice(1);

  display = display.padStart(_decimals, "0");

  const [integer, fraction] = [
    display.slice(0, display.length - _decimals),
    display.slice(display.length - _decimals),
  ];
  const _fraction = fraction.replace(/(0+)$/, "");
  return `${negative ? "-" : ""}${integer || "0"}${
    _fraction ? `.${_fraction}` : ""
  }`;
}

export function parseAmount(amount: string, decimals: number) {
  let [integer, fraction] = amount.split(".");
  if (fraction && fraction.length > decimals) {
    fraction = fraction.substring(0, decimals);
  }
  let display = integer + (fraction ? fraction : "").padEnd(decimals, "0");
  return BigInt(display);
}

export function formatHash(hash: string) {
  if (!hash) {
    return "";
  }

  return `${hash.slice(0, 6)}...${hash.slice(-4)}`;
}

export function readableNumber(
  num: number | undefined | null | string,
  digits = 3,
) {
  if (num === undefined || num === null) {
    return "";
  }

  const formatCurrency = new Intl.NumberFormat(undefined, {
    style: "decimal",
    currency: "USD",
    minimumFractionDigits: digits,
    maximumFractionDigits: digits,
  });

  const re = formatCurrency.format(Number(num));
  if (re.includes(".")) {
    const trimmed = trimEnd(re, "0");
    if (trimmed.endsWith(".")) {
      return trimmed.slice(0, -1);
    }
    return trimmed;
  }

  return re;
}