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/editor.ts

@@ -3,37 +3,36 @@ import {
   ContentType,
   PayloadSource,
   UuidString,
-  TagMutator,
   SNTag,
 } from '@standardnotes/snjs';
 import { WebApplication } from './application';
-import { NoteTagsState } from './app_state/note_tags_state';
 
 export class Editor {
   public note!: SNNote;
   private application: WebApplication;
-  private _onNoteChange?: () => void;
-  private _onNoteValueChange?: (note: SNNote, source?: PayloadSource) => void;
+  private onNoteValueChange?: (note: SNNote, source: PayloadSource) => void;
   private removeStreamObserver?: () => void;
   public isTemplateNote = false;
 
   constructor(
     application: WebApplication,
     noteUuid: string | undefined,
-    noteTitle: string | undefined,
-    noteTag: UuidString | undefined
+    private defaultTitle: string | undefined,
+    private defaultTag: UuidString | undefined
   ) {
     this.application = application;
     if (noteUuid) {
       this.note = application.findItem(noteUuid) as SNNote;
-      this.streamItems();
-    } else {
-      this.reset(noteTitle, noteTag)
-        .then(() => this.streamItems())
-        .catch(console.error);
     }
   }
 
+  async initialize(): Promise<void> {
+    if (!this.note) {
+      await this.createTemplateNote(this.defaultTitle, this.defaultTag);
+    }
+    this.streamItems();
+  }
+
   private streamItems() {
     this.removeStreamObserver = this.application.streamItems(
       ContentType.Note,
@@ -45,14 +44,12 @@ export class Editor {
 
   deinit() {
     this.removeStreamObserver?.();
-    (this.removeStreamObserver as any) = undefined;
-    this._onNoteChange = undefined;
-    (this.application as any) = undefined;
-    this._onNoteChange = undefined;
-    this._onNoteValueChange = undefined;
+    (this.removeStreamObserver as unknown) = undefined;
+    (this.application as unknown) = undefined;
+    this.onNoteValueChange = undefined;
   }
 
-  private handleNoteStream(notes: SNNote[], source?: PayloadSource) {
+  private handleNoteStream(notes: SNNote[], source: PayloadSource) {
     /** Update our note object reference whenever it changes */
     const matchingNote = notes.find((item) => {
       return item.uuid === this.note.uuid;
@@ -60,7 +57,7 @@ export class Editor {
     if (matchingNote) {
       this.isTemplateNote = false;
       this.note = matchingNote;
-      this._onNoteValueChange && this._onNoteValueChange!(matchingNote, source);
+      this.onNoteValueChange?.(matchingNote, source);
     }
   }
 
@@ -73,53 +70,31 @@ export class Editor {
    * Reverts the editor to a blank state, removing any existing note from view,
    * and creating a placeholder note.
    */
-  async reset(noteTitle = '', noteTag?: UuidString) {
+  async createTemplateNote(defaultTitle?: string, noteTag?: UuidString) {
     const note = (await this.application.createTemplateItem(ContentType.Note, {
       text: '',
-      title: noteTitle,
+      title: defaultTitle,
       references: [],
     })) as SNNote;
     if (noteTag) {
       const tag = this.application.findItem(noteTag) as SNTag;
       await this.application.addTagHierarchyToNote(note, tag);
     }
-    if (!this.isTemplateNote || this.note.title !== note.title) {
-      this.setNote(note as SNNote, true);
-    }
-  }
-
-  /**
-   * Register to be notified when the editor's note changes.
-   */
-  public onNoteChange(callback: () => void) {
-    this._onNoteChange = callback;
-    if (this.note) {
-      callback();
-    }
-  }
-
-  public clearNoteChangeListener() {
-    this._onNoteChange = undefined;
+    this.isTemplateNote = true;
+    this.note = note;
+    this.onNoteValueChange?.(this.note, this.note.payload.source);
   }
 
   /**
    * Register to be notified when the editor's note's values change
    * (and thus a new object reference is created)
    */
-  public onNoteValueChange(
-    callback: (note: SNNote, source?: PayloadSource) => void
+  public setOnNoteValueChange(
+    callback: (note: SNNote, source: PayloadSource) => void
   ) {
-    this._onNoteValueChange = callback;
-  }
-
-  /**
-   * Sets the editor contents by setting its note.
-   */
-  public setNote(note: SNNote, isTemplate = false) {
-    this.note = note;
-    this.isTemplateNote = isTemplate;
-    if (this._onNoteChange) {
-      this._onNoteChange();
+    this.onNoteValueChange = callback;
+    if (this.note) {
+      this.onNoteValueChange(this.note, this.note.payload.source);
     }
   }
 }