gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-29 10:44:25 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

feat(client/pdf): integrate pdf.js

Browse Source
This commit is contained in:
Elian Doran 2025-12-29 01:16:56 +02:00
parent 914cf10911
commit 41bcf9524a
No known key found for this signature in database
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/client/src/widgets/type_widgets/File.tsx
View File

@ -1,10 +1,11 @@
import { useNoteBlob } from "../react/hooks";
import "./File.css";
import { TypeWidgetProps } from "./type_widget";
import FNote from "../../entities/fnote";
import { t } from "../../services/i18n";
import { getUrlForDownload } from "../../services/open";
import Alert from "../react/Alert";
import { t } from "../../services/i18n";
import { useNoteBlob } from "../react/hooks";
import { TypeWidgetProps } from "./type_widget";
const TEXT_MAX_NUM_CHARS = 5000;
@ -12,16 +13,16 @@ export default function File({ note }: TypeWidgetProps) {
const blob = useNoteBlob(note);
if (blob?.content) {
return <TextPreview content={blob.content} />
return <TextPreview content={blob.content} />;
} else if (note.mime === "application/pdf") {
return <PdfPreview note={note} />
return <PdfPreview note={note} />;
} else if (note.mime.startsWith("video/")) {
return <VideoPreview note={note} />
return <VideoPreview note={note} />;
} else if (note.mime.startsWith("audio/")) {
return <AudioPreview note={note} />
} else {
return <NoPreview />
return <AudioPreview note={note} />;
}
return <NoPreview />;
}
function TextPreview({ content }: { content: string }) {
@ -37,14 +38,14 @@ function TextPreview({ content }: { content: string }) {
)}
<pre class="file-preview-content">{trimmedContent}</pre>
</>
)
);
}
function PdfPreview({ note }: { note: FNote }) {
return (
<iframe
class="pdf-preview"
src={getUrlForDownload(`api/notes/${note.noteId}/open`)} />
src={`pdfjs/web/viewer.html?file=../../api/notes/${note.noteId}/open`} />
);
}
@ -56,7 +57,7 @@ function VideoPreview({ note }: { note: FNote }) {
datatype={note?.mime}
controls
/>
)
);
}
function AudioPreview({ note }: { note: FNote }) {
@ -66,7 +67,7 @@ function AudioPreview({ note }: { note: FNote }) {
src={getUrlForDownload(`api/notes/${note.noteId}/open-partial`)}
controls
/>
)
);
}
function NoPreview() {