Using web tools component

[fdodino]

Hay que releasear wollok-web-tools, pero algunas cosas que metí en este PR

• subo la versión de Node a lts/iron, la 20 LTS (raro que compilamos con la 18 y les pedimos a la gente que instalen la 20)
• subí la versión del eslint a la 8, que trae un cambio en el formato (quotes, semicolon => lo mandaron a otro plugin styllistic)
• en el npm install copio las referencias para game y dynamic diagram, los nombres los estandaricé a game-index y diagram-index, se copian a public para poder ser usados
• en el build no hay que hacer nada, ya están los archivos en /public y se copian a /dist/public
• como en wollok-web-tools metí un entry point que sea index.ts (los otros tienen un nombre distinto), eso me permite poner las dependencias de módulos para poder ser importado directamente:

import { VALID_IMAGE_EXTENSIONS, VALID_SOUND_EXTENSIONS } from 'wollok-web-tools'
import { getDataDiagram } from 'wollok-web-tools'

no hay que hacer import { getDataDiagram } from 'wollok-web-tools/dist/dynamicDiagram/diagram-generator'

• generé un util para evitar el problema que se generaba si pedía el diagrama dinámico desde wollok-web-tools, donde por algún motivo que no pude entender en wollok-ts el intérprete le pregunta a las referencias de la consola si son Variable y dice que no. Eso causa que las referencias del REPL no aparezcan (solo aparecen los objetos):

En el util llamo desde ts-cli directamente a wollok-ts y obtengo los objetos para después llamar a wollok-web-tools con esos objetos.

• Los tests pasaron por arte de magia con solo cambiar un par de imports
• El archivo diagram-index.js asume que existe cytoscape importado dentro del html, se copia en el npm install y listo
• También renombré las dependencias a p5 y p5sound como minificadas, pensé en un momento que faltaba hacer eso pero solamente tenían el nombre normal.
• Eliminamos el archivo diagram-generator.ts que adapta la información como viene de wollok-ts a lo que cytoscape necesita. También se elimina el archivo diagram.js que se renombra a diagram-index.js. Ambos archivos ahora están bajo la órbita de wollok-web-tools para poder reutilizarse en el sitio web.

[PalumboN]

Tale tale tale 🪵 🪓

[PalumboN]

Actualizar después de releasear tools