Environment Variables. Control application configuration and behavior without changing code. Certain Electron behaviors are controlled by environment variables because they are initialized earlier than the command line flags and the app's code.
- Electron Build Dmg There are two different types of OS one is Mac OS X Lion 10.7 ISO, DMG and the other one is OS X mountain lion. So please don’t get confused in both OS.
- # Build Command. The build command consists of three main phases: render build, main build, and electron-builder build: Render build: This phase calls vue-cli-service build with some custom configuration so it works properly with electron. (The render process is your standard app.).
Features
Some screen captures of the implemented features...
Online demo
The app has been deployed and you can test it right here!. Whenever a feature is only available under Electron the UI element will be disabled or a corresponding popup message will be displayed. But most of the time we will try to make the feature available online.
Windows, Linux and MacOS versions
Since most of the features don't need to access desktop capabilities, Electron is actually not absolutely required. However, having a desktop application gives nice things like:
- global OS shortcuts
- dedicated OS window
- ability to select exactly where a file will be stored whenever the SPA offers a
Save As...
button - etc.
Again feel free to try ot the online demo before trying to package the Electron app for your platform :-)
Builded releases
The following installers are available under releases
folder:
- Windows:
releases/Web Toolbox Setup <version>.exe
- Linux:
releases/Web Toolbox-<version>.AppImage
- MacOS:
releases/Web Toolbox-<version>.dmg
Build releases from source
To build a desktop version just get the source code and run the following command, which will package the installers for all the platforms:
This creates the following installers:
- Windows:
build/Web Toolbox Setup <version>.exe
- Linux:
build/Web Toolbox-<version>.AppImage
- MacOS:
build/Web Toolbox-<version>.dmg
License
This project is licensed under the MIT license, Copyright (c) 2020 André Masson. For more information see LICENSE.md
.
Useful links
Interesting posts this app has been inspired by
Spinner
This project was bootstrapped with Create React App with --typescript
option.
On the top of it, the following features have been added with relatively small changes:
- TypeScript supports for Electron main process source code
- Hot-reload support for Electron app
- Electron Bulder support
Available Scripts in addition to the existing ones
npm run electron:dev
Runs the Electron app in the development mode.
The Electron app will reload if you make edits in the electron
directory.
You will also see any lint errors in the console.
npm run electron:build
Builds the Electron app package for production to the dist
folder.
Your Electron app is ready to be distributed!