youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 10:28:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): add inline PDF preview support for skill file viewer

Browse Source 
Enable PDF files to be previewed directly in the file content panel
instead of showing as unsupported files requiring download. Uses the
existing react-pdf-highlighter library with zoom controls and keyboard
shortcuts (up/down arrows).
This commit is contained in:
yyh
2026-02-05 17:20:32 +08:00
parent 083154e57b
commit 94c354e36d
4 changed files with 104 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/components/workflow/skill/hooks/use-file-type-info.ts
View File

@ -3,6 +3,7 @@ import {
getFileExtension,
isImageFile,
isMarkdownFile,
isPdfFile,
isSQLiteFile,
isTextLikeFile,
isVideoFile,
@ -13,6 +14,7 @@ export type FileTypeInfo = {
isCodeOrText: boolean
isImage: boolean
isVideo: boolean
isPdf: boolean
isSQLite: boolean
isEditable: boolean
isMediaFile: boolean
@ -27,6 +29,7 @@ export function useFileTypeInfo(fileNode: { name: string, extension?: string | n
isCodeOrText: false,
isImage: false,
isVideo: false,
isPdf: false,
isSQLite: false,
isEditable: false,
isMediaFile: false,
@ -38,6 +41,7 @@ export function useFileTypeInfo(fileNode: { name: string, extension?: string | n
const markdown = isMarkdownFile(ext)
const image = isImageFile(ext)
const video = isVideoFile(ext)
const pdf = isPdfFile(ext)
const sqlite = isSQLiteFile(ext)
const editable = isTextLikeFile(ext)
const codeOrText = editable && !markdown
@ -47,10 +51,11 @@ export function useFileTypeInfo(fileNode: { name: string, extension?: string | n
isCodeOrText: codeOrText,
isImage: image,
isVideo: video,
isPdf: pdf,
isSQLite: sqlite,
isEditable: editable,
isMediaFile: image || video,
isPreviewable: editable || image || video || sqlite,
isPreviewable: editable || image || video || pdf || sqlite,
}
}, [fileNode?.name, fileNode?.extension])
}