@vixoniccom/footbal-score 1.4.6-dev.0 → 1.4.6-dev.10

package/src/App.tsx

@@ -1,183 +1,85 @@
-import React, { useEffect, useRef, useState } from 'react'
-import localforage from 'localforage'
+import React from 'react'
+import moment from 'moment'
 import { FontLoader, FormattedText, Table } from './components'
-import { getFixture } from './helpers/getFixture'
 
 export type Props = {
-  data: VixonicData
-  start: boolean
+  appData?: VixonicData
+  fixtures: FootballFixture[]
+  serviceError?: string
 }
 
-const LIVE_STATUSES = ['1H', 'HT', '2H', 'P', 'ET', 'BT', 'LIVE', 'INT']
-const PRE_MATCH_MS = 5 * 60 * 1000
+export const App: React.FunctionComponent<Props> = ({ appData, fixtures }) => {
+  if (!appData) return null
 
-localforage.config({ name: 'request_api_football' })
+  const { parameters, downloadsPath } = appData
+  const { backgroundImage, padding, msj0 = '', matchesYesterday, matchesTomorrow } = parameters
 
-const log = (msg: string, ...args: any[]) =>
-  console.log(`[⚽ football-score ${new Date().toLocaleTimeString()}]`, msg, ...args)
+  console.log('[App] fixtures received:', fixtures.length, fixtures)
 
-// Returns the timestamp (ms) when the next fetch should happen based on fixture states.
-// Persisted in localStorage so re-mounts don't reset the schedule.
-function computeNextFetchTime(fixtures: any[], pollIntervalMs: number): number {
-  const now = Date.now()
-
-  const liveMatches = fixtures.filter(f => LIVE_STATUSES.includes(f.fixture?.status?.short))
-  if (liveMatches.length > 0) {
-    const next = new Date(now + pollIntervalMs)
-    log(`🟢 ${liveMatches.length} partido(s) en vivo → próximo fetch en ${next.toLocaleTimeString()} (${pollIntervalMs / 1000}s)`)
-    return now + pollIntervalMs
-  }
-
-  const nextMatchAt = fixtures
-    .filter(f => f.fixture?.status?.short === 'NS')
-    .map(f => new Date(f.fixture.date).getTime())
-    .filter(t => t > now)
-    .sort((a, b) => a - b)[0]
-
-  if (nextMatchAt !== undefined) {
-    const wakeUp = nextMatchAt - PRE_MATCH_MS
-    if (wakeUp <= now) {
-      const next = new Date(now + pollIntervalMs)
-      log(`🟡 Dentro de ventana pre-partido → próximo fetch en ${next.toLocaleTimeString()}`)
-      return now + pollIntervalMs
-    }
-    log(`⏰ Próximo partido: ${new Date(nextMatchAt).toLocaleTimeString()} → fetch a las ${new Date(wakeUp).toLocaleTimeString()} (10 min antes)`)
-    return wakeUp
-  }
-
-  const tomorrow = new Date()
-  tomorrow.setDate(tomorrow.getDate() + 1)
-  tomorrow.setHours(0, 15, 0, 0)
-  log(`💤 Sin partidos pendientes → próximo check: ${tomorrow.toLocaleString()}`)
-  return tomorrow.getTime()
-}
-
-export const App: React.FunctionComponent<Props> = ({ data, start }) => {
-  const [dataFixture, setDataFixture] = useState<any[]>([])
-  const [leagueState, setLeagueState] = useState<string>('')
-  const { parameters, downloadsPath } = data
-  const { backgroundImage, padding, msj0 = '', league = '9' } = parameters
   const backgroundImageState = backgroundImage?.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
     : ''
 
-  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)
-  // Refs keep the timeout callback from closing over stale props
-  const leagueRef = useRef(league)
-  const paramsRef = useRef(parameters)
-  useEffect(() => {
-    leagueRef.current = league
-    paramsRef.current = parameters
-  })
-
-  const clearSchedule = () => {
-    if (timeoutRef.current !== null) {
-      clearTimeout(timeoutRef.current)
-      timeoutRef.current = null
-    }
-  }
-
-  const fetchAndSchedule = async () => {
-    const { matchesYesterday, matchesTomorrow, updateTime: ut = 300000 } = paramsRef.current
-    const cached: any = await localforage.getItem('football-score')
+  const serviceUtcOffset = fixtures[0]
+    ? moment.parseZone(fixtures[0].fixture.date).utcOffset()
+    : 0
 
-    log(`🔄 Fetching fixtures (liga ${leagueRef.current})...`)
-    let fixtures: any[]
-    try {
-      fixtures = await getFixture(leagueRef.current, matchesYesterday, matchesTomorrow)
-      log(`✅ ${fixtures.length} fixture(s) recibidos`)
-    } catch (err) {
-      console.error('[football-score] API error:', err)
-      fixtures = cached?.data ?? []
-      log(`❌ API falló → usando cache (${fixtures.length} fixtures)`)
-    }
+  const today = moment().utcOffset(serviceUtcOffset).format('YYYY-MM-DD')
+  const yesterdayStr = moment().utcOffset(serviceUtcOffset).subtract(1, 'days').format('YYYY-MM-DD')
+  const tomorrowStr = moment().utcOffset(serviceUtcOffset).add(1, 'days').format('YYYY-MM-DD')
 
-    const nextFetchTime = computeNextFetchTime(fixtures, ut)
+  console.log('[App] date context — today:', today, 'yesterday:', yesterdayStr, 'tomorrow:', tomorrowStr, 'utcOffset:', serviceUtcOffset)
+  console.log('[App] filter config — matchesYesterday:', matchesYesterday, 'matchesTomorrow:', matchesTomorrow)
 
-    try {
-      await localforage.setItem('football-score', { date: Date.now(), data: fixtures, nextFetchTime })
-    } catch (err) {
-      console.error('[football-score] localStorage write error', err)
-    }
-
-    setDataFixture(fixtures)
-
-    clearSchedule()
-    timeoutRef.current = setTimeout(fetchAndSchedule, Math.max(0, nextFetchTime - Date.now()))
-  }
-
-  const init = async () => {
-    const cached: any = await localforage.getItem('football-score')
-    const now = Date.now()
-
-    if (!cached?.data) {
-      log(`🆕 Sin cache → fetch inmediato`)
-      fetchAndSchedule()
-      return
-    }
-
-    setDataFixture(cached.data)
-
-    if (!cached.nextFetchTime || cached.nextFetchTime <= now) {
-      log(`🔁 Mount check: nextFetchTime ya pasó (${cached.nextFetchTime ? new Date(cached.nextFetchTime).toLocaleTimeString() : 'null'}) → fetch inmediato`)
-      fetchAndSchedule()
-    } else {
-      const mins = Math.round((cached.nextFetchTime - now) / 60000)
-      log(`💾 Mount check: usando cache → próximo fetch en ${new Date(cached.nextFetchTime).toLocaleTimeString()} (~${mins} min)`)
-    }
-  }
-
-  useEffect(() => {
-    if (!start) return
-    setLeagueState(league)
-    init()
-    return clearSchedule
-  }, [data])
+  const filteredFixtures = fixtures.filter(f => {
+    const fixtureDate = moment.parseZone(f.fixture.date).format('YYYY-MM-DD')
+    if (fixtureDate === today) return true
+    if (fixtureDate === yesterdayStr && matchesYesterday) return true
+    if (fixtureDate === tomorrowStr && matchesTomorrow) return true
+    return false
+  })
 
-  useEffect(() => {
-    if (leagueState === '' || leagueState === league) return
-    setLeagueState(league)
-    clearSchedule()
-    localforage.clear()
-    fetchAndSchedule()
-  }, [league])
+  console.log('[App] filteredFixtures count:', filteredFixtures.length)
 
   return (
-    dataFixture.length > 0 ?
-      <div style={{
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        backgroundImage: backgroundImageState,
-        backgroundSize: '100% 100%',
-        padding: padding
-      }}>
-        <FontLoader paths={['nameFormat.font', 'statusFormat.font', 'timeFormat.font', 'titleFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'goalsFormat.font']} parameters={parameters} downloadsPath={downloadsPath} />
-        {parameters.titleEnabled &&
+    <>
+      {filteredFixtures.length > 0 ?
+        <div style={{
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          backgroundImage: backgroundImageState,
+          backgroundSize: '100% 100%',
+          padding: padding
+        }}>
+          <FontLoader paths={['nameFormat.font', 'statusFormat.font', 'timeFormat.font', 'titleFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'goalsFormat.font']} parameters={parameters} downloadsPath={downloadsPath} />
+          {parameters.titleEnabled &&
+            <div style={{ display: 'flex', position: 'relative', flex: '1 1 0%', flexDirection: 'column' }}>
+              <FormattedText text={parameters.title0 || 'Partidos Mundial'} format={parameters.titleFormat} />
+            </div>
+          }
+          <Table dataFixture={filteredFixtures} parameters={parameters} />
+        </div> :
+        <div style={{
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          backgroundImage: backgroundImageState,
+          backgroundSize: '100% 100%',
+          padding: padding,
+          display: 'flex',
+          alignItems: parameters.alignVerticalMsj
+        }}>
+          <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'formatMjs.font']} parameters={parameters} downloadsPath={downloadsPath} />
           <div style={{ display: 'flex', position: 'relative', flex: '1 1 0%', flexDirection: 'column' }}>
-            <FormattedText text={parameters.title0 || 'Partidos Mundial'} format={parameters.titleFormat} />
+            <FormattedText text={msj0 || 'Sin partidos'} format={parameters.formatMjs} />
           </div>
-        }
-        <Table dataFixture={dataFixture} parameters={parameters} />
-      </div> :
-      <div style={{
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        backgroundImage: backgroundImageState,
-        backgroundSize: '100% 100%',
-        padding: padding,
-        display: 'flex',
-        alignItems: parameters.alignVerticalMsj
-      }}>
-        <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'formatMjs.font']} parameters={parameters} downloadsPath={downloadsPath} />
-        <div style={{ display: 'flex', position: 'relative', flex: '1 1 0%', flexDirection: 'column' }}>
-          <FormattedText text={msj0 || 'Sin partidos'} format={parameters.formatMjs} />
         </div>
-      </div>
+      }
+    </>
   )
 }

package/src/components/Table/components/Results.tsx

@@ -11,11 +11,11 @@ interface Props {
 export const Results: React.FunctionComponent<Props> = ({ parameters, goals, score }) => {
   return (
     <div style={{ display: 'flex', justifyContent: 'center' }}>
-      {isNumber(score.penalty.home) ? <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} /> : ''}
+      {isNumber(score.penalty?.home) ? <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} /> : ''}
       <FormattedText text={goals.home ? goals.home : 0} format={parameters.goalsFormat} />
       <FormattedText text={'-'} format={parameters.goalsFormat} />
       <FormattedText text={goals.away ? goals.away : 0} format={parameters.goalsFormat} />
-      {isNumber(score.penalty.away) ? <FormattedText text={`(${score.penalty.away})`} format={parameters.goalsFormat} /> : ''}
+      {isNumber(score.penalty?.away) ? <FormattedText text={`(${score.penalty.away})`} format={parameters.goalsFormat} /> : ''}
     </div>
   )
 }

package/src/components/Table/components/Row.tsx

@@ -1,3 +1,4 @@
+import moment from 'moment'
 import React, { useEffect, useState } from 'react'
 import { Results, Status, Time } from './'
 import { FormattedText } from '../../'
@@ -71,7 +72,7 @@ export const Row: React.FunctionComponent<Props> = ({ item, parameters }) => {
       justifyContent: 'center'
     }}>
       <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
-        <Time time={Number(fixture.timestamp)} parameters={parameters} />
+        <Time time={moment.parseZone(fixture.date).unix()} utcOffset={moment.parseZone(fixture.date).utcOffset()} parameters={parameters} />
       </div>
       <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
         <Status status={fixture.status.short} parameters={parameters} />

package/src/components/Table/components/Time.tsx

@@ -4,14 +4,15 @@ import { FormattedText } from '../../'
 
 interface Props {
   time: number
+  utcOffset: number
   parameters: VixonicParameters
 }
 
-export const Time: React.FunctionComponent<Props> = ({ time, parameters }) => {
+export const Time: React.FunctionComponent<Props> = ({ time, utcOffset, parameters }) => {
   return (
     <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
-      <FormattedText text={moment.unix(time).format('DD-MM')} format={parameters.timeFormat} />
-      <FormattedText text={moment.unix(time).format('h:mm a')} format={parameters.timeFormat} />
+      <FormattedText text={moment.unix(time).utcOffset(utcOffset).format('DD-MM')} format={parameters.timeFormat} />
+      <FormattedText text={moment.unix(time).utcOffset(utcOffset).format('h:mm a')} format={parameters.timeFormat} />
     </div>
   )
 }

package/src/components/Table/index.tsx

@@ -1,3 +1,4 @@
+import moment from 'moment'
 import React, { useEffect, useState } from 'react'
 import { Row } from './components'
 
@@ -9,11 +10,16 @@ type Props = {
 export const Table: React.FunctionComponent<Props> = ({ dataFixture, parameters }) => {
   const { itemsPerPage, durationPerPage } = parameters
   const rows = Number(itemsPerPage || 4)
-  const orderedData = dataFixture.sort((a, b) => a.fixture.timestamp - b.fixture.timestamp)
+  const orderedData = dataFixture.sort((a, b) => moment.parseZone(a.fixture.date).unix() - moment.parseZone(b.fixture.date).unix())
   const [page, setPage] = useState<number>(1)
   const [items, setItems] = useState<string[][]>(orderedData.slice(0, rows))
   const total = orderedData.length
 
+  useEffect(() => {
+    setPage(1)
+    setItems(orderedData.slice(0, rows))
+  }, [dataFixture])
+
   useEffect(() => {
     const timer = setTimeout(() => {
       handlePagination()

package/src/football-loader.ts

@@ -0,0 +1,27 @@
+export class FootballLoader {
+  public onData?: (fixtures: FootballFixture[]) => void = undefined
+  public onError?: (error: string) => void = undefined
+
+  update(appData: VixonicData) {
+    const serviceId = appData.parameters.footballService?.id
+    console.log('[FootballLoader] serviceId:', serviceId)
+
+    if (!serviceId || !appData.services[serviceId]) {
+      console.log('[FootballLoader] service not found in appData.services. Available keys:', Object.keys(appData.services))
+      return
+    }
+
+    const rawData = appData.services[serviceId].data as FootballServiceData | undefined
+    console.log('[FootballLoader] rawData:', JSON.stringify(rawData, null, 2))
+
+    const fixtures = rawData?.fixtures ?? []
+    console.log('[FootballLoader] fixtures count:', fixtures.length)
+    if (fixtures.length > 0) {
+      console.log('[FootballLoader] first fixture:', JSON.stringify(fixtures[0], null, 2))
+    }
+
+    this.onData?.(fixtures)
+  }
+
+  stop() {}
+}

package/src/globals.d.ts

@@ -0,0 +1,28 @@
+declare interface FootballFixture {
+  fixture: {
+    id: number
+    date: string
+    status: { long: string; short: string; elapsed: number | null }
+    venue: { name: string; city: string }
+  }
+  league: {
+    id: number
+    name: string
+    country: string
+    logo: string
+    round: string
+  }
+  teams: {
+    home: { id: number; name: string; logo: string; winner: boolean | null }
+    away: { id: number; name: string; logo: string; winner: boolean | null }
+  }
+  goals: { home: number | null; away: number | null }
+  score: {
+    halftime: { home: number | null; away: number | null }
+    fulltime: { home: number | null; away: number | null }
+  }
+}
+
+declare interface FootballServiceData {
+  fixtures: FootballFixture[]
+}

package/src/helpers/getFixture.ts

@@ -1,44 +1 @@
-import moment from 'moment'
-import axios from 'axios'
-import { mockFixtures } from './mockFixtures'
-
-if (!process.env.FOOTBALL_API_KEY || !process.env.FOOTBALL_API_HOST || !process.env.FOOTBALL_API_URL)
-  console.warn('Missing API credentials')
-const FOOTBALL_API_KEY = process.env.FOOTBALL_API_KEY
-const FOOTBALL_API_HOST = process.env.FOOTBALL_API_HOST
-const FOOTBALL_API_URL = process.env.FOOTBALL_API_URL
-const MILLISECONDS_PER_DAY = 24 * 60 * 60 * 1000
-
-const USE_MOCK = false
-
-export const getFixture = async (league: string, yesterday?: boolean, tomorrow?: boolean) => {
-  if (USE_MOCK) return mockFixtures
-
-  const today = moment().format('YYYY-MM-DD')
-  const year = moment().format('YYYY')
-  const from = yesterday ? moment(Date.now() - MILLISECONDS_PER_DAY).format('YYYY-MM-DD') : today
-  const to = tomorrow ? moment(Date.now() + MILLISECONDS_PER_DAY).format('YYYY-MM-DD') : today
-  const timezone = (() => {
-    try {
-      const tz = Intl.DateTimeFormat().resolvedOptions().timeZone
-      return tz
-    } catch (error) {
-      return 'UTC'
-    }
-  })()
-
-  const options = {
-    method: 'GET',
-    url: FOOTBALL_API_URL,
-    params: { from, to, league, season: year, timezone },
-    headers: { 'X-RapidAPI-Key': FOOTBALL_API_KEY, 'X-RapidAPI-Host': FOOTBALL_API_HOST },
-  }
-
-  try {
-    const response = await axios.request(options)
-    return response.data.response
-  } catch (error) {
-    console.error(error)
-    return []
-  }
-}
+export const resolvedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone

package/src/main.ts

@@ -1,27 +1,56 @@
-import ReactDOM from 'react-dom'
 import React from 'react'
-import { App, Props } from './App'
-
+import ReactDOM from 'react-dom'
+import { App } from './App'
+import { FootballLoader } from './football-loader'
 const { ipcRenderer } = require('electron')
-let start: boolean = false
+
+let appData: VixonicData | undefined = undefined
+let fixtures: FootballFixture[] = []
+let serviceError: string | undefined = undefined
+
+const footballLoader = new FootballLoader()
+
+footballLoader.onData = (update) => {
+  fixtures = update
+  render()
+}
+
+footballLoader.onError = (error) => {
+  serviceError = error
+  render()
+}
 
 ipcRenderer.on('preload', (_event: any, data: VixonicData) => {
-  render(data)
+  console.log('[main] preload received. parameters:', JSON.stringify(data.parameters, null, 2))
+  console.log('[main] preload services keys:', Object.keys(data.services))
+  appData = data
+  footballLoader.update(data)
+  render()
 })
 
 ipcRenderer.on('start', (_event: any, data: VixonicData) => {
-  start = true
-  render(data)
+  console.log('[main] start received. parameters:', JSON.stringify(data.parameters, null, 2))
+  console.log('[main] start services keys:', Object.keys(data.services))
+  appData = data
+  footballLoader.update(data)
+  render()
 })
 
 ipcRenderer.on('update', (_event: any, data: VixonicData) => {
-  render(data)
+  console.log('[main] update received. services keys:', Object.keys(data.services))
+  appData = data
+  footballLoader.update(data)
+  render()
 })
 
 ipcRenderer.on('finish', (_event: any) => {
+  footballLoader.stop()
   console.log('finish')
 })
 
-function render(data: VixonicData) {
-  ReactDOM.render(React.createElement<Props>(App, {data, start}), document.getElementById('root'))
+function render() {
+  ReactDOM.render(
+    React.createElement(App, { appData, fixtures, serviceError }),
+    document.getElementById('root')
+  )
 }

package/src/parameters.d.ts

@@ -5,5 +5,5 @@ declare type VixonicData = {
 }
 
 declare type VixonicParameters = Partial<{
-  league: '1' | '9' | '4' | '22' | '15' | '1220' | '128' | '265', matchesYesterday: boolean, matchesTomorrow: boolean, timeStart: '12m' | '1m' | '2m' | '3m' | '4m' | '5m' | '6m' | '7m' | '8m' | '9m' | '10m' | '11m' | '12pm' | '1pm' | '2pm' | '3pm' | '4pm' | '5pm' | '6pm' | '7pm' | '8pm' | '9pm' | '10pm' | '11pm', timeEnd: '12m' | '1m' | '2m' | '3m' | '4m' | '5m' | '6m' | '7m' | '8m' | '9m' | '10m' | '11m' | '12pm' | '1pm' | '2pm' | '3pm' | '4pm' | '5pm' | '6pm' | '7pm' | '8pm' | '9pm' | '10pm' | '11pm', updateTime: 300000 | 600000 | 1800000 | 3600000 | 21600000 | 43200000 | 86400000, titleEnabled: boolean, title0: string, titleFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, msj0: string, formatMjs: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, alignVerticalMsj: 'flex-start' | 'center' | 'flex-end', itemsPerPage: number, durationPerPage: number, backgroundImage: {id?: string, filename?: string, extension?: string}, padding: string, columnGap: string, rowGap: string, timeFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthTime: string, statusFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthStatus: string, goalsFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthScore: string, descriptionEnabled: boolean, descriptionFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthDescription: string, imageSize: number, widthImage: string
+  footballService: { id: string }, matchesYesterday: boolean, matchesTomorrow: boolean, titleEnabled: boolean, title0: string, titleFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, msj0: string, formatMjs: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, alignVerticalMsj: 'flex-start' | 'center' | 'flex-end', itemsPerPage: number, durationPerPage: number, backgroundImage: {id?: string, filename?: string, extension?: string}, padding: string, columnGap: string, rowGap: string, timeFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthTime: string, statusFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthStatus: string, goalsFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthScore: string, descriptionEnabled: boolean, descriptionFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, widthDescription: string, imageSize: number, widthImage: string
 }>

package/src/test/parameters.json

@@ -1,8 +1,8 @@
 {
   "parameters": {
+    "footballService": { "id": "f7e3a1b2-c4d5-6789-abcd-ef0123456789" },
     "league": 1,
-    "timeStart": "10 am",
-    "timeEnd": "1 am",
+    "debugTimezone" : false,
     "matchesYesterday": false,
     "matchesTomorrow": false,
     "itemsPerPage": 2

package/src/test/services.json

@@ -0,0 +1,109 @@
+{
+  "services": {
+    "f7e3a1b2-c4d5-6789-abcd-ef0123456789": {
+      "id": "f7e3a1b2-c4d5-6789-abcd-ef0123456789",
+      "data": {
+        "fixtures": [
+          {
+            "fixture": {
+              "id": 1001,
+              "date": "2026-06-22T18:00:00+00:00",
+              "status": { "long": "Match Finished", "short": "FT", "elapsed": 90 },
+              "venue": { "name": "Camp Nou", "city": "Barcelona" }
+            },
+            "league": {
+              "id": 140,
+              "name": "La Liga",
+              "country": "Spain",
+              "logo": "https://media.api-sports.io/football/leagues/140.png",
+              "round": "Regular Season - 38"
+            },
+            "teams": {
+              "home": { "id": 529, "name": "Barcelona", "logo": "https://media.api-sports.io/football/teams/529.png", "winner": true },
+              "away": { "id": 541, "name": "Real Madrid", "logo": "https://media.api-sports.io/football/teams/541.png", "winner": false }
+            },
+            "goals": { "home": 3, "away": 1 },
+            "score": {
+              "halftime": { "home": 1, "away": 0 },
+              "fulltime": { "home": 3, "away": 1 }
+            }
+          },
+          {
+            "fixture": {
+              "id": 1002,
+              "date": "2026-06-22T20:45:00+00:00",
+              "status": { "long": "Second Half", "short": "2H", "elapsed": 67 },
+              "venue": { "name": "Anfield", "city": "Liverpool" }
+            },
+            "league": {
+              "id": 39,
+              "name": "Premier League",
+              "country": "England",
+              "logo": "https://media.api-sports.io/football/leagues/39.png",
+              "round": "Regular Season - 38"
+            },
+            "teams": {
+              "home": { "id": 40, "name": "Liverpool", "logo": "https://media.api-sports.io/football/teams/40.png", "winner": null },
+              "away": { "id": 42, "name": "Arsenal", "logo": "https://media.api-sports.io/football/teams/42.png", "winner": null }
+            },
+            "goals": { "home": 2, "away": 2 },
+            "score": {
+              "halftime": { "home": 1, "away": 1 },
+              "fulltime": { "home": null, "away": null }
+            }
+          },
+          {
+            "fixture": {
+              "id": 1003,
+              "date": "2026-06-23T19:00:00+00:00",
+              "status": { "long": "Not Started", "short": "NS", "elapsed": null },
+              "venue": { "name": "Allianz Arena", "city": "Munich" }
+            },
+            "league": {
+              "id": 78,
+              "name": "Bundesliga",
+              "country": "Germany",
+              "logo": "https://media.api-sports.io/football/leagues/78.png",
+              "round": "Regular Season - 34"
+            },
+            "teams": {
+              "home": { "id": 157, "name": "Bayern Munich", "logo": "https://media.api-sports.io/football/teams/157.png", "winner": null },
+              "away": { "id": 165, "name": "Borussia Dortmund", "logo": "https://media.api-sports.io/football/teams/165.png", "winner": null }
+            },
+            "goals": { "home": null, "away": null },
+            "score": {
+              "halftime": { "home": null, "away": null },
+              "fulltime": { "home": null, "away": null }
+            }
+          },
+          {
+            "fixture": {
+              "id": 1004,
+              "date": "2026-06-22T17:30:00+00:00",
+              "status": { "long": "Match Finished", "short": "FT", "elapsed": 90 },
+              "venue": { "name": "San Siro", "city": "Milan" }
+            },
+            "league": {
+              "id": 135,
+              "name": "Serie A",
+              "country": "Italy",
+              "logo": "https://media.api-sports.io/football/leagues/135.png",
+              "round": "Regular Season - 38"
+            },
+            "teams": {
+              "home": { "id": 489, "name": "AC Milan", "logo": "https://media.api-sports.io/football/teams/489.png", "winner": false },
+              "away": { "id": 505, "name": "Inter", "logo": "https://media.api-sports.io/football/teams/505.png", "winner": true }
+            },
+            "goals": { "home": 0, "away": 2 },
+            "score": {
+              "halftime": { "home": 0, "away": 1 },
+              "fulltime": { "home": 0, "away": 2 }
+            }
+          }
+        ]
+      },
+      "updatedAt": 1750608000000,
+      "__typename": "FootballAppService"
+    }
+  }
+}