diff --git a/Chrono/Shared/Pages/Agents.razor b/Chrono/Shared/Pages/Agents.razor index ee900f3..9069dd8 100644 --- a/Chrono/Shared/Pages/Agents.razor +++ b/Chrono/Shared/Pages/Agents.razor @@ -1,7 +1,11 @@ @namespace Shared.Pages @page "/agents" -Agents +Chrono CCG - Agents + + + +
@deck?.Name +Chrono CCG - @(deck?.Name ?? "Deck Details") + + + +
Back to Decks diff --git a/Chrono/Shared/Pages/Decks.razor b/Chrono/Shared/Pages/Decks.razor index 8935ae0..2c26fef 100644 --- a/Chrono/Shared/Pages/Decks.razor +++ b/Chrono/Shared/Pages/Decks.razor @@ -1,7 +1,11 @@ @namespace Shared.Pages @page "/decks" -Decks +Chrono CCG - Decks + + + +
diff --git a/Chrono/Web/Pages/Cards.razor b/Chrono/Web/Pages/Cards.razor index e9428ce..1e88bc5 100644 --- a/Chrono/Web/Pages/Cards.razor +++ b/Chrono/Web/Pages/Cards.razor @@ -1,7 +1,11 @@ @page "/cards" @inject HttpClient Http -Card Gallery +Chrono CCG - Card Gallery + + + +
diff --git a/Chrono/Web/Web.csproj b/Chrono/Web/Web.csproj index c217d48..1be2eae 100644 --- a/Chrono/Web/Web.csproj +++ b/Chrono/Web/Web.csproj @@ -6,8 +6,13 @@ enable false false + service-worker-assets.js + + + + diff --git a/Chrono/Web/wwwroot/index.html b/Chrono/Web/wwwroot/index.html index 7481057..6429b26 100644 --- a/Chrono/Web/wwwroot/index.html +++ b/Chrono/Web/wwwroot/index.html @@ -4,8 +4,28 @@ - Web + Chrono CCG - Card Gallery + + + + + + + + + + + + + + + + + + + + @@ -41,6 +61,7 @@
+ diff --git a/Chrono/Web/wwwroot/manifest.json b/Chrono/Web/wwwroot/manifest.json new file mode 100644 index 0000000..6819d8f --- /dev/null +++ b/Chrono/Web/wwwroot/manifest.json @@ -0,0 +1,20 @@ +{ + "name": "Chrono CCG - Slop Reference", + "short_name": "cccg.sr", + "start_url": "./", + "display": "standalone", + "background_color": "#000000", + "theme_color": "#000000", + "icons": [ + { + "src": "icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "icon-512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +} diff --git a/Chrono/Web/wwwroot/service-worker.js b/Chrono/Web/wwwroot/service-worker.js new file mode 100644 index 0000000..0e471ff --- /dev/null +++ b/Chrono/Web/wwwroot/service-worker.js @@ -0,0 +1,3 @@ +// In development, always fetch from the network and do not cache. +// This is appropriate during development as the service worker will wake up and fetch resources from the network. +self.addEventListener('fetch', () => { }); diff --git a/Chrono/Web/wwwroot/service-worker.published.js b/Chrono/Web/wwwroot/service-worker.published.js new file mode 100644 index 0000000..3f80596 --- /dev/null +++ b/Chrono/Web/wwwroot/service-worker.published.js @@ -0,0 +1,48 @@ +// Caution! Be sure you understand the caveats before using an up-front +// preload strategy: https://googlechrome.github.io/samples/service-worker/prefetch/ + +self.importScripts('./service-worker-assets.js'); +self.addEventListener('install', event => event.waitUntil(onInstall(event))); +self.addEventListener('activate', event => event.waitUntil(onActivate(event))); +self.addEventListener('fetch', event => event.respondWith(onFetch(event))); + +const cacheNamePrefix = 'offline-cache-'; +const cacheName = `${cacheNamePrefix}${self.assetsManifest.version}`; +const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ]; +const offlineAssetsExclude = [ /^service-worker\.js$/ ]; + +async function onInstall(event) { + console.info('Service worker installing'); + + // Fetch and cache all matching items from the assets manifest + const assetsRequests = self.assetsManifest.assets + .filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url))) + .filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url))) + .map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' })); + await caches.open(cacheName).then(cache => cache.addAll(assetsRequests)); +} + +async function onActivate(event) { + console.info('Service worker activated'); + + // Delete unused caches + const cacheKeys = await caches.keys(); + await Promise.all(cacheKeys + .filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName) + .map(key => caches.delete(key))); +} + +async function onFetch(event) { + let cachedResponse = null; + if (event.request.method === 'GET') { + // For all navigation requests, try to serve index.html from cache + // If you need some routes to be uncached, add conditions here + const shouldServeIndexHtml = event.request.mode === 'navigate'; + + const request = shouldServeIndexHtml ? 'index.html' : event.request; + const cache = await caches.open(cacheName); + cachedResponse = await cache.match(request); + } + + return cachedResponse || fetch(event.request); +}