This is a simple node.js program to simplify converting original artwork to the numerous progressive web app icon formats.
_ Supports landscape & portrait splash screens on iOS across 10 different screen sizes _
pwa-icon-generator saves image output to the /icons/
folder which can be dropped inside the /public/
directory of my full-stack-antd-next template. Two steps to support favicons/PWA icons on all web client platforms from Windows 7 to iOS 14.
- Two square images, width/height > 3,000 pixels
icon.png
masked-icon.png
- Place images inside the
/convert/
folder in the project root directory, then runyarn && yarn start
- Read more about maskable icons here.
Images are saved inside the /icons/
folder in the project root directory.
Create a .env file. You can use below as a starting point
APP_NAME='PWA Demo'
WEBSITE='ant-design.preparesoftware.com'
PRIMARY_COLOR=''
PRIMARY_TEXT_COLOR='#ffffff'
SECONDARY_TEXT_COLOR='#8C8C8C'
BACKGROUND_COLOR='#ffffff'
APP_DATA_PATH=
TypeScript based stack for testing & production with the following features:
- Tree-shaking
- Deploy to Docker
- Instant reload in debug mode
- ESLint & Prettier support for Visual Studio Code out of the box
yarn start
Execute source code with nodemon for live reloading of code changes.
yarn test
Run all *.test.ts files in test/ directory.
yarn build
Export app to prod/app.ts after running tsc & rollup.
yarn deploy
Creates a minimal Docker image based on the output from yarn build
- TypeScript
- ES6
- Node.js
- Mocha
- Chai
- ESLint - Airbnb JavaScript Style Guide
- Rollup - CJS by default
- Docker
- PM2
- Node.js
If you wanted to extend this template to create an API server, you would do so in your docker-compose file utilizing the output image from this template or when running from the command line like this:
docker run -p <public_port>:<private_port> -d <image>
This project is licensed under the GNU General Public License, version 3 (GPLv3) and is distributed free of charge.
Timothy Miller