Toolbox
Collection of my small development tools bundled in an Electron app.
My tools are probably not that useful for others, but the project itself might be a good starting point to build your own toolbox.
Tools
There are only a few tools at the moment. I will add new tools incrementally.
Platform
Usually, when I make small tools for myself, it's not worth the time to polish them, or create reusable components to make a consistent look&feel.
But since I plan to add a lot of tools to this toolbox, I've spent the time creating kind of a platform for them. This makes it easy to add new tools, make their UIs consistent, generalise often needed functionalities, etc. It also contains base components for classes of tools, like generators, analyzers, formatters, playgrounds, websites.
Main scripts
npm start- Start development in browser.npm run dev- Start development in Electron.npm run make- Build production MacOS app. Output:out/Toolbox-darwin-x64/Toolbox.app.
Changing the port
It's easiest to search for the current port and replace it everywhere.
- package.json scripts
- electron.js PORT constant
Changing the icon
- Put the new icon to
_work/icon.pngin 1024x1024 resolution, thennpm run generate-app-icon
Electron notes
- If you add files or folders that you don't want to include in the build, add them to
package.jsonpackagerConfig.ignore.
Screenshots
