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

@angelicab7/md-links

v1.0.0

Published

* [1. Preámbulo](#1-preámbulo) * [2. Resumen del proyecto](#2-resumen-del-proyecto) * [3. Objetivos de aprendizaje](#3-objetivos-de-aprendizaje) * [4. Consideraciones generales](#4-consideraciones-generales) * [5. Criterios de aceptación mínimos del p

Downloads

3

Readme

Markdown Links

1. Preámbulo

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.

2. Como usarlo


Instalar CLI

Uso CLI

Recibe como argumento un archivo ".md" o una carpeta que contenga un archivo ".md".

Al ejecutar el comando, te imprime un arreglo de objetos con las url, la referencia dada al enlace, el archivo donde se encontró el enlace

   {
   href: 'https://es.wikipedia.org/wiki/Markdown',
   text: 'Markdown',
   file: 'C:\\Users\\angel\\Documents\\Repositories\\bog001-md-links\\README.md'
 },

Si ejecutas el comando con --validate, verifica el status de los links

  {
   href: 'https://nodejs.org/api/fs.html#fs_fs_readfile_path_options_callback',
   text: 'Leer un archivo',
   file: 'C:\\Users\\angel\\Documents\\Repositories\\bog001-md-links\\README.md',
   status: 200,
   ok: true
 },

Si ejecutas el comando con --stats, te muestra cuantos enlaces hay en total y cuantos son únicos

 {
   href: 'https://medium.com/netscape/a-guide-to-create-a-nodejs-command-line-package-c2166ad0452e',
   text: 'Linea de comando CLI',
   file: 'C:\\Users\\angel\\Documents\\Repositories\\bog001-md-links\\README.md'
 }
] { total: 51, unique: 46 }

Si ejecutas el comando con --validate --stats, verifica el status de los links y te imprime cuantos enlaces hay en total, cuantos son únicos y cuantos están rotos

{
   href: 'https://medium.com/netscape/a-guide-to-create-a-nodejs-command-line-package-c2166ad0452e',
   text: 'Linea de comando CLI',
   file: 'C:\\Users\\angel\\Documents\\Repositories\\bog001-md-links\\README.md',
   status: 200,
   ok: true
 }
] { total: 51, unique: 46, broken: 1 }

Instalar como Modulo

Github Packages $ npm install @angelicabonilla/md-links

Uso del Modulo

Muestra un arreglo de objetos con las url y el archivo donde se encontró el enlace

mdlinks('./README.md')
  .then((res) => {
    console.log(res);
  })

Muestra un arreglo de objetos con las url, el archivo donde se encontró el link y verifica cada uno de los links, imprimiendo así el status de cada link

mdlinks('./README.md', { validate: true})
  .then((res) => {
    console.log(res);
  })

Devuelve las estadísticas de los links en el archivo, cuantos hay en total y cuantos son únicos

mdlinks('./README.md', { stats: true})
  .then((res) => {
    console.log(res);
  })

Muestra las estadísticas de los links en el archivo, cuantos hay en total, cuantos son únicos y cuales están rotos

mdlinks('./README.md', { validate: true, stats: true})
  .then((res) => {
    console.log(res);
  })

3. Objetivos de aprendizaje

JavaScript

  • [x] Uso de condicionales (if-else | switch | operador ternario)
  • [x] Uso de funciones (parámetros | argumentos | valor de retorno)
  • [x] Manipular arrays (filter | map | sort | reduce)
  • [x] Manipular objects (key | value)
  • [x] Uso ES modules (import | export)
  • [x] Diferenciar entre expression y statements.
  • [x] Diferenciar entre tipos de datos atómicos y estructurados.
  • [x] Uso de callbacks.
  • [x] Consumo de Promesas.
  • [x] Creación de Promesas.

Node

Testing

Estructura del código y guía de estilo

  • [x] Organizar y dividir el código en módulos (Modularización)
  • [x] Uso de identificadores descriptivos (Nomenclatura | Semántica)
  • [ ] Uso de linter (ESLINT)

Git y GitHub

  • [x] Uso de comandos de git (add | commit | pull | status | push)
  • [x] Manejo de repositorios de GitHub (clone | fork | gh-pages)
  • [x] Colaboración en Github (branches | pull requests | |tags)
  • [ ] Organización en Github (projects | issues | labels | milestones)

HTTP

Fundamentos de programación

  • [ ] Recursión.

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

README.md

  • [x] Un board con el backlog para la implementación de la librería.
  • [x] Documentación técnica de la librería.
  • [x] Guía de uso e instalación de la librería

API mdLinks(path, opts)

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

CLI

  • [x] Expone ejecutable md-links en el path (configurado en package.json)
  • [x] Se ejecuta sin errores / output esperado
  • [x] Implementa --validate
  • [x] Implementa --stats

Pruebas / tests

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