dnrops
/
candle
mirror of https://github.com/huggingface/candle.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

minor UI fixes (#856) 

* fixes

* remove listener

* remove event listener
This commit is contained in:
Radamés Ajna 2023-09-14 22:30:50 -07:00 committed by GitHub
parent 130fe5a087
commit 5cefbba757
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
candle-wasm-examples/llama2-c/lib-example.html
View File

@ -6,7 +6,7 @@
<body></body> <body></body>
</html> </html>
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -113,8 +113,14 @@
const handleMessage = (event) => { const handleMessage = (event) => {
const { status, error, message, prompt, sentence } = event.data; const { status, error, message, prompt, sentence } = event.data;
if (status) updateStatus(event.data); if (status) updateStatus(event.data);
if (error) reject(new Error(error)); if (error) {
if (status === "complete") resolve(event.data); llamaWorker.removeEventListener("message", handleMessage);
reject(new Error(error));
}
if (status === "complete") {
llamaWorker.removeEventListener("message", handleMessage);
resolve(event.data);
}
}; };
controller.signal.addEventListener("abort", handleAbort); controller.signal.addEventListener("abort", handleAbort);

9
candle-wasm-examples/whisper/lib-example.html
View File

@ -6,7 +6,7 @@
<body></body> <body></body>
</html> </html>
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -51,18 +51,21 @@
mel_filtersURL, mel_filtersURL,
audioURL, audioURL,
}); });
whisperWorker.addEventListener("message", (event) => { function messageHandler(event) {
console.log(event.data); console.log(event.data);
if ("status" in event.data) { if ("status" in event.data) {
updateStatus(event.data); updateStatus(event.data);
} }
if ("error" in event.data) { if ("error" in event.data) {
whisperWorker.removeEventListener("message", messageHandler);
reject(new Error(event.data.error)); reject(new Error(event.data.error));
} }
if (event.data.status === "complete") { if (event.data.status === "complete") {
whisperWorker.removeEventListener("message", messageHandler);
resolve(event.data); resolve(event.data);
} }
}); }
whisperWorker.addEventListener("message", messageHandler);
}); });
} }

17
candle-wasm-examples/yolo/lib-example.html
View File

@ -6,7 +6,7 @@
<body></body> <body></body>
</html> </html>
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -199,17 +199,21 @@
confidence, confidence,
iou_threshold, iou_threshold,
}); });
yoloWorker.addEventListener("message", (event) => { function handleMessage(event) {
console.log("message", event.data);
if ("status" in event.data) { if ("status" in event.data) {
updateStatus(event.data.status); updateStatus(event.data.status);
} }
if ("error" in event.data) { if ("error" in event.data) {
yoloWorker.removeEventListener("message", handleMessage);
reject(new Error(event.data.error)); reject(new Error(event.data.error));
} }
if (event.data.status === "complete") { if (event.data.status === "complete") {
yoloWorker.removeEventListener("message", handleMessage);
resolve(event.data); resolve(event.data);
} }
}); }
yoloWorker.addEventListener("message", handleMessage);
}); });
} }
// add event listener to detect button // add event listener to detect button
@ -393,7 +397,7 @@
</button> </button>
</div> </div>
<!-- drag and drop area --> <!-- drag and drop area -->
<div class="relative"> <div class="relative max-w-lg">
<div class="py-1"> <div class="py-1">
<button <button
id="clear-btn" id="clear-btn"
@ -471,7 +475,10 @@
</div> </div>
</div> </div>
<div> <div>
<div class="flex gap-3 items-center" id="image-select"> <div
class="flex gap-3 items-center overflow-x-scroll"
id="image-select"
>
<h3 class="font-medium">Examples:</h3> <h3 class="font-medium">Examples:</h3>
<img <img