From 2049359a96905cf8e9fa30fb9dd1c3ab09b0c40f Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidjcralph.co.uk>
Date: Sun, 19 Sep 2021 11:42:37 +0100
Subject: [PATCH] feat(translations): lazy load

---
 src/index.js | 66 ++++++++++++++++++++++++----------------------------
 1 file changed, 30 insertions(+), 36 deletions(-)

diff --git a/src/index.js b/src/index.js
index a5a12f45..9da6096e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -22,40 +22,34 @@ if (languagecode === 'en') {
   variables.languagecode = 'en_GB';
 }
 
-variables.language = new I18n(variables.languagecode, {
-  de: require('./translations/de_DE.json'),
-  en_GB: require('./translations/en_GB.json'),
-  en_US: require('./translations/en_US.json'),
-  es: require('./translations/es.json'),
-  fr: require('./translations/fr.json'),
-  nl: require('./translations/nl.json'),
-  no: require('./translations/no.json'),
-  ru: require('./translations/ru.json'),
-  zh_CN: require('./translations/zh_CN.json')
+import('./translations/' + variables.languagecode + '.json').then((language) => {
+  variables.language = new I18n(variables.languagecode, {
+    [variables.languagecode]: language
+  });
+
+  // set html language tag
+  if (variables.languagecode !== 'en_GB' || variables.languagecode !== 'en_US') {
+    document.documentElement.lang = variables.languagecode.split('_')[0];
+  }
+
+  window.constants = Constants;
+  if (localStorage.getItem('stats') === 'true') {
+    window.stats = Stats;
+  } else {
+    window.stats = {
+      tabLoad: () => '',
+      postEvent: () => '' 
+    };
+  }
+
+  if (localStorage.getItem('keybindsEnabled') === 'true') {
+    window.keybinds = JSON.parse(localStorage.getItem('keybinds') || '{}');
+  } else {
+    window.keybinds = {};
+  }
+
+  render(
+    <App/>,
+    document.getElementById('root')
+  );
 });
-
-// set html language tag
-if (variables.languagecode !== 'en_GB' || variables.languagecode !== 'en_US') {
-  document.documentElement.lang = variables.languagecode.split('_')[0];
-}
-
-window.constants = Constants;
-if (localStorage.getItem('stats') === 'true') {
-  window.stats = Stats;
-} else {
-  window.stats = {
-    tabLoad: () => '',
-    postEvent: () => '' 
-  };
-}
-
-if (localStorage.getItem('keybindsEnabled') === 'true') {
-  window.keybinds = JSON.parse(localStorage.getItem('keybinds') || '{}');
-} else {
-  window.keybinds = {};
-}
-
-render(
-  <App/>,
-  document.getElementById('root')
-);