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

match-js

v1.5.5

Published

Patten matching via extractor objects in JavaScript

Downloads

33

Readme

Build Status Dependency Status devDependency Status npm monthly downloads current version semantic-release Commitizen friendly npm

match-js

Patten matching via extractor objects in JavaScript.

This library is currently developed in ES6 and then transforms to ES5 using Babel. The library is tested against examples written in ES6 ES5 and CoffeeScript.

Documents & Notes

TODO: documents will be in the docs folder.

Plan

  • To simplify the syntax/APIs, in ES6, ES5, CoffeeScript, and some other JavaScript derived languages. If you would like to use match-js in you favourite language, please open an issue.
  • To support more types of patterns and usage cases. To request a feature, open an issue and give a snippet of the code in your mind. As library designers, we'd like to see how you wanted to write code. The code snippet does not have to be executable (for now).
  • To refactor some small to medium sized libraries/applications using match-js, see if this library may contribute to better code. If you have an candidate library/application in mind, please give it a go, and create a pull request to add your examples in the Standalone Examples Section.

Examples

Basic Usage

Initial Project

$ npm init
$ npm install --save match-js

ES6 Example

import { match } from 'match-js';

const m = match(1)(
  ['1', "String ONE"],
  [1, "Integer ONE"]
)
console.log(m); // Integer ONE

Using Extractor Objects

Ported from the Scala Example

class Twice {
  constructor(x) {
    this.value = x*2;
    this.funny_prop = 'funny';
  }
  unapply(x) {
    if (x instanceof Twice && x.value%2 ==0) {
      return x.value / 2
    }

    if( x%2 ==0 ) {
      return x/2;
    }else{
      return undefined;
    }
  }
}

const twice5 = new Twice(5);
const m = match(twice5)(
  [1, 'ONE'],
  [new Twice(6), 'Twice(6)'],
  [Twice, (x) => x]
)
console.log(m); // 5

More Examples

See *.spec.es6.js files in the test folder.

The match-js library can be used in ES5 code, but ES5 test examples in this repository are likely to be refactored at some point.

Please

  • Create a pull request if you can contribute a test example.
  • Open an issue if you want to request a feature that can improve your code.

Standalone Examples

TODO: List of Standalone Examples

Related Work

The idea of extractor objects is borrowed from the Scala extractor objects. More details on the Scala feature can be found in the language documentation and companion paper.

The implementation is influenced by Todd Motto's blog: Replacing switch statements with Object literals.

Nathan Faubion's Matches.js library defines patterns in string literature and is shipped with an ad-hoc parser. This library takes a different approach. It defines a syntactically similar pattern using higher-order functions. We made the decision for the following consideration:

  • We are unsure what is the most convenient syntax rule to define a variety of patterns in JavaScript, a language that evolves rapidly. Therefore, we are likely not able to give a precise language specification that defines a pattern.
  • Many front-end developers uses new JS features (i.e. ES6 or ES7) or other JS-compatible languages (i.e. CoffeeScript and TypeScript), which have a different taste of syntax.

Collaboration Guidelines

Comments, questions and case studies are welcome. Feel free to create issues and pull requests.

The library is started based on Krasimir Tsonev's Webpack library starter, which provides the following features.

Process

ES6 source files
       |
       |
    webpack
       |
       +--- babel, eslint
       |
  ready to use
     library
  in umd format

Getting started

  1. Setting up the name of your library
  • Open webpack.config.js file and change the value of libraryName variable.
  • Open package.json file and change the value of main property so it matches the name of your library.
  1. Build your library
  • Run npm install to get the project's dependencies
  • Run npm run build to produce minified version of your library.
  1. Development mode
  • Having all the dependencies installed run npm run dev. This command will generate an non-minified version of your library and will run a watcher so you get the compilation on file change.
  1. Running the tests
  • Run npm run test

Scripts

  • npm run build - produces production version of your library under the lib folder
  • npm run dev - produces development version of your library and runs a watcher
  • npm run test:es5 - runs the tests written in ES5 (*.spec.est5:js)
  • npm run test:es6 - runs the tests written in ES6 (*.spec.es6.js)
  • npm run test:coffee - runs the tests written in CoffeeScript (*.spec.coffee)

Release with semantic-release

  • Run ./node_modules/.bin/semantic-release-cli setup if haven't done in your working machine before.
  • Run npm run commit to write a Commitizen friendly commit message.
  • Release is triggered when run git push to master with any of the following commit messages.

Patch Release

fix(pencil): stop graphite breaking when too much pressure applied

~~Minor~~ Feature Release

feat(pencil): add 'graphiteWidth' option

~~Major~~ Breaking Release

perf(pencil): remove graphiteWidth option

BREAKING CHANGE: The graphiteWidth option has been removed. The default graphite width of 10mm is always used for performance reason.