google-sheets sin API, localstorage, preact, diffs de votos, link websocket a twitts de ecofeminita (filtrados con el tag #poroteo)

[xaiki]

como charlamos con nayla por mail, mando el PR, es mas una recollecion de pruebas que una voluntad de mergear.

el @rusosnith me pidio ver si podiamos precindir de la API y pegar directamente los datos GDocs/Sheets,
lo primero que hice fue integrar https://github.com/xaiki/picosheet para esto.
... y despues me cope

• guardar los datos en localstorage
• hacer un diff de lxs senadorxs y guardarlo en localstorage
• mostrar el historico de los votos
• refactore bastantes cosas para que tenga mas sentido poder usar el CSS en las distintas vistas
• entonces empece a mirar tamaño y caching para dejarlo lo mas chiquito posible:
  • movi a react-scripts porque la config de webpack que tienen es la que siempre me dio mejores rendimientos (tambien el workflow de desplegar a gh-pages es bastante mas facil)
• link websocket a una api en now.sh que manda info sobre twitts

fue mucha prueba y error, la verdad hoy no se si no estariamos mejor usando a API en now para mandar todos los datos reusando la que ya tienen. lo que si el cambio de next a react-script (y el uso de react-snap) permite:

• hospedar facilemente en github pages y surge.sh (poroteo.surge.sh, xaiki.github.io/poroteo-prod)
• dividir por 2 el peso de la pagina

abrazo.

[xaiki]

 .gitignore                                            |   1 +
 components/head.js                                    |  11 ---
 components/links.js                                   |  35 -------
 components/tarjeta.js                                 | 126 -------------------------
 next.config.js                                        |  10 --
 package.json                                          |  39 ++++++--
 pages/index.js                                        | 104 ---------------------
 public/CNAME                                          |   1 +
 {static => public}/favicon.ico                        | Bin
 public/index.html                                     |  44 +++++++++
 public/manifest.json                                  |  15 +++
 scripts/build-preact.js                               |   8 ++
 src/ago.js                                            |  32 +++++++
 src/components/cambios.js                             |  44 +++++++++
 {components => src/components}/fecha-actualizacion.js |  13 +--
 {components => src/components}/footer.js              |  16 ++--
 {components => src/components}/header.js              |  23 +++--
 src/components/links.js                               |  39 ++++++++
 src/components/senator.js                             | 117 +++++++++++++++++++++++
 src/components/tarjeta.js                             |  27 ++++++
 src/constants.js                                      |  29 ++++++
 src/global.css                                        | 112 ++++++++++++++++++++++
 {static/assets => src}/img/logos/activa.png           | Bin
 {static/assets => src}/img/logos/activa2.png          | Bin
 {static/assets => src}/img/logos/ecofeminita.png      | Bin
 {static/assets => src}/img/logos/lasdesistemas.png    | Bin
 src/index.js                                          |   9 ++
 src/pages/index.js                                    | 223 ++++++++++++++++++++++++++++++++++++++++++++
 src/picosheet.js                                      |  37 ++++++++
 src/registerServiceWorker.js                          | 117 +++++++++++++++++++++++
 src/senadores.json                                    |  74 +++++++++++++++
 static/global.css                                     |   4 -
 32 files changed, 988 insertions(+), 322 deletions(-)

[xaiki]

On Tue, Aug 7, 2018 at 12:06 PM, Nayla Portas ***@***.***> wrote: hola! por favor podés pushear esto en un branch aparte? en master necesitamos dejar la versión más simple de la web. gracias!

no se como se hace =/ creo que tienen que crear un branch uds para poder pushear ahi porque sino la UI no sabe donde basearlo