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

nodown

v0.3.17

Published

![nodown thumbnail](https://raw.githubusercontent.com/nodownjs/brand-assets/main/thumbnail/thumbnail.svg)

Downloads

107

Readme

nodown thumbnail

Nodown

npm package version npm bundle size npm dependencies count npm types github commits count github last commit

A new experimental lightweight markup language written in javascript ~

Little overview of what Nodown can do

Capture d’écran 2024-02-02 à 00 11 51

Usage

import { parser, renderToHTML } from "nodown";

// Parse the text into a tree
const tree = parser(text);
// Render the tree to HTML
const doc = renderToHTML(tree);

// Display the HTML in your document
document.getElementById("nodown-output").innerHTML = doc;

You can incorporate predefined styles located in the following directory structure:

node_modules/
  nodown/
    styles/
      index.css        // Base styles
      theme.dark.css   // Styles for dark theme
      theme.light.css  // Styles for light theme

For the theme styles to take effect, make sure to link the appropriate stylesheet based on the [data-theme="..."] attribute of your body element. You can include all styles, but only one will be applied depending on the specified theme.

Introduction

The Nodown project emerged from a desire to improve Markdown, by incorporating additional features and resolving certain perceptible limitations. One of the main motivations is to bring together the various iterations of Markdown, created to overcome its initial shortcomings, such as the native absence of features like tables.

This initiative has its origins in specific situations, such as the difficulty of adjusting the size of images in standard Markdown.

The vision of centralization stems from the realization that many services and software use modified versions of Markdown creating a proliferation of variants and confusion as to the exact definition of Markdown.

My ambition is to clarify this situation by offering a new, centralized solution geared towards listening and continuous improvement.

Objectives

  • Address perceived limitations in standard Markdown.
  • Adding new syntax features.
  • Centralize various Markdown iterations.

Key Features

  • Parser: Converts raw text into an object (syntax tree).
  • RenderTo:
    • HTML: Converts text into an HTML document.
    • Text: Converts text into an formatted Text (experimental).
    • Other renders will be available later.

All these features are currently bundled in the same package, with a possible split into multiple packages if needed.

Technology

Language:

  • NodeJS https://github.com/nodejs/node

Development Dependencies

  • Git https://github.com/git/git
  • esbuild https://github.com/evanw/esbuild
  • Sass https://github.com/sass/dart-sass

Compatibility

  • Not 100% compatible with other Markdown versions.
  • Syntax specialization (e.g., one syntax per element).

Testing and Validation

Not yet explored.

Documentation

Not yet started.

Links

Not links available yet.

Future Enhancements

  • Lots of room for improvement.
  • Addition of features.
  • Integration of new renders.
  • Introduction of additional tools.