Update pages 🚀
This commit is contained in:
commit
35ce6de561
20 changed files with 822 additions and 0 deletions
1
.domains
Normal file
1
.domains
Normal file
|
|
@ -0,0 +1 @@
|
|||
ok-ready-go.speedclimbing.org
|
||||
79
index.css
Normal file
79
index.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
@keyframes blinker {
|
||||
50% {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.timer {
|
||||
font-size: 8em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.timer.over {
|
||||
color: #0f0;
|
||||
animation: blinker 2s ease infinite;
|
||||
}
|
||||
|
||||
.timer.sending {
|
||||
color: #ff0;
|
||||
animation: blinker 2s ease infinite;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 0 !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.timer-container-div {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.timer-div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tap-area {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hide-before-init {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.remote-connection-card {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
background-color: var(--background-color);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
details {
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
104
index.html
Normal file
104
index.html
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
<script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
|
||||
|
||||
<script src="lib/crypto_helper.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
<script src="js/localState.js"></script>
|
||||
<script src="js/mqtt.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css" />
|
||||
<link rel="stylesheet" href="index.css" />
|
||||
|
||||
<audio id="sound-0" src="sound/0.mp3" preload="auto"></audio>
|
||||
<audio id="sound-1" src="sound/1.mp3" preload="auto"></audio>
|
||||
<audio id="sound-2" src="sound/2.mp3" preload="auto"></audio>
|
||||
<audio id="sound-3" src="sound/3.mp3" preload="auto"></audio>
|
||||
<audio id="sound-4" src="sound/4.mp3" preload="auto"></audio>
|
||||
<audio id="sound-5" src="sound/5.mp3" preload="auto"></audio>
|
||||
<audio id="sound-6" src="sound/6.mp3" preload="auto"></audio>
|
||||
<audio id="sound-7" src="sound/7.mp3" preload="auto"></audio>
|
||||
<audio id="sound-8" src="sound/8.mp3" preload="auto"></audio>
|
||||
<audio id="sound-9" src="sound/9.mp3" preload="auto"></audio>
|
||||
<audio id="sound-ok-ready-go" src="sound/ok-ready-go.mp3" preload="auto"></audio>
|
||||
<audio id="sound-silence" src="sound/silence.mp3" preload="auto"></audio>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="timer-container-div hide-after-init">
|
||||
<h1 class="loading" aria-busy="true">Initializing...</h1>
|
||||
</div>
|
||||
<main class="container hide-before-init" x-data>
|
||||
<div class="timer-container-div" x-show="$store.localState._state !== 5">
|
||||
<div @click="$store.localState.next()" class="tap-area" x-show="$store.localState._state === 2"></div>
|
||||
<div @click="$store.localState.next()" class="timer-div">
|
||||
<hgroup>
|
||||
<h1>OK! .. READY! ... GO!</h1>
|
||||
<h2><span x-text="$store.localState.stateHint"></span> <b x-show="$store.mqtt.connected">(connected)</b></h2>
|
||||
</hgroup>
|
||||
|
||||
<div x-data="Timer">
|
||||
<p :class="'timer' + (over ? ($store.localState._state === 3 ? ' sending':' over'):'')"
|
||||
x-text="time + 's'"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div x-show="$store.localState._state === 0" class="remote-connection-card">
|
||||
<div class="container">
|
||||
<details>
|
||||
<div class="container">
|
||||
<p>If you want to automatically transfer the time to a computer, follow these steps:</p>
|
||||
|
||||
<div x-show="!$store.mqtt.connected">
|
||||
<ul>
|
||||
<li>Enter a password and press tap connect</li>
|
||||
|
||||
<li>
|
||||
<form x-data="PasswordForm()" @submit.prevent="submitForm">
|
||||
<label for="passwordForm_password">Password:</label>
|
||||
<input id="passwordForm_password" type="text" x-model="formData.password"
|
||||
placeholder="Password" />
|
||||
<small>Make sure, this is exactly the same on your computer!</small>
|
||||
<button type="submit">Connect</button>
|
||||
</form>
|
||||
</li>
|
||||
<li>Download the receiver tool from <a
|
||||
href="https://itsblue.dev/dorian/ok-ready-go/releases/latest">here</a> to your computer
|
||||
</li>
|
||||
<li>Start the receiver tool on your computer</li>
|
||||
<li>Enter the same password on the receiver tool and click connect</li>
|
||||
<li>Done!</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div x-show="$store.mqtt.connected">
|
||||
<ul>
|
||||
<li>Download the receiver tool from <a
|
||||
href="https://itsblue.dev/dorian/ok-ready-go/releases/latest">here</a> to your computer
|
||||
</li>
|
||||
<li>Start the receiver tool on your computer</li>
|
||||
<li>Enter the password '<b x-text="$store.localState.password"></b>' on the receiver tool and click connect</li>
|
||||
<li>Done!</li>
|
||||
<li>
|
||||
<p>If you no longer want to send the time, tap Disconnect</p>
|
||||
<button @click="$store.localState.password = ''">Disconnect</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<summary role="button">Remote connection</summary>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timer-container-div" x-show="$store.localState._state === 5">
|
||||
<h1 class="loading" aria-busy="true">Connecting...</h1>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
72
js/index.js
Normal file
72
js/index.js
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
async function sayNumber(number) {
|
||||
console.log(number);
|
||||
number = number.toString();
|
||||
number = number.replace(/[^0-9]/, "");
|
||||
for (let i = 0; i < number.length; i++) {
|
||||
await playAudio(document.getElementById(`sound-${number[i]}`));
|
||||
}
|
||||
}
|
||||
|
||||
function playAudio(audio) {
|
||||
return new Promise((res) => {
|
||||
audio.play();
|
||||
audio.onended = res;
|
||||
});
|
||||
}
|
||||
|
||||
function uuidv4() {
|
||||
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
|
||||
(
|
||||
c ^
|
||||
(crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
|
||||
).toString(16)
|
||||
);
|
||||
}
|
||||
|
||||
function PasswordForm() {
|
||||
return {
|
||||
formData: {
|
||||
password: "",
|
||||
},
|
||||
submitForm() {
|
||||
Alpine.store("localState").password = this.formData.password;
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function Timer() {
|
||||
return {
|
||||
time: 0,
|
||||
over: false,
|
||||
init() {
|
||||
setInterval(() => {
|
||||
const startedAt = Alpine.store("localState").startedAt;
|
||||
const resultTime = Alpine.store("localState").time;
|
||||
|
||||
let time;
|
||||
if (!startedAt && !resultTime) {
|
||||
time = 0;
|
||||
this.over = false;
|
||||
} else if (resultTime) {
|
||||
time = resultTime / 1000;
|
||||
this.over = true;
|
||||
} else {
|
||||
this.over = false;
|
||||
time = (new Date().getTime() - startedAt) / 1000;
|
||||
}
|
||||
|
||||
this.time = time.toFixed(2);
|
||||
}, 10);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
const event = new Event('wasm-loaded');
|
||||
wasm_bindgen('lib/crypto_helper_bg.wasm').then(() => {
|
||||
document.dispatchEvent(event);
|
||||
});
|
||||
|
||||
document.addEventListener("alpine:init", () => {
|
||||
document.getElementsByClassName("hide-after-init").item(0).outerHTML = ""
|
||||
document.getElementsByClassName("hide-before-init").item(0).classList.remove("hide-before-init")
|
||||
});
|
||||
105
js/localState.js
Normal file
105
js/localState.js
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
document.addEventListener("alpine:init", () => {
|
||||
Alpine.store("localState", {
|
||||
_state: 0,
|
||||
// 0: idle
|
||||
// 1: starting
|
||||
// 2: running
|
||||
// 3: sending time to mqtt
|
||||
// 4: stopped
|
||||
// 5: connecting to mqtt
|
||||
|
||||
startedAt: null,
|
||||
time: null,
|
||||
stateHint: "",
|
||||
password: null,
|
||||
|
||||
init() {
|
||||
Alpine.effect(() => {
|
||||
if (this.password == null) {
|
||||
this.password = localStorage.getItem("password");
|
||||
} else {
|
||||
localStorage.setItem("password", this.password);
|
||||
}
|
||||
|
||||
const mqtt = Alpine.store("mqtt");
|
||||
if (!mqtt) return;
|
||||
if (this.password == null || this.password == "") {
|
||||
mqtt.disconnect();
|
||||
} else {
|
||||
mqtt.connect();
|
||||
}
|
||||
});
|
||||
|
||||
Alpine.effect(() => {
|
||||
switch (this._state) {
|
||||
case 0:
|
||||
this.stateHint = "Tap here to start";
|
||||
break;
|
||||
case 1:
|
||||
this.stateHint = "Get ready...";
|
||||
break;
|
||||
case 2:
|
||||
this.stateHint = "Tap anywhere to stop";
|
||||
break;
|
||||
case 3:
|
||||
this.stateHint = "Sending time to MQTT...";
|
||||
break;
|
||||
|
||||
case 4:
|
||||
this.stateHint = "Tap here to reset";
|
||||
break;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
next() {
|
||||
playAudio(document.getElementById("sound-silence"));
|
||||
|
||||
if (this._state == 1 || this._state == 3) return;
|
||||
|
||||
this._setState((this._state + 1) % 5);
|
||||
},
|
||||
|
||||
_setState(state) {
|
||||
switch (state) {
|
||||
case 0: {
|
||||
this.startedAt = null;
|
||||
this.time = null;
|
||||
break;
|
||||
}
|
||||
case 1: {
|
||||
playAudio(document.getElementById("sound-ok-ready-go")).then(() => {
|
||||
Alpine.store("localState")._setState(2);
|
||||
});
|
||||
break;
|
||||
}
|
||||
case 2: {
|
||||
this.startedAt = new Date().getTime() - 200;
|
||||
break;
|
||||
}
|
||||
case 3: {
|
||||
this.time =
|
||||
Math.floor(((new Date().getTime() - this.startedAt) / 1000).toFixed(2) * 1000);
|
||||
this.startedAt = null;
|
||||
sayNumber(this.time / 10);
|
||||
|
||||
if (Alpine.store("mqtt").connected) {
|
||||
Alpine.store("mqtt")
|
||||
.sendTime(this.time)
|
||||
.then(() => {
|
||||
Alpine.store("localState")._setState(4);
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
state = 4;
|
||||
break;
|
||||
}
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
this._state = state;
|
||||
},
|
||||
});
|
||||
});
|
||||
132
js/mqtt.js
Normal file
132
js/mqtt.js
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
let wasm_inited_resolve;
|
||||
const wasm_inited = new Promise((resolve) => {
|
||||
wasm_inited_resolve = resolve;
|
||||
});
|
||||
|
||||
document.addEventListener("wasm-loaded", () => {
|
||||
wasm_inited_resolve(wasm_bindgen);
|
||||
});
|
||||
|
||||
document.addEventListener("alpine:init", () => {
|
||||
Alpine.store("mqtt", {
|
||||
connected: false,
|
||||
_client: null,
|
||||
_topics: null,
|
||||
_c: null,
|
||||
|
||||
_pendingPromises: {},
|
||||
|
||||
sendTime(time) {
|
||||
if (!this.connected) return null;
|
||||
|
||||
const id = uuidv4();
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
this._pendingPromises[id] = [resolve, reject];
|
||||
});
|
||||
this._publish({
|
||||
id: id, // used to prevent replay attacks and to identify confirm messages
|
||||
kind: "Time", // can be "time" or "confirm"
|
||||
time: time, // only used for "time"
|
||||
});
|
||||
|
||||
return promise;
|
||||
},
|
||||
|
||||
async connect() {
|
||||
if (this.connected) return;
|
||||
|
||||
const password = Alpine.store("localState").password;
|
||||
const that = this;
|
||||
const brokerDomain = "broker.emqx.io";
|
||||
const url = `wss://${brokerDomain}:8084/mqtt`;
|
||||
|
||||
if (!password) return false;
|
||||
|
||||
const { Crypto } = await wasm_inited;
|
||||
|
||||
Alpine.store("localState")._state = 5;
|
||||
|
||||
// derive key from password
|
||||
this._c = new Crypto(password, brokerDomain);
|
||||
|
||||
console.log("Test", this._encrypt("test"));
|
||||
|
||||
this._topics = {
|
||||
time: Crypto.sha256(
|
||||
this._encrypt(`org.speedclimbing.ok-ready-go.${password}.time`)
|
||||
).toString(),
|
||||
confirmation: Crypto.sha256(
|
||||
this._encrypt(
|
||||
`org.speedclimbing.ok-ready-go.${password}.confirmation`
|
||||
)
|
||||
).toString(),
|
||||
};
|
||||
|
||||
console.log("Connecting to MQTT broker...");
|
||||
|
||||
const options = {
|
||||
// Clean session
|
||||
clean: true,
|
||||
connectTimeout: 4000,
|
||||
};
|
||||
|
||||
this._client = mqtt.connect(url, options);
|
||||
|
||||
this._client.on("connect", () => {
|
||||
Alpine.store("localState")._state = 0;
|
||||
|
||||
that._client.subscribe(that._topics.confirmation);
|
||||
this.connected = true;
|
||||
});
|
||||
|
||||
this._client.on("message", (topic, message) => {
|
||||
// message is Buffer
|
||||
message = that._decrypt(message.toString());
|
||||
const data = JSON.parse(message);
|
||||
|
||||
if (
|
||||
topic !== that._topics.confirmation ||
|
||||
data.kind !== "Confirm" ||
|
||||
Object.keys(this._pendingPromises).indexOf(data.id) === -1
|
||||
)
|
||||
return;
|
||||
|
||||
console.log("<<< ", data);
|
||||
this._pendingPromises[data.id][0]();
|
||||
});
|
||||
},
|
||||
|
||||
disconnect() {
|
||||
if (!this.connected) return;
|
||||
|
||||
this._client.end(true);
|
||||
|
||||
this._client = null;
|
||||
this.connected = false;
|
||||
this._topics = null;
|
||||
|
||||
for (const promiseId in this._pendingPromises) {
|
||||
this._pendingPromises[promiseId][1]();
|
||||
}
|
||||
|
||||
this._pendingPromises = {};
|
||||
},
|
||||
|
||||
_publish(data) {
|
||||
const encryptedData = this._encrypt(JSON.stringify(data));
|
||||
console.log(">>> ", data);
|
||||
this._client.publish(this._topics.time, encryptedData, {
|
||||
qos: 1,
|
||||
retain: false,
|
||||
});
|
||||
},
|
||||
|
||||
_encrypt(data) {
|
||||
return this._c.encrypt(data);
|
||||
},
|
||||
|
||||
_decrypt(data) {
|
||||
return this._c.decrypt(data);
|
||||
},
|
||||
});
|
||||
});
|
||||
329
lib/crypto_helper.js
Normal file
329
lib/crypto_helper.js
Normal file
|
|
@ -0,0 +1,329 @@
|
|||
let wasm_bindgen;
|
||||
(function() {
|
||||
const __exports = {};
|
||||
let script_src;
|
||||
if (typeof document === 'undefined') {
|
||||
script_src = location.href;
|
||||
} else {
|
||||
script_src = new URL(document.currentScript.src, location.href).toString();
|
||||
}
|
||||
let wasm;
|
||||
|
||||
const heap = new Array(128).fill(undefined);
|
||||
|
||||
heap.push(undefined, null, true, false);
|
||||
|
||||
function getObject(idx) { return heap[idx]; }
|
||||
|
||||
let heap_next = heap.length;
|
||||
|
||||
function dropObject(idx) {
|
||||
if (idx < 132) return;
|
||||
heap[idx] = heap_next;
|
||||
heap_next = idx;
|
||||
}
|
||||
|
||||
function takeObject(idx) {
|
||||
const ret = getObject(idx);
|
||||
dropObject(idx);
|
||||
return ret;
|
||||
}
|
||||
|
||||
const cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
|
||||
|
||||
cachedTextDecoder.decode();
|
||||
|
||||
let cachedUint8Memory0 = null;
|
||||
|
||||
function getUint8Memory0() {
|
||||
if (cachedUint8Memory0 === null || cachedUint8Memory0.byteLength === 0) {
|
||||
cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);
|
||||
}
|
||||
return cachedUint8Memory0;
|
||||
}
|
||||
|
||||
function getStringFromWasm0(ptr, len) {
|
||||
return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));
|
||||
}
|
||||
|
||||
let WASM_VECTOR_LEN = 0;
|
||||
|
||||
const cachedTextEncoder = new TextEncoder('utf-8');
|
||||
|
||||
const encodeString = (typeof cachedTextEncoder.encodeInto === 'function'
|
||||
? function (arg, view) {
|
||||
return cachedTextEncoder.encodeInto(arg, view);
|
||||
}
|
||||
: function (arg, view) {
|
||||
const buf = cachedTextEncoder.encode(arg);
|
||||
view.set(buf);
|
||||
return {
|
||||
read: arg.length,
|
||||
written: buf.length
|
||||
};
|
||||
});
|
||||
|
||||
function passStringToWasm0(arg, malloc, realloc) {
|
||||
|
||||
if (realloc === undefined) {
|
||||
const buf = cachedTextEncoder.encode(arg);
|
||||
const ptr = malloc(buf.length);
|
||||
getUint8Memory0().subarray(ptr, ptr + buf.length).set(buf);
|
||||
WASM_VECTOR_LEN = buf.length;
|
||||
return ptr;
|
||||
}
|
||||
|
||||
let len = arg.length;
|
||||
let ptr = malloc(len);
|
||||
|
||||
const mem = getUint8Memory0();
|
||||
|
||||
let offset = 0;
|
||||
|
||||
for (; offset < len; offset++) {
|
||||
const code = arg.charCodeAt(offset);
|
||||
if (code > 0x7F) break;
|
||||
mem[ptr + offset] = code;
|
||||
}
|
||||
|
||||
if (offset !== len) {
|
||||
if (offset !== 0) {
|
||||
arg = arg.slice(offset);
|
||||
}
|
||||
ptr = realloc(ptr, len, len = offset + arg.length * 3);
|
||||
const view = getUint8Memory0().subarray(ptr + offset, ptr + len);
|
||||
const ret = encodeString(arg, view);
|
||||
|
||||
offset += ret.written;
|
||||
}
|
||||
|
||||
WASM_VECTOR_LEN = offset;
|
||||
return ptr;
|
||||
}
|
||||
|
||||
let cachedInt32Memory0 = null;
|
||||
|
||||
function getInt32Memory0() {
|
||||
if (cachedInt32Memory0 === null || cachedInt32Memory0.byteLength === 0) {
|
||||
cachedInt32Memory0 = new Int32Array(wasm.memory.buffer);
|
||||
}
|
||||
return cachedInt32Memory0;
|
||||
}
|
||||
/**
|
||||
*/
|
||||
__exports.greet = function() {
|
||||
wasm.greet();
|
||||
};
|
||||
|
||||
function addHeapObject(obj) {
|
||||
if (heap_next === heap.length) heap.push(heap.length + 1);
|
||||
const idx = heap_next;
|
||||
heap_next = heap[idx];
|
||||
|
||||
heap[idx] = obj;
|
||||
return idx;
|
||||
}
|
||||
/**
|
||||
*/
|
||||
class Crypto {
|
||||
|
||||
static __wrap(ptr) {
|
||||
const obj = Object.create(Crypto.prototype);
|
||||
obj.ptr = ptr;
|
||||
|
||||
return obj;
|
||||
}
|
||||
|
||||
__destroy_into_raw() {
|
||||
const ptr = this.ptr;
|
||||
this.ptr = 0;
|
||||
|
||||
return ptr;
|
||||
}
|
||||
|
||||
free() {
|
||||
const ptr = this.__destroy_into_raw();
|
||||
wasm.__wbg_crypto_free(ptr);
|
||||
}
|
||||
/**
|
||||
* @param {string} password
|
||||
* @param {string} salt
|
||||
*/
|
||||
constructor(password, salt) {
|
||||
const ptr0 = passStringToWasm0(password, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len0 = WASM_VECTOR_LEN;
|
||||
const ptr1 = passStringToWasm0(salt, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len1 = WASM_VECTOR_LEN;
|
||||
const ret = wasm.crypto_new(ptr0, len0, ptr1, len1);
|
||||
return Crypto.__wrap(ret);
|
||||
}
|
||||
/**
|
||||
* @param {string} input
|
||||
* @returns {string}
|
||||
*/
|
||||
static sha256(input) {
|
||||
try {
|
||||
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
|
||||
const ptr0 = passStringToWasm0(input, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len0 = WASM_VECTOR_LEN;
|
||||
wasm.crypto_sha256(retptr, ptr0, len0);
|
||||
var r0 = getInt32Memory0()[retptr / 4 + 0];
|
||||
var r1 = getInt32Memory0()[retptr / 4 + 1];
|
||||
return getStringFromWasm0(r0, r1);
|
||||
} finally {
|
||||
wasm.__wbindgen_add_to_stack_pointer(16);
|
||||
wasm.__wbindgen_free(r0, r1);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* @param {string} plaintext
|
||||
* @returns {string}
|
||||
*/
|
||||
encrypt(plaintext) {
|
||||
try {
|
||||
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
|
||||
const ptr0 = passStringToWasm0(plaintext, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len0 = WASM_VECTOR_LEN;
|
||||
wasm.crypto_encrypt(retptr, this.ptr, ptr0, len0);
|
||||
var r0 = getInt32Memory0()[retptr / 4 + 0];
|
||||
var r1 = getInt32Memory0()[retptr / 4 + 1];
|
||||
return getStringFromWasm0(r0, r1);
|
||||
} finally {
|
||||
wasm.__wbindgen_add_to_stack_pointer(16);
|
||||
wasm.__wbindgen_free(r0, r1);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* @param {string} ciphertext
|
||||
* @returns {string}
|
||||
*/
|
||||
decrypt(ciphertext) {
|
||||
try {
|
||||
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
|
||||
const ptr0 = passStringToWasm0(ciphertext, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len0 = WASM_VECTOR_LEN;
|
||||
wasm.crypto_decrypt(retptr, this.ptr, ptr0, len0);
|
||||
var r0 = getInt32Memory0()[retptr / 4 + 0];
|
||||
var r1 = getInt32Memory0()[retptr / 4 + 1];
|
||||
return getStringFromWasm0(r0, r1);
|
||||
} finally {
|
||||
wasm.__wbindgen_add_to_stack_pointer(16);
|
||||
wasm.__wbindgen_free(r0, r1);
|
||||
}
|
||||
}
|
||||
}
|
||||
__exports.Crypto = Crypto;
|
||||
|
||||
async function load(module, imports) {
|
||||
if (typeof Response === 'function' && module instanceof Response) {
|
||||
if (typeof WebAssembly.instantiateStreaming === 'function') {
|
||||
try {
|
||||
return await WebAssembly.instantiateStreaming(module, imports);
|
||||
|
||||
} catch (e) {
|
||||
if (module.headers.get('Content-Type') != 'application/wasm') {
|
||||
console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
|
||||
|
||||
} else {
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const bytes = await module.arrayBuffer();
|
||||
return await WebAssembly.instantiate(bytes, imports);
|
||||
|
||||
} else {
|
||||
const instance = await WebAssembly.instantiate(module, imports);
|
||||
|
||||
if (instance instanceof WebAssembly.Instance) {
|
||||
return { instance, module };
|
||||
|
||||
} else {
|
||||
return instance;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getImports() {
|
||||
const imports = {};
|
||||
imports.wbg = {};
|
||||
imports.wbg.__wbg_alert_0cc0cb8b17d72dde = function(arg0, arg1) {
|
||||
alert(getStringFromWasm0(arg0, arg1));
|
||||
};
|
||||
imports.wbg.__wbg_new_abda76e883ba8a5f = function() {
|
||||
const ret = new Error();
|
||||
return addHeapObject(ret);
|
||||
};
|
||||
imports.wbg.__wbg_stack_658279fe44541cf6 = function(arg0, arg1) {
|
||||
const ret = getObject(arg1).stack;
|
||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
||||
const len0 = WASM_VECTOR_LEN;
|
||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
||||
};
|
||||
imports.wbg.__wbg_error_f851667af71bcfc6 = function(arg0, arg1) {
|
||||
try {
|
||||
console.error(getStringFromWasm0(arg0, arg1));
|
||||
} finally {
|
||||
wasm.__wbindgen_free(arg0, arg1);
|
||||
}
|
||||
};
|
||||
imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
|
||||
takeObject(arg0);
|
||||
};
|
||||
imports.wbg.__wbindgen_throw = function(arg0, arg1) {
|
||||
throw new Error(getStringFromWasm0(arg0, arg1));
|
||||
};
|
||||
|
||||
return imports;
|
||||
}
|
||||
|
||||
function initMemory(imports, maybe_memory) {
|
||||
|
||||
}
|
||||
|
||||
function finalizeInit(instance, module) {
|
||||
wasm = instance.exports;
|
||||
init.__wbindgen_wasm_module = module;
|
||||
cachedInt32Memory0 = null;
|
||||
cachedUint8Memory0 = null;
|
||||
|
||||
|
||||
return wasm;
|
||||
}
|
||||
|
||||
function initSync(module) {
|
||||
const imports = getImports();
|
||||
|
||||
initMemory(imports);
|
||||
|
||||
if (!(module instanceof WebAssembly.Module)) {
|
||||
module = new WebAssembly.Module(module);
|
||||
}
|
||||
|
||||
const instance = new WebAssembly.Instance(module, imports);
|
||||
|
||||
return finalizeInit(instance, module);
|
||||
}
|
||||
|
||||
async function init(input) {
|
||||
if (typeof input === 'undefined') {
|
||||
input = script_src.replace(/\.js$/, '_bg.wasm');
|
||||
}
|
||||
const imports = getImports();
|
||||
|
||||
if (typeof input === 'string' || (typeof Request === 'function' && input instanceof Request) || (typeof URL === 'function' && input instanceof URL)) {
|
||||
input = fetch(input);
|
||||
}
|
||||
|
||||
initMemory(imports);
|
||||
|
||||
const { instance, module } = await load(await input, imports);
|
||||
|
||||
return finalizeInit(instance, module);
|
||||
}
|
||||
|
||||
wasm_bindgen = Object.assign(init, { initSync }, __exports);
|
||||
|
||||
})();
|
||||
BIN
lib/crypto_helper_bg.wasm
Normal file
BIN
lib/crypto_helper_bg.wasm
Normal file
Binary file not shown.
BIN
sound/0.mp3
Normal file
BIN
sound/0.mp3
Normal file
Binary file not shown.
BIN
sound/1.mp3
Normal file
BIN
sound/1.mp3
Normal file
Binary file not shown.
BIN
sound/2.mp3
Normal file
BIN
sound/2.mp3
Normal file
Binary file not shown.
BIN
sound/3.mp3
Normal file
BIN
sound/3.mp3
Normal file
Binary file not shown.
BIN
sound/4.mp3
Normal file
BIN
sound/4.mp3
Normal file
Binary file not shown.
BIN
sound/5.mp3
Normal file
BIN
sound/5.mp3
Normal file
Binary file not shown.
BIN
sound/6.mp3
Normal file
BIN
sound/6.mp3
Normal file
Binary file not shown.
BIN
sound/7.mp3
Normal file
BIN
sound/7.mp3
Normal file
Binary file not shown.
BIN
sound/8.mp3
Normal file
BIN
sound/8.mp3
Normal file
Binary file not shown.
BIN
sound/9.mp3
Normal file
BIN
sound/9.mp3
Normal file
Binary file not shown.
BIN
sound/ok-ready-go.mp3
Normal file
BIN
sound/ok-ready-go.mp3
Normal file
Binary file not shown.
BIN
sound/silence.mp3
Normal file
BIN
sound/silence.mp3
Normal file
Binary file not shown.
Loading…
Reference in a new issue