diff options
| -rw-r--r-- | icon-192x192.png | bin | 0 -> 22463 bytes | |||
| -rw-r--r-- | icon-256x256.png | bin | 0 -> 34201 bytes | |||
| -rw-r--r-- | icon-384x384.png | bin | 0 -> 63891 bytes | |||
| -rw-r--r-- | icon-512x512.png | bin | 0 -> 98968 bytes | |||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | manifest.json | 58 | ||||
| -rw-r--r-- | manifest.webmanifest | 49 | ||||
| -rw-r--r-- | service-worker.js | 82 |
8 files changed, 132 insertions, 59 deletions
diff --git a/icon-192x192.png b/icon-192x192.png Binary files differnew file mode 100644 index 0000000..8cf98d2 --- /dev/null +++ b/icon-192x192.png diff --git a/icon-256x256.png b/icon-256x256.png Binary files differnew file mode 100644 index 0000000..1e93f60 --- /dev/null +++ b/icon-256x256.png diff --git a/icon-384x384.png b/icon-384x384.png Binary files differnew file mode 100644 index 0000000..acebe65 --- /dev/null +++ b/icon-384x384.png diff --git a/icon-512x512.png b/icon-512x512.png Binary files differnew file mode 100644 index 0000000..02eace6 --- /dev/null +++ b/icon-512x512.png @@ -21,7 +21,7 @@ <link rel="stylesheet" href="css/styles.css?v=1.0"> <meta name="theme-color" content="#4285f4" /> - <link rel="manifest" href="/manifest.json"> + <link rel="manifest" href="/manifest.webmanifest"> </head> <body> diff --git a/manifest.json b/manifest.json deleted file mode 100644 index cb37b06..0000000 --- a/manifest.json +++ /dev/null @@ -1,58 +0,0 @@ -{ - "short_name": "Weather", - "name": "Weather: Do I need an umbrella?", - "icons": [ - { - "src": "/images/icons-vector.svg", - "type": "image/svg+xml", - "sizes": "512x512" - }, - { - "src": "/images/icons-192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "/images/icons-512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "id": "/?source=pwa", - "start_url": "/?source=pwa", - "background_color": "#3367D6", - "display": "standalone", - "scope": "/", - "theme_color": "#3367D6", - "shortcuts": [ - { - "name": "How's weather today?", - "short_name": "Today", - "description": "View weather information for today", - "url": "/today?source=pwa", - "icons": [{ "src": "/images/today.png", "sizes": "192x192" }] - }, - { - "name": "How's weather tomorrow?", - "short_name": "Tomorrow", - "description": "View weather information for tomorrow", - "url": "/tomorrow?source=pwa", - "icons": [{ "src": "/images/tomorrow.png", "sizes": "192x192" }] - } - ], - "description": "Weather forecast information", - "screenshots": [ - { - "src": "/images/screenshot1.png", - "type": "image/png", - "sizes": "540x720", - "form_factor": "narrow" - }, - { - "src": "/images/screenshot2.jpg", - "type": "image/jpg", - "sizes": "720x540", - "form_factor": "wide" - } - ] -} diff --git a/manifest.webmanifest b/manifest.webmanifest new file mode 100644 index 0000000..bc29320 --- /dev/null +++ b/manifest.webmanifest @@ -0,0 +1,49 @@ +{ + "short_name": "NeonXP", + "name": "NeonXP PWA", + "icons": [ + { + "src": "/icon-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/icon-256x256.png", + "sizes": "256x256", + "type": "image/png" + }, + { + "src": "/icon-384x384.png", + "sizes": "384x384", + "type": "image/png" + }, + { + "src": "/icon-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "id": "/?source=pwa", + "start_url": "/?source=pwa", + "display": "standalone", + "scope": "/", + "theme_color": "#9013fe", + "background_color": "#4a90e2", + "shortcuts": [ + { + "name": "How's weather today?", + "short_name": "Today", + "description": "View weather information for today", + "url": "/today?source=pwa", + "icons": [{ "src": "icon-192x192.png", "sizes": "192x192" }] + }, + { + "name": "How's weather tomorrow?", + "short_name": "Tomorrow", + "description": "View weather information for tomorrow", + "url": "/tomorrow?source=pwa", + "icons": [{ "src": "icon-192x192.png", "sizes": "192x192" }] + } + ], + "description": "Sample pwa" +} diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 0000000..aaac385 --- /dev/null +++ b/service-worker.js @@ -0,0 +1,82 @@ +/* +Copyright 2015, 2019 Google Inc. All Rights Reserved. + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + http://www.apache.org/licenses/LICENSE-2.0 + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +*/ + +// Incrementing OFFLINE_VERSION will kick off the install event and force +// previously cached resources to be updated from the network. +const OFFLINE_VERSION = 1; +const CACHE_NAME = 'offline'; + +const STATIC_URLS = [ + "/", + "/index.html", + "/manifest.webmanifest", + "/icon-192x192.png", + "/icon-256x256.png", + "/icon-384x384.png", + "/icon-512x512.png" +]; + +self.addEventListener('install', (event) => { + event.waitUntil((async () => { + const cache = await caches.open(CACHE_NAME); + await cache.addAll(STATIC_URLS); + })()); +}); + +self.addEventListener('activate', (event) => { + event.waitUntil((async () => { + // Enable navigation preload if it's supported. + // See https://developers.google.com/web/updates/2017/02/navigation-preload + if ('navigationPreload' in self.registration) { + await self.registration.navigationPreload.enable(); + } + })()); + + // Tell the active service worker to take control of the page immediately. + self.clients.claim(); +}); + +self.addEventListener('fetch', (event) => { + // We only want to call event.respondWith() if this is a navigation request + // for an HTML page. + if (event.request.mode === 'navigate') { + event.respondWith((async () => { + try { + // First, try to use the navigation preload response if it's supported. + const preloadResponse = await event.preloadResponse; + if (preloadResponse) { + return preloadResponse; + } + + const networkResponse = await fetch(event.request); + return networkResponse; + } catch (error) { + // catch is only triggered if an exception is thrown, which is likely + // due to a network error. + // If fetch() returns a valid HTTP response with a response code in + // the 4xx or 5xx range, the catch() will NOT be called. + console.log('Fetch failed; returning offline page instead.', error); + + const cache = await caches.open(CACHE_NAME); + const cachedResponse = await cache.match(OFFLINE_URL); + return cachedResponse; + } + })()); + } + + // If our if() condition is false, then this fetch handler won't intercept the + // request. If there are any other fetch handlers registered, they will get a + // chance to call event.respondWith(). If no fetch handlers call + // event.respondWith(), the request will be handled by the browser as if there + // were no service worker involvement. +});
\ No newline at end of file |
