Switch to native APIs and own implementation from moment.js

3 files changed, 34 insertions, 52 deletions

diff --git a/gui/src/shared/account-expiry.ts b/gui/src/shared/account-expiry.ts
index a76eb6ecc4..7ca382efb2 100644
--- a/gui/src/shared/account-expiry.ts
+++ b/gui/src/shared/account-expiry.ts
@@ -1,52 +1,27 @@
-import moment from 'moment';
-import { sprintf } from 'sprintf-js';
-import { messages } from './gettext';
+import { DateComponent, DateType, formatRelativeDate, dateByAddingComponent } from './date-helper';
 import { capitalize } from './string-helpers';
 
-type DateArgument = string | Date | moment.Moment;
-
-export function hasExpired(expiry: DateArgument): boolean {
-  return moment(expiry).isSameOrBefore(new Date());
+export function hasExpired(expiry: DateType): boolean {
+  return new Date(expiry).getTime() < Date.now();
 }
 
-export function formatDate(date: DateArgument, locale: string): string {
-  return moment(date).locale(locale).format('lll');
+export function closeToExpiry(expiry: DateType): boolean {
+  return (
+    !hasExpired(expiry) &&
+    new Date(expiry) <= dateByAddingComponent(new Date(), DateComponent.day, 3)
+  );
 }
 
-export function formatDurationUntilExpiry(expiry: DateArgument, locale: string): string {
-  const expiryMoment = moment(expiry).locale(locale);
-  const daysDiff = expiryMoment.diff(new Date(), 'days');
-
-  // Below three months we want to show the duration in days. Moments fromNow() method starts
-  // measuring duration in months from 26 days and up.
-  // https://momentjs.com/docs/#/displaying/fromnow/
-  if (daysDiff >= 26 && daysDiff <= 90) {
-    return sprintf(
-      // TRANSLATORS: The remaining time left on the account measured in days.
-      // TRANSLATORS: Available placeholders:
-      // TRANSLATORS: %(duration)s - The remaining time measured in days.
-      messages.pgettext('account-expiry', '%(duration)s days'),
-      { duration: daysDiff },
-    );
-  } else {
-    return expiryMoment.fromNow(true);
-  }
+export function formatDate(date: DateType, locale: string): string {
+  return new Intl.DateTimeFormat(locale, { dateStyle: 'medium', timeStyle: 'short' }).format(
+    new Date(date),
+  );
 }
 
 export function formatRemainingTime(
-  expiry: DateArgument,
-  locale: string,
+  expiry: DateType,
   shouldCapitalizeFirstLetter?: boolean,
 ): string {
-  const duration = formatDurationUntilExpiry(expiry, locale);
-
-  const remaining = sprintf(
-    // TRANSLATORS: The remaining time left on the account displayed across the app.
-    // TRANSLATORS: Available placeholders:
-    // TRANSLATORS: %(duration)s - a localized remaining time (in minutes, hours, or days) until the account expiry
-    messages.pgettext('account-expiry', '%(duration)s left'),
-    { duration },
-  );
-
+  const remaining = formatRelativeDate(new Date(), expiry, true);
   return shouldCapitalizeFirstLetter ? capitalize(remaining) : remaining;
 }
diff --git a/gui/src/shared/logging.ts b/gui/src/shared/logging.ts
index 84eaa5f25c..f8c71fc41e 100644
--- a/gui/src/shared/logging.ts
+++ b/gui/src/shared/logging.ts
@@ -1,4 +1,3 @@
-import moment from 'moment';
 import { ILogInput, ILogOutput, LogLevel } from './logging-types';
 
 export class Logger {
@@ -13,7 +12,7 @@ export class Logger {
   }
 
   public log(level: LogLevel, ...data: unknown[]) {
-    const time = moment().format('YYYY-MM-DD HH:mm:ss.SSS');
+    const time = this.getDateString();
     const stringifiedData = data.map(this.stringifyData).join(' ');
     const message = `[${time}][${LogLevel[level]}] ${stringifiedData}`;
 
@@ -30,6 +29,20 @@ export class Logger {
     this.outputs.forEach((output) => output.dispose?.());
   }
 
+  private getDateString(): string {
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = Number(date.getMonth() + 1)
+      .toString()
+      .padStart(2, '0');
+    const day = Number(date.getDate()).toString().padStart(2, '0');
+    const hour = Number(date.getHours()).toString().padStart(2, '0');
+    const minute = Number(date.getMinutes()).toString().padStart(2, '0');
+    const second = Number(date.getSeconds()).toString().padStart(2, '0');
+    const millisecond = Number(date.getMilliseconds()).toString().padStart(3, '0');
+    return `${year}-${month}-${day} ${hour}:${minute}:${second}.${millisecond}`;
+  }
+
   private stringifyData(data: unknown): string {
     return typeof data === 'string' ? data : JSON.stringify(data);
   }
diff --git a/gui/src/shared/notifications/close-to-account-expiry.ts b/gui/src/shared/notifications/close-to-account-expiry.ts
index 2e3c5ae49e..e0f13b33b3 100644
--- a/gui/src/shared/notifications/close-to-account-expiry.ts
+++ b/gui/src/shared/notifications/close-to-account-expiry.ts
@@ -1,8 +1,8 @@
-import moment from 'moment';
 import { sprintf } from 'sprintf-js';
 import { links } from '../../config.json';
 import { messages } from '../../shared/gettext';
-import { formatDurationUntilExpiry, formatRemainingTime, hasExpired } from '../account-expiry';
+import { closeToExpiry, formatRemainingTime } from '../account-expiry';
+import { formatRelativeDate } from '../date-helper';
 import {
   InAppNotification,
   InAppNotificationProvider,
@@ -19,13 +19,7 @@ export class CloseToAccountExpiryNotificationProvider
   implements InAppNotificationProvider, SystemNotificationProvider {
   public constructor(private context: CloseToAccountExpiryNotificationContext) {}
 
-  public mayDisplay() {
-    const willHaveExpiredInThreeDays = moment(this.context.accountExpiry).isSameOrBefore(
-      moment().add(3, 'days'),
-    );
-
-    return !hasExpired(this.context.accountExpiry) && willHaveExpiredInThreeDays;
-  }
+  public mayDisplay = () => closeToExpiry(this.context.accountExpiry);
 
   public getSystemNotification(): SystemNotification {
     const message = sprintf(
@@ -37,7 +31,7 @@ export class CloseToAccountExpiryNotificationProvider
         'Account credit expires in %(duration)s. Buy more credit.',
       ),
       {
-        duration: formatDurationUntilExpiry(this.context.accountExpiry, this.context.locale),
+        duration: formatRelativeDate(new Date(), this.context.accountExpiry),
       },
     );
 
@@ -56,7 +50,7 @@ export class CloseToAccountExpiryNotificationProvider
   public getInAppNotification(): InAppNotification {
     const subtitle = sprintf(
       messages.pgettext('in-app-notifications', '%(duration)s. Buy more credit.'),
-      { duration: formatRemainingTime(this.context.accountExpiry, this.context.locale, true) },
+      { duration: formatRemainingTime(this.context.accountExpiry, true) },
     );
 
     return {