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

md-links

v0.1.0

Published

[Markdown](https://es.wikipedia.org/wiki/Markdown) es un leguaje de marcado ligero muy popular entre developers, y es usado en un montón de plataformas que manejan texto plano en la web (GitHub, foros, blogs, ...).

Downloads

7

Readme

Markdown Links

Preámbulo

Markdown es un leguaje de marcado ligero muy popular entre developers, y es usado en un montón de plataformas que manejan texto plano en la web (GitHub, foros, blogs, ...).

Es muy común encontrar varios archivos en formato Markdown en cualquier tipo de repositorio (empezando por el tradicional README.md). Estos archivos Markdown normalmente contienen links (vínculos), y desgraciadamente a veces estos links están rotos o ya no son válidos.

Dentro de una comunidad de código abierto, nos han propuesto crear una herramienta usando Node.js para leer y analizar archivos en formato Markdown y verificar los links, así como reportar una serie de estadísticas.

md-links

Introducción

[sobre node, filesystem, parsing, markdown, open source, ...]

Objetivos

El objetivo práctico de este reto es que aprendas cómo crear tu propia librería (o biblioteca - library) en JavaScript. Como desarrolladorxs, estamos constantemente usando módulos de terceros, ya sean librerías, frameworks o la librería estándar (standard library) tanto del lenguaje en sí como el entorno/motor de ejecución (el navegador, Node.js, ...).

Diseñar tu propia librería es una experiencia fundamental para cualquier desarrollador ya que te obliga a pensar en la interfaz (API) de tus módulos, cómo serán usados por otras personas, ... y tener especial consideración en peculiaridades del lenguaje, convenciones y buenas prácticas.

Tópicos: Semver, Node.js, File System, Parsing, Markdown, CLI, HTTP, ...

Consideraciones generales

Este proyecto se debe "resolver" en parejas.

La librería debe estar implementada en JavaScript para ser ejecutada con Node.js. Está permitido usar librerías externas y te recomendamos echar un vistazo a marked.

La aplicación debe exponer un ejecutable que podamos invocar en la línea de comando, además de una API programático para poder usar el módulo como dependencia desde otros scripts.

Los tests unitarios deben cubrir un mínimo del 70% de statements, functions, lines y branches.

Para comenzar este proyecto tendrás que hacer un fork y clonar este repositorio.

Una vez creados los equipos, es hora de crear un plan de acción. Esto debería quedar detallado en el README.md de tu repo así como en una serie de issues y milestones para coordinar el trabajo y poder hacer seguimiento del progreso.

Dentro de cada milestone se crearán y asignarán los issues que cada equipo considere necesario. Como parte del proyecto, tendrás que:

  • Hacer un pre-release (una versión alpha o beta)
  • Conseguir que algunos usuarios usen la herramienta (valga la redundancia)
  • Recibir feedback (feature requests, bugs, ...) y actuar sobre ese feedback
  • Preparar un primer release estable (v1.0.0)

Parte obligatoria

Documentación

[tbd]

Archivos

  • README.md con descripción del módulo, instrucciones de instalación, uso y documentación del API.
  • index.js: Desde este archivo debes exportar una función (mdLinks).
  • package.json con nombre, versión, descripción, autores, licencia, dependencias, scripts (pretest, test, ...)
  • .editorconfig con configuración para editores de texto. Este archivo no se debe cambiar.
  • .eslintrc con configuración para linter (ver guía de estilo de JavaScript). 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 debe contener los tests unitarios para la función mdLinks(). A este archivo le puedes agregar nuevos tests, pero no debes modificar los tests que ya vienen en boilerplate (tu inplementación debe pasar estos tets).

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 markdown o directorio donde buscar archivos markdown de forma recursiva. Si la ruta pasada es relativa, debe resolverse como relativa al directorio desde donde se invoca node - current working directory).
  • options: Un objeto con las siguientes propiedades:
    • validate: ...
    • exclude: ...
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:

  • href: URL encontrada.
  • text: Texto que aparecía dentro del link (<a>).
  • file: Ruta del archivo donde se encontró el link.
  • line: Línea donde se encontró el link dentro del archivo.

Ejemplo

const mdLinks = require('md-links');

mdLinks('./some/dir')
  .then((links) => {
    // => [{ href, text, file, line }]
  })
  .catch(console.error);

mdLinks('./some/dir', { validate: true })
  .then((links) => {
    // => [{ href, text, file, line, status, ok }]
  })
  .catch(console.error);

CLI

El ejecutable de nuestra aplicación debe poder ejecutarse de la siguiente manera:

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

Por ejemplo:

$ md-links ./some/dir/
./some/dir/README.md:30 http://algo.com/2/3/ Link a algo
./some/dir/README.md:44 https://otra-cosa.net/algun-doc.html algún doc
./some/dir/CONTRIBUTING.md:12 http://google.com/ Google

El comportamiento por defecto no debe validar si las URLs responden ok o no, solo debe recorrer el sistema de archivos (a partir de la ruta que recibe como argumento), analizar los archivos Markdown e imprimir los links que vaya encontrando, junto con la ruta del archivo donde aparece, la línea y el texto que hay dentro del link (truncado a 50 caracteres).

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.

Por ejemplo:

$ md-links ./some/dir/ --validate
./some/dir/README.md:30 http://algo.com/2/3/ ok 200 Link a algo
./some/dir/README.md:44 https://otra-cosa.net/algun-doc.html fail 404 algún doc
./some/dir/CONTRIBUTING.md:12 http://google.com/ ok 301 Google

Vemos que el output en este caso incluye la palabra ok o fail después de la URL, así como el status de la respuesta recibida a la petición HTTP a dicha URL.

--stats

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

$ md-links ./some/dir/ --stats
Total: 3
Unique: 3
Domains: 3

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

$ md-links ./some/dir/ --stats --validate
Total: 3
Unique: 3
Domains: 3
Broken: 1

Hacker edition

  • Integración continua con Travis o Circle CI
  • Coverage con Coveralls
  • Más estadísticas?
  • Browser compatible (input as string)?

Entregables

Módulo instalable via npm install <github-user>/md-links. Este módulo debe incluir tanto un ejecutable como una interfaz que podamos importar con require para usarlo programáticamente.

Evaluación

Pistas / Tips

Checklist