@vixoniccom/footbal-score 1.2.0 → 1.2.1-beta.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.2.1-beta.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.2.0...v1.2.1-beta.0) (2024-06-24)
+
+
+### Bug Fixes
+
+* app was refactored and also new properties were added to show matches from previous and next days ([0a7be0c](https://bitbucket.org/vixonic_dev/football-score/commit/0a7be0ca60fe7ce2dce23d2287a965e5c636ce1e))
+
 ## [1.2.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.2.0-beta.0...v1.2.0) (2024-06-24)
 
 ## [1.2.0-beta.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.0.3...v1.2.0-beta.0) (2024-06-24)

package/configuration.json

@@ -31,6 +31,18 @@
             }
           ]
         },
+        {
+          "type": "switch",
+          "id": "matchesYesterday",
+          "label": "Mostrar partidos día anterior",
+          "defaultValue": false
+        },
+        {
+          "type": "switch",
+          "id": "matchesTomorrow",
+          "label": "Mostrar partidos día posterior",
+          "defaultValue": false
+        },
         {
           "id": "timeStart",
           "type": "select-input",

package/package.json

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

package/src/App.tsx

@@ -1,22 +1,18 @@
-import React, { useContext, useEffect, useState } from 'react'
-import { FontLoader } from './components/FontLoader'
-import { FormattedText } from './components/FormattedText'
-import { Table } from './components/table-fixture/Table'
-import { ConfigureContext } from './contex/configureContext/ConfigureContext'
-import { getFixture } from './helpers/getFixture'
+import React, { useEffect, useState } from 'react'
 import localforage from 'localforage'
 import moment from 'moment'
+import { FontLoader, FormattedText, Table } from './components'
+import { getFixture } from './helpers/getFixture'
 
-type Props = {
-  data: VixonicData,
+export type Props = {
+  data: VixonicData
   start: boolean
 }
 
 export const App = ({ data, start }: Props) => {
-  const [dataFixture, setDataFixture] = useState([])
-  const [league, setLeague] = useState('')
-  const { configureState, addConfiguration } = useContext(ConfigureContext)
-  const { parameters, downloadsPath } = configureState
+  const [dataFixture, setDataFixture] = useState<any[]>([])
+  const [league, setLeague] = useState<string>('')
+  const { parameters, downloadsPath } = data
   const { backgroundImage, padding, msj0 = '', updateTime } = parameters
   const backgroundImageState = backgroundImage && backgroundImage.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
@@ -27,12 +23,11 @@ export const App = ({ data, start }: Props) => {
     const momentLocalStorage: any = dataLocal ? moment().diff(dataLocal.date, 'millisecond') : undefined
     const timeNowFormat = moment().format('h:mma')
     const timeNow = moment(timeNowFormat, 'h:mma')
-
-    const horaInicio = moment(data.parameters.timeStart, 'h:mma')
-    const horaFin = moment(data.parameters.timeEnd, 'h:mma')
+    const horaInicio = moment(parameters.timeStart, 'h:mma')
+    const horaFin = moment(parameters.timeEnd, 'h:mma')
 
     if (momentLocalStorage == undefined || (timeNow.isBetween(horaInicio, horaFin) && momentLocalStorage > updateTime!)) {
-      const dataRequest = await getFixture(data.parameters.league!)
+      const dataRequest = await getFixture(parameters.league!, parameters.matchesYesterday, parameters.matchesTomorrow)
       setDataLocal(dataRequest)
       setDataFixture(dataRequest)
     } else {
@@ -45,7 +40,6 @@ export const App = ({ data, start }: Props) => {
       setLeague(data.parameters.league!)
       getData()
     }
-    addConfiguration(data)
   }, [data])
 
   useEffect(() => {
@@ -103,7 +97,7 @@ export const App = ({ data, start }: Props) => {
             <FormattedText text={parameters.title0 || 'Partidos Mundial'} format={parameters.titleFormat} />
           </div>
         }
-        <Table dataFixture={dataFixture} />
+        <Table dataFixture={dataFixture} parameters={parameters} />
       </div> :
       <div
         style={{

package/src/components/FontLoader/index.tsx

@@ -0,0 +1,41 @@
+import React from 'react'
+
+type Props = {
+  parameters: VixonicParameters
+  downloadsPath: string
+  paths: string[]
+}
+
+export const FontLoader = ({ parameters, downloadsPath, paths }: Props) => {
+  const _getValueByPath = (path: any, obj: any): any => {
+    const pathsArray = path.split('.')
+    const propertyName = pathsArray[0]
+    if (pathsArray.length === 1) return obj[propertyName]
+    else {
+      pathsArray.splice(0, 1)
+      return _getValueByPath(pathsArray.join('.'), obj[propertyName])
+    }
+  }
+
+  const fonts = paths.map((path: any) => {
+    try {
+      const fontParam = _getValueByPath(path, parameters)
+      const font = {
+        family: fontParam.filename.replace('.', '-'),
+        src: `${downloadsPath}/${fontParam.filename}`
+      }
+      return `
+          @font-face {
+            font-family: "${font.family}";
+            src: url("${font.src}");
+          }
+        `
+    } catch (err) {
+      return ''
+    }
+  })
+
+  return (
+    <style>{fonts}</style>
+  )
+}

package/src/components/{FormattedText.tsx → FormattedText/index.tsx}

@@ -58,20 +58,18 @@ export const FormattedText = ({ text, format, maxChar, lineHeight, style, unit,
     justifyContent: getHorizontalAlignment(format.alignment)
   }, style)
 
-  return (
-    <div style={containerStyle}>
-      <span style={{
-        color: format?.fontColor,
-        fontFamily: checkNested(format, 'font.filename') ? `"${format?.font?.filename?.replace('.', '-')}"` : '',
-        fontSize: `${format?.fontSize}${unit}`,
-        textAlign: checkNested(format, 'alignment.horizontal') ? format?.alignment?.horizontal : 'left',
-        lineHeight: lineHeight,
-        paddingBottom: paddingBottom,
-        paddingTop: paddingTop,
-        display: 'inline-flex'
-      }}>{renderText}</span>
-    </div>
-  )
+  return <div style={containerStyle}>
+    <span style={{
+      color: format?.fontColor,
+      fontFamily: checkNested(format, 'font.filename') ? `"${format?.font?.filename?.replace('.', '-')}"` : '',
+      fontSize: `${format?.fontSize}${unit}`,
+      textAlign: checkNested(format, 'alignment.horizontal') ? format?.alignment?.horizontal : 'left',
+      lineHeight: lineHeight,
+      paddingBottom: paddingBottom,
+      paddingTop: paddingTop,
+      display: 'inline-flex'
+    }}>{renderText}</span>
+  </div>
 }
 
 FormattedText.defaultProps = {

package/src/components/{table-fixture → Table/components}/Results.tsx

@@ -1,12 +1,8 @@
-import React, { useContext } from 'react'
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
-import { FormattedText } from '../FormattedText'
+import React from 'react'
+import { FormattedText } from '../../FormattedText'
 import { isNumber } from 'lodash'
 
-export const Results = ({ goals, score }: any) => {
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters } = configureState
-
+export const Results = ({ parameters, goals, score }: any) => {
   return (
     <div style={{
       display: 'flex',

package/src/components/{table-fixture → Table/components}/Row.tsx

@@ -1,19 +1,17 @@
-import React, { useContext, useEffect, useState } from 'react'
-import { Time } from './Time'
-import { FormattedText } from '../FormattedText'
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
-import { Status } from './Status'
-import { translateTeams } from '../../helpers/translateTeams'
-import { Results } from './Results'
+import React, { useEffect, useState } from 'react'
+import { Results, Status, Time  } from './'
+import { FormattedText } from '../../'
+import { translateTeams } from '../../../helpers/translateTeams'
 
-export const Row = (item: any) => {
+type Props = {
+  item: any,
+  parameters: VixonicParameters
+}
 
-  const { fixture, teams, goals, score } = item.item;
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters } = configureState
+export const Row = ({ item, parameters }: Props) => {
+  const { fixture, teams, goals, score } = item
   const [homeTeam, setHomeTeam] = useState(false)
   const [awayTeam, setAwayTeam] = useState(false)
-
   const {
     descriptionEnabled,
     widthDescription,
@@ -27,11 +25,10 @@ export const Row = (item: any) => {
     widthTime,
   } = parameters
 
-  let gridColumns = descriptionEnabled ? `${widthTime || '200px'} ${widthStatus || '200px'} ${widthDescription || '200px'}  ${widthImage || '300px'} ${widthScore || '100px'} ${widthImage || '300px'} ${widthDescription || '200px'}` :
+  const 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 nameHome = translateTeams(teams.home.name)
+  const nameAway = translateTeams(teams.away.name)
 
   const requestFlagHome = async (urlLogo: string) => {
     try {
@@ -59,7 +56,6 @@ export const Row = (item: any) => {
     requestFlagAway(teams.away.logo)
   }, [])
 
-
   return (
     <div
       style={{
@@ -80,7 +76,7 @@ export const Row = (item: any) => {
           justifyContent: 'flex-end',
         }}
       >
-        <Time time={Number(fixture.timestamp)} />
+        <Time time={Number(fixture.timestamp)} parameters={parameters} />
       </div>
       <div
         style={{
@@ -88,7 +84,7 @@ export const Row = (item: any) => {
           justifyContent: 'flex-end',
         }}
       >
-        <Status status={fixture.status.short} />
+        <Status status={fixture.status.short} parameters={parameters} />
       </div>
       {
         descriptionEnabled &&
@@ -114,9 +110,7 @@ export const Row = (item: any) => {
 
         }
       </div>
-
-      <Results goals={goals} score={score} />
-
+      <Results goals={goals} score={score} parameters={parameters} />
       <div
         style={{
           display: 'flex',

package/src/components/{table-fixture → Table/components}/Status.tsx

@@ -1,15 +1,8 @@
-import React, { useContext } from 'react'
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
-import { FormattedText } from '../FormattedText'
-
-export const Status = ({
-  status
-}: any) => {
+import React from 'react'
+import { FormattedText } from '../../'
 
+export const Status = ({ status, parameters }: { status: string, parameters: VixonicParameters }) => {
   let translateStatus: string = ''
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters } = configureState
-
   switch (status) {
     case 'NS':
       translateStatus = 'Por iniciar'

package/src/components/{table-fixture → Table/components}/Time.tsx

@@ -1,12 +1,8 @@
 import moment from 'moment'
-import React, { useContext } from 'react'
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
-import { FormattedText } from '../FormattedText'
-
-export const Time = ({ time }: any) => {
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters } = configureState
+import React from 'react'
+import { FormattedText } from '../../'
 
+export const Time = ({ time, parameters }: { time: number, parameters: VixonicParameters }) => {
   return (
     <div style={{
       display: 'flex',

package/src/components/Table/components/index.ts

@@ -0,0 +1,11 @@
+import { Results } from './Results'
+import { Row } from './Row'
+import { Status } from './Status'
+import { Time } from './Time'
+
+export {
+  Results,
+  Row,
+  Status,
+  Time
+}

package/src/components/Table/index.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import { Row } from './components'
+
+type Props = {
+  dataFixture: any
+  parameters: VixonicParameters
+}
+
+export const Table = ({ dataFixture, parameters }: Props) => {
+  return <div
+    style={{
+      display: 'flex',
+      width: '100%',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'column'
+    }}
+  >
+    {
+      dataFixture.map((item: any) => (
+        <Row item={item} parameters={parameters} />
+      ))
+    }
+  </div>
+}

package/src/components/index.ts

@@ -0,0 +1,9 @@
+import { FontLoader } from './FontLoader'
+import { FormattedText } from './FormattedText'
+import { Table } from './Table'
+
+export {
+  FontLoader,
+  FormattedText,
+  Table
+}

package/src/helpers/getFixture.ts

@@ -1,14 +1,17 @@
 import moment from 'moment'
-const axios = require('axios')
+import axios from 'axios'
 
-export const getFixture = async (league: string) => {
+export const getFixture = async (league: string, yesterday?: boolean, tomorrow?: boolean) => {
   const today = moment().format('YYYY-MM-DD')
   const year = moment().format('YYYY')
+  const from = yesterday ? moment(Date.now() - 24 * 60 * 60 * 1000).format('YYYY-MM-DD') : today
+  const to = tomorrow ? moment(Date.now() + 24 * 60 * 60 * 1000).format('YYYY-MM-DD') : today
+
   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}` },
+    params: { from, to, league: league, season: `${year}`, timezone: `${timezone}` },
     headers: {
       'X-RapidAPI-Key': 'a7e693d4c5msh72a2ff2020fd601p12dd08jsn0f168421d7bb',
       'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'

package/src/helpers/translateTeams.ts

@@ -1,4 +1,3 @@
-
 export const translateTeams = (team: string) => {
   switch (team) {
     case 'England':

package/src/main.tsx

@@ -1,10 +1,10 @@
 import ReactDOM from 'react-dom'
 import React from 'react'
-import { App } from './App'
-import { ParameterProvider } from './contex/configureContext/ConfigureProvider'
-const { ipcRenderer } = require('electron')
+import { App, Props } from './App'
 
+const { ipcRenderer } = require('electron')
 let start: boolean = false
+
 ipcRenderer.on('preload', (_event: any, data: VixonicData) => {
   render(data)
 })
@@ -23,9 +23,5 @@ ipcRenderer.on('finish', (_event: any) => {
 })
 
 function render(data: VixonicData) {
-  ReactDOM.render(
-    <ParameterProvider>
-      <App data={data} start={start} />
-    </ParameterProvider>
-    , document.getElementById('root'))
+  ReactDOM.render(React.createElement<Props>(App, {data, start}), document.getElementById('root'))
 }

package/src/parameters.d.ts

@@ -6,7 +6,6 @@ declare type VixonicData = {
   downloadsPath: string
 }
 
-
 declare type VixonicParameters = Partial<{
   abbreviatedMonths: boolean
   animationMode: string
@@ -53,42 +52,43 @@ declare type VixonicParameters = Partial<{
   textAlignment: keyof typeof alignment
   textPosition: number
   updateTime: number
-  urlBaseApi: string,
-  imageMargin: string,
-  textMargin: string,
-  dateMargin: string,
-  separator: boolean,
-  separatorWidth: number,
-  separatorColor: string,
-  nameMaxChar: number,
-  descriptionMaxChar: number,
-  statusFormat: DateFormat,
-  widthDescription: string,
-  widthImage: string,
-  widthScore: string,
-  columnGap: string,
-  rowGap: string,
-  widthTime: string,
+  urlBaseApi: string
+  imageMargin: string
+  textMargin: string
+  dateMargin: string
+  separator: boolean
+  separatorWidth: number
+  separatorColor: string
+  nameMaxChar: number
+  descriptionMaxChar: number
+  statusFormat: DateFormat
+  widthDescription: string
+  widthImage: string
+  widthScore: string
+  columnGap: string
+  rowGap: string
+  widthTime: string
   widthStatus: string
-  timeStart: string,
-  timeEnd: string,
-  formatMjs: DateFormat,
-  alignVerticalMsj: string,
+  timeStart: string
+  timeEnd: string
+  formatMjs: DateFormat
+  alignVerticalMsj: string
   league: string
+  matchesTomorrow: boolean
+  matchesYesterday: boolean
 }>
 
-
 type GeneralData = {
   filename?: string
-  id?: string,
-  extension?: string,
+  id?: string
+  extension?: string
   _isAsset: boolean
 }
 
 type DateFormat = {
-  alignment?: { horizontal?: 'left' | 'right' | 'center' },
-  font?: GeneralData,
-  fontColor?: string,
+  alignment?: { horizontal?: 'left' | 'right' | 'center' }
+  font?: GeneralData
+  fontColor?: string
   fontSize?: number
 }
 
@@ -111,4 +111,4 @@ const styles = {
   calendarText: 'calendarText',
   circle: 'circle',
   outlines: 'outlines'
-}
+}

package/src/test/parameters.json

@@ -1,98 +1,7 @@
 {
   "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"
-      },
-      "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
-      },
-      "fontSize": 55,
-      "alignment": {
-        "horizontal": "center"
-      },
-      "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
-      },
-      "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
-      },
-      "fontSize": 3.8,
-      "alignment": {
-        "horizontal": "left"
-      },
-      "fontColor": "#585858"
-    },
-    "descriptionEnabled": true
+    "league": 9,
+    "matchesYesterday": false,
+    "matchesTomorrow": true
   }
 }

package/src/components/FontLoader.tsx

@@ -1,54 +0,0 @@
-import React, { useContext } from 'react'
-import PropTypes from 'prop-types'
-import { ConfigureContext } from '../contex/configureContext/ConfigureContext'
-
-interface Props {
-  paths: Array<string>
-}
-
-export const FontLoader = ({ paths }: Props) => {
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters, downloadsPath } = configureState
-  const _getValueByPath = (path: any, obj: any): any => {
-    let pathsArray = path.split('.')
-    let propertyName = pathsArray[0]
-    if (pathsArray.length === 1) return obj[propertyName]
-    else {
-      pathsArray.splice(0, 1)
-      return _getValueByPath(pathsArray.join('.'), obj[propertyName])
-    }
-  }
-  let fonts = paths.map((path: any) => {
-    try {
-      let fontParam = _getValueByPath(path, parameters)
-      let font = {
-        family: fontParam.filename.replace('.', '-'),
-        src: `${downloadsPath}/${fontParam.filename}`
-      }
-      return `
-          @font-face {
-            font-family: "${font.family}";
-            src: url("${font.src}");
-          }
-        `
-    } catch (err) {
-      return ''
-    }
-  })
-
-  return (
-    <style>{fonts}</style>
-  )
-}
-
-FontLoader.defaultProps = {
-  paths: [],
-  parameters: {},
-  downloadsPath: ''
-}
-
-FontLoader.propTypes = {
-  paths: PropTypes.arrayOf(PropTypes.string).isRequired,
-  parameters: PropTypes.object,
-  downloadsPath: PropTypes.string
-}

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

@@ -1,27 +0,0 @@
-import React from 'react'
-import { Row } from './Row'
-
-type Props = {
-  dataFixture: any
-}
-
-export const Table = ({ dataFixture }: Props) => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        width: '100%',
-        height: '100%',
-        justifyContent: 'center',
-        alignItems: 'center',
-        flexDirection: 'column'
-      }}
-    >
-      {
-        dataFixture.map((item: any) => (
-          <Row item={item} />
-        ))
-      }
-    </div>
-  )
-}

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

@@ -1,32 +0,0 @@
-import React, { useContext } from 'react'
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
-import { FormattedText } from '../FormattedText'
-
-export const TeamItems = ({ team, home }: any) => {
-  const { configureState } = useContext(ConfigureContext)
-  const { parameters } = configureState
-
-  return (
-    home ? (
-      <div style={{
-        display: 'flex',
-        justifyContent: 'space-around',
-        alignItems: 'center',
-        width: '450px',
-        padding: '10px',
-      }}>
-        <FormattedText text={team.name} format={parameters.nameFormat || parameters.descriptionFormat} />
-        <img src={team.logo} style={{ width: '100%' }} />
-      </div>) :
-      (<div style={{
-        display: 'flex',
-        justifyContent: 'space-around',
-        alignItems: 'center',
-        width: '450px',
-        padding: '10px',
-      }}>
-        <img src={team.logo} style={{ width: '100%' }} />
-        <FormattedText text={team.name} format={parameters.nameFormat || parameters.descriptionFormat} />
-      </div>)
-  )
-}

package/src/contex/configureContext/ConfigureContext.tsx

@@ -1,8 +0,0 @@
-import { createContext } from 'react'
-
-type ConfigureContext = {
-  configureState: VixonicData
-  addConfiguration: (configure: VixonicData) => void
-}
-
-export const ConfigureContext = createContext<ConfigureContext>({} as ConfigureContext)

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -1,87 +0,0 @@
-import React, { useReducer } from 'react'
-import { ConfigureContext } from './ConfigureContext'
-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',
-    league: '9'
-  }
-}
-
-interface props {
-  children: JSX.Element | JSX.Element[]
-}
-
-export const ParameterProvider = ({ children }: props) => {
-  const [configureState, dispatch] = useReducer(parameterReducer, INITIAL_STATE)
-  const addConfiguration = (configure: VixonicData) => {
-    dispatch({ type: 'addConfigure', payload: configure })
-  }
-
-  return (
-    <ConfigureContext.Provider value={{ configureState, addConfiguration }}>
-      {children}
-    </ConfigureContext.Provider>
-  )
-}

package/src/contex/configureContext/configureReducer.ts

@@ -1,62 +0,0 @@
-
-type ConfigureAction =
-  | { 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,
-          league: parameters.league
-        }
-      }
-    default:
-      return state;
-  }
-}