Tony Air
2308506244
|
||
|---|---|---|
| _config | ||
| client | ||
| src | ||
| templates | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitignore | ||
| .npmrc | ||
| LICENSE | ||
| README.md | ||
| _config.php | ||
| babel.config.json | ||
| composer.json | ||
| eslint.config.json | ||
| package.json | ||
| pnpm-lock.yaml | ||
| sass-lint.yml | ||
| webpack.config.common.js | ||
| webpack.config.js | ||
| webpack.config.serve.js | ||
| webpack.yml | ||
README.md
SilverStripe Progressive Web App
Tools to add progressive web app functionality to your silverstripe website And make it available offline
Installation
composer require a2nt/silverstripe-progressivewebapp
Usage
- Install the module, run dev/build and fill in the settings in the siteconfig
- Add js to register the service worker (example can be found at client/src/app.js)
if ('serviceWorker' in navigator) {
var baseHref = (document.getElementsByTagName('base')[0] || {}).href;
var version = (document.querySelector('meta[name="swversion"]') || {})
.content;
if (baseHref) {
navigator.serviceWorker
.register(baseHref + 'sw.js?v=' + version)
.then(() => {
console.log('SW: Registered');
});
}
}
- Add the following tags to the head of your website
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="{$BaseHref}manifest.json" />
<meta name="swversion" content="{$SWVersion}" />