ruffle/web/js-src/element.js

61 lines
2.4 KiB
JavaScript

import RuffleObject from "./ruffle-object";
import RuffleEmbed from "./ruffle-embed";
import { install_plugin, FLASH_PLUGIN } from "./plugin-polyfill";
/**
* Interdict native elements with Ruffle equivalents.
*
* This interdiction isn't fool-proof: If there's a chance site JavaScript has
* access to a pre-interdiction element, then this will break horribly. We can
* keep native objects out of the DOM, and thus out of JavaScript's grubby
* little hands, but only if we load first.
*/
function wrap_tree(elem) {
try {
if (elem.nodeName.toLowerCase() === "object" && RuffleObject.is_interdictable(elem)) {
let ruffle_obj = RuffleObject.from_native_object_element(elem);
elem.parentElement.replaceChild(ruffle_obj, elem);
} else if (elem.nodeName.toLowerCase() === "embed" && RuffleEmbed.is_interdictable(elem)) {
let ruffle_obj = RuffleEmbed.from_native_object_element(elem);
elem.parentElement.replaceChild(ruffle_obj, elem);
} else {
for (let node of Array.from(elem.getElementsByTagName("object"))) {
if (RuffleObject.is_interdictable(node)) {
let ruffle_obj = RuffleObject.from_native_object_element(node);
node.parentElement.replaceChild(ruffle_obj, node);
}
}
for (let node of Array.from(elem.getElementsByTagName("embed"))) {
if (RuffleEmbed.is_interdictable(node)) {
let ruffle_obj = RuffleEmbed.from_native_embed_element(node);
node.parentElement.replaceChild(ruffle_obj, node);
}
}
}
} catch (err) {
console.error("Serious error encountered when interdicting native Flash elements: " + err);
}
}
console.log("Welcome to ruffle");
window.customElements.define("ruffle-object", RuffleObject);
window.customElements.define("ruffle-embed", RuffleEmbed);
wrap_tree(document.getElementsByTagName("html")[0]);
const observer = new MutationObserver(function (mutationsList, observer) {
for (let mutation of mutationsList) {
for (let node of mutation.addedNodes) {
if (node instanceof Element) {
wrap_tree(node);
} else {
console.error("Cannot process added node of type " + node.constructor.name);
}
}
}
});
observer.observe(document, { childList: true, subtree: true});
install_plugin(FLASH_PLUGIN);