obsidian-excalidraw-plugin/src/InsertImageDialog.ts

import { 
  App, 
  FuzzySuggestModal, 
  TFile 
} from "obsidian";
import { IMAGE_TYPES } from "./constants";
import { ExcalidrawAutomate } from "./ExcalidrawAutomate";
import ExcalidrawView from "./ExcalidrawView";
import {t} from './lang/helpers'
import ExcalidrawPlugin from "./main";


export class InsertImageDialog extends FuzzySuggestModal<TFile> {
  public app: App;
  public plugin: ExcalidrawPlugin;
  private view: ExcalidrawView;
  
  constructor(plugin: ExcalidrawPlugin) {  
    super(plugin.app);
    this.plugin = plugin;
    this.app = plugin.app;
    this.limit = 20;
    this.setInstructions([{
      command: t("SELECT_FILE"),
      purpose: "",
    }]);    
    this.setPlaceholder(t("SELECT_DRAWING"));
    this.emptyStateText = t("NO_MATCH");
  }

  getItems(): TFile[] {
    return (this.app.vault.getFiles() || []).filter((f:TFile) => IMAGE_TYPES.contains(f.extension) || this.plugin.isExcalidrawFile(f));
    
  }

  getItemText(item: TFile): string {
    return item.path; 
  }

  onChooseItem(item: TFile, _evt: MouseEvent | KeyboardEvent): void {

    const ea = this.plugin.ea;
    ea.reset();
    ea.setView(this.view);
    ea.canvas.theme = this.view.excalidrawAPI.getAppState().theme;
    (async () => {
      await ea.addImage(0,0,item);
      ea.addElementsToView(true,false);
    })();
  }

  public start(view: ExcalidrawView) {
    this.view = view;
    this.open();
  }
}