From a91c839a5115df3b9c5793ba9a42fefbeb49d62a Mon Sep 17 00:00:00 2001
From: tsa96 <tom@trumpetdust.org>
Date: Fri, 15 Nov 2024 06:23:52 +0000
Subject: [PATCH 1/4] feat: use native typescript compilation

scell goat
---
 .github/workflows/format.yml                      | 2 +-
 .gitignore                                        | 1 -
 .prettierignore                                   | 1 -
 eslint.config.mjs                                 | 1 -
 layout/components/chat.xml                        | 2 +-
 layout/components/color-display.xml               | 2 +-
 layout/components/color-picker.xml                | 2 +-
 layout/components/graphs/line-graph.xml           | 2 +-
 layout/components/level-indicator.xml             | 2 +-
 layout/components/player-card.xml                 | 2 +-
 layout/components/range-color-display.xml         | 2 +-
 layout/components/split.xml                       | 2 +-
 layout/hud/cgaz.xml                               | 2 +-
 layout/hud/comparisons.xml                        | 2 +-
 layout/hud/conc-cook-time.xml                     | 2 +-
 layout/hud/conc-entities.xml                      | 2 +-
 layout/hud/console-notify.xml                     | 2 +-
 layout/hud/df-jump.xml                            | 2 +-
 layout/hud/ghost-entities.xml                     | 2 +-
 layout/hud/ground-boost.xml                       | 2 +-
 layout/hud/jump-stats.xml                         | 2 +-
 layout/hud/map-info.xml                           | 2 +-
 layout/hud/powerup-timer.xml                      | 2 +-
 layout/hud/replay-controls.xml                    | 2 +-
 layout/hud/spec-info.xml                          | 2 +-
 layout/hud/spectate.xml                           | 2 +-
 layout/hud/speedometer.xml                        | 2 +-
 layout/hud/static-menu.xml                        | 2 +-
 layout/hud/status.xml                             | 2 +-
 layout/hud/sticky-charge.xml                      | 2 +-
 layout/hud/sticky-count.xml                       | 2 +-
 layout/hud/strafe-sync.xml                        | 2 +-
 layout/hud/synchronizer.xml                       | 2 +-
 layout/hud/tab-menu.xml                           | 2 +-
 layout/hud/timer.xml                              | 2 +-
 layout/hud/weapon-selection.xml                   | 2 +-
 layout/modals/popups/color-picker.xml             | 2 +-
 layout/modals/popups/dont-show-again-settings.xml | 2 +-
 layout/modals/popups/import-export-settings.xml   | 2 +-
 layout/modals/popups/lobby-create.xml             | 2 +-
 layout/modals/popups/lobby-settings.xml           | 2 +-
 layout/modals/popups/playtest-welcome.xml         | 2 +-
 layout/modals/popups/range-color-profile-name.xml | 2 +-
 layout/modals/popups/speedometer-select.xml       | 2 +-
 layout/modals/tooltips/credit.xml                 | 2 +-
 layout/pages/console.xml                          | 2 +-
 layout/pages/controls-library.xml                 | 2 +-
 layout/pages/drawer/about.xml                     | 2 +-
 layout/pages/drawer/lobby.xml                     | 2 +-
 layout/pages/drawer/profile.xml                   | 2 +-
 layout/pages/end-of-run/end-of-run.xml            | 2 +-
 layout/pages/end-of-run/xp.xml                    | 2 +-
 layout/pages/intro-movie.xml                      | 2 +-
 layout/pages/leaderboards/entry.xml               | 2 +-
 layout/pages/leaderboards/leaderboards.xml        | 2 +-
 layout/pages/learn.xml                            | 2 +-
 layout/pages/loading-screen.xml                   | 2 +-
 layout/pages/main-menu/main-menu.xml              | 4 ++--
 layout/pages/main-menu/news.xml                   | 2 +-
 layout/pages/map-selector/download-status.xml     | 2 +-
 layout/pages/map-selector/map-entry.xml           | 2 +-
 layout/pages/map-selector/map-selector.xml        | 2 +-
 layout/pages/settings/audio.xml                   | 2 +-
 layout/pages/settings/gameplay.xml                | 2 +-
 layout/pages/settings/input.xml                   | 4 ++--
 layout/pages/settings/interface.xml               | 4 ++--
 layout/pages/settings/online.xml                  | 2 +-
 layout/pages/settings/settings.xml                | 2 +-
 layout/pages/settings/video.xml                   | 2 +-
 layout/pages/zoning/zoning.xml                    | 2 +-
 layout/util/toast-manager.xml                     | 2 +-
 package.json                                      | 4 ++--
 panorama.cfg                                      | 2 +-
 tsconfig.json                                     | 1 -
 74 files changed, 74 insertions(+), 78 deletions(-)

diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
index 18102578..259bd8dd 100644
--- a/.github/workflows/format.yml
+++ b/.github/workflows/format.yml
@@ -27,4 +27,4 @@ jobs:
       run: npm run lint:check 
       
     - name: TypeScript Build
-      run: npm run build
+      run: npm run ts:check
diff --git a/.gitignore b/.gitignore
index b8dae879..471e80c6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,7 +9,6 @@ node_modules
 # Specific files
 learn.vdf
 __types_momentum.js
-script_dist/
 
 # Generated by fontconfig
 .uuid
diff --git a/.prettierignore b/.prettierignore
index 2e803f6b..b9682d49 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,2 +1 @@
 scripts/types/
-script_dist/
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 600242fb..b28f3981 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -11,7 +11,6 @@ export default [
 			'**/node_modules',
 			'**/__types_momentum.js',
 			'**/tools',
-			'**/script_dist',
 			'scripts/types'
 		]
 	},
diff --git a/layout/components/chat.xml b/layout/components/chat.xml
index 888111b9..272ba4c5 100644
--- a/layout/components/chat.xml
+++ b/layout/components/chat.xml
@@ -19,7 +19,7 @@
 		<include src="file://{resources}/styles/main.scss" />
 	</styles>
 	<scripts>
-		<include type="module" src="file://{scripts}/components/chat.js" />
+		<include type="module" src="file://{scripts}/components/chat.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/components/color-display.xml b/layout/components/color-display.xml
index bacb323d..b0f1fa0c 100644
--- a/layout/components/color-display.xml
+++ b/layout/components/color-display.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/components/color-display.js" />
+		<include type="module" src="file://{scripts}/components/color-display.ts" />
 	</scripts>
 
 	<Panel class="colordisplay" onload="ColorDisplayHandler.onLoad()">
diff --git a/layout/components/color-picker.xml b/layout/components/color-picker.xml
index f500fc87..9e264a2e 100644
--- a/layout/components/color-picker.xml
+++ b/layout/components/color-picker.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/components/color-picker.js" />
+		<include type="module" src="file://{scripts}/components/color-picker.ts" />
 	</scripts>
 	
 	<snippets>
diff --git a/layout/components/graphs/line-graph.xml b/layout/components/graphs/line-graph.xml
index 01e12f3e..ad8e38f9 100644
--- a/layout/components/graphs/line-graph.xml
+++ b/layout/components/graphs/line-graph.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/components/graphs/line-graph.js" />
+		<include type="module" src="file://{scripts}/components/graphs/line-graph.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/components/level-indicator.xml b/layout/components/level-indicator.xml
index 0d9ec8f8..be728016 100644
--- a/layout/components/level-indicator.xml
+++ b/layout/components/level-indicator.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/components/level-indicator.js" />
+		<include type="module" src="file://{scripts}/components/level-indicator.ts" />
 	</scripts>
 
 	<Panel class="levelindicator">
diff --git a/layout/components/player-card.xml b/layout/components/player-card.xml
index 834b277e..9d0113a9 100644
--- a/layout/components/player-card.xml
+++ b/layout/components/player-card.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/components/player-card.js" />
+		<include type="module" src="file://{scripts}/components/player-card.ts" />
 	</scripts>
 
 	<Panel class="playercard">
diff --git a/layout/components/range-color-display.xml b/layout/components/range-color-display.xml
index 455fe133..11eb2ae8 100644
--- a/layout/components/range-color-display.xml
+++ b/layout/components/range-color-display.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/components/range-color-display.js" />
+		<include type="module" src="file://{scripts}/components/range-color-display.ts" />
 	</scripts>
 	
 	<Panel class="rangecolordisplay">
diff --git a/layout/components/split.xml b/layout/components/split.xml
index c0aa9e0c..9685c5cb 100644
--- a/layout/components/split.xml
+++ b/layout/components/split.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/components/split.js" />
+		<include type="module" src="file://{scripts}/components/split.ts" />
 	</scripts>
 
 	<Panel class="split">
diff --git a/layout/hud/cgaz.xml b/layout/hud/cgaz.xml
index 27acd6e4..2992742b 100644
--- a/layout/hud/cgaz.xml
+++ b/layout/hud/cgaz.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/cgaz.js" />
+		<include type="module" src="file://{scripts}/hud/cgaz.ts" />
 	</scripts>
 
 	<MomHudCgaz class="full-width full-height" alternateTicks="false">
diff --git a/layout/hud/comparisons.xml b/layout/hud/comparisons.xml
index 80b17067..aabee5f5 100644
--- a/layout/hud/comparisons.xml
+++ b/layout/hud/comparisons.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/comparisons.js" />
+		<include type="module" src="file://{scripts}/hud/comparisons.ts" />
 	</scripts>
 
 	<HudComparisons class="hud-comparisons">
diff --git a/layout/hud/conc-cook-time.xml b/layout/hud/conc-cook-time.xml
index a3109343..61a599b8 100644
--- a/layout/hud/conc-cook-time.xml
+++ b/layout/hud/conc-cook-time.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/conc-cook-time.js" />
+		<include type="module" src="file://{scripts}/hud/conc-cook-time.ts" />
 	</scripts>
 
 	<MomHudConcCooktime class="horizontal-align-center">
diff --git a/layout/hud/conc-entities.xml b/layout/hud/conc-entities.xml
index 3d678ea9..99f77cc4 100644
--- a/layout/hud/conc-entities.xml
+++ b/layout/hud/conc-entities.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/conc-entities.js" />
+		<include type="module" src="file://{scripts}/hud/conc-entities.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/hud/console-notify.xml b/layout/hud/console-notify.xml
index e3e8294b..57bcf4e1 100644
--- a/layout/hud/console-notify.xml
+++ b/layout/hud/console-notify.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/console-notify.js" />
+		<include type="module" src="file://{scripts}/hud/console-notify.ts" />
 	</scripts>
 	
 	<Panel class="console-notify__frame">
diff --git a/layout/hud/df-jump.xml b/layout/hud/df-jump.xml
index bd627d1b..1ff73fd2 100644
--- a/layout/hud/df-jump.xml
+++ b/layout/hud/df-jump.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/df-jump.js" />
+		<include type="module" src="file://{scripts}/hud/df-jump.ts" />
 	</scripts>
 	
 	<MomHudDFJump>
diff --git a/layout/hud/ghost-entities.xml b/layout/hud/ghost-entities.xml
index 374ce34d..eaeaa637 100644
--- a/layout/hud/ghost-entities.xml
+++ b/layout/hud/ghost-entities.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/ghost-entities.js" />
+		<include type="module" src="file://{scripts}/hud/ghost-entities.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/hud/ground-boost.xml b/layout/hud/ground-boost.xml
index 1c6fc5b0..3179d824 100644
--- a/layout/hud/ground-boost.xml
+++ b/layout/hud/ground-boost.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/ground-boost.js" />
+		<include type="module" src="file://{scripts}/hud/ground-boost.ts" />
 	</scripts>
 
 	<MomHudGroundboost class="horizontal-align-center" alternateTicks="false">
diff --git a/layout/hud/jump-stats.xml b/layout/hud/jump-stats.xml
index 0162688d..972c63fe 100644
--- a/layout/hud/jump-stats.xml
+++ b/layout/hud/jump-stats.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/jump-stats.js" />
+		<include type="module" src="file://{scripts}/hud/jump-stats.ts" />
 	</scripts>
 
 	<MomHudJumpStats class="jumpstats">
diff --git a/layout/hud/map-info.xml b/layout/hud/map-info.xml
index eb354a0d..bb3c417c 100644
--- a/layout/hud/map-info.xml
+++ b/layout/hud/map-info.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/map-info.js" />
+		<include type="module" src="file://{scripts}/hud/map-info.ts" />
 	</scripts>
 
 	<MomHudMapInfo class="hudmapinfo">
diff --git a/layout/hud/powerup-timer.xml b/layout/hud/powerup-timer.xml
index 11169daf..4980aee8 100644
--- a/layout/hud/powerup-timer.xml
+++ b/layout/hud/powerup-timer.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/powerup-timer.js" />
+		<include type="module" src="file://{scripts}/hud/powerup-timer.ts" />
 	</scripts>
 
 	<MomHudPowerupTimer class="powerup-timer">
diff --git a/layout/hud/replay-controls.xml b/layout/hud/replay-controls.xml
index 8175cbbf..2492830d 100644
--- a/layout/hud/replay-controls.xml
+++ b/layout/hud/replay-controls.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/replay-controls.js" />
+		<include type="module" src="file://{scripts}/hud/replay-controls.ts" />
 	</scripts>
 
 	<MomHudReplayControls class="replaycontrols">
diff --git a/layout/hud/spec-info.xml b/layout/hud/spec-info.xml
index 20f82788..e786e8d1 100644
--- a/layout/hud/spec-info.xml
+++ b/layout/hud/spec-info.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/spec-info.js" />
+		<include type="module" src="file://{scripts}/hud/spec-info.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/hud/spectate.xml b/layout/hud/spectate.xml
index e31b174a..5aed8fc7 100644
--- a/layout/hud/spectate.xml
+++ b/layout/hud/spectate.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/spectate.js" />
+		<include type="module" src="file://{scripts}/hud/spectate.ts" />
 	</scripts>
 	
 	<MomHudSpectate class="full-width flow-down">
diff --git a/layout/hud/speedometer.xml b/layout/hud/speedometer.xml
index f6e36a91..925d8cc6 100644
--- a/layout/hud/speedometer.xml
+++ b/layout/hud/speedometer.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/speedometer.js" />
+		<include type="module" src="file://{scripts}/hud/speedometer.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/hud/static-menu.xml b/layout/hud/static-menu.xml
index b914778b..d02d9c23 100644
--- a/layout/hud/static-menu.xml
+++ b/layout/hud/static-menu.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/static-menu.js" />
+		<include type="module" src="file://{scripts}/hud/static-menu.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/hud/status.xml b/layout/hud/status.xml
index 4be79231..30770a0f 100644
--- a/layout/hud/status.xml
+++ b/layout/hud/status.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/status.js" />
+		<include type="module" src="file://{scripts}/hud/status.ts" />
 	</scripts>
 
 	<MomHudStatus class="full-width">
diff --git a/layout/hud/sticky-charge.xml b/layout/hud/sticky-charge.xml
index 5326776a..7f367763 100644
--- a/layout/hud/sticky-charge.xml
+++ b/layout/hud/sticky-charge.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/sticky-charge.js" />
+		<include type="module" src="file://{scripts}/hud/sticky-charge.ts" />
 	</scripts>
 
 	<MomHudStickyCharge class="horizontal-align-center">
diff --git a/layout/hud/sticky-count.xml b/layout/hud/sticky-count.xml
index 80d3687a..ca8526b9 100644
--- a/layout/hud/sticky-count.xml
+++ b/layout/hud/sticky-count.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/sticky-count.js" />
+		<include type="module" src="file://{scripts}/hud/sticky-count.ts" />
 	</scripts>
 
 	<MomHudStickyCharge class="horizontal-align-center">
diff --git a/layout/hud/strafe-sync.xml b/layout/hud/strafe-sync.xml
index c84ca2e4..1b4e440a 100644
--- a/layout/hud/strafe-sync.xml
+++ b/layout/hud/strafe-sync.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/strafe-sync.js" />
+		<include type="module" src="file://{scripts}/hud/strafe-sync.ts" />
 	</scripts>
 	
 	<Panel class="strafesync">
diff --git a/layout/hud/synchronizer.xml b/layout/hud/synchronizer.xml
index 68e978bf..c3a2ce42 100644
--- a/layout/hud/synchronizer.xml
+++ b/layout/hud/synchronizer.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/synchronizer.js" />
+		<include type="module" src="file://{scripts}/hud/synchronizer.ts" />
 	</scripts>
 	
 	<MomHudSynchronizer class="synchronizer" alternateTicks="false">
diff --git a/layout/hud/tab-menu.xml b/layout/hud/tab-menu.xml
index ba6e6224..d931990d 100644
--- a/layout/hud/tab-menu.xml
+++ b/layout/hud/tab-menu.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/tab-menu.js" />
+		<include type="module" src="file://{scripts}/hud/tab-menu.ts" />
 	</scripts>
 
 	<HudTabMenu class="hud-tab-menu" oncancel="HudTabMenuHandler.close();">
diff --git a/layout/hud/timer.xml b/layout/hud/timer.xml
index 09fe560a..b8003a3f 100644
--- a/layout/hud/timer.xml
+++ b/layout/hud/timer.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/timer.js" />
+		<include type="module" src="file://{scripts}/hud/timer.ts" />
 	</scripts>
 
 	<MomHudTimer class="full-width">
diff --git a/layout/hud/weapon-selection.xml b/layout/hud/weapon-selection.xml
index e5bde8e2..cc660a90 100644
--- a/layout/hud/weapon-selection.xml
+++ b/layout/hud/weapon-selection.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/hud/weapon-selection.js" />
+		<include type="module" src="file://{scripts}/hud/weapon-selection.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/modals/popups/color-picker.xml b/layout/modals/popups/color-picker.xml
index 5abfc5c8..adb2c533 100644
--- a/layout/modals/popups/color-picker.xml
+++ b/layout/modals/popups/color-picker.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/color-picker.js" />
+		<include type="module" src="file://{scripts}/modals/popups/color-picker.ts" />
 	</scripts>
 
 	<Panel class="PopupPanel Hidden" popupbackground="dim">
diff --git a/layout/modals/popups/dont-show-again-settings.xml b/layout/modals/popups/dont-show-again-settings.xml
index 6c5c60c3..1c5a3d51 100644
--- a/layout/modals/popups/dont-show-again-settings.xml
+++ b/layout/modals/popups/dont-show-again-settings.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/dont-show-again-settings.js" />
+		<include type="module" src="file://{scripts}/modals/popups/dont-show-again-settings.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/modals/popups/import-export-settings.xml b/layout/modals/popups/import-export-settings.xml
index 38efe018..2edea35b 100644
--- a/layout/modals/popups/import-export-settings.xml
+++ b/layout/modals/popups/import-export-settings.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/import-export-settings.js" />
+		<include type="module" src="file://{scripts}/modals/popups/import-export-settings.ts" />
 	</scripts>
 
 	<PopupCustomLayout class="PopupPanel Hidden generic-popup importexport" popupbackground="blur">
diff --git a/layout/modals/popups/lobby-create.xml b/layout/modals/popups/lobby-create.xml
index 9717a791..e46c7b01 100644
--- a/layout/modals/popups/lobby-create.xml
+++ b/layout/modals/popups/lobby-create.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/lobby-create.js" />
+		<include type="module" src="file://{scripts}/modals/popups/lobby-create.ts" />
 	</scripts>
 
 	<PopupCustomLayout class="PopupPanel Hidden generic-popup" popupbackground="dim">
diff --git a/layout/modals/popups/lobby-settings.xml b/layout/modals/popups/lobby-settings.xml
index 9965e53f..0b42d6f0 100644
--- a/layout/modals/popups/lobby-settings.xml
+++ b/layout/modals/popups/lobby-settings.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/lobby-settings.js" />
+		<include type="module" src="file://{scripts}/modals/popups/lobby-settings.ts" />
 	</scripts>
 
 	<PopupCustomLayout class="PopupPanel Hidden generic-popup" popupbackground="dim">
diff --git a/layout/modals/popups/playtest-welcome.xml b/layout/modals/popups/playtest-welcome.xml
index dcdb306d..44b779b0 100644
--- a/layout/modals/popups/playtest-welcome.xml
+++ b/layout/modals/popups/playtest-welcome.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/util/dont-show-again.js" />
+		<include type="module" src="file://{scripts}/util/dont-show-again.ts" />
 	</scripts>
 
 	<PopupCustomLayout class="PopupPanel Hidden generic-popup generic-popup--large" popupbackground="blur">
diff --git a/layout/modals/popups/range-color-profile-name.xml b/layout/modals/popups/range-color-profile-name.xml
index e423bac1..e5e64631 100644
--- a/layout/modals/popups/range-color-profile-name.xml
+++ b/layout/modals/popups/range-color-profile-name.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/range-color-profile-name.js" />
+		<include type="module" src="file://{scripts}/modals/popups/range-color-profile-name.ts" />
 	</scripts>
 	
 	<PopupCustomLayout class="PopupPanel Hidden" popupbackground="dim">
diff --git a/layout/modals/popups/speedometer-select.xml b/layout/modals/popups/speedometer-select.xml
index 4d71444e..93a84507 100644
--- a/layout/modals/popups/speedometer-select.xml
+++ b/layout/modals/popups/speedometer-select.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/popups/speedometer-select.js" />
+		<include type="module" src="file://{scripts}/modals/popups/speedometer-select.ts" />
 	</scripts>
 	
 	<snippets>
diff --git a/layout/modals/tooltips/credit.xml b/layout/modals/tooltips/credit.xml
index 4ca9b836..55a0fd2c 100644
--- a/layout/modals/tooltips/credit.xml
+++ b/layout/modals/tooltips/credit.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/modals/tooltips/credit.js" />
+		<include type="module" src="file://{scripts}/modals/tooltips/credit.ts" />
 	</scripts>
 
 	<Panel class="credit" ontooltiploaded="CreditHandler.onShow()">
diff --git a/layout/pages/console.xml b/layout/pages/console.xml
index 818ccdd3..55987e1f 100644
--- a/layout/pages/console.xml
+++ b/layout/pages/console.xml
@@ -11,7 +11,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/console.js" />
+		<include type="module" src="file://{scripts}/pages/console.ts" />
 	</scripts>
 	
 	<Panel class="console__outer" hittest="true" defaultfocus="ConsoleInput">
diff --git a/layout/pages/controls-library.xml b/layout/pages/controls-library.xml
index ed5ea0b6..70fc1920 100644
--- a/layout/pages/controls-library.xml
+++ b/layout/pages/controls-library.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/controls-library.js" />
+		<include type="module" src="file://{scripts}/pages/controls-library.ts" />
 	</scripts>
 
 	<Panel class="mainmenu__page">
diff --git a/layout/pages/drawer/about.xml b/layout/pages/drawer/about.xml
index 8a30c587..a6b0fb98 100644
--- a/layout/pages/drawer/about.xml
+++ b/layout/pages/drawer/about.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/drawer/about.js" />
+		<include type="module" src="file://{scripts}/pages/drawer/about.ts" />
 	</scripts>
 
 	<Panel class="drawer__tab about" acceptsfocus="true">
diff --git a/layout/pages/drawer/lobby.xml b/layout/pages/drawer/lobby.xml
index efd3e9e3..60ce018e 100644
--- a/layout/pages/drawer/lobby.xml
+++ b/layout/pages/drawer/lobby.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/drawer/lobby.js" />
+		<include type="module" src="file://{scripts}/pages/drawer/lobby.ts" />
 	</scripts>
 	
 	<snippets>
diff --git a/layout/pages/drawer/profile.xml b/layout/pages/drawer/profile.xml
index 5c2e0e99..3b92bc30 100644
--- a/layout/pages/drawer/profile.xml
+++ b/layout/pages/drawer/profile.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/drawer/profile.js" />
+		<include type="module" src="file://{scripts}/pages/drawer/profile.ts" />
 	</scripts>
 
 	<Panel class="drawer__tab profile" acceptsfocus="true">
diff --git a/layout/pages/end-of-run/end-of-run.xml b/layout/pages/end-of-run/end-of-run.xml
index c40be9cb..b038f40e 100644
--- a/layout/pages/end-of-run/end-of-run.xml
+++ b/layout/pages/end-of-run/end-of-run.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/end-of-run/end-of-run.js" />
+		<include type="module" src="file://{scripts}/pages/end-of-run/end-of-run.ts" />
 	</scripts>
 
 	<Panel class="endofrun" acceptsinput="true" acceptsfocus="true">
diff --git a/layout/pages/end-of-run/xp.xml b/layout/pages/end-of-run/xp.xml
index 624f26c4..a3c53857 100644
--- a/layout/pages/end-of-run/xp.xml
+++ b/layout/pages/end-of-run/xp.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/end-of-run/xp.js" />
+		<include type="module" src="file://{scripts}/pages/end-of-run/xp.ts" />
 	</scripts>
 
 	<!-- IL End of Run page is gonna use this as well so splitting it up -->
diff --git a/layout/pages/intro-movie.xml b/layout/pages/intro-movie.xml
index dd2a0f16..cc67048b 100644
--- a/layout/pages/intro-movie.xml
+++ b/layout/pages/intro-movie.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/intro-movie.js" />
+		<include type="module" src="file://{scripts}/pages/intro-movie.ts" />
 	</scripts>
 
 	<IntroMovie hittest="false">
diff --git a/layout/pages/leaderboards/entry.xml b/layout/pages/leaderboards/entry.xml
index 304d2dff..bee1775a 100644
--- a/layout/pages/leaderboards/entry.xml
+++ b/layout/pages/leaderboards/entry.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/leaderboards/entry.js" />
+		<include type="module" src="file://{scripts}/pages/leaderboards/entry.ts" />
 	</scripts>
 
 	<LeaderboardEntry class="leaderboard-entry" oncontextmenu="LeaderboardEntryHandler.showContextMenu()">
diff --git a/layout/pages/leaderboards/leaderboards.xml b/layout/pages/leaderboards/leaderboards.xml
index 3a6ce441..75630db3 100644
--- a/layout/pages/leaderboards/leaderboards.xml
+++ b/layout/pages/leaderboards/leaderboards.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/leaderboards/leaderboards.js" />
+		<include type="module" src="file://{scripts}/pages/leaderboards/leaderboards.ts" />
 	</scripts>
 
 	<Leaderboards class="leaderboards" acceptsinput="true" acceptsfocus="true" hittest="true" hittestchildren="true">
diff --git a/layout/pages/learn.xml b/layout/pages/learn.xml
index 6f42e985..4c0f8aab 100644
--- a/layout/pages/learn.xml
+++ b/layout/pages/learn.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include src="file://{scripts}/pages/learn.js" />
+		<include src="file://{scripts}/pages/learn.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/pages/loading-screen.xml b/layout/pages/loading-screen.xml
index 9d1f27f2..617f8677 100644
--- a/layout/pages/loading-screen.xml
+++ b/layout/pages/loading-screen.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/loading-screen.js" />
+		<include type="module" src="file://{scripts}/pages/loading-screen.ts" />
 	</scripts>
 
 	<Panel class="loadingscreen">
diff --git a/layout/pages/main-menu/main-menu.xml b/layout/pages/main-menu/main-menu.xml
index 05c951f7..06232cba 100644
--- a/layout/pages/main-menu/main-menu.xml
+++ b/layout/pages/main-menu/main-menu.xml
@@ -4,8 +4,8 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/drawer/drawer.js" />
-		<include type="module" src="file://{scripts}/pages/main-menu/main-menu.js" />
+		<include type="module" src="file://{scripts}/pages/drawer/drawer.ts" />
+		<include type="module" src="file://{scripts}/pages/main-menu/main-menu.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/pages/main-menu/news.xml b/layout/pages/main-menu/news.xml
index 0b1d148c..a3aa9f63 100644
--- a/layout/pages/main-menu/news.xml
+++ b/layout/pages/main-menu/news.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/main-menu/news.js" />
+		<include type="module" src="file://{scripts}/pages/main-menu/news.ts" />
 	</scripts>
 
 	<Panel class="news">
diff --git a/layout/pages/map-selector/download-status.xml b/layout/pages/map-selector/download-status.xml
index cbfaaa85..ce191119 100644
--- a/layout/pages/map-selector/download-status.xml
+++ b/layout/pages/map-selector/download-status.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/map-selector/download-status.js" />
+		<include type="module" src="file://{scripts}/pages/map-selector/download-status.ts" />
 	</scripts>
 
 	<MapDownloadStatus>
diff --git a/layout/pages/map-selector/map-entry.xml b/layout/pages/map-selector/map-entry.xml
index a22a6e19..0ed26784 100644
--- a/layout/pages/map-selector/map-entry.xml
+++ b/layout/pages/map-selector/map-entry.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/map-selector/map-entry.js" />
+		<include type="module" src="file://{scripts}/pages/map-selector/map-entry.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/pages/map-selector/map-selector.xml b/layout/pages/map-selector/map-selector.xml
index e1c896b1..b10e182b 100644
--- a/layout/pages/map-selector/map-selector.xml
+++ b/layout/pages/map-selector/map-selector.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/map-selector/map-selector.js" />
+		<include type="module" src="file://{scripts}/pages/map-selector/map-selector.ts" />
 	</scripts>
 
 	<MomentumMapSelect>
diff --git a/layout/pages/settings/audio.xml b/layout/pages/settings/audio.xml
index e2e235c3..bb90b6c0 100644
--- a/layout/pages/settings/audio.xml
+++ b/layout/pages/settings/audio.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
 	</scripts>
 
 	<Panel class="settings-page">
diff --git a/layout/pages/settings/gameplay.xml b/layout/pages/settings/gameplay.xml
index 534541ab..d809c692 100644
--- a/layout/pages/settings/gameplay.xml
+++ b/layout/pages/settings/gameplay.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
 	</scripts>
 
 	<Panel class="settings-page">
diff --git a/layout/pages/settings/input.xml b/layout/pages/settings/input.xml
index 7754dde9..17baf315 100644
--- a/layout/pages/settings/input.xml
+++ b/layout/pages/settings/input.xml
@@ -4,8 +4,8 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
-		<include type="module" src="file://{scripts}/pages/settings/mouse-sensitivity.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
+		<include type="module" src="file://{scripts}/pages/settings/mouse-sensitivity.ts" />
 	</scripts>
 
 	<Panel class="settings-page">
diff --git a/layout/pages/settings/interface.xml b/layout/pages/settings/interface.xml
index a1752657..f078f3d5 100644
--- a/layout/pages/settings/interface.xml
+++ b/layout/pages/settings/interface.xml
@@ -4,8 +4,8 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
-		<include type="module" src="file://{scripts}/pages/settings/speedometer.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
+		<include type="module" src="file://{scripts}/pages/settings/speedometer.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/pages/settings/online.xml b/layout/pages/settings/online.xml
index 6fe15e9e..d22b0545 100644
--- a/layout/pages/settings/online.xml
+++ b/layout/pages/settings/online.xml
@@ -4,7 +4,7 @@
 	</styles>
 	
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
 	</scripts>
 
 	<Panel class="settings-page">
diff --git a/layout/pages/settings/settings.xml b/layout/pages/settings/settings.xml
index 0d6b32d2..96a079e8 100644
--- a/layout/pages/settings/settings.xml
+++ b/layout/pages/settings/settings.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/settings.js" />
+		<include type="module" src="file://{scripts}/pages/settings/settings.ts" />
 	</scripts>
 
 	<Panel class="mainmenu__page">
diff --git a/layout/pages/settings/video.xml b/layout/pages/settings/video.xml
index f7ea712b..c96a9d9a 100644
--- a/layout/pages/settings/video.xml
+++ b/layout/pages/settings/video.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/settings/page.js" />
+		<include type="module" src="file://{scripts}/pages/settings/page.ts" />
 	</scripts>
 
 	<Panel class="settings-page">
diff --git a/layout/pages/zoning/zoning.xml b/layout/pages/zoning/zoning.xml
index 1ae23f87..26b3841d 100644
--- a/layout/pages/zoning/zoning.xml
+++ b/layout/pages/zoning/zoning.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/pages/zoning/zoning.js" />
+		<include type="module" src="file://{scripts}/pages/zoning/zoning.ts" />
 	</scripts>
 
 	<snippets>
diff --git a/layout/util/toast-manager.xml b/layout/util/toast-manager.xml
index 5ab1478d..4aad4f7d 100644
--- a/layout/util/toast-manager.xml
+++ b/layout/util/toast-manager.xml
@@ -4,7 +4,7 @@
 	</styles>
 
 	<scripts>
-		<include type="module" src="file://{scripts}/util/toast-manager.js" />
+		<include type="module" src="file://{scripts}/util/toast-manager.ts" />
 	</scripts>
 
 	<Panel class="full-width full-height" hittest="false" hittestchildren="false">
diff --git a/package.json b/package.json
index d7db47b0..b0bd8629 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,8 @@
 		"baseDir": "./"
 	},
 	"scripts": {
-		"build": "tsc",
-		"watch": "tsc --watch",
+		"ts:check": "tsc --noEmit",
+		"ts:watch": "tsc --watch --noEmit",
 		"format:fix": "prettier --write **/*.{js,ts,scss,css,md}",
 		"format:check": "prettier --check **/*.{js,ts,scss,css,md}",
 		"lint:fix": "eslint \"**/*.{js,ts}\" --fix",
diff --git a/panorama.cfg b/panorama.cfg
index 9a323890..3ae20128 100644
--- a/panorama.cfg
+++ b/panorama.cfg
@@ -4,7 +4,7 @@
 	"NamedPaths"
 	{
 		"resources"			"panorama"
-		"scripts"			"panorama/script_dist"
+		"scripts"			"panorama/scripts"
 		"config" 			"panorama/config"
 		"materials"			"materials"
 		"images"			"panorama/images"
diff --git a/tsconfig.json b/tsconfig.json
index 65763880..b84a536a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,6 @@
 		"module": "ES2015",
 		"baseUrl": "scripts/",
 		"rootDir": "scripts/",
-		"outDir": "script_dist/",
 		"allowJs": true,
 		"alwaysStrict": true,
 		"isolatedModules": false,

From 4dc75b23659d6720cfefbdaa2614a211b170295d Mon Sep 17 00:00:00 2001
From: tsa96 <tom@trumpetdust.org>
Date: Fri, 15 Nov 2024 06:38:33 +0000
Subject: [PATCH 2/4] style: prettier proseWrap markdown

Couldn't read this shit
---
 .github/pull_request_template.md |  12 ++-
 .prettierrc.json                 |   3 +-
 LICENSE.md                       |  13 ++-
 README.md                        |  63 +++++++++----
 THIRDPARTY.md                    | 153 +++++++++++++++++++++----------
 5 files changed, 173 insertions(+), 71 deletions(-)

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 1a7922c5..0ca77cef 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -4,12 +4,16 @@ Closes momentum-mod/game/issues/<!--(issue number here)-->
 
 ### Checks
 
--   [ ] **I have thoroughly tested all of the code I have modified/added/removed to ensure something else did not break**
--   [ ] I have followed [semantic commit messages](https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716) e.g. `feat: Add foo`, `chore: Update bar`, etc...
+-   [ ] **I have thoroughly tested all of the code I have modified/added/removed to ensure something else did not
+        break**
+-   [ ] I have followed [semantic commit messages](https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716)
+        e.g. `feat: Add foo`, `chore: Update bar`, etc...
 -   [ ] My branch has a clear history of changes that can be easy to follow when being reviewed commit-by-commit
--   [ ] My branch is functionally complete; the only changes to be done will be those potentially requested in code review
+-   [ ] My branch is functionally complete; the only changes to be done will be those potentially requested in code
+        review
 -   [ ] All changes requested in review have been `fixup`ed into my original commits.
--   [ ] Fully tokenized all my strings (no hardcoded English strings!!) and supplied [bulk JSON strings](https://docs.momentum-mod.org/guide/localization/#bulk-adding-terms) below
+-   [ ] Fully tokenized all my strings (no hardcoded English strings!!) and supplied
+        [bulk JSON strings](https://docs.momentum-mod.org/guide/localization/#bulk-adding-terms) below
 
 ### POEditor JSON Strings (if needed)
 
diff --git a/.prettierrc.json b/.prettierrc.json
index 7aedee28..35f70abd 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -8,5 +8,6 @@
 	"arrowParens": "always",
 	"endOfLine": "lf",
 	"bracketSpacing": true,
-	"bracketSameLine": false
+	"bracketSameLine": false,
+	"proseWrap": "always"
 }
diff --git a/LICENSE.md b/LICENSE.md
index 04f015ad..d33c7a40 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,7 +1,14 @@
 Copyright 2022 Momentum Team
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
+persons to whom the Software is furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
+Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
+WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
index 3c9f49d0..8aaa52bd 100644
--- a/README.md
+++ b/README.md
@@ -4,29 +4,49 @@
 
 # Structure
 
-The repository primarily consists of XML, SCSS and JavaScript/TypeScript files. It also includes all icons and various images and videos used by the UI.
+The repository primarily consists of XML, SCSS and JavaScript/TypeScript files. It also includes all icons and various
+images and videos used by the UI.
 
 For a general overview of Panorama, see the [VDC page](https://developer.valvesoftware.com/wiki/Panorama).
 
 ## XML
 
-XML, found in the `layout/` folder, is used to describe the overall _layout_ of all panels. These panels can then be manipulated by JavaScript and C++ code.
+XML, found in the `layout/` folder, is used to describe the overall _layout_ of all panels. These panels can then be
+manipulated by JavaScript and C++ code.
 
 ## CSS/SCSS
 
-Panorama uses a variant of CSS for styling. Note that it does _not_ conform to the standard CSS spec, differing majorly in how it handles things like flow and scaling. A complete list of CSS properties can be found using `dump_panorama_css_properties markdown` in the ingame console (you will need to launch with -condebug and read the console.log output). The list is also kept on the [VDC](https://developer.valvesoftware.com/wiki/CSGO_Panorama_CSS_Properties) though this may not be fully up to date.
+Panorama uses a variant of CSS for styling. Note that it does _not_ conform to the standard CSS spec, differing majorly
+in how it handles things like flow and scaling. A complete list of CSS properties can be found using
+`dump_panorama_css_properties markdown` in the ingame console (you will need to launch with -condebug and read the
+console.log output). The list is also kept on the
+[VDC](https://developer.valvesoftware.com/wiki/CSGO_Panorama_CSS_Properties) though this may not be fully up to date.
 
-Momentum uses the [Sass](https://sass-lang.com/) preprocessor for all styling. This is compiled by the game itself on first load then cached for future loads if unchanged. Developers may therefore change any Sass styling and it will be recompiled on next launch or reload with `panorama_reload`, which is by default bound to F7.
+Momentum uses the [Sass](https://sass-lang.com/) preprocessor for all styling. This is compiled by the game itself on
+first load then cached for future loads if unchanged. Developers may therefore change any Sass styling and it will be
+recompiled on next launch or reload with `panorama_reload`, which is by default bound to F7.
 
-The Sass module structure, found in `styles/`, is quite conventional, with all top-level modules (besides `abstract/`) handled by `main.scss`. Any XML file then needs only include `main.scss` to access the entirety of the styling. We use the [BEM](http://getbem.com/) (Block Element Modifier) naming scheme for all classes, besides those that are referenced in C++ code, which use UpperCamelCase.
+The Sass module structure, found in `styles/`, is quite conventional, with all top-level modules (besides `abstract/`)
+handled by `main.scss`. Any XML file then needs only include `main.scss` to access the entirety of the styling. We use
+the [BEM](http://getbem.com/) (Block Element Modifier) naming scheme for all classes, besides those that are referenced
+in C++ code, which use UpperCamelCase.
 
 ## JavaScript/TypeScript
 
-Panorama uses the [V8 JavaScript engine](https://v8.dev) to interpret and run the JavaScript files, found in `scripts/`, at runtime, which are included in XML files within `<scripts>` tags (similar to regular web development).
+Panorama uses the [V8 JavaScript engine](https://v8.dev) to interpret and run the JavaScript files, found in `scripts/`,
+at runtime, which are included in XML files within `<scripts>` tags (similar to regular web development).
 
-We also support TypeScript - any `.ts` file `scripts/` are compiled to corresponding JavaScript files in `script_dist/`, whilst `.js` are just copied over. Note that we don't use any kind of import/module/bundling system as it's not supported in engine code. Instead we just declare the same XML `<scripts>` tags and scripts get the same scope (yeah, old school). Use `/// <reference path="foo.ts" />` to keep TypeScript happy.
+We also support TypeScript - any `.ts` file `scripts/` are compiled to corresponding JavaScript files in `script_dist/`,
+whilst `.js` are just copied over. Note that we don't use any kind of import/module/bundling system as it's not
+supported in engine code. Instead we just declare the same XML `<scripts>` tags and scripts get the same scope (yeah,
+old school). Use `/// <reference path="foo.ts" />` to keep TypeScript happy.
 
-JavaScript communicates with the game via events and APIs exposed by the game. The [pano-typed](https://github.com/StrataSource/pano-typed) package (submoduled in `scripts/types/`) which provides types and documentation for the exposed APIs and events. These are updated manually, and some things may be missing. A full list of which can be found by running `dump_panorama_events markdown` and `dump_panorama_js_scopes markdown` in-game (best to the game in `-condebug` and read `momentum/console.log`). Feel free to add any APIs/events to the `pano-typed` package! If anything is missing completely, please contact us in Discord and we can check in engine code for you.
+JavaScript communicates with the game via events and APIs exposed by the game. The
+[pano-typed](https://github.com/StrataSource/pano-typed) package (submoduled in `scripts/types/`) which provides types
+and documentation for the exposed APIs and events. These are updated manually, and some things may be missing. A full
+list of which can be found by running `dump_panorama_events markdown` and `dump_panorama_js_scopes markdown` in-game
+(best to the game in `-condebug` and read `momentum/console.log`). Feel free to add any APIs/events to the `pano-typed`
+package! If anything is missing completely, please contact us in Discord and we can check in engine code for you.
 
 # Setup
 
@@ -37,11 +57,14 @@ JavaScript communicates with the game via events and APIs exposed by the game. T
 
 #### Recommendations
 
-We highly suggest using @braem's [panorama-languages-support](https://marketplace.visualstudio.com/items?itemName=braemie.panorama-css) VSCode plugin for language support for Panorama's version of CSS
+We highly suggest using @braem's
+[panorama-languages-support](https://marketplace.visualstudio.com/items?itemName=braemie.panorama-css) VSCode plugin for
+language support for Panorama's version of CSS
 
 ### Guide
 
-The easiest way to develop for Momentum Mod Panorama is to fork this repository and mount it in your `momentum/custom/` folder, for example:
+The easiest way to develop for Momentum Mod Panorama is to fork this repository and mount it in your `momentum/custom/`
+folder, for example:
 
 ```bash
 cd <Your Steam Momentum Mod or Momentum Mod Playtest install location>\momentum\custom\
@@ -52,10 +75,11 @@ git clone https://github.com/<your github account>/panorama.git
 
 You should end up with `momentum/custom/PanoramaDev/panorama` containing the contents of this repository.
 
-This will be mounted on game launch and override the files in your `momentum/panorama/` folder. To avoid any overlaps (e.g. if your branch renames or moves a file, the original file will still be mounted), you may want to temporarily rename your `momentum/panorama/` folder. (_NOTE: you'll need to do this after each Momentum Mod Steam update!_)
+This will be mounted on game launch and override the files in your `momentum/panorama/` folder. To avoid any overlaps
+(e.g. if your branch renames or moves a file, the original file will still be mounted), you may want to temporarily
+rename your `momentum/panorama/` folder. (_NOTE: you'll need to do this after each Momentum Mod Steam update!_)
 
-Install [Node.js](https://nodejs.org/en/download/) if you don't have it
-already, then in a terminal run:
+Install [Node.js](https://nodejs.org/en/download/) if you don't have it already, then in a terminal run:
 
 `npm install`
 
@@ -65,12 +89,19 @@ You will need to run:
 
 `npm run build`
 
-at least once to compile JS/TS scripts to JS, and after any changes to files in `scripts/`. Use watch mode if you want to compile on change with
+at least once to compile JS/TS scripts to JS, and after any changes to files in `scripts/`. Use watch mode if you want
+to compile on change with
 
 `npm run watch`
 
 # Contributing
 
-Most of our larger systems and components require significant work with (closed-source) game code and thus requires licensed C++ access or working tandem licensed C++ developer. Our work until now has been done internally by the core team. For 0.9.1 and onwards, we have exposed enough events and APIs that non-team developers should be able to work on areas like HUD components (for an example of non-licensed HUD work, we recommend [`scripts/hud/cgaz.js`](scripts/hud/cgaz.js)). We will continue to expose data as we best see fit for custom panels.
+Most of our larger systems and components require significant work with (closed-source) game code and thus requires
+licensed C++ access or working tandem licensed C++ developer. Our work until now has been done internally by the core
+team. For 0.9.1 and onwards, we have exposed enough events and APIs that non-team developers should be able to work on
+areas like HUD components (for an example of non-licensed HUD work, we recommend
+[`scripts/hud/cgaz.js`](scripts/hud/cgaz.js)). We will continue to expose data as we best see fit for custom panels.
 
-Therefore, those looking to contribute should look for issues **NOT** marked with "Needs C++". We also greatly encourage you to check out the the #panorama channel in our [Discord](https://discord.gg/momentummod) - whilst Panorama itself is poorly documented, we are happy to help any potential contributors further there!
+Therefore, those looking to contribute should look for issues **NOT** marked with "Needs C++". We also greatly encourage
+you to check out the the #panorama channel in our [Discord](https://discord.gg/momentummod) - whilst Panorama itself is
+poorly documented, we are happy to help any potential contributors further there!
diff --git a/THIRDPARTY.md b/THIRDPARTY.md
index 27151f16..b8399cc7 100644
--- a/THIRDPARTY.md
+++ b/THIRDPARTY.md
@@ -2,22 +2,20 @@ This project uses icons by [Material Design Icons](https://materialdesignicons.c
 
 ## Pictogrammers Free License
 
-This icon collection is released as free, open source, and GPL friendly by
-the [Pictogrammers](http://pictogrammers.com/) icon group. You may use it
-for commercial projects, open source projects, or anything really.
+This icon collection is released as free, open source, and GPL friendly by the
+[Pictogrammers](http://pictogrammers.com/) icon group. You may use it for commercial projects, open source projects, or
+anything really.
 
 # Icons: Apache 2.0 (included below)
 
-Some of the icons are redistributed under the Apache 2.0 license. All other
-icons are either redistributed under their respective licenses or are
-distributed under the Apache 2.0 license.
+Some of the icons are redistributed under the Apache 2.0 license. All other icons are either redistributed under their
+respective licenses or are distributed under the Apache 2.0 license.
 
 # Fonts: Apache 2.0 (included below)
 
-All web and desktop fonts are distributed under the Apache 2.0 license. Web
-and desktop fonts contain some icons that are redistributed under the Apache
-2.0 license. All other icons are either redistributed under their respective
-licenses or are distributed under the Apache 2.0 license.
+All web and desktop fonts are distributed under the Apache 2.0 license. Web and desktop fonts contain some icons that
+are redistributed under the Apache 2.0 license. All other icons are either redistributed under their respective licenses
+or are distributed under the Apache 2.0 license.
 
 # Code: MIT (https://opensource.org/licenses/MIT)
 
@@ -25,53 +23,114 @@ The MIT license applies to all non-font and non-icon files.
 
 ===================================
 
-Apache License
-Version 2.0, January 2004
-http://www.apache.org/licenses/
+Apache License Version 2.0, January 2004 http://www.apache.org/licenses/
 
 TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
 
 1. Definitions.
 
-"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9
+of this document.
 
 "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
 
-"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are
+under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of
+fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
 
 "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
 
-"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
-
-"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
-
-"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
-
-"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
-
-"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
-
-"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
-
-You must give any other recipients of the Work or Derivative Works a copy of this License; and
-You must cause any modified files to carry prominent notices stating that You changed the files; and
-You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
-If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
-
-You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code,
+documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including
+but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as
+indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix
+below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work
+and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain
+separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or
+additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the
+Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner.
+For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to
+the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code
+control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of
+discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in
+writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received
+by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to
+   You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce,
+   prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such
+   Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a
+   perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent
+   license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license
+   applies only to those patent claims licensable by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was
+   submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a
+   lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory
+   patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of
+   the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with
+   or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+You must give any other recipients of the Work or Derivative Works a copy of this License; and You must cause any
+modified files to carry prominent notices stating that You changed the files; and You must retain, in the Source form of
+any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form
+of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and If the Work includes a
+"NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable
+copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any
+part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of
+the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a
+display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the
+NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices
+within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that
+such additional attribution notices cannot be construed as modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide additional or different license terms and
+conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this
+License. 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted
+for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any
+separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product
+   names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and
+   reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and
+   each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+   either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT,
+   MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness
+   of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this
+   License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or
+   otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing,
+   shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or
+   consequential damages of any character arising as a result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or
+   any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such
+   damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose
+   to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or
+   rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and
+   on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and
+   hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
 
 END OF TERMS AND CONDITIONS

From 86b73f4d082cc447564399621ea657278bc1b01d Mon Sep 17 00:00:00 2001
From: tsa96 <tom@trumpetdust.org>
Date: Fri, 15 Nov 2024 07:18:56 +0000
Subject: [PATCH 3/4] chore: update readme with new typescript guidelines

---
 README.md | 92 +++++++++++++++++++++++++------------------------------
 1 file changed, 41 insertions(+), 51 deletions(-)

diff --git a/README.md b/README.md
index 8aaa52bd..785b2c3f 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,8 @@
 
 # Structure
 
-The repository primarily consists of XML, SCSS and JavaScript/TypeScript files. It also includes all icons and various
-images and videos used by the UI.
+The repository primarily consists of XML, SCSS and TypeScript files. It also includes all icons and various images and
+videos used by the UI.
 
 For a general overview of Panorama, see the [VDC page](https://developer.valvesoftware.com/wiki/Panorama).
 
@@ -33,38 +33,36 @@ in C++ code, which use UpperCamelCase.
 
 ## JavaScript/TypeScript
 
-Panorama uses the [V8 JavaScript engine](https://v8.dev) to interpret and run the JavaScript files, found in `scripts/`,
-at runtime, which are included in XML files within `<scripts>` tags (similar to regular web development).
+Panorama uses the [V8 JavaScript engine](https://v8.dev) to run JavaScript, with TypeScript compiler (tsc) built-in to
+the engine to provide native TypeScript support. Scripts can be found in `scripts/`, and are loaded at runtime through
+`<scripts>` tags in XML files.
 
-We also support TypeScript - any `.ts` file `scripts/` are compiled to corresponding JavaScript files in `script_dist/`,
-whilst `.js` are just copied over. Note that we don't use any kind of import/module/bundling system as it's not
-supported in engine code. Instead we just declare the same XML `<scripts>` tags and scripts get the same scope (yeah,
-old school). Use `/// <reference path="foo.ts" />` to keep TypeScript happy.
+Whilst loading plain JavaScript is still supported, practically all of our code is in TypeScript, and we expect
+contributors to use TypeScript for new code.
 
-JavaScript communicates with the game via events and APIs exposed by the game. The
-[pano-typed](https://github.com/StrataSource/pano-typed) package (submoduled in `scripts/types/`) which provides types
-and documentation for the exposed APIs and events. These are updated manually, and some things may be missing. A full
-list of which can be found by running `dump_panorama_events markdown` and `dump_panorama_js_scopes markdown` in-game
-(best to the game in `-condebug` and read `momentum/console.log`). Feel free to add any APIs/events to the `pano-typed`
-package! If anything is missing completely, please contact us in Discord and we can check in engine code for you.
+JavaScript communicates with the game via events and APIs exposed by the game. Types for these are includes in
+`scripts/types-mom` and `scripts/types`, which is a submodule of the
+[pano-typed](https://github.com/StrataSource/pano-typed) repo. and documentation for the exposed APIs and events. These
+are updated manually, and some things may be missing; please let us know if anything seems off and we'll check engine
+code.
 
-# Setup
-
-#### Requirements
-
--   Git
--   [Node.js](https://nodejs.org/en/download/)
+# Contributing
 
-#### Recommendations
+Most of our larger systems and components require significant work with (closed-source) game code, and thus require
+licensed C++ access or working in tandem with a licensed C++ developer. Our work until now has been done internally by
+the core team. For 0.9.1 and onwards, we have exposed enough events and APIs that non-team developers should be able to
+work on areas like HUD components (for a good example of non-licensed HUD work, see
+[`scripts/hud/cgaz.ts`](scripts/hud/cgaz.ts)). We will continue to expose data as we best see fit for custom panels.
 
-We highly suggest using @braem's
-[panorama-languages-support](https://marketplace.visualstudio.com/items?itemName=braemie.panorama-css) VSCode plugin for
-language support for Panorama's version of CSS
+Those looking to contribute should look for issues **NOT** marked with "Needs C++". We also greatly encourage you to
+check out the the #panorama channel in our [Discord](https://discord.gg/momentummod) - whilst Panorama itself is poorly
+documented, we are happy to help any potential contributors further there!
 
-### Guide
+### Basic Setup
 
-The easiest way to develop for Momentum Mod Panorama is to fork this repository and mount it in your `momentum/custom/`
-folder, for example:
+For non-licensed developers, you will need to have a Steam build of the game installed. The easiest way to develop
+Panorama changes on top of that is to mount the `panorama` folder in your `momentum/custom/` folder, by forking this
+repo (if not a team member), then:
 
 ```bash
 cd <Your Steam Momentum Mod or Momentum Mod Playtest install location>\momentum\custom\
@@ -75,33 +73,25 @@ git clone https://github.com/<your github account>/panorama.git
 
 You should end up with `momentum/custom/PanoramaDev/panorama` containing the contents of this repository.
 
-This will be mounted on game launch and override the files in your `momentum/panorama/` folder. To avoid any overlaps
-(e.g. if your branch renames or moves a file, the original file will still be mounted), you may want to temporarily
-rename your `momentum/panorama/` folder. (_NOTE: you'll need to do this after each Momentum Mod Steam update!_)
-
-Install [Node.js](https://nodejs.org/en/download/) if you don't have it already, then in a terminal run:
+This will be mounted on game launch and override the files in your `momentum/panorama/` folder. Mind that it's possible
+for overlaps, e.g. if your branch renames or moves a file, the original file will still be mounted, but this is very
+rarely an issue. If necessary, rename your `momentum/panorama/` folder. (_NOTE: you'll need to do this after each
+Momentum Mod Steam update!_)
 
-`npm install`
+### Type Checking, Linting and Formatting
 
-This will install necessary dev dependencies and setup commit hooks which will lint and auto-format your code on commit.
+Since adding native TypeScript support, a Node.js installation is not technically required. However, for performance the
+built-in compiler only transpiles to JavaScript, without performing type checks. We run type checks in CI, but you
+likely also want an editor with TypeScript support, and may want to run `npm run watch` (script for
+`tsc --noEmit  --watch`) to check types as you go.
 
-You will need to run:
+Linting and formatting is enforced in CI, run `npm install` to setup commit hooks for both, and use
+`npm run <format/lint>:<fix/check>` to format/lint your code.
 
-`npm run build`
-
-at least once to compile JS/TS scripts to JS, and after any changes to files in `scripts/`. Use watch mode if you want
-to compile on change with
-
-`npm run watch`
-
-# Contributing
+To get Node.js and NPM go to <https://nodejs.org/en/download/>
 
-Most of our larger systems and components require significant work with (closed-source) game code and thus requires
-licensed C++ access or working tandem licensed C++ developer. Our work until now has been done internally by the core
-team. For 0.9.1 and onwards, we have exposed enough events and APIs that non-team developers should be able to work on
-areas like HUD components (for an example of non-licensed HUD work, we recommend
-[`scripts/hud/cgaz.js`](scripts/hud/cgaz.js)). We will continue to expose data as we best see fit for custom panels.
+### Recommendations
 
-Therefore, those looking to contribute should look for issues **NOT** marked with "Needs C++". We also greatly encourage
-you to check out the the #panorama channel in our [Discord](https://discord.gg/momentummod) - whilst Panorama itself is
-poorly documented, we are happy to help any potential contributors further there!
+@braem's [panorama-languages-support](https://marketplace.visualstudio.com/items?itemName=braemie.panorama-css) VSCode
+plugin for language support for Panorama's version of CSS, which is invaluable for those unfamiliar with Panorama's
+unique CSS properties.

From 48eedbee1add3403b25632cb09ba41c5600fe962 Mon Sep 17 00:00:00 2001
From: tsa96 <tom@trumpetdust.org>
Date: Fri, 15 Nov 2024 06:28:00 +0000
Subject: [PATCH 4/4] fix: eslint errors from last PR

---
 scripts/hud/comparisons.ts          |  1 +
 scripts/pages/leaderboards/entry.ts | 33 +++++++++++++++--------------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/scripts/hud/comparisons.ts b/scripts/hud/comparisons.ts
index 75d9dcbc..2273c601 100644
--- a/scripts/hud/comparisons.ts
+++ b/scripts/hud/comparisons.ts
@@ -39,6 +39,7 @@ class HudComparisonsHandler {
 		if (
 			timerStatus.trackId.type === this.comparison.trackId.type &&
 			timerStatus.trackId.number === this.comparison.trackId.number
+			// eslint-disable-next-line no-empty
 		) {
 		} else {
 			// Track differs -- could maybe do a best-effort comparison if one is a stage and one is the main track,
diff --git a/scripts/pages/leaderboards/entry.ts b/scripts/pages/leaderboards/entry.ts
index c1b5f07a..390812d1 100644
--- a/scripts/pages/leaderboards/entry.ts
+++ b/scripts/pages/leaderboards/entry.ts
@@ -45,23 +45,24 @@ class LeaderboardEntryHandler {
 		const index = $.GetContextPanel().GetAttributeInt('item_index', 0);
 		const isValid = timeData.type !== LeaderboardEntryType.INVALID;
 		if (isValid) {
-			items.push({
-				label: $.Localize('#Action_WatchReplay'),
-				icon: 'file://{images}/movie-open-outline.svg',
-				style: 'icon-color-mid-blue',
-				jsCallback: () => {
-					$.DispatchEvent('LeaderboardEntry_PlayReplay', index);
-				}
-			});
-
-			items.push({
-				label: $.Localize('#Action_SetComparisonRun'),
-				icon: 'file://{images}/chart-timeline.svg',
-				style: 'icon-color-light-blue',
-				jsCallback: () => {
-					$.DispatchEvent('LeaderboardEntry_SetComparisonRun', index);
+			items.push(
+				{
+					label: $.Localize('#Action_WatchReplay'),
+					icon: 'file://{images}/movie-open-outline.svg',
+					style: 'icon-color-mid-blue',
+					jsCallback: () => {
+						$.DispatchEvent('LeaderboardEntry_PlayReplay', index);
+					}
+				},
+				{
+					label: $.Localize('#Action_SetComparisonRun'),
+					icon: 'file://{images}/chart-timeline.svg',
+					style: 'icon-color-light-blue',
+					jsCallback: () => {
+						$.DispatchEvent('LeaderboardEntry_SetComparisonRun', index);
+					}
 				}
-			});
+			);
 		}
 
 		if (timeData.type === LeaderboardEntryType.ONLINE || timeData.type === LeaderboardEntryType.ONLINE_CACHED) {