@mundogamernetwork/shared-ui 1.1.35 → 1.1.37

package/plugins/auth.client.ts

@@ -1,6 +1,6 @@
 export default defineNuxtPlugin({
 	name: "shared-ui-auth",
-	parallel: true,
+	enforce: "pre",
 	async setup() {
 		try {
 			const authStore = useAuthStore();

package/plugins/echo.client.ts

@@ -77,9 +77,11 @@ export default defineNuxtPlugin({
 	});
 
 	window.Echo.connector.pusher.connection.bind("connected", () => {
+		console.log("[WebSocket] Connected", new Date().toISOString());
 	});
 
 	window.Echo.connector.pusher.connection.bind("disconnected", () => {
+		console.log("[WebSocket] Disconnected", new Date().toISOString());
 	});
 
 	window.Echo.connector.pusher.connection.bind("error", (error: any) => {
@@ -92,11 +94,13 @@ export default defineNuxtPlugin({
 
 	window.Echo.connector.pusher.connection.bind("state_change", (states: any) => {
 		const { previous, current } = states;
+		console.log(`[WebSocket] State changed: ${previous} -> ${current}`);
 
 		if (current === "disconnected" || current === "failed" || current === "unavailable") {
 			// 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.");
 				if (reconnectTimer) {
 					clearTimeout(reconnectTimer);
 					reconnectTimer = null;
@@ -106,6 +110,7 @@ export default defineNuxtPlugin({
 
 			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(() => {

package/services/campaignBannersService.ts

@@ -34,11 +34,6 @@ export const fetchCampaignBanners = (
 		.then((r) => r.data?.data ?? [])
 		.catch((): CampaignBanner[] => []);
 
-export const clickCampaignBanner = (id: number, platform?: string, page?: string): void => {
-	axios
-		.put(`${getNetworkBaseUrl()}/public/campaigns-banners/${id}/click`, null, {
-			params: { ...(platform ? { platform } : {}), ...(page ? { page } : {}) },
-			withCredentials: false,
-		})
-		.catch(() => {});
+export const clickCampaignBanner = (id: number): void => {
+	axios.put(`${getNetworkBaseUrl()}/public/campaigns-banners/${id}/click`).catch(() => {});
 };

package/services/httpService.ts

@@ -40,11 +40,12 @@ export function getHttpService(): AxiosInstance {
 	_httpService.interceptors.response.use(
 		(response) => response,
 		(error) => {
+			const url: string = error.config?.url ?? "";
+			// The auth/user (or /users/me) probe is the canonical session check.
+			const isAuthProbe = /\/auth\/user(\?|$)|\/users\/me(\?|$)/.test(url);
+
 			if (typeof window !== "undefined" && error?.response) {
 				const status = error.response.status;
-				const url: string = error.config?.url ?? "";
-				// The auth/user (or /users/me) probe is the canonical session check.
-				const isAuthProbe = /\/auth\/user(\?|$)|\/users\/me(\?|$)/.test(url);
 
 				// 401 on the auth probe = the session is genuinely gone (expired/invalid
 				// token). Clear the stale credentials so the loop breaks and the user
@@ -66,6 +67,14 @@ export function getHttpService(): AxiosInstance {
 					console.error(`[HTTP] Error ${status}:`, error.response?.data?.message || "");
 				}
 			}
+
+			// A stale auth cookie can make the API fatal before CORS headers are
+			// rendered. Axios reports that as ERR_NETWORK, so clear auth only when
+			// the failed request was the canonical auth probe.
+			if (typeof window !== "undefined" && !error?.response && isAuthProbe) {
+				recoverFromSessionLoss();
+			}
+
 			return Promise.reject(error);
 		},
 	);
@@ -85,14 +94,6 @@ export function getHttpService(): AxiosInstance {
 			config.headers.set("X-Timezone", Intl.DateTimeFormat().resolvedOptions().timeZone);
 		}
 
-		// Live Analytics: send current page route and platform ID so the
-		// GeoAnalyticsMiddleware on each service-api can record session activity.
-		if (typeof window !== "undefined") {
-			config.headers.set("X-Page-Route", window.location.pathname);
-			const systemId = import.meta.env.VITE_SYSTEM_ID;
-			if (systemId) config.headers.set("X-System-Id", String(systemId));
-		}
-
 		return config;
 	});
 

package/stores/appInstallBanner.ts

@@ -72,28 +72,16 @@ export const useAppInstallBannerStore = defineStore("app-install-banner-store",
 	}),
 
 	actions: {
-		async fetchBanner(overrideBaseUrl?: string, overridePlatformId?: number) {
+		async fetchBanner() {
 			if (this.loaded) return;
 
 			const runtimeConfig = useRuntimeConfig();
-			const cfg = runtimeConfig.public;
-			// Priority: explicit props from layout > shared-ui namespace > flat runtimeConfig keys > build-time env vars
 			const networkBaseUrl =
-				overrideBaseUrl ||
-				cfg.mgSharedUi?.networkBaseUrl ||
-				cfg.networkBaseURL ||
-				cfg.networkBaseUrl ||
-				cfg.apiBaseURL ||
-				(import.meta.env.VITE_BASE_URL_NETWORK as string) ||
-				(import.meta.env.VITE_API_BASE_URL as string);
-			const platformId =
-				overridePlatformId ||
-				Number(
-					cfg.mgSharedUi?.systemId ||
-					cfg.platformId ||
-					cfg.systemId ||
-					import.meta.env.VITE_SYSTEM_ID,
-				);
+				runtimeConfig.public.mgSharedUi?.networkBaseUrl ||
+				import.meta.env.VITE_BASE_URL_NETWORK;
+			const platformId = Number(
+				runtimeConfig.public.mgSharedUi?.systemId || import.meta.env.VITE_SYSTEM_ID,
+			);
 
 			if (!networkBaseUrl || !platformId) {
 				this.loaded = true;
@@ -131,12 +119,8 @@ export const useAppInstallBannerStore = defineStore("app-install-banner-store",
 
 		dismiss() {
 			const runtimeConfig = useRuntimeConfig();
-			const cfg = runtimeConfig.public;
 			const platformId = Number(
-				cfg.mgSharedUi?.systemId ||
-				cfg.platformId ||
-				cfg.systemId ||
-				import.meta.env.VITE_SYSTEM_ID,
+				runtimeConfig.public.mgSharedUi?.systemId || import.meta.env.VITE_SYSTEM_ID,
 			);
 			if (platformId) writeDismiss(platformId);
 			this.dismissed = true;