@ziztechnology/dial-library 0.0.6 → 0.0.7

package/dist/index.mjs

@@ -2057,6 +2057,7 @@ const noop = () => {
 //#endregion
 //#region src/sensor/driving_expression_player.ts
 const DEBUG_MODULE = "driving_expression_player.ts";
+const MAX_RETAINED_IMAGES = 3;
 const createDrivingExpressionPlayer = (container, options) => {
 	dialSdkDebugWarn(DEBUG_MODULE, "createDrivingExpressionPlayer", "called", {
 		container,
@@ -2086,6 +2087,8 @@ var DefaultDrivingExpressionPlayer = class {
 		this.reusableVideo = null;
 		this.activeTgs = null;
 		this.unsubscribePageLifecycle = null;
+		this.retainedImages = /* @__PURE__ */ new Map();
+		this.preloadedHintUrls = /* @__PURE__ */ new Set();
 		this.handleLifecyclePause = () => {
 			dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.handleLifecyclePause", "called");
 			if (this.destroyed || this.lifecycleSuspended) {
@@ -2215,6 +2218,8 @@ var DefaultDrivingExpressionPlayer = class {
 		this.failedOperation = null;
 		this.cancelPendingWork();
 		this.releaseActiveMedia();
+		this.clearRetainedImages();
+		this.preloadedHintUrls.clear();
 		this.container.replaceChildren();
 		this.status = null;
 		this.desiredMedia = null;
@@ -2315,8 +2320,7 @@ var DefaultDrivingExpressionPlayer = class {
 		try {
 			switch (media.kind) {
 				case "image":
-					this.renderConfiguredFallback(status, false);
-					await this.loadImage(media.url, loadAbort.signal, operation);
+					await this.loadImage(status, media, loadAbort.signal, operation);
 					break;
 				case "video":
 					this.renderLoadingPlaceholder(status, media.coverUrl, operation, loadAbort.signal);
@@ -2361,12 +2365,27 @@ var DefaultDrivingExpressionPlayer = class {
 			dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.load", "completed", { operation });
 		}
 	}
-	async loadImage(url, signal, operation) {
+	async loadImage(status, media, signal, operation) {
+		const { url } = media;
 		dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.loadImage", "called", {
-			url,
+			status,
+			media,
 			signal,
 			operation
 		});
+		if (isRetainableImage(media)) {
+			const retained = this.takeRetainedImage(url);
+			if (retained !== null) {
+				this.container.replaceChildren(retained);
+				dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.loadImage", "resolved retained image", {
+					url,
+					operation,
+					image: retained
+				});
+				return;
+			}
+		}
+		this.renderConfiguredFallback(status, false);
 		const image = this.createImage();
 		await waitForElementEvent(image, "load", "error", signal, this.loadTimeoutMs, () => {
 			image.src = url;
@@ -2375,6 +2394,7 @@ var DefaultDrivingExpressionPlayer = class {
 			dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.loadImage", "discarded", { operation });
 			return;
 		}
+		if (isRetainableImage(media)) this.retainImage(url, image);
 		this.container.replaceChildren(image);
 		dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.loadImage", "resolved", {
 			url,
@@ -2382,6 +2402,29 @@ var DefaultDrivingExpressionPlayer = class {
 			image
 		});
 	}
+	takeRetainedImage(url) {
+		const image = this.retainedImages.get(url) ?? null;
+		if (image === null) return null;
+		this.retainedImages.delete(url);
+		this.retainedImages.set(url, image);
+		return image;
+	}
+	retainImage(url, image) {
+		const previous = this.retainedImages.get(url);
+		if (previous && previous !== image) previous.removeAttribute("src");
+		this.retainedImages.delete(url);
+		this.retainedImages.set(url, image);
+		while (this.retainedImages.size > MAX_RETAINED_IMAGES) {
+			const oldest = this.retainedImages.entries().next().value;
+			if (!oldest) break;
+			this.retainedImages.delete(oldest[0]);
+			oldest[1].removeAttribute("src");
+		}
+	}
+	clearRetainedImages() {
+		for (const image of this.retainedImages.values()) image.removeAttribute("src");
+		this.retainedImages.clear();
+	}
 	async loadVideo(url, mimeType, status, media, signal, operation) {
 		dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.loadVideo", "called", {
 			url,
@@ -2705,11 +2748,13 @@ var DefaultDrivingExpressionPlayer = class {
 				const media = normalizeMedia(configured);
 				const hintUrl = mediaPreloadHint(media);
 				if (!hintUrl || !isPublicDrivingMediaUrl(hintUrl)) continue;
+				if (this.preloadedHintUrls.has(hintUrl) || this.retainedImages.has(hintUrl)) continue;
 				try {
 					const image = this.createImage();
 					await waitForElementEvent(image, "load", "error", preloadAbort.signal, this.loadTimeoutMs, () => {
 						image.src = hintUrl;
 					});
+					this.preloadedHintUrls.add(hintUrl);
 					image.removeAttribute("src");
 					dialSdkDebugWarn(DEBUG_MODULE, "DefaultDrivingExpressionPlayer.startPreloading.worker", "preloaded", {
 						status,
@@ -2917,6 +2962,14 @@ const normalizeMedia = (media) => {
 	});
 	return result;
 };
+const isRetainableImage = (media) => {
+	if (media.mimeType?.split(";", 1)[0]?.trim().toLowerCase() === "image/gif") return false;
+	try {
+		return !new URL(media.url).pathname.toLowerCase().endsWith(".gif");
+	} catch {
+		return false;
+	}
+};
 const firstInvalidMediaUrl = (media) => {
 	dialSdkDebugWarn(DEBUG_MODULE, "firstInvalidMediaUrl", "called", { media });
 	let values;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ziztechnology/dial-library",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "private": false,
   "description": "Tooony 表盘工具函数、方法",
   "files": [