Skip to content

Move polyfill JavaScript code to be included as a remote script from … #14318

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 13, 2018
Merged

Move polyfill JavaScript code to be included as a remote script from … #14318

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/code/Magento/Theme/view/frontend/layout/default_head_blocks.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<css src="mage/calendar.css"/>
<script src="requirejs/require.js"/>
<script src="mage/polyfill.js"/>
</head>
<body>
<referenceContainer name="after.body.start">
<block class="Magento\Framework\View\Element\Template" name="head.polyfill" as="polyfill" template="Magento_Theme::js/polyfill.phtml" before="-"/>
<block class="Magento\Framework\View\Element\Js\Components" name="head.components" as="components" template="Magento_Theme::js/components.phtml" before="-"/>
</referenceContainer>
</body>
Expand Down
132 changes: 0 additions & 132 deletions app/code/Magento/Theme/view/frontend/templates/js/polyfill.phtml
View file
Open in desktop

This file was deleted.

176 changes: 176 additions & 0 deletions lib/web/mage/polyfill.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
try {
if (!window.localStorage || !window.sessionStorage) {
throw new Error();
}

localStorage.setItem('storage_test', 1);
localStorage.removeItem('storage_test');
} catch (e) {
(function () {
'use strict';

/**
* Returns a storage object to shim local or sessionStorage
* @param {String} type - either 'local' or 'session'
*/
var Storage = function (type) {
var data;

/**
* Creates a cookie
* @param {String} name
* @param {String} value
* @param {Integer} days
*/
function createCookie(name, value, days) {
var date, expires;

if (days) {
date = new Date();
date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
expires = '; expires=' + date.toGMTString();
} else {
expires = '';
}
document.cookie = name + '=' + value + expires + '; path=/';
}

/**
* Reads value of a cookie
* @param {String} name
*/
function readCookie(name) {
var nameEQ = name + '=',
ca = document.cookie.split(';'),
i = 0,
c;

for (i = 0; i < ca.length; i++) {
c = ca[i];

while (c.charAt(0) === ' ') {
c = c.substring(1, c.length);
}

if (c.indexOf(nameEQ) === 0) {
return c.substring(nameEQ.length, c.length);
}
}

return null;
}

/**
* Returns cookie name based upon the storage type.
* If this is session storage, the function returns a unique cookie per tab
*/
function getCookieName() {

if (type !== 'session') {
return 'localstorage';
}

if (!window.name) {
window.name = new Date().getTime();
}

return 'sessionStorage' + window.name;
}

/**
* Sets storage cookie to a data object
* @param {Object} dataObject
*/
function setData(dataObject) {
data = encodeURIComponent(JSON.stringify(dataObject));
createCookie(getCookieName(), data, 365);
}

/**
* Clears value of cookie data
*/
function clearData() {
createCookie(getCookieName(), '', 365);
}

/**
* @returns value of cookie data
*/
function getData() {
var dataResponse = readCookie(getCookieName());

return dataResponse ? JSON.parse(decodeURIComponent(dataResponse)) : {};
}

data = getData();

return {
length: 0,

/**
* Clears data from storage
*/
clear: function () {
data = {};
this.length = 0;
clearData();
},

/**
* Gets an item from storage
* @param {String} key
*/
getItem: function (key) {
return data[key] === undefined ? null : data[key];
},

/**
* Gets an item by index from storage
* @param {Integer} i
*/
key: function (i) {
var ctr = 0,
k;

for (k in data) {

if (data.hasOwnProperty(k)) {

// eslint-disable-next-line max-depth
if (ctr.toString() === i.toString()) {
return k;
}
ctr++;
}
}

return null;
},

/**
* Removes an item from storage
* @param {String} key
*/
removeItem: function (key) {
delete data[key];
this.length--;
setData(data);
},

/**
* Sets an item from storage
* @param {String} key
* @param {String} value
*/
setItem: function (key, value) {
data[key] = value.toString();
this.length++;
setData(data);
}
};
};

window.localStorage.prototype = window.localStorage = new Storage('local');
window.sessionStorage.prototype = window.sessionStorage = new Storage('session');
})();
}