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

package/build/test/parameters.json

@@ -1,6 +1,7 @@
 {
   "parameters": {
     "league": 1,
+    "debugTimezone" : false,
     "timeStart": "10 am",
     "timeEnd": "1 am",
     "matchesYesterday": false,

package/configuration/dataGroup/dataInputs.ts

@@ -98,4 +98,11 @@ export const dataInputs = [
     description: 'Duración por página (en segundos)',
     range: new NumberRangeValue(1, 100),
   }),
+  new Switch({
+    id: 'debugTimezone',
+    label: 'Debug Timezone',
+    displayOnTrue: 'Visible',
+    displayOnFalse: 'Oculto',
+    defaultValue: false,
+  }),
 ]

package/configuration.json

@@ -373,6 +373,14 @@
           "type": "number-input",
           "range": "[1:100:]",
           "description": "Duración por página (en segundos)"
+        },
+        {
+          "id": "debugTimezone",
+          "label": "Debug Timezone",
+          "type": "switch",
+          "defaultValue": false,
+          "displayOnTrue": "Visible",
+          "displayOnFalse": "Oculto"
         }
       ]
     },

package/package.json

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

package/src/App.tsx

@@ -56,7 +56,7 @@ 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 { backgroundImage, padding, msj0 = '', league = '9', debugTimezone = false } = parameters
   const backgroundImageState = backgroundImage?.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
     : ''
@@ -142,42 +142,68 @@ export const App: React.FunctionComponent<Props> = ({ data, start }) => {
     fetchAndSchedule()
   }, [league])
 
+  const timezone = (() => {
+    try { return Intl.DateTimeFormat().resolvedOptions().timeZone } catch { return 'UTC' }
+  })()
+
   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 &&
+    <>
+      {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 &&
+            <div style={{ display: 'flex', position: 'relative', flex: '1 1 0%', flexDirection: 'column' }}>
+              <FormattedText text={parameters.title0 || 'Partidos Mundial'} format={parameters.titleFormat} />
+            </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={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>
+      }
+      {debugTimezone && (
+        <div style={{
+          position: 'fixed',
+          bottom: 8,
+          right: 8,
+          background: 'rgba(0,0,0,0.75)',
+          color: '#00ff00',
+          fontSize: 10,
+          fontFamily: 'monospace',
+          padding: '4px 8px',
+          borderRadius: 4,
+          zIndex: 9999,
+          lineHeight: 1.4,
+          pointerEvents: 'none',
+          whiteSpace: 'nowrap',
+        }}>
+          TZ: {timezone}
+        </div>
+      )}
+    </>
   )
 }

package/src/helpers/getFixture.ts

@@ -21,8 +21,10 @@ export const getFixture = async (league: string, yesterday?: boolean, tomorrow?:
   const timezone = (() => {
     try {
       const tz = Intl.DateTimeFormat().resolvedOptions().timeZone
+      console.log(`[football-score] Timezone resolved: ${tz}`)
       return tz
     } catch (error) {
+      console.warn('[football-score] Failed to resolve timezone, defaulting to UTC', error)
       return 'UTC'
     }
   })()

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
+  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, debugTimezone: boolean
 }>

package/src/test/parameters.json

@@ -1,6 +1,7 @@
 {
   "parameters": {
     "league": 1,
+    "debugTimezone" : false,
     "timeStart": "10 am",
     "timeEnd": "1 am",
     "matchesYesterday": false,