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

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

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

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

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