@file-viewer/renderer-email 2.0.11

package/LICENSE

@@ -0,0 +1,160 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form,
+made available under the License, as indicated by a copyright notice that is
+included in or attached to the work.
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work by
+the copyright owner or by an individual or Legal Entity authorized to submit on
+behalf of the copyright owner. For the purposes of this definition, "submitted"
+means any form of electronic, verbal, or written communication sent to the
+Licensor or its representatives, including but not limited to communication on
+electronic mailing lists, source code control systems, and issue tracking systems
+that are managed by, or on behalf of, the Licensor for the purpose of discussing
+and improving the Work, but excluding communication that is conspicuously marked
+or otherwise designated in writing by the copyright owner as "Not a
+Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable copyright license to
+reproduce, prepare Derivative Works of, publicly display, publicly perform,
+sublicense, and distribute the Work and such Derivative Works in Source or
+Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License,
+each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
+no-charge, royalty-free, irrevocable (except as stated in this section) patent
+license to make, have made, use, offer to sell, sell, import, and otherwise
+transfer the Work, where such license applies only to those patent claims
+licensable by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s) with the Work to
+which such Contribution(s) was submitted. If You institute patent litigation
+against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Work or a Contribution incorporated within the Work
+constitutes direct or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate as of the date
+such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or
+Derivative Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+
+(b) You must cause any modified files to carry prominent notices stating that
+You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from the
+Source form of the Work, excluding those notices that do not pertain to any part
+of the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its distribution, then
+any Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the Derivative
+Works; within the Source form or documentation, if provided along with the
+Derivative Works; or, within a display generated by the Derivative Works, if and
+wherever such third-party notices normally appear. The contents of the NOTICE
+file are for informational purposes only and do not modify the License. You may
+add Your own attribution notices within Derivative Works that You distribute,
+alongside or as an addendum to the NOTICE text from the Work, provided that such
+additional attribution notices cannot be construed as modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any
+Contribution intentionally submitted for inclusion in the Work by You to the
+Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall
+supersede or modify the terms of any separate license agreement you may have
+executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor, except as required
+for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in
+writing, Licensor provides the Work (and each Contributor provides its
+Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied, including, without limitation, any warranties or
+conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any risks
+associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in
+tort (including negligence), contract, or otherwise, unless required by
+applicable law (such as deliberate and grossly negligent acts) or agreed to in
+writing, shall any Contributor be liable to You for damages, including any
+direct, indirect, special, incidental, or consequential damages of any character
+arising as a result of this License or out of the use or inability to use the
+Work (including but not limited to damages for loss of goodwill, work stoppage,
+computer failure or malfunction, or any and all other commercial damages or
+losses), even if such Contributor has been advised of the possibility of such
+damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or
+Derivative Works thereof, You may choose to offer, and charge a fee for,
+acceptance of support, warranty, indemnity, or other liability obligations and/or
+rights consistent with this License. However, in accepting such obligations, You
+may act only on Your own behalf and on Your sole responsibility, not on behalf of
+any other Contributor, and only if You agree to indemnify, defend, and hold each
+Contributor harmless for any liability incurred by, or claims asserted against,
+such Contributor by reason of your accepting any such warranty or additional
+liability.
+
+END OF TERMS AND CONDITIONS
+
+Copyright 2026 Flyfish Viewer

package/README.en.md

@@ -0,0 +1,40 @@
+# @file-viewer/renderer-email
+
+Standalone email renderer package for Flyfish File Viewer. It handles `.eml`, `.msg`, and `.mbox` previews, body/header switching, attachment download, and nested attachment previews.
+
+## Usage
+
+```ts
+import FileViewer from '@file-viewer/vue3'
+import { emailRenderer } from '@file-viewer/renderer-email'
+
+const options = {
+  builtinRenderers: 'none',
+  renderers: emailRenderer,
+}
+```
+
+You can also compose it with other renderers:
+
+```ts
+import { emailRenderer } from '@file-viewer/renderer-email'
+import { pdfRenderer } from '@file-viewer/renderer-pdf'
+import { archiveRenderer } from '@file-viewer/renderer-archive'
+
+const options = {
+  builtinRenderers: 'none',
+  renderers: [pdfRenderer, archiveRenderer, emailRenderer],
+}
+```
+
+## Capabilities
+
+- Parses `.eml` and `.mbox` with `postal-mime`.
+- Parses Outlook `.msg` with `@kenjiuno/msgreader`.
+- Supports HTML body, plain-text body, and raw header switching. HTML email is rendered read-only inside a sandbox iframe.
+- Supports attachment download and nested preview through `renderNestedBuffer` when the host viewer provides it.
+- Does not depend on any online service or public CDN, making it suitable for intranet attachment centers, ticket email archives, and customer communication review.
+
+## Migration Note
+
+The core package no longer bundles the email renderer and no longer installs `postal-mime` / `@kenjiuno/msgreader` directly. Install this renderer explicitly, or use `@file-viewer/preset-all`, when email preview is required.

package/README.md

@@ -0,0 +1,40 @@
+# @file-viewer/renderer-email
+
+Flyfish File Viewer 的独立邮件 renderer 包。它负责 `.eml`、`.msg`、`.mbox` 邮件预览、正文/头信息切换、附件下载和附件嵌套预览。
+
+## 用法
+
+```ts
+import FileViewer from '@file-viewer/vue3'
+import { emailRenderer } from '@file-viewer/renderer-email'
+
+const options = {
+  builtinRenderers: 'none',
+  renderers: emailRenderer,
+}
+```
+
+也可以与其他 renderer 组合：
+
+```ts
+import { emailRenderer } from '@file-viewer/renderer-email'
+import { pdfRenderer } from '@file-viewer/renderer-pdf'
+import { archiveRenderer } from '@file-viewer/renderer-archive'
+
+const options = {
+  builtinRenderers: 'none',
+  renderers: [pdfRenderer, archiveRenderer, emailRenderer],
+}
+```
+
+## 能力边界
+
+- `.eml` 和 `.mbox` 使用 `postal-mime` 解析邮件头、HTML 正文、纯文本正文和附件。
+- `.msg` 使用 `@kenjiuno/msgreader` 解析 Outlook MSG 文件。
+- 支持 HTML / 正文 / 头信息切换，HTML 邮件在 sandbox iframe 中只读展示。
+- 支持附件下载；宿主 viewer 提供 `renderNestedBuffer` 时，附件会继续复用 PDF、Office、图片、代码等现有 renderer。
+- 不绑定任何在线服务或公共 CDN，适合内网附件中心、工单邮件归档和客户来信查看。
+
+## 迁移说明
+
+`@file-viewer/core` 已不再内置 email renderer，也不再直接安装 `postal-mime` / `@kenjiuno/msgreader`。需要邮件预览时，请显式安装本包，或直接使用 `@file-viewer/preset-all` 聚合能力。

package/dist/email.d.ts

@@ -0,0 +1,2 @@
+import type { FileRenderContext, FileViewerRenderedInstance } from '@file-viewer/core';
+export default function renderEmail(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/email.js

@@ -0,0 +1,463 @@
+import { disposeFileViewerRendered } from '@file-viewer/core';
+const emailStyle = `
+.email-viewer{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;background:#f3f6f8;color:#172033;box-sizing:border-box}
+.email-viewer *{box-sizing:border-box}
+.email-header{padding:18px 22px;border-bottom:1px solid rgba(23,32,51,.08);background:#fff}
+.email-header>span{color:#1f7a58;font-size:12px;font-weight:900}
+.email-header h2{margin:4px 0 12px;font-size:22px;line-height:1.25}
+.email-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
+.email-meta p{margin:0;color:#526275;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.email-meta strong{margin-right:8px;color:#172033}
+.email-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
+.email-sidebar{min-height:0;display:flex;flex-direction:column;gap:14px;padding:14px;border-right:1px solid rgba(23,32,51,.08);background:rgba(255,255,255,.7)}
+.body-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:12px;background:rgba(23,32,51,.06)}
+.body-tabs button,.attachment-item,.attachment-preview-head button{font:inherit;cursor:pointer}
+.body-tabs button{height:34px;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:12px;font-weight:800}
+.body-tabs button.active{background:#fff;color:#172033}
+.body-tabs button:disabled{opacity:.4;cursor:not-allowed}
+.attachment-panel{min-height:0;overflow:auto}
+.attachment-title{display:flex;justify-content:space-between;color:#172033;font-size:14px;margin-bottom:8px}
+.attachment-title span{color:#64748b}
+.attachment-empty{margin:8px 0 0;color:#64748b;font-size:12px}
+.attachment-item{width:100%;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px;padding:9px;border:1px solid rgba(23,32,51,.08);border-radius:12px;background:#fff;text-align:left}
+.attachment-item:hover,.attachment-item.active{border-color:rgba(31,122,88,.28);box-shadow:0 10px 22px rgba(23,32,51,.08)}
+.attachment-item span{grid-row:span 2;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(31,122,88,.12);color:#1f7a58;font-size:11px;font-weight:900}
+.attachment-item strong,.attachment-item em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.attachment-item em{color:#64748b;font-size:12px;font-style:normal}
+.message-panel{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(240px,46%) minmax(0,1fr)}
+.email-message-content{min-height:0}
+.email-html,.email-text{width:100%;height:100%;border:0;background:#fff}
+.email-text{margin:0;overflow:auto;padding:20px;white-space:pre-wrap;word-break:break-word;line-height:1.65}
+.attachment-preview{min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(23,32,51,.08)}
+.attachment-preview[hidden]{display:none}
+.attachment-preview-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:rgba(255,255,255,.78)}
+.attachment-preview-head button{height:32px;padding:0 12px;border:0;border-radius:9px;background:#1f7a58;color:#fff;font-weight:800}
+.attachment-target{flex:1;min-height:0;overflow:auto}
+.email-attachment-render{width:100%;height:100%;min-height:320px}
+.email-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(243,246,248,.86);z-index:2}
+.email-state span{width:34px;height:34px;border-radius:999px;border:3px solid rgba(31,122,88,.16);border-top-color:#1f7a58;animation:email-spin .9s linear infinite}
+.email-error{position:absolute;right:18px;bottom:18px;width:min(460px,calc(100% - 36px));padding:14px;border-radius:14px;background:#fff7e8;color:#8a4b00;box-shadow:0 16px 36px rgba(23,32,51,.14);z-index:3}
+.email-error p{margin:6px 0 0}
+@keyframes email-spin{to{transform:rotate(360deg)}}
+@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .email-viewer{background:#172033;color:#e5eef8}.file-viewer[data-viewer-theme='system'] .email-header,.file-viewer[data-viewer-theme='system'] .attachment-item,.file-viewer[data-viewer-theme='system'] .email-html,.file-viewer[data-viewer-theme='system'] .email-text{background:#fff;color:#172033}}
+.file-viewer[data-viewer-theme='dark'] .email-viewer{background:#172033;color:#e5eef8}
+.file-viewer[data-viewer-theme='dark'] .email-header,.file-viewer[data-viewer-theme='dark'] .attachment-item,.file-viewer[data-viewer-theme='dark'] .email-html,.file-viewer[data-viewer-theme='dark'] .email-text{background:#fff;color:#172033}
+@media (max-width:860px){.email-meta,.email-body{grid-template-columns:1fr}.email-body{grid-template-rows:auto minmax(0,1fr)}.email-sidebar{border-right:0;border-bottom:1px solid rgba(23,32,51,.08)}}
+`;
+const formatBytes = (value) => {
+    if (!Number.isFinite(value) || value < 0) {
+        return '-';
+    }
+    if (value < 1024) {
+        return `${value} B`;
+    }
+    const mb = value / 1024 / 1024;
+    if (mb >= 1) {
+        return `${mb.toFixed(mb < 10 ? 1 : 0)} MB`;
+    }
+    return `${(value / 1024).toFixed(value < 10 * 1024 ? 1 : 0)} KB`;
+};
+const normalizeAddress = (value) => {
+    if (!value) {
+        return [];
+    }
+    const source = Array.isArray(value) ? value : [value];
+    return source.flatMap(item => {
+        const candidate = item;
+        if (candidate.group) {
+            return normalizeAddress(candidate.group);
+        }
+        return [{
+                name: candidate.name || '',
+                address: candidate.address || candidate.email || '',
+            }];
+    });
+};
+const addressText = (items) => {
+    return items
+        .map(item => item.name && item.address ? `${item.name} <${item.address}>` : item.address || item.name || '')
+        .filter(Boolean)
+        .join(', ');
+};
+const toArrayBuffer = async (value) => {
+    if (value instanceof ArrayBuffer) {
+        return value;
+    }
+    if (value instanceof Uint8Array) {
+        const copy = new Uint8Array(value.byteLength);
+        copy.set(value);
+        return copy.buffer;
+    }
+    return toArrayBuffer(new TextEncoder().encode(value));
+};
+const normalizeContentId = (value) => (value || '').replace(/[<>]/g, '');
+const createPostalAttachments = (email, objectUrls, cidUrls) => {
+    const attachments = (email.attachments || []).map((attachment, index) => {
+        var _a;
+        const size = typeof attachment.content === 'string'
+            ? attachment.content.length
+            : ((_a = attachment.content) === null || _a === void 0 ? void 0 : _a.byteLength) || 0;
+        const name = attachment.filename || `attachment-${index + 1}`;
+        return {
+            id: `${index}-${name}`,
+            name,
+            mimeType: attachment.mimeType,
+            size,
+            contentId: attachment.contentId,
+            load: () => toArrayBuffer(attachment.content),
+        };
+    });
+    return Promise.all(attachments.map(async (attachment) => {
+        var _a;
+        if (!attachment.contentId || !((_a = attachment.mimeType) === null || _a === void 0 ? void 0 : _a.startsWith('image/'))) {
+            return;
+        }
+        const buffer = await attachment.load();
+        const url = URL.createObjectURL(new Blob([buffer], { type: attachment.mimeType }));
+        objectUrls.push(url);
+        cidUrls.set(normalizeContentId(attachment.contentId), url);
+    })).then(() => attachments);
+};
+const parseEml = async (buffer, filename, objectUrls, cidUrls) => {
+    var _a, _b;
+    const PostalMime = (await import('postal-mime')).default;
+    const email = await PostalMime.parse(buffer, {
+        attachmentEncoding: 'arraybuffer',
+        maxNestingDepth: 24,
+        maxHeadersSize: 2 * 1024 * 1024,
+    });
+    const attachments = await createPostalAttachments(email, objectUrls, cidUrls);
+    return {
+        kind: 'eml',
+        subject: email.subject || filename,
+        from: normalizeAddress(email.from),
+        to: normalizeAddress(email.to),
+        cc: normalizeAddress(email.cc),
+        date: email.date,
+        text: email.text,
+        html: email.html,
+        headers: ((_a = email.headerLines) === null || _a === void 0 ? void 0 : _a.map((item) => item.line).join('\n'))
+            || ((_b = email.headers) === null || _b === void 0 ? void 0 : _b.map((item) => `${item.originalKey}: ${item.value}`).join('\n')),
+        attachments,
+    };
+};
+const parseMbox = async (buffer, filename, objectUrls, cidUrls) => {
+    var _a, _b, _c, _d;
+    const source = new TextDecoder('utf-8', { fatal: false }).decode(buffer);
+    const starts = [...source.matchAll(/^From .*$\n/gm)].map(match => match.index || 0);
+    const firstStart = (_a = starts[0]) !== null && _a !== void 0 ? _a : 0;
+    const secondStart = (_b = starts[1]) !== null && _b !== void 0 ? _b : source.length;
+    const firstMessage = source.slice(firstStart, secondStart).replace(/^From .*$\n/, '');
+    const encoded = new TextEncoder().encode(firstMessage).buffer;
+    const PostalMime = (await import('postal-mime')).default;
+    const email = await PostalMime.parse(encoded, {
+        attachmentEncoding: 'arraybuffer',
+        maxNestingDepth: 24,
+        maxHeadersSize: 2 * 1024 * 1024,
+    });
+    const attachments = await createPostalAttachments(email, objectUrls, cidUrls);
+    return {
+        kind: 'mbox',
+        subject: email.subject || `${filename} · 第 1 封`,
+        from: normalizeAddress(email.from),
+        to: normalizeAddress(email.to),
+        cc: normalizeAddress(email.cc),
+        date: email.date,
+        text: `MBOX 共识别 ${Math.max(1, starts.length)} 封邮件，当前展示第 1 封。\n\n${email.text || ''}`,
+        html: email.html,
+        headers: ((_c = email.headerLines) === null || _c === void 0 ? void 0 : _c.map((item) => item.line).join('\n'))
+            || ((_d = email.headers) === null || _d === void 0 ? void 0 : _d.map((item) => `${item.originalKey}: ${item.value}`).join('\n')),
+        attachments,
+    };
+};
+const parseMsg = async (buffer, filename) => {
+    var _a;
+    const msgReaderModule = await import('@kenjiuno/msgreader');
+    const MsgReader = (((_a = msgReaderModule.default) === null || _a === void 0 ? void 0 : _a.default) || msgReaderModule.default);
+    const reader = new MsgReader(buffer);
+    const fileData = reader.getFileData();
+    const attachments = (fileData.attachments || []).map((attachment, index) => {
+        const name = attachment.fileName || attachment.fileNameShort || attachment.name || `attachment-${index + 1}${attachment.extension || ''}`;
+        return {
+            id: `${index}-${name}`,
+            name,
+            mimeType: 'application/octet-stream',
+            size: attachment.contentLength || attachment.size || 0,
+            contentId: attachment.pidContentId,
+            async load() {
+                const file = reader.getAttachment(attachment);
+                return toArrayBuffer(file.content);
+            },
+        };
+    });
+    return {
+        kind: 'msg',
+        subject: fileData.subject || filename,
+        from: normalizeAddress({ name: fileData.senderName, address: fileData.senderEmail }),
+        to: normalizeAddress(fileData.recipients || []).filter(item => item.name || item.address),
+        cc: [],
+        date: fileData.messageDeliveryTime || fileData.clientSubmitTime || fileData.creationTime,
+        text: fileData.body,
+        html: fileData.html || '',
+        headers: fileData.headers,
+        attachments,
+    };
+};
+const parseEmail = (buffer, type, filename, objectUrls, cidUrls) => {
+    if (type === 'msg') {
+        return parseMsg(buffer, filename);
+    }
+    if (type === 'mbox') {
+        return parseMbox(buffer, filename, objectUrls, cidUrls);
+    }
+    return parseEml(buffer, filename, objectUrls, cidUrls);
+};
+const createStyle = () => {
+    const style = document.createElement('style');
+    style.textContent = emailStyle;
+    return style;
+};
+const createElement = (tagName, className, text) => {
+    const element = document.createElement(tagName);
+    if (className) {
+        element.className = className;
+    }
+    if (text !== undefined) {
+        element.textContent = text;
+    }
+    return element;
+};
+const getAttachmentExtension = (name) => {
+    const index = name.lastIndexOf('.');
+    return index >= 0 ? name.slice(index + 1).toLowerCase() : 'txt';
+};
+const createHtmlSrcdoc = (html, cidUrls) => {
+    let next = html;
+    cidUrls.forEach((url, cid) => {
+        const escaped = cid.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        next = next.replace(new RegExp(`cid:${escaped}`, 'gi'), url);
+    });
+    return `<!doctype html><html><head><meta charset="utf-8"><base target="_blank"><style>body{margin:0;padding:18px;font-family:Aptos,"Segoe UI",sans-serif;line-height:1.6;color:#172033;word-break:break-word;}img{max-width:100%;height:auto;}</style></head><body>${next}</body></html>`;
+};
+const appendMeta = (meta, label, value) => {
+    const row = document.createElement('p');
+    const strong = document.createElement('strong');
+    strong.textContent = label;
+    row.append(strong, document.createTextNode(value || '-'));
+    meta.append(row);
+};
+export default async function renderEmail(buffer, target, type = 'eml', context) {
+    const normalizedType = type === 'msg' ? 'msg' : type === 'mbox' ? 'mbox' : 'eml';
+    const filename = (context === null || context === void 0 ? void 0 : context.filename) || `message.${normalizedType}`;
+    const objectUrls = [];
+    const cidUrls = new Map();
+    const cleanups = [];
+    let nestedRendered;
+    let overlay = null;
+    let errorElement = null;
+    const root = createElement('section', 'email-viewer');
+    const style = createStyle();
+    target.replaceChildren(style, root);
+    const listen = (element, event, listener) => {
+        element.addEventListener(event, listener);
+        cleanups.push(() => element.removeEventListener(event, listener));
+    };
+    const showLoading = (text) => {
+        if (!overlay) {
+            overlay = createElement('div', 'email-state');
+            overlay.append(createElement('span'), createElement('strong', undefined, text));
+            root.append(overlay);
+            return;
+        }
+        const label = overlay.querySelector('strong');
+        if (label) {
+            label.textContent = text;
+        }
+    };
+    const hideLoading = () => {
+        overlay === null || overlay === void 0 ? void 0 : overlay.remove();
+        overlay = null;
+    };
+    const showError = (message) => {
+        errorElement === null || errorElement === void 0 ? void 0 : errorElement.remove();
+        errorElement = createElement('div', 'email-error');
+        errorElement.append(createElement('strong', undefined, '邮件预览提示'));
+        errorElement.append(createElement('p', undefined, message));
+        root.append(errorElement);
+    };
+    const clearAttachmentPreview = async () => {
+        await disposeFileViewerRendered(nestedRendered);
+        nestedRendered = undefined;
+    };
+    const downloadAttachment = async (attachment) => {
+        const attachmentBuffer = await attachment.load();
+        const url = URL.createObjectURL(new Blob([attachmentBuffer], { type: attachment.mimeType || 'application/octet-stream' }));
+        objectUrls.push(url);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = attachment.name;
+        document.body.append(link);
+        link.click();
+        link.remove();
+    };
+    const renderParsedEmail = (parsed) => {
+        let activeBody = parsed.html ? 'html' : parsed.text ? 'text' : 'headers';
+        let activeAttachment = null;
+        const tabButtons = [];
+        const attachmentButtons = [];
+        root.replaceChildren();
+        const header = createElement('header', 'email-header');
+        header.append(createElement('span', undefined, parsed.kind.toUpperCase()));
+        header.append(createElement('h2', undefined, parsed.subject || filename));
+        const meta = createElement('div', 'email-meta');
+        appendMeta(meta, '发件人', addressText(parsed.from));
+        appendMeta(meta, '收件人', addressText(parsed.to));
+        if (parsed.cc.length) {
+            appendMeta(meta, '抄送', addressText(parsed.cc));
+        }
+        appendMeta(meta, '时间', parsed.date || '-');
+        header.append(meta);
+        const body = createElement('div', 'email-body');
+        const sidebar = createElement('aside', 'email-sidebar');
+        const tabs = createElement('div', 'body-tabs');
+        const messagePanel = createElement('main', 'message-panel');
+        const messageContent = createElement('div', 'email-message-content');
+        const attachmentPreview = createElement('section', 'attachment-preview');
+        attachmentPreview.hidden = true;
+        const attachmentPreviewHead = createElement('div', 'attachment-preview-head');
+        const attachmentPreviewTitle = createElement('strong');
+        const attachmentDownload = createElement('button', undefined, '下载附件');
+        attachmentDownload.type = 'button';
+        const attachmentTarget = createElement('div', 'attachment-target');
+        attachmentPreviewHead.append(attachmentPreviewTitle, attachmentDownload);
+        attachmentPreview.append(attachmentPreviewHead, attachmentTarget);
+        const renderMessageContent = () => {
+            messageContent.replaceChildren();
+            if (activeBody === 'html' && parsed.html) {
+                const iframe = createElement('iframe', 'email-html');
+                iframe.setAttribute('sandbox', '');
+                iframe.srcdoc = createHtmlSrcdoc(parsed.html, cidUrls);
+                messageContent.append(iframe);
+                return;
+            }
+            const pre = createElement('pre', 'email-text');
+            pre.textContent = activeBody === 'text' ? parsed.text || '' : parsed.headers || '';
+            messageContent.append(pre);
+        };
+        const syncTabState = () => {
+            tabButtons.forEach(({ mode, button }) => {
+                button.classList.toggle('active', mode === activeBody);
+            });
+        };
+        const bodyModes = [
+            { key: 'html', label: 'HTML', disabled: !parsed.html },
+            { key: 'text', label: '正文', disabled: !parsed.text },
+            { key: 'headers', label: '头信息', disabled: !parsed.headers },
+        ];
+        bodyModes.forEach(mode => {
+            const button = createElement('button', undefined, mode.label);
+            button.type = 'button';
+            button.disabled = mode.disabled;
+            listen(button, 'click', () => {
+                if (button.disabled) {
+                    return;
+                }
+                activeBody = mode.key;
+                syncTabState();
+                renderMessageContent();
+            });
+            tabButtons.push({ mode: mode.key, button });
+            tabs.append(button);
+        });
+        syncTabState();
+        const attachmentPanel = createElement('section', 'attachment-panel');
+        const attachmentTitle = createElement('div', 'attachment-title');
+        attachmentTitle.append(createElement('strong', undefined, '附件'), createElement('span', undefined, String(parsed.attachments.length)));
+        attachmentPanel.append(attachmentTitle);
+        if (!parsed.attachments.length) {
+            attachmentPanel.append(createElement('p', 'attachment-empty', '暂无附件'));
+        }
+        const syncAttachmentState = () => {
+            attachmentButtons.forEach(({ id, button }) => {
+                button.classList.toggle('active', id === (activeAttachment === null || activeAttachment === void 0 ? void 0 : activeAttachment.id));
+            });
+        };
+        const previewAttachment = async (attachment) => {
+            activeAttachment = attachment;
+            syncAttachmentState();
+            attachmentPreview.hidden = false;
+            attachmentPreviewTitle.textContent = attachment.name;
+            showLoading(`正在打开附件 ${attachment.name}...`);
+            try {
+                await clearAttachmentPreview();
+                attachmentTarget.replaceChildren();
+                const attachmentBuffer = await attachment.load();
+                const child = createElement('div', 'email-attachment-render');
+                attachmentTarget.append(child);
+                const extension = getAttachmentExtension(attachment.name);
+                if (context === null || context === void 0 ? void 0 : context.renderNestedBuffer) {
+                    nestedRendered = await context.renderNestedBuffer(attachmentBuffer, extension, child, {
+                        ...context,
+                        filename: attachment.name,
+                        options: context.options,
+                    });
+                }
+                else {
+                    child.append(createElement('div', undefined, `当前运行环境未提供附件嵌套预览入口，请下载 ${attachment.name} 后查看。`));
+                }
+            }
+            catch (nextError) {
+                console.error(nextError);
+                showError(nextError instanceof Error ? nextError.message : String(nextError));
+            }
+            finally {
+                hideLoading();
+            }
+        };
+        parsed.attachments.forEach(attachment => {
+            const button = createElement('button', 'attachment-item');
+            button.type = 'button';
+            const icon = createElement('span', undefined, getAttachmentExtension(attachment.name).toUpperCase() || 'FILE');
+            const name = createElement('strong', undefined, attachment.name);
+            const size = createElement('em', undefined, formatBytes(attachment.size));
+            button.append(icon, name, size);
+            listen(button, 'click', () => {
+                void previewAttachment(attachment);
+            });
+            attachmentButtons.push({ id: attachment.id, button });
+            attachmentPanel.append(button);
+        });
+        listen(attachmentDownload, 'click', () => {
+            if (activeAttachment) {
+                void downloadAttachment(activeAttachment);
+            }
+        });
+        renderMessageContent();
+        sidebar.append(tabs, attachmentPanel);
+        messagePanel.append(messageContent, attachmentPreview);
+        body.append(sidebar, messagePanel);
+        root.append(header, body);
+    };
+    showLoading('正在解析邮件...');
+    try {
+        const parsed = await parseEmail(buffer, normalizedType, filename, objectUrls, cidUrls);
+        renderParsedEmail(parsed);
+    }
+    catch (nextError) {
+        console.error(nextError);
+        root.replaceChildren();
+        showError(nextError instanceof Error ? nextError.message : String(nextError));
+    }
+    finally {
+        hideLoading();
+    }
+    return {
+        $el: root,
+        async unmount() {
+            await clearAttachmentPreview();
+            cleanups.splice(0).forEach(cleanup => cleanup());
+            objectUrls.forEach(url => URL.revokeObjectURL(url));
+            target.replaceChildren();
+        },
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { type FileRenderHandler, type FileViewerRenderedInstance, type FileViewerRendererPlugin, type RendererDefinition } from '@file-viewer/core';
+export declare const emailRendererDefinition: RendererDefinition;
+export declare const renderFileViewerEmail: FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>;
+export declare const emailRenderer: FileViewerRendererPlugin<FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>>;
+export default emailRenderer;

package/dist/index.js

@@ -0,0 +1,17 @@
+import { DEFAULT_RENDERER_DEFINITIONS, } from '@file-viewer/core';
+const emailDefinition = DEFAULT_RENDERER_DEFINITIONS.find(definition => definition.id === 'email');
+if (!emailDefinition) {
+    throw new Error('@file-viewer/renderer-email could not locate the shared email format definition.');
+}
+export const emailRendererDefinition = emailDefinition;
+export const renderFileViewerEmail = (buffer, target, type, context) => import('./email.js').then(({ default: renderEmail }) => renderEmail(buffer, target, type, context));
+export const emailRenderer = {
+    id: 'file-viewer-renderer-email',
+    label: 'Flyfish File Viewer email renderer',
+    definitions: [emailRendererDefinition],
+    handlers: [{
+            rendererId: emailRendererDefinition.id,
+            handler: renderFileViewerEmail,
+        }],
+};
+export default emailRenderer;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@file-viewer/renderer-email",
+  "version": "2.0.11",
+  "private": false,
+  "type": "module",
+  "description": "Standalone email renderer plugin for Flyfish File Viewer with EML, MSG, MBOX, attachments, and nested previews.",
+  "keywords": [
+    "file-viewer",
+    "renderer",
+    "email",
+    "eml",
+    "msg",
+    "mbox",
+    "document-preview",
+    "document-viewer",
+    "file-preview",
+    "self-hosted"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": {
+    "name": "Wangyu",
+    "email": "wybaby168@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flyfish-dev/file-viewer-renderer-email.git",
+    "directory": "packages/renderers/email"
+  },
+  "homepage": "https://doc.file-viewer.app/guide/on-demand-renderers",
+  "bugs": {
+    "url": "https://github.com/flyfish-dev/file-viewer-renderer-email/issues"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://dev.flyfish.group/shop"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "README.en.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@file-viewer/core": "^2.0.11",
+    "@kenjiuno/msgreader": "^1.28.0",
+    "postal-mime": "^2.7.4"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.3"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "tsc -b tsconfig.json",
+    "type-check": "tsc -b tsconfig.json"
+  }
+}