feishin/src/renderer/utils/format.tsx

import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
import formatDuration from 'format-duration';
import type { Album, AlbumArtist, Song } from '/@/renderer/api/types';
import { Rating } from '/@/renderer/components/rating';

dayjs.extend(relativeTime);

export const formatDateAbsolute = (key: string | null) =>
    key ? dayjs(key).format('MMM D, YYYY') : '';

export const formatDateRelative = (key: string | null) => (key ? dayjs(key).fromNow() : '');

export const formatDurationString = (duration: number) => {
    const rawDuration = formatDuration(duration).split(':');

    let string;

    switch (rawDuration.length) {
        case 1:
            string = `${rawDuration[0]} sec`;
            break;
        case 2:
            string = `${rawDuration[0]} min ${rawDuration[1]} sec`;
            break;
        case 3:
            string = `${rawDuration[0]} hr ${rawDuration[1]} min ${rawDuration[2]} sec`;
            break;
        case 4:
            string = `${rawDuration[0]} day ${rawDuration[1]} hr ${rawDuration[2]} min ${rawDuration[3]} sec`;
            break;
    }

    return string;
};

export const formatRating = (item: Album | AlbumArtist | Song) =>
    item.userRating !== null ? (
        <Rating
            readOnly
            value={item.userRating}
        />
    ) : null;

const SIZES = ['B', 'KiB', 'MiB', 'GiB', 'TiB'];

export const formatSizeString = (size?: number): string => {
    let count = 0;
    let finalSize = size ?? 0;
    while (finalSize > 1024) {
        finalSize /= 1024;
        count += 1;
    }

    return `${finalSize.toFixed(2)} ${SIZES[count]}`;
};