mirror of
https://github.com/lunaisnotaboy/mastodon.git
synced 2024-08-14 20:14:54 +00:00
* only begin iframe reheight once document state is complete * format * lint fixes * Update public/embed.js to use readystatechange event listener Co-authored-by: Claire <claire.github-309c@sitedethib.com> * Call loaded() if ready, otherwise add listenter * lint fix Co-authored-by: Claire <claire.github-309c@sitedethib.com>
70 lines
1.6 KiB
JavaScript
70 lines
1.6 KiB
JavaScript
// @ts-check
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
/**
|
|
* @param {() => void} loaded
|
|
*/
|
|
var ready = function (loaded) {
|
|
if (document.readyState === 'complete') {
|
|
loaded();
|
|
} else {
|
|
document.addEventListener('readystatechange', function () {
|
|
if (document.readyState === 'complete') {
|
|
loaded();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
ready(function () {
|
|
/** @type {Map<number, HTMLIFrameElement>} */
|
|
var iframes = new Map();
|
|
|
|
window.addEventListener('message', function (e) {
|
|
var data = e.data || {};
|
|
|
|
if (typeof data !== 'object' || data.type !== 'setHeight' || !iframes.has(data.id)) {
|
|
return;
|
|
}
|
|
|
|
var iframe = iframes.get(data.id);
|
|
|
|
if ('source' in e && iframe.contentWindow !== e.source) {
|
|
return;
|
|
}
|
|
|
|
iframe.height = data.height;
|
|
});
|
|
|
|
[].forEach.call(document.querySelectorAll('iframe.mastodon-embed'), function (iframe) {
|
|
// select unique id for each iframe
|
|
var id = 0, failCount = 0, idBuffer = new Uint32Array(1);
|
|
while (id === 0 || iframes.has(id)) {
|
|
id = crypto.getRandomValues(idBuffer)[0];
|
|
failCount++;
|
|
if (failCount > 100) {
|
|
// give up and assign (easily guessable) unique number if getRandomValues is broken or no luck
|
|
id = -(iframes.size + 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
iframes.set(id, iframe);
|
|
|
|
iframe.scrolling = 'no';
|
|
iframe.style.overflow = 'hidden';
|
|
|
|
iframe.onload = function () {
|
|
iframe.contentWindow.postMessage({
|
|
type: 'setHeight',
|
|
id: id,
|
|
}, '*');
|
|
};
|
|
|
|
iframe.onload();
|
|
});
|
|
});
|
|
})();
|