zhrren/devtools-x

Collection of offline first developer utilities available as desktop application. all in one place, cross-platform!

DevTools-X

Inspiration

devutils is macOS-only, and devtoys is Windows-only.
So here's DevTools-X -- an x-platform collection of dev-tools that is lighter, safer, and full of feature rich development utilities.

Note: Application is under development, expect some bugs.

Badges

Installation

Download the relevant package from Github Releases section, and start using it! :D
More ways to install are on their way.

Features

The entire project is a web app (not Electron, read below). It uses Monaco as the text editor everywhere, so just like VS Code, all the keyboard shortcuts like Ctrl-F or Ctrl-X will work just fine, even opening the VS Code command menu to perform complicated operations such 'format' or 'set language' and so on. The rest of the features are pretty straightforward.

DevTools-X comes with following features (with demo video):

Image Compressor with preview [REMOVED TEMPORARILY]

image.mp4

Rest API

rest.mp4

React live playground (without a server)

react.mp4

Color picker and converter

colorpicker.mp4

Regex Tester

regex.mp4

JSON format and minify

jsoneditor.mp4

Hashing of text and files

hashes.mp4

Random text generator (for passwords)

randomtext.mp4

Language scratchpad

repl.mp4

JWT

jwt.mp4

Number convertor

nums.mp4

SQL formatter

sql.mp4

Text Diff (with syntax highlight and code editing)

diff.mp4

Markdown write and preview

markdown.mp4

Yaml-Json converter

yamljson.mp4

A Pastebin

Video WIP

Unit converter

unitconv.mp4

And many more to come...

Tech Stack

It's very important for everyone to understand this section. People have choices, just like me. Some of you may not use a tool just because it uses Electron, and the hate is justifiable. I personally don't want to run a Chrome + NodeJS instance for every app I launch.

Which is why DevTools-X is NOT WRITTEN IN ELECTRON.

Devtools-X uses a native webview to achieve the same purpose using Tauri. Native webview gives me the development speed of Electron (React + TS) while being secure and efficient on RAM and staying cross platform at the same time.

The UI uses React + TS + Mantine. The backend is Rust.

Authors

• @Sparkenstein
• You?

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's Code of Conduct.

FAQ

What's up with the bad looking UI?

Well, it was even worse previously! I am not a UI developer. I understand React, but not colors. Feel free to contribute any changes that you think might make it look better.

Do I need to know Rust to get started?

Absolutely not. I don't know Rust myself and I have a complete application that I created from scratch.

NEED HELP WITH:

• More features
• Testing
• Can the logo be improved?
• Regex Tester is kinda broken, monaco gives headache
• Fix ALL FIXME: s and TODO: s
• Database integration for storing configuration? (low priority)
• Security. Check CSP and fix the worker loading.
• Stress testing, especially for hashers and the image compressor