hydrogen-web/index.html

75 lines
3.4 KiB
HTML
Raw Normal View History

2019-02-07 03:34:39 +05:30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
2020-08-12 15:12:42 +05:30
<meta name="application-name" content="Hydrogen Chat"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
2020-08-12 15:12:42 +05:30
<meta name="apple-mobile-web-app-title" content="Hydrogen Chat">
<meta name="description" content="A matrix chat application">
2020-10-15 14:47:33 +05:30
<link rel="apple-touch-icon" href="assets/icon-maskable.png">
<link rel="stylesheet" type="text/css" href="src/ui/web/css/main.css">
<link rel="stylesheet" type="text/css" href="src/ui/web/css/themes/element/theme.css" title="Element Theme">
<link rel="alternate stylesheet" type="text/css" href="src/ui/web/css/themes/bubbles/theme.css" title="Bubbles Theme">
2019-02-07 03:34:39 +05:30
</head>
2020-08-12 15:12:42 +05:30
<body class="hydrogen">
<script id="version" type="disabled">
2020-08-12 15:12:42 +05:30
window.HYDROGEN_VERSION = "%%VERSION%%";
window.HYDROGEN_GLOBAL_HASH = "%%GLOBAL_HASH%%";
</script>
<script id="main" type="module">
2020-08-12 15:19:42 +05:30
import {main} from "./src/main.js";
main(document.body, {
worker: "src/worker.js",
olm: {
wasm: "lib/olm/olm.wasm",
legacyBundle: "lib/olm/olm_legacy.js",
wasmBundle: "lib/olm/olm.js",
}
});
2019-02-11 01:55:29 +05:30
</script>
2020-10-15 22:42:16 +05:30
<script id="service-worker" type="module">
function workerMessage(worker, type) {
const body = {type, id: Math.floor(Math.random() * Number.MAX_SAFE_INTEGER)};
let resolve;
const promise = new Promise(r => resolve = r);
const onMessage = function(event) {
if (event.data.replyTo === body.id) {
2020-10-16 01:05:10 +05:30
navigator.serviceWorker.removeEventListener("message", onMessage);
2020-10-15 22:42:16 +05:30
resolve(event.data.content);
}
}
2020-10-16 01:05:10 +05:30
navigator.serviceWorker.addEventListener("message", onMessage);
2020-10-15 22:42:16 +05:30
worker.postMessage(body);
return promise;
}
if('serviceWorker' in navigator) {
navigator.serviceWorker.register('sw.js').then(function(registration) {
2020-10-15 15:19:09 +05:30
console.log("Service Worker registered");
2020-10-15 22:42:16 +05:30
async function tryActivateUpdate() {
if (registration.waiting && registration.active) {
2020-10-15 22:42:16 +05:30
const version = await workerMessage(registration.waiting, "version");
if (confirm(`Version ${version.version} (${version.buildHash}) is ready to install. Apply now?`)) {
registration.waiting.postMessage({type: "skipWaiting"}); // will trigger controllerchange event
}
}
}
tryActivateUpdate();
2020-10-15 15:19:09 +05:30
registration.onupdatefound = function() {
const newWorker = registration.installing;
newWorker.onstatechange = function() {
tryActivateUpdate();
2020-10-15 15:19:09 +05:30
}
};
});
2020-10-15 22:42:16 +05:30
navigator.serviceWorker.addEventListener("controllerchange", function() {
document.location.reload();
});
}
2020-08-13 21:29:10 +05:30
</script>
2019-02-07 03:34:39 +05:30
</body>
2019-02-27 03:15:58 +05:30
</html>