42 |
43 |
--------------------------------------------------------------------------------
/src/view.tsx:
--------------------------------------------------------------------------------
1 | import { FileView, TFile, WorkspaceLeaf, ItemView } from 'obsidian';
2 | import MsgHandlerPlugin from 'main';
3 | import React from 'react';
4 | import ReactDOM from 'react-dom';
5 | import SearchViewComponent from 'components/search';
6 | import RendererViewComponent from 'components/renderer';
7 |
8 | /* ------------ CORE MSG HANDLER RENDERER WITH REACT ------------ */
9 |
10 | export const renderMsgFileToElement = async (params: {
11 | msgFile: TFile;
12 | targetEl: HTMLElement;
13 | plugin: MsgHandlerPlugin;
14 | }) => {
15 | const { msgFile, targetEl, plugin } = params;
16 | return new Promise
19 |
,
21 | targetEl,
22 | () => resolve()
23 | );
24 | });
25 | };
26 |
27 | /* ------------ RENDERER VIEW FOR FILE PREVIEW ------------ */
28 |
29 | export const RENDER_VIEW_TYPE = 'msg-handler-view';
30 |
31 | export class MsgHandlerView extends FileView {
32 | plugin: MsgHandlerPlugin;
33 | fileToRender: TFile;
34 |
35 | constructor(leaf: WorkspaceLeaf, plugin: MsgHandlerPlugin) {
36 | super(leaf);
37 | this.plugin = plugin;
38 | }
39 |
40 | getViewType(): string {
41 | return RENDER_VIEW_TYPE;
42 | }
43 |
44 | destroy() {
45 | ReactDOM.unmountComponentAtNode(this.contentEl);
46 | }
47 |
48 | async onLoadFile(file: TFile): Promise
115 |
,
117 | this.contentEl
118 | );
119 | }
120 | }
121 |
--------------------------------------------------------------------------------
/src/components/renderer/index.tsx:
--------------------------------------------------------------------------------
1 | import MsgHandlerPlugin from 'main';
2 | import { TFile } from 'obsidian';
3 | import React, { useEffect, useState } from 'react';
4 | import { MSGAttachment, MSGRecipient, MSGRenderData } from 'types';
5 | import { getMsgContent } from 'utils';
6 | import { MdKeyboardArrowDown, MdKeyboardArrowRight, MdClose } from 'react-icons/md';
7 | import { HiChevronDoubleRight, HiChevronDoubleLeft } from 'react-icons/hi';
8 | import { FolderToSaveSuggestionModal } from 'modals';
9 |
10 | /* ------------ Main Renderer Component ------------ */
11 |
12 | export default function RendererViewComponent(params: { plugin: MsgHandlerPlugin; fileToRender: TFile }) {
13 | const { plugin, fileToRender } = params;
14 | const [messageContent, setMessageContent] = useState
44 |
47 | {open && (
48 |
49 | From: {messageContent.senderName}
50 | {' <'}
51 |
57 | {messageContent.senderEmail}
58 |
59 | {'>'}
60 |
61 | Recipients:
62 | Sent: {messageContent.creationTime}
63 | Subject: {messageContent.subject} 64 |
65 | )}
66 |
67 | );
68 | };
69 |
70 | const MSGBodyComponent = (params: { messageContent: MSGRenderData }) => {
71 | const { messageContent } = params;
72 | const cleanMsgBody = (txt: string) => txt.replace(/[\r\n]+/g, '');
73 | const [open, setOpen] = useState61 | Recipients:
62 | Sent: {messageContent.creationTime}
63 | Subject: {messageContent.subject} 64 |
78 |
81 | {open && (
82 |
85 | )}
86 |
87 | );
88 | };
89 |
90 | const MSGAttachmentsComponent = (params: { messageAttachments: MSGAttachment[]; plugin: MsgHandlerPlugin }) => {
91 | const { messageAttachments, plugin } = params;
92 | const [open, setOpen] = useState
97 |
100 | {open && (
101 |
102 | {messageAttachments.map((attachment) => {
103 | return (
104 |
112 | )}
113 |
114 | );
115 | };
116 |
117 | const MSGSingleAttachmentComponent = (params: { messageAttachment: MSGAttachment; plugin: MsgHandlerPlugin }) => {
118 | const { messageAttachment, plugin } = params;
119 | const [open, setOpen] = useState
135 |
152 | );
153 | };
154 |
155 | /* ------------ Helper Components ------------ */
156 |
157 | const RecipientList = (params: { recipients: MSGRecipient[] }) => {
158 | const { recipients } = params;
159 | const [open, setOpen] = useState
136 | {imgExtensions.includes(messageAttachment.fileExtension) ? (
137 |
144 | {open && (
145 |
146 | {imgExtensions.includes(messageAttachment.fileExtension) && (
147 | 
148 | )}
149 |
150 | )}
151 |
130 |
169 | );
170 | }
171 |
172 | /* ------------ SINGLE FILE MATCH RESULT VIEW ------------ */
173 |
174 | const SearchResultFileMatch = (params: {
175 | plugin: MsgHandlerPlugin;
176 | searchResult: SearchResultSingleItem;
177 | allOpenStatus: AllOpenStatus;
178 | }) => {
179 | const { searchResult, allOpenStatus, plugin } = params;
180 | const [open, setOpen] = useState
131 | setAllOpenStatus('closed')}
135 | size={20}
136 | />
137 | setAllOpenStatus('open')}
141 | size={20}
142 | />
143 |
144 |
145 |
151 |
152 |
153 | {searchResults &&
154 | (searchResults.length > 0 ? (
155 | searchResults.map((searchResult) => {
156 | return (
157 |
168 | No matches found
166 | ))}
167 |
227 |
253 | );
254 | };
255 |
--------------------------------------------------------------------------------
/src/utils.ts:
--------------------------------------------------------------------------------
1 | import { MSGReader } from './modules/msgreader.js';
2 | import MsgHandlerPlugin from 'main';
3 | import { MarkdownRenderer, Component, TFile } from 'obsidian';
4 | import { readEml, ReadedEmlJson } from 'eml-parse-js';
5 | import dayjs from 'dayjs';
6 | import { Base64 } from 'js-base64';
7 | import {
8 | MSGRenderData,
9 | MSGRecipient,
10 | MSGAttachment,
11 | Ext_MSGReader_FileData,
12 | Ext_MSGReader_Attachment,
13 | Ext_MSGReader_AttachmentData,
14 | Ext_MSGReader_Recipient,
15 | } from 'types';
16 |
17 | /**
18 | * This function is to get the MSGRenderData for provided Outlook MSG file under the path provided
19 | * @param params
20 | * @returns
21 | */
22 | export const getMsgContent = async (params: {
23 | plugin: MsgHandlerPlugin;
24 | msgFile: TFile;
25 | }): Promise
228 |
243 | {open && searchResult.highlightedResult?.length > 0 && (
244 |
229 | {open ? (
230 | setOpen(false)} />
231 | ) : (
232 | setOpen(true)} />
233 | )}
234 |
235 |
240 | {getFileName(searchResult.result.obj.filePath)}
241 |
242 |
245 |
250 |
251 | )}
252 |