Initial implementation of missed notes on screen

DJDavid98 · Jan 16, 2024 · 8400bf5 · 8400bf5
1 parent cc797c9
commit 8400bf5
Show file tree

Hide file tree

Showing 14 changed files with 340 additions and 42 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,9 +19,11 @@
     "@parcel/transformer-sass": "^2.8.3",
     "@types/intl-unofficial-duration-unit-format": "^3.1.0",
     "@types/jest": "^29.4.0",
+    "@types/matter-js": "^0.19.6",
     "@types/obs-studio": "^2.17.0",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@types/throttle-debounce": "^5.0.2",
     "@types/tmi.js": "^1.8.3",
     "@types/web-bluetooth": "^0.0.16",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
@@ -57,6 +59,8 @@
   },
   "private": true,
   "dependencies": {
-    "socket.io-client": "^4.7.2"
+    "matter-js": "^0.19.0",
+    "socket.io-client": "^4.7.2",
+    "throttle-debounce": "^5.0.0"
   }
 }
diff --git a/src/js/beat-saber/BeatSaber.tsx b/src/js/beat-saber/BeatSaber.tsx
@@ -6,6 +6,10 @@ import { useMockData } from '../hooks/use-mock-data';
 import { useDisabledData } from '../hooks/use-disabled-data';
 import { useSettings } from '../contexts/settings-context';
 import { DEFAULT_BEAT_SABER_BASE_FONT_SIZE, SettingName, SettingsPage } from '../model/settings';
+import { RemovableElement } from '../RemovableElement';
+import { RemovableElementId } from '../model/removable-element-id';
+
+// import { NotePile } from './NotePile';
 
 export const enum BeatSaberDataSource {
     BSDP = 'BSDP',
@@ -72,9 +76,15 @@ export const BeatSaber: FunctionComponent = () => {
     const style = useMemo(() => ({ '--beat-saber-base-font-size': `${baseFontSize ?? DEFAULT_BEAT_SABER_BASE_FONT_SIZE}px` }) as CSSProperties, [baseFontSize]);
 
     return (
-        <div id="beat-saber" style={style} onClick={openBeatSaberSettings}>
-            <DataDisplay {...dataSource} />
-        </div>
+        <>
+            <div id="beat-saber" style={style} onClick={openBeatSaberSettings}>
+                <DataDisplay {...dataSource} />
+            </div>
+            {enabledSources[BeatSaberDataSource.BSDP] &&
+                <RemovableElement id={RemovableElementId.BEAT_SABER_NOTE_PILE}>
+                    {/* <NotePile dataSource={dataSource} /> */}
+                </RemovableElement>}
+        </>
     );
 };
 

diff --git a/src/js/beat-saber/DataDisplay.tsx b/src/js/beat-saber/DataDisplay.tsx
@@ -14,6 +14,8 @@ export interface DataDisplayProps {
     mapData?: {
         inLevel: boolean;
         modifiers?: Modifiers;
+        leftSaberColor?: string;
+        rightSaberColor?: string;
     } & SongInfoDisplayProps;
     liveData?: LiveData;
     readyState: ReadyState;