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

mdlinks-b

v0.1.0

Published

tool read and analyze files in Markdown format, to verify the links they contain and report some statistics

Downloads

2

Readme

Markdown Links

Índice


1. Preámbulo

Markdown es un lenguaje de marcado ligero usado en plataformas que manejan texto plano (GitHub, foros, blogs, ...) .

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.

2. Resumen del proyecto

Se creo una herramienta usando Node.js, que lea y analice archivos en formato Markdown, para verificar los links que contengan y reportar algunas estadísticas como total de links, links únicos y links rotos. Por ejemplo para detectar los links rotos en los readmes de los proyectos o en un área de facturación verificar los links rotos de una factura digital.

3. Justificación

La implementación de este proyecto tiene varias partes: leer del sistema de archivos, recibir argumentos a través de la línea de comando, analizar texto, hacer consultas HTTP, ... y todas estas cosas pueden enfocarse de muchas formas, tanto usando librerías como implementando en VanillaJS.

4. Consideraciones generales

  • La librería y el script ejecutable (herramienta de línea de comando - CLI) está implementado en JavaScript para ser ejecutados con Node.js.

  • El módulo debe ser instalable via npm install <github-user>/md-links. Este módulo debe incluir tanto un ejecutable que podamos invocar en la línea de comando como una interfaz que podamos importar con require para usarlo programáticamente.

  • Para personalizar el estilo de la aplicación en la terminal se uso la libreria chalk.

  • Se uso Jest y nodejs native Test runner para los tests unitarios de statements, functions, lines y branches.

  • Para este proyecto no se utilizó async/await.

  • Para este proyecto no se usó la versión síncrona de la función para leer archivos, readFileSync.

  • Uso de ES Modules (import/export), en lugar de commonJS (require/module.exports).

  • Para el parseado (análisis) del markdown para extraer los links se utilizo expresiones regulares(RegExp).

  • StandardJS para evitar que tu código JavaScript contenta errores con npm install standard -D adicional eslintConfig en package.json

5. Criterios de aceptación mínimos del proyecto

Archivos del proyecto

  • README.md con descripción del módulo, instrucciones de instalación/uso, documentación del API y ejemplos.
  • mdlinks.js: Desde este archivo se exportan funciones a index.js
  • index.js: Desde este archivo se exporta una función (mdLinks).
  • 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.
  • .gitignore para ignorar node_modules u otras carpetas que no deban incluirse en control de versiones (git).
  • test/md-links.spec.js y `test/index.spec.js que contienen los tests unitarios.

6. Funcionamiento

Diagrama de flujo

diagrama

CLI (Command Line Interface - Interfaz de Línea de Comando)

Se ejecuta de la siguiente manera a través de la terminal:

md-links <path-to-file> [options]

./some/example.md
$ md-links ./some/example.md 
Href: URL encontrada.
Text: Texto que aparecía dentro del link (`<a>`).
File: Ruta del archivo donde se encontró el link.
./some/example.md --validate
$ md-links ./some/example.md --validate
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.
Msg: Mensaje `fail` en caso de fallo u `ok` en caso de éxito.
./some/example.md --stats

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

$ md-links ./some/example.md --stats
Total: 3
Unique: 3
./some/example.md --stats --validate

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

$ md-links ./some/example.md --stats --validate
Total: 3
Unique: 3
Broken: 1
--help

Información de los comandos a utilizar.

$ md-links --help
<path>                    		All links .md
<path> --validate        		Links with status and msg
<path> --stats            		Stats: Total and Unique links
<path> --stats --validate 	Stats: Total, Unique and Broken links