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

meouzers-playground

v2.0.0

Published

Meouzer's Playground for ReadMe.md Display

Downloads

1

Readme

Meouzer's Playground

Used to test ReadMe.md files, e.g., for overflow problems.

Now testing ReadMe.md file for type-quickly 3.0.0

type-quickly 3.0.0

NPM's fastest, most comprehensive, and most correct typing package for node and the browser

If you want only the quick rundown, read the Comprehensive/Usage/Properties-of-is sections. If you are coding in a node environment only and just want type checkers for the built-in ES6 classes, use of Node's util.types.isKlass(x) functions is the best option. Our type checkers also work in the browser.

Competitors' typing relies heavily on use of Object.prototype.toString(), constructor names, and possibly instanceof with results that simply do not work unless your world is narrowed down to objects of the form new Klass(...). Anyway, speaking truth to power, the design of Object.prototype.toString() is a complete mess and so should be avoided. A constructor only approach will not work. Untill now, no one has made a constructor/prototype approach work: see apppendix Constructor/Prototype Apporach to Typing. But still, a constructor/prototype approach is slow.

By using prototyping techniques to avoid the previously discussed problematics, the author came up with a type(x) function that correctly types everything. Don't need everything typed? Well, prototyping techniques are still lightning fast, the fastest possible.

This package provides is.Klass(x) type checkers where Klass is a JavaScript class or programmer defined class. This package also provides is.node_path_Klass(x) type checkers where Klass is a Node class whose relative path is path.

Extremely Fast and Correct

The speed of type(x) blows away the competition. Plus it and its compatriots are 100% correct as proven by hundreds of individual tests: see the Tests folders. A number of typing packages are compared against type-quickly in following tables. There are other packages, but the best were chosen.

Delete the tests folder if you wish, which will bring down the total number of files to three: package.json; type-quickly.js; and ReadMe.md.

| typing package | numbertimesfastertype-quicklyis | typesES6built-inclasses? | typessecondaryobjects? | types3programmerclassinstances? | |-----------------------------------------------|-------------------------------------------------|--------------------------------------|--------------------------------|--------------------------------------------------------| | type-quickly |   | ✅ | ✅ | ✅ | | kind-of | 134 | ❌1 | ❌ | ❌ | | type-detect | 8.7 | ❌1 | ❌ | ❌ | | types.js | 88 | ❌2 | ❌ | ❌ | | data-type | 2.8 | ❌2 | ❌ | ❌ | | whats-the-type | 15.7 | ✅ | ❌ | ✅ | | which-builtin-type | 834 | ✅ | ✅ | ✅ | | just-typeof | 2.6 | ❌1 | ❌ | ❌ | | type-name | 4.0 | ✅ | ❌ | ✅ | | easytype | 1.9 | ❌1 | ❌ | ❌ |

✅ = yes. ❌ = no. (1) variant error classes incorrectly typed (2) out of date errors (3) example of programmer class instance: const x = new Foo() where Foo is a programmer defined class.

Speed comparisons are based on testing each package's typing function on x = new Boolean(true). Whenever, a competitor slows down on another class due to more complicated logic, type-quickly will be even faster in comparison because type-quickly does not slow down. Secondary objects, which are objects created with Object.create(), are so basic that they should be typed correctly.

Examples of mistakes that all competitors make is to type Boolean.prototype or secondary objects such as Object.create(new Boolean(true)) to "Boolean". If you think that doesn't matter, think again: node's is-type checkers work correctly on the class prototype and all objects deriving from it.

Comprehensive

The type-quickly/type-robustly packages are the most comprehensive typing packages on NPM because they alone type everything in ES6 (and more) correctly, including the following sometimes overlapping categories.

  1. All ES6 = ECMA-2015 classes
  2. Node-Classes: 100+ classes such as node_buffer_Buffer, node_buffer_Blob, node_stream.Readable, node_http.Server; etc.
  3. JavaScript Classes beyond ES6: Blob, Headers, ReadableStream, etc.
  4. Secondary-objects, which are objects created with Object.create()
  5. Class prototypes
  6. Null-objects, which are objects not deriving from Object.prototype
  7. Programmer defined classes
  8. Edge-cases1 of programmer defined classes
  9. Edge-cases of built-in ES6 classes (type-robustly only)
  10. Windows and DOM objects

(1) See The Edge Case Appendix.

| type package | typessecondaryobjects? | typesclassprototypes? | types3programmerdefinedclasses? | typesDOMobjects? | |-----------------------------------------------|---------------------------------|--------------------------------|--------------------------------------------------------|--------------------------| | type-quickly | ✅ | ✅ | ✅ | ✅ | | kind-of | ❌ | ❌ | ❌ | ❌ | | type-detect | ❌ | ❌ | ❌ | ❌ | | types.js | ❌ | ✅1 | ❌ | ❌ | | data-type | ❌ | ❌ | ❌ | ❌ | | whats-the-type | ❌ | ❌ | ❌ | ❌ | | which-builtin-type | ❌ | ❌2 | ❌ | ❌ | | just-typeof | ❌ | ❌ | ❌ | ✅ | | type-name | ❌ | ❌ | ❌ | ✅ | | easytype | ❌ | ❌ | ❌ | ✅ |

✅ = yes. ❌ = no. (1) just one mistake (2) sometimes correct, sometimes not (3) programmer classes: class prototype and all objects derived from it must be typed correctly

Usage

Import for Node

const {type, is} = require('type-quickly')
-------------------------------------------------------------------------

Import for Browser

<script src="node_modules/type-quickly/type-quickly.js"  
    type="text/javascript"></script>
    
or copy type-quickly.js anywhere and link to it    
-------------------------------------------------------------------------
ES6 classes:

Boolean; Number; String; Date; RegExp; Array; Int8Array; Uint8Array;
Uint8ClampedArray; Int16Array; Uint16Array; Int32Array; Uint32Array;
Float32Array; Float64Array; BigInt64Array; BigUint64Array; Error;
URIError; EvalError; RangeError; ReferenceError; SyntaxError; TypeError;
WeakSet; Set; WeakMap; Map; ArrayBuffer; DataView; Promise;

// Map objects (Map.prototype or objects deriving from it)

const x = new Map();             
const prototype = Map.prototype;  
const secDegObj = Object.create(x);

// They are correctly typed
type(x)           is  "Map"
type(prototype)   is  "Object"
type(secDegObj)   is  "Object"

is.Map(x)         is  true
is.Map(prototype) is  false
is.Map(secDegObj) is  false

-------------------------------------------------------------------------
JavaScript classes beyond ES6 for node and the browser: some were 
originally defined in node, in which case they are now global in node.  

AggregateError; AbortController; AbortSignal; Blob; 
ByteLengthQueuingStrategy; BroadcastChannel; CompressionStream; 
CountQueuingStrategy; CryptoKey; DecompressionStream; Event; EventTarget; 
FormData; Headers; MessageChannel; MessageEvent; MessagePort; 
PerformanceEntry; PerformanceMeasure; PerformanceObserver; 
PerformanceObserverEntryList; PerformanceResourceTiming; 
ReadableByteStreamController; ReadableStream; ReadableStreamBYOBReader; 
ReadableStreamDefaultController; ReadableStreamDefaultReader; 
SharedArrayBuffer; TextDecoderStream; TextEncoder; TextEncoderStream; 
TransformStream; TransformStreamDefaultController; URL; URLSearchParams; 
WritableStream; WeakRef; WritableStreamDefaultController; 
WritableStreamDefaultWriter;

const x = new Blob();

type(x)                 is "Blob" in node and browser
is.Blob(x)              is true   in node and browser
is.node_buffer_Blob(x)  is true in node environment since
                        Blob is defined at node.buffer.
                        
-------------------------------------------------------------------------

Node Environment only. Node classes that are not JavaScript globals.

const fs = require('fs');
const x = new fs.WriteStream("dummy.txt");

type(x)                     is "node_fs_WriteStream"
is.node_fs_WriteStream(x)   is true

The is.node_fs_WriteStream() function is not available for the browser.

Typing Programmer Defined Classes

Programmer defined classes are correctly typed out of the box, assuming the programmer always insures the constructor is correct, i.e., Klass.prototype.constructor must be Klass.

However, if you want to make such typing lightning fast, then there are two typing protocols. Both work even if the constructor is not properly set.

Protocol-1 is preferable since it at no cost handles edge cases of the class in the type() and dtype() functions.

Protocol-1 for Typing Programmer Defined Classes

For a programmer defined class Klass, simply write (1) type.asInstance(this, "Klass") inside the constructor and (2) type.asClass(Klass) outside the constructor. Edge cases are most excellently handled.

function Klass()
{    
    // (1) Make sure type() works correctly on Klass objects
    type.asInstance(this, "Klass");
}

// If you redefine Klass.prototype, make sure (2)
// succeeds not preceeds it. 

Klass.prototype = ...
    
// (2) Provide an is.Klass() function and make
// sure dtype() handles Klass edge cases. 

type.asClass(Klass)

// Klass objects 
// (Klass.prototpe and objects derived from it)

const x = new Klass()                 
const prototype = Klass.prototype     
const edgeCase = Object.create(Klass.prototype)
const secDegObj = Object.create(x);

// They are typed correctly.
type(x)            is "Klass"
type(prototype)    is "Object"
type(edgeCase)     is "Object"
type(secDegObj)    is "Object"

is.Klass(x)         is  true
is.Klass(prototype) is  false
is.Klass(edgeCase)  is  false
is.Klass(secDegObj) is  false  

Protocol-2 for Typing Programmer Defined Classes

Protocol-2 is deprecated unless protocol-1 is unfeasible for some odd reason, e.g., there is no access to the inside of the constructor.

To type a programmer defined class Klass, write type.thisClass(Klass) outside the constructor. Edge cases will be incorrectly typed to "Klass". Edge cases will also be incorrectly handled dtype().

function Klass()
{    
}

// Make sure Klass objects, except for the edge case 
// are type correctly. Again must be written after
// any redefinition Klass.prototype. 

type.thisClass(Klass)

// Klass objects 
const x = new Klass()                 
const prototype = Klass.prototype     
const edgeCase = Object.create(Klass.prototype)
const secDegObj = Object.create(x);

type(x)             is "Klass"
type(prototype)     is "Object"
type(edgeCase)      is "Klass" (incorrect)
type(secDegObj)     is "Object"

is.Klass(x)           is true
is.Klass(prototype)   is false
is.Klass(edgeCase)    is true (incorrect)
is.Klass(secDegObj)   is false

Exports

| Export | Description | |------------|----------------------------------------------------------------------------------------------| | type(x) | Robust and very fast typing function. | | is | Object whose function properties test for the various data types, amongst other capabilities | | dtype(x) | See dtype(x) appendix. Programmer classes assume constructor-protocol. |

Properties of the is Object

| test | description | |--------------------------------|-------------------------------------------------------------------------------------------| | non typing || | is.configurable(x,prop) | is the property prop of x configurable? returns true if property not existent on x. | | is.writable(x,prop) | is the property prop of x writable? returns true if property not existent on x. | | is.enumerable(x,prop) | is the property prop of x enumerable? returns false if property not existent on x. | | is.ownProperty(x,p) | is p a property directly defined on x? | | is.nodeEnvironment() | is running in Node.js as opposed to Browser? | | is.browserEnvironment() | is running in Browser as opposed to Node.js? | | is.nativeCode(func) | is func a built-in JavaScript function or method?(built-ins have native code) | | typing || | is.hostObject(x) | is x a window, document, or DOM object? | | is.domObject(x) | is x a document or DOM object? | | is.nullObject(x) | is x a null-object? | | is.arguments(x) | is x a function's arguments list? | | is.classPrototype(x) | is x a class prototype? | | is.Object(x) | is x an object? | | is.primitive(x) | is x a primitive? | | is.errorVariant(x) | is x a class instance of Error or other variant Error class? | | is.typedArray(x) | is x a class instance of a typed array class? | | is.boolean(x) | is x a boolean? | | is.number(x) | is x a number? | | is.string(x) | is x a string? | | is.bigint(x) | is x a bigint? | | is.symbol(x) | is x a symbol? | | is.Function(x) | is x a function? | | is.mapIterator(x) | is x a Map iterator? | | is.setIterator(x) | is x a Set iterator? | | is.generatorFunction(x) | is x a generator function? | | is.generatorObject(x) | is x a generator object? | | is.asyncFunction(x) | is x an async function? | | is.arrayBufferView(x) | ??????? | | is.Klass (x) | is x a class instance of Klass? Klass may be a built-in or programmer defined class. | | is.node_abc_..._Klass(x) | is x a class instance of the node class whose complete path is node_abc_..._Klass? |

Note the difference between is.boolean(x) and is.Boolean(x), which check for the primitive boolean and class instance of Boolean respectively.

Concerning is.ownProperty(x,p), this function works correctly even if x is a null-object. x.hasownProperty(p) fails if x is a null-object because hasOwnProperty is defined on Object.prototype from which x does not inherit.

Appendices

The definitive typing Function dtype(x)

This typing function gives the most detail possible by describing the inheritance chain of x. Again it is the responsibility of the programmer to follow constructor protocol by making sure Klass.prototype.constructor is Klass for each programmer defined class Klass.

|Expression|Meaning| |---|---| |x is a Klass-object of degree n|x is n steps away from Klass.prototype | |x is an object of degree n|x is n steps away from Object.prototype| |x is a null object of degree n|x does not inherit from Object.prototpe and is n steps away from null|

Of course, stepping is done in the inheritance chain of x.

|dtype(x)|x| |---|---| |"Klass[Prototype]"| x is Klass.prototype| |"Klass"| x is a class instance of Klass| |"Klass[Object]"|x is a Klass object of degree 1, but not a class instance of Klass| |"Klass[Object(n)]"|x is a Klass object of degree n = 2,3,....| |"Null[Object]"|x is a null-object of degree 1| |"Null[Object(n)]"|x is a null-object of degree n = 2,3,...| |"Object[Prototype]"|x is Object.prototpe| |"Object"| x is an object of degree 1 | |"Object(n)"| x is an object of degree n = 2,3,... |

Since the inheritance chain of x may contain more than one class prototype, where classes are to include the imaginary Object class and the imaginary Null class, the specificity rule applies: dtype(x) is required to be the most informative choice: the nearest class prototype is used.

If typing protocol-1 is followed, then the edge case is correctly typed to Klass[Object].

const {dtype} = require('type-quickly');

function Klass()
{        
}

// make sure constructor protocol is followed: that
// the following is true.    
Klass.prototype.constructor === Klass

// Klass objects
const instance = new Klass();
const prototype = Klass.prototype;
const edgeCase = Object.create(Klass.prototype);
const deg2Obj = Object.create(Object.create(Klass.prototype);
const deg3Obj = Object.create(Object.create(instance);

dtype(instance)     "Klass"
dtype(prototype)    "Klass[prototype]"
dtype(edgeCase)     "Klass[Object]"     (typing protocol-1 followed)
dtype(edgeCase)     "Klass" (incorrect) (typing protocol-1 not followed)
dtype(deg2Obj)      "Klass[Object(2)]"
dtype(deg3Obj)      "Klass[Object(3)]"        

Constructor/Protoytpe Apporach to Typing

A constructor/protoytpe approach to typing works as long as programmers make sure their class constructors are set correctly: Klass.prototype.constructor should be Klass. A typing function must type class prototypes and all objects deriving from class prototypes correctly.

function typeIt(x)
{
    if (x === null) return "null";
    const tof = typeof(x);
    if(tof === 'function')
    {
        if(x === Function.prototype) return "Object";
        return "Function";
    }
    if (tof !== 'object') return tof;
    const proto = Object.getPrototypeOf(x);
    if(proto === null) return "Object"
    if(proto === BigInt.prototype || proto === Symbol.prototype ) 
        return "Object";
    if(x.constructor !== proto.constructor
        && typeof(x.constructor) === "function"
        && x === x.constructor.prototype) return "Object";
    const Klass = proto.constructor;
    if(Klass === undefined) return "Object";
    if(proto === Klass.prototype) return Klass.name;
    return "Object";
}

The Edge Case

The edge case of a class Klass is edgeCase = Object.create(Klass.prototype) that isn't to be used as a class prototype itself nor to be modified to become a class instance of Klass via a call to Klass.call(x,...) or Klass.apply(x,[...]).

No typing function discussed in this readme file correctly types edge cases of the built-in classes. That's for good reason because edge cases have no reason for existence in JavaScript, and taking edge cases of built-in classes into account would slow down code for no good reason. However, we do take edge cases of programmer defined classes into account because there is no cost to typing them correctly.

The author's type-robustly package does take edge cases of the built-in classes into account. If you think edge cases do matter, then type-robustly is your only possible package. In any case, the dtype() function of type-robustly is great for diagnostics, as it traces out the inheritance chain, and is in fact used by deep-copy-diagnostics. Deep copy packages on NPM will make the mistake of copying a class instance into an edge case and visa-versa. Only use of dtype() of the type-robustly package will uncover these and other deep-copying mistakes.