sw: convert web-push-locales to TypeScript, load it with compileTime plugin

app/soapbox/service-worker/entry.ts

@@ -3,14 +3,14 @@ import IntlMessageFormat from 'intl-messageformat';
 import 'intl-pluralrules';
 import unescape from 'lodash/unescape';
 
-import locales from './web-push-locales';
-
 import type {
   Account as AccountEntity,
   Notification as NotificationEntity,
   Status as StatusEntity,
 } from 'soapbox/types/entities';
 
+const locales = import.meta.compileTime('./web-push-locales.ts');
+
 /** Limit before we start grouping device notifications into a single notification. */
 const MAX_NOTIFICATIONS = 5;
 /** Tag for the grouped notification. */

app/soapbox/service-worker/web-push-locales.ts

@@ -1,16 +1,14 @@
-/* @preval */
+import fs from 'node:fs';
+import path from 'path';
 
-const fs   = require('fs');
+const filtered: Record<string, Record<string, string>> = {};
-const path = require('path');
-
-const filtered  = {};
 const filenames = fs.readdirSync(path.resolve(__dirname, '../locales'));
 
 filenames.forEach(filename => {
   if (!filename.match(/\.json$/) || filename.match(/defaultMessages|whitelist/)) return;
 
   const content = fs.readFileSync(path.resolve(__dirname, `../locales/${filename}`), 'utf-8');
-  const full    = JSON.parse(content);
+  const full    = JSON.parse(content) as Record<string, string>;
   const locale  = filename.split('.')[0];
 
   filtered[locale] = {
@@ -35,4 +33,6 @@ filenames.forEach(filename => {
   };
 });
 
-module.exports = JSON.parse(JSON.stringify(filtered));
+export default () => ({
+  data: filtered,
+});