Extract date fns setup

src/client/index.tsx

@@ -1,9 +1,8 @@
-import { initializeSite } from "@utils/app";
+import { initializeSite, setupI18Next as setupDateFns } from "@utils/app";
-import setDefaultOptions from "date-fns/setDefaultOptions";
 import { hydrate } from "inferno-hydrate";
 import { Router } from "inferno-router";
 import { App } from "../shared/components/app/app";
-import { HistoryService, I18NextService } from "../shared/services";
+import { HistoryService } from "../shared/services";
 
 import "bootstrap/js/dist/collapse";
 import "bootstrap/js/dist/dropdown";
@@ -11,17 +10,7 @@ import "bootstrap/js/dist/dropdown";
 async function startClient() {
   initializeSite(window.isoData.site_res);
 
-  const lang = I18NextService.i18n.language;
+  await setupDateFns();
-  const locale = (
-    await import(
-      /* webpackExclude: /\.js\.flow$/ */
-      `date-fns/locale/${lang}`
-    )
-  ).default;
-
-  setDefaultOptions({
-    locale,
-  });
 
   const wrapper = (
     <Router history={HistoryService.history}>

src/server/index.tsx

@@ -1,8 +1,7 @@
-import setDefaultOptions from "date-fns/setDefaultOptions";
+import { setupI18Next as setupDateFns } from "@utils/app";
 import express from "express";
 import path from "path";
 import process from "process";
-import { I18NextService } from "../shared/services";
 import CatchAllHandler from "./handlers/catch-all-handler";
 import ManifestHandler from "./handlers/manifest-handler";
 import RobotsHandler from "./handlers/robots-handler";
@@ -33,20 +32,11 @@ server.get("/css/themelist", ThemesListHandler);
 server.get("/*", CatchAllHandler);
 
 server.listen(Number(port), hostname, () => {
+  setupDateFns();
   console.log(`http://${hostname}:${port}`);
 });
 
-process.on("SIGINT", async () => {
+process.on("SIGINT", () => {
-  const lang = I18NextService.i18n.language;
-  const locale = (
-    await import(
-      /* webpackExclude: /\.js\.flow$/ */
-      `date-fns/locale/${lang}`
-    )
-  ).default;
-  setDefaultOptions({
-    locale,
-  });
   console.info("Interrupted");
   process.exit(0);
 });

src/shared/utils/app/index.ts

@@ -46,6 +46,7 @@ import searchCommentTree from "./search-comment-tree";
 import selectableLanguages from "./selectable-languages";
 import setIsoData from "./set-iso-data";
 import setTheme from "./set-theme";
+import setupI18Next from "./setup-date-fns";
 import showAvatars from "./show-avatars";
 import showLocal from "./show-local";
 import showScores from "./show-scores";
@@ -102,6 +103,7 @@ export {
   selectableLanguages,
   setIsoData,
   setTheme,
+  setupI18Next,
   showAvatars,
   showLocal,
   showScores,

src/shared/utils/app/setup-date-fns.ts

@@ -0,0 +1,19 @@
+import setDefaultOptions from "date-fns/setDefaultOptions";
+import { I18NextService } from "../../services";
+
+export default async function () {
+  let lang = I18NextService.i18n.language;
+  if (lang === "en") {
+    lang = "en-US";
+  }
+
+  const locale = (
+    await import(
+      /* webpackExclude: /\.js\.flow$/ */
+      `date-fns/locale/${lang}`
+    )
+  ).default;
+  setDefaultOptions({
+    locale,
+  });
+}