Notes TypeScript

app/assets/javascripts/services/keyboardManager.ts

@@ -20,7 +20,7 @@ enum KeyboardKeyEvent {
 };
 
 type KeyboardObserver = {
-  key?: KeyboardKey
+  key?: KeyboardKey | string
   modifiers?: KeyboardModifier[]
   onKeyDown?: (event: KeyboardEvent) => void
   onKeyUp?: (event: KeyboardEvent) => void
@@ -87,7 +87,7 @@ export class KeyboardManager {
 
   eventMatchesKeyAndModifiers(
     event: KeyboardEvent,
-    key: KeyboardKey,
+    key: KeyboardKey | string,
     modifiers: KeyboardModifier[] = []
   ) {
     const eventModifiers = this.modifiersForEvent(event);

app/assets/javascripts/services/state.ts

@@ -1,7 +1,7 @@
 import { WebApplication } from './../application';
 import { isDesktopApplication } from '@/utils';
 import pull from 'lodash/pull';
-import { ProtectedAction, ApplicationEvent, SNTag, SNNote, SNUserPrefs } from 'snjs';
+import { ProtectedAction, ApplicationEvent, SNTag, SNNote, SNUserPrefs, ContentType } from 'snjs';
 
 export enum AppStateEvent {
   TagChanged = 1,
@@ -48,6 +48,7 @@ export class AppState {
     this.application = application;
     this.registerVisibilityObservers();
     this.addAppEventObserver();
+    this.streamNotesAndTags();
 
     const onVisibilityChange = () => {
       const visible = document.visibilityState === "visible";
@@ -73,6 +74,27 @@ export class AppState {
     this.onVisibilityChange = undefined;
   }
 
+  streamNotesAndTags() {
+    this.application!.streamItems(
+      [ContentType.Note, ContentType.Tag],
+      async (items) => {
+        if(this.selectedNote) {
+          const matchingNote = items.find((candidate) => candidate.uuid === this.selectedNote!.uuid);
+          if(matchingNote) {
+            this.selectedNote = matchingNote as SNNote;
+          }
+        }
+        if (this.selectedTag) {
+          const matchingTag = items.find((candidate) => candidate.uuid === this.selectedTag!.uuid);
+          if (matchingTag) {
+            this.selectedTag = matchingTag as SNTag;
+          }
+        }
+      }
+    );
+  }
+
+
   addAppEventObserver() {
     this.unsubApp = this.application.addEventObserver(async (eventName) => {
       if (eventName === ApplicationEvent.Started) {
@@ -166,12 +188,20 @@ export class AppState {
     }
   }
 
+  /** Returns the tags that are referncing this note */
   getNoteTags(note: SNNote) {
-    return this.application.referencesForItem(note).filter((ref) => {
+    return this.application.referencingForItem(note).filter((ref) => {
       return ref.content_type === note.content_type;
     }) as SNTag[]
   }
 
+  /** Returns the notes this tag references */
+  getTagNotes(tag: SNTag) {
+    return this.application.referencesForItem(tag).filter((ref) => {
+      return ref.content_type === tag.content_type;
+    }) as SNNote[]
+  }
+
   getSelectedTag() {
     return this.selectedTag;
   }