@vixoniccom/footbal-score 1.0.2-beta.4 → 1.0.3-beta.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.3-beta.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.0.2...v1.0.3-beta.0) (2024-04-30)
+
+### [1.0.2](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.4...v1.0.2) (2022-12-07)
+
 ### [1.0.2-beta.4](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.3...v1.0.2-beta.4) (2022-12-07)
 
 ### [1.0.2-beta.3](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.2...v1.0.2-beta.3) (2022-12-06)

package/configuration.json

@@ -10,6 +10,23 @@
           "type": "label",
           "label": "Datos"
         },
+        {
+          "id": "league",
+          "type": "select-input",
+          "required": true,
+          "label": "Competencia",
+          "defaultValue": "9",
+          "items": [
+            {
+              "label": "Mundial",
+              "value": "1"
+            },
+            {
+              "label": "Copa América",
+              "value": "9"
+            }
+          ]
+        },
         {
           "id": "timeStart",
           "type": "select-input",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/footbal-score",
   "alias": "Resultados Deportivos",
-  "version": "1.0.2-beta.4",
+  "version": "1.0.3-beta.0",
   "description": "Muestra resultados en vivo de fútbol.",
   "main": "main.js",
   "author": "",

package/src/App.tsx

@@ -16,6 +16,7 @@ export const App = ({ data, start }: Props) => {
 
 
   const [dataFixture, setDataFixture] = useState([]);
+  const [league, setLeague] = useState('');
 
   const { configureState, addConfiguration } = useContext(ConfigureContext)
 
@@ -39,9 +40,9 @@ export const App = ({ data, start }: Props) => {
     let horaInicio = moment(data.parameters.timeStart, 'h:mma');
     let horaFin = moment(data.parameters.timeEnd, 'h:mma');
     if (momentLocalStorage == undefined || (timeNow.isBetween(horaInicio, horaFin) && momentLocalStorage > updateTime!)) {
-      const data = await getFixture();
-      setDataLocal(data)
-      setDataFixture(data);
+      const dataRequest = await getFixture(data.parameters.league!);
+      setDataLocal(dataRequest)
+      setDataFixture(dataRequest);
     } else {
       setDataFixture(dataLocal.data)
     }
@@ -49,11 +50,21 @@ export const App = ({ data, start }: Props) => {
 
   useEffect(() => {
     if (start) {
+      setLeague(data.parameters.league!)
       getData()
     }
     addConfiguration(data)
   }, [data])
 
+  useEffect(() =>{
+    if (league !== data.parameters.league) {
+      console.log('league', league)
+      setLeague(data.parameters.league!)
+      localforage.clear()
+      getData()
+    }
+  }, [data.parameters.league])
+
   //Request data every 5 minutes
   useEffect(() => {
     let interval = setInterval(() => {

package/src/components/table-fixture/Row.tsx

@@ -9,151 +9,151 @@ import { Results } from './Results';
 
 export const Row = (item: any) => {
 
-    const { fixture, teams, goals, score } = item.item;
-    const { configureState } = useContext(ConfigureContext)
-    const { parameters } = configureState
-    const [homeTeam, setHomeTeam] = useState(false);
-    const [awayTeam, setAwayTeam] = useState(false);
-
-    const {
-        descriptionEnabled,
-        widthDescription,
-        descriptionFormat,
-        imageSize,
-        widthImage,
-        widthScore,
-        columnGap,
-        rowGap,
-        widthStatus,
-        widthTime,
-    } = parameters
-
-    let gridColumns = descriptionEnabled ? `${widthTime || "200px"} ${widthStatus || "200px"} ${widthDescription || "200px"}  ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"} ${widthDescription || "200px"}` :
-        ` ${widthTime || "100px"} ${widthStatus || "100px"} ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"}`
-
-    let nameHome = translateTeams(teams.home.name)
-    let nameAway = translateTeams(teams.away.name)
-
-
-    const requestFlagHome = async (id: any) => {
-        try {
-            const resp1 = await fetch(`https://storage.googleapis.com/vixoniccom-emails/results_flags/${id}.png`)
-            if (resp1.status === 200) {
-                setHomeTeam(true)
-            }
-        } catch (error) {
-            console.log(error)
-            setHomeTeam(false)
-        }
+  const { fixture, teams, goals, score } = item.item;
+  const { configureState } = useContext(ConfigureContext)
+  const { parameters } = configureState
+  const [homeTeam, setHomeTeam] = useState(false);
+  const [awayTeam, setAwayTeam] = useState(false);
+
+  const {
+    descriptionEnabled,
+    widthDescription,
+    descriptionFormat,
+    imageSize,
+    widthImage,
+    widthScore,
+    columnGap,
+    rowGap,
+    widthStatus,
+    widthTime,
+  } = parameters
+
+  let gridColumns = descriptionEnabled ? `${widthTime || "200px"} ${widthStatus || "200px"} ${widthDescription || "200px"}  ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"} ${widthDescription || "200px"}` :
+    ` ${widthTime || "100px"} ${widthStatus || "100px"} ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"}`
+
+  let nameHome = translateTeams(teams.home.name)
+  let nameAway = translateTeams(teams.away.name)
+
+
+  const requestFlagHome = async (urlLogo: string) => {
+    try {
+      const resp1 = await fetch(urlLogo)
+      if (resp1.status === 200) {
+        setHomeTeam(true)
+      }
+    } catch (error) {
+      console.log(error)
+      setHomeTeam(false)
     }
+  }
+
+  const requestFlagAway = async (urlLogo: any) => {
+    try {
+      const resp1 = await fetch(urlLogo)
+      if (resp1.status === 200) {
+        setAwayTeam(true)
+      }
+    } catch (error) {
+      console.log(error)
+      setAwayTeam(false)
 
-    const requestFlagAway = async (id: any) => {
-        try {
-            const resp1 = await fetch(`https://storage.googleapis.com/vixoniccom-emails/results_flags/${id}.png`)
-            if (resp1.status === 200) {
-                setAwayTeam(true)
-            }
-        } catch (error) {
-            console.log(error)
-            setAwayTeam(false)
-
-        }
     }
+  }
+
+  useEffect(() => {
+    requestFlagHome(teams.home.logo)
+    requestFlagAway(teams.away.logo)
+  }, [])
+
+
+  return (
+    <div
+      style={{
+        display: 'grid',
+        gridTemplateColumns: `${gridColumns}`,
+        columnGap: `${columnGap || "10px"}`,
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        placeContent: 'center',
+        padding: `${rowGap || "30px"} 0px`,
+        justifyContent: 'center'
+      }}
+    >
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'flex-end',
+        }}
+      >
+        <Time time={Number(fixture.timestamp)} />
+
+      </div>
+
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'flex-end',
+        }}
+      >
+        <Status status={fixture.status.short} />
+
+      </div>
+
+      {
+        descriptionEnabled &&
+        <div style={{
+          display: 'flex',
+          justifyContent: 'flex-end',
+          marginRight: '10px'
+        }}>
+          <FormattedText text={nameHome} format={descriptionFormat} />
+        </div>
+      }
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        width: '100%',
+        alignItems: 'center',
+        marginLeft: '5px'
+      }}>
+        {
+          homeTeam ?
+            <img src={`${teams.home.logo}`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} /> :
+            <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
 
-    useEffect(() => {
-        requestFlagHome(teams.home.id)
-        requestFlagAway(teams.away.id)
-    }, [])
-
-
-    return (
+        }
+      </div>
+
+      <Results goals={goals} score={score} />
+
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'flex-start',
+          width: '100%',
+          alignItems: 'center',
+          marginRight: '5px'
+        }}
+      >
+        {
+          awayTeam ?
+            <img src={`${teams.away.logo}`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
+            : <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
+        }
+      </div>
+      {
+        descriptionEnabled &&
         <div
-            style={{
-                display: 'grid',
-                gridTemplateColumns: `${gridColumns}`,
-                columnGap: `${columnGap || "10px"}`,
-                width: '100%',
-                height: '100%',
-                alignItems: 'center',
-                placeContent: 'center',
-                padding: `${rowGap || "30px"} 0px`,
-                justifyContent: 'center'
-            }}
+          style={{
+            display: 'flex',
+            justifyContent: 'flex-start',
+            marginLeft: '10px',
+          }}
         >
-            <div
-                style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                }}
-            >
-                <Time time={Number(fixture.timestamp)} />
-
-            </div>
-
-            <div
-                style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                }}
-            >
-                <Status status={fixture.status.short} />
-
-            </div>
-
-            {
-                descriptionEnabled &&
-                <div style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                    marginRight: '10px'
-                }}>
-                    <FormattedText text={nameHome} format={descriptionFormat} />
-                </div>
-            }
-            <div style={{
-                display: 'flex',
-                justifyContent: 'center',
-                width: '100%',
-                alignItems: 'center',
-                marginLeft: '5px'
-            }}>
-                {
-                    homeTeam ?
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${teams.home.id}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} /> :
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-
-                }
-            </div>
-
-            <Results goals={goals} score={score} />
-
-            <div
-                style={{
-                    display: 'flex',
-                    justifyContent: 'flex-start',
-                    width: '100%',
-                    alignItems: 'center',
-                    marginRight: '5px'
-                }}
-            >
-                {
-                    awayTeam ?
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${teams.away.id}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-                        : <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-                }
-            </div>
-            {
-                descriptionEnabled &&
-                <div
-                    style={{
-                        display: 'flex',
-                        justifyContent: 'flex-start',
-                        marginLeft: '10px',
-                    }}
-                >
-                    <FormattedText text={nameAway} format={descriptionFormat} />
-                </div>
-            }
-        </div >
-    )
+          <FormattedText text={nameAway} format={descriptionFormat} />
+        </div>
+      }
+    </div >
+  )
 }

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -5,88 +5,89 @@ import { parameterReducer } from "./configureReducer";
 
 
 const INITIAL_STATE: VixonicData = {
-    downloadsPath: '',
-    parameters: {
-        abbreviatedMonths: false,
-        animationMode: "",
-        animationOrder: false,
-        animationSpeed: 1.5,
-        animationTime: "",
-        backgroundImage: { id: "", filename: "", _isAsset: true },
-        apiDomain: "",
-        containerColumns: "",
-        statusFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-        containerColumnsGap: "",
-        containerRows: "",
-        containerRowsGap: "",
-        dataMode: "",
-        title0: 'App Mundial',
-        titleEnabled: false,
-        titleFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-        goalsFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-        timeFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-        dateAlignment: "center",
-        dateDayFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-        dateEnabled: true,
-        dateMonthFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 20, alignment: { horizontal: "center" }, fontColor: "" },
-        datePosition: 1,
-        datePrimaryColor: "",
-        dateStyle: "circle",
-        descriptionEnabled: true,
-        descriptionFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-        excludePast: false,
-        imageAlignment: "center",
-        imageEnabled: true,
-        imagePosition: 0,
-        imageStyle: "normal",
-        imageSize: 50,
-        itemMargins: "",
-        msj0: "No hay partidos hoy",
-        nameFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-        orientation: "",
-        padding: "",
-        photosMode: "",
-        photosZip: { id: "0fb559ec-5da3-4b2d-95c4-d9623754c841", filename: "0fb559ec-5da3-4b2d-95c4-d9623754c841.zip", extension: "zip", _isAsset: true },
-        template: "",
-        textAlignment: "center",
-        textPosition: 0,
-        updateTime: 300000,
-        urlBaseApi: "",
-        imageMargin: "",
-        textMargin: "",
-        dateMargin: "",
-        separator: false,
-        widthDescription: "200px",
-        widthImage: "300px",
-        widthScore: "100px",
-        columnGap: "10px",
-        rowGap: "30px",
-        widthStatus: "200px",
-        widthTime: "200px",
-        timeEnd: "7pm",
-        timeStart: "6am",
-        formatMjs: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-        alignVerticalMsj: "center",
-    }
+  downloadsPath: '',
+  parameters: {
+    abbreviatedMonths: false,
+    animationMode: "",
+    animationOrder: false,
+    animationSpeed: 1.5,
+    animationTime: "",
+    backgroundImage: { id: "", filename: "", _isAsset: true },
+    apiDomain: "",
+    containerColumns: "",
+    statusFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+    containerColumnsGap: "",
+    containerRows: "",
+    containerRowsGap: "",
+    dataMode: "",
+    title0: 'App Mundial',
+    titleEnabled: false,
+    titleFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
+    goalsFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
+    timeFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
+    dateAlignment: "center",
+    dateDayFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
+    dateEnabled: true,
+    dateMonthFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 20, alignment: { horizontal: "center" }, fontColor: "" },
+    datePosition: 1,
+    datePrimaryColor: "",
+    dateStyle: "circle",
+    descriptionEnabled: true,
+    descriptionFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+    excludePast: false,
+    imageAlignment: "center",
+    imageEnabled: true,
+    imagePosition: 0,
+    imageStyle: "normal",
+    imageSize: 50,
+    itemMargins: "",
+    msj0: "No hay partidos hoy",
+    nameFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+    orientation: "",
+    padding: "",
+    photosMode: "",
+    photosZip: { id: "0fb559ec-5da3-4b2d-95c4-d9623754c841", filename: "0fb559ec-5da3-4b2d-95c4-d9623754c841.zip", extension: "zip", _isAsset: true },
+    template: "",
+    textAlignment: "center",
+    textPosition: 0,
+    updateTime: 300000,
+    urlBaseApi: "",
+    imageMargin: "",
+    textMargin: "",
+    dateMargin: "",
+    separator: false,
+    widthDescription: "200px",
+    widthImage: "300px",
+    widthScore: "100px",
+    columnGap: "10px",
+    rowGap: "30px",
+    widthStatus: "200px",
+    widthTime: "200px",
+    timeEnd: "7pm",
+    timeStart: "6am",
+    formatMjs: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+    alignVerticalMsj: "center",
+    league: "9"
+  }
 }
 
 interface props {
-    children: JSX.Element | JSX.Element[]
+  children: JSX.Element | JSX.Element[]
 }
 
 export const ParameterProvider = ({ children }: props) => {
 
-    const [configureState, dispatch] = useReducer(parameterReducer, INITIAL_STATE)
+  const [configureState, dispatch] = useReducer(parameterReducer, INITIAL_STATE)
 
 
-    const addConfiguration = (configure: VixonicData) => {
-        dispatch({ type: "addConfigure", payload: configure })
-    }
+  const addConfiguration = (configure: VixonicData) => {
+    dispatch({ type: "addConfigure", payload: configure })
+  }
 
-    return (
-        <ConfigureContext.Provider value={{ configureState, addConfiguration }}>
-            {children}
-        </ConfigureContext.Provider>
-    )
+  return (
+    <ConfigureContext.Provider value={{ configureState, addConfiguration }}>
+      {children}
+    </ConfigureContext.Provider>
+  )
 }
 

package/src/contex/configureContext/configureReducer.ts

@@ -1,63 +1,64 @@
 
 type ConfigureAction =
-    | { type: 'addConfigure', payload: VixonicData }
+  | { type: 'addConfigure', payload: VixonicData }
 
 
 export const parameterReducer = (state: VixonicData, action: ConfigureAction) => {
 
-    const { downloadsPath, parameters } = action.payload
-    switch (action.type) {
-        case 'addConfigure':
-            return {
-                downloadsPath: downloadsPath,
-                parameters: {
-                    backgroundImage: parameters.backgroundImage,
-                    descriptionEnabled: parameters.descriptionEnabled,
-                    descriptionFormat: parameters.descriptionFormat,
-                    imageAlignment: parameters.imageAlignment,
-                    imageEnabled: parameters.imageEnabled,
-                    imagePosition: parameters.imagePosition,
-                    imageSize: parameters.imageSize,
-                    imageStyle: parameters.imageStyle,
-                    itemMargins: parameters.itemMargins,
-                    msj0: parameters.msj0,
-                    nameFormat: parameters.nameFormat,
-                    orientation: parameters.orientation,
-                    padding: parameters.padding,
-                    photosMode: parameters.photosMode,
-                    photosZip: parameters.photosZip,
-                    template: parameters.template,
-                    textAlignment: parameters.textAlignment,
-                    textPosition: parameters.textPosition,
-                    updateTime: parameters.updateTime,
-                    urlBaseApi: parameters.urlBaseApi,
-                    imageMargin: parameters.imageMargin,
-                    textMargin: parameters.textMargin,
-                    dateMargin: parameters.dateMargin,
-                    separator: parameters.separator,
-                    descriptionMaxChar: parameters.descriptionMaxChar,
-                    nameMaxChar: parameters.nameMaxChar,
-                    timeFormat: parameters.timeFormat,
-                    goalsFormat: parameters.goalsFormat,
-                    title0: parameters.title0,
-                    titleEnabled: parameters.titleEnabled,
-                    titleFormat: parameters.titleFormat,
-                    statusFormat: parameters.statusFormat,
-                    widthDescription: parameters.widthDescription,
-                    widthImage: parameters.widthImage,
-                    widthScore: parameters.widthScore,
-                    columnGap: parameters.columnGap,
-                    rowGap: parameters.rowGap,
-                    widthTime: parameters.widthTime,
-                    widthStatus: parameters.widthStatus,
-                    timeStart: parameters.timeStart,
-                    timeEnd: parameters.timeEnd,
-                    formatMjs: parameters.formatMjs,
-                    alignVerticalMsj: parameters.alignVerticalMsj
-                 }
-            }
-        default:
-            return state;
-    }
+  const { downloadsPath, parameters } = action.payload
+  switch (action.type) {
+    case 'addConfigure':
+      return {
+        downloadsPath: downloadsPath,
+        parameters: {
+          backgroundImage: parameters.backgroundImage,
+          descriptionEnabled: parameters.descriptionEnabled,
+          descriptionFormat: parameters.descriptionFormat,
+          imageAlignment: parameters.imageAlignment,
+          imageEnabled: parameters.imageEnabled,
+          imagePosition: parameters.imagePosition,
+          imageSize: parameters.imageSize,
+          imageStyle: parameters.imageStyle,
+          itemMargins: parameters.itemMargins,
+          msj0: parameters.msj0,
+          nameFormat: parameters.nameFormat,
+          orientation: parameters.orientation,
+          padding: parameters.padding,
+          photosMode: parameters.photosMode,
+          photosZip: parameters.photosZip,
+          template: parameters.template,
+          textAlignment: parameters.textAlignment,
+          textPosition: parameters.textPosition,
+          updateTime: parameters.updateTime,
+          urlBaseApi: parameters.urlBaseApi,
+          imageMargin: parameters.imageMargin,
+          textMargin: parameters.textMargin,
+          dateMargin: parameters.dateMargin,
+          separator: parameters.separator,
+          descriptionMaxChar: parameters.descriptionMaxChar,
+          nameMaxChar: parameters.nameMaxChar,
+          timeFormat: parameters.timeFormat,
+          goalsFormat: parameters.goalsFormat,
+          title0: parameters.title0,
+          titleEnabled: parameters.titleEnabled,
+          titleFormat: parameters.titleFormat,
+          statusFormat: parameters.statusFormat,
+          widthDescription: parameters.widthDescription,
+          widthImage: parameters.widthImage,
+          widthScore: parameters.widthScore,
+          columnGap: parameters.columnGap,
+          rowGap: parameters.rowGap,
+          widthTime: parameters.widthTime,
+          widthStatus: parameters.widthStatus,
+          timeStart: parameters.timeStart,
+          timeEnd: parameters.timeEnd,
+          formatMjs: parameters.formatMjs,
+          alignVerticalMsj: parameters.alignVerticalMsj,
+          league: parameters.league
+        }
+      }
+    default:
+      return state;
+  }
 
 }

package/src/helpers/getFixture.ts

@@ -1,25 +1,25 @@
 import moment from 'moment';
 const axios = require("axios");
 
-export const getFixture = async () => {
-
-    const today = moment().format('YYYY-MM-DD')
-    const options = {
-        method: 'GET',
-        url: 'https://api-football-v1.p.rapidapi.com/v3/fixtures',
-        params: { date: `${today}`, league: '1', season: '2022' },
-        headers: {
-            'X-RapidAPI-Key': 'a7e693d4c5msh72a2ff2020fd601p12dd08jsn0f168421d7bb',
-            'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'
-        }
-    };
-    try {
-        const response = await axios.request(options)
-        console.log("🚀 ~ file: getFixture.ts:20 ~ getFixture ~ response", response.data.response)
-        return response.data.response
-    } catch (error) {
-        console.error(error);
-        return []
+export const getFixture = async (league: string) => {
+  const today = moment().format('YYYY-MM-DD')
+  const year = moment().format('YYYY')
+  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone
+  const options = {
+    method: 'GET',
+    url: 'https://api-football-v1.p.rapidapi.com/v3/fixtures',
+    params: { date: `${today}`, league: league, season: `${year}`, timezone: `${timezone}` },
+    headers: {
+      'X-RapidAPI-Key': 'a7e693d4c5msh72a2ff2020fd601p12dd08jsn0f168421d7bb',
+      'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'
     }
-
+  };
+  try {
+    const response = await axios.request(options)
+    console.log("🚀 ~ getFixture ~ response:", response.data )
+    return response.data.response
+  } catch (error) {
+    console.error(error);
+    return []
+  }
 }

package/src/parameters.d.ts

@@ -73,7 +73,8 @@ declare type VixonicParameters = Partial<{
   timeStart: string,
   timeEnd: string,
   formatMjs: DateFormat,
-  alignVerticalMsj: string
+  alignVerticalMsj: string,
+  league: string
 }>
 
 

package/src/test/parameters.json

@@ -1,97 +1,98 @@
 {
-    "parameters": {
-      "urlBaseApi": "mandomedio",
-      "msj0": "No hay partidos",
-      "statusEnabled": true,
-      "timeRequest":60000,
-      "rowGap":"30px",
-      "columnGap":"10px",
-      "padding": "30px 25px 80px 40px",
-      "dataMode": "monthly",
-      "template": "standard",
-      "dateStyle": "circle",
-      "photosZip": {
-        "id": "d1093778-f3c9-42c8-9b07-9f8736390aeb",
-        "filename": "d1093778-f3c9-42c8-9b07-9f8736390aeb.zip",
-        "__isAsset": true,
-        "extension": "zip"
+  "parameters": {
+    "urlBaseApi": "mandomedio",
+    "msj0": "No hay partidos",
+    "statusEnabled": true,
+    "timeRequest": 60000,
+    "rowGap": "30px",
+    "columnGap": "10px",
+    "padding": "30px 25px 80px 40px",
+    "dataMode": "monthly",
+    "template": "standard",
+    "league": "9",
+    "dateStyle": "circle",
+    "photosZip": {
+      "id": "d1093778-f3c9-42c8-9b07-9f8736390aeb",
+      "filename": "d1093778-f3c9-42c8-9b07-9f8736390aeb.zip",
+      "__isAsset": true,
+      "extension": "zip"
+    },
+    "imageStyle": "circle",
+    "nameFormat": {
+      "font": {
+        "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
+        "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
+        "__isAsset": true
+      },
+      "fontSize": 3.8,
+      "alignment": {
+        "horizontal": "left"
       },
-      "imageStyle": "circle",
-      "nameFormat": {
-        "font": {
-          "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
-          "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
-          "__isAsset": true
-        },
-        "fontSize": 3.8,
-        "alignment": {
-          "horizontal": "left"
-        },
-        "fontColor": "#585858"
+      "fontColor": "#585858"
+    },
+    "photosMode": "zip",
+    "updateTime": 300000,
+    "dateEnabled": true,
+    "excludePast": false,
+    "itemMargins": "5px",
+    "orientation": "h",
+    "datePosition": 1,
+    "imageEnabled": true,
+    "textPosition": 3,
+    "animationMode": "fade",
+    "animationTime": "5",
+    "containerRows": "3",
+    "dateAlignment": "center",
+    "dateDayFormat": {
+      "font": {
+        "id": "c705a739-312e-4334-9231-e73a05e9d382",
+        "filename": "c705a739-312e-4334-9231-e73a05e9d382.ttf",
+        "__isAsset": true
       },
-      "photosMode": "zip",
-      "updateTime": 300000,
-      "dateEnabled": true,
-      "excludePast": false,
-      "itemMargins": "5px",
-      "orientation": "h",
-      "datePosition": 1,
-      "imageEnabled": true,
-      "textPosition": 3,
-      "animationMode": "fade",
-      "animationTime": "5",
-      "containerRows": "3",
-      "dateAlignment": "center",
-      "dateDayFormat": {
-        "font": {
-          "id": "c705a739-312e-4334-9231-e73a05e9d382",
-          "filename": "c705a739-312e-4334-9231-e73a05e9d382.ttf",
-          "__isAsset": true
-        },
-        "fontSize": 55,
-        "alignment": {
-          "horizontal": "center"
-        },
-        "fontColor": "#ffffff"
+      "fontSize": 55,
+      "alignment": {
+        "horizontal": "center"
       },
-      "imagePosition": 2,
-      "textAlignment": "center",
-      "animationOrder": false,
-      "animationSpeed": 1.5,
-      "imageAlignment": "center",
-      "backgroundImage": {
-        "id": "",
-        "filename": "",
+      "fontColor": "#ffffff"
+    },
+    "imagePosition": 2,
+    "textAlignment": "center",
+    "animationOrder": false,
+    "animationSpeed": 1.5,
+    "imageAlignment": "center",
+    "backgroundImage": {
+      "id": "",
+      "filename": "",
+      "__isAsset": true
+    },
+    "dateMonthFormat": {
+      "font": {
+        "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
+        "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
         "__isAsset": true
       },
-      "dateMonthFormat": {
-        "font": {
-          "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
-          "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
-          "__isAsset": true
-        },
-        "fontSize": 20,
-        "alignment": {
-          "horizontal": "center"
-        },
-        "fontColor": "#ffffff"
+      "fontSize": 20,
+      "alignment": {
+        "horizontal": "center"
+      },
+      "fontColor": "#ffffff"
+    },
+    "containerColumns": "1",
+    "containerRowsGap": "5",
+    "datePrimaryColor": "#d13139",
+    "abbreviatedMonths": false,
+    "descriptionFormat": {
+      "font": {
+        "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
+        "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
+        "__isAsset": true
       },
-      "containerColumns": "1",
-      "containerRowsGap": "5",
-      "datePrimaryColor": "#d13139",
-      "abbreviatedMonths": false,
-      "descriptionFormat": {
-        "font": {
-          "id": "7953953c-7029-4730-ae4d-cff4abd5288f",
-          "filename": "7953953c-7029-4730-ae4d-cff4abd5288f.ttf",
-          "__isAsset": true
-        },
-        "fontSize": 3.8,
-        "alignment": {
-          "horizontal": "left"
-        },
-        "fontColor": "#585858"
+      "fontSize": 3.8,
+      "alignment": {
+        "horizontal": "left"
       },
-      "descriptionEnabled": true
-    }
-  }
+      "fontColor": "#585858"
+    },
+    "descriptionEnabled": true
+  }
+}