@@ -52,8 +52,10 @@ export default class PhotesIOPlugin extends Plugin { private editorExtension: Extension[] = []; async onload() { - - addIcon("photes", ``); + addIcon( + "photes", + `` + ); await this.loadSettings(); this.registerDocument(document); @@ -71,9 +73,33 @@ export default class PhotesIOPlugin extends Plugin { this.openSetting(); return; } - const pickFile = ( + const pickFile = async ( inject?: (input: HTMLInputElement) => void ) => { + let view = + this.app.workspace.getActiveViewOfType(MarkdownView); + if (!view) { + // active current file + const file = this.app.workspace.getActiveFile(); + if (!file) { + new Notice( + "Please open a markdown file to add image" + ); + return; + } + const leaf = this.app.workspace.getLeaf(false); + await leaf.openFile(file); + view = + this.app.workspace.getActiveViewOfType( + MarkdownView + ); + if (!view) { + new Notice( + "Please open a markdown file to add image" + ); + return; + } + } const filePicker = createEl("input", {}); filePicker.accept = "image/*"; filePicker.type = "file"; @@ -81,7 +107,7 @@ export default class PhotesIOPlugin extends Plugin { filePicker.onchange = () => { if (!filePicker.files?.length) return; const selectedFile = filePicker.files[0]; - this.addImage(selectedFile); + this.addImage(selectedFile, view!); }; filePicker.click(); }; @@ -529,21 +555,7 @@ export default class PhotesIOPlugin extends Plugin { } } - async addImage(file: File) { - let view = this.app.workspace.getActiveViewOfType(MarkdownView); - - if (!view) { - // active current file - const file = this.app.workspace.getActiveFile(); - if (!file) return; - const leaf = this.app.workspace.getLeaf(false); - await leaf.openFile(file); - view = this.app.workspace.getActiveViewOfType(MarkdownView); - if (!view) { - new Notice("Please open a markdown file to add image"); - return; - } - } + async addImage(file: File, view: MarkdownView) { const path = (this.settings.imagePath || "/assets").replace( /[\/]$/, "" @@ -570,19 +582,17 @@ export default class PhotesIOPlugin extends Plugin { await file.arrayBuffer() ); } - if (view) { - const editorView = view.editor.cm; - const cursor = editorView.state.selection.main.to; - const imageText = `\n![[${filePath}]

Image to notes by Photes.IO