|
|
|
|
@ -1,5 +1,6 @@
|
|
|
|
|
import queueMicrotask from 'queue-microtask';
|
|
|
|
|
import browserUpdate from 'browser-update';
|
|
|
|
|
import 'matchmedia-polyfill';
|
|
|
|
|
|
|
|
|
|
window.queueMicrotask = queueMicrotask;
|
|
|
|
|
browserUpdate({
|
|
|
|
|
@ -9,3 +10,66 @@ browserUpdate({
|
|
|
|
|
insecure: true,
|
|
|
|
|
api: 2022.03,
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// monaco-editor requires this polyfill
|
|
|
|
|
if (window.MediaQueryList) {
|
|
|
|
|
MediaQueryList.prototype.addEventListener = (k, listener) => {
|
|
|
|
|
MediaQueryList.prototype.addListener(listener);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
if (!(window.matchMedia('all').addListener || window.matchMedia('all').addEventListener)) {
|
|
|
|
|
const localMatchMedia = window.matchMedia;
|
|
|
|
|
const hasMediaQueries = localMatchMedia('only all').matches;
|
|
|
|
|
let isListening = false;
|
|
|
|
|
let timeoutID;
|
|
|
|
|
const queries = [];
|
|
|
|
|
const handleChange = function () {
|
|
|
|
|
clearTimeout(timeoutID);
|
|
|
|
|
timeoutID = setTimeout(() => {
|
|
|
|
|
for (let i = 0, il = queries.length; i < il; i++) {
|
|
|
|
|
const { mql } = queries[i];
|
|
|
|
|
const listeners = queries[i].listeners || [];
|
|
|
|
|
const { matches } = localMatchMedia(mql.media);
|
|
|
|
|
if (matches !== mql.matches) {
|
|
|
|
|
mql.matches = matches;
|
|
|
|
|
for (let j = 0, jl = listeners.length; j < jl; j++) {
|
|
|
|
|
listeners[j].call(window, mql);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}, 30);
|
|
|
|
|
};
|
|
|
|
|
window.matchMedia = function (media) {
|
|
|
|
|
const mql = localMatchMedia(media);
|
|
|
|
|
const listeners = [];
|
|
|
|
|
let index = 0;
|
|
|
|
|
if (!mql.addListener) {
|
|
|
|
|
mql.addListener = function (listener) {
|
|
|
|
|
if (!hasMediaQueries) return;
|
|
|
|
|
if (!isListening) {
|
|
|
|
|
isListening = true;
|
|
|
|
|
window.addEventListener('resize', handleChange, true);
|
|
|
|
|
}
|
|
|
|
|
if (index === 0) {
|
|
|
|
|
index = queries.push({
|
|
|
|
|
mql,
|
|
|
|
|
listeners,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
listeners.push(listener);
|
|
|
|
|
};
|
|
|
|
|
mql.removeListener = function (listener) {
|
|
|
|
|
for (let i = 0, il = listeners.length; i < il; i++) {
|
|
|
|
|
if (listeners[i] === listener) {
|
|
|
|
|
listeners.splice(i, 1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
if (!mql.addEventListener) {
|
|
|
|
|
mql.addEventListener = (k, listener) => mql.addListener(listener);
|
|
|
|
|
mql.removeEventListener = (k, listener) => mql.removeListener(listener);
|
|
|
|
|
}
|
|
|
|
|
return mql;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
undefined
2 years ago