-
Este proyecto se realizó siguiendo estas consideraciones El Proyecto , lo desarrollé dentro del tercer mes en Laboratoria - Sede Lima
-
Periodo : 18 Agosto - 22 Setiembre, 2021
En este proyecto se usó JS y Node.JS (Colors, Markdown-it, Yargs)
- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Objetivos de aprendizaje
- 4. Criterios que cumple el proyecto
- 5. Instalación y Uso
- 6. Consideraciones técnicas
Markdown es un lenguaje de marcado ligero muy popular entre developers. Es usado en muchísimas plataformas que manejan texto plano (GitHub, foros, blogs, ...), y es muy común encontrar varios archivos en ese formato en cualquier tipo de repositorio (empezando por el tradicional README.md
).
Estos archivos Markdown
normalmente contienen links (vínculos/ligas) que muchas veces están rotos o ya no son válidos y eso perjudica mucho el valor de la información que se quiere compartir.
Dentro de una comunidad de código abierto, nos han propuesto crear una
herramienta usando Node.js, que lea y analice archivos
en formato Markdown
, para verificar los links que contengan y reportar
algunas estadísticas.
Node.js es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome. Esto nos va a permitir ejecutar JavaScript en el entorno del sistema operativo, ya sea tu máquina o un servidor, lo cual nos abre las puertas para poder interactuar con el sistema en sí, archivos, redes, ...
En este proyecto nos alejamos un poco del navegador para construir un programa que se ejecute usando Node.js, donde aprenderemos sobre cómo interactuar con el sistema archivos, con el entorno (proceso, env, stdin/stdout/stderr), ...
En este proyecto se creó una herramienta de línea de comando (CLI) así como la propia librería (o biblioteca - library) en JavaScript.
Diseñar tu propia librería es una experiencia fundamental para cualquier desarrollador porque que te obliga a pensar en la interfaz (API) de tus módulos y cómo será usado por otros developers. Debes tener especial consideración en peculiaridades del lenguaje, convenciones y buenas prácticas.
- Diferenciar entre tipos de datos primitivos y no primitivos
- Arrays (arreglos)
- Objetos (key, value)
- Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
- Funciones (params, args, return)
- Recursión o recursividad
- Módulos de CommonJS
- Diferenciar entre expresiones (expressions) y sentencias (statements)
- Callbacks
- Promesas
- Pruebas unitarias (unit tests)
- Pruebas asíncronas
- Uso de mocks y espías
- Pruebas de compatibilidad en múltiples entornos de ejecución
- Uso de linter (ESLINT)
- Uso de identificadores descriptivos (Nomenclatura y Semántica)
- Instalar y usar módulos con npm
- Configuración de package.json
- Configuración de npm-scripts
- process (env, argv, stdin-stdout-stderr, exit-code)
- File system (fs, path)
- Git: Instalación y configuración
- Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
- Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)
- GitHub: Creación de cuenta y repos, configuración de llaves SSH
- GitHub: Despliegue con GitHub Pages
- GitHub: Colaboración en Github (branches | forks | pull requests | code review | tags)
- GitHub: Organización en Github (projects | issues | labels | milestones | releases)
- Consulta o petición (request) y respuesta (response).
- Codigos de status de HTTP
- Puede instalarse via
npm install --global <github-user>/md-links
- Un board con el backlog para la implementación de la librería.
- Documentación técnica de la librería.
- Guía de uso e instalación de la librería
- El módulo exporta una función con la interfaz (API) esperada.
- Implementa soporte para archivo individual
- Implementa soporte para directorios
- Implementa
options.validate
- Agregar la propiedad
line
a cada objetolink
indicando en qué línea del archivo se encontró el link.
- Expone ejecutable
md-links
en el path (configurado enpackage.json
) - Se ejecuta sin errores / output esperado
- Implementa
--validate
- Implementa
--stats
- Agregar más estadísticas.
- Integración continua con Travis o Circle CI.
- Pruebas unitarias cubren un mínimo del 70% de statements, functions, lines, y branches.
- Pasa tests (y linters) (
npm test
).
sgcm14-mdlinks es un CLI que verifica los links que contienen archivos.md, reporta estadísticas de los links y si estan rotos.
$ npm install sgcm14-mdlinks
Para acceder se debe importar con require('sgcm14-mdlinks')
.
La función mdLinks(path, options)
tiene:
path
: Ruta absoluta o relativa al archivo o directorio. Si la ruta pasada es relativa, se resuelve como relativa al directorio desde donde se invoca node - current working directory).options
: Un objeto con únicamente la siguiente propiedad:validate
: Booleano que determina si se desea validar los links encontrados.
La función retorna una promesa (Promise
) que resuelve a un arreglo (Array
) de objetos (Object
), donde cada objeto representa un link y contiene las siguientes propiedades
Con validate:false
:
href
: URL encontrada.text
: Texto que aparecía dentro del link (<a>
).file
: Ruta del archivo donde se encontró el link.
Con validate:true
:
href
: URL encontrada.text
: Texto que aparecía dentro del link (<a>
).file
: Ruta del archivo donde se encontró el link.status
: Código de respuesta HTTP.statusText
: Mensajefail
,Not Found
,Internal Server Error
,Bad Request
,Forbidden
,etc en caso de fallo uok
,No Content
,etc en caso de éxito. más códigos de error aquí httpstat.us
Diagrama de Flujo - API
const mdLinks = require("sgcm14-mdlinks");
mdLinks("./some/example.md")
.then((links) => {
// => [{ href, text, file }, ...]
})
.catch(console.error);
mdLinks("./some/example.md", { validate: true })
.then((links) => {
// => [{ href, text, file, status, statusText }, ...]
})
.catch(console.error);
mdLinks("./some/dir/")
.then((links) => {
// => [{ href, text, file }, ...]
})
.catch(console.error);
mdLinks("./some/dir/", { validate: true })
.then((links) => {
// => [{ href, text, file, status, statusText }, ...]
})
.catch(console.error);
El ejecutable de nuestra aplicación se ejecuta de la siguiente manera a través de la terminal: md-links <path-to-file> [options]
donde:
-
path-to-file
: Ruta absoluta o relativa al archivo o directorio. -
options
: pueden ser:--validate
: el módulo hace una petición HTTP para averiguar si el link funciona o no. Si el link resulta en una redirección a una URL que responde ok, entonces consideraremos el link como ok.--stats
: el output (salida) será un texto con estadísticas básicas sobre los links. (total y unique)--validate --stats
: para obtener estadísticas que necesiten de los resultados de la validación. (total, unique y broken)
Si se escribe md-links <path-to-file>
El comportamiento por defecto no valida si las URLs responden o no, solo identifican el archivo markdown (a partir de la ruta que recibe como argumento), analizan el archivo Markdown e imprimen los links que vaya encontrando, junto con la ruta del archivo donde aparece y el texto que hay dentro del link (truncado a 50 caracteres).
Diagrama de Flujo - CLI
$ md-links ./some/example.md
🅼🅳-🅻🅸🅽🅺🆂
./some/example.md http://algo.com/2/3/ Link a algo
./some/example.md https://otra-cosa.net/algun-doc.html algún doc
./some/example.md http://google.com/ Google
$ md-links ./some/example.md --validate
🅼🅳-🅻🅸🅽🅺🆂
./some/example.md http://algo.com/2/3/ OK 200 Link a algo
./some/example.md https://otra-cosa.net/algun-doc.html Not Found 404 algún doc
./some/example.md http://google.com/ Moved Permanently 301 Google
$ md-links ./some/example.md --stats
🅼🅳-🅻🅸🅽🅺🆂
Total: 3
Unique: 3
$ md-links ./some/example.md --stats --validate
🅼🅳-🅻🅸🅽🅺🆂
Total: 3
Unique: 3
Broken: 1
-
La librería y el script ejecutable (herramienta de línea de comando - CLI) estan implementados en JavaScript para ser ejecutados con Node.js. Se usó librerías externas.
-
El módulo es instalable via
npm install <github-user>/md-links
. Este módulo incluye tanto un ejecutable que podemos invocar en la línea de comando como una interfaz que podemos importar conrequire
para usarlo programáticamente. -
Los tests unitarios cubren un mínimo del 70% de statements, functions, lines y branches.
-
Para este proyecto no se usó
async/await
. -
Para este proyecto fue opcional el uso de ES Modules
(import/export)
.
Realizado por :
Sammy Gigi Cantoral Montejo (sgcm14)