From 549f0177941af5042dc90cc189b598049b65c653 Mon Sep 17 00:00:00 2001
From: Nathan Adams <dinnerbone@dinnerbone.com>
Date: Tue, 21 Nov 2023 18:54:43 +0100
Subject: [PATCH] web: Rename demo 'main' to 'playerContainer'

---
 web/packages/demo/src/index.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/packages/demo/src/index.ts b/web/packages/demo/src/index.ts
index 7a366e886..ea29baf43 100644
--- a/web/packages/demo/src/index.ts
+++ b/web/packages/demo/src/index.ts
@@ -27,7 +27,7 @@ const ruffle = (window.RufflePlayer as PublicAPI).newest()!;
 
 let player: RufflePlayer | null;
 
-const main = document.getElementById("player-container")!;
+const playerContainer = document.getElementById("player-container")!;
 const overlay = document.getElementById("overlay")!;
 const authorContainer = document.getElementById("author-container")!;
 const author = <HTMLLinkElement>document.getElementById("author");
@@ -140,7 +140,7 @@ function load(options: string | DataLoadOptions | URLLoadOptions) {
     unload();
     player = ruffle.createPlayer();
     player.id = "player";
-    main.append(player);
+    playerContainer.append(player);
     player.load(options, false);
     player.addEventListener("loadedmetadata", () => {
         if (player?.metadata) {
@@ -225,21 +225,21 @@ localFileInput.addEventListener("change", (event) => {
 
 sampleFileInput.addEventListener("change", () => loadSample());
 
-main.addEventListener("dragenter", (event) => {
+playerContainer.addEventListener("dragenter", (event) => {
     event.stopPropagation();
     event.preventDefault();
 });
-main.addEventListener("dragleave", (event) => {
+playerContainer.addEventListener("dragleave", (event) => {
     event.stopPropagation();
     event.preventDefault();
     overlay.classList.remove("drag");
 });
-main.addEventListener("dragover", (event) => {
+playerContainer.addEventListener("dragover", (event) => {
     event.stopPropagation();
     event.preventDefault();
     overlay.classList.add("drag");
 });
-main.addEventListener("drop", (event) => {
+playerContainer.addEventListener("drop", (event) => {
     event.stopPropagation();
     event.preventDefault();
     overlay.classList.remove("drag");