1.1.0 (#10)

* chore: move backgrounder to main plugin class

* feat: add thumbnail zoom setting

* feat: improve zoom

* chore: refactor image loading queue

* feat: make thumbnails self-loading with a global queue

* fix: add missing function

* fix: ts config includes

* chore: add responsive wrapper

* chore: improve styles, improve thumbnail queueing

src/ImagePicker.ts

@@ -12,11 +12,13 @@ import {
   VALID_IMAGE_EXTENSIONS,
   VIEW_TYPE_IMAGE_PICKER,
 } from './constants'
+import { Backgrounder } from './backend/Backgrounder'
 
 export class ImagePicker extends Plugin {
   settings: ImagePickerSettings
   images: TFile[] = []
   indexer: Indexer = new Indexer(this)
+  backgrounder: Backgrounder = new Backgrounder(this)
 
   log = (...args: any[]) => {
     if (this.settings?.debugMode) {
@@ -47,6 +49,7 @@ export class ImagePicker extends Plugin {
     this.app.vault.off('create', this.onFileCreate)
     this.app.vault.off('modify', this.onFileChange)
     this.app.vault.off('delete', this.onFileDelete)
+    this.backgrounder.clear()
   }
   /**
    * When a file is created, add it to the index and
@@ -129,12 +132,12 @@ export class ImagePicker extends Plugin {
     }
   }
 
-  async loadSettings() {
+  loadSettings = async () => {
     this.log('Loading settings...')
     this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData())
   }
 
-  async saveSettings() {
+  saveSettings = async () => {
     this.log('Saving settings:', this.settings)
     await this.saveData(this.settings)
   }

src/ImagePickerSettings.tsx

@@ -6,6 +6,7 @@ export interface ImagePickerSettings {
   imageFolder: string
   animateGifs: boolean
   debugMode: boolean
+  zoom: number
 }
 
 export class ImagePickerSettingTab extends PluginSettingTab {

src/backend/Backgrounder.ts

@@ -95,4 +95,12 @@ export class Backgrounder {
     this.running = false
     this.run()
   }
+
+  /**
+   * Clears the queue
+   */
+  clear = () => {
+    this.queue = []
+    this.log('Cleared queue')
+  }
 }

src/backend/Indexer.ts

@@ -11,8 +11,6 @@ import {
 } from '../utils'
 import ImagePicker from '../main'
 
-import { Backgrounder } from './Backgrounder'
-
 export interface IndexerRoot {
   [path: string]: IndexerNode
 }
@@ -54,10 +52,8 @@ class IndexerDB extends Dexie {
 export class Indexer {
   private memory: IndexerRoot = {}
   private db: IndexerDB = new IndexerDB()
-  private backgrounder: Backgrounder
 
   constructor(public plugin: ImagePicker) {
-    this.backgrounder = new Backgrounder(this.plugin)
     this.getIndex().then((root) => {
       this.log('Loaded index:', root)
     })
@@ -111,7 +107,7 @@ export class Indexer {
     this.memory[node.path] = { ...node, thumbnail: id }
     this.log('Generated thumbnail:', id)
 
-    this.backgrounder.enqueue({
+    this.plugin.backgrounder.enqueue({
       type: 'saveIndex',
       disableDoubleQueue: true,
       action: this.saveIndex,
@@ -151,7 +147,7 @@ export class Indexer {
     }
 
     this.memory = merge({}, this.memory, root)
-    this.backgrounder.enqueue({
+    this.plugin.backgrounder.enqueue({
       type: 'saveIndex',
       disableDoubleQueue: true,
       action: this.saveIndex,
@@ -170,7 +166,7 @@ export class Indexer {
       await this.db.thumbnails.delete(node.thumbnail)
     }
     this.notifySubscribers()
-    this.backgrounder.enqueue({
+    this.plugin.backgrounder.enqueue({
       type: 'saveIndex',
       disableDoubleQueue: true,
       action: this.saveIndex,