diff --git a/icon-192x192.png b/icon-192x192.png
new file mode 100644
index 0000000..8cf98d2
Binary files /dev/null and b/icon-192x192.png differ
diff --git a/icon-256x256.png b/icon-256x256.png
new file mode 100644
index 0000000..1e93f60
Binary files /dev/null and b/icon-256x256.png differ
diff --git a/icon-384x384.png b/icon-384x384.png
new file mode 100644
index 0000000..acebe65
Binary files /dev/null and b/icon-384x384.png differ
diff --git a/icon-512x512.png b/icon-512x512.png
new file mode 100644
index 0000000..02eace6
Binary files /dev/null and b/icon-512x512.png differ
diff --git a/index.html b/index.html
index 99e34fa..4fee029 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
-
+
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