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

pluma

v1.0.1

Published

Static API generator

Downloads

5

Readme

npm (scoped) JavaScript Style Guide

Pluma is a lightweight Node.js application that creates a basic JSON API from a tree of directories and files. Think of a static site generator, like Jekyll or Hugo, but for APIs.

It takes your existing data files, which you may already be using to feed a static site generator or similar, and creates an API layer with whatever structure you want, leaving the original files untouched. Pluma helps you deliver your data to client-side applications or third-party syndication services.

Couple it with services like GitHub Pages or Netlify and you can serve your API right from the repository too. :boom:



Usage

Imagine the following repository holding reviews for whisky brands, organised by country of origin. Each review will be in a YAML file within the directory of the brand.

data/
|__ american/
|   |_ anchor-distilling/
|   |  |_ review1.yml
|   |  |_ review2.yml
|   |_ bakers/
|   |  |_ review3.yml
|   |_ bernheim/
|   |  |_ review4.yml
|__ japanese/
|   |_ chichibu/
|   |  |_ review7.yml
|   |_ hanyu/
|   |_ nikka/
|   |  |_ review8.yml
|__ scotch/
|   |_ aberlour/
|   |  |_ review9.yml
|   |_ glendronach/
|   |  |_ review10.yml
|   |  |_ review11.yml
|   |_ macallan/
  1. Initialise Pluma and specifiy the API blueprint, so it can make sense of the data, as well as the base directory where the files will be created.

    const api = new Pluma({
      blueprint: 'data/:country/:brand/:review',
      targetDirectory: 'output'
    })
  2. Add an endpoint (or as many as you'd like). The following creates an endpoint that lists all the whisky brands for each country.

    api.addEndpoint({
      forEach: 'country'
    })

    This will generate 3 files: output/american.json, output/japanese.json and output/scotch.json.

    {
      "brands": [
        {
          "brand_id": "anchor-distilling"
        },
        {
          "brand_id": "bakers"
        },
        {
          "brand_id": "bernheim"
        }
      ]
    }
  3. Configure each endpoint to contain the exact amount of information you want. We can tweak the previous endpoint to also include the list of reviews for each brand, by changing the depth property, which configures the amount of nested data levels that the endpoint will pick up.

    api.addEndpoint({
      forEach: 'country',
      depth: 2
    })
    {
      "brands": [
        {
          "brand_id": "anchor-distilling",
          "reviews": [
            {
              "review_id": "04440f660f472e81eda881cbd8ee6ab0",
              "name": "John Appleseed",
              "message": "I've got 99 whiskies but this is the one!"
            },
            {
              "review_id": "05cc65f24af5ec420da8950d539a926d",
              "name": "Jane Doe",
              "message": "Hmm, not my cup of tea."
            }
          ]
        },
        {
          "brand_id": "bakers",
          "reviews": null
        },
        {
          "brand_id": "bernheim",
          "reviews": [
            {
              "review_id": "96a9b996439528ecb9050774c3e79ff2",
              "name": "Justin Case",
              "message": "First two glasses tasted great, can't really remember the rest!"
            }
          ]
        } 
      ]
    }

Installation

  • Install via npm

    npm install pluma --save
  • Require the module and create an API

    const pluma = require('pluma')
    const api = new Pluma(constructorOptions)

API

Constructor

const pluma = require('pluma')
const api = new Pluma({
  blueprint: String,
  targetDirectory: String
})

The constructor method takes an object with the following properties.


  • blueprint

    Required. A path describing the hierarchy and nomenclature of your data. It should start with a static path to the directory where all the files are located, followed by the name of each data level (starting with a colon).

    For the pluralise option to work well, the names of the data levels should be singular (e.g. country instead of countries)

    Example:

    'data/:country/:brand/:review'


  • targetDirectory

    Required. The path to the directory where endpoint files should be created.

    Example:

    'output'


Method: addEndpoint

api.addEndpoint({
  addIdToFiles: Boolean,
  customFields: Object,
  depth: Number,
  forEach: String
})

The addEndpoint method creates an endpoint for a data level. It takes an object with the following properties.


  • addIdToFiles

    Whether to add an id field to uniquely identify each data file. IDs are generated by computing an MD5 hash of the full path of the file.

    Default:

    false

    Example result:

    "review_id": "96a9b996439528ecb9050774c3e79ff2"


  • customFields

    An object containing a list of custom fields to be appended to each data level. If a field is defined as a function, it acts as a callback receiving the name of the node at the given level and its entire sub-tree. Otherwise, its value is used directly as the value of the custom field.

    Default:

    {}

    Example:

    {
      country: {
        // Adds a static property called `apiVersion`
        apiVersion: 2,
    
        // Adds a field called `brandCount`, counting the number of
        // child nodes.
        brandCount: (node, tree) => Object.keys(tree).length
      }
    }
    {
      "apiVersion": 2,
      "brands": [
        {
          "brand_id": "anchor-distilling"
        },
        {
          "brand_id": "bakers"
        },
        {
          "brand_id": "bernheim"
        } 
      ],
      "brandCount": 3
    }      

  • depth

    The number of nested data levels that should be included in the endpoint.

    Default:

    1

    Example:

    2

      {
        "brands": [
          {
            "brand_id": "anchor-distilling",
            "reviews": [
              {
                "review_id": "04440f660f472e81eda881cbd8ee6ab0",
                "name": "John Appleseed",
                "message": "I've got 99 whiskies but this is the one!"
              },
              {
                "review_id": "05cc65f24af5ec420da8950d539a926d",
                "name": "Jane Doe",
                "message": "Hmm, not my cup of tea."
              }
            ]
          },
          {
            "brand_id": "bakers",
            "reviews": null
          },
          {
            "brand_id": "bernheim",
            "reviews": [
              {
                "review_id": "96a9b996439528ecb9050774c3e79ff2",
                "name": "Justin Case",
                "message": "First two glasses tasted great, can't really remember the rest!"
              }
            ]
          } 
        ]
      }

  • forEach

    Required. The name of the data level to be used as the source for the endpoint. Effectively, an endpoint will be created for each directory or file found at the given data level.

    Example:

    brand


  • pluralise

    The name of each data level (e.g. "brand") is used in the singular form when identifying a single entity (e.g. {"brand_id": "12345"}) and in the plural form when identifying a list of entities (e.g. {"brands": [...]}). That behaviour can be disabled by setting this property to false.

    Default:

    true


Q&A

  • Why did you build this?

    GitHub has been the centrepiece of my daily workflow as a developer for many years. I love the idea of using a repository not only for version control, but also as the single source of truth for a data set. As a result, I created several projects that explore the usage of GitHub repositories as data stores, and I've used that approach in several professional and personal projects, including my own site/blog.

  • Couldn't Jekyll, Hugo or XYZ do the same thing?

    Possibly. Most static site generators are capable of generating JSON, but usually using awkward/brittle methods. Most of those applications were built to generate HTML pages and that's where they excel on. I tried to create a minimalistic and easy-as-it-gets way of generating something very specific: a bunch of JSON files that, when bundled together, form a very basic API layer.

  • Where can I host this?

    GitHub Pages is a very appealing option, since you could serve the API right from the repository. It has CORS enabled, so you could easily consume it from a client-side application using React, Angular, Vue or whatever you prefer. You could even use a CI service like Travis to listen for commits on a given branch (say master) and automatically run Pluma and push the generated output to a gh-pages branch, making the process of generating the API when data changes fully automated.

    Netlify is also very cool and definitely worth trying.

  • Would it be possible to add feature X, Y or Z?

    Probably. File an issue or, even better, a pull request and I'm happy to help. Bare in mind that this is a side project (one of too many) which I'm able to dedicate a very limited amount of time to, so please be patient and try to understand if I tell you I don't have the capacity to build what you're looking for.

  • What does pluma mean?

    It means feather in Portuguese. 🇵🇹

  • **Why *

  • Who designed the logo?

    The logo was created by Sara Giacomini from The Noun Project and it's licensed under a Creative Commons Attribution license.