@gpustack/core-ui 1.0.17 → 1.0.18

package/dist/index.es.js

@@ -2381,27 +2381,35 @@ var Ri = class {
 	totalBytes = 0;
 	avgSpeed = 0;
 	callback;
-	encoder = new TextEncoder();
 	constructor(e) {
 		this.callback = e.callback, this.contentLength = e.contentLength ? parseInt(e.contentLength, 10) : null;
 	}
 	updateProgress(e) {
-		this.contentLength && (this.progress += this.encoder.encode(e).length, this.percent = Math.floor(this.progress / this.contentLength * 100));
+		this.contentLength && (this.progress += new TextEncoder().encode(e).length, this.percent = Math.floor(this.progress / this.contentLength * 100));
 	}
 	logSpeed(e) {
 		this.speedHistory.push(e), this.speedHistory.length > this.maxHistory && this.speedHistory.shift(), this.avgSpeed = this.speedHistory.reduce((e, t) => e + t, 0) / this.speedHistory.length, console.log(`瞬时均值: ${b(this.avgSpeed)}/s`);
 	}
+	updateSpeed(e) {
+		let t = performance.now(), n = (t - this.lastTime) / 1e3;
+		if (n > .3) {
+			let r = (this.totalBytes + e - this.lastBytes) / n;
+			this.logSpeed(r), this.lastTime = t, this.lastBytes = this.totalBytes + e;
+		}
+	}
 	add(e) {
 		this.buffer.push(e), this.updateProgress(e);
 	}
-	flush(e) {
+	async flush(e) {
 		if (this.buffer.length > 0) for (; this.buffer.length > 0;) {
 			let t = this.buffer.shift(), n = this.buffer.length === 0 && e;
-			this.callback(t, {
-				isComplete: n || this.percent === 100,
-				percent: this.percent,
-				progress: this.progress,
-				contentLength: this.contentLength
+			await new Promise((e) => {
+				this.callback(t, {
+					isComplete: n || this.percent === 100,
+					percent: this.percent,
+					progress: this.progress,
+					contentLength: this.contentLength
+				}), e();
 			});
 		}
 	}
@@ -2409,65 +2417,63 @@ var Ri = class {
 		return this.buffer;
 	}
 }, zi = () => {
-	let { config: e } = a(), { apiBaseUrl: t } = e, n = z(null), r = z({}), i = async (e, t, n = 100) => {
-		let r = e?.body?.getReader(), i = new TextDecoder("utf-8"), a = new Ri({
+	let { config: e } = a(), { apiBaseUrl: t } = e, n = z(null), r = z({}), i = z(null), o = async (e, t, n = 100) => {
+		let r = e?.body?.getReader(), a = new TextDecoder("utf-8"), o = new Ri({
 			contentLength: e.headers.get("content-length"),
 			callback: t
-		}), o = !1, s = async () => {
-			if (!o) {
-				o = !0;
+		}), s = (0, Z.throttle)(async () => {
+			await o.flush();
+		}, n);
+		i.current = s;
+		try {
+			for (;;) {
+				let { done: e, value: t } = await r.read();
 				try {
-					await Promise.resolve(a.flush());
-				} finally {
-					o = !1;
+					let e = a.decode(t, { stream: !0 });
+					o.add(e), s();
+				} catch {}
+				if (e) {
+					await o.flush(!0), s.cancel(), r.releaseLock();
+					break;
 				}
 			}
-		}, c = !0;
-		for (; c;) {
-			let { done: e, value: t } = await r.read();
+		} finally {
+			s.cancel(), i.current === s && (i.current = null);
 			try {
-				if (t) {
-					let e = i.decode(t, { stream: !0 });
-					a.add(e);
-				}
-				await s();
-			} catch (e) {
-				console.error("Error processing chunk:", e);
-			}
-			if (e) {
-				c = !1, await s(), a.flush(e), r.releaseLock();
-				break;
-			}
+				r.releaseLock();
+			} catch {}
 		}
-	}, o = async ({ url: e, handler: r, errorHandler: a, watch: o, watchable: s = !0, params: c = {} }) => {
-		n.current?.abort?.(), n.current = new AbortController();
+	}, s = async ({ url: e, handler: r, errorHandler: a, watch: s, watchable: c = !0, params: l = {} }) => {
+		n.current?.abort?.(), i.current?.cancel?.(), i.current = null, n.current = new AbortController();
 		try {
-			let l = await fetch(`${t}${e}?${m.stringify({
-				...c,
-				...s ? { watch: o ?? !0 } : {}
+			let i = await fetch(`${t}${e}?${m.stringify({
+				...l,
+				...c ? { watch: s ?? !0 } : {}
 			})}`, {
 				method: "GET",
 				body: null,
 				headers: { "Content-Type": "application/octet-stream" },
 				signal: n.current.signal
 			});
-			if (!l.ok) {
-				let e = await Li(l);
+			if (!i.ok) {
+				let e = await Li(i);
 				a ? a(e) : r(e?.message);
 				return;
 			}
-			await i(l, r);
-		} catch {}
+			await o(i, r);
+		} catch (e) {
+			e?.name !== "AbortError" && console.error("Chunk request error:", e);
+		}
 		return n.current;
-	}, s = zt((e) => (r.current = { ...e }, o(r.current), n));
+	}, c = zt((e) => (r.current = { ...e }, s(r.current), n));
 	return F(() => {
 		let e = () => {
-			n.current?.abort?.();
+			n.current?.abort?.(), i.current?.cancel?.();
 		};
 		return window.addEventListener("beforeunload", e), () => {
-			n.current?.abort?.(), window.removeEventListener("beforeunload", e);
+			n.current?.abort?.(), i.current?.cancel?.(), window.removeEventListener("beforeunload", e);
 		};
-	}, []), { setChunkFetch: s };
+	}, []), { setChunkFetch: c };
 }, Bi = /* @__PURE__ */ t({
 	StatusColorMap: () => Ui,
 	StatusMaps: () => Wi,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpustack/core-ui",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "private": false,
   "sideEffects": [
     "**/*.css",