From dbb5d8e71b5b8e799257094d4832bf13da113634 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Thu, 3 Aug 2023 03:27:21 -0400
Subject: [PATCH 01/35] added language service

---
 .../settings/settings.component.html          |  5 ++
 src/app/services/language.service.spec.ts     | 12 +++++
 src/app/services/language.service.ts          | 47 +++++++++++++++++++
 src/app/services/settings.service.ts          |  5 ++
 src/app/states/settings.state.ts              |  9 +++-
 5 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 src/app/services/language.service.spec.ts
 create mode 100644 src/app/services/language.service.ts

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 45f8ecf7..28129ac7 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -50,6 +50,11 @@
             <label class="noselect sub-section__label" for="colmun-win">Win + Alt + Left | Win + Alt + Right</label>
             <br>
         </div>
+        
+        <h4 class="panel__subtitle">Languages</h4>
+        <div class="sub-section">
+            
+        </div>
 
         <h4 class="panel__subtitle">Twitter Bridge</h4>
         <div class="sub-section">
diff --git a/src/app/services/language.service.spec.ts b/src/app/services/language.service.spec.ts
new file mode 100644
index 00000000..ee77cfbb
--- /dev/null
+++ b/src/app/services/language.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LanguageService } from './language.service';
+
+xdescribe('LanguageService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: LanguageService = TestBed.get(LanguageService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
new file mode 100644
index 00000000..d64b3ac0
--- /dev/null
+++ b/src/app/services/language.service.ts
@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { ILanguage } from '../states/settings.state';
+import { SettingsService } from './settings.service';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class LanguageService {
+    constructor(private settingsService: SettingsService) {        
+    }
+
+    getConfiguredLanguages(): ILanguage[] {
+        return this.settingsService.getSettings().configuredLanguages;
+    }
+
+    addLanguage(lang: ILanguage){
+        var settings = this.settingsService.getSettings();
+        settings.configuredLanguages.push(lang);
+        this.settingsService.saveSettings(settings);
+    }
+
+    removeLanguage(lang: ILanguage){
+        var settings = this.settingsService.getSettings();
+        settings.configuredLanguages = settings.configuredLanguages.filter(x => x.iso639 !== lang.iso639);
+        this.settingsService.saveSettings(settings);
+    }
+
+    searchLanguage(input: string): ILanguage[] {
+        const avLangs = this.getAllAvaialbleLaguages();
+        const found = avLangs.filter(x => x.iso639 === input || x.name.toLowerCase().includes(input.toLowerCase()));
+        return found;
+    }
+
+    private getAllAvaialbleLaguages(): Language[] {
+        //TODO: Add more languages
+        return [
+            new Language("en", "English"),
+            new Language("fr", "French"),
+            new Language("de", "German")
+        ];
+    }
+}
+
+export class Language {    
+    constructor(public iso639: string, public name: string){
+    }
+}
diff --git a/src/app/services/settings.service.ts b/src/app/services/settings.service.ts
index b0727fa5..67e98681 100644
--- a/src/app/services/settings.service.ts
+++ b/src/app/services/settings.service.ts
@@ -33,6 +33,11 @@ export class SettingsService {
             this.saveSettings(settings);
         }
 
+        if(!settings.configuredLanguages){
+            settings.configuredLanguages = [];
+            this.saveSettings(settings);
+        }
+
         return settings;
     }
 
diff --git a/src/app/states/settings.state.ts b/src/app/states/settings.state.ts
index 8fbb7afd..5bac7ca5 100644
--- a/src/app/states/settings.state.ts
+++ b/src/app/states/settings.state.ts
@@ -80,7 +80,14 @@ export class GlobalSettings {
 
     columnSwitchingWinAlt = false;
 
-    accountSettings: AccountSettings[] = [];    
+    accountSettings: AccountSettings[] = [];
+
+    configuredLanguages: ILanguage[] = [];
+}
+
+export interface ILanguage {
+    iso639: string;
+    name: string;
 }
 
 export interface SettingsStateModel {

From 98e7d54c3320b805c96bc9b171682d2e33baf0e6 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Thu, 3 Aug 2023 18:45:55 -0400
Subject: [PATCH 02/35] starting lang ui settings

---
 .../settings/settings.component.html          | 10 +++++++-
 .../settings/settings.component.ts            | 25 ++++++++++++++++++-
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 28129ac7..f4ef215a 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -52,8 +52,16 @@
         </div>
         
         <h4 class="panel__subtitle">Languages</h4>
+        <div *ngFor="let l of configuredLangs">
+            {{ l.iso639 }}
+            <button (click)="onRemoveLang(l)">remove</button>
+        </div>
         <div class="sub-section">
-            
+            <input type="text" (input)="onSearchLang($event.target.value)" />
+        </div>
+        <div *ngFor="let l of searchedLangs">
+            {{ l.iso639 }}
+            <button (click)="onAddLang(l)">add</button>
         </div>
 
         <h4 class="panel__subtitle">Twitter Bridge</h4>
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index 7c364388..df88483c 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -6,10 +6,11 @@ import { environment } from '../../../../environments/environment';
 import { ToolsService, InstanceType } from '../../../services/tools.service';
 import { UserNotificationService, NotificationSoundDefinition } from '../../../services/user-notification.service';
 import { ServiceWorkerService } from '../../../services/service-worker.service';
-import { ContentWarningPolicy, ContentWarningPolicyEnum, TimeLineModeEnum, TimeLineHeaderEnum } from '../../../states/settings.state';
+import { ContentWarningPolicy, ContentWarningPolicyEnum, TimeLineModeEnum, TimeLineHeaderEnum, ILanguage } from '../../../states/settings.state';
 import { NotificationService } from '../../../services/notification.service';
 import { NavigationService } from '../../../services/navigation.service';
 import { SettingsService } from '../../../services/settings.service';
+import { LanguageService } from '../../../services/language.service';
 
 @Component({
     selector: 'app-settings',
@@ -77,6 +78,7 @@ export class SettingsComponent implements OnInit {
     }
 
     constructor(
+        private readonly languageService: LanguageService,
         private readonly settingsService: SettingsService,
         private readonly navigationService: NavigationService,
         private formBuilder: FormBuilder,
@@ -129,6 +131,27 @@ export class SettingsComponent implements OnInit {
 
         this.twitterBridgeEnabled = settings.twitterBridgeEnabled;
         this.twitterBridgeInstance = settings.twitterBridgeInstance;
+
+        this.configuredLangs = this.languageService.getConfiguredLanguages();
+    }
+
+    configuredLangs: ILanguage[] = [];
+    searchedLangs: ILanguage[] = [];
+    onSearchLang(input: string) {
+        console.warn(input);
+        this.searchedLangs = this.languageService.searchLanguage(input);
+    }
+
+    onAddLang(lang: ILanguage): boolean {
+        this.configuredLangs.push(lang);
+        this.languageService.addLanguage(lang);
+        return false;
+    }
+
+    onRemoveLang(lang: ILanguage): boolean {
+        this.configuredLangs = this.configuredLangs.filter(x => x.iso639 !== lang.iso639);
+        this.languageService.removeLanguage(lang);
+        return false;
     }
 
     onShortcutChange(id: ColumnShortcut) {

From 503cb6c9d42aeaa3af8de122580436bbf1dc4587 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Thu, 3 Aug 2023 22:44:14 -0400
Subject: [PATCH 03/35] fix language saving

---
 .../floating-column/settings/settings.component.html     | 2 +-
 .../floating-column/settings/settings.component.ts       | 9 +++++++++
 src/app/services/language.service.ts                     | 3 ++-
 src/app/states/settings.state.ts                         | 1 +
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index f4ef215a..869973b4 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -57,7 +57,7 @@
             <button (click)="onRemoveLang(l)">remove</button>
         </div>
         <div class="sub-section">
-            <input type="text" (input)="onSearchLang($event.target.value)" />
+            <input type="text" (input)="onSearchLang($event.target.value)" [(ngModel)]="searchLang" />
         </div>
         <div *ngFor="let l of searchedLangs">
             {{ l.iso639 }}
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index df88483c..d275e395 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -137,14 +137,23 @@ export class SettingsComponent implements OnInit {
 
     configuredLangs: ILanguage[] = [];
     searchedLangs: ILanguage[] = [];
+
+    searchLang: string;
+
     onSearchLang(input: string) {
         console.warn(input);
         this.searchedLangs = this.languageService.searchLanguage(input);
     }
 
     onAddLang(lang: ILanguage): boolean {
+        if(this.configuredLangs.find(x => x.iso639 === lang.iso639)) return false;
+
         this.configuredLangs.push(lang);
         this.languageService.addLanguage(lang);
+
+        this.searchLang = '';
+        this.searchedLangs.length = 0;
+
         return false;
     }
 
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index d64b3ac0..a7b818fc 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -10,7 +10,8 @@ export class LanguageService {
     }
 
     getConfiguredLanguages(): ILanguage[] {
-        return this.settingsService.getSettings().configuredLanguages;
+        const langs = this.settingsService.getSettings().configuredLanguages;
+        return langs;
     }
 
     addLanguage(lang: ILanguage){
diff --git a/src/app/states/settings.state.ts b/src/app/states/settings.state.ts
index 5bac7ca5..2c0cc76a 100644
--- a/src/app/states/settings.state.ts
+++ b/src/app/states/settings.state.ts
@@ -178,6 +178,7 @@ export class SettingsState {
         newSettings.autoFollowOnListEnabled = oldSettings.autoFollowOnListEnabled;
         newSettings.twitterBridgeEnabled = oldSettings.twitterBridgeEnabled;
         newSettings.twitterBridgeInstance = oldSettings.twitterBridgeInstance;
+        newSettings.configuredLanguages = oldSettings.configuredLanguages;
 
         return newSettings;
     }

From 18d6b8d96c0607b40c0a6ac289425279401b0f5b Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 00:48:38 -0400
Subject: [PATCH 04/35] added lang change

---
 .../create-status.component.html              |  4 +++
 .../create-status.component.scss              | 26 +++++++++++++++++++
 .../settings/settings.component.html          |  6 ++---
 .../settings/settings.component.ts            |  2 +-
 src/app/services/language.service.ts          | 11 +++++++-
 5 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index e6a5b1a2..a3b412ba 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -7,6 +7,10 @@
             <img class="status-editor__emoji--image" src="/assets/emoji/72x72/1f636.png">
         </a>
 
+        <a class="status-editor__lang" title="Change language" href >
+            EN
+        </a>
+
     <textarea #reply [(ngModel)]="status" name="status" class="form-control form-control-sm status-editor__content" (paste)="onPaste($event)"
         rows="5" required title="content" placeholder="What's on your mind?" 
         (keydown.control.enter)="onCtrlEnter()"
diff --git a/src/app/components/create-status/create-status.component.scss b/src/app/components/create-status/create-status.component.scss
index a51d82e2..acd69a13 100644
--- a/src/app/components/create-status/create-status.component.scss
+++ b/src/app/components/create-status/create-status.component.scss
@@ -70,6 +70,32 @@ $counter-width: 90px;
         }
     }
 
+    &__lang {
+        position: absolute;
+        top: 64px;
+        right: 12px;
+
+        font-weight: bolder;
+        font-size: 12px;
+        color: #a5a5a5;
+        text-decoration: none;
+
+        display: block;
+        width: 20px;
+        height: 19px;
+        border-radius: 2px;
+        background-color: rgba(255, 255, 255, 0);
+
+        padding: 1px 0 0 2px;
+        text-transform: uppercase;
+
+        &:hover {
+            text-decoration: none;
+            color:black;
+            background-color: #e6e6e6;
+        }
+    }
+
     &__content {
         border-width: 0;
         background-color: $status-editor-background;
diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 869973b4..0438f4e4 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -53,14 +53,14 @@
         
         <h4 class="panel__subtitle">Languages</h4>
         <div *ngFor="let l of configuredLangs">
-            {{ l.iso639 }}
+            {{ l.name }} ({{l.iso639}})
             <button (click)="onRemoveLang(l)">remove</button>
         </div>
         <div class="sub-section">
-            <input type="text" (input)="onSearchLang($event.target.value)" [(ngModel)]="searchLang" />
+            <input type="text" (input)="onSearchLang($event.target.value)" [(ngModel)]="searchLang" placeholder="Find Language" autocomplete="off"/>
         </div>
         <div *ngFor="let l of searchedLangs">
-            {{ l.iso639 }}
+            {{ l.name }} ({{l.iso639}})
             <button (click)="onAddLang(l)">add</button>
         </div>
 
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index d275e395..a9fc0736 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -146,7 +146,7 @@ export class SettingsComponent implements OnInit {
     }
 
     onAddLang(lang: ILanguage): boolean {
-        if(this.configuredLangs.find(x => x.iso639 === lang.iso639)) return false;
+        if(this.configuredLangs.findIndex(x => x.iso639 === lang.iso639) >= 0) return false;
 
         this.configuredLangs.push(lang);
         this.languageService.addLanguage(lang);
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index a7b818fc..ed4f178e 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -1,4 +1,5 @@
 import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
 import { ILanguage } from '../states/settings.state';
 import { SettingsService } from './settings.service';
 
@@ -6,7 +7,11 @@ import { SettingsService } from './settings.service';
     providedIn: 'root'
 })
 export class LanguageService {
-    constructor(private settingsService: SettingsService) {        
+
+    loadedLanguages = new BehaviorSubject<ILanguage[]>([]);
+
+    constructor(private settingsService: SettingsService) {
+        this.loadedLanguages.next(this.getConfiguredLanguages());
     }
 
     getConfiguredLanguages(): ILanguage[] {
@@ -18,12 +23,16 @@ export class LanguageService {
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages.push(lang);
         this.settingsService.saveSettings(settings);
+
+        this.loadedLanguages.next(settings.configuredLanguages);
     }
 
     removeLanguage(lang: ILanguage){
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages = settings.configuredLanguages.filter(x => x.iso639 !== lang.iso639);
         this.settingsService.saveSettings(settings);
+
+        this.loadedLanguages.next(settings.configuredLanguages);
     }
 
     searchLanguage(input: string): ILanguage[] {

From 0d7821cd013ffd05d84d5212f16966ba4b16ab6b Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 01:08:00 -0400
Subject: [PATCH 05/35] added selected language data

---
 .../create-status.component.html              |  2 +-
 .../create-status/create-status.component.ts  | 16 ++++++++++++-
 src/app/services/language.service.ts          | 24 +++++++++++++++----
 src/app/states/settings.state.ts              |  2 ++
 4 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index a3b412ba..e5801b2d 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -7,7 +7,7 @@
             <img class="status-editor__emoji--image" src="/assets/emoji/72x72/1f636.png">
         </a>
 
-        <a class="status-editor__lang" title="Change language" href >
+        <a class="status-editor__lang" title="Change language" href *ngIf="configuredLanguages && configuredLanguages.length > 1">
             EN
         </a>
 
diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index 9ef54b66..f28805a4 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -25,6 +25,8 @@ import { StatusSchedulerComponent } from './status-scheduler/status-scheduler.co
 import { ScheduledStatusService } from '../../services/scheduled-status.service';
 import { StatusesStateService } from '../../services/statuses-state.service';
 import { SettingsService } from '../../services/settings.service';
+import { LanguageService } from '../../services/language.service';
+import { ILanguage } from 'src/app/states/settings.state';
 
 @Component({
     selector: 'app-create-status',
@@ -196,11 +198,13 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
 
     private accounts$: Observable<AccountInfo[]>;
     private accountSub: Subscription;
+    private langSub: Subscription;
     private selectedAccount: AccountInfo;
 
     constructor(
+        private readonly languageService: LanguageService,
         private readonly settingsService: SettingsService,
-        private statusStateService: StatusesStateService,
+        private readonly statusStateService: StatusesStateService,
         private readonly scheduledStatusService: ScheduledStatusService,
         private readonly contextMenuService: ContextMenuService,
         private readonly store: Store,
@@ -216,7 +220,16 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         this.accounts$ = this.store.select(state => state.registeredaccounts.accounts);
     }
 
+    configuredLanguages: ILanguage[] = [];
+    selectedLanguage: ILanguage;
+
     ngOnInit() {
+        this.configuredLanguages = this.languageService.getConfiguredLanguages();
+        this.selectedLanguage = this.languageService.getSelectedLanguage();
+        this.langSub = this.languageService.configuredLanguagesChanged.subscribe(l => {
+            this.configuredLanguages = l;
+        });
+
         if (!this.isRedrafting) {
             this.status = this.statusStateService.getStatusContent(this.statusReplyingToWrapper);
         }
@@ -263,6 +276,7 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         }
 
         this.accountSub.unsubscribe();
+        this.langSub.unsubscribe();
     }
 
     onPaste(e: any) {
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index ed4f178e..575ffebc 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -7,11 +7,25 @@ import { SettingsService } from './settings.service';
     providedIn: 'root'
 })
 export class LanguageService {
-
-    loadedLanguages = new BehaviorSubject<ILanguage[]>([]);
+    configuredLanguagesChanged = new BehaviorSubject<ILanguage[]>([]);
+    selectedLanguageChanged = new BehaviorSubject<ILanguage>(null);
 
     constructor(private settingsService: SettingsService) {
-        this.loadedLanguages.next(this.getConfiguredLanguages());
+        this.configuredLanguagesChanged.next(this.getConfiguredLanguages());
+        this.selectedLanguageChanged.next(this.getSelectedLanguage());
+    }
+
+    getSelectedLanguage(): ILanguage {
+        const lang = this.settingsService.getSettings().selectedLanguage;
+        return lang;
+    }
+
+    setSelectedLanguage(lang: ILanguage): void {
+        var settings = this.settingsService.getSettings();
+        settings.selectedLanguage = lang;
+        this.settingsService.saveSettings(settings);
+
+        this.selectedLanguageChanged.next(lang);
     }
 
     getConfiguredLanguages(): ILanguage[] {
@@ -24,7 +38,7 @@ export class LanguageService {
         settings.configuredLanguages.push(lang);
         this.settingsService.saveSettings(settings);
 
-        this.loadedLanguages.next(settings.configuredLanguages);
+        this.configuredLanguagesChanged.next(settings.configuredLanguages);
     }
 
     removeLanguage(lang: ILanguage){
@@ -32,7 +46,7 @@ export class LanguageService {
         settings.configuredLanguages = settings.configuredLanguages.filter(x => x.iso639 !== lang.iso639);
         this.settingsService.saveSettings(settings);
 
-        this.loadedLanguages.next(settings.configuredLanguages);
+        this.configuredLanguagesChanged.next(settings.configuredLanguages);
     }
 
     searchLanguage(input: string): ILanguage[] {
diff --git a/src/app/states/settings.state.ts b/src/app/states/settings.state.ts
index 2c0cc76a..2c6b9f7b 100644
--- a/src/app/states/settings.state.ts
+++ b/src/app/states/settings.state.ts
@@ -83,6 +83,7 @@ export class GlobalSettings {
     accountSettings: AccountSettings[] = [];
 
     configuredLanguages: ILanguage[] = [];
+    selectedLanguage: ILanguage;
 }
 
 export interface ILanguage {
@@ -179,6 +180,7 @@ export class SettingsState {
         newSettings.twitterBridgeEnabled = oldSettings.twitterBridgeEnabled;
         newSettings.twitterBridgeInstance = oldSettings.twitterBridgeInstance;
         newSettings.configuredLanguages = oldSettings.configuredLanguages;
+        newSettings.selectedLanguage = oldSettings.selectedLanguage;
 
         return newSettings;
     }

From 91b2f4a0f08e024ce9520d88579de60ffecc3aee Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 02:39:59 -0400
Subject: [PATCH 06/35] changing lang working

---
 .../create-status.component.html              | 11 +++++-
 .../create-status/create-status.component.ts  | 38 ++++++++++++++++++-
 src/app/services/language.service.ts          | 14 ++++++-
 3 files changed, 59 insertions(+), 4 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index e5801b2d..a6a450de 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -7,8 +7,8 @@
             <img class="status-editor__emoji--image" src="/assets/emoji/72x72/1f636.png">
         </a>
 
-        <a class="status-editor__lang" title="Change language" href *ngIf="configuredLanguages && configuredLanguages.length > 1">
-            EN
+        <a class="status-editor__lang" title="Change language" href *ngIf="configuredLanguages && configuredLanguages.length > 1" (click)="onLangContextMenu($event)">
+            {{ selectedLanguage.iso639 }}
         </a>
 
     <textarea #reply [(ngModel)]="status" name="status" class="form-control form-control-sm status-editor__content" (paste)="onPaste($event)"
@@ -87,5 +87,12 @@
             <fa-icon [icon]="faEnvelope" class="context-menu-icon"></fa-icon> Direct
         </ng-template>
     </context-menu>
+
+    <context-menu #langContextMenu>
+        <ng-template contextMenuItem (execute)="setLanguage(l)" *ngFor="let l of configuredLanguages">
+            {{ l.name }}
+        </ng-template>        
+    </context-menu>
+
     <app-media></app-media>
 </form>
diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index f28805a4..78f18cd1 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -164,6 +164,7 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
     @ViewChild('fileInput') fileInputElement: ElementRef;
     @ViewChild('footer') footerElement: ElementRef;
     @ViewChild(ContextMenuComponent) public contextMenu: ContextMenuComponent;
+    @ViewChild('langContextMenu') public langContextMenu: ContextMenuComponent;
     @ViewChild(PollEditorComponent) pollEditor: PollEditorComponent;
     @ViewChild(StatusSchedulerComponent) statusScheduler: StatusSchedulerComponent;
 
@@ -199,6 +200,7 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
     private accounts$: Observable<AccountInfo[]>;
     private accountSub: Subscription;
     private langSub: Subscription;
+    private selectLangSub: Subscription;
     private selectedAccount: AccountInfo;
 
     constructor(
@@ -223,12 +225,34 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
     configuredLanguages: ILanguage[] = [];
     selectedLanguage: ILanguage;
 
-    ngOnInit() {
+    private initLanguages(){
         this.configuredLanguages = this.languageService.getConfiguredLanguages();
         this.selectedLanguage = this.languageService.getSelectedLanguage();
         this.langSub = this.languageService.configuredLanguagesChanged.subscribe(l => {
             this.configuredLanguages = l;
+            // if(this.configuredLanguages.length > 0 
+            //     && this.selectedLanguage
+            //     && this.configuredLanguages.findIndex(x => x.iso639 === this.selectedLanguage.iso639)){
+            //         this.languageService.setSelectedLanguage(this.configuredLanguages[0]);
+            // }
         });
+        this.selectLangSub = this.languageService.selectedLanguageChanged.subscribe(l => {
+            this.selectedLanguage = l;
+        });
+        if(!this.selectedLanguage && this.configuredLanguages.length > 0){
+            this.languageService.setSelectedLanguage(this.configuredLanguages[0]);            
+        }
+    }
+
+    setLanguage(lang: ILanguage): boolean {
+        if(lang){
+            this.languageService.setSelectedLanguage(lang);
+        }
+        return false;
+    }
+
+    ngOnInit() {
+        this.initLanguages();
 
         if (!this.isRedrafting) {
             this.status = this.statusStateService.getStatusContent(this.statusReplyingToWrapper);
@@ -277,6 +301,7 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
 
         this.accountSub.unsubscribe();
         this.langSub.unsubscribe();
+        this.selectLangSub.unsubscribe();
     }
 
     onPaste(e: any) {
@@ -901,6 +926,17 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         $event.stopPropagation();
     }
 
+    public onLangContextMenu($event: MouseEvent): void {
+        this.contextMenuService.show.next({
+            // Optional - if unspecified, all context menu components will open
+            contextMenu: this.langContextMenu,
+            event: $event,
+            item: null
+        });
+        $event.preventDefault();
+        $event.stopPropagation();
+    }
+
     //https://stackblitz.com/edit/overlay-demo
     @ViewChild('emojiButton') emojiButtonElement: ElementRef;
     overlayRef: OverlayRef;
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index 575ffebc..92c1538d 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -37,8 +37,12 @@ export class LanguageService {
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages.push(lang);
         this.settingsService.saveSettings(settings);
-
+        
         this.configuredLanguagesChanged.next(settings.configuredLanguages);
+
+        if(settings.configuredLanguages.length === 1){
+            this.setSelectedLanguage(lang);
+        }
     }
 
     removeLanguage(lang: ILanguage){
@@ -47,6 +51,14 @@ export class LanguageService {
         this.settingsService.saveSettings(settings);
 
         this.configuredLanguagesChanged.next(settings.configuredLanguages);
+
+        if(this.getSelectedLanguage().iso639 === lang.iso639){
+            if(settings.configuredLanguages.length > 0){
+                this.setSelectedLanguage(settings.configuredLanguages[0]);
+            } else {
+                this.setSelectedLanguage(null);
+            }
+        }
     }
 
     searchLanguage(input: string): ILanguage[] {

From 32efac5aa4acb9149d690097b6950e7c62ca11b4 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 03:20:48 -0400
Subject: [PATCH 07/35] language posting working

---
 .../create-status.component.html              |  2 +-
 .../create-status/create-status.component.ts  | 21 ++++++++++++-------
 src/app/services/mastodon-wrapper.service.ts  |  8 +++----
 src/app/services/mastodon.service.ts          | 18 ++++++++++++++--
 4 files changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index a6a450de..8fef8712 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -93,6 +93,6 @@
             {{ l.name }}
         </ng-template>        
     </context-menu>
-
+    
     <app-media></app-media>
 </form>
diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index 78f18cd1..f39650f0 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -155,6 +155,8 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
     instanceSupportsScheduling = true;
     isEditing: boolean;
     editingStatusId: string;
+    configuredLanguages: ILanguage[] = [];
+    selectedLanguage: ILanguage;
     private statusLoaded: boolean;
     private hasSuggestions: boolean;
 
@@ -222,9 +224,6 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         this.accounts$ = this.store.select(state => state.registeredaccounts.accounts);
     }
 
-    configuredLanguages: ILanguage[] = [];
-    selectedLanguage: ILanguage;
-
     private initLanguages(){
         this.configuredLanguages = this.languageService.getConfiguredLanguages();
         this.selectedLanguage = this.languageService.getSelectedLanguage();
@@ -652,6 +651,14 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         return false;
     }
 
+    private currentLang(): string  {
+        if(this.selectedLanguage){
+            return this.selectedLanguage.iso639;
+        }
+        return null;
+    }
+
+
     private sendStatus(account: AccountInfo, status: string, visibility: VisibilityEnum, title: string, previousStatus: Status, attachments: Attachment[], poll: PollParameters, scheduledAt: string, editingStatusId: string): Promise<Status> {
         let parsedStatus = this.parseStatus(status);
         let resultPromise = Promise.resolve(previousStatus);
@@ -669,9 +676,9 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
                         let postPromise: Promise<Status>;
 
                         if (this.isEditing) {
-                            postPromise = this.mastodonService.editStatus(account, editingStatusId, s, visibility, title, inReplyToId, attachments, poll, scheduledAt);
+                            postPromise = this.mastodonService.editStatus(account, editingStatusId, s, visibility, title, inReplyToId, attachments, poll, scheduledAt, this.currentLang());
                         } else {
-                            postPromise = this.mastodonService.postNewStatus(account, s, visibility, title, inReplyToId, attachments.map(x => x.id), poll, scheduledAt);
+                            postPromise = this.mastodonService.postNewStatus(account, s, visibility, title, inReplyToId, attachments.map(x => x.id), poll, scheduledAt, this.currentLang());
                         }
 
                         return postPromise
@@ -681,9 +688,9 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
                             });
                     } else {
                         if (this.isEditing) {
-                            return this.mastodonService.editStatus(account, editingStatusId, s, visibility, title, inReplyToId, [], null, scheduledAt);
+                            return this.mastodonService.editStatus(account, editingStatusId, s, visibility, title, inReplyToId, [], null, scheduledAt, this.currentLang());
                         } else {
-                            return this.mastodonService.postNewStatus(account, s, visibility, title, inReplyToId, [], null, scheduledAt);
+                            return this.mastodonService.postNewStatus(account, s, visibility, title, inReplyToId, [], null, scheduledAt, this.currentLang());
                         }
                     }
                 })
diff --git a/src/app/services/mastodon-wrapper.service.ts b/src/app/services/mastodon-wrapper.service.ts
index c7c51b88..541cdfe9 100644
--- a/src/app/services/mastodon-wrapper.service.ts
+++ b/src/app/services/mastodon-wrapper.service.ts
@@ -117,17 +117,17 @@ export class MastodonWrapperService {
             });
     }
 
-    postNewStatus(account: AccountInfo, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, mediaIds: string[], poll: PollParameters = null, scheduled_at: string = null): Promise<Status> {
+    postNewStatus(account: AccountInfo, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, mediaIds: string[], poll: PollParameters = null, scheduled_at: string = null, lang: string = null): Promise<Status> {
         return this.refreshAccountIfNeeded(account)
             .then((refreshedAccount: AccountInfo) => {
-                return this.mastodonService.postNewStatus(refreshedAccount, status, visibility, spoiler, in_reply_to_id, mediaIds, poll, scheduled_at);
+                return this.mastodonService.postNewStatus(refreshedAccount, status, visibility, spoiler, in_reply_to_id, mediaIds, poll, scheduled_at, lang);
             });
     }
 
-    editStatus(account: AccountInfo, statusId: string, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, attachements: Attachment[], poll: PollParameters = null, scheduled_at: string = null): Promise<Status> {
+    editStatus(account: AccountInfo, statusId: string, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, attachements: Attachment[], poll: PollParameters = null, scheduled_at: string = null, lang: string = null): Promise<Status> {
         return this.refreshAccountIfNeeded(account)
             .then((refreshedAccount: AccountInfo) => {
-                return this.mastodonService.editStatus(refreshedAccount, statusId, status, visibility, spoiler, in_reply_to_id, attachements, poll, scheduled_at);
+                return this.mastodonService.editStatus(refreshedAccount, statusId, status, visibility, spoiler, in_reply_to_id, attachements, poll, scheduled_at, lang);
             });
     }
 
diff --git a/src/app/services/mastodon.service.ts b/src/app/services/mastodon.service.ts
index 4b985817..f833f960 100644
--- a/src/app/services/mastodon.service.ts
+++ b/src/app/services/mastodon.service.ts
@@ -88,7 +88,7 @@ export class MastodonService {
         return origString.replace(regEx, "");
     };
 
-    postNewStatus(account: AccountInfo, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, mediaIds: string[], poll: PollParameters = null, scheduled_at: string = null): Promise<Status> {
+    postNewStatus(account: AccountInfo, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, mediaIds: string[], poll: PollParameters = null, scheduled_at: string = null, lang: string = null): Promise<Status> {
         const url = `https://${account.instance}${this.apiRoutes.postNewStatus}`;
 
         const statusData = new StatusData();
@@ -106,10 +106,16 @@ export class MastodonService {
         if (in_reply_to_id) {
             statusData.in_reply_to_id = in_reply_to_id;
         }
+        
         if (spoiler) {
             statusData.sensitive = true;
             statusData.spoiler_text = spoiler;
         }
+
+        if(lang) {
+            statusData.language = lang;
+        }
+
         switch (visibility) {
             case VisibilityEnum.Public:
                 statusData.visibility = 'public';
@@ -132,7 +138,7 @@ export class MastodonService {
         return this.httpClient.post<Status>(url, statusData, { headers: headers }).toPromise();
     }
 
-    editStatus(account: AccountInfo, statusId: string, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, attachements: Attachment[], poll: PollParameters = null, scheduled_at: string = null): Promise<Status> {
+    editStatus(account: AccountInfo, statusId: string, status: string, visibility: VisibilityEnum, spoiler: string = null, in_reply_to_id: string = null, attachements: Attachment[], poll: PollParameters = null, scheduled_at: string = null, lang: string = null): Promise<Status> {
         const url = `https://${account.instance}${this.apiRoutes.editStatus.replace('{0}', statusId)}`;
 
         const statusData = new StatusData();
@@ -151,10 +157,16 @@ export class MastodonService {
         if (in_reply_to_id) {
             statusData.in_reply_to_id = in_reply_to_id;
         }
+        
         if (spoiler) {
             statusData.sensitive = true;
             statusData.spoiler_text = spoiler;
         }
+
+        if(lang) {
+            statusData.language = lang;
+        }
+
         switch (visibility) {
             case VisibilityEnum.Public:
                 statusData.visibility = 'public';
@@ -651,6 +663,8 @@ class StatusData {
     spoiler_text: string;
     visibility: string;
     // scheduled_at: string;
+
+    language: string;
 }
 
 class MediaAttributes {

From b37a2a2f0c6930ba7f9f3be41b181febee762975 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 03:26:24 -0400
Subject: [PATCH 08/35] fix impot

---
 src/app/components/create-status/create-status.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index f39650f0..5c57a128 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -26,7 +26,7 @@ import { ScheduledStatusService } from '../../services/scheduled-status.service'
 import { StatusesStateService } from '../../services/statuses-state.service';
 import { SettingsService } from '../../services/settings.service';
 import { LanguageService } from '../../services/language.service';
-import { ILanguage } from 'src/app/states/settings.state';
+import { ILanguage } from '../../states/settings.state';
 
 @Component({
     selector: 'app-create-status',

From 449506092aac3bd12738820bd279d1d312b2a164 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 20:12:23 -0400
Subject: [PATCH 09/35] better language handling in settings + ui fix

---
 .../settings/settings.component.html          | 45 ++++++++++---------
 .../settings/settings.component.scss          | 38 ++++++++++++++++
 .../settings/settings.component.ts            | 31 ++++++++-----
 .../services/models/mastodon.interfaces.ts    |  7 ++-
 4 files changed, 90 insertions(+), 31 deletions(-)

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 0438f4e4..cfe42025 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -35,7 +35,7 @@
             </form>
             <a href class="form-button sound__play" type="submit" (click)="playNotificationSound()">play</a>
         </div>
-        
+
         <h4 class="panel__subtitle">Shortcuts</h4>
         <div class="sub-section">
             <span class="sub-section__title">switch column:</span><br />
@@ -50,35 +50,40 @@
             <label class="noselect sub-section__label" for="colmun-win">Win + Alt + Left | Win + Alt + Right</label>
             <br>
         </div>
-        
-        <h4 class="panel__subtitle">Languages</h4>
-        <div *ngFor="let l of configuredLangs">
-            {{ l.name }} ({{l.iso639}})
-            <button (click)="onRemoveLang(l)">remove</button>
-        </div>
-        <div class="sub-section">
-            <input type="text" (input)="onSearchLang($event.target.value)" [(ngModel)]="searchLang" placeholder="Find Language" autocomplete="off"/>
-        </div>
-        <div *ngFor="let l of searchedLangs">
-            {{ l.name }} ({{l.iso639}})
-            <button (click)="onAddLang(l)">add</button>
-        </div>
 
+        <h4 class="panel__subtitle">Languages</h4>
+        <div class="sub-section">
+            <div class="sub-section__content">
+                <div *ngFor="let l of configuredLangs" class="language__entry">
+                    <span class="language__entry__name">{{ l.name }} ({{l.iso639}})</span>
+                    <a href (click)="onRemoveLang(l)" class="form-button language__entry__action sound__play">remove</a>
+                </div>
+                <input type="text" (input)="onSearchLang($event.target.value)" [(ngModel)]="searchLang"
+                    placeholder="Find Language" autocomplete="off" class="form-control form-control-sm language__search"/>
+                <div *ngFor="let l of searchedLangs" class="language__entry">
+                    <span class="language__entry__name">{{ l.name }} ({{l.iso639}})</span>
+                    <a href (click)="onAddLang(l)" class="form-button language__entry__action sound__play">add</a>
+                </div>
+            </div>
+        </div>
         <h4 class="panel__subtitle">Twitter Bridge</h4>
         <div class="sub-section">
             <input class="sub-section__checkbox" [(ngModel)]="twitterBridgeEnabled"
-            (change)="onTwitterBridgeEnabledChanged()" type="checkbox" name="onTwitterBridgeEnabled"
-            value="onTwitterBridgeEnabled" id="onTwitterBridgeEnabled">
+                (change)="onTwitterBridgeEnabledChanged()" type="checkbox" name="onTwitterBridgeEnabled"
+                value="onTwitterBridgeEnabled" id="onTwitterBridgeEnabled">
             <label class="noselect sub-section__label" for="onTwitterBridgeEnabled">enable bridge</label>
             <br>
             <div *ngIf="twitterBridgeEnabled">
                 <p>Please provide your bridge instance:
-                <input type="text" class="form-control form-control-sm sub_section__text-input"
-                [(ngModel)]="setTwitterBridgeInstance" placeholder="bridge.tld" />
-                If you don't know any, consider using <a href="https://github.com/NicolasConstant/BirdsiteLive" target="_blank" class="version__link">BirdsiteLIVE</a></p>
+                    <input type="text" class="form-control form-control-sm sub_section__text-input"
+                        [(ngModel)]="setTwitterBridgeInstance" placeholder="bridge.tld" />
+                    If you don't know any, consider using <a href="https://github.com/NicolasConstant/BirdsiteLive"
+                        target="_blank" class="version__link">BirdsiteLIVE</a>
+                </p>
             </div>
             <div>
-                <a href="https://github.com/NicolasConstant/sengi/wiki/BirdsiteLIVE-integration" target="_blank" class="version__link">What is this?</a>
+                <a href="https://github.com/NicolasConstant/sengi/wiki/BirdsiteLIVE-integration" target="_blank"
+                    class="version__link">What is this?</a>
             </div>
         </div>
 
diff --git a/src/app/components/floating-column/settings/settings.component.scss b/src/app/components/floating-column/settings/settings.component.scss
index f2fbd754..9ddfb8e7 100644
--- a/src/app/components/floating-column/settings/settings.component.scss
+++ b/src/app/components/floating-column/settings/settings.component.scss
@@ -31,6 +31,13 @@
     padding: 0 5px 15px 5px;
     position: relative;
 
+    &__content {
+        display: block;
+        padding: 0 0 0 5px;
+
+        // outline: 1px dotted greenyellow;
+    }
+
     &__checkbox {
         position: relative;
         top: 3px;
@@ -68,6 +75,37 @@
     }
 }
 
+.language {
+    &__entry {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: space-between;
+
+        &:not(:last-child){
+            margin-bottom: 1px;
+        }
+
+        &__name {
+            display: block;
+            align-items: stretch;
+            padding-left: 5px;            
+        }
+        
+        &__action {
+            align-items: stretch;
+            min-width: 70px;
+            text-align: center;
+            padding: 0 10px;
+        }
+    }
+
+    &__search {
+        display: block;
+        margin: 5px 0 5px 0;
+    }
+}
+
 .form-control {
     border: 1px solid $settings-text-input-border;
     color: $settings-text-input-foreground;
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index a9fc0736..051b23f5 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -1,6 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { Howl } from 'howler';
+import { Subscription } from 'rxjs';
 
 import { environment } from '../../../../environments/environment';
 import { ToolsService, InstanceType } from '../../../services/tools.service';
@@ -18,7 +19,7 @@ import { LanguageService } from '../../../services/language.service';
     styleUrls: ['./settings.component.scss']
 })
 
-export class SettingsComponent implements OnInit {
+export class SettingsComponent implements OnInit, OnDestroy {
 
     notificationSounds: NotificationSoundDefinition[];
     notificationSoundId: string;
@@ -40,6 +41,10 @@ export class SettingsComponent implements OnInit {
     timeLineMode: TimeLineModeEnum = TimeLineModeEnum.OnTop;
     contentWarningPolicy: ContentWarningPolicyEnum = ContentWarningPolicyEnum.None;
 
+    configuredLangs: ILanguage[] = [];
+    searchedLangs: ILanguage[] = [];
+    searchLang: string;
+
     private addCwOnContent: string;
     set setAddCwOnContent(value: string) {
         this.setCwPolicy(null, value, null, null);
@@ -77,6 +82,8 @@ export class SettingsComponent implements OnInit {
         return this.twitterBridgeInstance;
     }
 
+    private languageSub: Subscription;
+
     constructor(
         private readonly languageService: LanguageService,
         private readonly settingsService: SettingsService,
@@ -85,9 +92,15 @@ export class SettingsComponent implements OnInit {
         private serviceWorkersService: ServiceWorkerService,
         private readonly toolsService: ToolsService,
         private readonly notificationService: NotificationService,
-        private readonly userNotificationsService: UserNotificationService) { }
+        private readonly userNotificationsService: UserNotificationService) { }   
 
     ngOnInit() {
+        this.languageSub = this.languageService.configuredLanguagesChanged.subscribe(l => {
+            if(l){
+                this.configuredLangs = l;
+            }
+        });
+
         this.version = environment.VERSION;
 
         const settings = this.settingsService.getSettings();
@@ -135,20 +148,18 @@ export class SettingsComponent implements OnInit {
         this.configuredLangs = this.languageService.getConfiguredLanguages();
     }
 
-    configuredLangs: ILanguage[] = [];
-    searchedLangs: ILanguage[] = [];
-
-    searchLang: string;
+    ngOnDestroy(): void {
+        if(this.languageSub) this.languageSub.unsubscribe();
+    }   
 
     onSearchLang(input: string) {
-        console.warn(input);
         this.searchedLangs = this.languageService.searchLanguage(input);
     }
 
     onAddLang(lang: ILanguage): boolean {
         if(this.configuredLangs.findIndex(x => x.iso639 === lang.iso639) >= 0) return false;
 
-        this.configuredLangs.push(lang);
+        // this.configuredLangs.push(lang);
         this.languageService.addLanguage(lang);
 
         this.searchLang = '';
@@ -158,7 +169,7 @@ export class SettingsComponent implements OnInit {
     }
 
     onRemoveLang(lang: ILanguage): boolean {
-        this.configuredLangs = this.configuredLangs.filter(x => x.iso639 !== lang.iso639);
+        // this.configuredLangs = this.configuredLangs.filter(x => x.iso639 !== lang.iso639);
         this.languageService.removeLanguage(lang);
         return false;
     }
diff --git a/src/app/services/models/mastodon.interfaces.ts b/src/app/services/models/mastodon.interfaces.ts
index ec31ddbf..084a1b0d 100644
--- a/src/app/services/models/mastodon.interfaces.ts
+++ b/src/app/services/models/mastodon.interfaces.ts
@@ -132,7 +132,8 @@ export interface Instancev2 extends Instance {
 
 export interface Instancev2Configuration {
     urls: Instancev2Urls;
-    statuses: Instancev2Statuses
+    statuses: Instancev2Statuses;
+    translation: Instancev2Translation;
 }
 
 export interface InstanceUrls {
@@ -147,6 +148,10 @@ export interface Instancev2Statuses {
     max_characters: number;
 }
 
+export interface Instancev2Translation {
+    enabled: boolean;
+}
+
 export interface Mention {
     url: string;
     username: string;

From 74af61ad78e76042cfda2d6de3bf70bd5fc2db8e Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 20:23:40 -0400
Subject: [PATCH 10/35] added warning

---
 .../create-status/create-status.component.html     |  4 ++++
 .../create-status/create-status.component.scss     | 14 ++++++++++++++
 .../create-status/create-status.component.ts       |  7 +++++++
 .../settings/settings.component.html               |  3 +++
 .../settings/settings.component.scss               |  4 ++++
 5 files changed, 32 insertions(+)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index 8fef8712..838b256e 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -72,6 +72,10 @@
             <fa-icon [icon]="faClock"></fa-icon>
         </a>
     </div>
+    
+    <div class="language-warning" *ngIf="!configuredLanguages || configuredLanguages.length === 0">
+        You haven't set your language(s) yet, please <a href class="language-warning__link" (click)="onNavigateToSettings()">go in the settings</a> to provide it.
+    </div>
 
     <context-menu #contextMenu>
         <ng-template contextMenuItem (execute)="changePrivacy('Public')">
diff --git a/src/app/components/create-status/create-status.component.scss b/src/app/components/create-status/create-status.component.scss
index acd69a13..2a3ece36 100644
--- a/src/app/components/create-status/create-status.component.scss
+++ b/src/app/components/create-status/create-status.component.scss
@@ -233,6 +233,20 @@ $counter-width: 90px;
     border-bottom: 1px solid whitesmoke;
 }
 
+.language-warning {
+    padding: 5px 10px;
+    color: orange;
+
+    &__link {
+        text-decoration: underline;
+        color: #f0d124;
+
+        &:hover {
+            color: #d18800;
+        }
+    }
+}
+
 @import '~@angular/cdk/overlay-prebuilt.css';
 // ::ng-deep .cdk-overlay-backdrop  {
 //     // width: 100%;
diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index 5c57a128..77da29cc 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -27,6 +27,7 @@ import { StatusesStateService } from '../../services/statuses-state.service';
 import { SettingsService } from '../../services/settings.service';
 import { LanguageService } from '../../services/language.service';
 import { ILanguage } from '../../states/settings.state';
+import { LeftPanelType, NavigationService } from '../../services/navigation.service';
 
 @Component({
     selector: 'app-create-status',
@@ -206,6 +207,7 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
     private selectedAccount: AccountInfo;
 
     constructor(
+        private readonly navigationService: NavigationService,
         private readonly languageService: LanguageService,
         private readonly settingsService: SettingsService,
         private readonly statusStateService: StatusesStateService,
@@ -303,6 +305,11 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
         this.selectLangSub.unsubscribe();
     }
 
+    onNavigateToSettings(): boolean {
+        this.navigationService.openPanel(LeftPanelType.Settings);
+        return false;
+    }
+
     onPaste(e: any) {
         const items = (e.clipboardData || e.originalEvent.clipboardData).items;
         let blobs: File[] = [];
diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index cfe42025..0a151aa9 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -54,6 +54,9 @@
         <h4 class="panel__subtitle">Languages</h4>
         <div class="sub-section">
             <div class="sub-section__content">
+                <div *ngIf="!configuredLangs || configuredLangs.length === 0" class="language__warning">
+                    No language set.
+                </div>
                 <div *ngFor="let l of configuredLangs" class="language__entry">
                     <span class="language__entry__name">{{ l.name }} ({{l.iso639}})</span>
                     <a href (click)="onRemoveLang(l)" class="form-button language__entry__action sound__play">remove</a>
diff --git a/src/app/components/floating-column/settings/settings.component.scss b/src/app/components/floating-column/settings/settings.component.scss
index 9ddfb8e7..cd272593 100644
--- a/src/app/components/floating-column/settings/settings.component.scss
+++ b/src/app/components/floating-column/settings/settings.component.scss
@@ -76,6 +76,10 @@
 }
 
 .language {
+    &__warning {
+        color: orange;
+    }
+
     &__entry {
         display: flex;
         flex-direction: row;

From 16bbf9aa2ff442e68c636f8df7f8a849b05e8d66 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 22:57:06 -0400
Subject: [PATCH 11/35] displaying translation link

---
 src/app/app.module.ts                         |  4 +-
 .../status-translate.component.html           |  3 +
 .../status-translate.component.scss           | 13 ++++
 .../status-translate.component.spec.ts        | 25 +++++++
 .../status-translate.component.ts             | 71 +++++++++++++++++++
 .../stream/status/status.component.html       |  2 +
 .../stream/status/status.component.scss       |  2 +-
 src/app/services/instances-info.service.ts    | 27 +++++++
 8 files changed, 145 insertions(+), 2 deletions(-)
 create mode 100644 src/app/components/stream/status/status-translate/status-translate.component.html
 create mode 100644 src/app/components/stream/status/status-translate/status-translate.component.scss
 create mode 100644 src/app/components/stream/status/status-translate/status-translate.component.spec.ts
 create mode 100644 src/app/components/stream/status/status-translate/status-translate.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 591f2991..365672e7 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -90,6 +90,7 @@ import { TutorialEnhancedComponent } from './components/tutorial-enhanced/tutori
 import { NotificationsTutorialComponent } from './components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component';
 import { LabelsTutorialComponent } from './components/tutorial-enhanced/labels-tutorial/labels-tutorial.component';
 import { ThankyouTutorialComponent } from './components/tutorial-enhanced/thankyou-tutorial/thankyou-tutorial.component';
+import { StatusTranslateComponent } from './components/stream/status/status-translate/status-translate.component';
 
 const routes: Routes = [
     { path: "", component: StreamsMainDisplayComponent },
@@ -159,7 +160,8 @@ const routes: Routes = [
         TutorialEnhancedComponent,
         NotificationsTutorialComponent,
         LabelsTutorialComponent,
-        ThankyouTutorialComponent
+        ThankyouTutorialComponent,
+        StatusTranslateComponent
     ],
     entryComponents: [
         EmojiPickerComponent
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.html b/src/app/components/stream/status/status-translate/status-translate.component.html
new file mode 100644
index 00000000..e5222fab
--- /dev/null
+++ b/src/app/components/stream/status/status-translate/status-translate.component.html
@@ -0,0 +1,3 @@
+<div class="translation" *ngIf="isTranslationAvailable">
+    <a href class="translation__link">Translate</a>
+</div>
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.scss b/src/app/components/stream/status/status-translate/status-translate.component.scss
new file mode 100644
index 00000000..becab0f6
--- /dev/null
+++ b/src/app/components/stream/status/status-translate/status-translate.component.scss
@@ -0,0 +1,13 @@
+@import "variables";
+@import "commons";
+
+.translation {
+    margin: 0 10px 0 $avatar-column-space;
+    text-align: center;
+
+    &__link {
+        font-size: 12px;
+        color: #656b8f;
+        padding: 5px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.spec.ts b/src/app/components/stream/status/status-translate/status-translate.component.spec.ts
new file mode 100644
index 00000000..a90fa173
--- /dev/null
+++ b/src/app/components/stream/status/status-translate/status-translate.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StatusTranslateComponent } from './status-translate.component';
+
+describe('StatusTranslateComponent', () => {
+  let component: StatusTranslateComponent;
+  let fixture: ComponentFixture<StatusTranslateComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ StatusTranslateComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StatusTranslateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.ts b/src/app/components/stream/status/status-translate/status-translate.component.ts
new file mode 100644
index 00000000..8f528fa6
--- /dev/null
+++ b/src/app/components/stream/status/status-translate/status-translate.component.ts
@@ -0,0 +1,71 @@
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+
+import { StatusWrapper } from '../../../../models/common.model';
+import { ILanguage } from '../../../../states/settings.state';
+import { LanguageService } from '../../../../services/language.service';
+import { InstancesInfoService } from '../../../../services/instances-info.service';
+
+@Component({
+    selector: 'app-status-translate',
+    templateUrl: './status-translate.component.html',
+    styleUrls: ['./status-translate.component.scss']
+})
+export class StatusTranslateComponent implements OnInit, OnDestroy {
+
+    private languageSub: Subscription;
+    private languagesSub: Subscription;
+
+    selectedLanguage: ILanguage;
+    configuredLanguages: ILanguage[] = [];
+
+    isTranslationAvailable: boolean;
+
+    @Input() status: StatusWrapper;
+
+    constructor(
+        private readonly languageService: LanguageService,
+        private readonly instancesInfoService: InstancesInfoService,
+    ) { }
+
+    ngOnInit() {
+        this.languageSub = this.languageService.selectedLanguageChanged.subscribe(l => {
+            if (l) {
+                this.selectedLanguage = l;
+                this.analyseAvailability();
+            }
+        });
+
+        this.languagesSub = this.languageService.configuredLanguagesChanged.subscribe(l => {
+            if (l) {
+                this.configuredLanguages = l;
+                this.analyseAvailability();
+            }
+        });
+    }
+
+    private analyseAvailability() {
+        this.instancesInfoService.getTranslationAvailability(this.status.provider)
+            .then(canTranslate => {                
+                if (canTranslate
+                    && this.configuredLanguages.length > 0
+                    && this.configuredLanguages.findIndex(x => x.iso639 === this.status.status.language) === -1) {
+
+                        console.warn('can translate');
+                    this.isTranslationAvailable = true;
+                }
+                else {
+                    this.isTranslationAvailable = false;
+                }
+            })
+            .catch(err => {
+                console.error(err);
+                this.isTranslationAvailable = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        if (this.languageSub) this.languageSub.unsubscribe();
+        if (this.languagesSub) this.languagesSub.unsubscribe();
+    }
+}
diff --git a/src/app/components/stream/status/status.component.html b/src/app/components/stream/status/status.component.html
index be44235a..24fc2a32 100644
--- a/src/app/components/stream/status/status.component.html
+++ b/src/app/components/stream/status/status.component.html
@@ -102,6 +102,8 @@
                 (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
                 (textSelected)="textSelected()"></app-databinded-text>
 
+            <app-status-translate [status]="displayedStatusWrapper"></app-status-translate>
+
             <app-poll class="status__poll" *ngIf="!isContentWarned && displayedStatus.poll"
                 [poll]="displayedStatus.poll" [statusWrapper]="displayedStatusWrapper"></app-poll>
 
diff --git a/src/app/components/stream/status/status.component.scss b/src/app/components/stream/status/status.component.scss
index aa1796c5..9a5aad81 100644
--- a/src/app/components/stream/status/status.component.scss
+++ b/src/app/components/stream/status/status.component.scss
@@ -272,4 +272,4 @@
     &__label{
         color: $status-secondary-color;
     }
-}
+}
\ No newline at end of file
diff --git a/src/app/services/instances-info.service.ts b/src/app/services/instances-info.service.ts
index 3d64fc5e..b4a2ece5 100644
--- a/src/app/services/instances-info.service.ts
+++ b/src/app/services/instances-info.service.ts
@@ -11,6 +11,7 @@ import { AccountInfo } from '../states/accounts.state';
 export class InstancesInfoService {
     private defaultMaxChars = 500;
     private cachedMaxInstanceChar: { [id: string]: Promise<number>; } = {};
+    private cachedTranslationAvailability: { [id: string]: Promise<boolean>; } = {};
     private cachedDefaultPrivacy: { [id: string]: Promise<VisibilityEnum>; } = {};
 
     constructor(private mastodonService: MastodonWrapperService) { }
@@ -65,4 +66,30 @@ export class InstancesInfoService {
         }
         return this.cachedDefaultPrivacy[instance];
     }
+
+    getTranslationAvailability(account: AccountInfo): Promise<boolean> {
+        const instance = account.instance;
+        if (!this.cachedTranslationAvailability[instance]) {
+            this.cachedTranslationAvailability[instance] = this.mastodonService.getInstance(instance)
+                .then((instance: Instance) => {
+                    if (+instance.version.split('.')[0] >= 4) {
+                        const instanceV2 = <Instancev2>instance;
+                        if (instanceV2
+                            && instanceV2.configuration
+                            && instanceV2.configuration.translation)
+                            return instanceV2.configuration.translation.enabled;
+                    } else {
+                        const instanceV1 = <Instancev1>instance;
+                        if (instanceV1 && instanceV1.max_toot_chars)
+                            return false;
+                    }
+
+                    return false;
+                })
+                .catch(() => {
+                    return false;
+                });
+        }
+        return this.cachedTranslationAvailability[instance];
+    }
 }

From 30f678af04ff53415bcd212a72d613dbc8e06f3f Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 23:36:21 -0400
Subject: [PATCH 12/35] translation working

---
 .../status-translate.component.html           |  5 +++-
 .../status-translate.component.scss           | 20 +++++++++++---
 .../status-translate.component.spec.ts        |  2 +-
 .../status-translate.component.ts             | 27 ++++++++++++++++---
 .../stream/status/status.component.html       |  2 +-
 .../stream/status/status.component.ts         |  6 ++++-
 src/app/services/mastodon-wrapper.service.ts  |  9 ++++++-
 src/app/services/mastodon.service.ts          |  9 ++++++-
 src/app/services/models/api.settings.ts       |  1 +
 .../services/models/mastodon.interfaces.ts    |  8 ++++++
 10 files changed, 76 insertions(+), 13 deletions(-)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.html b/src/app/components/stream/status/status-translate/status-translate.component.html
index e5222fab..8ec878b1 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.html
+++ b/src/app/components/stream/status/status-translate/status-translate.component.html
@@ -1,3 +1,6 @@
 <div class="translation" *ngIf="isTranslationAvailable">
-    <a href class="translation__link">Translate</a>
+    <a href class="translation__link" (click)="translate()">Translate</a>
+</div>
+<div class="translation" *ngIf="translatedBy">
+    <span class="translation__by">Translated by {{translatedBy}}</span>
 </div>
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.scss b/src/app/components/stream/status/status-translate/status-translate.component.scss
index becab0f6..5f2198fb 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.scss
+++ b/src/app/components/stream/status/status-translate/status-translate.component.scss
@@ -3,11 +3,25 @@
 
 .translation {
     margin: 0 10px 0 $avatar-column-space;
-    text-align: center;
+    text-align: center;    
 
-    &__link {
+    &__link, &__by {
         font-size: 12px;
         color: #656b8f;
-        padding: 5px;
+        padding: 5px 5px 0 5px;
+    }
+
+    &__link {
+        transition: all .2s;
+        &:hover {
+            text-decoration: none;
+            color: #9fa5ca;
+        }
+    }
+
+    &__by {
+        display: block;
+        text-align: left;
+        padding: 5px 0 0 0;
     }
 }
\ No newline at end of file
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.spec.ts b/src/app/components/stream/status/status-translate/status-translate.component.spec.ts
index a90fa173..af6146f7 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.spec.ts
+++ b/src/app/components/stream/status/status-translate/status-translate.component.spec.ts
@@ -2,7 +2,7 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { StatusTranslateComponent } from './status-translate.component';
 
-describe('StatusTranslateComponent', () => {
+xdescribe('StatusTranslateComponent', () => {
   let component: StatusTranslateComponent;
   let fixture: ComponentFixture<StatusTranslateComponent>;
 
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.ts b/src/app/components/stream/status/status-translate/status-translate.component.ts
index 8f528fa6..fd9f1c84 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.ts
+++ b/src/app/components/stream/status/status-translate/status-translate.component.ts
@@ -1,10 +1,12 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
 import { Subscription } from 'rxjs';
 
 import { StatusWrapper } from '../../../../models/common.model';
 import { ILanguage } from '../../../../states/settings.state';
 import { LanguageService } from '../../../../services/language.service';
 import { InstancesInfoService } from '../../../../services/instances-info.service';
+import { MastodonWrapperService } from '../../../../services/mastodon-wrapper.service';
+import { Translation } from '../../../../services/models/mastodon.interfaces';
 
 @Component({
     selector: 'app-status-translate',
@@ -20,10 +22,13 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
     configuredLanguages: ILanguage[] = [];
 
     isTranslationAvailable: boolean;
+    translatedBy: string;
 
     @Input() status: StatusWrapper;
+    @Output() translation = new EventEmitter<Translation>();
 
     constructor(
+        private readonly mastodonWrapperService: MastodonWrapperService,
         private readonly languageService: LanguageService,
         private readonly instancesInfoService: InstancesInfoService,
     ) { }
@@ -42,12 +47,18 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
                 this.analyseAvailability();
             }
         });
+    }    
+
+    ngOnDestroy(): void {
+        if (this.languageSub) this.languageSub.unsubscribe();
+        if (this.languagesSub) this.languagesSub.unsubscribe();
     }
 
     private analyseAvailability() {
         this.instancesInfoService.getTranslationAvailability(this.status.provider)
             .then(canTranslate => {                
                 if (canTranslate
+                    && !this.status.isRemote
                     && this.configuredLanguages.length > 0
                     && this.configuredLanguages.findIndex(x => x.iso639 === this.status.status.language) === -1) {
 
@@ -64,8 +75,16 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
             });
     }
 
-    ngOnDestroy(): void {
-        if (this.languageSub) this.languageSub.unsubscribe();
-        if (this.languagesSub) this.languagesSub.unsubscribe();
+    translate(): boolean {
+        this.mastodonWrapperService.translate(this.status.provider, this.status.status.id, this.selectedLanguage.iso639)
+            .then(x => {                
+                this.translation.next(x);
+                this.translatedBy = x.provider;
+                this.isTranslationAvailable = false;
+            })
+            .catch(err => {
+                console.error(err);
+            });
+        return false;
     }
 }
diff --git a/src/app/components/stream/status/status.component.html b/src/app/components/stream/status/status.component.html
index 24fc2a32..0d0371d0 100644
--- a/src/app/components/stream/status/status.component.html
+++ b/src/app/components/stream/status/status.component.html
@@ -102,7 +102,7 @@
                 (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
                 (textSelected)="textSelected()"></app-databinded-text>
 
-            <app-status-translate [status]="displayedStatusWrapper"></app-status-translate>
+            <app-status-translate [status]="displayedStatusWrapper" (translation)="onTranslation($event)"></app-status-translate>
 
             <app-poll class="status__poll" *ngIf="!isContentWarned && displayedStatus.poll"
                 [poll]="displayedStatus.poll" [statusWrapper]="displayedStatusWrapper"></app-poll>
diff --git a/src/app/components/stream/status/status.component.ts b/src/app/components/stream/status/status.component.ts
index 9cea97a7..eb37e202 100644
--- a/src/app/components/stream/status/status.component.ts
+++ b/src/app/components/stream/status/status.component.ts
@@ -2,7 +2,7 @@ import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef }
 import { faStar, faRetweet, faList, faThumbtack } from "@fortawesome/free-solid-svg-icons";
 import { Subscription } from "rxjs";
 
-import { Status, Account } from "../../../services/models/mastodon.interfaces";
+import { Status, Account, Translation } from "../../../services/models/mastodon.interfaces";
 import { OpenThreadEvent, ToolsService } from "../../../services/tools.service";
 import { ActionBarComponent } from "./action-bar/action-bar.component";
 import { StatusWrapper } from '../../../models/common.model';
@@ -157,6 +157,10 @@ export class StatusComponent implements OnInit {
         this.isContentWarned = cwIsActive;
     }
 
+    onTranslation(translation: Translation) {
+        this.statusContent = translation.content;
+    }
+
     private checkLabels(status: Status) {
         //since API is limited with federated status...
         if (!status.account.bot) {
diff --git a/src/app/services/mastodon-wrapper.service.ts b/src/app/services/mastodon-wrapper.service.ts
index 541cdfe9..38717d37 100644
--- a/src/app/services/mastodon-wrapper.service.ts
+++ b/src/app/services/mastodon-wrapper.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 
-import { Account, Status, Results, Context, Relationship, Instance, Attachment, Notification, List, Poll, Emoji, Conversation, ScheduledStatus, TokenData, Tag } from "./models/mastodon.interfaces";
+import { Account, Status, Results, Context, Relationship, Instance, Attachment, Notification, List, Poll, Emoji, Conversation, ScheduledStatus, TokenData, Tag, Translation } from "./models/mastodon.interfaces";
 import { AccountInfo, UpdateAccount } from '../states/accounts.state';
 import { StreamTypeEnum, StreamElement } from '../states/streams.state';
 import { FavoriteResult, VisibilityEnum, PollParameters, MastodonService, BookmarkResult, FollowingResult } from './mastodon.service';
@@ -96,6 +96,13 @@ export class MastodonWrapperService {
         return this.mastodonService.getInstance(instance);
     }
 
+    translate(account: AccountInfo, statusId: string, lang: string): Promise<Translation>{
+        return this.refreshAccountIfNeeded(account)
+            .then((refreshedAccount: AccountInfo) => {
+                return this.mastodonService.translate(refreshedAccount, statusId, lang);
+            });
+    }
+
     retrieveAccountDetails(account: AccountInfo): Promise<Account> {
         return this.refreshAccountIfNeeded(account)
             .then((refreshedAccount: AccountInfo) => {
diff --git a/src/app/services/mastodon.service.ts b/src/app/services/mastodon.service.ts
index f833f960..e4ce63b2 100644
--- a/src/app/services/mastodon.service.ts
+++ b/src/app/services/mastodon.service.ts
@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { HttpHeaders, HttpClient, HttpResponse } from '@angular/common/http';
 
 import { ApiRoutes } from './models/api.settings';
-import { Account, Status, Results, Context, Relationship, Instance, Attachment, Notification, List, Poll, Emoji, Conversation, ScheduledStatus, Tag, Instancev2, Instancev1 } from "./models/mastodon.interfaces";
+import { Account, Status, Results, Context, Relationship, Instance, Attachment, Notification, List, Poll, Emoji, Conversation, ScheduledStatus, Tag, Instancev2, Instancev1, Translation } from "./models/mastodon.interfaces";
 import { AccountInfo } from '../states/accounts.state';
 import { StreamTypeEnum, StreamElement } from '../states/streams.state';
 
@@ -21,6 +21,13 @@ export class MastodonService {
             });            
     }
 
+    translate(account: AccountInfo, statusId: string, lang: string): Promise<Translation>{
+        const headers = new HttpHeaders({ 'Authorization': `Bearer ${account.token.access_token}` });
+        let route = `https://${account.instance}${this.apiRoutes.translate.replace('{0}', statusId)}`;
+
+        return this.httpClient.post<Translation>(route, { 'lang': lang }, { headers: headers }).toPromise();
+    }
+
     retrieveAccountDetails(account: AccountInfo): Promise<Account> {
         const headers = new HttpHeaders({ 'Authorization': `Bearer ${account.token.access_token}` });
         return this.httpClient.get<Account>('https://' + account.instance + this.apiRoutes.getCurrentAccount, { headers: headers }).toPromise();
diff --git a/src/app/services/models/api.settings.ts b/src/app/services/models/api.settings.ts
index 50e8d614..3a204317 100644
--- a/src/app/services/models/api.settings.ts
+++ b/src/app/services/models/api.settings.ts
@@ -80,4 +80,5 @@ export class ApiRoutes {
     followHashtag = '/api/v1/tags/{0}/follow';
     unfollowHashtag = '/api/v1/tags/{0}/unfollow';
     getHashtag = '/api/v1/tags/{0}';
+    translate = '/api/v1/statuses/{0}/translate';
 }
diff --git a/src/app/services/models/mastodon.interfaces.ts b/src/app/services/models/mastodon.interfaces.ts
index 084a1b0d..492eede7 100644
--- a/src/app/services/models/mastodon.interfaces.ts
+++ b/src/app/services/models/mastodon.interfaces.ts
@@ -289,4 +289,12 @@ export interface Tag {
     url: string;
     history: TagHistory[];
     following: boolean;
+}
+
+export interface Translation {
+    content: string;
+    language: string;
+    detected_source_language: string;
+    provider: string;
+    spoiler_text: string;
 }
\ No newline at end of file

From 8cd4d30ac8fcec5a51ab0bf383b33de8ede7be00 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 23:38:29 -0400
Subject: [PATCH 13/35] notify error

---
 .../status/status-translate/status-translate.component.ts   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.ts b/src/app/components/stream/status/status-translate/status-translate.component.ts
index fd9f1c84..0d1db41c 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.ts
+++ b/src/app/components/stream/status/status-translate/status-translate.component.ts
@@ -7,6 +7,8 @@ import { LanguageService } from '../../../../services/language.service';
 import { InstancesInfoService } from '../../../../services/instances-info.service';
 import { MastodonWrapperService } from '../../../../services/mastodon-wrapper.service';
 import { Translation } from '../../../../services/models/mastodon.interfaces';
+import { NotificationService } from '../../../../services/notification.service';
+import { HttpErrorResponse } from '@angular/common/http';
 
 @Component({
     selector: 'app-status-translate',
@@ -31,6 +33,7 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
         private readonly mastodonWrapperService: MastodonWrapperService,
         private readonly languageService: LanguageService,
         private readonly instancesInfoService: InstancesInfoService,
+        private readonly notificationService: NotificationService
     ) { }
 
     ngOnInit() {
@@ -82,8 +85,9 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
                 this.translatedBy = x.provider;
                 this.isTranslationAvailable = false;
             })
-            .catch(err => {
+            .catch((err: HttpErrorResponse) => {
                 console.error(err);
+                this.notificationService.notifyHttpError(err, this.status.provider);
             });
         return false;
     }

From e8dbe214f46d936b5a598c011bcaeeadaaa3c27d Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Fri, 4 Aug 2023 23:45:34 -0400
Subject: [PATCH 14/35] sort and slice results

---
 src/app/services/language.service.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index 92c1538d..da83c141 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -36,6 +36,7 @@ export class LanguageService {
     addLanguage(lang: ILanguage){
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages.push(lang);
+        settings.configuredLanguages.sort((a, b) => a.name.localeCompare(b.name));
         this.settingsService.saveSettings(settings);
         
         this.configuredLanguagesChanged.next(settings.configuredLanguages);
@@ -63,7 +64,9 @@ export class LanguageService {
 
     searchLanguage(input: string): ILanguage[] {
         const avLangs = this.getAllAvaialbleLaguages();
-        const found = avLangs.filter(x => x.iso639 === input || x.name.toLowerCase().includes(input.toLowerCase()));
+        let found = avLangs.filter(x => x.name.toLowerCase().includes(input.toLowerCase()) || x.iso639.toLowerCase().includes(input.toLowerCase()));
+        found.sort((a, b) => a.name.localeCompare(b.name));
+        found = found.slice(0, 5);
         return found;
     }
 

From 1c42f54db0c974104b46f8579c47a05bc5fbea32 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 00:00:00 -0400
Subject: [PATCH 15/35] added languages

---
 src/app/services/language.service.ts | 203 +++++++++++++++++++++++++--
 1 file changed, 193 insertions(+), 10 deletions(-)

diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index da83c141..7b8a4db8 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -33,28 +33,28 @@ export class LanguageService {
         return langs;
     }
 
-    addLanguage(lang: ILanguage){
+    addLanguage(lang: ILanguage) {
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages.push(lang);
         settings.configuredLanguages.sort((a, b) => a.name.localeCompare(b.name));
         this.settingsService.saveSettings(settings);
-        
+
         this.configuredLanguagesChanged.next(settings.configuredLanguages);
 
-        if(settings.configuredLanguages.length === 1){
+        if (settings.configuredLanguages.length === 1) {
             this.setSelectedLanguage(lang);
         }
     }
 
-    removeLanguage(lang: ILanguage){
+    removeLanguage(lang: ILanguage) {
         var settings = this.settingsService.getSettings();
         settings.configuredLanguages = settings.configuredLanguages.filter(x => x.iso639 !== lang.iso639);
         this.settingsService.saveSettings(settings);
 
         this.configuredLanguagesChanged.next(settings.configuredLanguages);
 
-        if(this.getSelectedLanguage().iso639 === lang.iso639){
-            if(settings.configuredLanguages.length > 0){
+        if (this.getSelectedLanguage().iso639 === lang.iso639) {
+            if (settings.configuredLanguages.length > 0) {
                 this.setSelectedLanguage(settings.configuredLanguages[0]);
             } else {
                 this.setSelectedLanguage(null);
@@ -63,6 +63,8 @@ export class LanguageService {
     }
 
     searchLanguage(input: string): ILanguage[] {
+        if(!input) return [];
+
         const avLangs = this.getAllAvaialbleLaguages();
         let found = avLangs.filter(x => x.name.toLowerCase().includes(input.toLowerCase()) || x.iso639.toLowerCase().includes(input.toLowerCase()));
         found.sort((a, b) => a.name.localeCompare(b.name));
@@ -71,16 +73,197 @@ export class LanguageService {
     }
 
     private getAllAvaialbleLaguages(): Language[] {
-        //TODO: Add more languages
         return [
+            new Language("aa", "Afar"),
+            new Language("ab", "Abkhazian"),
+            new Language("af", "Afrikaans"),
+            new Language("ak", "Akan"),
+            new Language("am", "Amharic"),
+            new Language("an", "Aragonese"),
+            new Language("ar", "Arabic"),
+            new Language("as", "Assamese"),
+            new Language("av", "Avar"),
+            new Language("ay", "Aymara"),
+            new Language("az", "Azerbaijani"),
+            new Language("ba", "Bashkir"),
+            new Language("be", "Belarusian"),
+            new Language("bg", "Bulgarian"),
+            new Language("bh", "Bihari"),
+            new Language("bi", "Bislama"),
+            new Language("bm", "Bambara"),
+            new Language("bn", "Bengali"),
+            new Language("bo", "Tibetan"),
+            new Language("br", "Breton"),
+            new Language("bs", "Bosnian"),
+            new Language("ca", "Catalan"),
+            new Language("ce", "Chechen"),
+            new Language("ch", "Chamorro"),
+            new Language("co", "Corsican"),
+            new Language("cr", "Cree"),
+            new Language("cs", "Czech"),
+            new Language("cu", "Old Church Slavonic"),
+            new Language("cv", "Chuvash"),
+            new Language("cy", "Welsh"),
+            new Language("da", "Danish"),
+            new Language("de", "German"),
+            new Language("dv", "Divehi"),
+            new Language("dz", "Dzongkha"),
+            new Language("ee", "Ewe"),
+            new Language("el", "Greek"),
             new Language("en", "English"),
+            new Language("eo", "Esperanto"),
+            new Language("es", "Spanish"),
+            new Language("et", "Estonian"),
+            new Language("eu", "Basque"),
+            new Language("fa", "Persian"),
+            new Language("ff", "Peul"),
+            new Language("fi", "Finnish"),
+            new Language("fj", "Fijian"),
+            new Language("fo", "Faroese"),
             new Language("fr", "French"),
-            new Language("de", "German")
+            new Language("fy", "West Frisian"),
+            new Language("ga", "Irish"),
+            new Language("gd", "Scottish Gaelic"),
+            new Language("gl", "Galician"),
+            new Language("gn", "Guarani"),
+            new Language("gu", "Gujarati"),
+            new Language("gv", "Manx"),
+            new Language("ha", "Hausa"),
+            new Language("he", "Hebrew"),
+            new Language("hi", "Hindi"),
+            new Language("ho", "Hiri Motu"),
+            new Language("hr", "Croatian"),
+            new Language("ht", "Haitian"),
+            new Language("hu", "Hungarian"),
+            new Language("hy", "Armenian"),
+            new Language("hz", "Herero"),
+            new Language("ia", "Interlingua"),
+            new Language("id", "Indonesian"),
+            new Language("ie", "Interlingue"),
+            new Language("ig", "Igbo"),
+            new Language("ii", "Sichuan Yi"),
+            new Language("ik", "Inupiak"),
+            new Language("io", "Ido"),
+            new Language("is", "Icelandic"),
+            new Language("it", "Italian"),
+            new Language("iu", "Inuktitut"),
+            new Language("ja", "Japanese"),
+            new Language("jv", "Javanese"),
+            new Language("ka", "Georgian"),
+            new Language("kg", "Kongo"),
+            new Language("ki", "Kikuyu"),
+            new Language("kj", "Kuanyama"),
+            new Language("kk", "Kazakh"),
+            new Language("kl", "Greenlandic"),
+            new Language("km", "Cambodian"),
+            new Language("kn", "Kannada"),
+            new Language("ko", "Korean"),
+            new Language("kr", "Kanuri"),
+            new Language("ks", "Kashmiri"),
+            new Language("ku", "Kurdish"),
+            new Language("kv", "Komi"),
+            new Language("kw", "Cornish"),
+            new Language("ky", "Kirghiz"),
+            new Language("la", "Latin"),
+            new Language("lb", "Luxembourgish"),
+            new Language("lg", "Ganda"),
+            new Language("li", "Limburgian"),
+            new Language("ln", "Lingala"),
+            new Language("lo", "Laotian"),
+            new Language("lt", "Lithuanian"),
+            new Language("lu", "Luba-Katanga"),
+            new Language("lv", "Latvian"),
+            new Language("mg", "Malagasy"),
+            new Language("mh", "Marshallese"),
+            new Language("mi", "Maori"),
+            new Language("mk", "Macedonian"),
+            new Language("ml", "Malayalam"),
+            new Language("mn", "Mongolian"),
+            new Language("mo", "Moldovan"),
+            new Language("mr", "Marathi"),
+            new Language("ms", "Malay"),
+            new Language("mt", "Maltese"),
+            new Language("my", "Burmese"),
+            new Language("na", "Nauruan"),
+            new Language("nb", "Norwegian Bokmål"),
+            new Language("nd", "North Ndebele"),
+            new Language("ne", "Nepali"),
+            new Language("ng", "Ndonga"),
+            new Language("nl", "Dutch"),
+            new Language("nn", "Norwegian Nynorsk"),
+            new Language("no", "Norwegian"),
+            new Language("nr", "South Ndebele"),
+            new Language("nv", "Navajo"),
+            new Language("ny", "Chichewa"),
+            new Language("oc", "Occitan"),
+            new Language("oj", "Ojibwa"),
+            new Language("om", "Oromo"),
+            new Language("or", "Oriya"),
+            new Language("os", "Ossetian"),
+            new Language("pa", "Panjabi"),
+            new Language("pi", "Pali"),
+            new Language("pl", "Polish"),
+            new Language("ps", "Pashto"),
+            new Language("pt", "Portuguese"),
+            new Language("qu", "Quechua"),
+            new Language("rm", "Raeto Romance"),
+            new Language("rn", "Kirundi"),
+            new Language("ro", "Romanian"),
+            new Language("ru", "Russian"),
+            new Language("rw", "Rwandi"),
+            new Language("sa", "Sanskrit"),
+            new Language("sc", "Sardinian"),
+            new Language("sd", "Sindhi"),
+            new Language("se", "Northern Sami"),
+            new Language("sg", "Sango"),
+            new Language("sh", "Serbo-Croatian"),
+            new Language("si", "Sinhalese"),
+            new Language("sk", "Slovak"),
+            new Language("sl", "Slovenian"),
+            new Language("sm", "Samoan"),
+            new Language("sn", "Shona"),
+            new Language("so", "Somalia"),
+            new Language("sq", "Albanian"),
+            new Language("sr", "Serbian"),
+            new Language("ss", "Swati"),
+            new Language("st", "Southern Sotho"),
+            new Language("su", "Sundanese"),
+            new Language("sv", "Swedish"),
+            new Language("sw", "Swahili"),
+            new Language("ta", "Tamil"),
+            new Language("te", "Telugu"),
+            new Language("tg", "Tajik"),
+            new Language("th", "Thai"),
+            new Language("ti", "Tigrinya"),
+            new Language("tk", "Turkmen"),
+            new Language("tl", "Tagalog"),
+            new Language("tn", "Tswana"),
+            new Language("to", "Tonga"),
+            new Language("tr", "Turkish"),
+            new Language("ts", "Tsonga"),
+            new Language("tt", "Tatar"),
+            new Language("tw", "Twi"),
+            new Language("ty", "Tahitian"),
+            new Language("ug", "Uyghur"),
+            new Language("uk", "Ukrainian"),
+            new Language("ur", "Urdu"),
+            new Language("uz", "Uzbek"),
+            new Language("ve", "Venda"),
+            new Language("vi", "Vietnamese"),
+            new Language("vo", "Volapük"),
+            new Language("wa", "Walloon"),
+            new Language("wo", "Wolof"),
+            new Language("xh", "Xhosa"),
+            new Language("yi", "Yiddish"),
+            new Language("yo", "Yoruba"),
+            new Language("za", "Zhuang"),
+            new Language("zh", "Chinese"),
+            new Language("zu", "Zulu"),
         ];
     }
 }
 
-export class Language {    
-    constructor(public iso639: string, public name: string){
+export class Language {
+    constructor(public iso639: string, public name: string) {
     }
 }

From 3d5c91a12b84ff10c115253866f2a6aea90b4a58 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 02:07:34 -0400
Subject: [PATCH 16/35] working poc

---
 package-lock.json                         | 683 +++++++++++++++++++++-
 package.json                              |   6 +-
 src/app/app.module.ts                     |   4 +-
 src/app/services/electron.service.spec.ts |  12 +
 src/app/services/electron.service.ts      |  45 ++
 src/app/services/language.service.ts      |  10 +-
 6 files changed, 754 insertions(+), 6 deletions(-)
 create mode 100644 src/app/services/electron.service.spec.ts
 create mode 100644 src/app/services/electron.service.ts

diff --git a/package-lock.json b/package-lock.json
index 87ba2a57..d05ab78b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "sengi",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -790,6 +790,46 @@
         "tslib": "^1.9.0"
       }
     },
+    "@electron/get": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@electron/get/-/get-1.14.1.tgz",
+      "integrity": "sha512-BrZYyL/6m0ZXz/lDxy/nlVhQz+WF+iPS6qXolEU8atw7h6v1aYkjwJZ63m+bJMBTxDE66X+r2tPS4a/8C82sZw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "env-paths": "^2.2.0",
+        "fs-extra": "^8.1.0",
+        "global-agent": "^3.0.0",
+        "global-tunnel-ng": "^2.7.1",
+        "got": "^9.6.0",
+        "progress": "^2.0.3",
+        "semver": "^6.2.0",
+        "sumchecker": "^3.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+          "dev": true
+        }
+      }
+    },
     "@fortawesome/angular-fontawesome": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-0.3.0.tgz",
@@ -913,6 +953,21 @@
         }
       }
     },
+    "@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "dev": true
+    },
+    "@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dev": true,
+      "requires": {
+        "defer-to-connect": "^1.0.1"
+      }
+    },
     "@types/jasmine": {
       "version": "2.8.16",
       "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.16.tgz",
@@ -1927,6 +1982,13 @@
         "multicast-dns-service-types": "^1.1.0"
       }
     },
+    "boolean": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
+      "integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
+      "dev": true,
+      "optional": true
+    },
     "bootstrap": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.3.1.tgz",
@@ -2092,6 +2154,12 @@
       "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
       "dev": true
     },
+    "buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true
+    },
     "buffer-fill": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
@@ -2177,6 +2245,54 @@
         "unset-value": "^1.0.0"
       }
     },
+    "cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dev": true,
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "http-cache-semantics": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+          "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
+          "dev": true
+        },
+        "lowercase-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+          "dev": true
+        },
+        "pump": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "^1.1.0",
+            "once": "^1.3.1"
+          }
+        }
+      }
+    },
     "callsite": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
@@ -2380,6 +2496,15 @@
         "shallow-clone": "^1.0.0"
       }
     },
+    "clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -2593,6 +2718,17 @@
         }
       }
     },
+    "config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
     "connect": {
       "version": "3.6.6",
       "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
@@ -2929,6 +3065,15 @@
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
     },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
     "deep-equal": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
@@ -2962,6 +3107,23 @@
         }
       }
     },
+    "defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
+      "dev": true
+    },
+    "define-properties": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
     "define-property": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
@@ -3190,6 +3352,12 @@
       "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
       "dev": true
     },
+    "duplexer3": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.5.tgz",
+      "integrity": "sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==",
+      "dev": true
+    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
@@ -3250,6 +3418,25 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
       "dev": true
     },
+    "electron": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-10.4.5.tgz",
+      "integrity": "sha512-sEJ71VvaPMm+Dqj/BncZVDoQRRKRO8SSQALcY1iiJL9Wuy8c1QAhm8LDOgqnwD0cf/9ZuN8Iqoq6gVJ206AzYw==",
+      "dev": true,
+      "requires": {
+        "@electron/get": "^1.0.1",
+        "@types/node": "^12.0.12",
+        "extract-zip": "^1.0.3"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "12.20.55",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz",
+          "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==",
+          "dev": true
+        }
+      }
+    },
     "electron-to-chromium": {
       "version": "1.3.113",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.113.tgz",
@@ -3415,6 +3602,12 @@
       "integrity": "sha1-6WQhkyWiHQX0RGai9obtbOX13R0=",
       "dev": true
     },
+    "env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true
+    },
     "err-code": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/err-code/-/err-code-1.1.2.tgz",
@@ -3439,6 +3632,13 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true,
+      "optional": true
+    },
     "es6-promise": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.6.tgz",
@@ -3895,6 +4095,50 @@
         }
       }
     },
+    "extract-zip": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
+      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
+      "dev": true,
+      "requires": {
+        "concat-stream": "^1.6.2",
+        "debug": "^2.6.9",
+        "mkdirp": "^0.5.4",
+        "yauzl": "^2.10.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "minimist": {
+          "version": "1.2.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+          "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+          "dev": true
+        },
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+          "dev": true
+        }
+      }
+    },
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -3926,6 +4170,15 @@
         "websocket-driver": ">=0.5.1"
       }
     },
+    "fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "requires": {
+        "pend": "~1.2.0"
+      }
+    },
     "figgy-pudding": {
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
@@ -4207,6 +4460,25 @@
         "null-check": "^1.0.0"
       }
     },
+    "fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "dependencies": {
+        "graceful-fs": {
+          "version": "4.2.11",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+          "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+          "dev": true
+        }
+      }
+    },
     "fs-minipass": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz",
@@ -4728,6 +5000,13 @@
         "rimraf": "2"
       }
     },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true,
+      "optional": true
+    },
     "gauge": {
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
@@ -4767,6 +5046,19 @@
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
       "dev": true
     },
+    "get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      }
+    },
     "get-stdin": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -4863,12 +5155,79 @@
         }
       }
     },
+    "global-agent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
+      "integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "boolean": "^3.0.1",
+        "es6-error": "^4.1.1",
+        "matcher": "^3.0.0",
+        "roarr": "^2.15.3",
+        "semver": "^7.3.2",
+        "serialize-error": "^7.0.1"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "global-tunnel-ng": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz",
+      "integrity": "sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "encodeurl": "^1.0.2",
+        "lodash": "^4.17.10",
+        "npm-conf": "^1.1.3",
+        "tunnel": "^0.0.6"
+      }
+    },
     "globals": {
       "version": "9.18.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
       "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
       "dev": true
     },
+    "globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "define-properties": "^1.1.3"
+      }
+    },
     "globby": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
@@ -4903,6 +5262,46 @@
         "minimatch": "~3.0.2"
       }
     },
+    "got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "dev": true,
+      "requires": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "pump": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "^1.1.0",
+            "once": "^1.3.1"
+          }
+        }
+      }
+    },
     "graceful-fs": {
       "version": "4.1.15",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
@@ -4950,6 +5349,16 @@
         "har-schema": "^2.0.0"
       }
     },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
     "has-ansi": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
@@ -4980,6 +5389,30 @@
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
+    "has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "optional": true
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "optional": true
+    },
     "has-unicode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -6052,6 +6485,12 @@
       "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
       "dev": true
     },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==",
+      "dev": true
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -6090,6 +6529,15 @@
         "minimist": "^1.2.0"
       }
     },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "jsonparse": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
@@ -6389,6 +6837,15 @@
         "source-map-support": "^0.5.5"
       }
     },
+    "keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -6607,6 +7064,12 @@
         "signal-exit": "^3.0.0"
       }
     },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "dev": true
+    },
     "lru-cache": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
@@ -6821,6 +7284,25 @@
         "object-visit": "^1.0.0"
       }
     },
+    "matcher": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
+      "integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "escape-string-regexp": "^4.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "math-random": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
@@ -6985,6 +7467,12 @@
       "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true
     },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true
+    },
     "mini-css-extract-plugin": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.5.0.tgz",
@@ -7266,6 +7754,14 @@
         "tslib": "^1.9.0"
       }
     },
+    "ngx-electron": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ngx-electron/-/ngx-electron-2.2.0.tgz",
+      "integrity": "sha512-Yl7Dsnvp97k0XpIuiB54X7Ij2+zU5x0pCAYnN//VZ9tF7c6S3//OZ9dN9Et7p/zIjCV3Hg9vyw68dPJEZGk+LQ==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -7502,12 +7998,38 @@
       "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
       "dev": true
     },
+    "normalize-url": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+      "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
+      "dev": true
+    },
     "npm-bundled": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.6.tgz",
       "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
       "dev": true
     },
+    "npm-conf": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/npm-conf/-/npm-conf-1.1.3.tgz",
+      "integrity": "sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "config-chain": "^1.1.11",
+        "pify": "^3.0.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "npm-package-arg": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-6.1.0.tgz",
@@ -7641,6 +8163,13 @@
         }
       }
     },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "optional": true
+    },
     "object-visit": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
@@ -7797,6 +8326,12 @@
         "os-tmpdir": "^1.0.0"
       }
     },
+    "p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "dev": true
+    },
     "p-defer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
@@ -8273,6 +8808,12 @@
         "sha.js": "^2.4.8"
       }
     },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -8424,6 +8965,12 @@
       "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
       "dev": true
     },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==",
+      "dev": true
+    },
     "preserve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
@@ -8441,6 +8988,12 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
       "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
     },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
     "promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
@@ -8467,6 +9020,13 @@
         "retry": "^0.10.0"
       }
     },
+    "proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "dev": true,
+      "optional": true
+    },
     "protoduck": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/protoduck/-/protoduck-5.0.1.tgz",
@@ -9049,6 +9609,15 @@
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
     },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
     "restore-cursor": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
@@ -9089,6 +9658,30 @@
         "inherits": "^2.0.1"
       }
     },
+    "roarr": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
+      "integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "boolean": "^3.0.1",
+        "detect-node": "^2.0.4",
+        "globalthis": "^1.0.1",
+        "json-stringify-safe": "^5.0.1",
+        "semver-compare": "^1.0.0",
+        "sprintf-js": "^1.1.2"
+      },
+      "dependencies": {
+        "sprintf-js": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
+          "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
@@ -9270,6 +9863,13 @@
       "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==",
       "dev": true
     },
+    "semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true,
+      "optional": true
+    },
     "semver-dsl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
@@ -9332,6 +9932,16 @@
         }
       }
     },
+    "serialize-error": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
+      "integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "type-fest": "^0.13.1"
+      }
+    },
     "serialize-javascript": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-1.6.1.tgz",
@@ -10326,6 +10936,32 @@
         "when": "~3.6.x"
       }
     },
+    "sumchecker": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
+      "integrity": "sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
     "supports-color": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
@@ -10651,6 +11287,12 @@
         }
       }
     },
+    "to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "dev": true
+    },
     "to-regex": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
@@ -10774,6 +11416,13 @@
       "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
       "dev": true
     },
+    "tunnel": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/tunnel/-/tunnel-0.0.6.tgz",
+      "integrity": "sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==",
+      "dev": true,
+      "optional": true
+    },
     "tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -10789,6 +11438,13 @@
       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
       "dev": true
     },
+    "type-fest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+      "dev": true,
+      "optional": true
+    },
     "type-is": {
       "version": "1.6.16",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
@@ -10887,6 +11543,12 @@
         "imurmurhash": "^0.1.4"
       }
     },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true
+    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -10980,6 +11642,15 @@
         "requires-port": "^1.0.0"
       }
     },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -11770,6 +12441,16 @@
         }
       }
     },
+    "yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "requires": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "yeast": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
diff --git a/package.json b/package.json
index 054950cf..6a1551e9 100644
--- a/package.json
+++ b/package.json
@@ -20,8 +20,8 @@
         "test": "ng test",
         "test-nowatch": "ng test --watch=false",
         "lint": "ng lint",
-        "e2e": "ng e2e",        
-        "dist": "npm run build"        
+        "e2e": "ng e2e",
+        "dist": "npm run build"
     },
     "private": true,
     "dependencies": {
@@ -52,6 +52,7 @@
         "howler": "^2.1.2",
         "ng-pick-datetime": "^7.0.0",
         "ngx-contextmenu": "^5.2.0",
+        "ngx-electron": "^2.2.0",
         "rxjs": "^6.4.0",
         "smooth-scroll-into-view-if-needed": "^1.1.23",
         "tslib": "^1.9.0",
@@ -66,6 +67,7 @@
         "@types/jasminewd2": "~2.0.3",
         "@types/node": "~8.9.4",
         "codelyzer": "~4.2.1",
+        "electron": "^10.4.5",
         "jasmine-core": "~2.99.1",
         "jasmine-spec-reporter": "~4.2.1",
         "karma": "~1.7.1",
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 365672e7..64bfd416 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,8 +5,7 @@ import { HttpModule } from "@angular/http";
 import { HttpClientModule } from '@angular/common/http';
 import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { RouterModule, Routes } from "@angular/router";
-
-// import { NgxElectronModule } from "ngx-electron";
+// import { NgxElectronModule } from 'ngx-electron';
 
 import { NgxsModule } from '@ngxs/store';
 import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
@@ -178,6 +177,7 @@ const routes: Routes = [
         OwlDateTimeModule,
         OwlNativeDateTimeModule,
         OverlayModule,
+        // NgxElectronModule,
         RouterModule.forRoot(routes),
 
         NgxsModule.forRoot([
diff --git a/src/app/services/electron.service.spec.ts b/src/app/services/electron.service.spec.ts
new file mode 100644
index 00000000..38fe2f0e
--- /dev/null
+++ b/src/app/services/electron.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ElectronService } from './electron.service';
+
+describe('ElectronService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ElectronService = TestBed.get(ElectronService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/electron.service.ts b/src/app/services/electron.service.ts
new file mode 100644
index 00000000..7948c0fe
--- /dev/null
+++ b/src/app/services/electron.service.ts
@@ -0,0 +1,45 @@
+import { Injectable } from '@angular/core';
+// import { ElectronService } from 'ngx-electron';
+import { ipcRenderer, webFrame } from 'electron';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class MyElectronService {
+    ipcRenderer: typeof ipcRenderer;
+
+
+    private isHostedInElectron: boolean;
+
+    constructor() {
+        //this.isHostedInElectron = window && window.process && (<any>window.process).type;
+        // console.warn(`isHostedInElectron ${this.isHostedInElectron}`);
+
+        // if(process){
+        //     console.warn(process.versions['electron']);
+        // }
+
+        try {
+            //console.warn(`electron: ${this.electronService.isElectronApp}`);
+            //console.warn(this.electronService);
+
+            //this.electronService.ipcRenderer.send('ping', 'toto');
+
+
+            //this.ipcRenderer.send('ping', 'toto');
+        }
+        catch (err) {
+            console.error(err);
+        }
+
+    }
+
+    setLang(lang: string) {
+        try {
+            (<any>window).api.send("toMain", lang);
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+}
diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index 7b8a4db8..785a0bfe 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -1,6 +1,9 @@
+import { T } from '@angular/cdk/keycodes';
 import { Injectable } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+
 import { ILanguage } from '../states/settings.state';
+import { MyElectronService } from './electron.service';
 import { SettingsService } from './settings.service';
 
 @Injectable({
@@ -10,7 +13,10 @@ export class LanguageService {
     configuredLanguagesChanged = new BehaviorSubject<ILanguage[]>([]);
     selectedLanguageChanged = new BehaviorSubject<ILanguage>(null);
 
-    constructor(private settingsService: SettingsService) {
+    constructor(
+            private settingsService: SettingsService,
+            private electronService: MyElectronService
+        ) {
         this.configuredLanguagesChanged.next(this.getConfiguredLanguages());
         this.selectedLanguageChanged.next(this.getSelectedLanguage());
     }
@@ -26,6 +32,8 @@ export class LanguageService {
         this.settingsService.saveSettings(settings);
 
         this.selectedLanguageChanged.next(lang);
+
+        this.electronService.setLang(lang.iso639);
     }
 
     getConfiguredLanguages(): ILanguage[] {

From c0f03570a05e3afcfabbe856d0a79ceeb9806848 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 02:48:24 -0400
Subject: [PATCH 17/35] clean up

---
 package-lock.json                    | 681 ---------------------------
 package.json                         |   2 -
 src/app/services/electron.service.ts |  31 +-
 3 files changed, 3 insertions(+), 711 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d05ab78b..d650fa7d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -790,46 +790,6 @@
         "tslib": "^1.9.0"
       }
     },
-    "@electron/get": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@electron/get/-/get-1.14.1.tgz",
-      "integrity": "sha512-BrZYyL/6m0ZXz/lDxy/nlVhQz+WF+iPS6qXolEU8atw7h6v1aYkjwJZ63m+bJMBTxDE66X+r2tPS4a/8C82sZw==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.1.1",
-        "env-paths": "^2.2.0",
-        "fs-extra": "^8.1.0",
-        "global-agent": "^3.0.0",
-        "global-tunnel-ng": "^2.7.1",
-        "got": "^9.6.0",
-        "progress": "^2.0.3",
-        "semver": "^6.2.0",
-        "sumchecker": "^3.0.1"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
-        "semver": {
-          "version": "6.3.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-          "dev": true
-        }
-      }
-    },
     "@fortawesome/angular-fontawesome": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-0.3.0.tgz",
@@ -953,21 +913,6 @@
         }
       }
     },
-    "@sindresorhus/is": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
-      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
-      "dev": true
-    },
-    "@szmarczak/http-timer": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
-      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
-      "dev": true,
-      "requires": {
-        "defer-to-connect": "^1.0.1"
-      }
-    },
     "@types/jasmine": {
       "version": "2.8.16",
       "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.16.tgz",
@@ -1982,13 +1927,6 @@
         "multicast-dns-service-types": "^1.1.0"
       }
     },
-    "boolean": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
-      "integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
-      "dev": true,
-      "optional": true
-    },
     "bootstrap": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.3.1.tgz",
@@ -2154,12 +2092,6 @@
       "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
       "dev": true
     },
-    "buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true
-    },
     "buffer-fill": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
@@ -2245,54 +2177,6 @@
         "unset-value": "^1.0.0"
       }
     },
-    "cacheable-request": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
-      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
-      "dev": true,
-      "requires": {
-        "clone-response": "^1.0.2",
-        "get-stream": "^5.1.0",
-        "http-cache-semantics": "^4.0.0",
-        "keyv": "^3.0.0",
-        "lowercase-keys": "^2.0.0",
-        "normalize-url": "^4.1.0",
-        "responselike": "^1.0.2"
-      },
-      "dependencies": {
-        "get-stream": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-          "dev": true,
-          "requires": {
-            "pump": "^3.0.0"
-          }
-        },
-        "http-cache-semantics": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
-          "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
-          "dev": true
-        },
-        "lowercase-keys": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
-          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
-          "dev": true
-        },
-        "pump": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-          "dev": true,
-          "requires": {
-            "end-of-stream": "^1.1.0",
-            "once": "^1.3.1"
-          }
-        }
-      }
-    },
     "callsite": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
@@ -2496,15 +2380,6 @@
         "shallow-clone": "^1.0.0"
       }
     },
-    "clone-response": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
-      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
-      "dev": true,
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
-    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -2718,17 +2593,6 @@
         }
       }
     },
-    "config-chain": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "ini": "^1.3.4",
-        "proto-list": "~1.2.1"
-      }
-    },
     "connect": {
       "version": "3.6.6",
       "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
@@ -3065,15 +2929,6 @@
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
     },
-    "decompress-response": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
-      "integrity": "sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==",
-      "dev": true,
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
-    },
     "deep-equal": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
@@ -3107,23 +2962,6 @@
         }
       }
     },
-    "defer-to-connect": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
-      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
-      "dev": true
-    },
-    "define-properties": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
-      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      }
-    },
     "define-property": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
@@ -3352,12 +3190,6 @@
       "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
       "dev": true
     },
-    "duplexer3": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.5.tgz",
-      "integrity": "sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==",
-      "dev": true
-    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
@@ -3418,25 +3250,6 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
       "dev": true
     },
-    "electron": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-10.4.5.tgz",
-      "integrity": "sha512-sEJ71VvaPMm+Dqj/BncZVDoQRRKRO8SSQALcY1iiJL9Wuy8c1QAhm8LDOgqnwD0cf/9ZuN8Iqoq6gVJ206AzYw==",
-      "dev": true,
-      "requires": {
-        "@electron/get": "^1.0.1",
-        "@types/node": "^12.0.12",
-        "extract-zip": "^1.0.3"
-      },
-      "dependencies": {
-        "@types/node": {
-          "version": "12.20.55",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz",
-          "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==",
-          "dev": true
-        }
-      }
-    },
     "electron-to-chromium": {
       "version": "1.3.113",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.113.tgz",
@@ -3602,12 +3415,6 @@
       "integrity": "sha1-6WQhkyWiHQX0RGai9obtbOX13R0=",
       "dev": true
     },
-    "env-paths": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-      "dev": true
-    },
     "err-code": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/err-code/-/err-code-1.1.2.tgz",
@@ -3632,13 +3439,6 @@
         "is-arrayish": "^0.2.1"
       }
     },
-    "es6-error": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
-      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
-      "dev": true,
-      "optional": true
-    },
     "es6-promise": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.6.tgz",
@@ -4095,50 +3895,6 @@
         }
       }
     },
-    "extract-zip": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
-      "dev": true,
-      "requires": {
-        "concat-stream": "^1.6.2",
-        "debug": "^2.6.9",
-        "mkdirp": "^0.5.4",
-        "yauzl": "^2.10.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "minimist": {
-          "version": "1.2.8",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-          "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-          "dev": true
-        },
-        "mkdirp": {
-          "version": "0.5.6",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.6"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-          "dev": true
-        }
-      }
-    },
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -4170,15 +3926,6 @@
         "websocket-driver": ">=0.5.1"
       }
     },
-    "fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "requires": {
-        "pend": "~1.2.0"
-      }
-    },
     "figgy-pudding": {
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
@@ -4460,25 +4207,6 @@
         "null-check": "^1.0.0"
       }
     },
-    "fs-extra": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      },
-      "dependencies": {
-        "graceful-fs": {
-          "version": "4.2.11",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-          "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-          "dev": true
-        }
-      }
-    },
     "fs-minipass": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz",
@@ -5000,13 +4728,6 @@
         "rimraf": "2"
       }
     },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true,
-      "optional": true
-    },
     "gauge": {
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
@@ -5046,19 +4767,6 @@
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
       "dev": true
     },
-    "get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
-      }
-    },
     "get-stdin": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -5155,79 +4863,12 @@
         }
       }
     },
-    "global-agent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
-      "integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "boolean": "^3.0.1",
-        "es6-error": "^4.1.1",
-        "matcher": "^3.0.0",
-        "roarr": "^2.15.3",
-        "semver": "^7.3.2",
-        "serialize-error": "^7.0.1"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.4",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
-    "global-tunnel-ng": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz",
-      "integrity": "sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "encodeurl": "^1.0.2",
-        "lodash": "^4.17.10",
-        "npm-conf": "^1.1.3",
-        "tunnel": "^0.0.6"
-      }
-    },
     "globals": {
       "version": "9.18.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
       "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
       "dev": true
     },
-    "globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "define-properties": "^1.1.3"
-      }
-    },
     "globby": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
@@ -5262,46 +4903,6 @@
         "minimatch": "~3.0.2"
       }
     },
-    "got": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
-      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
-      "dev": true,
-      "requires": {
-        "@sindresorhus/is": "^0.14.0",
-        "@szmarczak/http-timer": "^1.1.2",
-        "cacheable-request": "^6.0.0",
-        "decompress-response": "^3.3.0",
-        "duplexer3": "^0.1.4",
-        "get-stream": "^4.1.0",
-        "lowercase-keys": "^1.0.1",
-        "mimic-response": "^1.0.1",
-        "p-cancelable": "^1.0.0",
-        "to-readable-stream": "^1.0.0",
-        "url-parse-lax": "^3.0.0"
-      },
-      "dependencies": {
-        "get-stream": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
-          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
-          "dev": true,
-          "requires": {
-            "pump": "^3.0.0"
-          }
-        },
-        "pump": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-          "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-          "dev": true,
-          "requires": {
-            "end-of-stream": "^1.1.0",
-            "once": "^1.3.1"
-          }
-        }
-      }
-    },
     "graceful-fs": {
       "version": "4.1.15",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
@@ -5349,16 +4950,6 @@
         "har-schema": "^2.0.0"
       }
     },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
     "has-ansi": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
@@ -5389,30 +4980,6 @@
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
-    "has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "get-intrinsic": "^1.1.1"
-      }
-    },
-    "has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "optional": true
-    },
-    "has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "optional": true
-    },
     "has-unicode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -6485,12 +6052,6 @@
       "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
       "dev": true
     },
-    "json-buffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
-      "integrity": "sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==",
-      "dev": true
-    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -6529,15 +6090,6 @@
         "minimist": "^1.2.0"
       }
     },
-    "jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "jsonparse": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
@@ -6837,15 +6389,6 @@
         "source-map-support": "^0.5.5"
       }
     },
-    "keyv": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
-      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
-      "dev": true,
-      "requires": {
-        "json-buffer": "3.0.0"
-      }
-    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -7064,12 +6607,6 @@
         "signal-exit": "^3.0.0"
       }
     },
-    "lowercase-keys": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
-      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
-      "dev": true
-    },
     "lru-cache": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
@@ -7284,25 +6821,6 @@
         "object-visit": "^1.0.0"
       }
     },
-    "matcher": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
-      "integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "escape-string-regexp": "^4.0.0"
-      },
-      "dependencies": {
-        "escape-string-regexp": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "math-random": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
@@ -7467,12 +6985,6 @@
       "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true
     },
-    "mimic-response": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
-      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
-      "dev": true
-    },
     "mini-css-extract-plugin": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.5.0.tgz",
@@ -7754,14 +7266,6 @@
         "tslib": "^1.9.0"
       }
     },
-    "ngx-electron": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/ngx-electron/-/ngx-electron-2.2.0.tgz",
-      "integrity": "sha512-Yl7Dsnvp97k0XpIuiB54X7Ij2+zU5x0pCAYnN//VZ9tF7c6S3//OZ9dN9Et7p/zIjCV3Hg9vyw68dPJEZGk+LQ==",
-      "requires": {
-        "tslib": "^1.9.0"
-      }
-    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -7998,38 +7502,12 @@
       "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
       "dev": true
     },
-    "normalize-url": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
-      "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
-      "dev": true
-    },
     "npm-bundled": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.6.tgz",
       "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
       "dev": true
     },
-    "npm-conf": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/npm-conf/-/npm-conf-1.1.3.tgz",
-      "integrity": "sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "config-chain": "^1.1.11",
-        "pify": "^3.0.0"
-      },
-      "dependencies": {
-        "pify": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-          "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "npm-package-arg": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-6.1.0.tgz",
@@ -8163,13 +7641,6 @@
         }
       }
     },
-    "object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "optional": true
-    },
     "object-visit": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
@@ -8326,12 +7797,6 @@
         "os-tmpdir": "^1.0.0"
       }
     },
-    "p-cancelable": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
-      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
-      "dev": true
-    },
     "p-defer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
@@ -8808,12 +8273,6 @@
         "sha.js": "^2.4.8"
       }
     },
-    "pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -8965,12 +8424,6 @@
       "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
       "dev": true
     },
-    "prepend-http": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
-      "integrity": "sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==",
-      "dev": true
-    },
     "preserve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
@@ -8988,12 +8441,6 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
       "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true
-    },
     "promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
@@ -9020,13 +8467,6 @@
         "retry": "^0.10.0"
       }
     },
-    "proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
-      "dev": true,
-      "optional": true
-    },
     "protoduck": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/protoduck/-/protoduck-5.0.1.tgz",
@@ -9609,15 +9049,6 @@
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
     },
-    "responselike": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
-      "integrity": "sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==",
-      "dev": true,
-      "requires": {
-        "lowercase-keys": "^1.0.0"
-      }
-    },
     "restore-cursor": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
@@ -9658,30 +9089,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "roarr": {
-      "version": "2.15.4",
-      "resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
-      "integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "boolean": "^3.0.1",
-        "detect-node": "^2.0.4",
-        "globalthis": "^1.0.1",
-        "json-stringify-safe": "^5.0.1",
-        "semver-compare": "^1.0.0",
-        "sprintf-js": "^1.1.2"
-      },
-      "dependencies": {
-        "sprintf-js": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
-          "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
@@ -9863,13 +9270,6 @@
       "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==",
       "dev": true
     },
-    "semver-compare": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
-      "dev": true,
-      "optional": true
-    },
     "semver-dsl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
@@ -9932,16 +9332,6 @@
         }
       }
     },
-    "serialize-error": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
-      "integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "type-fest": "^0.13.1"
-      }
-    },
     "serialize-javascript": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-1.6.1.tgz",
@@ -10936,32 +10326,6 @@
         "when": "~3.6.x"
       }
     },
-    "sumchecker": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
-      "integrity": "sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.1.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "dev": true,
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        }
-      }
-    },
     "supports-color": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
@@ -11287,12 +10651,6 @@
         }
       }
     },
-    "to-readable-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
-      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
-      "dev": true
-    },
     "to-regex": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
@@ -11416,13 +10774,6 @@
       "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
       "dev": true
     },
-    "tunnel": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/tunnel/-/tunnel-0.0.6.tgz",
-      "integrity": "sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==",
-      "dev": true,
-      "optional": true
-    },
     "tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -11438,13 +10789,6 @@
       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
       "dev": true
     },
-    "type-fest": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
-      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
-      "dev": true,
-      "optional": true
-    },
     "type-is": {
       "version": "1.6.16",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
@@ -11543,12 +10887,6 @@
         "imurmurhash": "^0.1.4"
       }
     },
-    "universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true
-    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -11642,15 +10980,6 @@
         "requires-port": "^1.0.0"
       }
     },
-    "url-parse-lax": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
-      "integrity": "sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==",
-      "dev": true,
-      "requires": {
-        "prepend-http": "^2.0.0"
-      }
-    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -12441,16 +11770,6 @@
         }
       }
     },
-    "yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "requires": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "yeast": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
diff --git a/package.json b/package.json
index 6a1551e9..4edbdb21 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,6 @@
         "howler": "^2.1.2",
         "ng-pick-datetime": "^7.0.0",
         "ngx-contextmenu": "^5.2.0",
-        "ngx-electron": "^2.2.0",
         "rxjs": "^6.4.0",
         "smooth-scroll-into-view-if-needed": "^1.1.23",
         "tslib": "^1.9.0",
@@ -67,7 +66,6 @@
         "@types/jasminewd2": "~2.0.3",
         "@types/node": "~8.9.4",
         "codelyzer": "~4.2.1",
-        "electron": "^10.4.5",
         "jasmine-core": "~2.99.1",
         "jasmine-spec-reporter": "~4.2.1",
         "karma": "~1.7.1",
diff --git a/src/app/services/electron.service.ts b/src/app/services/electron.service.ts
index 7948c0fe..3dfab7eb 100644
--- a/src/app/services/electron.service.ts
+++ b/src/app/services/electron.service.ts
@@ -1,42 +1,17 @@
 import { Injectable } from '@angular/core';
-// import { ElectronService } from 'ngx-electron';
-import { ipcRenderer, webFrame } from 'electron';
 
 @Injectable({
     providedIn: 'root'
 })
 export class MyElectronService {
-    ipcRenderer: typeof ipcRenderer;
-
-
-    private isHostedInElectron: boolean;
-
     constructor() {
-        //this.isHostedInElectron = window && window.process && (<any>window.process).type;
-        // console.warn(`isHostedInElectron ${this.isHostedInElectron}`);
-
-        // if(process){
-        //     console.warn(process.versions['electron']);
-        // }
-
-        try {
-            //console.warn(`electron: ${this.electronService.isElectronApp}`);
-            //console.warn(this.electronService);
-
-            //this.electronService.ipcRenderer.send('ping', 'toto');
-
-
-            //this.ipcRenderer.send('ping', 'toto');
-        }
-        catch (err) {
-            console.error(err);
-        }
-
     }
 
     setLang(lang: string) {
         try {
-            (<any>window).api.send("toMain", lang);
+            if ((<any>window).api) {
+                (<any>window).api.send("toMain", lang);
+            }
         }
         catch (err) {
             console.error(err);

From 4511363408b97ff82d22c4c398fcbced06264f83 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 18:03:22 -0400
Subject: [PATCH 18/35] changed ipc channel name

---
 src/app/services/electron.service.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/services/electron.service.ts b/src/app/services/electron.service.ts
index 3dfab7eb..65c82c1c 100644
--- a/src/app/services/electron.service.ts
+++ b/src/app/services/electron.service.ts
@@ -10,7 +10,7 @@ export class MyElectronService {
     setLang(lang: string) {
         try {
             if ((<any>window).api) {
-                (<any>window).api.send("toMain", lang);
+                (<any>window).api.send("changeSpellchecker", lang);
             }
         }
         catch (err) {

From 73ac37a8f4e60d4b1a04b94172b480d86700f9c7 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 18:32:23 -0400
Subject: [PATCH 19/35] added translation revert

---
 .../status-translate.component.html           |  6 ++--
 .../status-translate.component.scss           | 17 +++++++++++
 .../status-translate.component.ts             | 28 +++++++++++++++++--
 3 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.html b/src/app/components/stream/status/status-translate/status-translate.component.html
index 8ec878b1..0109ff73 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.html
+++ b/src/app/components/stream/status/status-translate/status-translate.component.html
@@ -1,6 +1,6 @@
-<div class="translation" *ngIf="isTranslationAvailable">
+<div class="translation" *ngIf="isTranslationAvailable && showTranslationButton">
     <a href class="translation__link" (click)="translate()">Translate</a>
 </div>
-<div class="translation" *ngIf="translatedBy">
-    <span class="translation__by">Translated by {{translatedBy}}</span>
+<div class="translation translation__display" *ngIf="isTranslationAvailable && !showTranslationButton">
+    <span class="translation__by">Translated by {{translatedBy}}</span> <a href (click)="revertTranslation()" class="translation__display__link">revert</a>
 </div>
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.scss b/src/app/components/stream/status/status-translate/status-translate.component.scss
index 5f2198fb..9724ddfd 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.scss
+++ b/src/app/components/stream/status/status-translate/status-translate.component.scss
@@ -24,4 +24,21 @@
         text-align: left;
         padding: 5px 0 0 0;
     }
+
+    &__display {
+        display: flex;
+        justify-content: space-between;
+
+        &__link {
+            padding: 5px 0 0 0;
+            font-size: 12px;
+            color: #656b8f;
+
+            transition: all .2s;
+            &:hover {
+                text-decoration: none;
+                color: #9fa5ca;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.ts b/src/app/components/stream/status/status-translate/status-translate.component.ts
index 0d1db41c..54a98f35 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.ts
+++ b/src/app/components/stream/status/status-translate/status-translate.component.ts
@@ -19,11 +19,13 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
 
     private languageSub: Subscription;
     private languagesSub: Subscription;
+    private loadedTranslation: Translation;
 
     selectedLanguage: ILanguage;
     configuredLanguages: ILanguage[] = [];
 
     isTranslationAvailable: boolean;
+    showTranslationButton: boolean = true;
     translatedBy: string;
 
     @Input() status: StatusWrapper;
@@ -79,11 +81,18 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
     }
 
     translate(): boolean {
+        if(this.loadedTranslation){
+            this.translation.next(this.loadedTranslation);
+            this.showTranslationButton = false;
+            return false;
+        }
+
         this.mastodonWrapperService.translate(this.status.provider, this.status.status.id, this.selectedLanguage.iso639)
-            .then(x => {                
+            .then(x => {
+                this.loadedTranslation = x;  
                 this.translation.next(x);
                 this.translatedBy = x.provider;
-                this.isTranslationAvailable = false;
+                this.showTranslationButton = false;
             })
             .catch((err: HttpErrorResponse) => {
                 console.error(err);
@@ -91,4 +100,19 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
             });
         return false;
     }
+
+    revertTranslation(): boolean {
+        let revertTranslate: Translation;
+        revertTranslate = {
+            content: this.status.status.content,
+            language: this.loadedTranslation.detected_source_language,
+            detected_source_language: this.loadedTranslation.language,
+            provider: this.loadedTranslation.provider,
+            spoiler_text: this.status.status.spoiler_text
+        };
+        this.translation.next(revertTranslate);
+
+        this.showTranslationButton = true;
+        return false;
+    }
 }

From 26a01b5c307c17f076a96789f46b5bae8176938f Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 18:40:46 -0400
Subject: [PATCH 20/35] refactoring

---
 .../status-translate.component.html           |  6 +--
 .../status-translate.component.scss           | 53 +++++++++----------
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.html b/src/app/components/stream/status/status-translate/status-translate.component.html
index 0109ff73..9314ba13 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.html
+++ b/src/app/components/stream/status/status-translate/status-translate.component.html
@@ -1,6 +1,6 @@
-<div class="translation" *ngIf="isTranslationAvailable && showTranslationButton">
-    <a href class="translation__link" (click)="translate()">Translate</a>
+<div class="translation translation__button-display" *ngIf="isTranslationAvailable && showTranslationButton">
+    <a href class="translation__link translation__button-display__link" (click)="translate()">Translate</a>
 </div>
 <div class="translation translation__display" *ngIf="isTranslationAvailable && !showTranslationButton">
-    <span class="translation__by">Translated by {{translatedBy}}</span> <a href (click)="revertTranslation()" class="translation__display__link">revert</a>
+    <span class="translation__by">Translated by {{translatedBy}}</span> <a href (click)="revertTranslation()" class="translation__link translation__display__link">revert</a>
 </div>
diff --git a/src/app/components/stream/status/status-translate/status-translate.component.scss b/src/app/components/stream/status/status-translate/status-translate.component.scss
index 9724ddfd..2c24a23b 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.scss
+++ b/src/app/components/stream/status/status-translate/status-translate.component.scss
@@ -1,44 +1,43 @@
 @import "variables";
 @import "commons";
 
+$translation-color: #656b8f;
+$translation-color-hover: #9fa5ca;
+
 .translation {
     margin: 0 10px 0 $avatar-column-space;
-    text-align: center;    
+    color: $translation-color;
+    font-size: 12px;
+    
+    &__button-display {
+        text-align: center;
 
-    &__link, &__by {
-        font-size: 12px;
-        color: #656b8f;
-        padding: 5px 5px 0 5px;
-    }
-
-    &__link {
-        transition: all .2s;
-        &:hover {
-            text-decoration: none;
-            color: #9fa5ca;
+        &__link {
+            padding: 5px 5px 0 5px;
         }
     }
 
-    &__by {
-        display: block;
-        text-align: left;
-        padding: 5px 0 0 0;
-    }
-
     &__display {
         display: flex;
         justify-content: space-between;
 
         &__link {
-            padding: 5px 0 0 0;
-            font-size: 12px;
-            color: #656b8f;
-
-            transition: all .2s;
-            &:hover {
-                text-decoration: none;
-                color: #9fa5ca;
-            }
+            padding: 5px 0 0 0;       
         }
     }
+
+    &__link {
+        color: $translation-color;
+        transition: all .2s;
+        &:hover {
+            text-decoration: none;
+            color: $translation-color-hover;
+        }
+    }
+
+    &__by {
+        display: block;
+        text-align: left;
+        padding: 5px 0 0 0;
+    }   
 }
\ No newline at end of file

From ba08c0d0b26d19b187cf2078c46b91b118a1bbb6 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 5 Aug 2023 18:59:53 -0400
Subject: [PATCH 21/35] fine tuning dropdown menu

---
 src/sass/_context-menu.scss | 20 +++++++++++++++-----
 src/sass/_variables.scss    |  3 +++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/sass/_context-menu.scss b/src/sass/_context-menu.scss
index 5323dda0..0445c1f6 100644
--- a/src/sass/_context-menu.scss
+++ b/src/sass/_context-menu.scss
@@ -1,17 +1,27 @@
 @import "variables";
 
 ::ng-deep .ngx-contextmenu {
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+    $shadow: 0.4;
+    box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
+    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
+    -o-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
+
+    padding: 0;
+
+    border-radius: 7px;
+    overflow: hidden;
 
     & .dropdown-menu {
         //border: solid 1px $context-menu-border-color;
         border: none;
         background-color: $context-menu-background;
         padding: 0;
+        margin: 0;
         border-radius: 0px;
+        
+        border-radius: 7px;
+        overflow: hidden;
         // padding: 2px 0;
         // border-radius: 2px;
         //border: solid 2px $context-menu-border-color;
@@ -44,6 +54,6 @@
     }
 
     & .divider {
-        border-top: solid 2px $context-menu-border-color;
+        border-top: solid 1px $context-menu-border-color;
     }
 }
\ No newline at end of file
diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss
index 1e80c59d..10f4171c 100644
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -52,9 +52,12 @@ $column-background: #0f111a;
 $card-border-color: #2b344d;
 
 $context-menu-background: #d9e1e8;
+$context-menu-background: #ffffff;
 $context-menu-background-hover: #a9c9e6;
+$context-menu-background-hover: #d7dfeb;
 $context-menu-font-color: #000000;
 $context-menu-border-color: #c0cdd9;
+$context-menu-border-color: #cbd3df;
 
 $direct-message-background: #090a0f;
 

From 7013d9174c1d6f1917d11678f878bf15d31ae1a5 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 01:17:04 -0400
Subject: [PATCH 22/35] enhance bookmarks support, fix #583

---
 .../manage-account.component.ts               | 28 +++---
 .../status/action-bar/action-bar.component.ts | 10 +--
 src/app/services/tools.service.ts             | 87 +++++++++++++++----
 3 files changed, 83 insertions(+), 42 deletions(-)

diff --git a/src/app/components/floating-column/manage-account/manage-account.component.ts b/src/app/components/floating-column/manage-account/manage-account.component.ts
index 1b6cb365..a4b8f27d 100644
--- a/src/app/components/floating-column/manage-account/manage-account.component.ts
+++ b/src/app/components/floating-column/manage-account/manage-account.component.ts
@@ -60,8 +60,8 @@ export class ManageAccountComponent extends BrowseBase {
         private readonly mastodonService: MastodonWrapperService,
         private readonly notificationService: NotificationService,
         private readonly userNotificationService: UserNotificationService) {
-            super();
-        }
+        super();
+    }
 
     ngOnInit() {
     }
@@ -71,13 +71,9 @@ export class ManageAccountComponent extends BrowseBase {
     }
 
     private checkIfBookmarksAreAvailable() {
-        this.toolsService.getInstanceInfo(this.account.info)
-            .then((instance: InstanceInfo) => {
-                if (instance.major == 3 && instance.minor >= 1 || instance.major > 3) {
-                    this.isBookmarksAvailable = true;
-                } else {
-                    this.isBookmarksAvailable = false;
-                }
+        this.toolsService.isBookmarksAreAvailable(this.account.info)
+            .then((isAvailable: boolean) => {
+                this.isBookmarksAvailable = isAvailable;
             })
             .catch(err => {
                 this.isBookmarksAvailable = false;
@@ -128,15 +124,15 @@ export class ManageAccountComponent extends BrowseBase {
         }
     }
 
-    @ViewChild('bookmarks') bookmarksComp:BookmarksComponent;
-    @ViewChild('notifications') notificationsComp:NotificationsComponent;
-    @ViewChild('mentions') mentionsComp:MentionsComponent;
-    @ViewChild('dm') dmComp:DirectMessagesComponent;
-    @ViewChild('favorites') favoritesComp:FavoritesComponent;
+    @ViewChild('bookmarks') bookmarksComp: BookmarksComponent;
+    @ViewChild('notifications') notificationsComp: NotificationsComponent;
+    @ViewChild('mentions') mentionsComp: MentionsComponent;
+    @ViewChild('dm') dmComp: DirectMessagesComponent;
+    @ViewChild('favorites') favoritesComp: FavoritesComponent;
 
     loadSubPanel(subpanel: 'account' | 'notifications' | 'mentions' | 'dm' | 'favorites' | 'bookmarks'): boolean {
-        if(this.subPanel === subpanel){
-            switch(subpanel){
+        if (this.subPanel === subpanel) {
+            switch (subpanel) {
                 case 'bookmarks':
                     this.bookmarksComp.applyGoToTop();
                     break;
diff --git a/src/app/components/stream/status/action-bar/action-bar.component.ts b/src/app/components/stream/status/action-bar/action-bar.component.ts
index 6d279743..b067fbf5 100644
--- a/src/app/components/stream/status/action-bar/action-bar.component.ts
+++ b/src/app/components/stream/status/action-bar/action-bar.component.ts
@@ -342,13 +342,9 @@ export class ActionBarComponent implements OnInit, OnDestroy {
     }
 
     private checkIfBookmarksAreAvailable(account: AccountInfo) {
-        this.toolsService.getInstanceInfo(account)
-            .then((instance: InstanceInfo) => {
-                if (instance.major == 3 && instance.minor >= 1 || instance.major > 3) {
-                    this.isBookmarksAvailable = true;
-                } else {
-                    this.isBookmarksAvailable = false;
-                }
+        this.toolsService.isBookmarksAreAvailable(account)
+            .then((isAvailable: boolean) => {
+                this.isBookmarksAvailable = isAvailable;
             })
             .catch(err => {
                 this.isBookmarksAvailable = false;
diff --git a/src/app/services/tools.service.ts b/src/app/services/tools.service.ts
index ea1da0d6..324dd61b 100644
--- a/src/app/services/tools.service.ts
+++ b/src/app/services/tools.service.ts
@@ -77,21 +77,47 @@ export class ToolsService {
             return Promise.resolve(this.instanceInfos[acc.instance]);
         } else {
             return this.mastodonService.getInstance(acc.instance)
-                .then(instance => {
-                    let type = InstanceType.Mastodon;
-                    if (instance.version.toLowerCase().includes('pleroma')) {
-                        type = InstanceType.Pleroma;
-                    } else if (instance.version.toLowerCase().includes('+glitch')) {
-                        type = InstanceType.GlitchSoc;
-                    } else if (instance.version.toLowerCase().includes('+florence')) {
-                        type = InstanceType.Florence;
-                    } else if (instance.version.toLowerCase().includes('pixelfed')) {
-                        type = InstanceType.Pixelfed;
-                    }
-
+                .then(instance => {                   
                     const splittedVersion = instance.version.split('.');
-                    const major = +splittedVersion[0];
-                    const minor = +splittedVersion[1];
+                    let major = +splittedVersion[0];
+                    let minor = +splittedVersion[1];
+
+                    let altMajor = 0;
+                    let altMinor = 0;
+
+                    let type = InstanceType.Mastodon;
+
+                    const version = instance.version.toLowerCase();
+
+                    if (version.includes('pleroma')) {
+                        type = InstanceType.Pleroma;
+
+                        const pleromaVersion = version.split('pleroma ')[1].split('.');
+                        altMajor = +pleromaVersion[0];
+                        altMinor = +pleromaVersion[1];
+
+                    } else if (version.includes('+glitch')) {
+                        type = InstanceType.GlitchSoc;
+                    } else if (version.includes('+florence')) {
+                        type = InstanceType.Florence;
+                    } else if (version.includes('pixelfed')) {
+                        type = InstanceType.Pixelfed;
+                    } else if (version.includes('takahe')) {
+                        type = InstanceType.Takahe;
+                        major = 1; //FIXME: when a clearer set of feature are available
+                        minor = 0; //FIXME: when a clearer set of feature are available
+
+                        const takaheVersion = version.split('takahe/')[1].split('.');
+                        altMajor = +takaheVersion[0];
+                        altMinor = +takaheVersion[1];
+
+                    } else if (version.includes('akkoma')) {
+                        type = InstanceType.Akkoma;
+
+                        const akkomaVersion = version.split('akkoma ')[1].split('.');
+                        altMajor = +akkomaVersion[0];
+                        altMinor = +akkomaVersion[1];
+                    }
 
                     let streamingApi = "";
 
@@ -108,7 +134,7 @@ export class ToolsService {
                             streamingApi = instanceV1.urls.streaming_api;
                     }
 
-                    let instanceInfo = new InstanceInfo(type, major, minor, streamingApi);
+                    let instanceInfo = new InstanceInfo(type, major, minor, streamingApi, altMajor, altMinor);
                     this.instanceInfos[acc.instance] = instanceInfo;
 
                     return instanceInfo;
@@ -116,6 +142,25 @@ export class ToolsService {
         }
     }
 
+    isBookmarksAreAvailable(account: AccountInfo): Promise<boolean> {
+        return this.getInstanceInfo(account)
+            .then((instance: InstanceInfo) => {
+                if (instance.major == 3 && instance.minor >= 1 
+                    || instance.major > 3
+                    || instance.type === InstanceType.Pleroma && instance.altMajor >= 2 && instance.altMinor >= 5
+                    || instance.type === InstanceType.Akkoma && instance.altMajor >= 3 && instance.altMinor >= 9
+                    || instance.type === InstanceType.Takahe && instance.altMajor >= 0 && instance.altMinor >= 9) {
+                    return true;
+                } else {
+                    return false;
+                }
+            })
+            .catch(err => {
+                console.error(err);
+                return false;
+            });
+    }
+
     getAvatar(acc: AccountInfo): Promise<string> {
         if (this.accountAvatar[acc.id]) {
             return Promise.resolve(this.accountAvatar[acc.id]);
@@ -247,16 +292,20 @@ export class InstanceInfo {
         public readonly type: InstanceType,
         public readonly major: number,
         public readonly minor: number,
-        public readonly streamingApi: string) {
+        public readonly streamingApi: string,
+        public readonly altMajor: number,
+        public readonly altMinor: number) {
     }
 }
 
 export enum InstanceType {
     Mastodon = 1,
-    Pleroma = 2,
-    GlitchSoc = 3,
+    Pleroma = 2, // "2.7.2 (compatible; Pleroma 2.5.1)"
+    GlitchSoc = 3, // "4.1.5+glitch_0801_3b49b5a"
     Florence = 4,
-    Pixelfed = 5
+    Pixelfed = 5,
+    Takahe = 6, // "takahe/0.9.0"
+    Akkoma = 7, // 	"2.7.2 (compatible; Akkoma 3.9.2-develop)"
 }
 
 export class StatusWithCwPolicyResult {

From 590627bc58389467adda80a8a9ece2d500b9d233 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 02:01:53 -0400
Subject: [PATCH 23/35] fix spacing, fix #597

---
 .../status/databinded-text/databinded-text.component.scss     | 4 ++++
 .../status/databinded-text/databinded-text.component.ts       | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.scss b/src/app/components/stream/status/databinded-text/databinded-text.component.scss
index 32946ee5..b7795998 100644
--- a/src/app/components/stream/status/databinded-text/databinded-text.component.scss
+++ b/src/app/components/stream/status/databinded-text/databinded-text.component.scss
@@ -46,6 +46,10 @@ $expand-color: $column-color;
     }
 }
 
+.content {
+    white-space: pre-wrap;
+}
+
 
 //Mastodon styling
 :host ::ng-deep .content {
diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.ts b/src/app/components/stream/status/databinded-text/databinded-text.component.ts
index f9fe2ec0..1740bf32 100644
--- a/src/app/components/stream/status/databinded-text/databinded-text.component.ts
+++ b/src/app/components/stream/status/databinded-text/databinded-text.component.ts
@@ -97,7 +97,7 @@ export class DatabindedTextComponent implements OnInit {
         let extractedUrl = extractedLinkAndNext[0].split('href="')[1].split('"')[0];
 
         let classname = this.getClassNameForHastag(extractedHashtag);
-        this.processedText += ` <a href="${extractedUrl}" class="${classname}" title="#${extractedHashtag}" target="_blank" rel="noopener noreferrer">#${extractedHashtag}</a>`;
+        this.processedText += `<a href="${extractedUrl}" class="${classname}" title="#${extractedHashtag}" target="_blank" rel="noopener noreferrer">#${extractedHashtag}</a>`;
         if (extractedLinkAndNext[1]) this.processedText += extractedLinkAndNext[1];
         this.hashtags.push(extractedHashtag);
     }

From 89c5c33de2bfefd86ab63f61af6b8261ab4b87eb Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 02:53:24 -0400
Subject: [PATCH 24/35] load poll on edition, fix #587

---
 .../create-status.component.html              |  2 +-
 .../create-status/create-status.component.ts  | 12 ++++++++-
 .../poll-editor/poll-editor.component.ts      | 25 ++++++++++++++++---
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index 838b256e..52b35edf 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -27,7 +27,7 @@
         (suggestionSelectedEvent)="suggestionSelected($event)" (hasSuggestionsEvent)="suggestionsChanged($event)">
     </app-autosuggest>
 
-    <app-poll-editor *ngIf="instanceSupportsPoll && pollIsActive"></app-poll-editor>
+    <app-poll-editor *ngIf="instanceSupportsPoll && pollIsActive" [oldPoll]="oldPoll"></app-poll-editor>
 
     <app-status-scheduler class="scheduler" *ngIf="instanceSupportsScheduling && scheduleIsActive"></app-status-scheduler>
 
diff --git a/src/app/components/create-status/create-status.component.ts b/src/app/components/create-status/create-status.component.ts
index 77da29cc..240d878f 100644
--- a/src/app/components/create-status/create-status.component.ts
+++ b/src/app/components/create-status/create-status.component.ts
@@ -11,7 +11,7 @@ import { ContextMenuService, ContextMenuComponent } from 'ngx-contextmenu';
 
 import { VisibilityEnum, PollParameters } from '../../services/mastodon.service';
 import { MastodonWrapperService } from '../../services/mastodon-wrapper.service';
-import { Status, Attachment } from '../../services/models/mastodon.interfaces';
+import { Status, Attachment, Poll } from '../../services/models/mastodon.interfaces';
 import { ToolsService, InstanceInfo, InstanceType } from '../../services/tools.service';
 import { NotificationService } from '../../services/notification.service';
 import { StatusWrapper } from '../../models/common.model';
@@ -143,9 +143,19 @@ export class CreateStatusComponent implements OnInit, OnDestroy {
                         this.isSending = false;
                     });
             }
+
+            if(value.status.poll){
+                this.pollIsActive = true;
+                this.oldPoll = value.status.poll;
+                // setTimeout(() => {
+                //     if(this.pollEditor) this.pollEditor.loadPollParameters(value.status.poll);
+                // }, 250);
+            }
         }
     }
 
+    oldPoll: Poll;
+
     private maxCharLength: number;
     charCountLeft: number;
     postCounts: number = 1;
diff --git a/src/app/components/create-status/poll-editor/poll-editor.component.ts b/src/app/components/create-status/poll-editor/poll-editor.component.ts
index 36f230bf..7b419fac 100644
--- a/src/app/components/create-status/poll-editor/poll-editor.component.ts
+++ b/src/app/components/create-status/poll-editor/poll-editor.component.ts
@@ -1,9 +1,9 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit, SimpleChanges } from '@angular/core';
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 
 import { PollEntry } from './poll-entry/poll-entry.component';
 import { PollParameters } from '../../../services/mastodon.service';
-import { retry } from 'rxjs/operators';
+import { Poll } from '../../../services/models/mastodon.interfaces';
 
 @Component({
     selector: 'app-poll-editor',
@@ -19,6 +19,8 @@ export class PollEditorComponent implements OnInit {
     selectedId: string;
     private multiSelected: boolean;
 
+    @Input() oldPoll: Poll;
+
     constructor() {
         this.entries.push(new PollEntry(this.getEntryUuid(), this.multiSelected));
         this.entries.push(new PollEntry(this.getEntryUuid(), this.multiSelected));
@@ -40,6 +42,12 @@ export class PollEditorComponent implements OnInit {
 
     }
 
+    ngOnChanges(changes: SimpleChanges): void {
+        if (changes['oldPoll']) {
+            this.loadPollParameters(this.oldPoll);
+        }
+    }
+
     private getEntryUuid(): number {
         this.entryUuid++;
         return this.entryUuid;
@@ -50,7 +58,7 @@ export class PollEditorComponent implements OnInit {
         return false;
     }
 
-    removeElement(entry: PollEntry){
+    removeElement(entry: PollEntry) {
         this.entries = this.entries.filter(x => x.id != entry.id);
     }
 
@@ -69,6 +77,17 @@ export class PollEditorComponent implements OnInit {
         params.hide_totals = false;
         return params;
     }
+
+    private loadPollParameters(poll: Poll) {
+        const isMulti = poll.multiple;
+
+        this.entries.length = 0;
+        for (let o of poll.options) {
+            const entry = new PollEntry(this.getEntryUuid(), isMulti);
+            entry.label = o.title;
+            this.entries.push(entry);
+        }
+    }
 }
 
 class Delay {

From 7a8dfd0c6bd81f9fa75e477dbf551e34d3c957dc Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 04:41:10 -0400
Subject: [PATCH 25/35] notify edited boosted status, fix #542

---
 .../notification/notification.component.html  | 22 ++++++++++++-------
 .../notifications/notifications.component.ts  |  3 ++-
 .../stream/status/status.component.html       | 11 ++++++++++
 .../stream/status/status.component.scss       |  4 ++++
 .../stream/status/status.component.ts         |  5 +++--
 .../stream-notifications.component.ts         |  2 +-
 src/app/services/streaming.service.ts         |  5 +----
 src/app/services/user-notification.service.ts |  2 +-
 src/sass/_variables.scss                      |  1 +
 9 files changed, 38 insertions(+), 17 deletions(-)

diff --git a/src/app/components/floating-column/manage-account/notifications/notification/notification.component.html b/src/app/components/floating-column/manage-account/notifications/notification/notification.component.html
index 93d2f28d..59bc569c 100644
--- a/src/app/components/floating-column/manage-account/notifications/notification/notification.component.html
+++ b/src/app/components/floating-column/manage-account/notifications/notification/notification.component.html
@@ -22,7 +22,7 @@
                 (click)="acceptFollowRequest()">
                 <fa-icon class="follow_request__icon" [icon]="faCheck"></fa-icon>
             </a>
-            <a href title="Reject"  class="follow_request__link follow_request__link--cross"
+            <a href title="Reject" class="follow_request__link follow_request__link--cross"
                 (click)="refuseFollowRequest()">
                 <fa-icon class="follow_request__icon" [icon]="faTimes"></fa-icon>
             </a>
@@ -69,12 +69,18 @@
         </a>
     </div>
 
-    <app-status *ngIf="notification.status && notification.type !== 'mention'" class="stream__status" [statusWrapper]="notification.status"
-        [notificationAccount]="notification.account" [notificationType]="notification.type"
-        (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)"
-        (browseThreadEvent)="browseThread($event)"></app-status>
+    <app-status *ngIf="notification.status && notification.type === 'update'" class="stream__status"
+        [statusWrapper]="notification.status" [notificationAccount]="notification.account"
+        [notificationType]="notification.type" (browseAccountEvent)="browseAccount($event)"
+        (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status>
+
+    <app-status *ngIf="notification.status && notification.type === 'mention'" class="stream__status"
+        [statusWrapper]="notification.status" (browseAccountEvent)="browseAccount($event)"
+        (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status>
+
+    <app-status *ngIf="notification.status && notification.type !== 'mention' && notification.type !== 'update'"
+        class="stream__status" [statusWrapper]="notification.status" [notificationAccount]="notification.account"
+        [notificationType]="notification.type" (browseAccountEvent)="browseAccount($event)"
+        (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status>
 
-    <app-status *ngIf="notification.status && notification.type === 'mention'" class="stream__status" [statusWrapper]="notification.status"       
-        (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)"
-        (browseThreadEvent)="browseThread($event)"></app-status>
 </div>
\ No newline at end of file
diff --git a/src/app/components/floating-column/manage-account/notifications/notifications.component.ts b/src/app/components/floating-column/manage-account/notifications/notifications.component.ts
index f766ca70..c1e8bf60 100644
--- a/src/app/components/floating-column/manage-account/notifications/notifications.component.ts
+++ b/src/app/components/floating-column/manage-account/notifications/notifications.component.ts
@@ -101,7 +101,7 @@ export class NotificationsComponent extends BrowseBase {
         this.isLoading = true;
         this.isProcessingInfiniteScroll = true;
 
-        this.mastodonService.getNotifications(this.account.info, ['mention', 'update'], this.lastId)
+        this.mastodonService.getNotifications(this.account.info, ['mention'], this.lastId)
             .then((notifications: Notification[]) => {
                 if (notifications.length === 0) {
                     this.maxReached = true;
@@ -152,6 +152,7 @@ export class NotificationWrapper {
             case 'reblog':
             case 'favourite':
             case 'poll':
+            case 'update':
                 this.status = new StatusWrapper(notification.status, provider, applyCw, hideStatus);
                 break;
         }
diff --git a/src/app/components/stream/status/status.component.html b/src/app/components/stream/status/status.component.html
index 0d0371d0..9db3c0e2 100644
--- a/src/app/components/stream/status/status.component.html
+++ b/src/app/components/stream/status/status.component.html
@@ -34,6 +34,17 @@
             boosted your status
         </div>
     </div>
+    <div *ngIf="notificationType === 'update'">
+        <div class="notification--icon">
+            <fa-icon class="update" [icon]="faEdit"></fa-icon>
+        </div>
+        <div class="notification--label">
+            <a href class="notification--link" title="{{ notificationAccount.acct }}" 
+                (click)="openAccount(notificationAccount)"
+                (auxclick)="openUrl(notificationAccount.url)" innerHTML="{{ notificationAccount | accountEmoji }}"></a>
+            edited the status you boosted
+        </div>
+    </div>
     <div *ngIf="notificationType === 'poll'">
         <div class="notification--icon">
             <fa-icon class="boost" [icon]="faList"></fa-icon>
diff --git a/src/app/components/stream/status/status.component.scss b/src/app/components/stream/status/status.component.scss
index 9a5aad81..da273f0e 100644
--- a/src/app/components/stream/status/status.component.scss
+++ b/src/app/components/stream/status/status.component.scss
@@ -258,6 +258,10 @@
     color: $boost-color;
 }
 
+.update {
+    color: $update-color;
+}
+
 .favorite {
     color: $favorite-color;
 }
diff --git a/src/app/components/stream/status/status.component.ts b/src/app/components/stream/status/status.component.ts
index eb37e202..8b08b397 100644
--- a/src/app/components/stream/status/status.component.ts
+++ b/src/app/components/stream/status/status.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef } from "@angular/core";
-import { faStar, faRetweet, faList, faThumbtack } from "@fortawesome/free-solid-svg-icons";
+import { faStar, faRetweet, faList, faThumbtack, faEdit } from "@fortawesome/free-solid-svg-icons";
 import { Subscription } from "rxjs";
 
 import { Status, Account, Translation } from "../../../services/models/mastodon.interfaces";
@@ -23,6 +23,7 @@ export class StatusComponent implements OnInit {
     faRetweet = faRetweet;
     faList = faList;
     faThumbtack = faThumbtack;
+    faEdit = faEdit;
 
     displayedStatus: Status;
     displayedStatusWrapper: StatusWrapper;
@@ -52,7 +53,7 @@ export class StatusComponent implements OnInit {
 
     @Input() isThreadDisplay: boolean;
 
-    @Input() notificationType: 'mention' | 'reblog' | 'favourite' | 'poll';
+    @Input() notificationType: 'mention' | 'reblog' | 'favourite' | 'poll' | 'update';
     @Input() notificationAccount: Account;
 
     private _statusWrapper: StatusWrapper;
diff --git a/src/app/components/stream/stream-notifications/stream-notifications.component.ts b/src/app/components/stream/stream-notifications/stream-notifications.component.ts
index 05d202d7..c79b4ed2 100644
--- a/src/app/components/stream/stream-notifications/stream-notifications.component.ts
+++ b/src/app/components/stream/stream-notifications/stream-notifications.component.ts
@@ -126,7 +126,7 @@ export class StreamNotificationsComponent extends BrowseBase {
             this.loadMentions(userNotifications);
         });
 
-        this.mastodonService.getNotifications(this.account, ['update'], null, null, 10) //FIXME: disable edition update until supported
+        this.mastodonService.getNotifications(this.account, [], null, null, 10)
             .then((notifications: Notification[]) => {
                 this.isNotificationsLoading = false;
 
diff --git a/src/app/services/streaming.service.ts b/src/app/services/streaming.service.ts
index 92f91ff3..2e610657 100644
--- a/src/app/services/streaming.service.ts
+++ b/src/app/services/streaming.service.ts
@@ -96,7 +96,7 @@ export class StreamingWrapper {
     }
 
     private pullNewNotifications() {
-        this.mastodonService.getNotifications(this.account, ['update'], null, this.since_id_notifications, 10)
+        this.mastodonService.getNotifications(this.account, [], null, this.since_id_notifications, 10)
             .then((notifications: Notification[]) => {
                 //notifications = notifications.sort((a, b) => a.id.localeCompare(b.id));
                 let soundMuted = !this.since_id_notifications;
@@ -168,9 +168,6 @@ export class StreamingWrapper {
                 newUpdate.type = EventEnum.unknow;
         }
 
-        if(newUpdate.notification && newUpdate.notification.type === 'update') { //FIXME: disabling edition update until supported
-            return;
-        }
         
         this.statusUpdateSubjet.next(newUpdate);
     }
diff --git a/src/app/services/user-notification.service.ts b/src/app/services/user-notification.service.ts
index 370d4dc1..6ca0fb9d 100644
--- a/src/app/services/user-notification.service.ts
+++ b/src/app/services/user-notification.service.ts
@@ -66,7 +66,7 @@ export class UserNotificationService {
                 this.notificationService.notifyHttpError(err, account);
             });
 
-        let getNotificationPromise = this.mastodonService.getNotifications(account, ['mention', 'update'], null, null, 10)
+        let getNotificationPromise = this.mastodonService.getNotifications(account, ['mention'], null, null, 10)
             .then((notifications: Notification[]) => {
                 this.processMentionsAndNotifications(account, notifications, NotificationTypeEnum.UserNotification);
             })
diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss
index 10f4171c..54741cb5 100644
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -21,6 +21,7 @@ $status-primary-color: #fff;
 $status-secondary-color: #4e5572;
 $status-links-color: #d9e1e8;
 $boost-color : #5098eb;
+$update-color : #95e470;
 $favorite-color: #ffc16f;
 $bookmarked-color: #ff5050;
 

From cb58be5bd8ad331764f5937b58e3c4cc76565287 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 16:50:49 -0400
Subject: [PATCH 26/35] fine tunning prewrap

---
 .../status/databinded-text/databinded-text.component.scss    | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.scss b/src/app/components/stream/status/databinded-text/databinded-text.component.scss
index b7795998..cdbfa121 100644
--- a/src/app/components/stream/status/databinded-text/databinded-text.component.scss
+++ b/src/app/components/stream/status/databinded-text/databinded-text.component.scss
@@ -46,10 +46,6 @@ $expand-color: $column-color;
     }
 }
 
-.content {
-    white-space: pre-wrap;
-}
-
 
 //Mastodon styling
 :host ::ng-deep .content {
@@ -68,6 +64,7 @@ $expand-color: $column-color;
 
     & p {
         margin: 0px;
+        white-space: pre-wrap;
         //font-size: .9em;
         // font-size: 14px;
     }

From 64ceb3e095d8e9216a30bbede57bb0c87667929e Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 16:59:03 -0400
Subject: [PATCH 27/35] fix translate button spacing

---
 .../status/status-translate/status-translate.component.scss      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.scss b/src/app/components/stream/status/status-translate/status-translate.component.scss
index 2c24a23b..59d1765c 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.scss
+++ b/src/app/components/stream/status/status-translate/status-translate.component.scss
@@ -13,6 +13,7 @@ $translation-color-hover: #9fa5ca;
         text-align: center;
 
         &__link {
+            display: block;
             padding: 5px 5px 0 5px;
         }
     }

From 9cd709f44c890afb9f7d14ce460dc532cffdbc47 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 17:02:05 -0400
Subject: [PATCH 28/35] better follow hastag positionning

---
 src/app/components/stream/hashtag/hashtag.component.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/stream/hashtag/hashtag.component.scss b/src/app/components/stream/hashtag/hashtag.component.scss
index cdf3620f..07521008 100644
--- a/src/app/components/stream/hashtag/hashtag.component.scss
+++ b/src/app/components/stream/hashtag/hashtag.component.scss
@@ -43,7 +43,7 @@ $inner-column-size: 320px;
     &__follow-button {
         position: absolute;
         top: 7px;
-        right: 100px;
+        right: 114px;
         padding: 0 10px 0 10px;
         border: 1px solid black;
         color: white;

From 4a34063dc8e270f09ac9ba865efdb9aa2f08ee3c Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 17:06:36 -0400
Subject: [PATCH 29/35] focus on seach, fix #429 (partialy)

---
 .../components/floating-column/search/search.component.html  | 2 +-
 .../components/floating-column/search/search.component.ts    | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/floating-column/search/search.component.html b/src/app/components/floating-column/search/search.component.html
index c085df15..f182072c 100644
--- a/src/app/components/floating-column/search/search.component.html
+++ b/src/app/components/floating-column/search/search.component.html
@@ -4,7 +4,7 @@
         <h3 class="panel__title">search</h3>
 
         <form class="form-section" (ngSubmit)="onSubmit()">
-            <input type="text" class="form-control form-control-sm form-with-button" [(ngModel)]="searchHandle"
+            <input #search type="text" class="form-control form-control-sm form-with-button" [(ngModel)]="searchHandle"
                 name="searchHandle" placeholder="Search" autocomplete="off" />
             <button class="form-button" type="submit" title="search">GO</button>
         </form>
diff --git a/src/app/components/floating-column/search/search.component.ts b/src/app/components/floating-column/search/search.component.ts
index 4f0fc492..52b97578 100644
--- a/src/app/components/floating-column/search/search.component.ts
+++ b/src/app/components/floating-column/search/search.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 
 import { MastodonWrapperService } from '../../../services/mastodon-wrapper.service';
@@ -26,12 +26,15 @@ export class SearchComponent implements OnInit {
     @Output() browseHashtagEvent = new EventEmitter<string>();
     @Output() browseThreadEvent = new EventEmitter<OpenThreadEvent>();
 
+    @ViewChild('search') searchElement: ElementRef;
+
     constructor(
         private readonly notificationService: NotificationService,
         private readonly toolsService: ToolsService,
         private readonly mastodonService: MastodonWrapperService) { }
 
     ngOnInit() {
+        this.searchElement.nativeElement.focus();
     }
 
     onSubmit(): boolean {

From 62d4140d6307ddd6998dbd66cad753b0ef16c520 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 17:15:00 -0400
Subject: [PATCH 30/35] close panel and unfocus on esc, fix #429

---
 .../create-status/create-status.component.html           | 9 ++++++---
 .../floating-column/search/search.component.html         | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/components/create-status/create-status.component.html b/src/app/components/create-status/create-status.component.html
index 52b35edf..caea73c2 100644
--- a/src/app/components/create-status/create-status.component.html
+++ b/src/app/components/create-status/create-status.component.html
@@ -1,6 +1,8 @@
 <form class="status-editor" (ngSubmit)="onSubmit()">
-    <input [(ngModel)]="title" type="text" class="form-control form-control-sm status-editor__title" name="title" 
-        autocomplete="off" placeholder="Title, Content Warning (optional)" title="title, content warning (optional)" dir="auto" />
+    <input #mytitle [(ngModel)]="title" type="text" class="form-control form-control-sm status-editor__title" 
+        name="title" autocomplete="off" placeholder="Title, Content Warning (optional)" 
+        title="title, content warning (optional)" dir="auto" 
+        (keydown.escape)="mytitle.blur()" />
 
         <a class="status-editor__emoji" title="Insert Emoji"
             #emojiButton href (click)="openEmojiPicker($event)">
@@ -11,10 +13,11 @@
             {{ selectedLanguage.iso639 }}
         </a>
 
-    <textarea #reply [(ngModel)]="status" name="status" class="form-control form-control-sm status-editor__content" (paste)="onPaste($event)"
+    <textarea #reply [(ngModel)]="status" name="status" class="form-control form-control-sm status-editor__content" (paste)="onPaste($event)"         
         rows="5" required title="content" placeholder="What's on your mind?" 
         (keydown.control.enter)="onCtrlEnter()"
         (keydown.meta.enter)="onCtrlEnter()"
+        (keydown.escape)="reply.blur()"
         (keydown)="handleKeyDown($event)" (blur)="statusTextEditorLostFocus()" dir="auto">
     </textarea>
 
diff --git a/src/app/components/floating-column/search/search.component.html b/src/app/components/floating-column/search/search.component.html
index f182072c..7b884115 100644
--- a/src/app/components/floating-column/search/search.component.html
+++ b/src/app/components/floating-column/search/search.component.html
@@ -5,7 +5,7 @@
 
         <form class="form-section" (ngSubmit)="onSubmit()">
             <input #search type="text" class="form-control form-control-sm form-with-button" [(ngModel)]="searchHandle"
-                name="searchHandle" placeholder="Search" autocomplete="off" />
+                name="searchHandle" placeholder="Search" autocomplete="off" (keydown.escape)="search.blur()"/>
             <button class="form-button" type="submit" title="search">GO</button>
         </form>
     </div>

From ec0bed460651e842dce8e1b5e80d5d6c4c2af009 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 6 Aug 2023 17:39:28 -0400
Subject: [PATCH 31/35] wording: expand CW instead of hide, fix #459

---
 .../components/floating-column/settings/settings.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 0a151aa9..b6ffe302 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -100,7 +100,7 @@
 
             <input class="sub-section__checkbox" [checked]="contentWarningPolicy === 2" (change)="onCwPolicyChange(2)"
                 type="radio" name="cw-hide-all" value="cw-hide-all" id="cw-hide-all">
-            <label class="noselect sub-section__label" for="cw-hide-all">Hide all CWs</label>
+            <label class="noselect sub-section__label" for="cw-hide-all">Expand all CWs</label>
             <br>
             <div class="sub-section__cw-settings" *ngIf="contentWarningPolicy === 2">
                 <span class="sub-section__title">but add CW on content containing:</span><br />

From 92a3ac6ae39c003aaa8292f897bd72013362cadf Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Mon, 7 Aug 2023 01:18:08 -0400
Subject: [PATCH 32/35] road to 1.5.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4edbdb21..8705cc8d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "sengi",
-    "version": "1.4.0",
+    "version": "1.5.0",
     "license": "AGPL-3.0-or-later",
     "main": "main-electron.js",
     "description": "A multi-account desktop client for Mastodon and Pleroma",

From 4a2b408c1b821c8709124205f49297d11bb85525 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Mon, 7 Aug 2023 19:47:54 -0400
Subject: [PATCH 33/35] added some translation cleanup

---
 .../databinded-text.component.ts              |  4 ++
 .../stream/status/status.component.html       |  2 +-
 .../stream/status/status.component.ts         | 41 ++++++++++++++-----
 3 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.ts b/src/app/components/stream/status/databinded-text/databinded-text.component.ts
index 1740bf32..f5de70de 100644
--- a/src/app/components/stream/status/databinded-text/databinded-text.component.ts
+++ b/src/app/components/stream/status/databinded-text/databinded-text.component.ts
@@ -205,6 +205,10 @@ export class DatabindedTextComponent implements OnInit {
     }
 
     ngAfterViewInit() {
+        this.processEventBindings();
+    }
+
+    processEventBindings(){
         for (const hashtag of this.hashtags) {
             let classname = this.getClassNameForHastag(hashtag);
             let els = <Element[]>this.contentElement.nativeElement.querySelectorAll(`.${classname}`);
diff --git a/src/app/components/stream/status/status.component.html b/src/app/components/stream/status/status.component.html
index 9db3c0e2..7257da73 100644
--- a/src/app/components/stream/status/status.component.html
+++ b/src/app/components/stream/status/status.component.html
@@ -109,7 +109,7 @@
                 <span class="status__content-warning--title">sensitive content</span>
                 <span innerHTML="{{ contentWarningText }}"></span>
             </a>
-            <app-databinded-text class="status__content" *ngIf="!isContentWarned" [text]="statusContent" [selected]="isSelected"
+            <app-databinded-text #databindedtext class="status__content" *ngIf="!isContentWarned" [text]="statusContent" [selected]="isSelected"
                 (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
                 (textSelected)="textSelected()"></app-databinded-text>
 
diff --git a/src/app/components/stream/status/status.component.ts b/src/app/components/stream/status/status.component.ts
index 8b08b397..6782037f 100644
--- a/src/app/components/stream/status/status.component.ts
+++ b/src/app/components/stream/status/status.component.ts
@@ -9,7 +9,7 @@ import { StatusWrapper } from '../../../models/common.model';
 import { EmojiConverter, EmojiTypeEnum } from '../../../tools/emoji.tools';
 import { ContentWarningPolicyEnum } from '../../../states/settings.state';
 import { StatusesStateService, StatusState } from "../../../services/statuses-state.service";
-
+import { DatabindedTextComponent } from "./databinded-text/databinded-text.component";
 
 @Component({
     selector: "app-status",
@@ -107,27 +107,27 @@ export class StatusComponent implements OnInit {
 
     ngOnInit() {
         this.statusesStateServiceSub = this.statusesStateService.stateNotification.subscribe(notification => {
-            if(this._statusWrapper.status.url === notification.statusId && notification.isEdited) {
+            if (this._statusWrapper.status.url === notification.statusId && notification.isEdited) {
                 this.statusWrapper = notification.editedStatus;
             }
         });
     }
 
-    ngOnDestroy(){
-        if(this.statusesStateServiceSub) this.statusesStateServiceSub.unsubscribe();
+    ngOnDestroy() {
+        if (this.statusesStateServiceSub) this.statusesStateServiceSub.unsubscribe();
     }
-    
+
     private ensureMentionAreDisplayed(data: string): string {
         const mentions = this.displayedStatus.mentions;
-        if(!mentions || mentions.length === 0) return data;
-        
+        if (!mentions || mentions.length === 0) return data;
+
         let textMentions = '';
         for (const m of mentions) {
-            if(!data.includes(m.url)){
+            if (!data.includes(m.url)) {
                 textMentions += `<span class="h-card"><a class="u-url mention" data-user="${m.id}" href="${m.url}" rel="ugc">@<span>${m.username}</span></a></span> `
             }
         }
-        if(textMentions !== ''){
+        if (textMentions !== '') {
             data = textMentions + data;
         }
         return data;
@@ -157,9 +157,30 @@ export class StatusComponent implements OnInit {
     changeCw(cwIsActive: boolean) {
         this.isContentWarned = cwIsActive;
     }
+   
+
+    @ViewChild('databindedtext') public databindedText: DatabindedTextComponent;
 
     onTranslation(translation: Translation) {
-        this.statusContent = translation.content;
+        let statusContent = translation.content;
+
+        // clean up a bit some issues (not reliable)
+        while (statusContent.includes('<span>@')) {
+            statusContent = statusContent.replace('<span>@', '@<span>');
+        }
+        while (statusContent.includes('h<span class="invisible">')){
+            statusContent = statusContent.replace('h<span class="invisible">', '<span class="invisible">h');
+        }
+        while (statusContent.includes('<span>#')){
+            statusContent = statusContent.replace('<span>#', '#<span>');
+        }
+
+        statusContent = this.emojiConverter.applyEmojis(this.displayedStatus.emojis, statusContent, EmojiTypeEnum.medium);
+        this.statusContent = this.ensureMentionAreDisplayed(statusContent);
+
+        setTimeout(x => {
+            this.databindedText.processEventBindings();
+        }, 500);        
     }
 
     private checkLabels(status: Status) {

From 2b106ba546b065c0000399d801a4460e78469b4e Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Mon, 7 Aug 2023 19:48:23 -0400
Subject: [PATCH 34/35] clean up

---
 .../stream/status/status-translate/status-translate.component.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/components/stream/status/status-translate/status-translate.component.ts b/src/app/components/stream/status/status-translate/status-translate.component.ts
index 54a98f35..87d55804 100644
--- a/src/app/components/stream/status/status-translate/status-translate.component.ts
+++ b/src/app/components/stream/status/status-translate/status-translate.component.ts
@@ -67,7 +67,6 @@ export class StatusTranslateComponent implements OnInit, OnDestroy {
                     && this.configuredLanguages.length > 0
                     && this.configuredLanguages.findIndex(x => x.iso639 === this.status.status.language) === -1) {
 
-                        console.warn('can translate');
                     this.isTranslationAvailable = true;
                 }
                 else {

From 14287b476c06cd8403dd0a7298ebd73f062eb94f Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Mon, 7 Aug 2023 19:56:46 -0400
Subject: [PATCH 35/35] ensure lang exists before using it

---
 src/app/services/language.service.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/services/language.service.ts b/src/app/services/language.service.ts
index 785a0bfe..a51b2090 100644
--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -14,9 +14,9 @@ export class LanguageService {
     selectedLanguageChanged = new BehaviorSubject<ILanguage>(null);
 
     constructor(
-            private settingsService: SettingsService,
-            private electronService: MyElectronService
-        ) {
+        private settingsService: SettingsService,
+        private electronService: MyElectronService
+    ) {
         this.configuredLanguagesChanged.next(this.getConfiguredLanguages());
         this.selectedLanguageChanged.next(this.getSelectedLanguage());
     }
@@ -33,7 +33,9 @@ export class LanguageService {
 
         this.selectedLanguageChanged.next(lang);
 
-        this.electronService.setLang(lang.iso639);
+        if (lang) {
+            this.electronService.setLang(lang.iso639);
+        }
     }
 
     getConfiguredLanguages(): ILanguage[] {
@@ -71,7 +73,7 @@ export class LanguageService {
     }
 
     searchLanguage(input: string): ILanguage[] {
-        if(!input) return [];
+        if (!input) return [];
 
         const avLangs = this.getAllAvaialbleLaguages();
         let found = avLangs.filter(x => x.name.toLowerCase().includes(input.toLowerCase()) || x.iso639.toLowerCase().includes(input.toLowerCase()));