@vixoniccom/footbal-score 1.0.1-beta.0

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -0,0 +1,81 @@
+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: 0,
+        urlBaseApi: "",
+        imageMargin: "",
+        textMargin: "",
+        dateMargin: "",
+        separator: false
+    }
+}
+
+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

@@ -0,0 +1,53 @@
+
+type ConfigureAction =
+    | { type: 'addConfigure', payload: VixonicData }
+
+
+export const parameterReducer = (state: VixonicData, action: ConfigureAction) => {
+
+    const { downloadsPath, parameters } = action.payload
+    switch (action.type) {
+        case 'addConfigure':
+            console.log(parameters)
+            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,
+                }
+            }
+        default:
+            return state;
+    }
+
+}

package/src/helpers/getEmployees.ts

@@ -0,0 +1,21 @@
+import axios from "axios";
+const API_KEY = 'AIzaSyDQcTlxfd5IyjbeSJooRtNt6OF04DLykqc'
+import { getMonth } from "./utils";
+
+export default function getEmployees(apiDomain: string) {
+  let idGoogle = apiDomain.split("/")[5]
+  console.log(idGoogle)
+  let URL = `https://sheets.googleapis.com/v4/spreadsheets/${idGoogle}/values`
+  const monthTab = getMonth()
+
+  try {
+    const response = axios({
+      url: `${URL}/${monthTab}?key=${API_KEY}`
+    });
+    return response;
+  } catch (error) {
+    console.error(error);
+    return error;
+  }
+}
+

package/src/helpers/getFixture.ts

@@ -0,0 +1,20 @@
+// import moment from 'moment';
+const axios = require("axios");
+
+export const getFixture = async () => {
+
+    // const today = moment().format('YYYY-MM-DD')    
+    // console.log("🚀 ~ file: getFixture.ts ~ line 6 ~ getFixture ~ today", today)
+
+    const options = {
+        method: 'GET',
+        url: 'https://api-football-v1.p.rapidapi.com/v3/fixtures',
+        params: { date: '2022-11-21', league: '1', season: '2022' },
+        headers: {
+            'X-RapidAPI-Key': 'a7e693d4c5msh72a2ff2020fd601p12dd08jsn0f168421d7bb',
+            'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'
+        }
+    };
+    const response = await axios.request(options)
+    return response.data.response
+}

package/src/helpers/parseMonthAndDay.ts

@@ -0,0 +1,38 @@
+import moment from "moment"
+
+
+const getAnniversaryFromMonth = (apiData: any, month: any) => {
+    let monthArray = []
+    for (let i = 0; i < apiData.length; i++) {
+        let monthA = Number(moment(apiData[i].fechaInic, 'YYYY-MM-DD').format('M')) - 1
+        if (monthA === month) {
+            let dayA = Number(moment(apiData[i].fechaInic, 'YYYY-MM-DD').format('D'))
+            apiData[i].day = dayA
+            apiData[i].month = month
+            apiData[i].name = `${apiData[i].nombre} ${apiData[i].apellidoPate}`
+            apiData[i].position = apiData[i].nombreCargo
+            apiData[i].image = apiData[i].foto
+            monthArray.push(apiData[i])
+        }
+    }
+    monthArray.sort((a, b) => {
+        if (a.day < b.day) return -1
+        else if (a.day === b.day) return 0
+        else return 1
+    })
+
+
+    return monthArray
+}
+
+export const parseFromApi = (apiData: any) => {
+    let monthsArray = []
+    for (let month = 0; month < 12; month++) {
+        let monthArray = getAnniversaryFromMonth(apiData, month)
+        if (monthArray.length > 0) monthsArray.push(...monthArray)
+    }
+
+
+    return monthsArray
+}
+

package/src/helpers/setToken.ts

@@ -0,0 +1,71 @@
+import localforage from 'localforage'
+import axios from 'axios'
+
+const urlCF = 'https://us-central1-vixoniccloudcom.cloudfunctions.net/rexTokenCentralizer'
+const tokenCF = 'd2dca806-4f70-41a3-ab70-0fe9bf051d2e'
+let updateTimer: any
+
+function setUpdateTime(milliseconds: any, requestData: any) {
+    clearTimeout(updateTimer)
+    if (milliseconds === null) return
+    updateTimer = setTimeout(requestData, milliseconds)
+}
+
+function getToken(apiDomain: any) {
+    try {
+        const config = { 'Authorization': tokenCF }
+        const response = axios({
+            method: 'post',
+            url: urlCF,
+            headers: config,
+            data: {
+                orgDomain: apiDomain // This is the body part
+            }
+        })
+
+        console.log(response)
+        return response
+    } catch (error) {
+        console.error(error);
+        return error
+    }
+}
+
+function setTokenLocal(token: any, apiDomain: any) {
+    localforage.config({ name: `request_${apiDomain}` })
+    localforage.setItem('rexmas', {
+        token: token,
+        apiDomain: apiDomain,
+        date: Date.now()
+    }, (err) => { if (err) console.log(err) })
+}
+
+
+
+
+export default function setToken(apiDomain: any, requestData: any) {
+    let pt: any = getToken(apiDomain)
+    pt.then(function (response: any) {
+        console.log('rr...', response)
+        let token = response.data.token
+        if (token === '') {
+            console.log(response.data.msg)
+            // renderLog(response.data.msg)
+            setUpdateTime(null, requestData)
+        } else {
+            console.log('Access granted to Rex+ API')
+            setTokenLocal(token, apiDomain)
+            setUpdateTime(2000, requestData)
+        }
+        return
+    })
+        .catch(function (error: any) {
+            console.log(error);
+            console.log(`Error getting token ${error.response.data && error.response.data.detalle}`)
+            //   setUpdateTime(null)
+            return
+        })
+}
+
+
+

package/src/helpers/utils.ts

@@ -0,0 +1,52 @@
+import moment from "moment";
+
+
+
+export const getMonth = () => {
+    const date = moment()
+    let numberMonth: number = Number(date.format('M'))
+    let month
+    switch (numberMonth) {
+        case 1:
+            month = 'Enero'
+            break
+        case 2:
+            month = 'Febrero'
+            break
+        case 3:
+            month = 'Marzo'
+            break
+        case 4:
+            month = 'Abril'
+            break
+        case 5:
+            month = 'Mayo'
+            break
+        case 6:
+            month = 'Junio'
+            break
+        case 7:
+            month = 'Julio'
+            break
+        case 8:
+            month = 'Agosto'
+            break
+        case 9:
+            month = 'Septiembre'
+            break
+        case 10:
+            month = 'Octubre'
+            break
+        case 11:
+            month = 'Noviembre'
+            break
+        case 12:
+            month = 'Diciembre'
+            break
+        default:
+            month = 'ENERO'
+            break
+    }
+
+    return month
+}

package/src/hooks/useFetch.ts

@@ -0,0 +1,47 @@
+import { useEffect, useRef, useState } from "react"
+
+type State = {
+    data: string | null
+    loading: boolean,
+    error: boolean | null
+}
+
+
+export const useFetch = (url: string): State => {
+
+    const isMounted = useRef(true);
+    const [state, setState] = useState<State>({ data: null, loading: true, error: null })
+
+    useEffect(() => {
+        return () => {
+            isMounted.current = false;
+        }
+    }, [])
+
+
+    useEffect(() => {
+
+        setState({ data: null, loading: true, error: null });
+
+        fetch(url, {
+            headers: {
+                'Authorization': `Token`
+            }
+        })
+            .then(resp => resp.json())
+            .then(data => {
+
+                if (isMounted.current) {
+                    setState({
+                        loading: false,
+                        error: null,
+                        data
+                    });
+                }
+
+            });
+
+    }, [url])
+
+    return state;
+}

package/src/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html style="position: absolute; height:100%; width: 100%; overflow: hidden;">
+<head>
+<title></title>
+<meta charset="utf-8">
+</head>
+<body style="margin:0; overflow: hidden;">
+	<div id="root" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;">
+	</div>
+</body>
+</html>

package/src/main.tsx

@@ -0,0 +1,40 @@
+import ReactDOM from 'react-dom'
+import React from 'react'
+const { ipcRenderer } = require('electron')
+import { App } from './App';
+import { ParameterProvider } from './contex/configureContext/ConfigureProvider';
+let start: boolean = false
+
+ipcRenderer.on('preload', (_event: any, data: VixonicData) => {
+  render(data)
+})
+
+ipcRenderer.on('start', (_event: any, data: VixonicData) => {
+  start = true
+  // initialize(data)
+  render(data)
+})
+
+ipcRenderer.on('update', (_event: any, data: VixonicData) => {
+  render(data)
+})
+
+ipcRenderer.on('finish', (_event: any) => {
+  console.log('finish')
+})
+
+
+function render(data: VixonicData) {
+  ReactDOM.render(
+    <ParameterProvider>
+      <App data={data} start={start} />
+    </ParameterProvider>
+    , document.getElementById('root'))
+  // ReactDOM.render(React.createElement(App,{data, start}), document.getElementById('root'))
+}
+
+
+
+
+
+

package/src/model/income.ts

@@ -0,0 +1,129 @@
+// import moment from "moment"
+// import _ from 'lodash'
+
+// /**
+//  * @class Birthdays
+//  */
+// class Income {
+
+//     public _data: any
+//     public day: any
+
+//     constructor() {
+//         /** @type {Birthday[][] | undefined} */
+//         this._data = undefined
+//     }
+
+//     /**
+//      * @type {Birthday[][]}
+//      */
+//     get data() {
+//         return this._data
+//     }
+
+//     /**
+//      * @typedef BirthdaysUpdateOptions
+//      * @property {Birthday[][]} data
+//      * @property {Birthday[][]} api
+//      */
+//     /**
+//      * @param {BirthdaysUpdateOptions} options
+//      * @param {*} callback
+//      */
+
+//     update(options : any) {
+
+//         if (options.data) {
+//             this._data = options.data
+//         } else if (options.api) {
+//             this._data = this.parseFromApi(options.api)
+//         }
+//     }
+
+//     getAnniversaryFromMonth(apiData:any, month:any) {
+//         let monthArray = []
+//         for (let i  = 0; i < apiData.length; i++) {
+//             let monthA = Number(moment(apiData[i].fechaInic, 'YYYY-MM-DD').format('M')) - 1
+//             if (monthA === month) {
+//                 let dayA = Number(moment(apiData[i].fechaInic, 'YYYY-MM-DD').format('D'))
+//                 let income = new Ingress({
+//                     day: dayA,
+//                     month: month,
+//                     name: `${apiData[i].nombre} ${apiData[i].apellidoPate}`,
+//                     description: undefined,
+//                     image: apiData[i].foto
+//                 })
+//                 monthArray.push(income)
+//             }
+//         }
+
+//         monthArray.sort((a, b) => {
+//             if (a.day < b.day) return -1
+//             else if (a.day === b.day) return 0
+//             else return 1
+//         })
+//         return monthArray
+//     }
+
+//     parseFromApi(apiData:any) {
+//         let monthsArray = []
+//         for (let month = 0; month < 12; month++) {
+//             let monthArray = this.getAnniversaryFromMonth(apiData, month)
+//             monthsArray.push(monthArray)
+//         }
+
+//         return monthsArray
+//     }
+
+//     /**
+//      * @param {string} mode
+//      * @param {boolean} excludePast
+//      */
+//     getList(mode :any, excludePast:any) {
+
+//         if (!mode) mode = 'monthly'
+//         let dd = moment()
+//         let month = Number(dd.format('M'))
+//         let today = Number(dd.format('D'))
+
+//         /**
+//          * Filter method
+//          * @param {Anniversary[]} data
+//          * @inner
+//          */
+//         let filter = (data:any) => {
+
+
+//             const filterMonthDay = excludePast ? data.filter((da:any )=> da.month >= (month - 1)).filter((da:any) => da.day >= today) : data
+
+//             return filterMonthDay
+//         }
+
+
+//         return filter(_.flatten(this._data))
+
+
+//     }
+// }
+
+
+// class Ingress {
+
+//     public day
+//     public month
+//     public name
+//     public description
+//     public image
+
+//     constructor(options:any) {
+
+//         this.day = options.day
+//         this.month = options.month
+//         this.name = options.name
+//         this.description = options.description
+//         this.image = options.image
+//     }
+
+// }
+
+// module.exports = exports = Animation

package/src/parameters.d.ts

@@ -0,0 +1,101 @@
+
+
+declare type VixonicData = {
+  parameters: VixonicParameters,
+  services?: { [key: string]: { data?: any, updatedAt?: number } }
+  downloadsPath: string
+}
+
+
+declare type VixonicParameters = Partial<{
+  abbreviatedMonths: boolean
+  animationMode: string
+  animationOrder: boolean
+  animationSpeed: number
+  animationTime: string
+  animationStagger:number
+  apiDomain: string
+  backgroundImage: GeneralData
+  containerColumns: string
+  containerRows: string
+  containerRowsGap: string
+  containerColumnsGap: string
+  dataMode: string
+  dateAlignment: keyof typeof alignment
+  dateDayFormat: DateFormat
+  timeFormat: DateFormat
+  goalsFormat: DateFormat
+  dateEnabled: boolean
+  title0: string
+  titleEnabled: boolean
+  titleFormat: DateFormat
+  dateMonthFormat: DateFormat
+  datePosition: number
+  datePrimaryColor: string
+  dateStyle: keyof typeof styles
+  descriptionEnabled: boolean
+  descriptionFormat: DateFormat
+  excludePast: boolean
+  imageAlignment: keyof typeof alignment
+  imageEnabled: boolean
+  imagePosition: number
+  imageStyle: keyof typeof borderStyles,
+  imageSize: number
+  itemMargins: string
+  msj0: string
+  nameFormat: DateFormat
+  orientation: string
+  padding: string
+  photosMode: string
+  photosZip: GeneralData
+  template: string
+  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,
+}>
+
+
+type GeneralData = {
+  filename?: string
+  id?: string,
+  extension?: string,
+  _isAsset: boolean
+}
+
+type DateFormat = {
+  alignment?: { horizontal?: 'left' | 'right' | 'center' },
+  font?: GeneralData,
+  fontColor?: string,
+  fontSize?: number
+}
+
+const alignment = {
+  start: 'flex-start',
+  center: 'center',
+  end: 'flex-end'
+}
+
+
+const borderStyles = {
+  normal: '0',
+  rounded: '10',
+  circle: '100'
+}
+
+const styles = {
+  text: 'text',
+  calendarFlat: 'calendarFlat',
+  calendarText: 'calendarText',
+  circle: 'circle',
+  outlines: 'outlines'
+}