From fb3590ad774a07f45eaaaeb2b443ae264c302f3b Mon Sep 17 00:00:00 2001
From: Caleb <caleb.mabry.15@cnu.edu>
Date: Sun, 4 Sep 2022 20:45:52 -0400
Subject: Prep folder with example

---
 webAO/client.ts             | 20 --------------------
 webAO/dom/musicListClick.ts | 21 +++++++++++++++++++++
 webAO/index.ts              |  0
 webpack.config.js           |  5 ++++-
 4 files changed, 25 insertions(+), 21 deletions(-)
 create mode 100644 webAO/dom/musicListClick.ts
 create mode 100644 webAO/index.ts

diff --git a/webAO/client.ts b/webAO/client.ts
index 5d5eb2c..3bf8854 100644
--- a/webAO/client.ts
+++ b/webAO/client.ts
@@ -1119,26 +1119,6 @@ export function resetICParams() {
 }
 window.musiclist_filter = musiclist_filter;
 
-/**
- * Triggered when an item on the music list is clicked.
- * @param {MouseEvent} event
- */
-export function musiclist_click(_event: Event) {
-  const playtrack = (<HTMLInputElement>(
-    document.getElementById("client_musiclist")
-  )).value;
-  client.sendMusicChange(playtrack);
-
-  // This is here so you can't actually select multiple tracks,
-  // even though the select tag has the multiple option to render differently
-  const musiclist_elements = (<HTMLSelectElement>(
-    document.getElementById("client_musiclist")
-  )).selectedOptions;
-  for (let i = 0; i < musiclist_elements.length; i++) {
-    musiclist_elements[i].selected = false;
-  }
-}
-window.musiclist_click = musiclist_click;
 
 /**
  * Triggered when a character in the mute list is clicked
diff --git a/webAO/dom/musicListClick.ts b/webAO/dom/musicListClick.ts
new file mode 100644
index 0000000..8fd3be5
--- /dev/null
+++ b/webAO/dom/musicListClick.ts
@@ -0,0 +1,21 @@
+import { client } from "../client";
+/**
+ * Triggered when an item on the music list is clicked.
+ * @param {MouseEvent} event
+ */
+export function musiclist_click(_event: Event) {
+    const playtrack = (<HTMLInputElement>(
+        document.getElementById("client_musiclist")
+    )).value;
+    client.sendMusicChange(playtrack);
+
+    // This is here so you can't actually select multiple tracks,
+    // even though the select tag has the multiple option to render differently
+    const musiclist_elements = (<HTMLSelectElement>(
+        document.getElementById("client_musiclist")
+    )).selectedOptions;
+    for (let i = 0; i < musiclist_elements.length; i++) {
+        musiclist_elements[i].selected = false;
+    }
+}
+window.musiclist_click = musiclist_click;
diff --git a/webAO/index.ts b/webAO/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/webpack.config.js b/webpack.config.js
index 979be27..f4b34b5 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -16,7 +16,10 @@ module.exports = {
     ui: './webAO/ui.js',
     client: './webAO/client.ts',
     master: './webAO/master.ts',
-    dom: glob.sync('./webAO/dom/*.{js,ts}'),
+    dom: {
+      dependOn: 'client',
+      import: glob.sync('./webAO/dom/*.{js,ts}')
+    },
     components: glob.sync('./webAO/components/*.js'),
   },
   node: {
-- 
cgit