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

@browndragon/switch-type

v0.0.13

Published

An improved `typeof` handler.

Downloads

5

Readme

@browndragon/switch-type

Install & use with $ npm i @browndragon/switch-type and then

import switchType from '@browndragon/switch-type';
switchType(
    undefined, 
    {default(x, ...params) {console.log(`Default ${x} & params ${params}!`);}},
    'someParam1', 'someParam2'
);
// Prints 'Default undefined & params someParam1,someParam2!'

Why switchType?

I got very fed up with the mess that is javascript type introspection, so I wrote my own.

switchType(unknownObject, handler) will do type analysis on the unknown object and then invoke the correctly named method on handler with the object.

The methods it will call are (roughly in order, omit irrelevants):

  • undefined (will also try null)
  • null (will also try undefined)
  • boolean (a value)
  • bigint (a value)
  • number (a value)
  • string (a value and an iterable)
  • function (a value)

Then we start considering (non-null) objects;

  • array (an iterable): Anything that is Array.isArray.
  • map (an associative and an iterable) -- uses instanceof Map (as do the other specialized types).
  • set (an iterable)
  • iterable: Anything with a Symbol.iterator on it (including collections & arrays & strings).
  • regExp: An instanceof RegExp.
  • literal: an object whose prototype is literally Object (as created by Object.create and the {} syntax). Also associative.
  • associative: An object which @browndragon/obj can get/set fields on. A Map or an object literal.

Finally, objects will try to call:

  • object: Any non-null js typeof(x)=='object'.

Finally-finally, anything will try to call:

  • default: Anything that wasn't otherwise matched.

switchType returns the result of the called method or else undefined.

What about other "root types"?

To make this work, I've invented several new root types which "feel like" javascript basic types. To me.

  • The values are mostly unobjectionable.
  • Everyone agrees the undefined/null/class Object situation is messy; this is just a semi-opinionated, semi-flexible way to cut through that. I don't consider undefined or null to be values in this library.
  • Object is the root of the object hierarchy, but is also used directly as a container.
    • As a container type, it's called a literal.
    • As the root of the object hierarchy, it's customized into a few builtin es6 types (Map, Set, Array, RegExp). You can add more with withHandler (which returns a new instance with the additional handlers) or addHandler (which modifies the handler in-place, possibly including the globally imported one!).