Skip to content

Commit

Permalink
checkpoint
Browse files Browse the repository at this point in the history
  • Loading branch information
@kent-3
kent-3 committed Oct 17, 2024
1 parent e67ff51 commit 2d2f9ff
Show file tree
Hide file tree
Showing 10 changed files with 702 additions and 890 deletions.
143 changes: 7 additions & 136 deletions dist/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@



<script type="module" nonce="otu8VNBcOuzxyZGLlGuBQg==">
import init, * as bindings from '/trader-leptos-54df4172706df279.js';
const wasm = await init('/trader-leptos-54df4172706df279_bg.wasm');
<script type="module" nonce="ErjneCZ2DGOyT5CINoeJyA==">
import init, * as bindings from '/trader-leptos-3f3a7ff0257f5c7a.js';
const wasm = await init('/trader-leptos-3f3a7ff0257f5c7a_bg.wasm');


window.wasmBindings = bindings;
Expand All @@ -21,7 +21,7 @@

</script>
<link rel="icon" href="/favicon-e9cbd8f50cc65bf2.ico" integrity="sha384&#x2D;YobgLXwtz0GhXVUTHml49p32guapVFlEG8UpQdDVN3kekOqkQi&#x2B;qSXEpwp&#x2B;yM4BW"/>
<link rel="stylesheet" href="/input-d18e51ca6736bdfc.css" integrity="sha384&#x2D;SK43gQ&#x2B;LKj748DG5HNzzJhfAEpZyAWBQ&#x2B;MeE4LnDAJ6dy1AF5qwleTlsKoh3lHrw"/>
<link rel="stylesheet" href="/input-9365472705ce93f1.css" integrity="sha384&#x2D;Ysq3CQgi09363OiUHThGcYp7uc69N4jMsjnYuhuYkaFfjYpSLDI7mHxl6M6bSSSR"/>

<link rel="manifest" href="/secret-leptos/manifest.json" />

Expand All @@ -44,8 +44,8 @@
});
</script>

<link rel="modulepreload" href="/trader-leptos-54df4172706df279.js" crossorigin=anonymous integrity="sha384-pEJo9dKVKoh5LNEHPQzrDdUMBzSatBDjz5PkLAMO7PoXGqv9r8KG6B0URLPWpops">
<link rel="preload" href="/trader-leptos-54df4172706df279_bg.wasm" crossorigin=anonymous integrity="sha384-SjFJJ+S+l6V/zbRzIUBV45DhIgVEoFGA/r6cOWzqrt6khhz8jUYFTF+SnsaJwa1R" as="fetch" type="application/wasm"></head>
<link rel="modulepreload" href="/trader-leptos-3f3a7ff0257f5c7a.js" crossorigin=anonymous integrity="sha384-JL0GzV0jEYM6QQxNQxMIHoQvThC4KEZVLherkW7wAVh2o/55Mi1FbZjZDaGoiVOf">
<link rel="preload" href="/trader-leptos-3f3a7ff0257f5c7a_bg.wasm" crossorigin=anonymous integrity="sha384-12+5rWR9lvID8jwKk7f4LFBeV9mskkCHj5JOO7OjpltbrfFzW89znJe/KHmxNFp0" as="fetch" type="application/wasm"></head>

<style>
.spinner {
Expand Down Expand Up @@ -119,135 +119,6 @@
<code
class="unstyled rocker flex items-center whitespace-nowrap rounded bg-surface-50 px-2 py-0.5 font-mono text-lg font-bold dark:bg-neutral-800">Loading...</code>
</div>
<script>"use strict";

(function () {

const address = '{{__TRUNK_ADDRESS__}}';
const base = '{{__TRUNK_WS_BASE__}}';
let protocol = '';
protocol =
protocol
? protocol
: window.location.protocol === 'https:'
? 'wss'
: 'ws';
const url = protocol + '://' + address + base + '.well-known/trunk/ws';

class Overlay {
constructor() {
// create an overlay
this._overlay = document.createElement("div");
const style = this._overlay.style;
style.height = "100vh";
style.width = "100vw";
style.position = "fixed";
style.top = "0";
style.left = "0";
style.backgroundColor = "rgba(222, 222, 222, 0.5)";
style.fontFamily = "sans-serif";
// not sure that's the right approach
style.zIndex = "1000000";
style.backdropFilter = "blur(1rem)";

const container = document.createElement("div");
// center it
container.style.position = "absolute";
container.style.top = "30%";
container.style.left = "15%";
container.style.maxWidth = "85%";

this._title = document.createElement("div");
this._title.innerText = "Build failure";
this._title.style.paddingBottom = "2rem";
this._title.style.fontSize = "2.5rem";

this._message = document.createElement("div");
this._message.style.whiteSpace = "pre-wrap";

const icon= document.createElement("div");
icon.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="#dc3545" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>';
this._title.prepend(icon);

container.append(this._title, this._message);
this._overlay.append(container);

this._inject();
window.setInterval(() => {
this._inject();
}, 250);
}

set reason(reason) {
this._message.textContent = reason;
}

_inject() {
if (!this._overlay.isConnected) {
// prepend it
document.body?.prepend(this._overlay);
}
}

}

class Client {
constructor(url) {
this.url = url;
this.poll_interval = 5000;
this._overlay = null;
}

start() {
const ws = new WebSocket(this.url);
ws.onmessage = (ev) => {
const msg = JSON.parse(ev.data);
switch (msg.type) {
case "reload":
this.reload();
break;
case "buildFailure":
this.buildFailure(msg.data)
break;
}
};
ws.onclose = this.onclose;
}

onclose() {
window.setTimeout(
() => {
// when we successfully reconnect, we'll force a
// reload (since we presumably lost connection to
// trunk due to it being killed, so it will have
// rebuilt on restart)
const ws = new WebSocket(this.url);
ws.onopen = () => window.location.reload();
ws.onclose = this.onclose;
},
this.poll_interval);
}

reload() {
window.location.reload();
}

buildFailure({reason}) {
// also log the console
console.error("Build failed:", reason);

console.debug("Overlay", this._overlay);

if (!this._overlay) {
this._overlay = new Overlay();
}
this._overlay.reason = reason;
}
}

new Client(url).start();

})()
</script></body>
</body>

</html>
4 changes: 4 additions & 0 deletions dist/input-d18e51ca6736bdfc.css → dist/input-9365472705ce93f1.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,10 @@
position: static;
}

.fixed {
position: fixed;
}

.absolute {
position: absolute;
}
Expand Down
Loading

0 comments on commit 2d2f9ff

Please sign in to comment.