inexorabletash/polyfill

JavaScript Polyfills, Shims and More

polyfill's Issues

es-proposed: Reduce helper complexity by relying on ES6

• var SameValue = Object.is;
• Remove unused Iterator helpers
• ObjectCreate's second argument is sketchy

Imprecise roundings

• unpackFloat32(packFloat32(3.4028235677973366e+38)) should == Infinity, not 1.7014118346046923e+38
• unpackFloat32(packFloat32(7.006492321624085e-46)) should be zero

Math.clz32

Per TC39, Number.prototype.clz() => Math.clz32()

Error in demos/geo.html with Internet explorer 7

function locate(lat, long) {
var map = $("#map");
var x = map.offsetWidth * ((long + 180) % 360) / 360;
var y = map.offsetHeight * (90 - lat) / 180;
var locator = $("#locator");
locator.style.display = '';
// Error: No se puede obtener la propiedad 'style' de referencia nula o sin definir
// Error: Unable to get the 'style' property null reference or undefined

locator.style.left = String(x) + 'px';
locator.style.top = String(y) + 'px';
}

WeakMap.prototype.set should return map object

https://github.com/inexorabletash/polyfill/blob/master/harmony.js#L2697

Returns the value; per spec it should be returning the map itself to allow chaining e.g. wm.set(...).set(...)

Object.defineProperty fail on IE8

Cannot get it to work with getter and setter, earlier it works

harmony.js -> es6.js, add es7.js

• es6.js: Remove anything not approved from es6
• es7.js: Create it

Add the ES7 proposals being championed:

• Object.values()
• Object.entries()
• Array.prototype.contains()
• Object.getOwnPropertyDescriptors()
• RegExp.escape
• String.at()
• String.lpad(), String.rpad()

ES7 proposals now tracked at: https://github.com/tc39/ecma262

And should probably:

• Move es7.js to experimental folder

ES6 Final Tweaks

Per https://twitter.com/awbjs

• ES6 WeakMap and WeakSet clear methods eliminated
• ES6 final tweaks #2: String.prototype.contains renamed to String.prototype.includes
• ES6 final tweaks #3: Symbols @@match, @@replace, @@search, @@split replace string names as double dispatch targets in RegExp.prototype
• ES6 final tweak #4: added RegExp.prototype.flags for accessing flags string. Facilitates RegExp subclasses that add flags.
• ES6 final tweaks #5: new RegExp(aRegExp, flags) no longer throws. Instead clones first argument but with supplied flags.
  • Can't usefully polyfill a constructor
• ES6 final tweaks #6: at the top level of a module, the this binding evaluates to undefined.
  • Can't polyfill modules
• ES6 final tweaks #7: Array.isArray(new Proxy([ ], { })) returns true.
  • Can't polyfill proxies
• ES6 final tweaks #8: Smalltalk-like species pattern used in Array methods, etc. to determine constructor for derived objects. let derived = new obj.constructor.species();

Incorporate changes from April 2014 TC39 meeting

https://github.com/tc39/agendas/blob/master/2014/04.md

• ES6: @@iterator on arguments object (bug)
• ES6: Make all %TypedArray% constructors accept iterable / Do string coercion to number before handling iterable to avoid mishandling a string argument.
• ES6: Change Map/Set forEach callback signature to: value, index
• ES6: Object.assign gets multiple source objects

ES6: Map ctor initializer

23 July 2013 TC39 consensus:

• Map contructor, accepts optional initializer
• If initializer undefined, creates an empty map
• If initializer defined, invoke the @@iterator to create the entries from.
  • For each entry, check if non-null object, throw if not (If Type(map) is not Object then, throw a TypeError exception.)
  • pull off the 0 and 1 property
  • make 0 a key and 1 value
  • No check for duplicate keys

polyfill.js v0.1.0 with jQuery v1.11.1 error in IE8

An error occurs when the page is loaded.

SCRIPT5011: Can't execute code from a freed script

Add console.table()

Roll newer polyfills into web/polyfill gestalt libraries

• es6.js - need to do a pass through the spec
• url.js - probably good to go now
• fetch.js - depends on url and es6
• experimental/dom.js additions - waiting for any browser to implement/ship

ES6: Object.getOwnPropertySymbols per 2013-09-18 TC-39

If Symbol() hack generates identifiable strings, can shim getOwnPropertyNames and getOwnPropertySymbols to filter them appropriately.

ES6: Ensure constructors using iterators use GetIterator per spec

Array.from etc.

ES6 Typed Array Extras fail with Typed Array polyfill in IE8

The implementations of the extras (from(), slice() etc) depend on getters/setters which aren't available in IE8.

This could be fixed by implementing them in JS w/o relying on Array extras, using _getter and _setter.

Why dataset polyfill doesn't work properly in IE8?

Just askin, maybe I'm using it wrong but I get Obj.dataset undefined in IE8 in compatibility mode Windows8.

ES6: Remove Number.toInteger

Per July 25 2013 TC39, redundant w/ Math.trunc()

ES6: Throw when {Weak,}{Map,Set} ctor called w/o new

25 July 2013 TC39 consensus

ES6: Make Math.hypot variadic per 2013-09-17 TC-39

ES6: Global Symbol and Symbol.<symbol> for well-knowns

Per 2013-09-19 TC-39

ES6: Number.MAX_INTEGER --> MAX_SAFE_INTEGER ?

Per July 25, 2013 TC39

Unclear whether there was consensus.

"name" is not a standardized property on functions

Recently I changed from defineFunctionProperty(obj, name, func) to just (obj, func) and using func.name for name. Turns out this is non-standard - need to revert that change.

5a1af49

URL: base and bad URL

From spec
1.

Constructor(USVString url, optional USVString base = "about:blank")

If url is failure, return failure.

In other words new URL('') should throw an exception like Firefox

ES7: Array.prototype.contains should have fromIndex optional argument

Current ES7 proposal: https://github.com/domenic/Array.prototype.contains/

Storage should be replaced by fork of https://github.com/wojodesign/local-storage-js

...but one issue with wojodesign's code is that it doesn't distinguish keys very well. For example: "A-B-C" and "a-b-c" and "A%B*C" would be treated as the same key.

(I think I submitted a patch.)

ES6: Missing Methods

• "toMethod" in Function.prototype - unclear it's worth it
• "raw" in String - not particularly useful, but could just escape unprintables
• "normalize" in String.prototype - too big, but could make it a no-op
• "split" in RegExp.prototype - easy
• "from" in Uint8ClampedArray - typo in applicator ("Uint8ArrayClamped")
• "of" in Uint8ClampedArray
• "copyWithin" in Uint8ClampedArray.prototype
• "entries" in Uint8ClampedArray.prototype
• "every" in Uint8ClampedArray.prototype
• "fill" in Uint8ClampedArray.prototype
• "filter" in Uint8ClampedArray.prototype
• "find" in Uint8ClampedArray.prototype
• "findIndex" in Uint8ClampedArray.prototype
• "forEach" in Uint8ClampedArray.prototype
• "indexOf" in Uint8ClampedArray.prototype
• "join" in Uint8ClampedArray.prototype
• "keys" in Uint8ClampedArray.prototype
• "lastIndexOf" in Uint8ClampedArray.prototype
• "map" in Uint8ClampedArray.prototype
• "reduce" in Uint8ClampedArray.prototype
• "reduceRight" in Uint8ClampedArray.prototype
• "reverse" in Uint8ClampedArray.prototype
• "slice" in Uint8ClampedArray.prototype
• "some" in Uint8ClampedArray.prototype
• "sort" in Uint8ClampedArray.prototype
• "values" in Uint8ClampedArray.prototype
• "keys" in Set.prototype - easy

Typed Arrays: packIEEE754() doesn't generate infinities

Values out of range do not generate infinities, so unpackFloat32(packFloat32(1e308)) doesn't produce Infinity

Convert index.html to README.md

[Quick] question

Can I use the polyfill with Modernizr? I'm a bit confused as to what it actually does compared to your polyfill. I believe it's gonna be like this: I only need CSS selectors and CSS3 support, so only the first tab, your polyfill would probably include the HTML, DOM, EVENTS parts.

I just decided to go Native JS, I read left and right and feel very scared+amazed there is freedom.. so I speak a bit n00b-ish, sorry.

Rename README files

Add MouseEvent.offsetX/Y polyfill for FF

Document bindata

length property of Map/Set/WeakMap/WeakSet should be 1

ES6: Add Math.toFloat32()

23 July 2013 TC39 consensus

(wait for spec; unsure if this should be Math, Number.prototype)

XHR Event polyfill

XMLHttpRequest, in the latest specs and browsers, supports more events than "readystatechange" (namely "error", "abort", "timeout", and "load"), and supports adding listeners using addEventListener rather than just setting the "onreadystatechange" property: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#Events

It would be nice if web developers could have a polyfill that allows us to rely on the presence of these events and not worry about our code breaking on IE9.

Uncaught TypeError: Cannot convert a Symbol value to a string

es6.js, 259 line:
Uncaught TypeError: Cannot convert a Symbol value to a string
assert(symbolForKey(String(global.Symbol('x'))));

I have this error in Chrome 37.0.2054.3 dev (and 37.0.2062.3 dev).
I don't have this error in Firefox 33.0a1, iOS 7.1.1's Safari.
If I comment this line, I get the same error in another line.

I found that Chrome now provides its own (i.e. without polyfills) Symbol:
typeof Symbol === 'function' (it is 'undefined' in other browsers)
typeof Symbol('x') === 'symbol'
Symbol('x').toString() === 'Symbol(x)'

KeyboardEvent.key polyfill

I was rather excited to see an up-to-date KeyboardEvent polyfill, but was surprised that key was not implemented.

Firefox 37 is set to support this properly and chrome just had a commit a couple days ago in master, so this is still not widely supported. I see that char and code are supported, but key feels a lot more natural in my application.

It would be nice to have this.

[enhancement] Add missing bower.json.

Hey, maintainer(s) of inexorabletash/polyfill!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library inexorabletash/polyfill is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "inexorabletash/polyfill",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Add ChildElement.replaceWith and friends

https://dom.spec.whatwg.org/#interface-childnode

Licence

Hi!

“Public Domain” is not a licence, and is questionable in some places. Would you be willing to add the following to the licence file:

「In countries where the Public Domain status of the work may not be valid, its author hereby grants a copyright licence to the general public to deal in the work without restriction and permission to sublicence derivates under the terms of any (OSI approved) Open Source licence.」

That would enable us Europeans to use your code. Thanks!

The smallest 32 bit float should not truncate to zero

var minFloat32 = 1.401298464324817e-45;
var truncated = packFloat32(unpackFloat32(-minFloat32 / 2 - Math.pow(2, -202)));
assert(truncated == -minFloat32) // fails

I don't understand the math at all, I've just collected some test cases :-/ so thanks for reasoning through it for me :-)

Subsume DOMURL functions

ES6: Rename Math.toFloat32() to Math.fround() per 2013-09-17 TC-39

Uint8Array crashes IE9

Hello,

can you check out the Uint8Array because when I use it to convert a pdf file with this steps:

var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}

IE9 crashes when executing this line:
var ia = new Uint8Array(ab);

PS: ArrayBuffer works great.

Thanks

ES Proposed Feature Checklist

Sep 2014 TC39 notes

• Math.denormz(x)
• Math.fdenormz(x) = Math.denormz(Math.fround(x))
• Math.imulh(a, b)
• Math.umulh(a, b)
• Math.iaddh(lo0, hi0, lo1, hi1)
• Math.isubh(lo0, hi0, lo1, hi1)

iteration over Map

  var map = new Map();
  map.set('a', 1);
  map.set('b', 2);
  map.set('c', 3);
  map.set('d', 4);

  var keys = [];
  var iterator = map.keys();
  keys.push(iterator.next());
  map["delete"]('a');
  map["delete"]('b');
  map["delete"]('c');
  map.set('e');
  keys.push(iterator.next());
  keys.push(iterator.next());

  console.log(keys);

this code throws StopIteration, but according to spec keys should be equal to ['a', 'd', 'e']

KeyboardEvent.prototype.location recurses

keyboardevent.key fixing

hi, for firefox, the code seems to use the KeyboardEvent.key property if existing, but that one isn’t supported fully.

e.g. firefox uses (until version 37 lands) "Down" instead of "ArrowDown" etc.

typedarray.js the browser stop responding

Hi!

I'm working on an asmjs project, and I tried to use your typedarray.js where TypedArrays are not supported. But when I run the project, the older browsers stop responding.

var space = 4*1024*1024; // 4MB
var MEM = new ArrayBuffer(space);

(function(stdlib, foreign, heap) {
    "use asm";

    var HEAP8 = new stdlib.Uint8Array(heap);

    function main() {
        // ...
    }

    return {main:main};
}(window, {}, MEM)).main();