Pwa-manifest NPM

pwa-manifest

Creating a Web Manifest for Progressive Web App with a variety of options

Install

$ npm install --save pwa-manifest

Usage

const pwaManifest = require('pwa-manifest');

pwaManifest({
	name: 'My PWApp',
	short_name: 'My Short PWA Name',
	start_url: '/index.html?homescreen=1',
	display: 'standalone',
	background_color: '#EFEFEF',
	theme_color: 'FFEEFF'
}).then(function (manifest) {
	// dump new generated manifest file if you want
	pwaManifest.write('./', manifest);
});

API

pwaManifest(options)

options

Type: object

Web Manifest properties you want to set. The name of options are same as member property of Web Manifest. Icons sizes are followed in lighthouse audits

{
  "name": "My Powerful Progressive Web App",
  "short_name": "PWApp",
  "icons": [{
    "src": "icon-144x144.png",
    "sizes": "144x144",
    "type": "image/png"
  }, {
    "src": "icon-192x192.png",
    "sizes": "192x192",
    "type": "image/png"
  }, {
    "src": "icon-512x512.png",
    "sizes": "512x512",
    "type": "image/png"
  }],
  "start_url": "/index.html?homescreen=1",
  "display": "standalone",
  "background_color": "#FFFFFF",
  "theme_color": "#3F51B5"
}