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

jsquarto

v1.0.0

Published

Generate JS package API reference documentation using Markdown and Quarto. JSquarto is designed as an alternative to JSDoc

Downloads

2

Readme

Testing Your Tool Locally

Prerequisites

Before testing the tool locally, ensure you have the following prerequisites installed on your system:

  • Quarto
  • Node.js and npm (Node Package Manager)
  • Git (optional, if cloning the repository)

Installation

To test the tool locally, follow these steps:

  1. Clone the repository:

        git clone https://github.com/Open-Science-Community-Saudi-Arabia/JSquarto
  2. Navigate to the projecte directory

  3. Install dependencies

        npm install

Running the Tool

Once the dependencies are installed, you can paste the files in the JS files or folder in the /source_files directory you can run the tool using the following command

  1. To generate the documentation run the following command

    npm run doc:generate --source=<path to source files> --tutorial=<path to tutorials>

    This will extract the JSDoc comments from the js files and write them to their corresponding Quarto Markdown files.

    If the --source and --tutorial flags are not provided, the tool will use the default source files and tutorials in the /source_files and /tutorials directories respectively.

    The generated .qmd files can be found in the /docs/chapters folder

  2. To preview the generated documentation run

    npm run doc:preview

    The docs are previewed with quarto, so make sure to have quarto already installed

  3. You can choose to generate and preview in one go, to do this run the command below

    npm run build

    This will generate the documentation, preview with quarto and open a link to preview the docs

For more information on how to integrate translation tools like Crowdin with JSquarto, refer to the Documentation.

For more details on using JSquarto and to see an example of the generated documentation, visit the JSQuarto documentation