about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--.editorconfig8
-rw-r--r--MatrixRoomUtils.Web/wwwroot/index.html110
-rw-r--r--MatrixRoomUtils.Web/wwwroot/rmu.webmanifest (renamed from MatrixRoomUtils.Web/wwwroot/mru.webmanifest)12
-rw-r--r--MatrixRoomUtils.Web/wwwroot/service-worker.js4
-rw-r--r--MatrixRoomUtils.Web/wwwroot/service-worker.published.js55
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);

+}