@golstats/gsc-top-player 1.0.16 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-top-player",
-  "version": "1.0.16",
+  "version": "1.1.0",
   "main": "dist/gsc-top-player.umd.js",
   "module": "dist/gsc-top-player.es.js",
   "exports": {
@@ -39,7 +39,10 @@
     "preview": "vite preview",
     "lint": "eslint . --fix",
     "format": "prettier --write src/",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:headed": "playwright test --headed"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
@@ -51,11 +54,12 @@
     "@golstats/gsc-label": "^1.0.5",
     "@golstats/gsc-season-select": "^1.0.9",
     "@golstats/gsc-switch-component": "^1.0.14",
-    "@golstats/gsc-tournament-select": "^1.0.17",
+    "@golstats/gsc-tournament-select": "^1.0.21",
     "axios": "^1.10.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.22.0",
+    "@playwright/test": "^1.59.1",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/eslint-config-prettier": "^10.2.0",
     "eslint": "^9.22.0",

package/src/App.vue

@@ -49,6 +49,8 @@ const gameData = {
       :game="gameData"
       :season="gameData.seasonId"
       :team-view="1"
+      :provider="2"
+      :is-dev-apis="false"
       :use-dummy-data="true"
       :show-position="true"
     />

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

@@ -291,6 +291,7 @@
 
 <script>
 import axios from 'axios'
+import { getApiUrl } from '@/utils/apiUrl.js'
 import { ref } from 'vue'
 import useElementSize from './useElementSize'
 import GSCLeaders from './gsc-header-tops.vue'
@@ -394,6 +395,14 @@ export default {
       type: Boolean,
       default: true,
     },
+    provider: {
+      type: Number,
+      default: 1,
+    },
+    isDevApis: {
+      type: Boolean,
+      default: false,
+    },
   },
   setup() {
     const myDivRef = ref('myDivRef')
@@ -1134,10 +1143,16 @@ export default {
         this.isloading = true
         let data = {}
         if (this.typeData === 0) {
-          data = await axiosInstance.get(this.url + '/' + this.gameId + '/' + this.category)
+          data = await axiosInstance.get(
+            getApiUrl(this.url, this.provider, this.isDevApis) +
+              '/' +
+              this.gameId +
+              '/' +
+              this.category,
+          )
         } else {
           data = await axiosInstance.get(
-            this.urlPrematch +
+            getApiUrl(this.urlPrematch, this.provider, this.isDevApis) +
               seasonGet +
               '/' +
               this.category +

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

@@ -25,6 +25,8 @@
           :key="updateTables"
           :dummy-data="dummyData"
           :show-position="showPosition"
+          :provider="provider"
+          :is-dev-apis="isDevApis"
         />
       </div>
     </template>
@@ -33,6 +35,7 @@
 
 <script>
 import axios from 'axios'
+import { getApiUrl } from '@/utils/apiUrl.js'
 import computedProperties from './computedProperties.js'
 import useElementSize from './useElementSize'
 import GSCTopCategory from '@/components/comparative/gsc-top.vue'
@@ -173,6 +176,14 @@ export default {
       type: Boolean,
       default: true,
     },
+    provider: {
+      type: Number,
+      default: 1,
+    },
+    isDevApis: {
+      type: Boolean,
+      default: false,
+    },
   },
   watch: {
     async seasonActive() {
@@ -818,7 +829,11 @@ export default {
 
       const axiosInstance = axios.create({ headers: { Authorization: `${this.token}` } })
       const { data } = await axiosInstance.post(
-        'https://eh9nhj69z7.execute-api.us-west-2.amazonaws.com/prod/players/productivity',
+        getApiUrl(
+          'https://eh9nhj69z7.execute-api.us-west-2.amazonaws.com/prod/players/productivity',
+          this.provider,
+          this.isDevApis,
+        ),
         this.filterScounting,
         { headers: { 'Content-Type': 'application/json' } },
       )
@@ -1621,7 +1636,9 @@ export default {
           Authorization: `${this.token}`,
         },
       })
-      const { data } = await axiosInstance.get(this.tournamentsUrl)
+      const { data } = await axiosInstance.get(
+        getApiUrl(this.tournamentsUrl, this.provider, this.isDevApis),
+      )
       return data
     },
     async fetchTeams() {
@@ -1630,7 +1647,9 @@ export default {
           Authorization: `${this.token}`,
         },
       })
-      const { data } = await axiosInstance.get(this.teamsUrl + this.seasonActive)
+      const { data } = await axiosInstance.get(
+        getApiUrl(this.teamsUrl, this.provider, this.isDevApis) + this.seasonActive,
+      )
       return data
     },
     async fetchTeamsScouting(season) {
@@ -1639,7 +1658,9 @@ export default {
           Authorization: `${this.token}`,
         },
       })
-      const { data } = await axiosInstance.get(this.teamsUrl + season)
+      const { data } = await axiosInstance.get(
+        getApiUrl(this.teamsUrl, this.provider, this.isDevApis) + season,
+      )
       return data
     },
     async getPredefinedfilters(category) {
@@ -1657,7 +1678,9 @@ export default {
           Authorization: `${this.token}`,
         },
       })
-      const { data } = await axiosInstance.get(url + category.id)
+      const { data } = await axiosInstance.get(
+        getApiUrl(url, this.provider, this.isDevApis) + category.id,
+      )
       Object.keys(data[0].match_lapse_combinations).forEach((key) => {
         this.predefinedFiltersMatchLapse[key.toString()] = data[0].match_lapse_combinations[key]
       })

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

@@ -13,6 +13,8 @@
       :num-rows="numRows"
       :dummy-data="dummyData"
       :show-position="showPosition"
+      :provider="provider"
+      :is-dev-apis="isDevApis"
     />
   </div>
 </template>
@@ -71,6 +73,14 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  provider: {
+    type: Number,
+    default: 1,
+  },
+  isDevApis: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 // Si useDummyData es true, usa datos dummy, si es false busca datos reales

package/src/utils/apiUrl.js

@@ -0,0 +1,29 @@
+/**
+ * Transforma una URL de API según el proveedor activo.
+ *
+ * @param {string}       originalUrl - URL original hardcodeada en el componente
+ * @param {number|null}  provider    - 0, 1 o null → sin cambio; >= 2 → proveedor externo
+ * @param {boolean}      isDevApis   - false → prod; true → dev
+ * @returns {string}                 - URL final a usar en la petición
+ */
+export function getApiUrl(originalUrl, provider, isDevApis) {
+  // Regla A: provider es 1, 0 o null → devolver URL sin cambios
+  if (provider == null || provider <= 1) {
+    return originalUrl
+  }
+
+  // Reglas B y C: provider >= 2
+  const base = isDevApis
+    ? `https://dev-apis.golstats.com/${provider}/`
+    : `https://apis.golstats.com/${provider}/`
+
+  const parsed = new URL(originalUrl)
+
+  // Obtener path + query string y eliminar segmento "prod" o "qa" inicial
+  let pathWithQuery = parsed.pathname + parsed.search
+  pathWithQuery = pathWithQuery.replace(/^\/(prod|qa)\//, '/')
+
+  // Quitar barra inicial y combinar con la base
+  const relativePath = pathWithQuery.replace(/^\//, '')
+  return base + relativePath
+}