@golstats/gsc-top-player 1.1.2 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-top-player",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "main": "dist/gsc-top-player.umd.js",
   "module": "dist/gsc-top-player.es.js",
   "exports": {
@@ -54,7 +54,6 @@
     "@golstats/gsc-label": "^1.0.5",
     "@golstats/gsc-season-select": "^1.0.10",
     "@golstats/gsc-switch-component": "^1.0.14",
-    "@golstats/gsc-tournament-select": "^1.0.23",
     "axios": "^1.10.0"
   },
   "devDependencies": {

package/src/components/comparative/gsc-top.vue

@@ -29,9 +29,12 @@
                           logo:
                             player.img && player.img.includes('player-shadow')
                               ? 'https://golstatsimages.blob.core.windows.net/images-library/logo-team@2x.png'
-                              : 'https://golstatsimages.blob.core.windows.net/teams-80/' +
-                                player.teamid +
-                                '.png',
+                              : getImageUrl(
+                                  'https://golstatsimages.blob.core.windows.net/teams-80/' +
+                                    player.teamid +
+                                    '.png',
+                                  provider,
+                                ),
                           name: player.name,
                           player_short: player.name_short,
                           player_id: player.id,
@@ -87,9 +90,12 @@
                           team_logo:
                             player.img && player.img.includes('player-shadow')
                               ? 'https://golstatsimages.blob.core.windows.net/images-library/logo-team@2x.png'
-                              : 'https://golstatsimages.blob.core.windows.net/teams-80/' +
-                                player.teamid +
-                                '.png',
+                              : getImageUrl(
+                                  'https://golstatsimages.blob.core.windows.net/teams-80/' +
+                                    player.teamid +
+                                    '.png',
+                                  provider,
+                                ),
                           player_position: player.position,
                           player_country_flag:
                             'https://golstatsimages.blob.core.windows.net/flags/' +
@@ -210,10 +216,12 @@
                       id: player.id,
                       player_age: player.age,
                       team_abrev: player.team,
-                      team_logo:
+                      team_logo: getImageUrl(
                         'https://golstatsimages.blob.core.windows.net/teams-80/' +
-                        player.teamid +
-                        '.png',
+                          player.teamid +
+                          '.png',
+                        provider,
+                      ),
                       player_position: player.position,
                       player_country_flag:
                         'https://golstatsimages.blob.core.windows.net/flags/' +
@@ -292,6 +300,7 @@
 <script>
 import axios from 'axios'
 import { getApiUrl } from '@/utils/apiUrl.js'
+import { getImageUrl } from '@/utils/imageUrl.js'
 import { ref } from 'vue'
 import useElementSize from './useElementSize'
 import GSCLeaders from './gsc-header-tops.vue'
@@ -487,8 +496,10 @@ export default {
             topTeam[play.team_id]['total'] = play.total
             topTeam[play.team_id]['id'] = this.teamInfo[play.team_id].id
             topTeam[play.team_id]['name'] = this.teamInfo[play.team_id].name.replace(' Femenil', '')
-            topTeam[play.team_id]['img'] =
-              'https://golstatsimages.blob.core.windows.net/teams-80/' + play.team_id + '.png'
+            topTeam[play.team_id]['img'] = getImageUrl(
+              'https://golstatsimages.blob.core.windows.net/teams-80/' + play.team_id + '.png',
+              this.provider,
+            )
             topTeam[play.team_id]['effectiveness'] = this.teamInfo[play.team_id].effectiveness
             topTeam[play.team_id]['frecuency'] = this.teamInfo[play.team_id].frecuency
             topTeam[play.team_id]['game_avg'] = this.teamInfo[play.team_id].game_avg
@@ -782,6 +793,7 @@ export default {
     ],
   }),
   methods: {
+    getImageUrl,
     getButtonFontSize() {
       // Ajustar el tamaño de la fuente según el ancho del componente
       if (this.elementSize.width > 500) {

package/src/components/comparative/gsc-tops-full.vue

@@ -36,6 +36,7 @@
 <script>
 import axios from 'axios'
 import { getApiUrl } from '@/utils/apiUrl.js'
+import { getImageUrl } from '@/utils/imageUrl.js'
 import computedProperties from './computedProperties.js'
 import useElementSize from './useElementSize'
 import GSCTopCategory from '@/components/comparative/gsc-top.vue'
@@ -44,7 +45,6 @@ import { filtersTypes, personalDataSubFiltersTypes } from '@golstats/gsc-filters
 
 import '@@/@golstats/gsc-switch-component/dist/style.css'
 import '@@/@golstats/gsc-season-select/dist/style.css'
-import '@@/@golstats/gsc-tournament-select/dist/style.css'
 import '@@/@golstats/gsc-dropdown/dist/style.css'
 import '@@/@golstats/gsc-filters/dist/style.css'
 import '@@/@golstats/gsc-label/dist/style.css'
@@ -878,10 +878,12 @@ export default {
           player_age: this.calcularEdad(data[index].dob),
           team_abrev: data[index].teams[0].acronym,
           team_name: data[index].teams[0].team_name,
-          team_logo:
+          team_logo: getImageUrl(
             'https://golstatsimages.blob.core.windows.net/teams-80/' +
-            data[index].teams[0].team_id +
-            '.png',
+              data[index].teams[0].team_id +
+              '.png',
+            this.provider,
+          ),
           player_position: data[index].position_id,
           player_country_flag:
             'https://golstatsimages.blob.core.windows.net/flags/' +

package/src/utils/imageUrl.js

@@ -0,0 +1,30 @@
+/**
+ * Inserta el proveedor activo en una URL de imágenes de GolStats
+ * (dominio `golstatsimages.blob.core.windows.net`, escudos `teams-*`, etc.).
+ *
+ * Regla A: provider es 1, 0 o null/undefined → URL sin cambios.
+ * Regla B: provider >= 2 → se inserta `/<provider>` después del contenedor.
+ *
+ *   https://host/teams-80/16906.png  →  https://host/teams-80/2/16906.png
+ *
+ * El proveedor no puede ir justo después del host: Azure exige que el primer
+ * segmento sea un nombre de contenedor válido (mínimo 3 caracteres) y responde
+ * 400 ante `/2/teams-80/16906.png`.
+ *
+ * @param {string}      originalUrl  URL original (con el id ya interpolado)
+ * @param {number|null} provider     ID del proveedor
+ * @returns {string}                 URL final
+ */
+export function getImageUrl(originalUrl, provider) {
+  if (!provider || provider <= 1) {
+    return originalUrl
+  }
+  const parsed = new URL(originalUrl)
+  const segments = parsed.pathname.split('/').filter((s) => s !== '')
+  if (segments.length === 0) {
+    return originalUrl
+  }
+  const [container, ...rest] = segments
+  const path = [container, provider, ...rest].join('/')
+  return `${parsed.origin}/${path}${parsed.search}`
+}