jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 07:01:19 -04:00
Code Issues Activity

switch from date-fns (and date-fns-tz) to dayjs

Browse Source
This commit is contained in:
Jake Jarvis
2022-04-22 14:37:35 -04:00
parent 8a97b706be
commit fbb2221d08
10 changed files with 78 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
lib/helpers/format-date.ts
View File

@@ -1,22 +1,42 @@
import { formatDistanceToNowStrict } from "date-fns";
import { formatInTimeZone } from "date-fns-tz";
import enUS from "date-fns/locale/en-US";
import dayjs from "dayjs";
import dayjsUtc from "dayjs/plugin/utc";
import dayjsTimezone from "dayjs/plugin/timezone";
import dayjsRelativeTime from "dayjs/plugin/relativeTime";
import dayjsLocalizedFormat from "dayjs/plugin/localizedFormat";
import dayjsAdvancedFormat from "dayjs/plugin/advancedFormat";
import "dayjs/locale/en";
import { timeZone } from "../config";
export type FlexibleDate = string | number | Date;
const IsomorphicDayJs = (date?: dayjs.ConfigType): dayjs.Dayjs => {
// plugins
dayjs.extend(dayjsUtc);
dayjs.extend(dayjsTimezone);
dayjs.extend(dayjsRelativeTime);
dayjs.extend(dayjsLocalizedFormat);
dayjs.extend(dayjsAdvancedFormat);
// defaults
dayjs.locale("en");
dayjs.tz.setDefault(timeZone);
return dayjs(date);
};
// normalize timezone across the site, both server and client side, to prevent hydration errors.
// format defaults to "Apr 4, 2022, 3:04 PM EDT", see https://date-fns.org/v2.28.0/docs/format
export const formatDateTZ = (date: FlexibleDate, formatStr = "PPp zzz", options = {}) => {
return formatInTimeZone(new Date(date), timeZone, formatStr, { locale: enUS, ...options });
// format defaults to "Apr 4, 2022, 3:04 PM EDT", see https://day.js.org/docs/en/parse/string-format#list-of-all-available-parsing-tokens
export const formatDate = (date?: dayjs.ConfigType, formatStr = "MMM D, YYYY, h:mm A z") => {
return IsomorphicDayJs(date).tz(timeZone).format(formatStr);
};
// returns a timezone-less, machine-readable string.
export const formatDateISO = (date: FlexibleDate) => {
return new Date(date).toISOString();
export const formatDateISO = (date?: dayjs.ConfigType) => {
return IsomorphicDayJs(date).toISOString();
};
// returns "5 minutes ago", "1 year ago", etc.
export const formatTimeAgo = (date: FlexibleDate, options = {}) => {
return formatDistanceToNowStrict(new Date(date), { addSuffix: true, locale: enUS, ...options });
// returns "5 minutes ago", "1 year ago", "in 9 months", etc.
// set `suffix = false` to exclude the "in" or "ago"
export const formatTimeAgo = (date: dayjs.ConfigType, suffix = true) => {
return IsomorphicDayJs().isBefore(date)
? IsomorphicDayJs(date).toNow(!suffix)
: IsomorphicDayJs(date).fromNow(!suffix);
};