diff options
| -rw-r--r-- | .editorconfig | 8 | ||||
| -rw-r--r-- | MatrixRoomUtils.Web/wwwroot/index.html | 110 | ||||
| -rw-r--r-- | MatrixRoomUtils.Web/wwwroot/rmu.webmanifest (renamed from MatrixRoomUtils.Web/wwwroot/mru.webmanifest) | 12 | ||||
| -rw-r--r-- | MatrixRoomUtils.Web/wwwroot/service-worker.js | 4 | ||||
| -rw-r--r-- | MatrixRoomUtils.Web/wwwroot/service-worker.published.js | 55 |
5 files changed, 132 insertions, 57 deletions
diff --git a/.editorconfig b/.editorconfig index 3bc1adf..e98e832 100644 --- a/.editorconfig +++ b/.editorconfig @@ -1,3 +1,5 @@ +root = true + [*] charset = utf-8 end_of_line = lf @@ -1795,3 +1797,9 @@ resharper_zero_index_from_end_highlighting = warning # ReSharper properties resharper_csharp_int_align_comments = true + +[*.html] +indent_size = 4 +tab_width = 4 +indent_style = space +ij_html_do_not_indent_children_of_tags = \ No newline at end of file diff --git a/MatrixRoomUtils.Web/wwwroot/index.html b/MatrixRoomUtils.Web/wwwroot/index.html index 7eef159..a40f38c 100644 --- a/MatrixRoomUtils.Web/wwwroot/index.html +++ b/MatrixRoomUtils.Web/wwwroot/index.html @@ -1,63 +1,65 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="utf-8"/> - <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/> - <title>MatrixRoomUtils.Web</title> - <base href="/"/> - <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"/> - <link href="css/app.css" rel="stylesheet"/> - <link href="favicon.png" rel="icon" type="image/png"/> - <link href="MatrixRoomUtils.Web.styles.css" rel="stylesheet"/> - <link rel="manifest" href="mru.webmanifest" /> -</head> + <head> + <meta charset="utf-8"/> + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/> + <title>MatrixUtils.Web</title> + <base href="/"/> + <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"/> + <link href="css/app.css" rel="stylesheet"/> + <link rel="manifest" href="rmu.webmanifest"/> + <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png"/> + <link href="favicon.png" rel="icon" type="image/png"/> + <link href="MatrixUtils.Web.styles.css" rel="stylesheet"/> + </head> -<body> -<div id="app"> - <svg class="loading-progress"> - <circle cx="50%" cy="50%" r="40%"/> - <circle cx="50%" cy="50%" r="40%"/> - </svg> - <div class="loading-progress-text"></div> -</div> + <body> + <div id="app"> + <svg class="loading-progress"> + <circle cx="50%" cy="50%" r="40%"/> + <circle cx="50%" cy="50%" r="40%"/> + </svg> + <div class="loading-progress-text"></div> + </div> -<div id="blazor-error-ui"> - An unhandled error has occurred. - <a class="reload" href="">Reload</a> - <a class="dismiss">🗙</a> -</div> -<script> - function BlazorFocusElement(element) { - if (element == null) return; - if (element instanceof HTMLElement) { - console.log(element); - element.focus(); - } else if (element.hasOwnProperty("__internalId")) { - console.log("Element is not an HTMLElement", element); - } - } + <div id="blazor-error-ui"> + An unhandled error has occurred. + <a class="reload" href="">Reload</a> + <a class="dismiss">🗙</a> + </div> + <script> + function BlazorFocusElement(element) { + if (element == null) return; + if (element instanceof HTMLElement) { + console.log(element); + element.focus(); + } else if (element.hasOwnProperty("__internalId")) { + console.log("Element is not an HTMLElement", element); + } + } - function getWidth(element) { - console.log("getWidth", element); - if (element == null) return 0; - if (element instanceof HTMLElement) { - return element.offsetWidth - } else if (element.hasOwnProperty("__internalId")) { - console.log("Element is not an HTMLElement", element); - return 0; - } - return 0; - } + function getWidth(element) { + console.log("getWidth", element); + if (element == null) return 0; + if (element instanceof HTMLElement) { + return element.offsetWidth + } else if (element.hasOwnProperty("__internalId")) { + console.log("Element is not an HTMLElement", element); + return 0; + } + return 0; + } - function getWindowDimensions() { - return { - width: window.innerWidth, - height: window.innerHeight - }; - } -</script> -<script src="_framework/blazor.webassembly.js"></script> -</body> + function getWindowDimensions() { + return { + width: window.innerWidth, + height: window.innerHeight + }; + } + </script> + <script src="_framework/blazor.webassembly.js"></script> + <script>navigator.serviceWorker.register('service-worker.js');</script> + </body> </html> diff --git a/MatrixRoomUtils.Web/wwwroot/mru.webmanifest b/MatrixRoomUtils.Web/wwwroot/rmu.webmanifest index ef1ee66..27088c0 100644 --- a/MatrixRoomUtils.Web/wwwroot/mru.webmanifest +++ b/MatrixRoomUtils.Web/wwwroot/rmu.webmanifest @@ -1,16 +1,22 @@ { "name": "Rory&::MatrixUtils", - "short_name": "MRU", + "short_name": "RMU", "description": "A collection of Matrix utilities.", "icons": [ { "src": "icon-192.png", "sizes": "192x192", "type": "image/png" + }, + { + "src": "icon-512.png", + "sizes": "512x512", + "type": "image/png" } ], - "start_url": "/index.html", - "display": "fullscreen", + "start_url": "./", + "id": "./", + "display": "minimal-ui", "theme_color": "#052767", "background_color": "#3A0647" } diff --git a/MatrixRoomUtils.Web/wwwroot/service-worker.js b/MatrixRoomUtils.Web/wwwroot/service-worker.js new file mode 100644 index 0000000..c6d0085 --- /dev/null +++ b/MatrixRoomUtils.Web/wwwroot/service-worker.js @@ -0,0 +1,4 @@ +// In development, always fetch from the network and do not enable offline support. +// This is because caching would make development more difficult (changes would not +// be reflected on the first load after each change). +self.addEventListener('fetch', () => { }); diff --git a/MatrixRoomUtils.Web/wwwroot/service-worker.published.js b/MatrixRoomUtils.Web/wwwroot/service-worker.published.js new file mode 100644 index 0000000..003e3e7 --- /dev/null +++ b/MatrixRoomUtils.Web/wwwroot/service-worker.published.js @@ -0,0 +1,55 @@ +// Caution! Be sure you understand the caveats before publishing an application with +// offline support. See https://aka.ms/blazor-offline-considerations + +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$/ ]; + +// Replace with your base path if you are hosting on a subfolder. Ensure there is a trailing '/'. +const base = "/"; +const baseUrl = new URL(base, self.origin); +const manifestUrlList = self.assetsManifest.assets.map(asset => new URL(asset.url, baseUrl).href); + +async function onInstall(event) { + console.info('Service worker: Install'); + + // 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: Activate'); + + // 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, + // unless that request is for an offline resource. + // If you need some URLs to be server-rendered, edit the following check to exclude those URLs + const shouldServeIndexHtml = event.request.mode === 'navigate' + && !manifestUrlList.some(url => url === event.request.url); + + const request = shouldServeIndexHtml ? 'index.html' : event.request; + const cache = await caches.open(cacheName); + cachedResponse = await cache.match(request); + } + + return cachedResponse || fetch(event.request); +} |