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

ipp-mdlinks

v0.1.1

Published

* [1. Preámbulo](#1-preámbulo) * [2. md-Links](#2-md-Links) * [3. Instalación](#3-instalación) * [4. Opciones de uso](#4-opciones-de-uso) * [5. Consideraciones](#5-consideraciones) * [6. Plan de acción para el desarrollo](#6-plan-de-acción-para-el-de

Downloads

3

Readme

ipp-mdlinks

Índice


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).

2. ipp-mdlinks

md-Links, es una librería que te permite extraer los links de tus archivos Markdown, detectar cuáles ya no son válidos y reportar algunas estadísticas.

3. Instalación

npm install IndiraPe/DEV005-md-links

4. Opciones de uso

Se ejecuta en la terminal de la siguiente manera:

Uso 1

md-links <path-to-file-or-directory>

Los valores retornados son:

  • href: URL encontrada.
  • text: Texto que aparecía dentro del link.
  • file: Ruta del archivo donde se encontró el link.

Ejemplo: md-links-Empty

Uso 2

md-links <path-to-file-or-directory> --validate

Los valores retornados son:

  • href: URL encontrada.
  • text: Texto que aparecía dentro del link.
  • file: Ruta del archivo donde se encontró el link.
  • status: Código de respuesta HTTP.
  • statusText: Mensaje fail en caso de fallo u ok en caso de éxito.

Ejemplo: md-links-Validate

Uso 3

md-links <path-to-file-or-directory> --stats

Los valores retornados son:

  • total: Número de links encontrados.
  • unique: Número de links que no se repiten.

Ejemplo: md-links-Stats

Uso 4

md-links <path-to-file-or-directory> --stats --validate

también

md-links <path-to-file-or-directory> --validate --stats

Los valores retornados son:

  • total: Número de links encontrados.
  • unique: Número de links que no se repiten.
  • broken: Número de links que no son válidos.

Ejemplo: md-links-ValidateStats

Uso 5

md-links --help

Te retornará un pequeño cuadro donde te indica que opciones están disponibles para su uso.

Ejemplo: md-links-Help

Uso opcional

También puedes importar el módulo de la siguiente manera:

const mdLinks =  require('md-links')

mdLinks('<path-to-file-or-directory>', { validate: false })

.then(elem => {
    console.log(elem);
})
.catch(error => {
    console.error(error);
}); 

{ validate: false }: URL del link, texto y ruta del archivo .md

{ validate: true }: URL del link, texto, ruta del archivo .md, status y el texto del status('ok' o 'fail')

5. Consideraciones

  • Se usaron librerías externas como: Colors y Axios.
  • El color por defecto en la consola no es morado, es azul, si deseas el mismo visual de los ejemplos, usa el tema Dracula en tu Visual Studio Code.
  • Si tu sistema operativo es Windows, te sugiero que trabajes con la consola Windows PowerShell.

6. Plan de acción para el desarrollo

Antes de comenzar, organicé las primeras tareas en GitHub-projects, que engloba al desarrollo del diagrama de flujo, organización del boilerplate e instalación de las dependencias.

Diagrama de flujo

md-links

Teniendo el diagrama de flujo plasmado, procedí a organizarlo en pequeñas tareas, dividiendo el camino en dos Milestones: Path(para el trabajo de las rutas y extracción de links) y Option (para el trabajo de las opciones disponibles para el usuario y sus validaciones).

7. Checklist

General

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

README.md

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

API mdLinks(path, opts)

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

CLI

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

Pruebas / tests

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