57 lines
3.1 KiB
TypeScript
57 lines
3.1 KiB
TypeScript
// Open via Vite's /@fs/<checkout>/tests/browser/attachment-open.html.
|
|
// The real TipTap attachment card and PDF viewer share a controlled IPC mock.
|
|
import React, { useState } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { Editor, EditorContent } from "@tiptap/react";
|
|
import StarterKit from "@tiptap/starter-kit";
|
|
import { I18nextProvider } from "react-i18next";
|
|
import i18next from "i18next";
|
|
import { zhCN } from "../../packages/shared/src/i18n/zh-CN";
|
|
import { FileAttachment } from "../../apps/web/src/components/editor/FileAttachment";
|
|
import { PdfViewer } from "../../apps/web/src/components/pdf/PdfViewer";
|
|
import "../../apps/web/src/styles/globals.css";
|
|
|
|
const i18n = i18next.createInstance();
|
|
await i18n.init({ lng: "zh-CN", resources: { "zh-CN": { translation: zhCN } }, initAsync: false });
|
|
let resolveOpen: ((value: { ok: boolean; code?: string }) => void) | undefined;
|
|
const calls: Array<{ url: string; filename: string }> = [];
|
|
Object.defineProperty(window, "edgeeverDesktop", { configurable: true, value: {
|
|
isAvailable: true,
|
|
apiBaseUrl: "http://attachment-fixture.invalid",
|
|
openAttachment: (input: { url: string; filename: string }) => {
|
|
calls.push(input);
|
|
document.getElementById("calls")!.textContent = JSON.stringify(calls);
|
|
return new Promise((resolve) => { resolveOpen = resolve; });
|
|
},
|
|
} });
|
|
const editor = new Editor({ extensions: [StarterKit, FileAttachment], content: {
|
|
type: "doc", content: [{ type: "paragraph", content: [{ type: FileAttachment.name, attrs: {
|
|
url: "edgeever-resource://resource/sheet_1", label: "训练.xlsx", filename: "训练.xlsx",
|
|
mimeType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", byteSize: 6440,
|
|
} }] }],
|
|
} });
|
|
const Fixture = () => {
|
|
const [desktop, setDesktop] = useState(true);
|
|
return <I18nextProvider i18n={i18n}>
|
|
<div className="my-4 flex flex-wrap gap-3">
|
|
<button onClick={() => resolveOpen?.({ ok: true })}>完成打开</button>
|
|
<button onClick={() => resolveOpen?.({ ok: false, code: "unavailable" })}>模拟离线无缓存</button>
|
|
<button onClick={() => resolveOpen?.({ ok: false, code: "blocked" })}>模拟受限文件</button>
|
|
<button onClick={() => resolveOpen?.({ ok: false, code: "open-failed" })}>模拟无关联应用</button>
|
|
<button onClick={() => {
|
|
const next = !desktop;
|
|
window.edgeeverDesktop!.isAvailable = next;
|
|
editor.commands.setContent({ type: "doc", content: [{ type: "paragraph", content: [{ type: FileAttachment.name, attrs: {
|
|
url: next ? "edgeever-resource://resource/sheet_1" : "/api/v1/resources/sheet_1/blob",
|
|
label: "训练.xlsx", filename: "训练.xlsx", byteSize: 6440,
|
|
} }] }] });
|
|
setDesktop(next);
|
|
}}>运行环境：{desktop ? "桌面" : "Web"}</button>
|
|
</div>
|
|
<EditorContent editor={editor} />
|
|
<PdfViewer url={desktop ? "edgeever-staged://pdf_1" : "/api/v1/resources/pdf_1/blob"} label="报告.pdf" filename="报告.pdf" byteSize={1000} />
|
|
<pre id="calls" className="mt-5 whitespace-pre-wrap text-xs">[]</pre>
|
|
</I18nextProvider>;
|
|
};
|
|
createRoot(document.getElementById("fixture")!).render(<Fixture />);
|