71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
import { LRUCache } from 'lru-cache'
|
|
|
|
import { injectI18n } from '../providers/i18n'
|
|
import { LOCALES } from './i18n.ts'
|
|
|
|
const formatterCache = new LRUCache<string, Intl.RelativeTimeFormat>({ max: 15 })
|
|
|
|
export function useRelativeTime(options?: Intl.RelativeTimeFormatOptions) {
|
|
const { locale } = injectI18n()
|
|
|
|
return (value: Date | number | string | null | undefined) => {
|
|
if (value == null) {
|
|
return ''
|
|
}
|
|
|
|
const date = value instanceof Date ? value : new Date(value)
|
|
|
|
if (Number.isNaN(date.getTime())) {
|
|
return ''
|
|
}
|
|
const now = Date.now()
|
|
const diff = date.getTime() - now
|
|
|
|
const seconds = Math.round(diff / 1000)
|
|
const minutes = Math.round(diff / 60000)
|
|
const hours = Math.round(diff / 3600000)
|
|
const days = Math.round(diff / 86400000)
|
|
const weeks = Math.round(diff / 604800000)
|
|
const months = Math.round(diff / 2629746000)
|
|
const years = Math.round(diff / 31556952000)
|
|
|
|
const rtf = getFormatter(locale.value, options)
|
|
|
|
if (Math.abs(seconds) < 60) {
|
|
return rtf.format(seconds, 'second')
|
|
} else if (Math.abs(minutes) < 60) {
|
|
return rtf.format(minutes, 'minute')
|
|
} else if (Math.abs(hours) < 24) {
|
|
return rtf.format(hours, 'hour')
|
|
} else if (Math.abs(days) < 7) {
|
|
return rtf.format(days, 'day')
|
|
} else if (Math.abs(weeks) < 4) {
|
|
return rtf.format(weeks, 'week')
|
|
} else if (Math.abs(months) < 12) {
|
|
return rtf.format(months, 'month')
|
|
} else {
|
|
return rtf.format(years, 'year')
|
|
}
|
|
}
|
|
}
|
|
|
|
function getFormatter(
|
|
locale: string,
|
|
options?: Intl.RelativeTimeFormatOptions,
|
|
): Intl.RelativeTimeFormat {
|
|
const localeDefinition = LOCALES.find((loc) => loc.code === locale)
|
|
const numeric = options?.numeric ?? localeDefinition?.numeric ?? 'auto'
|
|
const style = options?.style ?? 'long'
|
|
const cacheKey = `${locale}:${numeric}:${style}`
|
|
let formatter = formatterCache.get(cacheKey)
|
|
if (!formatter) {
|
|
formatter = new Intl.RelativeTimeFormat(locale, {
|
|
...options,
|
|
numeric,
|
|
style,
|
|
})
|
|
formatterCache.set(cacheKey, formatter)
|
|
}
|
|
return formatter
|
|
}
|