flyfish-dev/file-viewer

Flyfish Viewer is a public artifact repository for a browser-based file preview component. The repository itself does not contain the source code. It hosts the built distribution files, a demo site, documentation, and example files. Teams who want the full source, a fork, or a commercial license are pointed to the project's shop page, where access is sold for 4.99. The component, published on npm as @flyfish-group/file-viewer3 for Vue 3 and @flyfish-group/file-viewer for Vue 2.7, lets a web app open Word, Excel, PowerPoint, PDF, audio files, and ebooks directly inside the browser. The README states that parsing and rendering happen entirely on the front end, so there is no need for a backend transcoding service, an Office server, or a LibreOffice process. The current version is 1.0.9, and both npm packages stay in sync. The README lists 74 file extensions across roughly 15 preview pipelines. Word docs use docx-preview or a legacy doc viewer, Excel uses styled-exceljs with virtual scrolling, PowerPoint slides render with theme backgrounds and EMF vector images, and PDFs use pdfjs-dist. Other supported types include OFD documents, DXF CAD drawings, Excalidraw boards, draw.io diagrams, EPUB and UMD ebooks, Markdown, common image formats, MP4 video, MP3 and other audio, and a long list of code and text files highlighted with highlight.js. The README describes three ways to use the project. You can install the npm package and register it as a Vue 3 or Vue 2 component, passing a url or a File prop. You can also drop the demo folder onto any static host and embed it through an iframe, which suits multi-system setups that do not want preview dependencies in the main bundle. A tarball under artifacts lets you install without going through npm. The project is released under Apache 2.0. Issues and pull requests for general fixes are welcome.