Es un estructura completa para crear librerias de Javascript utilizando todos los "poderes" que provee Typescript, en esta ocasión para la demostración se utilizó la plantilla predefinida (boilerplate) para crear una libreria muy básica para mostrar mensajes en consola y/o construirlos en el DOM.
La idea es que puedas usarlo y sacarle provecho, y si lo ves necesario en algún contexto donde se requiera... ¡Pon lo en acción!
Tener en cuenta: Puede ser instalado (opcional) como modulo NPM o importar tu script generado en tu index.html ya sea nativo o en los diferentes frameworks de Javascript (Angular, React, Vue, etc)
<script src="https://boilerplate-js-web-library.vercel.app/sample.min.js"></script>Pues simple, lo primero que debes tener instalado es obviamente Node.js, luego ejecutar npm install y luego npm run dev
Lo que acabas de hacer a continuación es construir la libreria en tu maquina local y ejecutar un servidor muy rápidamente (Puerto: 3001) para visualizar en funcionamiento todo lo mencionado anteriormente.
En este punto deberias ver lo siguiente:
Ruta:
$ boilerplate-js-web-library\src\lib\**\**.ts
Cada cambio que realices en tus archivos/lógica escrita en Typescript será exportado en la carpeta "library" automaticamente.
$ boilerplate-js-web-library\library
Código escrito:
Código transpilado:
Resultado del ejemplo:
https://boilerplate-js-web-library.vercel.app
Creación de boton OAuth 2.0 para compartir con tu cliente (tercero)
Creación de SDK Web para que tus clientes lo implementen en sus aplicaciones/sitios web
Entre otros, a su criterio...
NOTA: Tenga en cuenta que se omitió la parte de test unitarios puesto que es libre de utilizar la libreria de su preferencia.