Add multi language spell check

src/vector/index.ts

@@ -96,6 +96,7 @@ async function start() {
         loadConfig,
         loadSkin,
         loadLanguage,
+        loadSpellCheckLanguages,
         loadTheme,
         loadApp,
         showError,
@@ -139,12 +140,13 @@ async function start() {
 
         // Load language after loading config.json so that settingsDefaults.language can be applied
         const loadLanguagePromise = loadLanguage();
+        const loadSpellCheckLanguagesPromise = loadSpellCheckLanguages();
         // as quickly as we possibly can, set a default theme...
         const loadThemePromise = loadTheme();
         const loadSkinPromise = loadSkin();
 
         // await things settling so that any errors we have to render have features like i18n running
-        await settled(loadSkinPromise, loadThemePromise, loadLanguagePromise);
+        await settled(loadSkinPromise, loadThemePromise, loadLanguagePromise, loadSpellCheckLanguagesPromise);
 
         let acceptBrowser = supportedBrowser;
         if (!acceptBrowser && window.localStorage) {
@@ -195,6 +197,7 @@ async function start() {
         await loadSkinPromise;
         await loadThemePromise;
         await loadLanguagePromise;
+        await loadSpellCheckLanguagesPromise;
 
         // Finally, load the app. All of the other react-sdk imports are in this file which causes the skinner to
         // run on the components.

src/vector/init.tsx

@@ -115,6 +115,16 @@ export async function loadLanguage() {
     }
 }
 
+export async function loadSpellCheckLanguages() {
+    const langs = SettingsStore.getValue("spell-check-languages", null, false);
+
+    try {
+        await languageHandler.setSpellCheckLanguages(langs);
+    } catch (e) {
+        console.error("Unable to set spell-check language", e);
+    }
+}
+
 export async function loadSkin() {
     // Ensure the skin is the very first thing to load for the react-sdk. We don't even want to reference
     // the SDK until we have to in imports.

src/vector/platform/ElectronPlatform.tsx

@@ -324,6 +324,14 @@ export default class ElectronPlatform extends VectorBasePlatform {
         return 'Electron Platform'; // no translation required: only used for analytics
     }
 
+    /**
+     * Return true if platform supports multi-language
+     * spell-checking, otherwise false.
+     */
+    supportsMultiLanguageSpellCheck(): boolean {
+        return true;
+    }
+
     setNotificationCount(count: number) {
         if (this.notificationCount === count) return;
         super.setNotificationCount(count);
@@ -489,13 +497,17 @@ export default class ElectronPlatform extends VectorBasePlatform {
         return this.eventIndexManager;
     }
 
-    setLanguage(preferredLangs: string[]) {
-        this._ipcCall('setLanguage', preferredLangs).catch(error => {
-            console.log("Failed to send setLanguage IPC to Electron");
+    setSpellCheckLanguages(preferredLangs: string[]) {
+        this._ipcCall('setSpellCheckLanguages', preferredLangs).catch(error => {
+            console.log("Failed to send setSpellCheckLanguages IPC to Electron");
             console.error(error);
         });
     }
 
+    async getAvailableSpellCheckLanguages(): Promise<string[]> {
+        return this._ipcCall('getAvailableSpellCheckLanguages');
+    }
+
     getSSOCallbackUrl(fragmentAfterLogin: string): URL {
         const url = super.getSSOCallbackUrl(fragmentAfterLogin);
         url.protocol = "element";

src/vector/platform/WebPlatform.ts

@@ -38,6 +38,14 @@ export default class WebPlatform extends VectorBasePlatform {
         return 'Web Platform'; // no translation required: only used for analytics
     }
 
+    /**
+     * Return true if platform supports multi-language
+     * spell-checking, otherwise false.
+     */
+    supportsMultiLanguageSpellCheck(): boolean {
+        return false;
+    }
+
     /**
      * Returns true if the platform supports displaying
      * notifications, otherwise false.