Skip to content

🎯An ultra light-weight, nonexhaustive, polyfills library 🎯

License

Notifications You must be signed in to change notification settings

garronej/minimal_polyfills

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯A collection of polyfills that focuses on being ultra light-weight 🎯


Set of polyfills for Map, Set, WeakMap and other standard functions that could be missing in some legacy runtime environnement. Focus is placed on bundle size rather than performance and transparency.
The goal is to allow our code to run on older browsers without significantly increasing the bundle size by adding exhaustive polyfills that in 95% of the cases won't be necessary.
The classes exposed only implement the more common features of their native counterpart, it does so in a very naïve and inefficient way to keep the code as short as possible. As you would expect the polyfills will only be used when the native classes are missing.

Usage

Example with Map

//Example with map.
import { Polyfill as Map, LightMap } from "minimal-polyfills/Map";

// Explicitly define the type of your variable to make it clear
// that you are using a subset of Map...
const map: LightMap<string, number>= new Map();
//...or let the type be inferred.
const map = new Map<string, number>();

Screenshot 2020-02-08 at 10 45 06 Screenshot 2020-02-08 at 10 46 34

Others data structures:

import { Polyfill as Set, LightSet } from "minimal-polyfills/Set";
//WARNING: If not natively supported WeakMap will only be a simple Map that will keep string references of it's keys.
import { Polyfill as WeakMap } from "minimal-polyfills/WeakMap";
import { Polyfill as WeakSet } from "minimal-polyfills/WeakSet";

Common missing features on older browsers:

import "minimal-polyfills/Array.prototype.find";
import "minimal-polyfills/String.prototype.startsWith.ts";
import "minimal-polyfills/Array.from.ts";
import "minimal-polyfills/ArrayBuffer.isView.ts";
import "minimal-polyfills/Object.fromEntries";
import "minimal-polyfills/Object.is.ts";
import "minimal-polyfills/Object.assign.ts";

Try it now

Thanks to Stackblitz you can try this lib with within your browser like if you where in VSCode.

Run the example