web: Rename player elements to *Element

web/packages/core/src/internal/player/ruffle-embed-element.ts

@@ -1,4 +1,4 @@
-import { copyElement, RufflePlayer } from "./ruffle-player";
+import { copyElement, RufflePlayerElement } from "./ruffle-player-element";
 import {
     getPolyfillOptions,
     isFallbackElement,
@@ -16,7 +16,7 @@ import { isSwf } from "../../swf-utils";
  *
  * @internal
  */
-export class RuffleEmbed extends RufflePlayer {
+export class RuffleEmbedElement extends RufflePlayerElement {
     /**
      * @ignore
      * @internal
@@ -136,9 +136,14 @@ export class RuffleEmbed extends RufflePlayer {
      * @param elem Element to replace.
      * @returns Created RuffleEmbed.
      */
-    static fromNativeEmbedElement(elem: Element): RuffleEmbed {
-        const externalName = registerElement("ruffle-embed", RuffleEmbed);
-        const ruffleObj = document.createElement(externalName) as RuffleEmbed;
+    static fromNativeEmbedElement(elem: Element): RuffleEmbedElement {
+        const externalName = registerElement(
+            "ruffle-embed",
+            RuffleEmbedElement,
+        );
+        const ruffleObj = document.createElement(
+            externalName,
+        ) as RuffleEmbedElement;
         copyElement(elem, ruffleObj);
 
         return ruffleObj;

web/packages/core/src/internal/player/ruffle-object-element.ts

@@ -1,4 +1,4 @@
-import { copyElement, RufflePlayer } from "./ruffle-player";
+import { copyElement, RufflePlayerElement } from "./ruffle-player-element";
 import {
     getPolyfillOptions,
     isFallbackElement,
@@ -7,7 +7,7 @@ import {
 } from "./inner";
 import { FLASH_ACTIVEX_CLASSID } from "../../flash-identifiers";
 import { registerElement } from "../register-element";
-import { RuffleEmbed } from "./ruffle-embed";
+import { RuffleEmbedElement } from "./ruffle-embed-element";
 import { isSwf } from "../../swf-utils";
 
 /**
@@ -63,7 +63,7 @@ function paramsOf(elem: Element): Record<string, string> {
  *
  * @internal
  */
-export class RuffleObject extends RufflePlayer {
+export class RuffleObjectElement extends RufflePlayerElement {
     private params: Record<string, string> = {};
 
     /**
@@ -232,10 +232,10 @@ export class RuffleObject extends RufflePlayer {
             // another <object> that would be supported on modern browsers.
             return (
                 !Array.from(elem.getElementsByTagName("object")).some(
-                    RuffleObject.isInterdictable,
+                    RuffleObjectElement.isInterdictable,
                 ) &&
                 !Array.from(elem.getElementsByTagName("embed")).some(
-                    RuffleEmbed.isInterdictable,
+                    RuffleEmbedElement.isInterdictable,
                 )
             );
         } else if (classid) {
@@ -252,17 +252,20 @@ export class RuffleObject extends RufflePlayer {
      * @param elem Element to replace.
      * @returns Created RuffleObject.
      */
-    static fromNativeObjectElement(elem: Element): RuffleObject {
-        const externalName = registerElement("ruffle-object", RuffleObject);
-        const ruffleObj: RuffleObject = document.createElement(
+    static fromNativeObjectElement(elem: Element): RuffleObjectElement {
+        const externalName = registerElement(
+            "ruffle-object",
+            RuffleObjectElement,
+        );
+        const ruffleObj: RuffleObjectElement = document.createElement(
             externalName,
-        ) as RuffleObject;
+        ) as RuffleObjectElement;
 
         // Avoid copying embeds-inside-objects to avoid double polyfilling.
         for (const embedElem of Array.from(
             elem.getElementsByTagName("embed"),
         )) {
-            if (RuffleEmbed.isInterdictable(embedElem)) {
+            if (RuffleEmbedElement.isInterdictable(embedElem)) {
                 embedElem.remove();
             }
         }
@@ -272,7 +275,7 @@ export class RuffleObject extends RufflePlayer {
         for (const objectElem of Array.from(
             elem.getElementsByTagName("object"),
         )) {
-            if (RuffleObject.isInterdictable(objectElem)) {
+            if (RuffleObjectElement.isInterdictable(objectElem)) {
                 objectElem.remove();
             }
         }

web/packages/core/src/internal/player/ruffle-player-element.tsx

@@ -8,7 +8,7 @@ import { Player } from "../../public/player";
  *
  * This element will represent the rendered and intractable flash movie.
  */
-export class RufflePlayer extends HTMLElement implements Player {
+export class RufflePlayerElement extends HTMLElement implements Player {
     #inner: InnerPlayer;
 
     get onFSCommand(): ((command: string, args: string) => boolean) | null {

web/packages/core/src/polyfills.ts

@@ -1,5 +1,5 @@
-import { RuffleObject } from "./internal/player/ruffle-object";
-import { RuffleEmbed } from "./internal/player/ruffle-embed";
+import { RuffleObjectElement } from "./internal/player/ruffle-object-element";
+import { RuffleEmbedElement } from "./internal/player/ruffle-embed-element";
 import { installPlugin, FLASH_PLUGIN } from "./plugin-polyfill";
 import { publicPath } from "./public-path";
 import type { DataLoadOptions, URLLoadOptions } from "./load-options";
@@ -48,14 +48,16 @@ function polyfillFlashInstances(): void {
 
         // Replace <object> first, because <object> often wraps <embed>.
         for (const elem of Array.from(objects)) {
-            if (RuffleObject.isInterdictable(elem)) {
-                const ruffleObject = RuffleObject.fromNativeObjectElement(elem);
+            if (RuffleObjectElement.isInterdictable(elem)) {
+                const ruffleObject =
+                    RuffleObjectElement.fromNativeObjectElement(elem);
                 elem.replaceWith(ruffleObject);
             }
         }
         for (const elem of Array.from(embeds)) {
-            if (RuffleEmbed.isInterdictable(elem)) {
-                const ruffleEmbed = RuffleEmbed.fromNativeEmbedElement(elem);
+            if (RuffleEmbedElement.isInterdictable(elem)) {
+                const ruffleEmbed =
+                    RuffleEmbedElement.fromNativeEmbedElement(elem);
                 elem.replaceWith(ruffleEmbed);
             }
         }

web/packages/core/src/source-api.ts

@@ -1,6 +1,6 @@
 import { pluginPolyfill, polyfill } from "./polyfills";
 import { registerElement } from "./internal/register-element";
-import { RufflePlayer } from "./internal/player/ruffle-player";
+import { RufflePlayerElement } from "./internal/player/ruffle-player-element";
 import { buildInfo } from "./build-info";
 import { InstallationOptions } from "./install";
 import { Player } from "./public/player";
@@ -78,8 +78,8 @@ export const internalSourceApi = {
      * into the current page as you wish.
      */
     createPlayer(): Player {
-        const name = registerElement("ruffle-player", RufflePlayer);
-        return document.createElement(name) as RufflePlayer;
+        const name = registerElement("ruffle-player", RufflePlayerElement);
+        return document.createElement(name) as RufflePlayerElement;
     },
 
     /**