@mundogamernetwork/shared-ui 1.16.20 → 1.16.22

package/locales/de.json

@@ -168,6 +168,7 @@
         "status_closed_action_pending": "Geschlossen — eine Aktion ist noch nötig",
         "status_ending": "Ending soon",
         "status_exhausted": "Keys exhausted",
+        "status_exhausted_action_pending": "Ausverkauft — eine Aktion ist noch nötig",
         "days": "days",
         "hours": "hours",
         "minutes": "min",

package/locales/en.json

@@ -168,6 +168,7 @@
         "status_closed_action_pending": "Closed — action needed",
         "status_ending": "Ending soon",
         "status_exhausted": "Keys exhausted",
+        "status_exhausted_action_pending": "Keys exhausted — action needed",
         "days": "days",
         "hours": "hours",
         "minutes": "min",

package/locales/es.json

@@ -168,6 +168,7 @@
         "status_closed_action_pending": "Cerrada — tienes una acción pendiente",
         "status_ending": "Terminando pronto",
         "status_exhausted": "Agotada",
+        "status_exhausted_action_pending": "Agotada — tienes una acción pendiente",
         "days": "días",
         "hours": "horas",
         "minutes": "minutos",

package/locales/pt-BR.json

@@ -168,6 +168,7 @@
         "status_closed_action_pending": "Encerrada — falta uma ação sua",
         "status_ending": "Ending soon",
         "status_exhausted": "Keys exhausted",
+        "status_exhausted_action_pending": "Esgotada — falta uma ação sua",
         "days": "days",
         "hours": "hours",
         "minutes": "min",

package/locales/ro.json

@@ -168,6 +168,7 @@
         "status_closed_action_pending": "Închisă — mai ai o acțiune de făcut",
         "status_ending": "Ending soon",
         "status_exhausted": "Keys exhausted",
+        "status_exhausted_action_pending": "Epuizată — mai ai o acțiune de făcut",
         "days": "days",
         "hours": "hours",
         "minutes": "min",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.16.20",
+  "version": "1.16.22",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/key-campaigns/[slug].vue

@@ -882,7 +882,9 @@ onMounted(async () => {
 													? $t("keys.campaigns.campaign.status_closed_action_pending")
 													: $t("keys.campaigns.campaign.status_closed"))
 												: (campaign?.available_count ?? 0) === 0
-													? $t("keys.campaigns.campaign.status_exhausted")
+													? (hasPendingObligation
+														? $t("keys.campaigns.campaign.status_exhausted_action_pending")
+														: $t("keys.campaigns.campaign.status_exhausted"))
 													: hasNoDateLimit
 														? $t("keys.campaigns.campaign.status_active")
 														: timeValues.days <= 7

package/pages/mural/[slug]/pixel/[pixelId].vue

@@ -72,13 +72,17 @@ const seoDescription = computed(() =>
 )
 // share_image_url (auto-generated branded reveal) takes priority, then the
 // pixel's own uploaded image, then the wall's cover/logo as a last resort.
-const seoImage = computed(() =>
-	pixel.value?.share_image_url
-	|| pixel.value?.image_url
-	|| wall.value?.cover_image_url
-	|| wall.value?.logo_url
-	|| '',
-)
+// indie_wall_pixels.image_url is often a base64 data: URI (the column was
+// widened to `text` specifically for that) — a social crawler can't fetch a
+// data: URI for og:image/twitter:image, so it's skipped here in favor of the
+// wall's own image; the inline <img>/download link elsewhere can still use
+// the raw value since those render in an actual browser.
+const isShareableImageUrl = (url: unknown): url is string => typeof url === 'string' && /^https?:\/\//i.test(url)
+const seoImage = computed(() => {
+	if (pixel.value?.share_image_url) return pixel.value.share_image_url
+	if (isShareableImageUrl(pixel.value?.image_url)) return pixel.value.image_url
+	return wall.value?.cover_image_url || wall.value?.logo_url || ''
+})
 
 // Raw useHead meta-array form — same proven pattern as
 // pages/mural/[slug]/index.vue (see the comment there: useSeoMeta silently

package/plugins/echo.client.ts

@@ -160,6 +160,23 @@ export default defineNuxtPlugin({
 	let reconnectTimer: number | null = null;
 	let reconnectAttempts = 0;
 	const MAX_RECONNECT_ATTEMPTS = 5;
+	// Once the backoff budget is exhausted we stop the timer-based retries, but the
+	// tab isn't necessarily hopeless forever — the failures so far might all be from
+	// a dead network or a backgrounded tab throttled by the browser. giveUp tracks
+	// that state so the visibility/online listeners below know to give the socket a
+	// fresh budget instead of calling connect() on top of an already-scheduled retry.
+	let giveUp = false;
+
+	const scheduleReconnect = () => {
+		reconnectAttempts++;
+		const delay = Math.min(1000 * Math.pow(2, reconnectAttempts - 1), 30000);
+		console.log(`[WebSocket] Reconnecting in ${delay / 1000}s (attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS})...`);
+
+		if (reconnectTimer) clearTimeout(reconnectTimer);
+		reconnectTimer = window.setTimeout(() => {
+			window.Echo.connector.pusher.connect();
+		}, delay);
+	};
 
 	window.Echo.connector.pusher.connection.bind("state_change", (states: any) => {
 		const { previous, current } = states;
@@ -169,7 +186,8 @@ export default defineNuxtPlugin({
 			// Stop reconnecting after max attempts to avoid infinite loop
 			// (e.g. when user is not authenticated)
 			if (reconnectAttempts >= MAX_RECONNECT_ATTEMPTS) {
-				console.log("[WebSocket] Max reconnect attempts reached, stopping.");
+				console.log("[WebSocket] Max reconnect attempts reached, stopping until the tab is visible/online again.");
+				giveUp = true;
 				if (reconnectTimer) {
 					clearTimeout(reconnectTimer);
 					reconnectTimer = null;
@@ -177,17 +195,11 @@ export default defineNuxtPlugin({
 				return;
 			}
 
-			reconnectAttempts++;
-			const delay = Math.min(1000 * Math.pow(2, reconnectAttempts - 1), 30000);
-			console.log(`[WebSocket] Reconnecting in ${delay / 1000}s (attempt ${reconnectAttempts}/${MAX_RECONNECT_ATTEMPTS})...`);
-
-			if (reconnectTimer) clearTimeout(reconnectTimer);
-			reconnectTimer = window.setTimeout(() => {
-				window.Echo.connector.pusher.connect();
-			}, delay);
+			scheduleReconnect();
 		}
 
 		if (current === "connected") {
+			giveUp = false;
 			reconnectAttempts = 0;
 			if (reconnectTimer) {
 				clearTimeout(reconnectTimer);
@@ -196,6 +208,34 @@ export default defineNuxtPlugin({
 		}
 	});
 
+	// The backoff loop above only reacts to the socket's own state changes, so once
+	// it gives up after MAX_RECONNECT_ATTEMPTS nothing ever tries again — a tab left
+	// open across a Wi-Fi drop, a phone switching towers, or a background tab the
+	// browser froze mid-backoff stays stuck on "disconnected" for the rest of the
+	// session (falling back to HTTP polling wherever the app checks connection.state,
+	// e.g. community-frontend's chat store). Retry once when the tab regains focus or
+	// the browser reports the network is back, giving the connection a fresh budget
+	// instead of leaving it permanently given up on.
+	const retryIfStalled = () => {
+		const state = window.Echo?.connector?.pusher?.connection?.state;
+		if (!giveUp && state !== "disconnected" && state !== "failed" && state !== "unavailable") return;
+		if (state === "connected" || state === "connecting") return;
+
+		console.log("[WebSocket] Tab active/online again — retrying connection.");
+		giveUp = false;
+		reconnectAttempts = 0;
+		if (reconnectTimer) {
+			clearTimeout(reconnectTimer);
+			reconnectTimer = null;
+		}
+		window.Echo.connector.pusher.connect();
+	};
+
+	document.addEventListener("visibilitychange", () => {
+		if (document.visibilityState === "visible") retryIfStalled();
+	});
+	window.addEventListener("online", retryIfStalled);
+
 	nuxtApp.provide("echo", window.Echo);
 	},
 });