flare-floss/viewer
Moritz c32ec30a9f
Merge pull request #1403 from vee1e/doc/docs-gap-report
Bring docs up to date with the current CLI
2026-08-25 13:34:36 +02:00
..
public fix(viewer): address review feedback on standalone download 2026-08-24 03:35:23 +05:30
scripts feat(viewer): include commit date in download filename 2026-08-24 17:38:37 +05:30
src feat(viewer): include commit date in download filename 2026-08-24 17:38:37 +05:30
.gitignore feat(viewer): rework landing page and viewer chrome 2026-08-24 02:00:07 +05:30
eslint.config.js refactor(viewer): rename qs-viewer directory to viewer 2026-08-18 23:54:59 +05:30
index.html refactor(viewer): embed favicon data URI directly, drop inline plugin 2026-08-24 16:09:13 +05:30
package-lock.json refactor(viewer): embed favicon data URI directly, drop inline plugin 2026-08-24 16:09:13 +05:30
package.json refactor(viewer): embed favicon data URI directly, drop inline plugin 2026-08-24 16:09:13 +05:30
README.md Merge pull request #1403 from vee1e/doc/docs-gap-report 2026-08-25 13:34:36 +02:00
tsconfig.app.json refactor(viewer): rename qs-viewer directory to viewer 2026-08-18 23:54:59 +05:30
tsconfig.json refactor(viewer): rename qs-viewer directory to viewer 2026-08-18 23:54:59 +05:30
tsconfig.node.json refactor(viewer): rename qs-viewer directory to viewer 2026-08-18 23:54:59 +05:30
vite.config.ts refactor(viewer): embed favicon data URI directly, drop inline plugin 2026-08-24 16:09:13 +05:30

FLOSS Graphical Viewer

This is a web-based viewer for analyzing the output of the floss tool. It allows for interactive filtering and exploration of extracted strings, tags, and structures from a binary file.

Features

  • Upload and parse floss JSON output.
  • Filter strings by search term, minimum length, tags, and structures.
  • Toggle display of columns (tags, encoding, offset/structure).
  • Copy filtered strings to the clipboard.
  • Download the viewer itself as a standalone HTML file for offline use (download icon in the header). The saved file is fully self-contained and can be opened directly in a browser without an internet connection. The file is named after the viewer version, the commit date, and the git commit it was built from (e.g. floss-viewer-3.1.1-26-08-24-abc1234.html).

Development

To set up the development environment, first install the dependencies:

npm install

Then, run the development server:

npm run dev

This will start a local server, and you can view the application in your browser. The server supports Hot Module Replacement (HMR), so changes to the source code will be reflected live without a full page reload.

Building

To check your changes and build for production, run:

npm run lint
npm run build

This will create a single, self-contained HTML file in the dist directory. This file can be opened directly in a browser or hosted on a web server.