@@ -25,11 +25,7 @@ export default function RendererViewComponent(params: { plugin: MsgHandlerPlugin {messageContent.attachments.length > 0 && ( - + )} ) @@ -91,12 +87,8 @@ const MSGBodyComponent = (params: { messageContent: MSGRenderData }) => { ); }; -const MSGAttachmentsComponent = (params: { - fileToRender: TFile; - messageAttachments: MSGAttachment[]; - plugin: MsgHandlerPlugin; -}) => { - const { fileToRender, messageAttachments, plugin } = params; +const MSGAttachmentsComponent = (params: { messageAttachments: MSGAttachment[]; plugin: MsgHandlerPlugin }) => { + const { messageAttachments, plugin } = params; const [open, setOpen] = useState(true); const toggleOpen = () => setOpen(!open); return ( @@ -111,7 +103,6 @@ const MSGAttachmentsComponent = (params: { return ( @@ -123,34 +114,15 @@ const MSGAttachmentsComponent = (params: { ); }; -const MSGSingleAttachmentComponent = (params: { - fileToRender: TFile; - messageAttachment: MSGAttachment; - plugin: MsgHandlerPlugin; -}) => { - const { fileToRender, messageAttachment, plugin } = params; +const MSGSingleAttachmentComponent = (params: { messageAttachment: MSGAttachment; plugin: MsgHandlerPlugin }) => { + const { messageAttachment, plugin } = params; const [open, setOpen] = useState(false); const toggleOpen = () => setOpen(!open); - const getFileUrl = (fileArray: Uint8Array | string) => { - if (typeof fileArray === 'string') { - return `data:image/jpeg;base64,${fileArray}`; - } else { - const blob = new Blob([fileArray]); - const url = URL.createObjectURL(blob); - // Push into loadedBlobs so that can be unloaded during file onClose (in renderer/index.tsx) - plugin.loadedBlobs.push({ - url: url, - originFilePath: fileToRender.path, - }); - return url; - } - }; - const saveFileToVault = () => { let modal = new FolderToSaveSuggestionModal( plugin.app, - messageAttachment.fileArray, + messageAttachment.fileBase64, messageAttachment.fileName ); modal.open(); @@ -172,7 +144,7 @@ const MSGSingleAttachmentComponent = (params: { {open && (

{imgExtensions.includes(messageAttachment.fileExtension) && ( -

)}

)} 22:T9bd,@@ -17,13 +17,11 @@ import { syncDatabaseWithVaultFiles, updateFilePathOfAllRecords, } from 'database'; -import { LoadedBlob } from 'types'; export default class MsgHandlerPlugin extends Plugin { acceptedExtensions: string[] = ['msg', 'eml']; settings: MSGHandlerPluginSettings; ribbonIconEl: HTMLElement | undefined = undefined; - loadedBlobs: LoadedBlob[] = []; async onload() { // --> Add Icons @@ -54,6 +52,34 @@ export default class MsgHandlerPlugin extends Plugin { this.openMsgHandlerSearchLeaf({ showAfterAttach: false }); }); + // --> Preview Render + this.registerMarkdownPostProcessor((el) => { + let msgElement = + el.querySelector('.internal-embed[src$=".eml"]') || + el.querySelector('.internal-embed[src$=".msg"]'); + if (msgElement) { + let src = msgElement.getAttribute('src'); + if (src) { + let msgFile = this.app.vault.getAbstractFileByPath(src); + if (msgFile) { + // Remove the default msg render from preview + let parentMsgElement = msgElement.parentElement; + msgElement.remove(); + // Create new div to render ms

MSG Handler