Prep folder with example

4 files changed, 25 insertions, 21 deletions

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
--- /dev/null
+++ b/webAO/index.ts
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: {