Geolocation API Polyfill Demo
7 |This demo page overrides your browser's built-in geolocation support, if possible.
8 | 9 |
10 | 
11 |
12 |
13 |
11 |
12 | Equirectangular projection by Strebe. Licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license.
14 | 15 |
Checking position...
16 | 17 | 18 | 19 | 20 | 52 | -------------------------------------------------------------------------------- /demos/geo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inexorabletash/polyfill/716a3f36ca10fad032083014faf1a47c638e2502/demos/geo.jpg -------------------------------------------------------------------------------- /demos/keyboard.html: -------------------------------------------------------------------------------- 1 | 2 |
55 |
56 |
214 |
215 |
216 |
217 |
57 |
151 |
152 |
58 | Esc
59 | F1
60 | F2
61 | F3
62 | F4
63 | F5
64 | F6
65 | F7
66 | F8
67 | F9
68 | F10
69 | F11
70 | F12
71 |
72 |
73 |
74 | ` ~
75 | 1 !
76 | 2 @
77 | 3 #
78 | 4 $
79 | 5 %
80 | 6 ^
81 | 7 &
82 | 8 *
83 | 9 (
84 | 0 )
85 | - _
86 | = +
87 | Backspace
88 |
89 |
90 |
91 | Tab
92 | Q
93 | W
94 | E
95 | R
96 | T
97 | Y
98 | U
99 | I
100 | O
101 | P
102 | [ {
103 | ] }
104 | \ |
105 |
106 |
107 |
108 | Caps Lock
109 | A
110 | S
111 | D
112 | F
113 | G
114 | H
115 | J
116 | K
117 | L
118 | ; :
119 | ' "
120 | Enter
121 |
122 |
123 |
124 | Shift
125 | Z
126 | X
127 | C
128 | V
129 | B
130 | N
131 | M
132 | , <
133 | . >
134 | / ?
135 | Shift
136 |
137 |
138 |
139 | Ctrl
140 |
141 |
142 | Alt
143 | Spacebar
144 | Alt
145 |
146 |
147 |
148 | Ctrl
149 |
150 |
153 |
185 |
186 |
154 | PrtScr
155 | Scroll
Lock 156 | Pause
Break 157 |
158 |
159 | Lock 156 | Pause
Break 157 |
160 | Ins
161 | Home
162 | Page
Up 163 |
164 |
165 | Up 163 |
166 | Del
167 | End
168 | Page
Down 169 |
170 |
171 |
172 | Down 169 |
173 |
174 |
175 | 176 | ↑ 177 | 178 |
179 | ← 180 | ↓ 181 | → 182 |
183 |
184 | 175 | 176 | ↑ 177 | 178 |
179 | ← 180 | ↓ 181 | → 182 |
187 |
188 |
189 | 190 | Num
Lock 191 | / 192 | * 193 | - 194 |
195 | + 196 | 7 197 | 8 198 | 9 199 |
200 | 4 201 | 5 202 | 6 203 |
204 | Enter 205 | 1 206 | 2 207 | 3 208 |
209 | 0 210 | . 211 |
212 |
213 | 189 | 190 | Num
Lock 191 | / 192 | * 193 | - 194 |
195 | + 196 | 7 197 | 8 198 | 9 199 |
200 | 4 201 | 5 202 | 6 203 |
204 | Enter 205 | 1 206 | 2 207 | 3 208 |
209 | 0 210 | . 211 |
218 | 221 |
222 | 223 | 224 | 225 | 226 | -------------------------------------------------------------------------------- /demos/keyboard_test.js: -------------------------------------------------------------------------------- 1 | 2 | function contains(s, ss) { return s.indexOf(ss) != -1; } 3 | if (contains(navigator.platform, 'Win')) 4 | document.body.classList.add('meta-win'); 5 | if (contains(navigator.platform, 'Mac')) 6 | document.body.classList.add('meta-mac'); 7 | if (contains(navigator.userAgent, 'CrOS')) 8 | document.body.classList.add('meta-cros'); 9 | 10 | function select(event) { 11 | var id = event.code; 12 | return [].map.call(document.querySelectorAll('.' + id), function(x) { return x; }); 13 | 14 | // Can't override |location| on KeyboardEvent in some browsers, so it 15 | // may be wrong, e.g. NumLock in moz-mac 16 | } 17 | 18 | var target = document.getElementById('target'); 19 | 20 | document.documentElement.addEventListener('click', function(e) { 21 | target.focus(); 22 | }); 23 | 24 | // Block Apps (context menu) key in IE 25 | document.documentElement.addEventListener('contextmenu', function (e) { 26 | return false; 27 | }); 28 | 29 | var lastKey = -1; 30 | 31 | // Workaround for Opera which doesn't allow cancelling Tab, IE/Apps 32 | target.addEventListener('blur', function (e) { 33 | if (lastKey === 0x09 || lastKey === 0x5D) 34 | target.focus(); 35 | lastKey = -1; 36 | }); 37 | 38 | function hex(x, w) { 39 | if (x === undefined) return x; 40 | x = Number(x); 41 | w = Number(w) || 2; 42 | return '0x' + ('0'.repeat(w) + x.toString(16)).slice(-w); 43 | } 44 | 45 | function show(selector, e) { 46 | var elem = document.querySelector(selector), 47 | data = [ 48 | { 49 | category: 'UI Events', 50 | link: 'https://w3c.github.io/uievents/', 51 | attributes: { 52 | code: e.code, 53 | key: e.key, 54 | location: e.location 55 | } 56 | }, 57 | 58 | { 59 | category: 'UI Events (extension)', 60 | link: 'https://dvcs.w3.org/hg/d4e/raw-file/tip/source_respec.htm', 61 | attributes: { 62 | 'queryKeyCap()': KeyboardEvent.queryKeyCap(e.code) 63 | } 64 | }, 65 | 66 | { 67 | category: 'Legacy user agents', 68 | attributes: { 69 | charCode: hex(e.charCode), 70 | keyCode: hex(e.keyCode), 71 | which: hex(e.which), 72 | char: e.char // IE only 73 | } 74 | }, 75 | 76 | { 77 | category: 'Abandoned proposals', 78 | attributes: { 79 | keyChar: e.keyChar, 80 | keyIdentifier: e.keyIdentifier, 81 | keyLocation: e.keyLocation, 82 | keyName: e.keyName 83 | } 84 | }, 85 | 86 | { 87 | category: 'Modifiers', 88 | attributes: { 89 | altKey: e.altKey, 90 | ctrlKey: e.ctrlKey, 91 | metaKey: e.metaKey, 92 | shiftKey: e.shiftKey, 93 | repeat: e.repeat 94 | } 95 | } 96 | ]; 97 | 98 | while (elem.hasChildNodes()) 99 | elem.removeChild(elem.firstChild); 100 | 101 | var s = data.map(function(cat) { 102 | return cat.category + ':\n' + 103 | Object.keys(cat.attributes).filter(function(k) { 104 | return typeof cat.attributes[k] !== 'undefined'; 105 | }).map(function(k) { 106 | return ' ' + k + ': ' + cat.attributes[k] + '\n'; 107 | }).join(''); 108 | }).join('\n'); 109 | elem.appendChild(document.createTextNode(s)); 110 | } 111 | 112 | target.addEventListener('keydown', function(e) { 113 | identifyKey(e); // for IE8- 114 | lastKey = e.keyCode; 115 | 116 | show('#eventdata', e); 117 | 118 | select(e).forEach( 119 | function (elem) { 120 | elem.style.backgroundColor = 'red'; 121 | }); 122 | 123 | e.preventDefault(); 124 | e.stopPropagation(); 125 | }); 126 | 127 | target.addEventListener('keyup', function (e) { 128 | identifyKey(e); // for IE8- 129 | if (lastKey == e.keyCode) { lastKey = -1; } 130 | 131 | show('#eventdata', e); 132 | 133 | select(e).forEach( 134 | function (elem) { 135 | elem.style.backgroundColor = '#ffaaaa'; 136 | setTimeout(function() { 137 | elem.style.backgroundColor = '#aaaaaa'; 138 | }, 200); 139 | }); 140 | 141 | e.preventDefault(); 142 | e.stopPropagation(); 143 | }); 144 | 145 | target.addEventListener('keypress', function (e) { 146 | e.preventDefault(); 147 | e.stopPropagation(); 148 | }); 149 | 150 | target.addEventListener('contextmenu', function (e) { 151 | e.preventDefault(); 152 | e.stopPropagation(); 153 | }); 154 | 155 | target.focus(); 156 | -------------------------------------------------------------------------------- /demos/polyfill.css: -------------------------------------------------------------------------------- 1 | body { margin-left: 80px; margin-right: 80px; } 2 | h1 { border-bottom: solid 2px black; margin-bottom: 0; } 3 | h2 { text-decoration: underline; margin-bottom: 0; } 4 | p { margin-top: 0.5em; margin-bottom: 0.5em; } 5 | code { background-color: #eeeeee; } 6 | -------------------------------------------------------------------------------- /demos/raf.html: -------------------------------------------------------------------------------- 1 | 2 |
requestAnimationFrame Demo
7 |This demo uses your browser's native requestAnimationFrame support, if present.
8 |
9 |
10 |
13 |
14 |
15 |
16 |
17 |
70 |
--------------------------------------------------------------------------------
/es2016.js:
--------------------------------------------------------------------------------
1 | //----------------------------------------------------------------------
2 | //
3 | // ECMAScript 2016 Polyfills
4 | //
5 | //----------------------------------------------------------------------
6 |
7 | (function (global) {
8 | "use strict";
9 | var undefined = (void 0); // Paranoia
10 |
11 | // Helpers
12 |
13 | function isSymbol(s) {
14 | return (typeof s === 'symbol') || ('Symbol' in global && s instanceof global.Symbol);
15 | }
16 |
17 | function define(o, p, v, override) {
18 | if (p in o && !override)
19 | return;
20 |
21 | if (typeof v === 'function') {
22 | // Sanity check that functions are appropriately named (where possible)
23 | console.assert(isSymbol(p) || !('name' in v) || v.name === p || v.name === p + '_', 'Expected function name "' + p.toString() + '", was "' + v.name + '"');
24 | Object.defineProperty(o, p, {
25 | value: v,
26 | configurable: true,
27 | enumerable: false,
28 | writable: true
29 | });
30 | } else {
31 | Object.defineProperty(o, p, {
32 | value: v,
33 | configurable: false,
34 | enumerable: false,
35 | writable: false
36 | });
37 | }
38 | }
39 |
40 |
41 | // Snapshot intrinsic functions
42 | var $isNaN = global.isNaN;
43 |
44 | var abs = Math.abs,
45 | floor = Math.floor,
46 | max = Math.max,
47 | min = Math.min;
48 |
49 | //----------------------------------------
50 | // 7 Abstract Operations
51 | //----------------------------------------
52 |
53 | // 7.1.4
54 | function ToInteger(n) {
55 | n = Number(n);
56 | if ($isNaN(n)) return 0;
57 | if (n === 0 || n === Infinity || n === -Infinity) return n;
58 | return ((n < 0) ? -1 : 1) * floor(abs(n));
59 | }
60 |
61 | // 7.1.13 ToObject
62 | function ToObject(v) {
63 | if (v === null || v === undefined) throw TypeError();
64 | return Object(v);
65 | }
66 |
67 | // 7.1.15 ToLength ( argument )
68 | function ToLength(v) {
69 | var len = ToInteger(v);
70 | if (len <= 0) {
71 | return 0;
72 | }
73 | return min(len, 0x20000000000000 - 1); // 2^53-1
74 | }
75 |
76 | //----------------------------------------
77 | // 7.2 Testing and Comparison Operations
78 | //----------------------------------------
79 |
80 | // 7.2.10 SameValueZero(x, y)
81 | function SameValueZero(x, y) {
82 | if (typeof x !== typeof y) return false;
83 | switch (typeof x) {
84 | case 'undefined':
85 | return true;
86 | case 'number':
87 | if (x !== x && y !== y) return true;
88 | return x === y;
89 | case 'boolean':
90 | case 'string':
91 | case 'object':
92 | default:
93 | return x === y;
94 | }
95 | }
96 |
97 | //----------------------------------------------------------------------
98 | //
99 | // ECMAScript 2016
100 | //
101 | //----------------------------------------------------------------------
102 |
103 | // https://github.com/tc39/Array.prototype.includes/
104 | define(
105 | Array.prototype, 'includes',
106 | function includes(target) {
107 | var fromIndex = arguments[1];
108 |
109 | var o = ToObject(this);
110 | var len = ToLength(o["length"]);
111 | if (len === 0) return false;
112 | var n = ToInteger(fromIndex);
113 | if (n >= 0) {
114 | var k = n;
115 | } else {
116 | k = len + n;
117 | if (k < 0) k = 0;
118 | }
119 | while (k < len) {
120 | var elementK = o[k];
121 | if (SameValueZero(o[k], target))
122 | return true;
123 | k += 1;
124 | }
125 | return false;
126 | });
127 |
128 | }(this));
129 |
--------------------------------------------------------------------------------
/es2016.md:
--------------------------------------------------------------------------------
1 | # ECMAScript 2016 Polyfill
2 |
3 | [script](es2016.js) -
4 | [unit tests](https://inexorabletash.github.io/polyfill/tests/es2016.html)
5 |
6 | This assumes ES6, so use [es5.js](es5.js) and [es6.js](es6.js) for older browsers (IE9-).
7 |
8 | [ECMAScript 2016 Standard](http://www.ecma-international.org/ecma-262/7.0/)
9 |
10 | * `Array.prototype.includes()` [ref](http://www.ecma-international.org/ecma-262/7.0/index.html#sec-array.prototype.includes)
11 |
--------------------------------------------------------------------------------
/es2017.js:
--------------------------------------------------------------------------------
1 | //----------------------------------------------------------------------
2 | //
3 | // ECMAScript 2017 Polyfills
4 | //
5 | //----------------------------------------------------------------------
6 |
7 | (function (global) {
8 | 'use strict';
9 | var undefined = (void 0); // Paranoia
10 |
11 | // Helpers
12 |
13 | function isSymbol(s) {
14 | return (typeof s === 'symbol') || ('Symbol' in global && s instanceof global.Symbol);
15 | }
16 |
17 | function define(o, p, v, override) {
18 | if (p in o && !override)
19 | return;
20 |
21 | if (typeof v === 'function') {
22 | // Sanity check that functions are appropriately named (where possible)
23 | console.assert(isSymbol(p) || !('name' in v) || v.name === p || v.name === p + '_', 'Expected function name "' + p.toString() + '", was "' + v.name + '"');
24 | Object.defineProperty(o, p, {
25 | value: v,
26 | configurable: true,
27 | enumerable: false,
28 | writable: true
29 | });
30 | } else {
31 | Object.defineProperty(o, p, {
32 | value: v,
33 | configurable: false,
34 | enumerable: false,
35 | writable: false
36 | });
37 | }
38 | }
39 |
40 | // Snapshot intrinsic functions
41 | var $isNaN = global.isNaN;
42 |
43 | var abs = Math.abs,
44 | floor = Math.floor,
45 | min = Math.min;
46 |
47 | //----------------------------------------
48 | // 7 Abstract Operations
49 | //----------------------------------------
50 |
51 | // 7.1.4
52 | function ToInteger(n) {
53 | n = Number(n);
54 | if ($isNaN(n)) return 0;
55 | if (n === 0 || n === Infinity || n === -Infinity) return n;
56 | return ((n < 0) ? -1 : 1) * floor(abs(n));
57 | }
58 |
59 | // 7.1.13 ToObject
60 | function ToObject(v) {
61 | if (v === null || v === undefined) throw TypeError();
62 | return Object(v);
63 | }
64 |
65 | // 7.1.15 ToLength ( argument )
66 | function ToLength(v) {
67 | var len = ToInteger(v);
68 | if (len <= 0) {
69 | return 0;
70 | }
71 | return min(len, 0x20000000000000 - 1); // 2^53-1
72 | }
73 |
74 | //----------------------------------------
75 | // 7.3 Operations on Objects
76 | //----------------------------------------
77 |
78 | // 7.3.4
79 | function CreateDataProperty(O, P, V) {
80 | Object.defineProperty(O, P, {
81 | value: V,
82 | writable: true,
83 | enumerable: true,
84 | configurable: true
85 | });
86 | }
87 |
88 | // 7.3.21
89 | function EnumerableOwnProperties(o, kind) {
90 | var ownKeys = Object.keys(o);
91 | var properties = [];
92 | ownKeys.forEach(function(key) {
93 | var desc = Object.getOwnPropertyDescriptor(o, key);
94 | if (desc && desc.enumerable) {
95 | if (kind === 'key') properties.push(key);
96 | else {
97 | var value = o[key];
98 | if (kind === 'value') properties.push(value);
99 | else properties.push([key, value]);
100 | }
101 | }
102 | });
103 | return properties;
104 | }
105 |
106 |
107 | //----------------------------------------------------------------------
108 | // 19 Fundamental Objects
109 | //----------------------------------------------------------------------
110 |
111 | // 19.1 Object Objects
112 | // 19.1.2 Properties of the Object Constructor
113 |
114 | // 19.1.2.5 Object.entries
115 | define(
116 | Object, 'entries',
117 | function entries(o) {
118 | var obj = ToObject(o);
119 | return EnumerableOwnProperties(obj, 'key+value');
120 | });
121 |
122 | // 19.1.2.8 Object.getOwnPropertyDescriptors ( O )
123 | define(
124 | Object, 'getOwnPropertyDescriptors',
125 | function getOwnPropertyDescriptors(o) {
126 | var obj = ToObject(o);
127 | // ReturnIfAbrupt(obj)
128 | var keys = Object.getOwnPropertyNames(obj);
129 | // ReturnIfAbrupt(keys)
130 | var descriptors = {};
131 | for (var i = 0; i < keys.length; ++i) {
132 | var nextKey = keys[i];
133 | var descriptor = Object.getOwnPropertyDescriptor(obj, nextKey);
134 | // ReturnIfAbrupt(desc)
135 | // ReturnIfAbrupt(descriptor)
136 | CreateDataProperty(descriptors, nextKey, descriptor);
137 | }
138 | return descriptors;
139 | });
140 |
141 | // 19.1.2.21 Object.values
142 | define(
143 | Object, 'values',
144 | function values(o) {
145 | var obj = ToObject(o);
146 | return EnumerableOwnProperties(obj, 'value');
147 | });
148 |
149 |
150 |
151 | //----------------------------------------------------------------------
152 | // 21 Text Processing
153 | //----------------------------------------------------------------------
154 |
155 | // 21.1 String Objects
156 | // 21.1.3 Properties of the String Prototype Object
157 |
158 | // 21.1.3.13 String.prototype.padEnd( maxLength [ , fillString ] )
159 | define(
160 | String.prototype, 'padEnd',
161 | function padEnd(maxLength) {
162 | var fillString = arguments[1];
163 |
164 | var o = this;
165 | // ReturnIfAbrupt(o)
166 | var s = String(this);
167 | // ReturnIfAbrupt(s)
168 | var stringLength = s.length;
169 | if (fillString === undefined) var fillStr = '';
170 | else fillStr = String(fillString);
171 | // ReturnIfAbrupt(fillStr)
172 | if (fillStr === '') fillStr = ' ';
173 | var intMaxLength = ToLength(maxLength);
174 | // ReturnIfAbrupt(intMaxLength)
175 | if (intMaxLength <= stringLength) return s;
176 | var fillLen = intMaxLength - stringLength;
177 | var stringFiller = '';
178 | while (stringFiller.length < fillLen)
179 | stringFiller = stringFiller + fillStr;
180 | return s + stringFiller.substring(0, fillLen);
181 | });
182 |
183 | // 21.1.3.14 String.prototype.padStart( maxLength [ , fillString ] )
184 | define(
185 | String.prototype, 'padStart',
186 | function padStart(maxLength) {
187 | var fillString = arguments[1];
188 |
189 | var o = this;
190 | // ReturnIfAbrupt(o)
191 | var s = String(this);
192 | // ReturnIfAbrupt(s)
193 | var stringLength = s.length;
194 | if (fillString === undefined) var fillStr = '';
195 | else fillStr = String(fillString);
196 | // ReturnIfAbrupt(fillStr)
197 | if (fillStr === '') fillStr = ' ';
198 | var intMaxLength = ToLength(maxLength);
199 | // ReturnIfAbrupt(intMaxLength)
200 | if (intMaxLength <= stringLength) return s;
201 | var fillLen = intMaxLength - stringLength;
202 | var stringFiller = '';
203 | while (stringFiller.length < fillLen)
204 | stringFiller = stringFiller + fillStr;
205 | return stringFiller.substring(0, fillLen) + s;
206 | });
207 |
208 | }(this));
209 |
--------------------------------------------------------------------------------
/es2017.md:
--------------------------------------------------------------------------------
1 | # ECMAScript 2017 Polyfill
2 |
3 | [script](es2017.js) -
4 | [unit tests](https://inexorabletash.github.io/polyfill/tests/es2017.html)
5 |
6 | This assumes ES2016, so use [es5.js](es5.js), [es6.js](es6.js) and [es2016.js](es2016.js) for older browsers (IE9-).
7 |
8 | [ECMAScript Standard](http://www.ecma-international.org/ecma-262/)
9 |
10 | * `Object.entries()` [ref](https://tc39.github.io/ecma262/#sec-object.entries)
11 | * `Object.values()` [ref](https://tc39.github.io/ecma262/#sec-object.values)
12 | * `Object.getOwnPropertyDescriptors` [ref](https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptors)
13 | * `String.prototype.padEnd()` [ref](https://tc39.github.io/ecma262/#sec-string.prototype.padend)
14 | * `String.prototype.padStart()` [ref](https://tc39.github.io/ecma262/#sec-string.prototype.padstart)
15 |
--------------------------------------------------------------------------------
/es5.md:
--------------------------------------------------------------------------------
1 | # ECMAScript 5 Polyfill
2 |
3 | [script](es5.js) -
4 | [unit tests](https://inexorabletash.github.io/polyfill/tests/es5.html)
5 |
6 | [ECMAScript 5](http://www.ecma-international.org/publications/standards/Ecma-262.htm) Object, Function, String and Date extras:
7 | * Object: `getPrototypeOf`, `getOwnPropertyNames`, `create`, `defineProperty`, `defineProperties`, `keys`
8 | * Function prototype: `bind`
9 | * Array: `isArray`
10 | * Array prototype: `indexOf`, `lastIndexOf`, `every`, `some`, `forEach`, `map`, `filter`, `reduce`, `reduceRight`
11 | * String prototype: `trim`
12 | * Date: `now`
13 | * Date prototype: `toISOString`
14 |
15 | Does not include JSON - use [json2.js](https://github.com/douglascrockford/JSON-js)
16 |
--------------------------------------------------------------------------------
/es6.md:
--------------------------------------------------------------------------------
1 | # ECMAScript 2015 Polyfill
2 |
3 | [script](es6.js) -
4 | [unit tests](https://inexorabletash.github.io/polyfill/tests/es6.html)
5 |
6 | This assumes ES5, so use [es5.js](es5.js) for older browsers (IE9-).
7 |
8 | [ECMAScript 2015 Standard](http://www.ecma-international.org/ecma-262/6.0/)
9 |
10 | #### Fundamental Objects
11 | * Object: `assign()`, `is()`, `setPrototypeOf()`
12 | * Symbol: `Symbol(description)`, `Symbol.for()`, `Symbol.keyFor()`, `Symbol.iterator`, `Symbol.toStringTag`
13 | * No security, just creates an object with a unique string representation. `typeof Symbol()` will incorrectly report `"object"` but `Symbol() instanceof Symbol` will return `true`
14 | * Not supported: `Function.prototype.toMethod()`
15 |
16 | #### Numbers and Dates
17 | * Number: `EPILON`, `isFinite()`, `isInteger()`, `isNaN()`, `isSafeInteger()`, `MAX_SAFE_INTEGER`, `MIN_SAFE_INTEGER`, `parseFloat()`, `parseInt()`
18 | * Math: `acosh()`, `asinh()`, `atanh()`, `cbrt()`, `clz32()`, `cosh()`, `expm1()`, `fround`, `hypot()`, `imul()`, `log1p()`, `log10()`, `log2()`, `sign()`, `sinh()`, `tanh()`, `trunc()`
19 |
20 | #### Text Processing
21 | * See also: [uate - ES5 "Tagged Template Strings"](https://github.com/inexorabletash/uate)
22 | * String: `fromCodePoint()`, `raw`
23 | * String prototype: `codePointAt()`, `endsWith()`, `includes()`, `repeat()`, `startsWith()`, `[@@iterator]()`
24 | * Not supported: `String.prototype.normalize()` - see https://github.com/walling/unorm/
25 | * RegExp prototype: `@@match()`, `@@replace()`, `@@search()`, `@@split()`, `flags`
26 | * String.prototype `match()`, `replace()`, `search()`, and `split()` dispatch through RegExp symbol methods
27 |
28 | #### Indexed Collections
29 | * Array: `from()`, `of()`
30 | * Array prototype: `copyWithin()`, `entries()`, `fill()`, `find()`, `findIndex()`, `keys()`, `values()`, `[@@iterator]()`
31 | * _TypedArray_ - for browsers without native support (IE9-) include [typedarray.js](#typedarray)
32 | * %TypedArray% prototype: `from()`, `of()`
33 | * %TypedArray% prototype: `copyWithin()`, `entries()`, `every()`, `fill()`, `filter()`, `find()`, `findIndex()`, `forEach()`, `indexOf()`, `join()`, `keys()`, `lastIndexOf()`, `map()`, `reduce()`, `reduceRight()`, `reverse()`, `slice()`, `some()`, `sort()`, `values()`, `[@@iterator]()`
34 |
35 | #### Keyed Collections
36 | * Map: `clear()`, `delete()`, `entries()`, `forEach()`, `get()`, `keys()`, `has()`, `set()`, `size`, `values()`, `[@@iterator]()`
37 | * Set: `add()`, `clear()`, `delete()`, `entries()`, `forEach()`, `has()`, `size`, `values()`, `[@@iterator]()`
38 | * WeakMap: `clear()`, `delete()`, `get()`, `has()`, `set()`
39 | * WeakSet: `add()`, `clear()`, `delete()`, `has()`
40 | * WeakMap and WeakSet are intrusive and modify the `valueOf` property of keys
41 |
42 | #### Asynchronous Programming
43 | * Promise: `p = new Promise()`, `Promise.resolve()`, `Promise.reject()`, `Promise.cast()`, `Promise.race()`, `Promise.all()`, `p.then()`, `p.catch()`
44 |
45 | See also: [uate - ES5 "tagged template strings"](https://github.com/inexorabletash/uate)
46 |
47 |
48 |
49 | # Typed Arrays
50 | [script](typedarray.js) -
51 | [unit tests](https://inexorabletash.github.io/polyfill/tests/typedarray.html) -
52 | [spec](https://www.khronos.org/registry/typedarray/specs/latest/)
53 |
54 | Originally specified separately, Typed Arrays are now included in ES2015.
55 |
56 | * `ArrayBuffer`
57 | * `Uint8Array`, `Int8Array`, `Uint16Array`, `Int16Array`, `Uint32Array`, `Int32Array`, `Float32Array`, `Float64Array`
58 | * `DataView`
59 |
60 | Creating index getter/setters (i.e. `array[0]`, `array[1]`, etc) is slow and consumes significant memory. Arrays larger than 100k entries will be too slow to initialize in most cases so an upper limit is placed on the size of arrays and exception is thrown on construction.
61 |
--------------------------------------------------------------------------------
/experimental/README.md:
--------------------------------------------------------------------------------
1 | Experimental
2 | ============
3 |
4 | ### ECMAScript - Proposals for ECMAScript 2017 and beyond
5 |
6 | [Details](es-proposed.md)
7 |
--------------------------------------------------------------------------------
/experimental/es-proposed.md:
--------------------------------------------------------------------------------
1 | # ECMAScript - Proposals for Future Editions
2 |
3 | Per https://github.com/tc39/ecma262
4 |
5 | [script](es-proposed.js) -
6 | [unit tests](https://inexorabletash.github.io/polyfill/experimental/tests/es-proposed.html)
7 |
8 | #### Stage 3
9 |
10 | See also:
11 |
12 | * Promise prototype: `finally()` [ref](https://github.com/tc39/proposal-promise-finally)
13 | * Array prototype: `flatten()` and `flatMap()` [ref](https://tc39.github.io/proposal-flatMap/)
14 |
15 | #### Stage 2
16 |
17 | * String prototype: `trimStart()`, `trimEnd()` (and `trimLeft()`, `trimRight()` aliases) [ref](https://github.com/sebmarkbage/ecmascript-string-left-right-trim)
18 | * String.prototype: `matchAll()` [ref](https://github.com/ljharb/String.prototype.matchAll)
19 |
20 | #### Stage 1
21 |
22 | * Math extensions: `clamp()`, `scale()`, `radians()`, `degrees()`, `RAD_PER_DEG`, `DEG_PER_RAD` [ref](https://github.com/rwaldron/proposal-math-extensions/blob/master/README.md)
23 | * Set/Map/WeakSet/WeakMap `.of()` and `.from()` [ref](https://github.com/leobalter/proposal-setmap-offrom)
24 | * Promise: `try()` [ref](https://github.com/ljharb/proposal-promise-try)
25 | * String prototype: `replaceAll()` [ref](https://github.com/tc39/proposal-string-replace-all)
26 | * String prototype: `codePoints()` [ref](https://github.com/RReverser/string-prototype-codepoints)
27 | * Math: `signbit()` [ref](http://jfbastien.github.io/papers/Math.signbit.html)
28 |
29 | See also:
30 |
31 | * [Intl.Segmenter](https://gist.github.com/inexorabletash/8c4d869a584bcaa18514729332300356)
32 |
33 | #### Stage 0
34 |
35 | * `String.prototype.at()` [ref](https://github.com/mathiasbynens/String.prototype.at)
36 |
37 | See also:
38 |
39 | * [Int64](https://github.com/inexorabletash/int64)
40 |
41 | #### Obsolete/Abandoned Proposals
42 |
43 | * Number: `compare()`
44 | * Array prototype: `pushAll()`
45 | * Reflection: `Object.getPropertyDescriptor(o)`, `Object.getPropertyNames(o)`
46 | * Math: `denormz()`, `fdenormz()`
47 | * 64-bit Math: `imulh()`, `umulh()`, `iaddh()`, `isubh()` [ref](https://gist.github.com/BrendanEich/4294d5c212a6d2254703)
48 |
--------------------------------------------------------------------------------
/experimental/tests/es-proposed.html:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 | | key | code | name | message | native? 46 | |
|---|
10 |
11 | test markup, will be hidden
12 |
13 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
--------------------------------------------------------------------------------
/tests/es2016.html:
--------------------------------------------------------------------------------
1 |
2 |
14 |
21 |
22 |
15 |
19 |
20 |
16 |
17 |
18 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 | 1
35 | a b
36 | 2
37 | c d
38 | 3
39 |
40 |
41 |
42 |
43 |
44 |
9 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/tests/fetch.html:
--------------------------------------------------------------------------------
1 |
2 |
10 | Native implementations of the following functions exist, so the
11 | test results do not reflect the polyfill:
12 |
13 |
14 |
17 | The following lack native implementations, so the polyfills are tested:
18 |
19 |
20 |
10 |
11 | test markup, will be hidden
12 |
13 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/tests/html.js:
--------------------------------------------------------------------------------
1 | /*global QUnit*/
2 |
3 | QUnit.test("Parser Shiv", function(assert) {
4 | var div = document.getElementById('sectiondiv');
5 | var section = document.getElementById('section');
6 | var span = document.getElementById('sectionspan');
7 | assert.equal(div, section.parentNode, 'div should be parent of section');
8 | assert.equal(section, span.parentNode, 'section should be parent of span');
9 | });
10 |
11 | QUnit.test("document.head", function(assert) {
12 | assert.expect(2);
13 |
14 | // document.head
15 | assert.notEqual(document.head, null);
16 | assert.equal(document.head.tagName, "HEAD");
17 | });
18 |
19 | QUnit.test("base64 encoding", function(assert) {
20 | assert.expect(4);
21 |
22 | // window.atob() / window.btoa()
23 | assert.equal(window.btoa(''), '');
24 | assert.equal(window.atob(''), '');
25 | assert.equal(window.btoa('\x00\x01\x02\xfd\xfe\xff'), 'AAEC/f7/');
26 | assert.equal(window.atob('AAEC/f7/'), '\x00\x01\x02\xfd\xfe\xff');
27 | });
28 |
29 | QUnit.test("Element.dataset and data-* attributes", function(assert) {
30 |
31 | // dataset
32 | if ('dataset' in document.getElementById('datadiv')) {
33 | assert.expect(6);
34 | assert.equal(document.getElementById('datadiv').dataset.foo, "bar");
35 | assert.equal(document.getElementById('datadiv').dataset.bar, "123");
36 | assert.equal(document.getElementById('datadiv').dataset.aaBbCc, "abc");
37 | assert.equal(document.getElementById('dataspan').dataset['123'], "blah"); // Broken in Chrome 23!
38 | assert.notOk(document.getElementById('dataspan').dataset['abc']);
39 |
40 | document.getElementById('datadiv').dataset.foo = "new";
41 | assert.equal(document.getElementById('datadiv').dataset.foo, "new");
42 | }
43 | });
44 |
--------------------------------------------------------------------------------
/tests/js.html:
--------------------------------------------------------------------------------
1 |
2 |
14 |
21 |
22 |
15 |
19 |
20 |
16 |
17 |
18 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |