liangsheng8708
/
ruffle
mirror of https://mirror.ghproxy.com/https://github.com/ruffle-rs/ruffle.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

web: Rename methods/variables inside polyfills to be camelCase

This commit is contained in:
Nathan Adams 2020-11-17 22:55:29 +01:00 committed by Mike Welsh
parent 1bf4f5c4e4
commit 48aa26460d
1 changed files with 49 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
web/packages/core/src/polyfills.ts
View File

@ -7,17 +7,17 @@ import { Config } from "./config";
if (!window.RufflePlayer) { if (!window.RufflePlayer) {
window.RufflePlayer = {}; window.RufflePlayer = {};
} }
let top_level_ruffle_config: Config; let topLevelRuffleConfig: Config;
let ruffle_script_src = public_path({}, "ruffle.js"); let ruffleScriptSrc = public_path({}, "ruffle.js");
if (window.RufflePlayer.config) { if (window.RufflePlayer.config) {
top_level_ruffle_config = window.RufflePlayer.config; topLevelRuffleConfig = window.RufflePlayer.config;
ruffle_script_src = public_path(window.RufflePlayer.config, "ruffle.js"); ruffleScriptSrc = public_path(window.RufflePlayer.config, "ruffle.js");
} }
/* public_path returns the directory where the file is, * /* public_path returns the directory where the file is, *
* so we need to append the filename. We don't need to * * so we need to append the filename. We don't need to *
* worry about the directory not having a slash because * * worry about the directory not having a slash because *
* public_path appends a slash. */ * public_path appends a slash. */
ruffle_script_src += "ruffle.js"; ruffleScriptSrc += "ruffle.js";
/** /**
* Polyfill native elements with Ruffle equivalents. * Polyfill native elements with Ruffle equivalents.
@ -29,7 +29,7 @@ ruffle_script_src += "ruffle.js";
*/ */
let objects: HTMLCollectionOf<HTMLElement>; let objects: HTMLCollectionOf<HTMLElement>;
let embeds: HTMLCollectionOf<HTMLElement>; let embeds: HTMLCollectionOf<HTMLElement>;
function replace_flash_instances(): void { function replaceFlashInstances(): void {
try { try {
// Create live collections to track embed tags. // Create live collections to track embed tags.
objects = objects || document.getElementsByTagName("object"); objects = objects || document.getElementsByTagName("object");
@ -38,14 +38,14 @@ function replace_flash_instances(): void {
// Replace <object> first, because <object> often wraps <embed>. // Replace <object> first, because <object> often wraps <embed>.
for (const elem of Array.from(objects)) { for (const elem of Array.from(objects)) {
if (RuffleObject.isInterdictable(elem)) { if (RuffleObject.isInterdictable(elem)) {
const ruffle_obj = RuffleObject.fromNativeObjectElement(elem); const ruffleObject = RuffleObject.fromNativeObjectElement(elem);
elem.replaceWith(ruffle_obj); elem.replaceWith(ruffleObject);
} }
} }
for (const elem of Array.from(embeds)) { for (const elem of Array.from(embeds)) {
if (RuffleEmbed.isInterdictable(elem)) { if (RuffleEmbed.isInterdictable(elem)) {
const ruffle_obj = RuffleEmbed.fromNativeEmbedElement(elem); const ruffleObject = RuffleEmbed.fromNativeEmbedElement(elem);
elem.replaceWith(ruffle_obj); elem.replaceWith(ruffleObject);
} }
} }
} catch (err) { } catch (err) {
@ -56,11 +56,11 @@ function replace_flash_instances(): void {
} }
} }
function polyfill_static_content(): void { function polyfillStaticContent(): void {
replace_flash_instances(); replaceFlashInstances();
} }
function polyfill_dynamic_content(): void { function polyfillDynamicContent(): void {
// Listen for changes to the DOM. If nodes are added, re-check for any Flash instances. // Listen for changes to the DOM. If nodes are added, re-check for any Flash instances.
const observer = new MutationObserver(function (mutationsList) { const observer = new MutationObserver(function (mutationsList) {
// If any nodes were added, re-run the polyfill to replace any new instances. // If any nodes were added, re-run the polyfill to replace any new instances.
@ -68,24 +68,24 @@ function polyfill_dynamic_content(): void {
(mutation) => mutation.addedNodes.length > 0 (mutation) => mutation.addedNodes.length > 0
); );
if (nodesAdded) { if (nodesAdded) {
replace_flash_instances(); replaceFlashInstances();
} }
}); });
observer.observe(document, { childList: true, subtree: true }); observer.observe(document, { childList: true, subtree: true });
} }
function load_ruffle_player_into_frame(event: Event): void { function loadRufflePlayerIntoFrame(event: Event): void {
const currentTarget = event.currentTarget; const currentTarget = event.currentTarget;
if (currentTarget != null && "contentWindow" in currentTarget) { if (currentTarget != null && "contentWindow" in currentTarget) {
loadFrame(currentTarget["contentWindow"]); loadFrame(currentTarget["contentWindow"]);
} }
} }
function loadFrame(current_frame: Window): void { function loadFrame(currentFrame: Window): void {
let frame_document; let frameDocument;
try { try {
frame_document = current_frame.document; frameDocument = currentFrame.document;
if (!frame_document) { if (!frameDocument) {
console.log("Frame has no document."); console.log("Frame has no document.");
return; return;
} }
@ -93,17 +93,17 @@ function loadFrame(current_frame: Window): void {
console.log("Error Getting Frame: " + e.message); console.log("Error Getting Frame: " + e.message);
return; return;
} }
if (!current_frame.RufflePlayer) { if (!currentFrame.RufflePlayer) {
/* Make sure we populate the frame's window.RufflePlayer.config */ /* Make sure we populate the frame's window.RufflePlayer.config */
current_frame.RufflePlayer = {}; currentFrame.RufflePlayer = {};
current_frame.RufflePlayer.config = top_level_ruffle_config; currentFrame.RufflePlayer.config = topLevelRuffleConfig;
const script = frame_document.createElement("script"); const script = frameDocument.createElement("script");
script.src = ruffle_script_src; /* Load this script(ruffle.js) into the frame */ script.src = ruffleScriptSrc; /* Load this script(ruffle.js) into the frame */
frame_document.body.appendChild(script); frameDocument.body.appendChild(script);
} else { } else {
console.log("(i)frame already has RufflePlayer"); console.log("(i)frame already has RufflePlayer");
} }
polyfill_frames_common(current_frame); polyfillFramesCommon(currentFrame);
} }
function handleFrames( function handleFrames(
@ -112,7 +112,7 @@ function handleFrames(
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
let originalOnLoad: ((ev: Event) => any) | null; let originalOnLoad: ((ev: Event) => any) | null;
for (let i = 0; i < frameList.length; i++) { for (let i = 0; i < frameList.length; i++) {
const current_frame = frameList[i]; const currentFrame = frameList[i];
/* Apparently, using addEventListener attaches the event * /* Apparently, using addEventListener attaches the event *
* to the dummy document, which is overwritten when the * * to the dummy document, which is overwritten when the *
* iframe is loaded, so we do this. It can only works if * * iframe is loaded, so we do this. It can only works if *
@ -125,12 +125,12 @@ function handleFrames(
setTimeout(function () { setTimeout(function () {
try { try {
if ( if (
current_frame.contentDocument && currentFrame.contentDocument &&
current_frame.contentDocument.readyState && currentFrame.contentDocument.readyState &&
current_frame.contentDocument.readyState == "complete" && currentFrame.contentDocument.readyState == "complete" &&
current_frame.contentWindow currentFrame.contentWindow
) { ) {
loadFrame(current_frame.contentWindow); loadFrame(currentFrame.contentWindow);
} }
} catch (e) { } catch (e) {
console.log( console.log(
@ -139,8 +139,8 @@ function handleFrames(
} }
}, 500); }, 500);
try { try {
if ((originalOnLoad = current_frame.onload)) { if ((originalOnLoad = currentFrame.onload)) {
current_frame.onload = function (event) { currentFrame.onload = function (event) {
if (originalOnLoad != null) { if (originalOnLoad != null) {
try { try {
originalOnLoad(event); originalOnLoad(event);
@ -150,14 +150,14 @@ function handleFrames(
); );
} }
} }
load_ruffle_player_into_frame(event); loadRufflePlayerIntoFrame(event);
}; };
} else { } else {
current_frame.onload = load_ruffle_player_into_frame; currentFrame.onload = loadRufflePlayerIntoFrame;
} }
const depth = current_frame.contentWindow; const depth = currentFrame.contentWindow;
if (depth != null) { if (depth != null) {
polyfill_frames_common(depth); polyfillFramesCommon(depth);
} }
} catch (e) { } catch (e) {
console.log("error loading ruffle player into frame: " + e.message); console.log("error loading ruffle player into frame: " + e.message);
@ -165,27 +165,27 @@ function handleFrames(
} }
} }
function polyfill_frames_common(depth: Window): void { function polyfillFramesCommon(depth: Window): void {
handleFrames(depth.document.getElementsByTagName("iframe")); handleFrames(depth.document.getElementsByTagName("iframe"));
handleFrames(depth.document.getElementsByTagName("frame")); handleFrames(depth.document.getElementsByTagName("frame"));
} }
function polyfill_static_frames(): void { function polyfillStaticFrames(): void {
polyfill_frames_common(window); polyfillFramesCommon(window);
} }
function ruffle_frame_listener(mutationsList: MutationRecord[]): void { function runFrameListener(mutationsList: MutationRecord[]): void {
/* Basically the same as the listener for dynamic embeds. */ /* Basically the same as the listener for dynamic embeds. */
const nodesAdded = mutationsList.some( const nodesAdded = mutationsList.some(
(mutation) => mutation.addedNodes.length > 0 (mutation) => mutation.addedNodes.length > 0
); );
if (nodesAdded) { if (nodesAdded) {
polyfill_frames_common(window); polyfillFramesCommon(window);
} }
} }
function polyfill_dynamic_frames(): void { function polyfillDynamicFrames(): void {
const observer = new MutationObserver(ruffle_frame_listener); const observer = new MutationObserver(runFrameListener);
observer.observe(document, { childList: true, subtree: true }); observer.observe(document, { childList: true, subtree: true });
} }
@ -200,8 +200,8 @@ export function pluginPolyfill(): void {
* Polyfills legacy flash content on the page. * Polyfills legacy flash content on the page.
*/ */
export function polyfill(): void { export function polyfill(): void {
polyfill_static_content(); polyfillStaticContent();
polyfill_dynamic_content(); polyfillDynamicContent();
polyfill_static_frames(); polyfillStaticFrames();
polyfill_dynamic_frames(); polyfillDynamicFrames();
} }