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

package/build/main.js.LICENSE.txt

@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
     localForage -- Offline Storage, Improved
     Version 1.10.0
@@ -14,9 +20,8 @@
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
-/**
- * @license React
- * react-dom.production.min.js
+/** @license React v0.20.2
+ * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -24,9 +29,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @license React
- * react-jsx-runtime.production.min.js
+/** @license React v17.0.2
+ * react-dom.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -34,9 +38,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @license React
- * react.production.min.js
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -44,9 +47,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @license React
- * scheduler.production.min.js
+/** @license React v17.0.2
+ * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *

package/build/test/parameters.json

@@ -1,10 +1,11 @@
 {
   "parameters": {
     "league": 1,
-    "timeStart": "1 am",
-    "timeEnd": "11 pm",
-    "matchesYesterday": true,
-    "matchesTomorrow": true,
+    "debugTimezone" : false,
+    "timeStart": "10 am",
+    "timeEnd": "1 am",
+    "matchesYesterday": false,
+    "matchesTomorrow": false,
     "itemsPerPage": 2
   }
 }

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.5",
+  "version": "1.4.6-dev.1",
   "description": "Muestra resultados en vivo de fútbol.",
   "main": "main.js",
   "author": "",
@@ -20,12 +20,12 @@
     "axios": "^1.6.0",
     "localforage": "^1.10.0",
     "moment": "^2.29.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "@vixoniccom/module-packager": "^2.13.0",
     "@vixoniccom/modules": "^2.21.0",
     "standard-version": "^9.5.0"

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

@@ -18,7 +18,16 @@ export const getFixture = async (league: string, yesterday?: boolean, tomorrow?:
   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 = Intl.DateTimeFormat().resolvedOptions().timeZone
+  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'
+    }
+  })()
 
   const options = {
     method: 'GET',

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,10 +1,11 @@
 {
   "parameters": {
     "league": 1,
-    "timeStart": "1 am",
-    "timeEnd": "11 pm",
-    "matchesYesterday": true,
-    "matchesTomorrow": true,
+    "debugTimezone" : false,
+    "timeStart": "10 am",
+    "timeEnd": "1 am",
+    "matchesYesterday": false,
+    "matchesTomorrow": false,
     "itemsPerPage": 2
   }
 }