Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-06 15:45:47 +02:00
Code Issues Packages Projects Releases Activity

feat(attachments): display text attachments for file role

Browse Source
This commit is contained in:
Elian Doran
2026-04-17 18:31:42 +03:00
parent 9b1b0c5574
commit e0c951e758
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/type_widgets/Attachment.tsx
View File

@@ -30,6 +30,7 @@ import Icon from "../react/Icon";
import Modal from "../react/Modal";
import NoteLink from "../react/NoteLink";
import { ParentComponent, refToJQuerySelector } from "../react/react_utils";
import { TextPreview } from "./File";
import { TextRepresentation } from "./ReadOnlyTextRepresentation";
import { TypeWidgetProps } from "./type_widget";
@@ -144,6 +145,7 @@ export function AttachmentDetail({ note, viewScope }: TypeWidgetProps) {
function AttachmentInfo({ attachment, isFullDetail }: { attachment: FAttachment, isFullDetail?: boolean }) {
const contentWrapper = useRef<HTMLDivElement>(null);
const [ ocrModalShown, setOcrModalShown ] = useState(false);
const [ textContent, setTextContent ] = useState<string | null>(null);
const supportsOcr = attachment.role === "image" || attachment.role === "file";
function refresh() {
@@ -151,6 +153,10 @@ function AttachmentInfo({ attachment, isFullDetail }: { attachment: FAttachment,
.then(({ $renderedContent }) => {
contentWrapper.current?.replaceChildren(...$renderedContent);
});
if (attachment.role === "file") {
attachment.getBlob().then(blob => setTextContent(blob?.content ?? null));
}
}
useEffect(refresh, [ attachment ]);
@@ -213,6 +219,7 @@ function AttachmentInfo({ attachment, isFullDetail }: { attachment: FAttachment,
</div>
{attachment.utcDateScheduledForErasureSince && <DeletionAlert utcDateScheduledForErasureSince={attachment.utcDateScheduledForErasureSince} />}
{textContent && <TextPreview content={textContent} />}
<div ref={contentWrapper} className="attachment-content-wrapper" />
</div>

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

@@ -26,7 +26,7 @@ export default function FileTypeWidget({ note, parentComponent, noteContext }: T
}
function TextPreview({ content }: { content: string }) {
export function TextPreview({ content }: { content: string }) {
const trimmedContent = content.substring(0, TEXT_MAX_NUM_CHARS);
const isTooLarge = trimmedContent.length !== content.length;