vector-im-hydrogen-web/index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <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">
        <meta name="apple-mobile-web-app-title" content="Hydrogen Chat">
        <meta name="description" content="A matrix chat application">
        <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">
	</head>
	<body class="hydrogen">
        <script id="version" type="disabled">
            window.HYDROGEN_VERSION = "%%VERSION%%";
            window.HYDROGEN_GLOBAL_HASH = "%%GLOBAL_HASH%%";
        </script>
		<script id="main" type="module">
			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",
                }
            });
		</script>
        <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) {
                        navigator.serviceWorker.removeEventListener("message", onMessage);
                        resolve(event.data.content);
                    }
                }
                navigator.serviceWorker.addEventListener("message", onMessage);
                worker.postMessage(body);
                return promise;
            }

            if('serviceWorker' in navigator) {
                navigator.serviceWorker.register('sw.js').then(function(registration) {
                    console.log("Service Worker registered");
                    async function tryActivateUpdate() {
                        if (registration.waiting && registration.active) {
                            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();
                    registration.onupdatefound = function() {
                        const newWorker = registration.installing;
                        newWorker.onstatechange = function() {
                            tryActivateUpdate();
                        }
                    };
                });
                navigator.serviceWorker.addEventListener("controllerchange", function() {
                    document.location.reload();
                });
            }
        </script>
	</body>
</html>
cleanup directory structure 2019-02-06 23:04:39 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
update build script for debug boilerplate and possibility for appcache 2019-09-15 12:22:43 +02:00			`<meta name="viewport" content="width=device-width, user-scalable=no">`
more brawl -> hydrogen renaming 2020-08-12 11:42:42 +02:00			`<meta name="application-name" content="Hydrogen Chat"/>`
add offline availability with service worker and appcache 2019-09-15 14:32:12 +02:00			`<meta name="apple-mobile-web-app-capable" content="yes">`
			`<meta name="apple-mobile-web-app-status-bar-style" content="black">`
more brawl -> hydrogen renaming 2020-08-12 11:42:42 +02:00			`<meta name="apple-mobile-web-app-title" content="Hydrogen Chat">`
add offline availability with service worker and appcache 2019-09-15 14:32:12 +02:00			`<meta name="description" content="A matrix chat application">`
set icon on iOS 2020-10-15 11:17:33 +02:00			`<link rel="apple-touch-icon" href="assets/icon-maskable.png">`
apply css from prototype, other small changes, keep scroll at bottom 2019-06-16 15:21:20 +02:00			`<link rel="stylesheet" type="text/css" href="src/ui/web/css/main.css">`
add element theme (only some color changes + Inter font for now) 2020-08-12 16:41:03 +02:00			`<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">`
cleanup directory structure 2019-02-06 23:04:39 +01:00			`</head>`
more brawl -> hydrogen renaming 2020-08-12 11:42:42 +02:00			`<body class="hydrogen">`
show version before login and link to release 2020-03-23 22:46:31 +01:00			`<script id="version" type="disabled">`
more brawl -> hydrogen renaming 2020-08-12 11:42:42 +02:00			`window.HYDROGEN_VERSION = "%%VERSION%%";`
keep hashed files in cache as long as they don't change 2020-10-02 19:54:24 +02:00			`window.HYDROGEN_GLOBAL_HASH = "%%GLOBAL_HASH%%";`
add offline availability with service worker and appcache 2019-09-15 14:32:12 +02:00			`</script>`
			`<script id="main" type="module">`
fix import after bundle changes 2020-08-12 11:49:42 +02:00			`import {main} from "./src/main.js";`
pass olm paths to main fn so build can adjust the file paths, and we can prevent olm from loading by not passing them 2020-08-27 13:24:04 +02:00			`main(document.body, {`
load worker in main and pass paths so it works both on compiled and non-compiled 2020-09-10 18:41:23 +02:00			`worker: "src/worker.js",`
			`olm: {`
			`wasm: "lib/olm/olm.wasm",`
			`legacyBundle: "lib/olm/olm_legacy.js",`
			`wasmBundle: "lib/olm/olm.js",`
			`}`
pass olm paths to main fn so build can adjust the file paths, and we can prevent olm from loading by not passing them 2020-08-27 13:24:04 +02:00			`});`
its syncing, sort off 2019-02-10 21:25:29 +01:00			`</script>`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`<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) {`
WIP working 2020-10-15 21:35:10 +02:00			`navigator.serviceWorker.removeEventListener("message", onMessage);`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`resolve(event.data.content);`
			`}`
			`}`
WIP working 2020-10-15 21:35:10 +02:00			`navigator.serviceWorker.addEventListener("message", onMessage);`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`worker.postMessage(body);`
			`return promise;`
			`}`

add offline availability with service worker and appcache 2019-09-15 14:32:12 +02:00			`if('serviceWorker' in navigator) {`
deregister sw when update is ready to go to force activating on iOS 2020-10-15 15:59:15 +02:00			`navigator.serviceWorker.register('sw.js').then(function(registration) {`
test code for sw state changes 2020-10-15 11:49:09 +02:00			`console.log("Service Worker registered");`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`async function tryActivateUpdate() {`
deregister sw when update is ready to go to force activating on iOS 2020-10-15 15:59:15 +02:00			`if (registration.waiting && registration.active) {`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`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`
			`}`
deregister sw when update is ready to go to force activating on iOS 2020-10-15 15:59:15 +02:00			`}`
			`}`
			`tryActivateUpdate();`
test code for sw state changes 2020-10-15 11:49:09 +02:00			`registration.onupdatefound = function() {`
			`const newWorker = registration.installing;`
			`newWorker.onstatechange = function() {`
deregister sw when update is ready to go to force activating on iOS 2020-10-15 15:59:15 +02:00			`tryActivateUpdate();`
test code for sw state changes 2020-10-15 11:49:09 +02:00			`}`
			`};`
			`});`
WIP of messaging to sw 2020-10-15 19:12:16 +02:00			`navigator.serviceWorker.addEventListener("controllerchange", function() {`
			`document.location.reload();`
			`});`
add offline availability with service worker and appcache 2019-09-15 14:32:12 +02:00			`}`
remove spaces 2020-08-13 17:59:10 +02:00			`</script>`
cleanup directory structure 2019-02-06 23:04:39 +01:00			`</body>`
rooms on the screen!! 2019-02-26 22:45:58 +01:00			`</html>`