modal.ts > modals.ts

src/modals.ts

@@ -0,0 +1,101 @@
+import { App, Modal, TFile } from 'obsidian'
+import ModalVault from './components/ModalVault.svelte'
+import ModalInFile from './components/ModalInFile.svelte'
+import { eventBus } from './globals'
+
+abstract class OmnisearchModal extends Modal {
+  constructor(app: App) {
+    super(app)
+
+    // Remove all the default modal's children (except the close button)
+    // so that we can more easily customize it
+    const closeEl = this.containerEl.find('.modal-close-button')
+    this.modalEl.replaceChildren()
+    this.modalEl.append(closeEl)
+    this.modalEl.addClass('omnisearch-modal', 'prompt')
+    this.modalEl.tabIndex = -1
+
+    // Setup events that can be listened through the event bus
+    this.modalEl.onkeydown = ev => {
+      switch (ev.key) {
+        case 'ArrowDown':
+          ev.preventDefault()
+          eventBus.emit('arrow-down')
+          break
+        case 'ArrowUp':
+          ev.preventDefault()
+          eventBus.emit('arrow-up')
+          break
+        case 'Enter':
+          ev.preventDefault()
+          if (ev.ctrlKey || ev.metaKey) {
+            // Open in a new pane
+            eventBus.emit('ctrl-enter')
+          }
+          else if (ev.shiftKey) {
+            // Create a new note
+            eventBus.emit('shift-enter')
+          }
+          else if (ev.altKey) {
+            // Expand in-note results
+            eventBus.emit('alt-enter')
+          }
+          else {
+            // Open in current pane
+            eventBus.emit('enter')
+          }
+          break
+      }
+    }
+  }
+}
+
+export class OmnisearchVaultModal extends OmnisearchModal {
+  constructor(app: App) {
+    super(app)
+    const cmp = new ModalVault({
+      target: this.modalEl,
+      props: {
+        modal: this,
+      },
+    })
+
+    this.onClose = () => {
+      // Since the component is manually created,
+      // we also need to manually destroy it
+      cmp.$destroy()
+    }
+  }
+}
+
+export class OmnisearchInFileModal extends OmnisearchModal {
+  constructor(
+    app: App,
+    file: TFile,
+    searchQuery: string = '',
+    parent?: OmnisearchModal,
+  ) {
+    super(app)
+
+    const cmp = new ModalInFile({
+      target: this.modalEl,
+      props: {
+        modal: this,
+        singleFilePath: file.path,
+        parent: parent,
+        searchQuery,
+      },
+    })
+
+    if (parent) {
+      // Hide the parent vault modal, and show it back when this one is closed
+      parent.containerEl.toggleVisibility(false)
+    }
+    this.onClose = () => {
+      if (parent) {
+        parent.containerEl.toggleVisibility(true)
+      }
+      cmp.$destroy()
+    }
+  }
+}