Groundwork for translations

package.json

@@ -21,6 +21,7 @@
   "homepage": "https://github.com/0xcap/client-v3#readme",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "ethers": "^5.5.1",
     "rollup": "^2.58.0",

rollup.config.js

@@ -1,5 +1,6 @@
 import svelte from 'rollup-plugin-svelte';
 import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
 import resolve from '@rollup/plugin-node-resolve';
 import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
@@ -47,6 +48,7 @@ export default {
 				dev: !production
 			}
 		}),
+		json(),
 
 		production && gzipPlugin(),
 		production && gzipPlugin({
@@ -103,4 +105,4 @@ export default {
             usePolling: true
         }
 	}
-};
+};

src/labels/EN.json

@@ -0,0 +1 @@
+{}

src/lib/constants.js

@@ -99,4 +99,10 @@ export const CHAINDATA = {
 	}
 }
 
+// Languages
 
+export const LANG = {
+	EN: "EN",
+};
+
+export const LANG_DEFAULT = LANG.EN;

src/lib/labels.js

@@ -0,0 +1,29 @@
+import EN from '../labels/EN.json';
+
+import { derived } from 'svelte/store';
+
+import { LANG_DEFAULT } from './constants';
+import { language as lang } from './stores';
+
+const LABELS = {
+	EN,
+};
+
+function dig(obj, keys) {
+	let current = obj;
+	for (const key of keys) {
+		if (key in current) {
+			current = current[key];
+		} else {
+			return;
+		}
+	}
+	return current;
+}
+
+function find(lang, label) {
+	const keys = label.split('.');
+	return dig(LABELS[lang], keys) || dig(LABELS[LANG_DEFAULT], keys);
+}
+
+export const L = derived([lang], ($lang) => (label) => find($lang, label));

src/lib/stores.js

@@ -1,5 +1,7 @@
 import { writable, derived } from 'svelte/store'
 
+import { LANG_DEFAULT } from './constants'
+
 // History
 export const history = writable([]);
 
@@ -60,4 +62,7 @@ export const address = writable(null);
 
 export const allowances = writable({});
 
-export const wrongNetwork = writable(false);
+export const wrongNetwork = writable(false);
+
+// Language
+export const language = writable(LANG_DEFAULT);