gchq / gchq/CyberChef

Feature request: Add new icons to better show file types

Open
#1,620 2 comments 0 reactions 0 assignees View on GitHub
feature
Dominant language
JavaScript
Stars
35.8k
Forks
4.1k
Avg merge
2d 26m
Merged PRs (30d)
33

Description

**Is your feature request related to a problem? Please describe.**
When the user uplods a file it would be nice if the file icon shows the file type rater that the file icon with a i symbol in it.

**Describe the solution you'd like**
I think it would be nice if cyberchef figured out what the file is and then put the correct image on it.

**Examples**
Example of what it looks like currently:
![chrome_a8CMiUQ7i2](https://github.com/gchq/CyberChef/assets/60709927/f22a4d99-9772-44af-adb8-2a8f09b6bea9)

Example with text file:
![chrome_d16Rtpk6Wf](https://github.com/gchq/CyberChef/assets/60709927/79d3cab8-d4d3-47c7-9894-ef5c1eb685e1)

Example with a binary:
![chrome_jgysjdxD7X](https://github.com/gchq/CyberChef/assets/60709927/a2b87d4b-067c-4805-b9e5-784ad39d1d47)

Bootstrap icons has loads of file type icons:
![image](https://github.com/gchq/CyberChef/assets/60709927/87073f10-1790-4ad2-9b83-bb104ab45938)

Contributor guide

Open the contributing guide

Research direction

No source files, tests, or entry points are named. Start by locating the upload UI and its current generic file icon, then review how uploaded content is identified. Done means supported file types are detected reliably and shown with appropriate icons, with a defined fallback for unknown or binary files.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, javascript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.