@mundogamernetwork/shared-ui 1.16.15 → 1.16.17

package/components/ui/MgPlatformSwitcherSidebar.vue

@@ -5,13 +5,23 @@
         <p class="sidebar-menu__intro">{{ $t('sidebar.platform_switcher_intro') }}</p>
         <ul class="menus">
           <li v-for="system in networkSystems" :key="system.id">
-            <a class="sidebar__logo" :href="system.domain" target="_blank" rel="noopener noreferrer" :aria-label="ariaLabelFor(system)">
+            <component
+              :is="system.comingSoon ? 'span' : 'a'"
+              class="sidebar__logo"
+              :class="{ 'sidebar__logo--disabled': system.comingSoon }"
+              :href="system.comingSoon ? undefined : system.domain"
+              :target="system.comingSoon ? undefined : '_blank'"
+              :rel="system.comingSoon ? undefined : 'noopener noreferrer'"
+              :aria-disabled="system.comingSoon || undefined"
+              :aria-label="ariaLabelFor(system)"
+            >
               <img :src="colorMode.value === 'light' ? system.logo_light : system.logo_dark" :alt="system.name" />
               <span class="sidebar__tooltip" role="tooltip">
                 <strong>{{ system.name }}</strong>
-                <span v-if="descriptionFor(system.slug)">{{ descriptionFor(system.slug) }}</span>
+                <span v-if="system.comingSoon">{{ $t('sidebar.coming_soon') }}</span>
+                <span v-else-if="descriptionFor(system.slug)">{{ descriptionFor(system.slug) }}</span>
               </span>
-            </a>
+            </component>
           </li>
         </ul>
       </div>
@@ -56,8 +66,15 @@ interface NetworkSystem {
   logo_light: string;
   status: number;
   slug: string;
+  comingSoon?: boolean;
 }
 
+// mundogamer.shop was lost/hijacked (now parked/serving unrelated content)
+// but mg_network_systems still carries it as an active prod_url — the API
+// can't be trusted for this one entry until that's fixed at the source, so
+// force it non-clickable here instead of linking out to it.
+const HIJACKED_SLUGS = new Set(['shop']);
+
 // Fallback data - previous static logos
 const fallbackSystems: NetworkSystem[] = [
   { id: 1, name: 'Mundo Gamer Academy', domain: 'https://mundogamer.academy', logo_dark: '/imgs/dark/academy.svg', logo_light: '/imgs/light/academy.svg', status: 1, slug: 'academy' },
@@ -67,7 +84,7 @@ const fallbackSystems: NetworkSystem[] = [
   { id: 5, name: 'Mundo Gamer Community', domain: 'https://mundogamer.community', logo_dark: '/imgs/dark/community.svg', logo_light: '/imgs/light/community.svg', status: 1, slug: 'community' },
   { id: 6, name: 'Mundo Gamer Jobs', domain: 'https://mundogamerjobs.com', logo_dark: '/imgs/dark/jobs.svg', logo_light: '/imgs/light/jobs.svg', status: 1, slug: 'jobs' },
   { id: 7, name: 'Mundo Gamer Network', domain: 'https://mundogamer.network', logo_dark: '/imgs/dark/network.svg', logo_light: '/imgs/light/network.svg', status: 1, slug: 'network' },
-  { id: 8, name: 'Mundo Gamer Shop', domain: 'https://mundogamer.shop', logo_dark: '/imgs/dark/shop.svg', logo_light: '/imgs/light/shop.svg', status: 1, slug: 'shop' },
+  { id: 8, name: 'Mundo Gamer Shop', domain: 'https://mundogamer.shop', logo_dark: '/imgs/dark/shop.svg', logo_light: '/imgs/light/shop.svg', status: 1, slug: 'shop', comingSoon: true },
   { id: 9, name: 'Mundo Gamer Token', domain: 'https://mundogamer.token', logo_dark: '/imgs/dark/token.svg', logo_light: '/imgs/light/token.svg', status: 1, slug: 'token' },
   { id: 10, name: 'Mundo Gamer TV', domain: 'https://mundogamer.tv', logo_dark: '/imgs/dark/tv.svg', logo_light: '/imgs/light/tv.svg', status: 1, slug: 'tv' },
 ];
@@ -104,7 +121,8 @@ async function fetchNetworkSystems() {
         logo_dark: slug ? `/imgs/dark/${slug}.svg` : (system.url_reduced_image_src || ''),
         logo_light: slug ? `/imgs/light/${slug}.svg` : (system.url_reduced_image_src || ''),
         status: system.status ? 1 : 0,
-        slug
+        slug,
+        comingSoon: HIJACKED_SLUGS.has(slug)
       };
     });
   } catch (error) {
@@ -124,6 +142,7 @@ function descriptionFor(slug: string): string {
 }
 
 function ariaLabelFor(system: NetworkSystem): string {
+  if (system.comingSoon) return `${system.name} — ${t('sidebar.coming_soon')}`;
   const description = descriptionFor(system.slug);
   return description ? `${system.name} — ${description}` : system.name;
 }
@@ -136,8 +155,16 @@ onMounted(() => {
 <style scoped lang="scss">
 #sidebar-logo {
   z-index: 36;
-  position: absolute;
+  // fixed (not absolute) + all four insets pinned: absolute with no `top`
+  // falls back to its "static position" — roughly where it would sit in
+  // normal flow — so on a real page with content above it in the DOM, the
+  // whole panel renders far down the page instead of pinned to the
+  // viewport's right edge, and its `height: 100%` then has no definite
+  // containing-block height to resolve against, stretching the page.
+  position: fixed;
+  top: 0;
   right: 0;
+  bottom: 0;
 
   .sidebar {
     display: inline-flex;
@@ -210,6 +237,11 @@ onMounted(() => {
     &__logo {
       position: relative;
       display: inline-flex;
+
+      &--disabled {
+        cursor: default;
+        opacity: 0.4;
+      }
     }
 
     &__tooltip {

package/package.json

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