npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cris-ch-md-links

v1.0.3

Published

herramienta de línea de comando (CLI) así como tu propia librería (o biblioteca - library) en JavaScript.

Downloads

6

Readme

md-links

Markdown Links

Índice


1. Resumen del proyecto

Dentro de la comunidad, nos han propuesto crear una herramienta usando el entorno de ejecución Node.js que permita leer y analizar archivos en formato Markdown, para verificar los links que contengan y reportar algunas estadísticas. La herramienta debe permitir verificar si la ruta existe, verificar si la ruta encontrada es absoluta om relativa, en caso sea ruta relativa la debe convertir a absoluta, verificar si es un archivo .md y leer el archivo para luego extraer todos los links que encuentre para poder validarlos y reportar estadísticas. El proyecto implica la creación de una biblioteca de JavaScript personalizada.

2. Planificación

El proyecto se desarrolló en 4 sprints, y la planificación y seguimiento se realizó utilizando la herramienta trello, como se muestra a continuación:

Trello Trello

3. Diagrama de flujo

Diagra-de-flujo

4. Guía de uso e instalación de la biblioteca

Instalación

Para instalar la biblioteca, siga estos pasos:

  1. Abre la terminal de tu sistema operativo.

  2. Navegue hasta el directorio raíz de su proyecto o la ubicación donde desea instalar la biblioteca.

  3. Ejecute el siguiente comando en la terminal para instalar la biblioteca desde el registro del paquete npm:

npm i cris-ch-md-links

Una vez completada la instalación, puede importar y usar la biblioteca en su proyecto de acuerdo con las instrucciones de uso proporcionadas en la guía de uso.

Siguiendo estos pasos, habrá instalado la biblioteca en su proyecto y podrá comenzar a usarla para realizar las tareas deseadas.

Instrucciones de uso:

El ejecutable de la herramienta se utiliza de la siguiente manera a través de la terminal:

mdLinks path-to-file [options]

5. Archivos del proyecto

Boilerplate

  • README.md con descripción del módulo, instrucciones de instalación/uso, documentación del API y ejemplos.
  • index.js: En este archivo se implementa la lógica para entregarb los resultados del código de acuerdo con la solkicitud del usuario.
  • functions.js: Desde este archivo se debe exportar las funciones creadas.
  • package.json con nombre, versión, descripción, autores, licencia, dependencias, scripts (pretest, test, ...), main, bin
  • .editorconfig con configuración para editores de texto. Este archivo no se debe cambiar.
  • .eslintrc con configuración para linter. Este archivo contiene una configuración básica para ESLint, si deseas agregar reglas adicionales como Airbnb deberás modificar este archivo.
  • .gitignore para ignorar node_modules u otras carpetas que no deban incluirse en control de versiones (git).
  • test/md-links.spec.js debe contener los tests unitarios para la función mdLinks(). Su implementación debe pasar estos tests.

6. Documentación técnica de la biblioteca

Markdown es un lenguaje de marcado ligero muy popular entre los desarrolladores. Se usa mucho en varias plataformas que manejan texto sin formato (como GitHub, foros, blogs, etc.), y es muy común encontrar varios archivos en este formato en cualquier repositorio, comenzando con el tradicional README.md.

Estos archivos de Markdown normalmente contienen links que muchas veces están rotos o no son válidos y eso perfudica mucho el valor de la información que se quiere compartir.

El objetivo de esta herramienta de línea de comandos (CLI) es verificar archivos .md y verificar si contienen enlaces mientras indica si estos enlaces son válidos o no.

Este proyecto consta de DOS partes

JavaScript API

El módulo debe poder importarse en otros scripts de Node.js y debe ofrecer la siguiente interfaz:

mdLinks(path, options)

Argumentos
  • path: Ruta absoluta o relativa al archivo o directorio. Si la ruta pasada es relativa, debe resolverse 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.
Valor de retorno

La función debe retornar una promesa (Promise) que resuelva 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.

Validate-false

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.
  • ok: Mensaje fail en caso de fallo u ok en caso de éxito.

Validate-true

Options

--validate

Si pasamos la opción --validate, el módulo debe hacer 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.

Validate

--stats

Si pasamos la opción --stats el output (salida) será un texto con estadísticas básicas sobre los links.

Stats

--validate y --stats

También podemos combinar --stats y --validate para obtener estadísticas que necesiten de los resultados de la validación.

Validate-Stats

7. Trabajo en equipo

Crsilda Huayra - Front End Developer

8. Checklist

General

  • [✔] Puede instalarse via npm install --global <github-user>/md-links

README.md

  • [✔] 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

API mdLinks(path, opts)

  • [✔] El módulo exporta una función con la interfaz (API) esperada.
  • [✔] Implementa soporte para archivo individual
  • [✔] Implementa options.validate

INDEX

  • [✔] Implementa --validate
  • [✔] Implementa --stats

Pruebas / tests

  • [✔] Pruebas unitarias cubren un mínimo del 70% de statements, functions, lines, y branches.
  • [✔] Pasa tests (y linters) (npm test).