feat: component viewer (#781)

* wip: component viewer

* feat: get component status from component viewer

* fix: remove unused property

* chore(deps): snjs 2.29.0

* fix: import location

app/assets/javascripts/ui_models/app_state/app_state.ts

@@ -77,6 +77,8 @@ export class AppState {
   editingTag: SNTag | undefined;
   _templateTag: SNTag | undefined;
 
+  private multiEditorSupport = false;
+
   readonly quickSettingsMenu = new QuickSettingsState();
   readonly accountMenu: AccountMenuState;
   readonly actionsMenu = new ActionsMenuState();
@@ -224,27 +226,21 @@ export class AppState {
     storage.set(StorageKey.ShowBetaWarning, true);
   }
 
-  /**
-   * Creates a new editor if one doesn't exist. If one does, we'll replace the
-   * editor's note with an empty one.
-   */
   async createEditor(title?: string) {
-    const activeEditor = this.getActiveEditor();
+    if (!this.multiEditorSupport) {
+      this.closeActiveEditor();
+    }
     const activeTagUuid = this.selectedTag
       ? this.selectedTag.isSmartTag
         ? undefined
         : this.selectedTag.uuid
       : undefined;
 
-    if (!activeEditor) {
-      this.application.editorGroup.createEditor(
-        undefined,
-        title,
-        activeTagUuid
-      );
-    } else {
-      await activeEditor.reset(title, activeTagUuid);
-    }
+    await this.application.editorGroup.createEditor(
+      undefined,
+      title,
+      activeTagUuid
+    );
   }
 
   getActiveEditor() {

app/assets/javascripts/ui_models/app_state/notes_state.ts

@@ -167,12 +167,12 @@ export class NotesState {
       return;
     }
 
-    if (!this.activeEditor) {
-      this.application.editorGroup.createEditor(noteUuid);
-    } else {
-      this.activeEditor.setNote(note);
+    if (this.activeEditor) {
+      this.application.editorGroup.closeActiveEditor();
     }
 
+    await this.application.editorGroup.createEditor(noteUuid);
+
     this.appState.noteTags.reloadTags();
     await this.onActiveEditorChanged();
 

app/assets/javascripts/ui_models/app_state/tags_state.ts

@@ -1,16 +1,20 @@
-import { ContentType, SNSmartTag, SNTag, UuidString } from '@standardnotes/snjs';
+import {
+  ContentType,
+  SNSmartTag,
+  SNTag,
+  UuidString,
+} from '@standardnotes/snjs';
 import {
   action,
   computed,
   makeAutoObservable,
   makeObservable,
   observable,
-  runInAction
+  runInAction,
 } from 'mobx';
 import { WebApplication } from '../application';
 import { FeaturesState } from './features_state';
 
-
 export class TagsState {
   tags: SNTag[] = [];
   smartTags: SNSmartTag[] = [];