├── .github
    └── workflows
    │   └── build.yml
├── .gitignore
├── .gitmodules
├── README.md
├── debug
    ├── parse_arrangement_xml.pl
    └── parse_song_in_log.pl
├── images
    ├── MrsTNT.png
    ├── TNT.png
    ├── alert.png
    ├── badge-icons
    │   ├── badge-1.png
    │   ├── badge-2.png
    │   ├── badge-3.png
    │   ├── badge-4.png
    │   └── badge-5.png
    ├── blank-profile-photo.png
    ├── boulder-bro.png
    ├── connor.png
    ├── crown.png
    ├── favicon.ico
    ├── icon-256x256.png
    ├── podium.png
    ├── preview.png
    ├── recon.png
    ├── rock-buddy.png
    ├── rock-king.png
    ├── search.png
    ├── staji.png
    ├── trophy-animation.gif
    ├── trophy.png
    └── verification-icons
    │   ├── maybe-verified.png
    │   ├── unverified.png
    │   ├── verified-badge.png
    │   └── verified.png
├── media
    ├── doh
    │   ├── doh-001.wav
    │   ├── doh-002.wav
    │   ├── doh-003.wav
    │   ├── doh-004.wav
    │   ├── doh-005.wav
    │   ├── doh-006.wav
    │   ├── doh-007.wav
    │   ├── doh-008.wav
    │   ├── doh-009.wav
    │   ├── doh-010.wav
    │   ├── doh-011.wav
    │   ├── doh-012.wav
    │   ├── doh-013.wav
    │   ├── doh-014.wav
    │   ├── doh-015.wav
    │   ├── doh-016.wav
    │   ├── doh-017.wav
    │   ├── doh-018.wav
    │   ├── doh-019.wav
    │   ├── doh-020.wav
    │   ├── doh-021.wav
    │   ├── doh-022.wav
    │   ├── doh-023.wav
    │   ├── doh-024.wav
    │   ├── doh-025.wav
    │   └── doh-026.wav
    ├── guitar_hero
    │   ├── miss1.mp3
    │   ├── miss2.mp3
    │   ├── miss3.mp3
    │   ├── miss4.mp3
    │   ├── miss5.mp3
    │   └── miss6.mp3
    ├── oof.mp3
    └── oof2.wav
├── package-lock.json
├── package.json
├── pre_build.py
├── requirements.txt
├── rock-buddy-addons
    ├── README.md
    ├── capture
    │   ├── capture.html
    │   └── script.js
    └── config.js
├── src
    ├── account
    │   ├── account.html
    │   ├── account.js
    │   ├── activation.html
    │   ├── activation.js
    │   ├── change_email.html
    │   ├── change_email.js
    │   ├── change_password.html
    │   ├── change_password.js
    │   ├── change_username.html
    │   └── change_username.js
    ├── auth
    │   ├── light-theme.css
    │   ├── login.html
    │   ├── login.js
    │   ├── logout.html
    │   ├── logout.js
    │   ├── sign_up.html
    │   └── sign_up.js
    ├── common
    │   ├── boulder_bro.js
    │   ├── card.css
    │   ├── classic-theme.css
    │   ├── dark-theme.css
    │   ├── footer.css
    │   ├── functions.js
    │   ├── functions.ts
    │   ├── leaderboard.ts
    │   ├── profile.css
    │   ├── profile.ts
    │   ├── streamer-theme.css
    │   ├── theme.js
    │   └── user_data.ts
    ├── config
    │   ├── config.html
    │   └── config.js
    ├── global.d.ts
    ├── index.css
    ├── index.html
    ├── index.js
    ├── main.js
    ├── preload.ts
    ├── profile
    │   ├── main.ts
    │   ├── profile.html
    │   └── profile.ts
    ├── rank
    │   ├── main.ts
    │   ├── rank.css
    │   └── rank.html
    ├── search
    │   ├── main.ts
    │   ├── search.css
    │   ├── search.html
    │   └── search.ts
    ├── sniffer
    │   ├── functions.ts
    │   ├── main.ts
    │   ├── rocksmith.ts
    │   ├── rocksniffer.ts
    │   ├── sniffer.css
    │   ├── sniffer.html
    │   ├── sniffer.ts
    │   └── sound_effect.ts
    └── team
    │   ├── team.css
    │   ├── team.html
    │   └── team.js
├── tsconfig.json
└── webpack.config.js


/.github/workflows/build.yml:
--------------------------------------------------------------------------------
 1 | name: Build
 2 | on: [push, pull_request]
 3 | 
 4 | jobs:
 5 |   build_on_win:
 6 |     env:
 7 |       GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 8 |     runs-on: windows-latest
 9 |     steps:
10 |       - uses: actions/checkout@v2
11 |         with:
12 |           submodules: 'recursive'
13 |       - uses: actions/setup-node@master
14 |         with:
15 |           node-version: 18
16 |       - name: Setup .NET
17 |         uses: actions/setup-dotnet@v1
18 |         with:
19 |           dotnet-version: 6.0.x
20 |       - uses: actions/setup-python@v4
21 |         with:
22 |           python-version: '3.10'
23 |           cache: 'pip' # caching pip dependencies
24 |       - run: pip install -r requirements.txt
25 |       - name: install dependencies
26 |         run: npm install
27 |       - name: build
28 |         run: npm run build
29 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | dist/
2 | release/
3 | node_modules/
4 | .idea
5 | 
6 | rock_buddy_log*.txt


--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "RockSniffer"]
2 | 	path = RockSniffer
3 | 	url = https://github.com/tnt-coders/RockSniffer.git
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <a name="readme-top"></a>
 2 | 
 3 | [![Build](https://github.com/tnt-coders/rock-buddy-app/actions/workflows/build.yml/badge.svg)](https://github.com/tnt-coders/rock-buddy-app/actions/workflows/build.yml)
 4 | 
 5 | <!-- PROJECT LOGO -->
 6 | <div align="center">
 7 |   <a href="https://github.com/tnt-coders/rock-buddy-app/releases">Download</a>
 8 |   ·
 9 |   <a href="https://github.com/tnt-coders/rock-buddy-app/issues">Bug Report</a>
10 |   ·
11 |   <a href="https://github.com/tnt-coders/rock-buddy-app/issues">Feature Request</a>
12 |   <br/>
13 |   <img src="images/rock-buddy.png" alt="Logo" width="200">
14 |   <h1>Rock Buddy</h1>
15 | </div>
16 | 
17 | <img src="images/preview.png" alt="preview" width="800">
18 | 
19 | <!-- ABOUT THE PROJECT -->
20 | ## About The Project
21 | 
22 | <h3>What is Rock Buddy?</h3>
23 | Rock Buddy is a tool that provides leaderboards for Rocksmith, including custom charts!
24 | <br/><br/>
25 | 
26 | <h3>How do I install Rock Buddy?</h3>
27 | The latest version can be found in the <a href="https://github.com/tnt-coders/rock-buddy-app/releases" target="_blank">new-releases</a> section in github. Simply download and run the provided ".exe".
28 | <br/><br/>
29 | 
30 | <h3>What prerequisites are needed?</h3>
31 | Rock Buddy requires RSMods v1.2.7.3 or later to properly verify scores. This is because RMods includes some code that prevents users from cheating. RSMods can be found <a href="https://github.com/Lovrom8/RSMods/releases">here</a>.
32 | <br/><br/>
33 | 
34 | <h3>How do I create an account?</h3>
35 | To create an account, click the "Sign Up" button on the login page in the application and enter your account info. Once the account is created, log in and follow the steps on screen to verify your email address.
36 | <br/><br/>
37 | 
38 | <h3>How do I setup the app?</h3>
39 | The first time you run Rock Buddy, you will need to go to the "Config" section and tell  it which Steam account you are using, as well as which Rocksmith profile it should import data from.
40 | <br/><br/>
41 | The "Sniffer" page will follow Rocksniffer and display leaderboards for whatever song you are currently on in-game.
42 | <br/><br/>
43 | 
44 | <p align="right">(<a href="#readme-top">back to top</a>)</p>
45 | 
46 | ## Streaming Support
47 | 
48 | <h3>How do I setup Rock Buddy as a browser source in OBS Studio?</h3>
49 | Note: Adding Rock Buddy as an "application capture" will not work properly in OBS because it will not update while Rock Buddy is minimized.
50 | <br/><br/>
51 | To do it properly, add the "capture.html" file found in the "addons" folder as a browser source in OBS. This will allow Rock Buddy to properly update in OBS even when the app is minimized. The addons folder can be opened from within the app by clicking "Open Addons Folder" from the config page.
52 | <br/><br/>
53 | 
54 | <h3>How do I setup Rock Buddy as a browser source in OBS Studio for a multi PC setup?</h3>
55 | On your gaming PC (the one that runs Rocksmith): Start Rock Buddy and go to the "config" section. Set the "host" in the addons section to the IP address of your gaming PC. Note that you must use the actual IP. "localhost" will not work.
56 | <br/><br/>
57 | On your streaming PC (the one that runs OBS): include the "capture.html" file found in the "addons" folder as a browser source. The addons folder can be opened from within the app by clicking "Open Addons Folder" from the config page. Additionally, open the "config.js" file and change the "addonsHost" to point the the IP address of your gaming PC. This must match the IP you specified in the Rock Buddy config window. If you changed the port in the Rock Buddy config window you must also change that here to match as well.
58 | <br/><br/>
59 | 
60 | <p align="right">(<a href="#readme-top">back to top</a>)</p>
61 | 
62 | ## Website
63 | 
64 | For information, visit <a href="https://rock-buddy.com/" target="_blank">rock-buddy.com</a>.
65 | 
66 | <p align="right">(<a href="#readme-top">back to top</a>)</p>
67 | 
68 | <!-- CONTACT -->
69 | ## Contact
70 | 
71 | TNTMusicStudios - tntmusicstudios2018@gmail.com
72 | 
73 | <p align="right">(<a href="#readme-top">back to top</a>)</p>
74 | 


--------------------------------------------------------------------------------
/debug/parse_arrangement_xml.pl:
--------------------------------------------------------------------------------
 1 | use strict;
 2 | use warnings;
 3 | use XML::LibXML;
 4 | 
 5 | use Data::Dumper;
 6 | 
 7 | my $input_file = shift @ARGV;
 8 | 
 9 | if (!-f $input_file or $input_file !~ /[.]xml$/) {
10 |     die "Input must be a valid xml file."
11 | }
12 | 
13 | my $dom = XML::LibXML->load_xml(location => $input_file);
14 | 
15 | # Get song length
16 | my $song_time = $dom->findvalue('/song/songLength');
17 | 
18 | # Parse phrases
19 | my %phrase_info;
20 | my $phrase_id = 0;
21 | for my $phrase($dom->findnodes('/song/phrases/phrase')) {
22 |     my $difficulty = $phrase->getAttribute('maxDifficulty');
23 |     my $ignore = $phrase->getAttribute('ignore');
24 |     $phrase_info{$phrase_id}{'difficulty'} = $difficulty;
25 |     $phrase_info{$phrase_id}{'ignore'} = $ignore;
26 |     $phrase_id++;
27 | }
28 | 
29 | # Parse phrase iterations
30 | my @phrases;
31 | my @phrase_iterations = $dom->findnodes('/song/phraseIterations/phraseIteration');
32 | for my $i(0 .. $#phrase_iterations) {
33 |     my $phrase_id = $phrase_iterations[$i]->getAttribute('phraseId');
34 | 
35 |     my %phrase_attributes;
36 |     $phrase_attributes{'difficulty'} = $phrase_info{$phrase_id}{'difficulty'};
37 |     $phrase_attributes{'ignore'} = $phrase_info{$phrase_id}{'ignore'};
38 |     $phrase_attributes{'start_time'} = $phrase_iterations[$i]->getAttribute('time');
39 | 
40 |     if ($i < $#phrase_iterations) {
41 |         $phrase_attributes{'end_time'} = $phrase_iterations[$i + 1]->getAttribute('time');
42 |     }
43 |     else {
44 |         $phrase_attributes{'end_time'} = $song_time;
45 |     }
46 | 
47 |     push @phrases, \%phrase_attributes;
48 | }
49 | 
50 | # Parse difficulty levels and get all the notes and chords in each
51 | my %notes;
52 | my %chords;
53 | for my $level($dom->findnodes('/song/levels/level')) {
54 |     my $difficulty = $level->getAttribute('difficulty');
55 |     $notes{$difficulty} = $level->findnodes('notes/note');
56 |     $chords{$difficulty} = $level->findnodes('chords/chord');
57 | }
58 | 
59 | 
60 | my $total = 0;
61 | 
62 | # Now loop through phrases and print all the notes in each
63 | for my $phrase(@phrases) {
64 |     my $difficulty = $phrase->{'difficulty'};
65 |     #my $ignore = $phrase->{'ignore'};
66 |     my $start_time = $phrase->{'start_time'};
67 |     my $end_time = $phrase->{'end_time'};
68 | 
69 |     #next if $ignore;
70 | 
71 |     my $note_count = 0;
72 |     for my $note(@{$notes{$difficulty}}) {
73 |         my $note_time = $note->getAttribute('time');
74 |         if ($note_time >= $start_time and $note_time < $end_time) {
75 |             $note_count++;
76 |             $total++;
77 |             print $note."\n";
78 |         }
79 |     }
80 | 
81 |     my $chord_count = 0;
82 |     for my $chord(@{$chords{$difficulty}}) {
83 |         my $chord_time = $chord->getAttribute('time');
84 |         if ($chord_time >= $start_time and $chord_time < $end_time) {
85 |             $chord_count++;
86 |             $total++;
87 |             print $chord."\n";
88 |         }
89 |     }
90 | 
91 |     my $note_and_chord_count = $note_count + $chord_count;
92 | 
93 |     #print "PHRASE - DIFFICULTY ($difficulty) - TIME ($start_time - $end_time) - (NOTES, CHORDS, BOTH): ($note_count, $chord_count, $note_and_chord_count)\n";
94 | }
95 | 
96 | #print "\nTOTAL: $total\n";
97 | 


--------------------------------------------------------------------------------
/debug/parse_song_in_log.pl:
--------------------------------------------------------------------------------
 1 | use strict;
 2 | use warnings;
 3 | 
 4 | my $logfile = shift @ARGV;
 5 | 
 6 | open my $input_fh, '<', $logfile or die "Failed to open logfile: $!\n";
 7 | my @lines = <$input_fh>;
 8 | close $input_fh;
 9 | 
10 | my @output;
11 | for my $line(@lines) {
12 |     if ($line =~ /songTime["]:(\d+[.]\d+).+?progressTimer["]:(\d+)/) {
13 |         my $songTime = $1;
14 |         my $progressTimer = $2/1000;
15 |         push @output, "$songTime,$progressTimer\n";
16 |     }
17 | }
18 | 
19 | open my $output_fh, '>', 'out.csv' or die "Failed to open output file: $!\n";
20 | print {$output_fh} @output;
21 | close $output_fh;


--------------------------------------------------------------------------------
/images/MrsTNT.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/MrsTNT.png


--------------------------------------------------------------------------------
/images/TNT.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/TNT.png


--------------------------------------------------------------------------------
/images/alert.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/alert.png


--------------------------------------------------------------------------------
/images/badge-icons/badge-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/badge-icons/badge-1.png


--------------------------------------------------------------------------------
/images/badge-icons/badge-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/badge-icons/badge-2.png


--------------------------------------------------------------------------------
/images/badge-icons/badge-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/badge-icons/badge-3.png


--------------------------------------------------------------------------------
/images/badge-icons/badge-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/badge-icons/badge-4.png


--------------------------------------------------------------------------------
/images/badge-icons/badge-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/badge-icons/badge-5.png


--------------------------------------------------------------------------------
/images/blank-profile-photo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/blank-profile-photo.png


--------------------------------------------------------------------------------
/images/boulder-bro.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/boulder-bro.png


--------------------------------------------------------------------------------
/images/connor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/connor.png


--------------------------------------------------------------------------------
/images/crown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/crown.png


--------------------------------------------------------------------------------
/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/favicon.ico


--------------------------------------------------------------------------------
/images/icon-256x256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/icon-256x256.png


--------------------------------------------------------------------------------
/images/podium.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/podium.png


--------------------------------------------------------------------------------
/images/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/preview.png


--------------------------------------------------------------------------------
/images/recon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/recon.png


--------------------------------------------------------------------------------
/images/rock-buddy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/rock-buddy.png


--------------------------------------------------------------------------------
/images/rock-king.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/rock-king.png


--------------------------------------------------------------------------------
/images/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/search.png


--------------------------------------------------------------------------------
/images/staji.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/staji.png


--------------------------------------------------------------------------------
/images/trophy-animation.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/trophy-animation.gif


--------------------------------------------------------------------------------
/images/trophy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/trophy.png


--------------------------------------------------------------------------------
/images/verification-icons/maybe-verified.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/verification-icons/maybe-verified.png


--------------------------------------------------------------------------------
/images/verification-icons/unverified.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/verification-icons/unverified.png


--------------------------------------------------------------------------------
/images/verification-icons/verified-badge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/verification-icons/verified-badge.png


--------------------------------------------------------------------------------
/images/verification-icons/verified.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/images/verification-icons/verified.png


--------------------------------------------------------------------------------
/media/doh/doh-001.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-001.wav


--------------------------------------------------------------------------------
/media/doh/doh-002.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-002.wav


--------------------------------------------------------------------------------
/media/doh/doh-003.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-003.wav


--------------------------------------------------------------------------------
/media/doh/doh-004.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-004.wav


--------------------------------------------------------------------------------
/media/doh/doh-005.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-005.wav


--------------------------------------------------------------------------------
/media/doh/doh-006.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-006.wav


--------------------------------------------------------------------------------
/media/doh/doh-007.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-007.wav


--------------------------------------------------------------------------------
/media/doh/doh-008.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-008.wav


--------------------------------------------------------------------------------
/media/doh/doh-009.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-009.wav


--------------------------------------------------------------------------------
/media/doh/doh-010.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-010.wav


--------------------------------------------------------------------------------
/media/doh/doh-011.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-011.wav


--------------------------------------------------------------------------------
/media/doh/doh-012.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-012.wav


--------------------------------------------------------------------------------
/media/doh/doh-013.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-013.wav


--------------------------------------------------------------------------------
/media/doh/doh-014.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-014.wav


--------------------------------------------------------------------------------
/media/doh/doh-015.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-015.wav


--------------------------------------------------------------------------------
/media/doh/doh-016.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-016.wav


--------------------------------------------------------------------------------
/media/doh/doh-017.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-017.wav


--------------------------------------------------------------------------------
/media/doh/doh-018.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-018.wav


--------------------------------------------------------------------------------
/media/doh/doh-019.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-019.wav


--------------------------------------------------------------------------------
/media/doh/doh-020.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-020.wav


--------------------------------------------------------------------------------
/media/doh/doh-021.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-021.wav


--------------------------------------------------------------------------------
/media/doh/doh-022.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-022.wav


--------------------------------------------------------------------------------
/media/doh/doh-023.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-023.wav


--------------------------------------------------------------------------------
/media/doh/doh-024.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-024.wav


--------------------------------------------------------------------------------
/media/doh/doh-025.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-025.wav


--------------------------------------------------------------------------------
/media/doh/doh-026.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/doh/doh-026.wav


--------------------------------------------------------------------------------
/media/guitar_hero/miss1.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss1.mp3


--------------------------------------------------------------------------------
/media/guitar_hero/miss2.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss2.mp3


--------------------------------------------------------------------------------
/media/guitar_hero/miss3.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss3.mp3


--------------------------------------------------------------------------------
/media/guitar_hero/miss4.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss4.mp3


--------------------------------------------------------------------------------
/media/guitar_hero/miss5.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss5.mp3


--------------------------------------------------------------------------------
/media/guitar_hero/miss6.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/guitar_hero/miss6.mp3


--------------------------------------------------------------------------------
/media/oof.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/oof.mp3


--------------------------------------------------------------------------------
/media/oof2.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/media/oof2.wav


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "rock-buddy",
 3 |     "version": "1.9.1-beta",
 4 |     "description": "Rock Buddy",
 5 |     "main": "./src/main.js",
 6 |     "scripts": {
 7 |         "build": "python pre_build.py && tsc && webpack --mode=development",
 8 |         "start": "npm run build && electron .",
 9 |         "dev": "npm run build && electron . http://raspberrypi:8080",
10 |         "release": "git clean -dfX && git submodule foreach --recursive git clean -dfX && npm install && npm run build && electron-builder"
11 |     },
12 |     "author": "TNTMusicStudios",
13 |     "license": "MIT",
14 |     "dependencies": {
15 |         "aes-js": "^3.1.2",
16 |         "async-mutex": "^0.4.0",
17 |         "axios": "^1.4.0",
18 |         "electron-is-dev": "^2.0.0",
19 |         "electron-store": "^8.1.0",
20 |         "glob": "^10.2.6",
21 |         "open-file-explorer": "^1.0.2",
22 |         "semver": "^7.3.8"
23 |     },
24 |     "devDependencies": {
25 |         "electron": "^23.0.0",
26 |         "electron-builder": "^24.0.0",
27 |         "msbuild": "^1.2.0",
28 |         "typescript": "^4.9.5",
29 |         "webpack": "^5.76.2",
30 |         "webpack-cli": "^5.0.1"
31 |     },
32 |     "build": {
33 |         "icon": "images/icon-256x256",
34 |         "target": "nsis",
35 |         "nsis": {
36 |             "oneClick": true,
37 |             "perMachine": false
38 |         },
39 |         "extraFiles": [
40 |             {
41 |                 "from": "RockSniffer/RockSniffer/bin/x64/Release/net6.0-windows",
42 |                 "to": "Rocksniffer"
43 |             },
44 |             {
45 |                 "from": "rock-buddy-addons",
46 |                 "to": "addons/rock-buddy"
47 |             },
48 |             {
49 |                 "from": "RockSniffer/addons",
50 |                 "to": "addons/RockSniffer"
51 |             }
52 |         ],
53 |         "directories": {
54 |             "output": "release"
55 |         }
56 |     }
57 | }
58 | 


--------------------------------------------------------------------------------
/pre_build.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | import shutil
 3 | import subprocess
 4 | 
 5 | # Build RockSniffer
 6 | def build_rocksniffer(rocksniffer_srcdir):
 7 | 
 8 |     # Note: RockSniffer has lots of warnings in the build
 9 |     #TODO: Eventually go through all warnings in RockSniffer and resolve them
10 |     print('Executing dotnet build on RockSniffer...')
11 | 
12 |     try:
13 |         build_output = subprocess.run('dotnet build /p:LangVersion=10.0 /p:Configuration=Release /p:Platform=x64', shell=True, cwd=rocksniffer_srcdir, check=True)
14 |         print(f'RockSniffer Build Output: {build_output}')
15 |     except Exception as e:
16 |         print(f'Error executing dotnet build: {e}')
17 | 
18 | build_rocksniffer('./RockSniffer')


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tnt-coders/rock-buddy-app/d7fb9e3a9540cdc81f0e472879425d760b9ab0d0/requirements.txt


--------------------------------------------------------------------------------
/rock-buddy-addons/README.md:
--------------------------------------------------------------------------------
 1 | # Getting Started
 2 | 
 3 | To start using addons, turn them on in the "config" window within Rock Buddy.
 4 | 
 5 | The default configuration settings should work for most users.
 6 | 
 7 | # Capture Addon
 8 | 
 9 | The capture addon provides a way to display Rock Buddy in OBS as a browser source for streamers. Simply add "capture/capture.html" into OBS as a browser source to use it!
10 | 
11 | # Configuration
12 | 
13 | If you plan on using addons with the default port on the same PC as you use Rock Buddy then there is no need to modify "config.js", however the hostname and port number are configurable to give flexibility to those with more complex setups. Just make sure the host name matches the name of the PC that is running Rock Buddy, and the port number matches what is in the Rock Buddy configuration page and you should be good to go!


--------------------------------------------------------------------------------
/rock-buddy-addons/capture/capture.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 6 |   <title>Rock Buddy Capture</title>
 7 | </head>
 8 | 
 9 | <body>
10 |   <div id="data">
11 | 
12 |   </div>
13 |   <script src="../config.js"></script>
14 |   <script src="script.js"></script>
15 | </body>
16 | 
17 | </html>


--------------------------------------------------------------------------------
/rock-buddy-addons/capture/script.js:
--------------------------------------------------------------------------------
 1 | //How often to poll the addon service (in milliseconds)
 2 | var pollrate = 100;
 3 | 
 4 | function refresh() {
 5 | 	fetch('http://' + addonsHost + ':' + addonsPort)
 6 |     .then(response => response.text())
 7 |     .then(data => document.getElementById('data').innerHTML = '<img src="' + data + '">')
 8 |     .catch(error => console.error(error));
 9 | }
10 | 
11 | setInterval(refresh, pollrate);


--------------------------------------------------------------------------------
/rock-buddy-addons/config.js:
--------------------------------------------------------------------------------
1 | // Host to listen for addon data
2 | // Leave this set to localhost if you are running addons on the same PC as Rock Buddy
3 | const addonsHost = 'localhost';
4 | 
5 | // Port to listen for addon data
6 | const addonsPort = 9001;
7 | 


--------------------------------------------------------------------------------
/src/account/account.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; width: 100%; min-width: 800px;" class="navtop">
12 |     <a href="../sniffer/sniffer.html">Sniffer</a>|
13 |     <a href="../search/search.html">Search</a>|
14 |     <a href="../rank/rank.html">Rank</a>|
15 |     <a href="../profile/profile.html">Profile</a>
16 |     <a href="../config/config.html" style="margin-left: auto;">Config</a>|
17 |     <a href="../account/account.html">Account</a>
18 |   </div>
19 |   <h1>Account Settings</h1>
20 |   <h2>Username</h2>
21 |   <div id="username" style="display: inline;"></div>
22 |   <div style="display: inline; float: right;">
23 |     <a href="./change_username.html">Change</a>
24 |   </div>
25 |   <hr>
26 |   <h2>Email</h2>
27 |   <div id="email" style="display: inline;"></div>
28 |   <div style="display: inline; float: right;">
29 |     <a href="./change_email.html">Change</a>
30 |   </div>
31 |   <hr>
32 |   <h2>Password</h2>
33 |   <div style="display: inline;">**********</div>
34 |   <div style="display: inline; float: right;">
35 |     <a href="./change_password.html">Change</a>
36 |   </div>
37 |   <hr>
38 |   <a href="../auth/logout.html">Logout</a>
39 |   <div id="boulder_bro_popup" class="modal">
40 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
41 |     <center>
42 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
43 |     </center>
44 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
45 |   </div>
46 |   <footer>
47 |     <p>
48 |     <div class="copyright">
49 |       Copyright &copy; 2024 <a class="tntrocks"
50 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
51 |     </div>
52 |     <div class="team-mem">
53 |       <a href="./../team/team.html">Team</a>
54 |     </div>
55 |     </p>
56 |   </footer>
57 |   <script src="../common/boulder_bro.js"></script>
58 |   <script src="../common/functions.js"></script>
59 |   <script src="../common/theme.js"></script>
60 |   <script src="./account.js"></script>
61 | 
62 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
63 |     <option value="light">Light theme</option>
64 |     <option value="dark">Dark theme</option>
65 |     <option value="streamer">Streamer theme</option>
66 |   </select>
67 | 
68 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
69 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
70 | 
71 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
72 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
73 |     onchange="setStreamerTextColor()">
74 | </body>


--------------------------------------------------------------------------------
/src/account/account.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function main() {
 4 |     const version = await getVersion();
 5 |     document.title = 'Rock Buddy v' + version;
 6 | 
 7 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
 8 | 
 9 |     const accountInfo = await getAccountInfo(authData);
10 |     if (!accountInfo) {
11 |         api.error('Failed to get account info.');
12 |         return;
13 |     }
14 | 
15 |     document.getElementById('username').innerText = accountInfo['username'];
16 |     document.getElementById('email').innerText = accountInfo['email'];
17 | }
18 | 
19 | main();


--------------------------------------------------------------------------------
/src/account/activation.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/card.css">
 6 |   <link rel="stylesheet" href="../common/footer.css">
 7 |   <script type="text/javascript"
 8 |     src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script>
 9 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
10 |   <title>Rock Buddy</title>
11 | </head>
12 | 
13 | <body>
14 |   <div class="card">
15 |     <h1>Account Activation</h1>
16 |     <p>An activation email has been sent to <span id="email"></span>. If you do not see an email within a few minutes,
17 |       <a href="#" onclick="resendActivationEmail()">click here</a> to request a new one.</p>
18 |     <p>If you accidentally used the wrong email address, <a href="./change_email.html">click here</a> to change it.</p>
19 |     <p>After activating your account, <a href="#" onclick="redirectToHomepage()">click here</a> to be redirected to the
20 |       homepage.</p>
21 |     <a href="../auth/logout.html">Logout</a>
22 |   </div>
23 |   <div class="buddycard">
24 |     <center><img src="../../images/rock-buddy.png" alt="rockbuddy" class="rockbuddy"></center>
25 |   </div>
26 |   <div id="boulder_bro_popup" class="modal">
27 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
28 |     <center>
29 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
30 |     </center>
31 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
32 |   </div>
33 |   <footer>
34 |     <p>
35 |     <div class="copyright">
36 |       Copyright &copy; 2024 <a class="tntrocks"
37 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
38 |     </div>
39 |     <div class="team-mem">
40 |       <a href="./../team/team.html">Team</a>
41 |     </div>
42 |     </p>
43 |   </footer>
44 |   <script src="../common/boulder_bro.js"></script>
45 |   <script src="../common/functions.js"></script>
46 |   <script src="../common/theme.js"></script>
47 |   <script src="./activation.js"></script>
48 | 
49 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
50 |     <option value="light">Light theme</option>
51 |     <option value="dark">Dark theme</option>
52 |     <option value="streamer">Streamer theme</option>
53 |   </select>
54 | 
55 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
56 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
57 | 
58 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
59 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
60 |     onchange="setStreamerTextColor()">
61 | </body>
62 | 
63 | </html>


--------------------------------------------------------------------------------
/src/account/activation.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function resendActivationEmail() {
 4 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
 5 |     const emailSent = await sendActivationEmail(authData);
 6 |     if (emailSent) {
 7 |         api.info('Email sent.');
 8 |     }
 9 |     else {
10 |         api.error('Failed to send email.');
11 |     }
12 | }
13 | 
14 | async function redirectToHomepage() {
15 |     window.location.href = '../index.html';
16 |     return;
17 | }
18 | 
19 | async function main() {
20 |     const version = await getVersion();
21 |     document.title = 'Rock Buddy v' + version;
22 | 
23 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
24 | 
25 |     const accountInfo = await getAccountInfo(authData);
26 |     if (!accountInfo) {
27 |         api.error('Failed to get account info.');
28 |         return;
29 |     }
30 | 
31 |     // Send an activation email if one has never been sent
32 |     if (accountInfo['token_timestamp'] === null) {
33 |         sendActivationEmail(authData);
34 |     }
35 | 
36 |     document.getElementById('email').innerText = accountInfo['email'];
37 | }
38 | 
39 | VanillaTilt.init(document.querySelectorAll(".card"), {
40 |     max: 5,
41 |     speed: 1000,
42 |     transition: true,
43 | })
44 | 
45 | VanillaTilt.init(document.querySelectorAll(".buddycard"), {
46 |     max: 15,
47 |     speed: 1000,
48 |     transition: true,
49 | })
50 | 
51 | main();


--------------------------------------------------------------------------------
/src/account/change_email.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <div class="card">
12 |     <h1>Change Email</h1>
13 |     <form>
14 |       <label for="new_email">New Email:</label><br>
15 |       <input id="new_email" type="text" name="new_email"><br><br>
16 |       <label for="password">Password:</label><br>
17 |       <input id="password" type="password" name="password">
18 |       <p style="color: red;">Warning: Your account will need to be reactivated using the new email.</p>
19 |       <input class="btn-primary" type="submit" value="Submit" onclick="changeEmail(event)"><br><br>
20 |     </form>
21 |     <a href="#" onclick="history.back()">Cancel</a>
22 |   </div>
23 |   <div id="boulder_bro_popup" class="modal">
24 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
25 |     <center>
26 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
27 |     </center>
28 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
29 |   </div>
30 |   <footer>
31 |     <p>
32 |     <div class="copyright">
33 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
34 |     </div>
35 |     <div class="team-mem">
36 |       <a href="./../team/team.html">Team</a>
37 |     </div>
38 |     </p>
39 |   </footer>
40 |   <script src="../common/boulder_bro.js"></script>
41 |   <script src="../common/functions.js"></script>
42 |   <script src="../common/theme.js"></script>
43 |   <script src="./change_email.js"></script>
44 | 
45 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
46 |     <option value="light">Light theme</option>
47 |     <option value="dark">Dark theme</option>
48 |     <option value="streamer">Streamer theme</option>
49 |   </select>
50 | 
51 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
52 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
53 | 
54 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
55 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
56 |     onchange="setStreamerTextColor()">
57 | </body>


--------------------------------------------------------------------------------
/src/account/change_email.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function requestEmailChange(newEmail, password) {
 4 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
 5 | 
 6 |     const host = await api.getHost();
 7 |     const response = await post(host + '/api/account/change_email.php', {
 8 |         auth_data: authData,
 9 |         new_email: newEmail,
10 |         password: password
11 |     });
12 | 
13 |     if ('error' in response) {
14 |         api.error(response['error']);
15 |         return false;
16 |     }
17 | 
18 |     return response['success'];
19 | }
20 | 
21 | async function changeEmail(event) {
22 |     // Prevents the form from being immediately cleared
23 |     event.preventDefault();
24 | 
25 |     const newEmail = document.getElementById('new_email').value;
26 |     const password = document.getElementById('password').value;
27 | 
28 |     // Make sure the new username is valid
29 |     if (!validateEmail(newEmail)) {
30 |         document.getElementById('new_email').value = '';
31 |         document.getElementById('password').value = '';
32 |         return;
33 |     }
34 | 
35 |     const status = await requestEmailChange(newEmail, password);
36 |     if (!status) {
37 |         document.getElementById('password').value = '';
38 |         return;
39 |     }
40 | 
41 |     api.info('Email changed successfully.');
42 |     window.location.href = './activation.html';
43 |     return;
44 | }
45 | 
46 | async function main() {
47 |     const version = await getVersion();
48 |     document.title = 'Rock Buddy v' + version;
49 | }
50 | 
51 | main();


--------------------------------------------------------------------------------
/src/account/change_password.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 | 
 7 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 8 |   <title>Rock Buddy</title>
 9 | </head>
10 | 
11 | <body>
12 |   <div class="card">
13 |     <h1>Change Username</h1>
14 |     <form>
15 |       <label for="password">Current Password:</label><br>
16 |       <input id="password" type="password" name="password"><br><br>
17 |       <label for="new_password">New Password:</label><br>
18 |       <input id="new_password" type="password" name="new_password"><br><br>
19 |       <label for="confirm_new_password">Confirm New Password:</label><br>
20 |       <input id="confirm_new_password" type="password" name="confirm_new_password"><br><br>
21 |       <input class="btn-primary" type="submit" value="Submit" onclick="changePassword(event)"><br><br>
22 |     </form>
23 |     <a href="#" onclick="history.back()">Cancel</a>
24 |   </div>
25 |   <div id="boulder_bro_popup" class="modal">
26 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
27 |     <center>
28 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
29 |     </center>
30 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
31 |   </div>
32 |   <footer>
33 |     <p>
34 |     <div class="copyright">
35 |       Copyright &copy; 2024 <a class="tntrocks"
36 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
37 |     </div>
38 |     <div class="team-mem">
39 |       <a href="./../team/team.html">Team</a>
40 |     </div>
41 |     </p>
42 |   </footer>
43 |   <script src="../common/boulder_bro.js"></script>
44 |   <script src="../common/functions.js"></script>
45 |   <script src="../common/theme.js"></script>
46 |   <script src="./change_password.js"></script>
47 | 
48 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
49 |     <option value="light">Light theme</option>
50 |     <option value="dark">Dark theme</option>
51 |     <option value="streamer">Streamer theme</option>
52 |   </select>
53 | 
54 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
55 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
56 | 
57 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
58 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
59 |     onchange="setStreamerTextColor()">
60 | </body>


--------------------------------------------------------------------------------
/src/account/change_password.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function requestPasswordChange(newPassword, password) {
 4 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
 5 | 
 6 |     const host = await api.getHost();
 7 |     const response = await post(host + '/api/account/change_password.php', {
 8 |         auth_data: authData,
 9 |         new_password: newPassword,
10 |         password: password
11 |     });
12 | 
13 |     if ('error' in response) {
14 |         api.error(response['error']);
15 |         return false;
16 |     }
17 | 
18 |     return response['success'];
19 | }
20 | 
21 | async function changePassword(event) {
22 |     // Prevents the form from being immediately cleared
23 |     event.preventDefault();
24 | 
25 |     const password = document.getElementById('password').value;
26 |     const newPassword = document.getElementById('new_password').value;
27 |     const confirmNewPassword = document.getElementById('confirm_new_password').value;
28 | 
29 |     // Make sure the new username is valid
30 |     if (!validatePassword(newPassword, confirmNewPassword)) {
31 |         document.getElementById('password').value = '';
32 |         document.getElementById('new_password').value = '';
33 |         document.getElementById('confirm_new_password').value = '';
34 |         return;
35 |     }
36 | 
37 |     const status = await requestPasswordChange(newPassword, password);
38 |     if (!status) {
39 |         document.getElementById('password').value = '';
40 |         document.getElementById('new_password').value = '';
41 |         document.getElementById('confirm_new_password').value = '';
42 |         return;
43 |     }
44 | 
45 |     api.info('Password changed successfully.');
46 |     history.back();
47 |     return;
48 | }
49 | 
50 | async function main() {
51 |     const version = await getVersion();
52 |     document.title = 'Rock Buddy v' + version;
53 | }
54 | 
55 | main();


--------------------------------------------------------------------------------
/src/account/change_username.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <div class="card">
12 |     <h1>Change Username</h1>
13 |     <form>
14 |       <label for="new_username">New Username:</label><br>
15 |       <input id="new_username" type="text" name="new_username"><br><br>
16 |       <label for="password">Password:</label><br>
17 |       <input id="password" type="password" name="password">
18 |       <p style="color: red;">Warning: You can only change your username once every 30 days.</p>
19 |       <input class="btn-primary" type="submit" value="Submit" onclick="changeUsername(event)"><br><br>
20 |     </form>
21 |     <a href="#" onclick="history.back()">Cancel</a>
22 |   </div>
23 |   <div id="boulder_bro_popup" class="modal">
24 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
25 |     <center>
26 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
27 |     </center>
28 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
29 |   </div>
30 |   <footer>
31 |     <p>
32 |     <div class="copyright">
33 |       Copyright &copy; 2024 <a class="tntrocks"
34 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
35 |     </div>
36 |     <div class="team-mem">
37 |       <a href="./../team/team.html">Team</a>
38 |     </div>
39 |     </p>
40 |   </footer>
41 |   <script src="../common/boulder_bro.js"></script>
42 |   <script src="../common/functions.js"></script>
43 |   <script src="../common/theme.js"></script>
44 |   <script src="./change_username.js"></script>
45 | 
46 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
47 |     <option value="light">Light theme</option>
48 |     <option value="dark">Dark theme</option>
49 |     <option value="streamer">Streamer theme</option>
50 |   </select>
51 | 
52 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
53 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
54 | 
55 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
56 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
57 |     onchange="setStreamerTextColor()">
58 | </body>


--------------------------------------------------------------------------------
/src/account/change_username.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function requestUsernameChange(newUsername, password) {
 4 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
 5 | 
 6 |     const host = await api.getHost();
 7 |     const response = await post(host + '/api/account/change_username.php', {
 8 |         auth_data: authData,
 9 |         new_username: newUsername,
10 |         password: password
11 |     });
12 | 
13 |     if ('error' in response) {
14 |         api.error(response['error']);
15 |         return false;
16 |     }
17 | 
18 |     return response['success'];
19 | }
20 | 
21 | async function changeUsername(event) {
22 |     // Prevents the form from being immediately cleared
23 |     event.preventDefault();
24 | 
25 |     const newUsername = document.getElementById('new_username').value;
26 |     const password = document.getElementById('password').value;
27 | 
28 |     // Make sure the new username is valid
29 |     if (!validateUsername(newUsername)) {
30 |         document.getElementById('new_username').value = '';
31 |         document.getElementById('password').value = '';
32 |         return;
33 |     }
34 | 
35 |     const status = await requestUsernameChange(newUsername, password);
36 |     if (!status) {
37 |         document.getElementById('password').value = '';
38 |         return;
39 |     }
40 | 
41 |     api.info('Username changed successfully.');
42 |     history.back();
43 |     return;
44 | }
45 | 
46 | async function main() {
47 |     const version = await getVersion();
48 |     document.title = 'Rock Buddy v' + version;
49 | }
50 | 
51 | main();


--------------------------------------------------------------------------------
/src/auth/light-theme.css:
--------------------------------------------------------------------------------
 1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans);
 2 | 
 3 | /*  Head nav */
 4 | 
 5 | .navtop {
 6 |   background-color: #2222225b;
 7 |   border-radius: 12px;
 8 |   padding: 1%;
 9 | }
10 | 
11 | 
12 | table tr {
13 |   -webkit-transition: background 0.3s, box-shadow 0.3s;
14 |   -moz-transition: background 0.3s, box-shadow 0.3s;
15 |   transition: background 0.3s, box-shadow 0.3s;
16 |   background: #336ca63f;
17 | }
18 | 
19 | table tr:hover {
20 |   background: rgba(35, 27, 80, 0.062);
21 |   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(0, 0, 0, 0.25);
22 | }
23 | 
24 | table {
25 |   width: 100%;
26 |   max-width: 100%;
27 | }
28 | 
29 | table th,
30 | table td {
31 |   white-space: normal;
32 | }
33 | 
34 | table th {
35 |   word-wrap: break-word;
36 | }
37 | 
38 | table td {
39 |   word-break: break-all;
40 | }
41 | 
42 | .card {
43 |   background-color: #222;
44 |   color: #fff;
45 |   padding: 20px;
46 |   border-radius: 5px;
47 |   width: 80%;
48 |   margin: 0 auto;
49 |   text-align: center;
50 |   box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.4);
51 | 
52 | }
53 | 
54 | .card a {
55 |   color: #3c97bf;
56 | }
57 | 
58 | .card h1 {
59 |   color: #fff;
60 |   text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
61 |   letter-spacing: 1px;
62 |   text-align: center;
63 | }
64 | 
65 | .grid-container {
66 |   display: grid;
67 |   grid-template-columns: 1fr 1fr;
68 |   gap: 16px;
69 | }
70 | 
71 | 
72 | #streamer-color {
73 |   display: none;
74 | 
75 | }
76 | 
77 | #streamer-color-name {
78 |   display: none;
79 | 
80 | }
81 | 
82 | #streamer-text-color-name {
83 |   display: none;
84 | 
85 | }
86 | 
87 | #streamer-text-color {
88 |   display: none;
89 | 
90 | }


--------------------------------------------------------------------------------
/src/auth/login.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <div style="display: flex; justify-content: center; align-items: center; height: 80vh;">
12 |     <div class="card">
13 |       <h1>Login</h1>
14 |       <form>
15 |         <label for="username_or_email">Username or Email:</label><br>
16 |         <input id="username_or_email" type="text" name="username_or_email"><br><br>
17 |         <label for="password">Password:</label><br>
18 |         <input id="password" type="password" name="password"><br>
19 |         <a href="reset_password.html" onclick="resetPassword(event)">Forgot Password</a><br><br>
20 |         <input class="btn-primary" type="submit" value="Submit" onclick="login(event)"><br><br>
21 |       </form>
22 |       <p>Don't have an account? <a href="sign_up.html">Sign Up</a></p>
23 |     </div>
24 |   </div>
25 | 
26 |   <div id="boulder_bro_popup" class="modal">
27 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
28 |     <center>
29 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
30 |     </center>
31 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
32 |   </div>
33 |   <footer>
34 |     <p>
35 |     <div class="copyright">
36 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
37 |     </div>
38 |     <div class="team-mem">
39 |       <a href="./../team/team.html">Team</a>
40 |     </div>
41 |     </p>
42 |   </footer>
43 |   <script src="../common/boulder_bro.js"></script>
44 |   <script src="../common/functions.js"></script>
45 |   <script src="../common/theme.js"></script>
46 |   <script src="./login.js"></script>
47 | 
48 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
49 |     <option value="light">Light theme</option>
50 |     <option value="dark">Dark theme</option>
51 |     <option value="streamer">Streamer theme</option>
52 |   </select>
53 | 
54 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
55 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
56 | 
57 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
58 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
59 |     onchange="setStreamerTextColor()">
60 | </body>
61 | 
62 | </html>


--------------------------------------------------------------------------------
/src/auth/login.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function generateAuthData(usernameOrEmail, password) {
 4 |     const host = await api.getHost();
 5 |     const response = await post(host + '/api/auth/login.php', {
 6 |         username_or_email: usernameOrEmail,
 7 |         password: password
 8 |     });
 9 | 
10 |     if ('error' in response) {
11 |         api.error(response['error']);
12 |         return null;
13 |     }
14 | 
15 |     return response;
16 | }
17 | 
18 | async function login(event) {
19 |     // Prevents the form from being immediately cleared
20 |     event.preventDefault();
21 | 
22 |     const usernameOrEmail = document.getElementById('username_or_email').value;
23 |     const password = document.getElementById('password').value;
24 | 
25 |     const authData = await generateAuthData(usernameOrEmail, password);
26 |     if (authData === null) {
27 |         // Login failed - reset password and let the user know
28 |         document.getElementById('password').value = '';
29 |         return;
30 |     }
31 | 
32 |     // Login successful - store auth data
33 |     await api.storeSet('auth_data', authData);
34 | 
35 |     // Email is verified - proceed to application
36 |     window.location.href = '../index.html';
37 |     return;
38 | }
39 | 
40 | async function resetPassword(event) {
41 |     // Prevents the form from being immediately cleared
42 |     event.preventDefault();
43 | 
44 |     const usernameOrEmail = document.getElementById('username_or_email').value;
45 |     if (usernameOrEmail.trim() === '') {
46 |         api.error("Please enter your username or email.");
47 |         return;
48 |     }
49 | 
50 |     const host = await api.getHost();
51 | 
52 |     let data = {}
53 |     data['username_or_email'] = usernameOrEmail;
54 |     const response = await post(host + '/api/account/send_password_reset_email.php', data);
55 | 
56 |     if ('error' in response) {
57 |         api.error(response['error']);
58 |         return;
59 |     }
60 | 
61 |     if (response['success']) {
62 |         api.info('Password reset request for "' + usernameOrEmail + '" sent successfully.' + "\n\n" + 'Check your email for a reset link.');
63 |     }
64 | }
65 | 
66 | async function main() {
67 |     const version = await getVersion();
68 |     document.title = 'Rock Buddy v' + version;
69 | }
70 | 
71 | main();


--------------------------------------------------------------------------------
/src/auth/logout.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <p>Logging out...</p>
12 |   <footer>
13 |     <p>
14 |     <div class="copyright">
15 |       Copyright &copy; 2024 <a class="tntrocks"
16 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
17 |     </div>
18 |     <div class="team-mem">
19 |       <a href="./../team/team.html">Team</a>
20 |     </div>
21 |     </p>
22 |   </footer>
23 |   <script src="../common/functions.js"></script>
24 |   <script src="../common/theme.js"></script>
25 |   <script src="./logout.js"></script>
26 | 
27 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
28 |     <option value="light">Light theme</option>
29 |     <option value="dark">Dark theme</option>
30 |     <option value="streamer">Streamer theme</option>
31 |   </select>
32 | 
33 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
34 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
35 | 
36 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
37 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
38 |     onchange="setStreamerTextColor()">
39 | </body>
40 | 
41 | </html>


--------------------------------------------------------------------------------
/src/auth/logout.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | sessionStorage.clear();
 4 | api.storeDelete('auth_data');
 5 | window.location.href = './login.html';
 6 | 
 7 | async function main() {
 8 |     const version = await getVersion();
 9 |     document.title = 'Rock Buddy v' + version;
10 | }
11 | 
12 | main();


--------------------------------------------------------------------------------
/src/auth/sign_up.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
 7 |   <title>Rock Buddy</title>
 8 | </head>
 9 | 
10 | <body>
11 |   <div class="card">
12 |     <h1>Sign Up</h1>
13 |     <form>
14 | 
15 |       <div class="grid-container">
16 |         <div>
17 |           <label for="username">Username:</label><br>
18 |           <input id="username" type="text" name="username"><br><br>
19 |         </div>
20 |         <div>
21 |           <label for="email">Email:</label><br>
22 |           <input id="email" type="text" name="email"><br><br>
23 |         </div>
24 |         <div>
25 |           <label for="password">Password:</label><br>
26 |           <input id="password" type="password" name="password"><br><br>
27 |         </div>
28 |         <div>
29 |           <label for="confirm_password">Confirm Password:</label><br>
30 |           <input id="confirm_password" type="password" name="confirm_password"><br><br>
31 |         </div>
32 |       </div>
33 | 
34 |       <input class="btn-primary" type="submit" value="Submit" onclick="signUp(event)"><br><br>
35 |     </form>
36 | 
37 |     <p>Already have an account? <a href="login.html">Login</a></p>
38 |   </div>
39 |   <div id="boulder_bro_popup" class="modal">
40 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
41 |     <center>
42 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
43 |     </center>
44 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
45 |   </div>
46 |   <footer>
47 |     <p>
48 |     <div class="copyright">
49 |       Copyright &copy; 2024 <a class="tntrocks"
50 |         href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
51 |     </div>
52 |     <div class="team-mem">
53 |       <a href="./../team/team.html">Team</a>
54 |     </div>
55 |     </p>
56 |   </footer>
57 |   <script src="../common/boulder_bro.js"></script>
58 |   <script src="../common/functions.js"></script>
59 |   <script src="../common/theme.js"></script>
60 |   <script src="./sign_up.js"></script>
61 | 
62 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
63 |     <option value="light">Light theme</option>
64 |     <option value="dark">Dark theme</option>
65 |     <option value="streamer">Streamer theme</option>
66 |   </select>
67 | 
68 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
69 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
70 | 
71 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
72 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
73 |     onchange="setStreamerTextColor()">
74 | </body>
75 | 
76 | </html>


--------------------------------------------------------------------------------
/src/auth/sign_up.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function insertUser(username, email, password) {
 4 |     const host = await api.getHost();
 5 |     const response = await post(host + '/api/auth/sign_up.php', {
 6 |         username: username,
 7 |         email: email,
 8 |         password: password
 9 |     });
10 | 
11 |     if ('error' in response) {
12 |         api.error(response['error']);
13 |         return null;
14 |     }
15 | 
16 |     return response['user_id'];
17 | }
18 | 
19 | async function signUp(event) {
20 |     // Prevents the form from being immediately cleared
21 |     event.preventDefault();
22 | 
23 |     const username = document.getElementById('username').value;
24 |     const email = document.getElementById('email').value;
25 |     const password = document.getElementById('password').value;
26 |     const confirmPassword = document.getElementById('confirm_password').value;
27 | 
28 |     if (!validateUsername(username)) {
29 |         document.getElementById('username').value = '';
30 |         return;
31 |     }
32 |     if (!validateEmail(email)) {
33 |         document.getElementById('email').value = '';
34 |         return;
35 |     }
36 |     if (!validatePassword(password, confirmPassword)) {
37 |         document.getElementById('password').value = '';
38 |         document.getElementById('confirm_password').value = '';
39 |         return;
40 |     }
41 | 
42 |     const userId = await insertUser(username, email, password);
43 |     if (userId !== null) {
44 |         api.info('User created successfully.');
45 | 
46 |         // Redirect to login
47 |         window.location.href = 'login.html';
48 |         return;
49 |     }
50 | }
51 | 
52 | async function main() {
53 |     const version = await getVersion();
54 |     document.title = 'Rock Buddy v' + version;
55 | }
56 | 
57 | main();


--------------------------------------------------------------------------------
/src/common/boulder_bro.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const pressed = [];
 4 | const secretCode = 'ArrowUpArrowUpArrowDownArrowDownArrowLeftArrowRightArrowLeftArrowRightba';
 5 | const modal = document.getElementById('boulder_bro_popup');
 6 | const closeBtn = document.getElementById('close_boulder_bro_popup');
 7 | 
 8 | window.addEventListener('keyup', (e) => {
 9 |     pressed.push(e.key);
10 |     pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
11 |     if (pressed.join('').includes(secretCode)) {
12 |         modal.style.display = 'block';
13 |     }
14 | });
15 | 
16 | closeBtn.addEventListener('click', () => {
17 |     modal.style.display = 'none';
18 | });


--------------------------------------------------------------------------------
/src/common/card.css:
--------------------------------------------------------------------------------
 1 | .card {
 2 |     background-color: #222;
 3 |     color: #fff;
 4 |     padding: 20px;
 5 |     border-radius: 5px;
 6 |     width: 80%;
 7 |     margin: 0 auto;
 8 |     text-align: center;
 9 |     box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.4);
10 | 
11 | }
12 | 
13 | .buddycard img {
14 |     width: 250px;
15 | }
16 | 
17 | .card a {
18 |     color: #3c97bf;
19 | }
20 | 
21 | html {
22 |     width: 100%;
23 |     height: 100%;
24 |     overflow: hidden;
25 | }


--------------------------------------------------------------------------------
/src/common/classic-theme.css:
--------------------------------------------------------------------------------
  1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans);
  2 | 
  3 | * {
  4 | 	-webkit-box-sizing: border-box;
  5 | 	-moz-box-sizing: border-box;
  6 | 	-ms-box-sizing: border-box;
  7 | 	-o-box-sizing: border-box;
  8 | 	box-sizing: border-box;
  9 | }
 10 | 
 11 | .btn {
 12 | 	display: inline-block;
 13 | 	*display: inline;
 14 | 	*zoom: 1;
 15 | 	padding: 4px 10px 4px;
 16 | 	margin-bottom: 0;
 17 | 	font-size: 13px;
 18 | 	line-height: 18px;
 19 | 	color: #333333 !important;
 20 | 	;
 21 | 	text-align: center;
 22 | 	text-shadow: 0 1px 1px #ffffff;
 23 | 	vertical-align: middle;
 24 | 	background-color: #f5f5f5;
 25 | 	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 26 | 	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 27 | 	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
 28 | 	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 29 | 	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 30 | 	background-repeat: repeat-x;
 31 | 	border-color: #e6e6e6 #e6e6e6 #e6e6e6;
 32 | 	border-style: solid;
 33 | 	border-width: 1px;
 34 | 	border-radius: 4px;
 35 | 	cursor: pointer;
 36 | 	box-shadow: 2px 2px #C3C3C3;
 37 | }
 38 | 
 39 | .btn:hover,
 40 | .btn:active,
 41 | .btn.active,
 42 | .btn.disabled,
 43 | .btn[disabled] {
 44 | 	background-color: #e6e6e6;
 45 | }
 46 | 
 47 | .btn-large {
 48 | 	padding: 9px 14px;
 49 | 	font-size: 15px;
 50 | 	line-height: normal;
 51 | 	border-radius: 5px;
 52 | }
 53 | 
 54 | .btn-primary,
 55 | .btn-primary:hover {
 56 | 	text-shadow: none;
 57 | 	color: #333333 !important;
 58 | 	;
 59 | 	background-color: #C3C3C3;
 60 | 	border-color: #C3C3C3;
 61 | }
 62 | 
 63 | .btn-primary.active {
 64 | 	color: rgba(255, 255, 255, 0.75);
 65 | }
 66 | 
 67 | .btn-primary:hover,
 68 | .btn-primary:active,
 69 | .btn-primary.active,
 70 | .btn-primary.disabled,
 71 | .btn-primary[disabled] {
 72 | 	background-color: #C3C3C3;
 73 | }
 74 | 
 75 | .btn-block {
 76 | 	width: 100%;
 77 | 	display: block;
 78 | }
 79 | 
 80 | 
 81 | #snort {
 82 | 	display: inline-block;
 83 | 	*display: inline;
 84 | 	*zoom: 1;
 85 | 	padding: 4px 10px 4px;
 86 | 	margin-bottom: 0;
 87 | 	font-size: 13px;
 88 | 	line-height: 18px;
 89 | 	color: #333333 !important;
 90 | 	;
 91 | 	text-align: center;
 92 | 	text-shadow: 0 1px 1px #ffffff;
 93 | 	vertical-align: middle;
 94 | 	background-color: #f5f5f5;
 95 | 	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 96 | 	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 97 | 	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
 98 | 	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 99 | 	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
100 | 	background-repeat: repeat-x;
101 | 	border-color: #e6e6e6 #e6e6e6 #e6e6e6;
102 | 	border-style: solid;
103 | 	border-width: 1px;
104 | 	border-radius: 4px;
105 | 	cursor: pointer;
106 | 	box-shadow: 2px 2px #C3C3C3;
107 | 	cursor: url('https://cdn.glitch.com/6266b61a-78e8-46a5-b524-d75fcf119dd6%2Farrow.cur?v=1623816090786'), auto;
108 | }
109 | 
110 | #snort:hover,
111 | #snort:active,
112 | #snort.active,
113 | .btn.disabled,
114 | .btn[disabled] {
115 | 	text-shadow: none;
116 | 	color: #333333 !important;
117 | 	;
118 | 	background-color: #C3C3C3;
119 | 	border-color: #C3C3C3;
120 | }
121 | 
122 | #snort-large {
123 | 	display: inline-block;
124 | 	*display: inline;
125 | 	*zoom: 1;
126 | 	padding: 4px 10px 4px;
127 | 	margin-bottom: 0;
128 | 	font-size: 13px;
129 | 	line-height: 18px;
130 | 	color: #333333 !important;
131 | 	;
132 | 	text-align: center;
133 | 	text-shadow: 0 1px 1px #ffffff;
134 | 	vertical-align: middle;
135 | 	background-color: #f5f5f5;
136 | 	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
137 | 	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
138 | 	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
139 | 	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
140 | 	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
141 | 	background-repeat: repeat-x;
142 | 	border-color: #e6e6e6 #e6e6e6 #e6e6e6;
143 | 	border-style: solid;
144 | 	border-width: 1px;
145 | 	border-radius: 4px;
146 | 	cursor: pointer;
147 | 	box-shadow: 2px 2px #C3C3C3;
148 | }
149 | 
150 | #snort:hover {
151 | 	color: #333333 !important;
152 | 	;
153 | 	text-decoration: none;
154 | 	background-color: #B1B1B1;
155 | }
156 | 
157 | #snort,
158 | #snort:hover {
159 | 	color: #fff;
160 | 	text-shadow: 1px 1px #000;
161 | }
162 | 
163 | #snort.active {
164 | 	color: rgba(255, 255, 255, 0.75);
165 | }
166 | 
167 | #snort {
168 | 	background-color: #C3C3C3;
169 | 	border: 2px solid #000;
170 | 	border-bottom-color: #666;
171 | 	border-right-color: #666;
172 | 	box-shadow: inset 1px 1px #000, inset -1px -1px #fff;
173 | }
174 | 
175 | #snort:hover,
176 | #snort:active,
177 | .btn-primary.active,
178 | .btn-primary.disabled,
179 | .btn-primary[disabled] {
180 | 	filter: none;
181 | 	background-color: #C3C3C3;
182 | }
183 | 
184 | #snort-block {
185 | 	width: 50%;
186 | 	display: block;
187 | }
188 | 
189 | 
190 | #snort:disabled {
191 | 	opacity: 0.5;
192 | 	cursor: not-allowed;
193 | }
194 | 
195 | 
196 | * {
197 | 	-webkit-box-sizing: border-box;
198 | 	-moz-box-sizing: border-box;
199 | 	-ms-box-sizing: border-box;
200 | 	-o-box-sizing: border-box;
201 | 	box-sizing: border-box;
202 | }
203 | 
204 | 
205 | html {
206 | 	width: 100%;
207 | 	height: 100%;
208 | }
209 | 
210 | 
211 | body {
212 | 	color: #ffffff;
213 | 	font-family: 'MS Sans Serif', sans-serif;
214 | 	background: #008080;
215 | 	margin: 0;
216 | 	padding: 0;
217 | }
218 | 
219 | body p,
220 | h2,
221 | h1,
222 | h3 {
223 | 	color: #ffffff;
224 | }
225 | 
226 | body a {
227 | 	color: #207496;
228 | 	text-decoration: none;
229 | }
230 | 
231 | /* Head nav */
232 | .navtop {
233 | 	background-color: #c0c0c0;
234 | 	box-shadow: 0 2px 1px 0 #1a1919;
235 | 	color: #000 !important;
236 | 	padding: 10px;
237 | }
238 | 
239 | .login {
240 | 	position: absolute;
241 | 	top: 50%;
242 | 	left: 50%;
243 | 	margin: -150px 0 0 -150px;
244 | 	width: 300px;
245 | 	height: 300px;
246 | 	background: #c0c0c0;
247 | 	box-shadow: 0 2px 1px 0 #1a1919;
248 | 	padding: 20px;
249 | }
250 | 
251 | .login h1 {
252 | 	color: #000;
253 | 	font-size: 20px;
254 | 	font-weight: bold;
255 | 	text-align: center;
256 | 	margin-top: 0;
257 | }
258 | 
259 | input {
260 | 	width: 50%;
261 | 	background: #fff;
262 | 	box-shadow: 0 2px 1px 0 #1a1919;
263 | 	outline: none;
264 | 	padding: 5px;
265 | 	font-size: 12px;
266 | 	color: #000;
267 | }
268 | 
269 | input[type="text"],
270 | select {
271 | 	background: #fff;
272 | 	box-shadow: 0 2px 1px 0 #1a1919;
273 | 	outline: none;
274 | 	font-size: 12px;
275 | 	color: #000;
276 | }
277 | 
278 | input[type="submit"] {
279 | 	background: #c0c0c0;
280 | 	color: #000;
281 | 	border: 1px solid #000;
282 | 	outline: none;
283 | 	padding: 5px 10px;
284 | 	font-size: 12px;
285 | 	box-shadow: 0 2px 1px 0 #1a1919;
286 | }
287 | 
288 | input[type="submit"]:hover {
289 | 	background: #c9c7c7;
290 | 	color: #000000;
291 | 	cursor: pointer;
292 | 	border: 1px solid #000;
293 | }
294 | 
295 | #score_attack {
296 | 	display: flex;
297 | 	flex-direction: column;
298 | 	gap: 5px;
299 | }
300 | 
301 | 
302 | label {
303 | 	color: #ffffff;
304 | 	font-weight: bold;
305 | }
306 | 
307 | input:focus {
308 | 	box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2);
309 | }
310 | 
311 | 
312 | 
313 | 
314 | table tr {
315 | 	background: #C0C0C0;
316 | }
317 | 
318 | table tr:hover {
319 | 	background: #D3D3D3;
320 | 	box-shadow: none;
321 | }
322 | 
323 | table {
324 | 	width: 100%;
325 | 	max-width: 100%;
326 | 	border-collapse: collapse;
327 | }
328 | 
329 | table th,
330 | table td {
331 | 	color: #000;
332 | 	padding: 1px;
333 | }
334 | 
335 | table th {
336 | 	background: #C0C0C0;
337 | }
338 | 
339 | .card {
340 | 	margin-top: 5% !important;
341 | 	background-color: #c0c0c0;
342 | 	color: #000 !important;
343 | 	padding: 20px;
344 | 	border-radius: 5px;
345 | 	width: 80%;
346 | 	margin: 0 auto;
347 | 	text-align: center;
348 | 	box-shadow: 0 2px 1px 0 #1a1919;
349 | }
350 | 
351 | .card a {
352 | 	color: #3b56ac;
353 | }
354 | 
355 | .card h1 {
356 | 	color: #000 !important;
357 | 	text-shadow: none;
358 | 	letter-spacing: normal;
359 | 	font-size: 1.5rem;
360 | 	text-align: center;
361 | 	margin-top: 0;
362 | 	margin-bottom: 20px;
363 | }
364 | 
365 | .grid-container {
366 | 	display: grid;
367 | 	grid-template-columns: 1fr 1fr;
368 | 	gap: 16px;
369 | }
370 | 
371 | 
372 | 
373 | #streamer-color {
374 | 	display: none;
375 | 
376 | }
377 | 
378 | #streamer-color-name {
379 | 	display: none;
380 | 
381 | }
382 | 
383 | #streamer-text-color-name {
384 | 	display: none;
385 | 
386 | }
387 | 
388 | #streamer-text-color {
389 | 	display: none;
390 | 
391 | }


--------------------------------------------------------------------------------
/src/common/dark-theme.css:
--------------------------------------------------------------------------------
  1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans);
  2 | 
  3 | * {
  4 |     -webkit-box-sizing: border-box;
  5 |     -moz-box-sizing: border-box;
  6 |     -ms-box-sizing: border-box;
  7 |     -o-box-sizing: border-box;
  8 |     box-sizing: border-box;
  9 | }
 10 | 
 11 | .btn {
 12 |     display: inline-block;
 13 |     padding: 4px 10px 4px;
 14 |     margin-bottom: 0;
 15 |     font-size: 13px;
 16 |     line-height: 18px;
 17 |     color: #333333;
 18 |     text-align: center;
 19 |     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 20 |     vertical-align: middle;
 21 |     background-color: #f5f5f5;
 22 |     background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 23 |     background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
 24 |     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 25 |     background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 26 |     background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 27 |     background-image: linear-gradient(top, #ffffff, #e6e6e6);
 28 |     background-repeat: repeat-x;
 29 |     filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
 30 |     border-color: #e6e6e6 #e6e6e6 #e6e6e6;
 31 |     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 32 |     border: 1px solid #e6e6e6;
 33 |     -webkit-border-radius: 4px;
 34 |     -moz-border-radius: 4px;
 35 |     border-radius: 4px;
 36 |     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 37 |     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 38 |     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 39 |     cursor: pointer;
 40 | }
 41 | 
 42 | .btn:hover,
 43 | .btn:active,
 44 | .btn.active,
 45 | .btn.disabled,
 46 | .btn[disabled] {
 47 |     background-color: #e6e6e6;
 48 | }
 49 | 
 50 | .btn-large {
 51 |     padding: 9px 14px;
 52 |     font-size: 15px;
 53 |     line-height: normal;
 54 |     -webkit-border-radius: 5px;
 55 |     -moz-border-radius: 5px;
 56 |     border-radius: 5px;
 57 | }
 58 | 
 59 | .btn:hover {
 60 |     color: #333333;
 61 |     text-decoration: none;
 62 |     background-color: #e6e6e6;
 63 |     background-position: 0 -15px;
 64 |     -webkit-transition: background-position 0.1s linear;
 65 |     -moz-transition: background-position 0.1s linear;
 66 |     -ms-transition: background-position 0.1s linear;
 67 |     -o-transition: background-position 0.1s linear;
 68 |     transition: background-position 0.1s linear;
 69 | }
 70 | 
 71 | .btn-primary,
 72 | .btn-primary:hover {
 73 |     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 74 |     color: #ffffff;
 75 | }
 76 | 
 77 | .btn-primary.active {
 78 |     color: rgba(255, 255, 255, 0.75);
 79 | }
 80 | 
 81 | .btn-primary {
 82 |     cursor: pointer;
 83 |     background-color: #6819da;
 84 |     background-image: -moz-linear-gradient(top, #a26ede, #6819da);
 85 |     background-image: -ms-linear-gradient(top, #a26ede, #6819da);
 86 |     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a26ede), to(#6819da));
 87 |     background-image: -webkit-linear-gradient(top, #a26ede, #6819da);
 88 |     background-image: -o-linear-gradient(top, #a26ede, #6819da);
 89 |     background-image: linear-gradient(top, #a26ede, #6819da);
 90 |     background-repeat: repeat-x;
 91 |     filter: progid:dximagetransform.microsoft.gradient(startColorstr=#a26ede, endColorstr=#6819da, GradientType=0);
 92 |     border: 1px solid #3762bc;
 93 |     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
 94 |     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
 95 | }
 96 | 
 97 | .btn-primary:hover,
 98 | .btn-primary:active,
 99 | .btn-primary.active,
100 | .btn-primary.disabled,
101 | .btn-primary[disabled] {
102 |     filter: none;
103 |     background-color: #6819da;
104 | }
105 | 
106 | .btn-block {
107 |     width: 50%;
108 |     display: block;
109 | }
110 | 
111 | #snort {
112 |     display: inline-block;
113 |     padding: 4px 10px 4px;
114 |     margin-bottom: 0;
115 |     font-size: 13px;
116 |     line-height: 18px;
117 |     color: #333333;
118 |     text-align: center;
119 |     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
120 |     vertical-align: middle;
121 |     background-color: #f5f5f5;
122 |     background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
123 |     background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
124 |     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
125 |     background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
126 |     background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
127 |     background-image: linear-gradient(top, #ffffff, #e6e6e6);
128 |     background-repeat: repeat-x;
129 |     filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
130 |     border-color: #e6e6e6 #e6e6e6 #e6e6e6;
131 |     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
132 |     border: 1px solid #e6e6e6;
133 |     -webkit-border-radius: 4px;
134 |     -moz-border-radius: 4px;
135 |     border-radius: 4px;
136 |     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
137 |     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
138 |     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
139 |     cursor: pointer;
140 | }
141 | 
142 | #snort:hover,
143 | #snort:active,
144 | #snort.active,
145 | .btn.disabled,
146 | .btn[disabled] {
147 |     background-color: #e6e6e6;
148 | }
149 | 
150 | #snort-large {
151 |     padding: 9px 14px;
152 |     font-size: 15px;
153 |     line-height: normal;
154 |     -webkit-border-radius: 5px;
155 |     -moz-border-radius: 5px;
156 |     border-radius: 5px;
157 | }
158 | 
159 | #snort:hover {
160 |     color: #333333;
161 |     text-decoration: none;
162 |     background-color: #e6e6e6;
163 |     background-position: 0 -15px;
164 |     -webkit-transition: background-position 0.1s linear;
165 |     -moz-transition: background-position 0.1s linear;
166 |     -ms-transition: background-position 0.1s linear;
167 |     -o-transition: background-position 0.1s linear;
168 |     transition: background-position 0.1s linear;
169 | }
170 | 
171 | #snort,
172 | #snort:hover {
173 |     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
174 |     color: #ffffff;
175 | }
176 | 
177 | #snort.active {
178 |     color: rgba(255, 255, 255, 0.75);
179 | }
180 | 
181 | #snort {
182 |     background-color: #6819da;
183 |     background-image: -moz-linear-gradient(top, #a26ede, #6819da);
184 |     background-image: -ms-linear-gradient(top, #a26ede, #6819da);
185 |     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a26ede), to(#6819da));
186 |     background-image: -webkit-linear-gradient(top, #a26ede, #6819da);
187 |     background-image: -o-linear-gradient(top, #a26ede, #6819da);
188 |     background-image: linear-gradient(top, #a26ede, #6819da);
189 |     background-repeat: repeat-x;
190 |     filter: progid:dximagetransform.microsoft.gradient(startColorstr=#a26ede, endColorstr=#6819da, GradientType=0);
191 |     border: 1px solid #3762bc;
192 |     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
193 |     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
194 | }
195 | 
196 | #snort:hover,
197 | #snort:active,
198 | .btn-primary.active,
199 | .btn-primary.disabled,
200 | .btn-primary[disabled] {
201 |     filter: none;
202 |     background-color: #6819da;
203 | }
204 | 
205 | #snort-block {
206 |     width: 50%;
207 |     display: block;
208 | }
209 | 
210 | #snort:disabled {
211 |     opacity: 0.5;
212 |     cursor: not-allowed;
213 | }
214 | 
215 | 
216 | * {
217 |     -webkit-box-sizing: border-box;
218 |     -moz-box-sizing: border-box;
219 |     -ms-box-sizing: border-box;
220 |     -o-box-sizing: border-box;
221 |     box-sizing: border-box;
222 | }
223 | 
224 | 
225 | html {
226 |     width: 100%;
227 |     height: 100%;
228 | }
229 | 
230 | body {
231 |     color: white;
232 |     font-family: 'Open Sans', sans-serif;
233 |     background: #18181b;
234 | }
235 | 
236 | body p,
237 | h2,
238 | h1,
239 | h3 {
240 |     color: white;
241 | }
242 | 
243 | body a {
244 |     color: #a26ede !important;
245 | }
246 | 
247 | 
248 | /*    Head nav */
249 | 
250 | .navtop {
251 |     background-color: #22222280;
252 |     border-radius: 12px;
253 |     padding: 1%;
254 | }
255 | 
256 | .login {
257 |     position: absolute;
258 |     top: 50%;
259 |     left: 50%;
260 |     margin: -150px 0 0 -150px;
261 |     width: 300px;
262 |     height: 300px;
263 | }
264 | 
265 | .login h1 {
266 |     color: #fff;
267 |     text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
268 |     letter-spacing: 1px;
269 |     text-align: center;
270 | }
271 | 
272 | input {
273 |     width: 50%;
274 |     margin-bottom: 10px;
275 |     background: rgba(39, 33, 78, 0.658);
276 |     border: none;
277 |     outline: none;
278 |     padding: 3px;
279 |     font-size: 13px;
280 |     color: #fff;
281 |     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
282 |     border: 1px solid rgba(0, 0, 0, 0.3);
283 |     border-radius: 4px;
284 |     box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
285 |     -webkit-transition: box-shadow .5s ease;
286 |     -moz-transition: box-shadow .5s ease;
287 |     -o-transition: box-shadow .5s ease;
288 |     -ms-transition: box-shadow .5s ease;
289 |     transition: box-shadow .5s ease;
290 | }
291 | 
292 | select {
293 |     margin-bottom: 0px;
294 |     background: #142442a6;
295 |     border: none;
296 |     outline: none;
297 |     padding: 1px;
298 |     font-size: 13px;
299 |     color: #a26ede;
300 |     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
301 |     border: 1px solid rgba(0, 0, 0, 0.3);
302 |     border-radius: 4px;
303 |     box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
304 |     -webkit-transition: box-shadow .5s ease;
305 |     -moz-transition: box-shadow .5s ease;
306 |     -o-transition: box-shadow .5s ease;
307 |     -ms-transition: box-shadow .5s ease;
308 |     transition: box-shadow .5s ease;
309 | }
310 | 
311 | option {
312 |     background-color: #17111f;
313 | }
314 | 
315 | label {
316 |     color: white;
317 | }
318 | 
319 | input:focus {
320 |     box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2);
321 | }
322 | 
323 | table tr {
324 |     -webkit-transition: background 0.3s, box-shadow 0.3s;
325 |     -moz-transition: background 0.3s, box-shadow 0.3s;
326 |     transition: background 0.3s, box-shadow 0.3s;
327 |     background: #6819da;
328 |     position: relative;
329 | }
330 | 
331 | table tr.current-user {
332 |     animation: glowing 3000ms infinite;
333 |     z-index: 1;
334 | }
335 | 
336 | @keyframes glowing {
337 |     0% {
338 |         box-shadow: 0 0 5px #ffffff;
339 |     }
340 | 
341 |     40% {
342 |         box-shadow: 0 0 10px #ffffff;
343 |     }
344 | 
345 |     60% {
346 |         box-shadow: 0 0 10px #ffffff;
347 |     }
348 | 
349 |     100% {
350 |         box-shadow: 0 0 5px #ffffff;
351 |     }
352 | }
353 | 
354 | table tr:hover {
355 |     background: rgba(98, 66, 156, 0.062);
356 |     box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(0, 0, 0, 0.25);
357 | }
358 | 
359 | table {
360 |     width: 100%;
361 |     max-width: 100%;
362 | }
363 | 
364 | table th,
365 | table td {
366 |     white-space: normal;
367 | }
368 | 
369 | table th {
370 |     word-wrap: break-word;
371 | }
372 | 
373 | table td {
374 |     word-break: break-all;
375 | }
376 | 
377 | .grid-container {
378 |     display: grid;
379 |     margin-top: -15px;
380 | }
381 | 
382 | 
383 | 
384 | 
385 | 
386 | 
387 | .card {
388 |     background-color: #222;
389 |     color: #fff;
390 |     padding: 2px;
391 |     border-radius: 5px;
392 |     width: 80%;
393 |     margin: 0 auto;
394 |     text-align: center;
395 |     box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.4);
396 | 
397 | }
398 | 
399 | .card a {
400 |     color: #6819da;
401 | }
402 | 
403 | .card h1 {
404 |     color: #fff;
405 |     text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
406 |     letter-spacing: 1px;
407 |     text-align: center;
408 | }
409 | 
410 | #streamer-color {
411 |     display: none;
412 | 
413 | }
414 | 
415 | #streamer-color-name {
416 |     display: none;
417 | 
418 | }
419 | 
420 | #streamer-text-color-name {
421 |     display: none;
422 | 
423 | }
424 | 
425 | #streamer-text-color {
426 |     display: none;
427 | 
428 | }


--------------------------------------------------------------------------------
/src/common/footer.css:
--------------------------------------------------------------------------------
 1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans);
 2 | 
 3 | /* footer */
 4 | footer {
 5 |     background-color: #222;
 6 |     color: #fff;
 7 |     font-size: 14px;
 8 |     bottom: 0;
 9 |     position: fixed;
10 |     left: 0;
11 |     right: 0;
12 |     text-align: center;
13 |     z-index: 999;
14 | }
15 | 
16 | footer p {
17 |     margin: 10px 0;
18 |     font-family: sans-serif;
19 | }
20 | 
21 | footer a {
22 |     color: #3c97bf;
23 |     text-decoration: none;
24 |     margin-right: 5px;
25 | }
26 | 
27 | .team-mem {
28 |     opacity: 0.75;
29 | 
30 | }
31 | 
32 | footer .copyright {
33 |     float: center;
34 | }
35 | 
36 | footer .team-mem {
37 |     float: right;
38 |     margin-top: -20px;
39 | }
40 | 
41 | /* Easter Egg CSS */
42 | 
43 | .modal {
44 |     display: none;
45 |     position: fixed;
46 |     z-index: 99;
47 |     left: 0;
48 |     top: 0;
49 |     width: 100%;
50 |     height: 100%;
51 |     overflow: auto;
52 |     background-color: rgba(0, 0, 0, 0.9);
53 |     padding: 8px;
54 | }
55 | 
56 | .boulder-bro {
57 |     display: block;
58 |     margin: 0 auto;
59 |     max-width: 80%;
60 |     max-height: 80%;
61 | }
62 | 
63 | .close {
64 |     color: #fff;
65 |     position: absolute;
66 |     top: 10px;
67 |     right: 25px;
68 |     font-size: 35px;
69 |     font-weight: bold;
70 |     cursor: pointer;
71 | }


--------------------------------------------------------------------------------
/src/common/functions.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | async function getVersion() {
  4 |     let version = sessionStorage.getItem('version');
  5 |     if (version === null) {
  6 |         version = await api.getVersion();
  7 |         sessionStorage.setItem('version', version);
  8 |     }
  9 | 
 10 |     return version;
 11 | }
 12 | 
 13 | async function post(url, data) {
 14 |     // Add version number to the data
 15 |     data['version'] = await getVersion();
 16 | 
 17 |     try {
 18 |         const response = await fetch(url, {
 19 |             method: 'POST',
 20 |             headers: {
 21 |                 'Content-Type': 'application/json'
 22 |             },
 23 |             body: JSON.stringify(data)
 24 |         });
 25 | 
 26 |         // If the response is not OK log the response text
 27 |         if (!response.ok) {
 28 | 
 29 |             // Cloudflare returns a status of 530 when communication with the server is lost
 30 |             // A status of 502 also indicates a Cloudflare issue
 31 |             if (response.status === 530 || response.status === 502) {
 32 |                 console.error("Communication with server lost - HTML error code:" + response.status);
 33 |                 throw new Error("Communication with server lost.");
 34 |             }
 35 |         }
 36 | 
 37 |         let responseJson = await response.json();
 38 |         if (responseJson.hasOwnProperty('error')) {
 39 |             if (responseJson['error'] === 'Invalid API key.') {
 40 |                 responseJson['error'] = "Your API key has expired.\n\nPlease log back in to verify your identity.";
 41 |                 window.location.href = './logout.html';
 42 |             }
 43 |         }
 44 | 
 45 |         return responseJson;
 46 |     } catch (error) {
 47 |         return {
 48 |             error: error.toString()
 49 |         };
 50 |     }
 51 | }
 52 | 
 53 | async function authenticate(authData) {
 54 |     const host = await api.getHost();
 55 |     const response = await post(host + '/api/auth/authenticate.php', authData);
 56 | 
 57 |     console.log(response);
 58 | 
 59 |     if ('error' in response) {
 60 |         api.error(response['error']);
 61 |         return false;
 62 |     }
 63 | 
 64 |     if (response['success']) {
 65 |         if (response['updated']) {
 66 |             console.log("Version update detected. Clearing RockSniffer cache.");
 67 |             window.api.clearRocksnifferCache();
 68 |         }
 69 | 
 70 |         // User has been authenticated, set the auth data for the active session
 71 |         sessionStorage.setItem('auth_data', JSON.stringify(authData));
 72 |         sessionStorage.setItem('user_id', authData['user_id']);
 73 |     }
 74 | 
 75 |     return response['success'];
 76 | }
 77 | 
 78 | async function checkAuthentication() {
 79 |     if (sessionStorage.getItem('auth_data') !== null) {
 80 |         return true;
 81 |     }
 82 | 
 83 |     // Get stored authentication data
 84 |     const authData = await api.storeGet('auth_data');
 85 |     if (authData === null) {
 86 |         return false;
 87 |     }
 88 | 
 89 |     // Authenticate
 90 |     const authStatus = await authenticate(authData);
 91 |     if (!authStatus) {
 92 |         return false;
 93 |     }
 94 | 
 95 |     return true;
 96 | }
 97 | 
 98 | async function getAccountInfo(authData) {
 99 |     const host = await api.getHost();
100 |     const response = await post(host + '/api/account/get_account_info.php', authData);
101 | 
102 |     if ('error' in response) {
103 |         api.error(response['error']);
104 |         return null;
105 |     }
106 | 
107 |     return response;
108 | }
109 | 
110 | async function checkAccountActivation(authData) {
111 |     const host = await api.getHost();
112 |     const response = await post(host + '/api/account/check_account_activation.php', authData);
113 | 
114 |     if ('error' in response) {
115 |         api.error(response['error']);
116 |         return false;
117 |     }
118 | 
119 |     return response['activated'];
120 | }
121 | 
122 | async function sendActivationEmail(authData) {
123 |     const host = await api.getHost();
124 |     const response = await post(host + '/api/account/send_activation_email.php', authData);
125 | 
126 |     if ('error' in response) {
127 |         api.error(response['error']);
128 |         return false;
129 |     }
130 | 
131 |     return response['success'];
132 | }
133 | 
134 | function validateUsername(username) {
135 |     // Should not contain special characters
136 |     const specialChars = /[^\w]/g;
137 |     if (username.match(specialChars)) {
138 |         api.error('Username cannot contain special characters.');
139 |         return false;
140 |     }
141 | 
142 |     // Should not contain any spaces
143 |     if (username.indexOf(' ') !== -1) {
144 |         api.error('Username cannot contain spaces.');
145 |         return false;
146 |     }
147 | 
148 |     // Check username length
149 |     if (username.length < 4 || username.length > 25) {
150 |         api.error('Username must be between 4 and 25 characters.');
151 |         return false;
152 |     }
153 | 
154 |     return true;
155 | }
156 | 
157 | function validateEmail(email) {
158 |     const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
159 |     if (!regex.test(email)) {
160 |         api.error('Email is invalid.');
161 |         return false;
162 |     }
163 | 
164 |     if (email.length < 5 || email.length > 255) {
165 |         api.error('Email must be between 5 and 255 characters.');
166 |         return;
167 |     }
168 | 
169 |     return true;
170 | }
171 | 
172 | function validatePassword(password, confirmPassword) {
173 |     // Password must contain:
174 |     // 1 uppercase letter
175 |     // 1 lowercase letter
176 |     // 1 number
177 |     // 1 special character
178 |     const upperCase = /[A-Z]/g;
179 |     const lowerCase = /[a-z]/g;
180 |     const numbers = /[0-9]/g;
181 |     const specialChars = /[^\w]/g;
182 |     if (!upperCase.test(password)
183 |         || !lowerCase.test(password)
184 |         || !numbers.test(password)
185 |         || !specialChars.test(password)
186 |         || password.length < 8) {
187 |         api.error("Password must contain:\n"
188 |             + "1 uppercase letter,\n"
189 |             + "1 lowercase letter,\n"
190 |             + "1 number\n"
191 |             + "1 special character\n"
192 |             + 'and be at least 8 characters long.');
193 |         return false;
194 |     }
195 | 
196 |     // Should not contain any spaces
197 |     if (password.indexOf(' ') !== -1) {
198 |         api.error('Password cannot contain spaces.');
199 |         return false;
200 |     }
201 | 
202 |     // Check password length
203 |     if (password.length < 8 || password.length > 255) {
204 |         api.error('Password must be between 8 and 255 characters.');
205 |         return false;
206 |     }
207 | 
208 |     // Password and confirm password must match
209 |     if (password !== confirmPassword) {
210 |         api.error('Passwords do not match.');
211 |         return false;
212 |     }
213 | 
214 |     return true;
215 | }
216 | 
217 | //Convert a number to a duration "hh:mm:ss"
218 | function durationString(tSeconds) {
219 |     var hh = Math.floor(tSeconds / 3600);
220 |     var mm = Math.floor((tSeconds - (hh * 3600)) / 60);
221 |     var ss = Math.floor(tSeconds % 60);
222 | 
223 |     if (hh < 10) { hh = "0" + hh; }
224 |     if (mm < 10) { mm = "0" + mm; }
225 |     if (ss < 10) { ss = "0" + ss; }
226 | 
227 |     if (hh > 0) {
228 |         return hh + ":" + mm + ":" + ss;
229 |     } else {
230 |         return mm + ":" + ss;
231 |     }
232 | }
233 | 
234 | function getAvailablePaths(arrangementData) {
235 |     let pathGroups = {
236 |         lead: [],
237 |         altLead: [],
238 |         bonusLead: [],
239 |         rhythm: [],
240 |         altRhythm: [],
241 |         bonusRhythm: [],
242 |         bass: [],
243 |         altBass: [],
244 |         bonusBass: [],
245 |     };
246 | 
247 |     arrangementData.forEach((arrangement) => {
248 |         const hash = arrangement['arrangementID'];
249 |         const type = arrangement['type'];
250 |         const isAlt = arrangement['isAlternateArrangement'];
251 |         const isBonus = arrangement['isBonusArrangement'];
252 | 
253 |         if (type === 'Lead') {
254 |             if (isAlt) {
255 |                 pathGroups.altLead.push({
256 |                     name: 'Alternate ' + type,
257 |                     hash: hash
258 |                 });
259 |             }
260 |             else if (isBonus) {
261 |                 pathGroups.bonusLead.push({
262 |                     name: 'Bonus ' + type,
263 |                     hash: hash
264 |                 });
265 |             }
266 |             else {
267 |                 pathGroups.lead.push({
268 |                     name: type,
269 |                     hash: hash
270 |                 });
271 |             }
272 |         }
273 |         else if (type === 'Rhythm') {
274 |             if (isAlt) {
275 |                 pathGroups.altRhythm.push({
276 |                     name: 'Alternate ' + type,
277 |                     hash: hash
278 |                 });
279 |             }
280 |             else if (isBonus) {
281 |                 pathGroups.bonusRhythm.push({
282 |                     name: 'Bonus ' + type,
283 |                     hash: hash
284 |                 });
285 |             }
286 |             else {
287 |                 pathGroups.rhythm.push({
288 |                     name: type,
289 |                     hash: hash
290 |                 });
291 |             }
292 |         }
293 |         else if (type === 'Bass') {
294 |             if (isAlt) {
295 |                 pathGroups.altBass.push({
296 |                     name: 'Alternate ' + type,
297 |                     hash: hash
298 |                 });
299 |             }
300 |             else if (isBonus) {
301 |                 pathGroups.bonusBass.push({
302 |                     name: 'Bonus ' + type,
303 |                     hash: hash
304 |                 });
305 |             }
306 |             else {
307 |                 pathGroups.bass.push({
308 |                     name: type,
309 |                     hash: hash
310 |                 });
311 |             }
312 |         }
313 |     });
314 | 
315 |     // Update names to include numbers if there is more than one of a path
316 |     if (pathGroups.lead.length > 1) {
317 |         let index = 1;
318 |         pathGroups.lead.forEach((path) => {
319 |             if (index > 1) {
320 |                 path.name += ' ' + index;
321 |             }
322 |             index++;
323 |         });
324 |     }
325 | 
326 |     if (pathGroups.altLead.length > 1) {
327 |         let index = 1;
328 |         pathGroups.altLead.forEach((path) => {
329 |             path.name += ' ' + index;
330 |             index++;
331 |         });
332 |     }
333 | 
334 |     if (pathGroups.bonusLead.length > 1) {
335 |         let index = 1;
336 |         pathGroups.bonusLead.forEach((path) => {
337 |             path.name += ' ' + index;
338 |             index++;
339 |         });
340 |     }
341 | 
342 |     if (pathGroups.rhythm.length > 1) {
343 |         let index = 1;
344 |         pathGroups.rhythm.forEach((path) => {
345 |             if (index > 1) {
346 |                 path.name += ' ' + index;
347 |             }
348 |             index++;
349 |         });
350 |     }
351 | 
352 |     if (pathGroups.altRhythm.length > 1) {
353 |         let altRhythmIndex = 1;
354 |         pathGroups.altRhythm.forEach((path) => {
355 |             path.name += ' ' + altRhythmIndex;
356 |             altRhythmIndex++;
357 |         });
358 |     }
359 | 
360 |     if (pathGroups.bonusRhythm.length > 1) {
361 |         let index = 1;
362 |         pathGroups.bonusRhythm.forEach((path) => {
363 |             path.name += ' ' + index;
364 |             index++;
365 |         });
366 |     }
367 | 
368 |     if (pathGroups.bass.length > 1) {
369 |         let index = 1;
370 |         pathGroups.bass.forEach((path) => {
371 |             if (index > 1) {
372 |                 path.name += ' ' + index;
373 |             }
374 |             index++;
375 |         });
376 |     }
377 | 
378 |     if (pathGroups.altBass.length > 1) {
379 |         let index = 1;
380 |         pathGroups.altBass.forEach((path) => {
381 |             path.name += ' ' + index;
382 |             index++;
383 |         });
384 |     }
385 | 
386 |     if (pathGroups.bonusBass.length > 1) {
387 |         let index = 1;
388 |         pathGroups.bonusBass.forEach((path) => {
389 |             path.name += ' ' + index;
390 |             index++;
391 |         });
392 |     }
393 | 
394 |     // Add paths to the array in the proper order for display
395 |     let paths = [];
396 |     pathGroups.lead.forEach((path) => {
397 |         paths.push(path);
398 |     });
399 |     pathGroups.altLead.forEach((path) => {
400 |         paths.push(path);
401 |     });
402 |     pathGroups.bonusLead.forEach((path) => {
403 |         paths.push(path);
404 |     });
405 |     pathGroups.rhythm.forEach((path) => {
406 |         paths.push(path);
407 |     });
408 |     pathGroups.altRhythm.forEach((path) => {
409 |         paths.push(path);
410 |     });
411 |     pathGroups.bonusRhythm.forEach((path) => {
412 |         paths.push(path);
413 |     });
414 |     pathGroups.bass.forEach((path) => {
415 |         paths.push(path);
416 |     });
417 |     pathGroups.altBass.forEach((path) => {
418 |         paths.push(path);
419 |     });
420 |     pathGroups.bonusBass.forEach((path) => {
421 |         paths.push(path);
422 |     });
423 | 
424 |     return paths;
425 | }
426 | 
427 | function sleep(ms) {
428 |     return new Promise(resolve => setTimeout(resolve, ms));
429 | }


--------------------------------------------------------------------------------
/src/common/functions.ts:
--------------------------------------------------------------------------------
  1 | import { UserData } from "./user_data";
  2 | 
  3 | var connected = true;
  4 | 
  5 | export function logMessage(message: any) {
  6 |     console.log(message);
  7 |     window.api.logMessage(message);
  8 | }
  9 | 
 10 | export function approxEqual(a: number, b: number, tolerance = 0.0001): boolean {
 11 |     return Math.abs(a - b) <= tolerance;
 12 | }
 13 | 
 14 | // Semver requires the format "X.X.X", but we want to recognize "X" or "X.X" as valid
 15 | export function buildValidSemver(version: string) {
 16 |     if (/^\d+$/.test(version)) {
 17 |         version += '.0.0';
 18 |     }
 19 |     else if (/^\d+[.]\d+$/.test(version)) {
 20 |         version += '.0';
 21 |     }
 22 |     
 23 |     return version;
 24 | }
 25 | 
 26 | //Convert a number to a duration "hh:mm:ss"
 27 | export function durationString(tSeconds: number) {
 28 |     let hh = Math.floor(tSeconds / 3600);
 29 |     let mm = Math.floor((tSeconds - (hh * 3600)) / 60);
 30 |     let ss = Math.floor(tSeconds % 60);
 31 | 
 32 |     let hhStr = hh.toString();
 33 |     let mmStr = mm.toString();
 34 |     let ssStr = ss.toString();
 35 |     if (hh < 10) { hhStr = "0" + hhStr; }
 36 |     if (mm < 10) { mmStr = "0" + mmStr; }
 37 |     if (ss < 10) { ssStr = "0" + ssStr; }
 38 | 
 39 |     if (hh > 0) {
 40 |         return hhStr + ":" + mmStr + ":" + ssStr;
 41 |     } else {
 42 |         return mmStr + ":" + ssStr;
 43 |     }
 44 | }
 45 | 
 46 | // Get all available paths in the provided song
 47 | export function getAvailablePaths(arrangementData: any) {
 48 |     let pathGroups: { [key: string]: Array<any> } = {
 49 |         lead: [],
 50 |         altLead: [],
 51 |         bonusLead: [],
 52 |         rhythm: [],
 53 |         altRhythm: [],
 54 |         bonusRhythm: [],
 55 |         bass: [],
 56 |         altBass: [],
 57 |         bonusBass: [],
 58 |     };
 59 | 
 60 |     arrangementData.forEach((arrangement: any) => {
 61 |         const hash = arrangement['arrangementID'];
 62 |         const type = arrangement['type'];
 63 |         const isAlt = arrangement['isAlternateArrangement'];
 64 |         const isBonus = arrangement['isBonusArrangement'];
 65 |         const centOffset = arrangement['tuning']['CentsOffset'];
 66 | 
 67 |         if (type === 'Lead') {
 68 |             if (isBonus) {
 69 |                 pathGroups.bonusLead.push({
 70 |                     name: 'Bonus ' + type,
 71 |                     hash: hash
 72 |                 });
 73 |             }
 74 |             else if (isAlt) {
 75 |                 pathGroups.altLead.push({
 76 |                     name: 'Alternate ' + type,
 77 |                     hash: hash
 78 |                 });
 79 |             }
 80 |             else {
 81 |                 pathGroups.lead.push({
 82 |                     name: type,
 83 |                     hash: hash
 84 |                 });
 85 |             }
 86 |         }
 87 |         else if (type === 'Rhythm') {
 88 | 
 89 |             // 5/6 string bass is often charted as alt/bonus rhythm
 90 |             // -1200 is A220... if it is below -1150 treat it as extended range bass
 91 |             if ((isBonus || isAlt ) && centOffset < -1150) {
 92 |                 pathGroups.bass.push({
 93 |                     name: 'Bass*',
 94 |                     hash: hash
 95 |                 });
 96 |             }
 97 |             else if (isBonus) {
 98 |                 pathGroups.bonusRhythm.push({
 99 |                     name: 'Bonus ' + type,
100 |                     hash: hash
101 |                 });
102 |             }
103 |             else if (isAlt) {
104 |                 pathGroups.altRhythm.push({
105 |                     name: 'Alternate ' + type,
106 |                     hash: hash
107 |                 });
108 |             }
109 |             else {
110 |                 pathGroups.rhythm.push({
111 |                     name: type,
112 |                     hash: hash
113 |                 });
114 |             }
115 |         }
116 |         else if (type === 'Bass') {
117 |             if (isBonus) {
118 |                 pathGroups.bonusBass.push({
119 |                     name: 'Bonus ' + type,
120 |                     hash: hash
121 |                 });
122 |             }
123 |             else if (isAlt) {
124 |                 pathGroups.altBass.push({
125 |                     name: 'Alternate ' + type,
126 |                     hash: hash
127 |                 });
128 |             }
129 |             else {
130 |                 pathGroups.bass.push({
131 |                     name: type,
132 |                     hash: hash
133 |                 });
134 |             }
135 |         }
136 |     });
137 | 
138 |     // Update names to include numbers if there is more than one of a path
139 |     if (pathGroups.lead.length > 1) {
140 |         let index = 1;
141 |         pathGroups.lead.forEach((path) => {
142 |             if (index > 1) {
143 |                 path.name += ' ' + index;
144 |             }
145 |             index++;
146 |         });
147 |     }
148 | 
149 |     if (pathGroups.altLead.length > 1) {
150 |         let index = 1;
151 |         pathGroups.altLead.forEach((path) => {
152 |             path.name += ' ' + index;
153 |             index++;
154 |         });
155 |     }
156 | 
157 |     if (pathGroups.bonusLead.length > 1) {
158 |         let index = 1;
159 |         pathGroups.bonusLead.forEach((path) => {
160 |             path.name += ' ' + index;
161 |             index++;
162 |         });
163 |     }
164 | 
165 |     if (pathGroups.rhythm.length > 1) {
166 |         let index = 1;
167 |         pathGroups.rhythm.forEach((path) => {
168 |             if (index > 1) {
169 |                 path.name += ' ' + index;
170 |             }
171 |             index++;
172 |         });
173 |     }
174 | 
175 |     if (pathGroups.altRhythm.length > 1) {
176 |         let altRhythmIndex = 1;
177 |         pathGroups.altRhythm.forEach((path) => {
178 |             path.name += ' ' + altRhythmIndex;
179 |             altRhythmIndex++;
180 |         });
181 |     }
182 | 
183 |     if (pathGroups.bonusRhythm.length > 1) {
184 |         let index = 1;
185 |         pathGroups.bonusRhythm.forEach((path) => {
186 |             path.name += ' ' + index;
187 |             index++;
188 |         });
189 |     }
190 | 
191 |     if (pathGroups.bass.length > 1) {
192 |         let index = 1;
193 |         pathGroups.bass.forEach((path) => {
194 |             if (index > 1) {
195 |                 path.name += ' ' + index;
196 |             }
197 |             index++;
198 |         });
199 |     }
200 | 
201 |     if (pathGroups.altBass.length > 1) {
202 |         let index = 1;
203 |         pathGroups.altBass.forEach((path) => {
204 |             path.name += ' ' + index;
205 |             index++;
206 |         });
207 |     }
208 | 
209 |     if (pathGroups.bonusBass.length > 1) {
210 |         let index = 1;
211 |         pathGroups.bonusBass.forEach((path) => {
212 |             path.name += ' ' + index;
213 |             index++;
214 |         });
215 |     }
216 | 
217 |     // Add paths to the array in the proper order for display
218 |     let paths: any[] = [];
219 |     pathGroups.lead.forEach((path) => {
220 |         paths.push(path);
221 |     });
222 |     pathGroups.altLead.forEach((path) => {
223 |         paths.push(path);
224 |     });
225 |     pathGroups.bonusLead.forEach((path) => {
226 |         paths.push(path);
227 |     });
228 |     pathGroups.rhythm.forEach((path) => {
229 |         paths.push(path);
230 |     });
231 |     pathGroups.altRhythm.forEach((path) => {
232 |         paths.push(path);
233 |     });
234 |     pathGroups.bonusRhythm.forEach((path) => {
235 |         paths.push(path);
236 |     });
237 |     pathGroups.bass.forEach((path) => {
238 |         paths.push(path);
239 |     });
240 |     pathGroups.altBass.forEach((path) => {
241 |         paths.push(path);
242 |     });
243 |     pathGroups.bonusBass.forEach((path) => {
244 |         paths.push(path);
245 |     });
246 | 
247 |     return paths;
248 | }
249 | 
250 | export function sortPaths(paths: string[]): string[] {
251 |     const leadPaths: string[] = paths.filter(path => path.includes('Lead') && !path.includes('Alternate') && !path.includes('Bonus')).sort();
252 |     const altLeadPaths: string[] = paths.filter(path => path.includes('Alternate Lead')).sort();
253 |     const bonusLeadPaths: string[] = paths.filter(path => path.includes('Bonus Lead')).sort();
254 |     const rhythmPaths: string[] = paths.filter(path => path.includes('Rhythm') && !path.includes('Alternate') && !path.includes('Bonus')).sort();
255 |     const altRhythmPaths: string[] = paths.filter(path => path.includes('Alternate Rhythm')).sort();
256 |     const bonusRhythmPaths: string[] = paths.filter(path => path.includes('Bonus Rhythm')).sort();
257 |     const bassPaths: string[] = paths.filter(path => path.includes('Bass') && !path.includes('Alternate') && !path.includes('Bonus')).sort();
258 |     const altBassPaths: string[] = paths.filter(path => path.includes('Alternate Bass')).sort();
259 |     const bonusBassPaths: string[] = paths.filter(path => path.includes('Bonus Bass')).sort();
260 | 
261 |     const sortedPaths = leadPaths.concat(altLeadPaths, bonusLeadPaths, rhythmPaths, altRhythmPaths, bonusRhythmPaths, bassPaths, altBassPaths, bonusBassPaths);
262 |     return sortedPaths;
263 | }
264 | 
265 | export async function getVersion(): Promise<string | null> {
266 |     let version = sessionStorage.getItem('version');
267 |     if (version === null) {
268 |         version = await window.api.getVersion();
269 | 
270 |         if (version !== null) {
271 |             sessionStorage.setItem('version', version);
272 |         }
273 |     }
274 | 
275 |     return version;
276 | }
277 | 
278 | export async function post(url: string, data: any) {
279 |     // Add version number to the data
280 |     data['version'] = await getVersion();
281 | 
282 |     const response = await fetch(url, {
283 |         method: 'POST',
284 |         headers: {
285 |             'Content-Type': 'application/json'
286 |         },
287 |         body: JSON.stringify(data)
288 |     });
289 | 
290 |     // If the response is not OK log the response text
291 |     if (!response.ok) {
292 | 
293 |         // Cloudflare returns a status of 530 when communication with the server is lost
294 |         if (response.status === 530) {
295 |             if (connected) {
296 |                 connected = false;
297 |                 window.api.error("Communication with server lost.");
298 |             }
299 | 
300 |             return { 'error': "Communication with server lost." };
301 |         }
302 |     }
303 | 
304 |     // Server provided a response
305 |     connected = true;
306 | 
307 |     const responseJson = await response.json();
308 |     if (responseJson.hasOwnProperty('error') && responseJson['error'] === 'Invalid API key.') {
309 |         window.api.error("Your API key has expired.\n\nPlease log back in to verify your identity.");
310 |         window.location.href = './logout.html';
311 |     }
312 | 
313 |     return responseJson;
314 | }
315 | 
316 | // If "Always Sniff" is enabled and Rock Buddy loses focus, jump to the sniffer page
317 | export async function checkAlwaysSniff(): Promise<void> {
318 |     
319 |     let alwaysSniff = await UserData.get('always_sniff');
320 |     if (alwaysSniff === null || alwaysSniff === false) {
321 |         return;
322 |     }
323 | 
324 |     // Jump to the sniffer page if Rock Buddy loses focus
325 |     setInterval(async () => {
326 |         if (!document.hasFocus()) {
327 |             const srcDir = await window.api.getSrcDir();
328 |             window.location.href = await window.api.pathJoin(srcDir, 'sniffer/sniffer.html');
329 |         }
330 |     }, 100);
331 | }


--------------------------------------------------------------------------------
/src/common/profile.css:
--------------------------------------------------------------------------------
 1 | .header {
 2 |     display: flex;
 3 |     flex-direction: row;
 4 |     align-items: baseline;
 5 |     width: 100%;
 6 | }
 7 | 
 8 | .profile-label {
 9 |     margin-right: 10px;
10 |     font-weight: bold;
11 | }
12 | 
13 | .twitch-data {
14 |     display: flex;
15 |     flex-direction: row;
16 | }
17 | 
18 | .stats {
19 |     display: flex;
20 |     flex-direction: column;
21 | }
22 | 
23 | .stats-entry {
24 |     display: flex;
25 |     flex-direction: row;
26 |     gap: 10px;
27 | }
28 | 
29 | #save_button {
30 |     margin-left: auto;
31 | }
32 | 
33 | #twitch_username {
34 |     min-width: 200px;
35 | }
36 | 


--------------------------------------------------------------------------------
/src/common/profile.ts:
--------------------------------------------------------------------------------
  1 | import { post } from "./functions";
  2 | 
  3 | export async function displayProfile(username: string): Promise<void> {
  4 |     const authData = JSON.parse(window.sessionStorage.getItem('auth_data') as any);
  5 | 
  6 |     const host = await window.api.getHost();
  7 |     const profile_response = await post(host + '/api/data/get_user_profile_data.php', {
  8 |         auth_data: authData,
  9 |         username: username 
 10 |     });
 11 | 
 12 |     if ('error' in profile_response) {
 13 |         window.api.error(profile_response['error']);
 14 |         return;
 15 |     }
 16 | 
 17 |     const profilePopup = document.createElement('div');
 18 |     profilePopup.classList.add('modal');
 19 | 
 20 |     // Create close icon
 21 |     const closeIcon = document.createElement('span');
 22 |     closeIcon.classList.add('close');
 23 |     closeIcon.innerHTML = '&times;';
 24 |     closeIcon.addEventListener('click', () => {
 25 |         profilePopup.style.display = 'none';
 26 |     });
 27 |     profilePopup.appendChild(closeIcon);
 28 | 
 29 |     // Create heading
 30 |     const header = document.createElement('h1');
 31 |     header.innerText = 'Profile (' + profile_response['username'] + ')';
 32 |     profilePopup.appendChild(header);
 33 | 
 34 |     // Create profile data
 35 |     const profileData = document.createElement('div');
 36 |     profileData.classList.add('profile');
 37 | 
 38 |     // Create twitch data
 39 |     const twitchData = document.createElement('div');
 40 |     twitchData.classList.add('twitch-data');
 41 | 
 42 |     const twitchLabel = document.createElement('span');
 43 |     twitchLabel.classList.add('profile-label');
 44 |     twitchLabel.innerText = 'Twitch:';
 45 |     twitchData.appendChild(twitchLabel);
 46 | 
 47 |     const twitchLink = document.createElement('a');
 48 |     twitchLink.href = '#';
 49 |     if (profile_response['twitch_username'] === null) {
 50 |         twitchLink.innerText = 'N/A'
 51 |         twitchLink.addEventListener('click', () => {
 52 |             window.api.openExternalLink('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
 53 |         })
 54 |     }
 55 |     else {
 56 |         twitchLink.innerText = 'https://twitch.tv/' + profile_response['twitch_username'];
 57 |         twitchLink.addEventListener('click', () => {
 58 |             window.api.openExternalLink(twitchLink.innerText);
 59 |         })
 60 |     }
 61 |     
 62 |     twitchData.appendChild(twitchLink);
 63 | 
 64 |     profileData.appendChild(twitchData);
 65 | 
 66 |     // Create stats
 67 |     const statsDiv = document.createElement('div');
 68 |     statsDiv.classList.add('stats');
 69 | 
 70 |     // Verified scores stats
 71 |     const verifiedScoresHeader = document.createElement('h2');
 72 |     verifiedScoresHeader.innerText = 'Verified Scores';
 73 |     statsDiv.appendChild(verifiedScoresHeader);
 74 | 
 75 |     // Verified scores overall
 76 |     const verifiedScoresOverallDiv = document.createElement('div');
 77 |     verifiedScoresOverallDiv.classList.add('stats-entry');
 78 |     const verifiedScoresOverallLabel = document.createElement('span');
 79 |     verifiedScoresOverallLabel.innerText = 'Overall:';
 80 |     verifiedScoresOverallDiv.appendChild(verifiedScoresOverallLabel);
 81 |     const verifiedScoresOverallValue = document.createElement('span');
 82 |     verifiedScoresOverallValue.innerText = 'Loading...';
 83 |     verifiedScoresOverallDiv.appendChild(verifiedScoresOverallValue);
 84 |     statsDiv.appendChild(verifiedScoresOverallDiv);
 85 | 
 86 |     // Verified scores lead
 87 |     const verifiedScoresLeadDiv = document.createElement('div');
 88 |     verifiedScoresLeadDiv.classList.add('stats-entry');
 89 |     const verifiedScoresLeadLabel = document.createElement('span');
 90 |     verifiedScoresLeadLabel.innerText = 'Lead:';
 91 |     verifiedScoresLeadDiv.appendChild(verifiedScoresLeadLabel);
 92 |     const verifiedScoresLeadValue = document.createElement('span');
 93 |     verifiedScoresLeadValue.innerText = 'Loading...';
 94 |     verifiedScoresLeadDiv.appendChild(verifiedScoresLeadValue);
 95 |     statsDiv.appendChild(verifiedScoresLeadDiv);
 96 | 
 97 |     // Verified scores rhythm
 98 |     const verifiedScoresRhythmDiv = document.createElement('div');
 99 |     verifiedScoresRhythmDiv.classList.add('stats-entry');
100 |     const verifiedScoresRhythmLabel = document.createElement('span');
101 |     verifiedScoresRhythmLabel.innerText = 'Rhythm:';
102 |     verifiedScoresRhythmDiv.appendChild(verifiedScoresRhythmLabel);
103 |     const verifiedScoresRhythmValue = document.createElement('span');
104 |     verifiedScoresRhythmValue.innerText = 'Loading...';
105 |     verifiedScoresRhythmDiv.appendChild(verifiedScoresRhythmValue);
106 |     statsDiv.appendChild(verifiedScoresRhythmDiv);
107 | 
108 |     // Verified scores bass
109 |     const verifiedScoresBassDiv = document.createElement('div');
110 |     verifiedScoresBassDiv.classList.add('stats-entry');
111 |     const verifiedScoresBassLabel = document.createElement('span');
112 |     verifiedScoresBassLabel.innerText = 'Bass:';
113 |     verifiedScoresBassDiv.appendChild(verifiedScoresBassLabel);
114 |     const verifiedScoresBassValue = document.createElement('span');
115 |     verifiedScoresBassValue.innerText = 'Loading...';
116 |     verifiedScoresBassDiv.appendChild(verifiedScoresBassValue);
117 |     statsDiv.appendChild(verifiedScoresBassDiv);
118 | 
119 |     // Accuracy stats
120 |     const accuracyHeader = document.createElement('h2');
121 |     accuracyHeader.innerText = 'Verified Scores';
122 |     statsDiv.appendChild(accuracyHeader);
123 | 
124 |     // Accuracy overall
125 |     const accuracyOverallDiv = document.createElement('div');
126 |     accuracyOverallDiv.classList.add('stats-entry');
127 |     const accuracyOverallLabel = document.createElement('span');
128 |     accuracyOverallLabel.innerText = 'Overall:';
129 |     accuracyOverallDiv.appendChild(accuracyOverallLabel);
130 |     const accuracyOverallValue = document.createElement('span');
131 |     accuracyOverallValue.innerText = 'Loading...';
132 |     accuracyOverallDiv.appendChild(accuracyOverallValue);
133 |     statsDiv.appendChild(accuracyOverallDiv);
134 | 
135 |     // Accuracy lead
136 |     const accuracyLeadDiv = document.createElement('div');
137 |     accuracyLeadDiv.classList.add('stats-entry');
138 |     const accuracyLeadLabel = document.createElement('span');
139 |     accuracyLeadLabel.innerText = 'Lead:';
140 |     accuracyLeadDiv.appendChild(accuracyLeadLabel);
141 |     const accuracyLeadValue = document.createElement('span');
142 |     accuracyLeadValue.innerText = 'Loading...';
143 |     accuracyLeadDiv.appendChild(accuracyLeadValue);
144 |     statsDiv.appendChild(accuracyLeadDiv);
145 | 
146 |     // Accuracy rhythm
147 |     const accuracyRhythmDiv = document.createElement('div');
148 |     accuracyRhythmDiv.classList.add('stats-entry');
149 |     const accuracyRhythmLabel = document.createElement('span');
150 |     accuracyRhythmLabel.innerText = 'Rhythm:';
151 |     accuracyRhythmDiv.appendChild(accuracyRhythmLabel);
152 |     const accuracyRhythmValue = document.createElement('span');
153 |     accuracyRhythmValue.innerText = 'Loading...';
154 |     accuracyRhythmDiv.appendChild(accuracyRhythmValue);
155 |     statsDiv.appendChild(accuracyRhythmDiv);
156 | 
157 |     // Accuracy bass
158 |     const accuracyBassDiv = document.createElement('div');
159 |     accuracyBassDiv.classList.add('stats-entry');
160 |     const accuracyBassLabel = document.createElement('span');
161 |     accuracyBassLabel.innerText = 'Bass:';
162 |     accuracyBassDiv.appendChild(accuracyBassLabel);
163 |     const accuracyBassValue = document.createElement('span');
164 |     accuracyBassValue.innerText = 'Loading...';
165 |     accuracyBassDiv.appendChild(accuracyBassValue);
166 |     statsDiv.appendChild(accuracyBassDiv);
167 | 
168 |     profileData.appendChild(statsDiv);
169 | 
170 |     profilePopup.appendChild(profileData);
171 | 
172 |     document.body.appendChild(profilePopup);
173 | 
174 |     profilePopup.style.display = 'block';
175 | 
176 |     const stats_response = await post(host + '/api/data/get_user_stats.php', {
177 |         auth_data: authData,
178 |         username: username
179 |     });
180 | 
181 |     if ('error' in stats_response) {
182 |         window.api.error(stats_response['error']);
183 |         return;
184 |     }
185 | 
186 |     verifiedScoresOverallValue.innerText = stats_response['verified_scores']['overall'];
187 |     verifiedScoresLeadValue.innerText = stats_response['verified_scores']['lead'];
188 |     verifiedScoresRhythmValue.innerText = stats_response['verified_scores']['rhythm'];
189 |     verifiedScoresBassValue.innerText = stats_response['verified_scores']['bass'];
190 | 
191 |     accuracyOverallValue.innerText = (stats_response['accuracy']['overall'] * 100).toFixed(2) + '%';;
192 |     accuracyLeadValue.innerText = (stats_response['accuracy']['lead'] * 100).toFixed(2) + '%';;
193 |     accuracyRhythmValue.innerText = (stats_response['accuracy']['rhythm'] * 100).toFixed(2) + '%';;
194 |     accuracyBassValue.innerText = (stats_response['accuracy']['bass'] * 100).toFixed(2) + '%';;
195 | }


--------------------------------------------------------------------------------
/src/common/theme.js:
--------------------------------------------------------------------------------
 1 | document.documentElement.style.setProperty('--streamer-color', '#FFF');
 2 | document.documentElement.style.setProperty('--streamer-text-color', '#000');
 3 | 
 4 | document.addEventListener("DOMContentLoaded", async function () {
 5 |     const theme = localStorage.getItem("theme");
 6 |     if (theme) {
 7 |         const themeSelect = document.getElementById("theme-select");
 8 |         themeSelect.value = theme;
 9 | 
10 |         const themeLink = document.getElementById("theme");
11 |         themeLink.href = await api.pathJoin(await api.getSrcDir(), 'common', theme + '-theme.css');
12 |     }
13 | 
14 |     if (theme === "streamer") {
15 |         const streamerColor = localStorage.getItem("streamer-color");
16 |         if (streamerColor) {
17 |             const streamerColorInput = document.getElementById("streamer-color");
18 |             streamerColorInput.value = streamerColor;
19 |             setStreamerColor();
20 |         }
21 | 
22 |         const streamerTextColor = localStorage.getItem("streamer-text-color");
23 |         if (streamerTextColor) {
24 |             const streamerTextColorInput = document.getElementById("streamer-text-color");
25 |             streamerTextColorInput.value = streamerTextColor;
26 |             setStreamerTextColor();
27 |         }
28 |     }
29 | });
30 | 
31 | async function setTheme() {
32 |     const themeSelect = document.getElementById("theme-select");
33 |     const theme = themeSelect.value;
34 |     const themeLink = document.getElementById("theme");
35 | 
36 |     if (theme !== "dark") {
37 |         api.warning('Themes other than "Dark" are not well tested.');
38 |     }
39 | 
40 |     if (theme === "streamer") {
41 |         // ...
42 |     } else {
43 |         // remove streamer color settings from local storage
44 |         localStorage.removeItem("streamer-color");
45 |         localStorage.removeItem("streamer-text-color");
46 | 
47 |         // set default styles
48 |         document.body.style.background = null;
49 |         document.body.style.color = null;
50 |         document.documentElement.style.setProperty('--streamer-color', '#FFF');
51 |         document.documentElement.style.setProperty('--streamer-text-color', '#000');
52 |     }
53 | 
54 |     themeLink.href = await api.pathJoin(await api.getSrcDir(), 'common', theme + '-theme.css');
55 |     localStorage.setItem("theme", theme);
56 | }
57 | 
58 | function setStreamerColor() {
59 |     const theme = localStorage.getItem("theme");
60 |     if (theme === "streamer") {
61 |         const streamerColorInput = document.getElementById("streamer-color");
62 |         const streamerColor = streamerColorInput.value;
63 | 
64 |         document.body.style.background = streamerColor;
65 |         document.documentElement.style.setProperty('--streamer-color', streamerColor);
66 | 
67 |         localStorage.setItem("streamer-color", streamerColor);
68 |     }
69 | }
70 | 
71 | function setStreamerTextColor() {
72 |     const theme = localStorage.getItem("theme");
73 |     if (theme === "streamer") {
74 |         const streamerTextColorInput = document.getElementById("streamer-text-color");
75 |         const streamerTextColor = streamerTextColorInput.value;
76 | 
77 |         document.body.style.color = streamerTextColor;
78 |         document.documentElement.style.setProperty('--streamer-text-color', streamerTextColor);
79 | 
80 |         localStorage.setItem("streamer-text-color", streamerTextColor);
81 |     }
82 | }


--------------------------------------------------------------------------------
/src/common/user_data.ts:
--------------------------------------------------------------------------------
 1 | export class UserData {
 2 |     public static async get(key: string): Promise<any | null> {
 3 |         const userId = sessionStorage.getItem('user_id');
 4 | 
 5 |         if (userId !== null) {
 6 |             return await window.api.storeGet('user_data.' + userId + '.' + key);
 7 |         }
 8 |         else {
 9 |             throw new Error('Failed to get user data: No user has been established for the current session.');
10 |         }
11 |     }
12 | 
13 |     public static async set(key: string, value: any): Promise<void> {
14 |         const userId = sessionStorage.getItem('user_id');
15 | 
16 |         if (userId !== null) {
17 |             window.api.storeSet('user_data.' + userId + '.' + key, value);
18 |         }
19 |         else {
20 |             throw new Error('Failed to set user data: No user has been established for the current session.');
21 |         }
22 |     }
23 | }


--------------------------------------------------------------------------------
/src/config/config.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <link rel="stylesheet" href="../common/footer.css">
  6 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
  7 |   <title>Rock Buddy</title>
  8 | </head>
  9 | 
 10 | <body>
 11 |   <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; width: 100%; min-width: 800px;"
 12 |     class="navtop">
 13 |     <a href="../sniffer/sniffer.html">Sniffer</a>|
 14 |     <a href="../search/search.html">Search</a>|
 15 |     <a href="../rank/rank.html">Rank</a>|
 16 |     <a href="../profile/profile.html">Profile</a>
 17 |     <a href="../config/config.html" style="margin-left: auto;">Config</a>|
 18 |     <a href="../account/account.html">Account</a>
 19 |   </div>
 20 | 
 21 |   <div style="padding-bottom: 40px;">
 22 |     <div style="display: flex; flex-direction: row; align-items: center; width: 100%;">
 23 |       <h1 style="display: inline;">Config</h1>
 24 |       <label style="margin-left: auto; margin-right: 10px;" id="streamer-color-name" for="streamer-color">Background
 25 |         Color:</label>
 26 |       <input style="margin-right: 20px;" type="color" id="streamer-color" name="streamer-color"
 27 |         onchange="setStreamerColor()">
 28 | 
 29 |       <label style="margin-right: 10px;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
 30 |       <input class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
 31 |         onchange="setStreamerTextColor()">
 32 |       <label for="theme-select" style="margin-left: auto;">Theme:</label>
 33 |       <select id="theme-select" style="margin-left: 10px; min-width: 100px;" onchange="setTheme()">
 34 |         <option value="dark">Dark</option>
 35 |         <option value="light">Light</option>
 36 |         <option value="classic">Retro</option>
 37 |         <option value="streamer">Custom</option>
 38 |       </select>
 39 |     </div>
 40 |     <div id="general">
 41 |       <div style="display: flex; flex-direction:column; gap: 10px;">
 42 |         <div style="display: flex; flex-direction: row;">
 43 |           <span style="margin-right: 10px; font-weight: bold; min-width: 200px;">Steam User Data Path:</span>
 44 |           <span id="steam_user_data_path">[none selected]</span>
 45 |           <div style="margin-left: auto;">
 46 |             <button class="btn-primary" style="cursor: pointer;" onclick="getSteamUserDataPath()">Browse</button>
 47 |           </div>
 48 |         </div>
 49 |         <div style="display: flex; flex-direction: row;">
 50 |           <span style="margin-right: 10px; font-weight: bold; min-width: 200px;">Steam Profile:</span>
 51 |           <select id="steam_profile" style="min-width: 100px;"></select>
 52 |         </div>
 53 |         <div style="display: flex; flex-direction: row;">
 54 |           <span style="margin-right: 10px; font-weight: bold; min-width: 200px;">Rocksmith Profile:</span>
 55 |           <select id="rocksmith_profile" style="min-width: 100px;"></select>
 56 |         </div>
 57 |       </div>
 58 |       <div style="display: flex; flex-direction: row; margin-top: 10px;">
 59 |         <span style="margin-right: 10px; font-weight: bold; min-width: 200px;">Window Size:</span>
 60 |         <input type="number" id="window_width" style="width: 100px; margin-right: 10px;">
 61 |         <span style="margin-right: 10px">x</span>
 62 |         <input type="number" id="window_height" style="width: 100px;">
 63 |       </div>
 64 |     </div>
 65 |     <hr>
 66 |     <div style="display: flex; flex-direction: row; align-items: baseline; width: 100%;">
 67 |       <h2 style="min-width: 200px; margin-right: 10px;">Sniffer</h2>
 68 |       <div style="display: flex; flex-direction: row;">
 69 |         <input id="always_sniff" title="Check to return to the Sniffer page whenever the window loses focus."
 70 |           type="checkbox" style="width: 16px; height: 16px; margin-right: 10px;">
 71 |         <label for="always_sniff" style="margin-right: 10px;">Always Sniff</label>
 72 |       </div>
 73 |       <div style="display: flex; flex-direction: row;">
 74 |         <input id="lurk_mode" title="While in Lurk Mode, scores are not recorded to the Rock Buddy database."
 75 |           type="checkbox" style="width: 16px; height: 16px; margin-right: 10px;">
 76 |         <label for="lurk_mode">Lurk Mode</label>
 77 |       </div>
 78 |       <div style="margin-left: auto;">
 79 |         <button class="btn-primary" style="cursor: pointer;" onclick="openRocksnifferConfig()">Rocksniffer
 80 |           Config</button>
 81 |       </div>
 82 |     </div>
 83 |     <div id="sniffer">
 84 |       <div style="display: flex; flex-direction:column; gap: 10px;">
 85 |         <div style="display: flex; flex-direction: row;">
 86 |           <label for="preferred_path" style="margin-right: 10px; font-weight: bold; min-width: 200px;">Preferred
 87 |             Path:</label>
 88 |           <select id="preferred_path" style="margin-right: 10px; min-width: 120px;">
 89 |             <option value="lead" selected>Lead</option>
 90 |             <option value="rhythm">Rhythm</option>
 91 |             <option value="bass">Bass</option>
 92 |           </select>
 93 |         </div>
 94 |         <div style="display: flex; flex-direction: row;">
 95 |           <label for="miss_sfx" style="margin-right: 10px; font-weight: bold; min-width: 200px;">Miss SFX:</label>
 96 |           <select id="miss_sfx" style="margin-right: 10px; min-width: 120px;">
 97 |             <option value="none" selected>None</option>
 98 |             <option value="guitar_hero">Guitar Hero</option>
 99 |             <option value="doh">D'oh!</option>
100 |             <option value="oof">Oof</option>
101 |             <option value="oof2">Oof 2</option>
102 |             <option value="custom" title="Uses the selected sound file">Custom</option>
103 |             <option value="custom_multi" title="Uses all sound files in the selected folder">Custom (multi)</option>
104 |           </select>
105 |           <div id="custom_miss_sfx" style="display: none; flex-grow: 1;">
106 |             <span id="custom_miss_sfx_path">[none selected]</span>
107 |             <div style="margin-left: auto;">
108 |               <button class="btn-primary" style="cursor: pointer;" onclick="getCustomMissSFXPath()">Browse</button>
109 |             </div>
110 |           </div>
111 |           <div id="custom_miss_sfx_multi" style="display: none; flex-grow: 1;">
112 |             <span id="custom_miss_sfx_multi_path">[none selected]</span>
113 |             <div style="margin-left: auto;">
114 |               <button class="btn-primary" style="cursor: pointer;" onclick="getCustomMissSFXMultiPath()">Browse</button>
115 |             </div>
116 |           </div>
117 |         </div>
118 |       </div>
119 |     </div>
120 |     <hr>
121 |     <div style="display: flex; flex-direction: row; align-items: center; width: 100%;">
122 |       <h2>Addons</h2>
123 |       <div style="margin-left: auto;">
124 |         <button class="btn-primary" style="cursor: pointer;" onclick="openAddonsFolder()">Open Addons Folder</button>
125 |       </div>
126 |     </div>
127 |     <div id="addons">
128 |       <div style="display: flex; flex-direction:column; gap: 10px;">
129 |         <div style="display: flex; flex-direction: row;">
130 |           <input type="checkbox" id="addons_enabled" style="width: 16px; height: 16px; margin-right: 10px;">
131 |           <label for="addons_enabled" style="margin-right: 10px;">Enabled</label>
132 |           <span style="font-style: italic;">(Enabling addons will turn on a local web server.)</span>
133 |         </div>
134 |         <div style="display: flex; flex-direction: row;">
135 |           <span style="margin-right: 10px; font-weight: bold; min-width: 40px;">Host:</span>
136 |           <input type="text" id="addons_host" style="width: 250px; margin-right: 20px;">
137 |           <span style="margin-right: 10px; font-weight: bold; min-width: 40px;">Port:</span>
138 |           <input type="number" id="addons_port" style="width: 100px; margin-right: 10px;">
139 |         </div>
140 |       </div>
141 |     </div>
142 |     <hr>
143 |     <div style="display: flex; flex-direction: row; align-items: center; width: 100%;">
144 |       <h2>Other</h2>
145 |       <div style="margin-left: auto;">
146 |         <button class="btn-primary" style="cursor: pointer;" onclick="openAdvancedConfig()">Advanced Config</button>
147 |       </div>
148 |     </div>
149 |     <div id="other">
150 |       <div style="display: flex; flex-direction: row;">
151 |         <input type="checkbox" id="extra_logging" style="width: 16px; height: 16px; margin-right: 10px;">
152 |         <label for="extra_logging" style="margin-right: 10px;">Extra Logging</label>
153 |         <span style="font-style: italic;">(Enabling extra logging may impact performance.)</span>
154 |       </div>
155 |     </div>
156 |     <div id="rocksniffer_config_popup" class="modal">
157 |       <span id="close_rocksniffer_config_popup" class="close">&times;</span>
158 |       <div class="popup-data">
159 |         <center>
160 |           <h3>Rocksniffer Config</h3>
161 |         </center>
162 |         <h3 style="color: red;">Rock Buddy must be restarted for changes to these settings to take effect.</h3>
163 |         <h2>General Settings</h2>
164 |         <div style="display: flex; flex-direction:column; gap: 10px;">
165 |           <div style="display: flex; flex-direction: row;">
166 |             <input type="checkbox" id="discord_rich_presence" style="width: 16px; height: 16px; margin-right: 10px;">
167 |             <label for="discord_rich_presence" style="margin-right: 10px;">Discord Rich Presence</label>
168 |           </div>
169 |         </div>
170 |         <h2>Advanced Settings</h2>
171 |         <div style="display: flex; flex-direction:column; gap: 10px;">
172 |           <h3 style="color: red; font-weight: bold; margin-top: 0px;">DO NOT CHANGE THESE SETTINGS IF YOU DON'T KNOW WHAT YOU ARE DOING</h3>
173 |           <div style="display: flex; flex-direction: row;">
174 |             <input type="checkbox" id="use_external_rocksniffer" style="width: 16px; height: 16px; margin-right: 10px;">
175 |             <label for="use_external_rocksniffer" style="margin-right: 10px;">Use External Rocksniffer</label>
176 |             <span style="font-style: italic;">(Disables internal Rocksniffer and turns on lurk mode)</span>
177 |           </div>
178 |           <div style="display: flex; flex-direction: row;">
179 |             <span style="margin-right: 10px; font-weight: bold; min-width: 40px;">Host:</span>
180 |             <input type="text" id="rocksniffer_host" style="width: 250px; margin-right: 20px;">
181 |             <span style="margin-right: 10px; font-weight: bold; min-width: 40px;">Port:</span>
182 |             <input type="number" id="rocksniffer_port" style="width: 100px; margin-right: 10px;">
183 |           </div>
184 |         </div>
185 |       </div>
186 |     </div>
187 |     <div id="advanced_config_popup" class="modal">
188 |       <span id="close_advanced_config_popup" class="close">&times;</span>
189 |       <div class="popup-data">
190 |         <center>
191 |           <h3>Advanced Config</h3>
192 |         </center>
193 |         <div style="display: flex; flex-direction:column; gap: 10px;">
194 |           <div style="display: flex; flex-direction: row;">
195 |             <input type="checkbox" id="beta_testing" style="width: 16px; height: 16px; margin-right: 10px;">
196 |             <label for="beta_testing" style="margin-right: 10px;">Beta Testing</label>
197 |             <span style="font-style: italic;">(Beta testers get a reduced snort timer as a gesture of appreciation)</span>
198 |           </div>
199 |         </div>
200 |       </div>
201 |     </div>
202 |     <div id="boulder_bro_popup" class="modal">
203 |       <span id="close_boulder_bro_popup" class="close">&times;</span>
204 |       <center>
205 |         <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
206 |       </center>
207 |       <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
208 |     </div>
209 |   </div>
210 |   <footer>
211 |     <p>
212 |     <div class="copyright">
213 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
214 |     </div>
215 |     <div class="team-mem">
216 |       <a href="./../team/team.html">Team</a>
217 |     </div>
218 |     </p>
219 |   </footer>
220 |   <script src="../common/boulder_bro.js"></script>
221 |   <script src="../common/functions.js"></script>
222 |   <script src="../common/theme.js"></script>
223 |   <script src="./config.js"></script>
224 | </body>


--------------------------------------------------------------------------------
/src/global.d.ts:
--------------------------------------------------------------------------------
1 | import { API } from './preload.ts';
2 | 
3 | declare global {
4 |     interface Window { api: typeof API }
5 | }


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 |     color: white;
3 |     font-family: 'Open Sans', sans-serif;
4 |     background: #18181b;
5 | }


--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <!-- Need to get rid of unsafe-inline from style-src -->
 6 |   <meta http-equiv="Content-Security-Policy"
 7 |     content="default-src 'self';connect-src https://rock-buddy.com http://raspberrypi:8080;script-src 'self';font-src https://fonts.gstatic.com;style-src 'unsafe-inline' 'self' https://fonts.googleapis.com">
 8 |   <link rel="stylesheet" href="./index.css" id="theme">
 9 |   <link rel="stylesheet" href="./common/card.css">
10 |   <link rel="stylesheet" href="./common/footer.css">
11 |   <link rel="stylesheet" href="./common/dark-theme.css" id="theme">
12 |   <title>Rock Buddy</title>
13 | </head>
14 | 
15 | <body>
16 |   <h1>Loading...</h1>
17 |   <div class="buddycard">
18 |     <center><img src="./../images/rock-buddy.png" alt="rockbuddy" class="rockbuddy"></center>
19 |   </div>
20 |   <footer>
21 |     <p>
22 |     <div class="copyright">
23 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
24 |     </div>
25 |     <div class="team-mem">
26 |       <a href="./../team/team.html">Team</a>
27 |     </div>
28 |     </p>
29 |     <div id="boulder_bro_popup" class="modal">
30 |       <span id="close_boulder_bro_popup" class="close">&times;</span>
31 |       <center>
32 |         <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
33 |       </center>
34 |       <img src="./../images/boulder-bro.png" alt="you found him!">
35 |     </div>
36 |   </footer>
37 |   <script src="./common/boulder_bro.js"></script>
38 |   <script src="./common/functions.js"></script>
39 |   <script src="./common/theme.js"></script>
40 |   <script src="./index.js"></script>
41 | 
42 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
43 |     <option value="light">Light theme</option>
44 |     <option value="dark">Dark theme</option>
45 |     <option value="streamer">Streamer theme</option>
46 |   </select>
47 | 
48 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
49 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
50 | 
51 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
52 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
53 |     onchange="setStreamerTextColor()">
54 | </body>
55 | 
56 | </html>


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | async function main() {
 4 |     const version = await getVersion();
 5 |     document.title = 'Rock Buddy v' + version;
 6 | 
 7 |     const auth = await checkAuthentication()
 8 |     if (!auth) {
 9 |         // Authentication failed - navigate to login
10 |         window.location.href = './auth/login.html';
11 |         return;
12 |     }
13 | 
14 |     // Verify the user's email
15 |     const authData = JSON.parse(sessionStorage.getItem('auth_data'));
16 |     const activated = await checkAccountActivation(authData);
17 |     if (!activated) {
18 |         // Verification failed - redirect to account activation
19 |         window.location.href = './account/activation.html'
20 |         return;
21 |     }
22 | 
23 |     // Authentication successful - proceed
24 |     window.location.href = './sniffer/sniffer.html';
25 |     return;
26 | }
27 | 
28 | main();


--------------------------------------------------------------------------------
/src/preload.ts:
--------------------------------------------------------------------------------
 1 | const { contextBridge, ipcRenderer } = require('electron');
 2 | 
 3 | declare type windowResizeCallback = (width: number, height: number) => void;
 4 | 
 5 | export const API = {
 6 |     getRocksnifferPath: () => ipcRenderer.invoke('get-rocksniffer-path'),
 7 |     launchRocksniffer: () => ipcRenderer.send('launch-rocksniffer'),
 8 |     clearRocksnifferCache: () => ipcRenderer.send('clear-rocksniffer-cache'),
 9 |     onLatestBetaVersion: async () => ipcRenderer.invoke('on-latest-beta-version'),
10 |     getSrcDir: async () => ipcRenderer.invoke('get-src-dir'),
11 |     logMessage: async (message: string) => ipcRenderer.send('log-message', message),
12 |     info: (message: string) => ipcRenderer.send('info', message),
13 |     warning: (message: string) => ipcRenderer.send('warning', message),
14 |     error: (message: string) => ipcRenderer.send('error', message),
15 |     getWindowSize: async () => ipcRenderer.invoke('get-window-size'),
16 |     setWindowSize: async (width: number, height: number) => ipcRenderer.send('set-window-size', width, height),
17 |     loadURL: async(url: string) => ipcRenderer.send('load-url', url),
18 |     openExternalLink: (url: string) => ipcRenderer.send('open-external-link', url),
19 |     getVersion: async () => ipcRenderer.invoke('get-version'),
20 |     getHost: async () => ipcRenderer.invoke('get-host'),
21 |     storeGet: async (key: string) => ipcRenderer.invoke('store-get', key),
22 |     storeSet: async (key: string, value: any) => ipcRenderer.invoke('store-set', key, value),
23 |     storeDelete: async (key: string) => ipcRenderer.invoke('store-delete', key),
24 |     getPath: async (defaultPath: string) => ipcRenderer.invoke('get-path', defaultPath),
25 |     getSFXFilePath: async (defaultPath: string) => ipcRenderer.invoke('get-sfx-file-path', defaultPath),
26 |     directoryExists: async (path: string) => ipcRenderer.invoke('directory-exists', path),
27 |     pathJoin: async (...args: string[]) => ipcRenderer.invoke('path-join', ...args),
28 |     getFileTimestamp: async (path: string) => ipcRenderer.invoke('get-file-timestamp', path),
29 |     readDir: async (dir: string) => ipcRenderer.invoke('read-dir', dir),
30 |     readFile: async (file: string) => ipcRenderer.invoke('read-file', file),
31 |     writeFile: async (file: string, contents: string) => ipcRenderer.invoke('write-file', file, contents),
32 |     appendFile: async (file: string, contents: string) => ipcRenderer.invoke('append-file', file, contents),
33 |     fileExists: async(file: string) => ipcRenderer.invoke('file-exists', file),
34 |     waitForFile: async (file: string, timeout: number) => ipcRenderer.invoke('wait-for-file', file, timeout),
35 |     semverValid: async (version: string) => ipcRenderer.invoke('semver-valid', version),
36 |     semverGte: async (version1: string, version2: string) => ipcRenderer.invoke('semver-gte', version1, version2),
37 |     semverMaxSatisfying: async (versions: string[], range: string) => ipcRenderer.invoke('semver-max-satisfying', versions, range),
38 |     readRocksmithData: async (dataFile: string) => ipcRenderer.invoke('read-rocksmith-data', dataFile),
39 |     getSteamProfiles: async (steamUserDataPath: string) => ipcRenderer.invoke('get-steam-profiles', steamUserDataPath),
40 |     getRocksmithProfiles: async (steamUserDataPath: string, steamProfile: string) => ipcRenderer.invoke('get-rocksmith-profiles', steamUserDataPath, steamProfile),
41 |     openAddonsFolder: async () => ipcRenderer.send('open-addons-folder'),
42 |     enableAddons: async (host: string, port: number) => ipcRenderer.send('enable-addons', host, port),
43 |     disableAddons: async () => ipcRenderer.send('disable-addons'),
44 |     windowResized: (callback: windowResizeCallback) => ipcRenderer.on('window-resized', (callback))
45 | };
46 | 
47 | contextBridge.exposeInMainWorld('api', API);


--------------------------------------------------------------------------------
/src/profile/main.ts:
--------------------------------------------------------------------------------
 1 | import { Profile } from "./profile";
 2 | import { getVersion, checkAlwaysSniff } from "../common/functions";
 3 | 
 4 | let profile: Profile | null = null;
 5 | 
 6 | async function main() {
 7 |     const version = await getVersion();
 8 |     document.title = 'Rock Buddy v' + version;
 9 | 
10 |     profile = await Profile.create();
11 | 
12 |     checkAlwaysSniff();
13 | }
14 | 
15 | main();


--------------------------------------------------------------------------------
/src/profile/profile.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <link rel="stylesheet" href="../common/profile.css">
  6 |   <link rel="stylesheet" href="../common/footer.css">
  7 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
  8 |   <title>Rock Buddy</title>
  9 | </head>
 10 | 
 11 | <body>
 12 |   <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; width: 100%; min-width: 800px;" class="navtop">
 13 |     <a href="../sniffer/sniffer.html">Sniffer</a>|
 14 |     <a href="../search/search.html">Search</a>|
 15 |     <a href="../rank/rank.html">Rank</a>|
 16 |     <a href="../profile/profile.html">Profile</a>
 17 |     <a href="../config/config.html" style="margin-left: auto;">Config</a>|
 18 |     <a href="../account/account.html">Account</a>
 19 |   </div>
 20 |   <div class="header">
 21 |     <h1 id="title">Profile</h1>
 22 |     <button class="btn-primary" id="save_button" title="Save profile data">Save</button>
 23 |   </div>
 24 |   <div class="profile">
 25 |     <div class="twitch-data">
 26 |       <span class="profile-label">Twitch:</span>
 27 |       <div class="twitch-enterable">
 28 |         <span>https://twitch.tv/</span>
 29 |         <input type="string" id="twitch_username">
 30 |       </div>
 31 |     </div>
 32 |   </div>
 33 |   <div class="stats">
 34 |     <h2>Verified Scores</h2>
 35 |     <div class="stats-entry">
 36 |       <span>Overall:</span>
 37 |       <span id="verified_scores_overall">Loading...</span>
 38 |     </div>
 39 |     <div class="stats-entry">
 40 |       <span>Lead:</span>
 41 |       <span id="verified_scores_lead">Loading...</span>
 42 |     </div>
 43 |     <div class="stats-entry">
 44 |       <span>Rhythm:</span>
 45 |       <span id="verified_scores_rhythm">Loading...</span>
 46 |     </div>
 47 |     <div class="stats-entry">
 48 |       <span>Bass:</span>
 49 |       <span id="verified_scores_bass">Loading...</span>
 50 |     </div>
 51 |     <h2>Accuracy</h2>
 52 |     <div class="stats-entry">
 53 |       <span>Overall:</span>
 54 |       <span id="accuracy_overall">Loading...</span>
 55 |     </div>
 56 |     <div class="stats-entry">
 57 |       <span>Lead:</span>
 58 |       <span id="accuracy_lead">Loading...</span>
 59 |     </div>
 60 |     <div class="stats-entry">
 61 |       <span>Rhythm:</span>
 62 |       <span id="accuracy_rhythm">Loading...</span>
 63 |     </div>
 64 |     <div class="stats-entry">
 65 |       <span>Bass:</span>
 66 |       <span id="accuracy_bass">Loading...</span>
 67 |     </div>
 68 |   </div>
 69 |   <div id="boulder_bro_popup" class="modal">
 70 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
 71 |     <center>
 72 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
 73 |     </center>
 74 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
 75 |   </div>
 76 |   <footer>
 77 |     <p>
 78 |     <div class="copyright">
 79 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
 80 |     </div>
 81 |     <div class="team-mem">
 82 |       <a href="./../team/team.html">Team</a>
 83 |     </div>
 84 |     </p>
 85 |   </footer>
 86 |   <script src="../../dist/profile/bundle.js"></script>
 87 |   <script src="../common/boulder_bro.js"></script>
 88 |   <script src="../common/theme.js"></script>
 89 | 
 90 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
 91 |     <option value="light">Light theme</option>
 92 |     <option value="dark">Dark theme</option>
 93 |     <option value="streamer">Streamer theme</option>
 94 |   </select>
 95 | 
 96 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
 97 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
 98 | 
 99 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
100 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
101 |     onchange="setStreamerTextColor()">
102 | </body>


--------------------------------------------------------------------------------
/src/profile/profile.ts:
--------------------------------------------------------------------------------
 1 | import { post } from '../common/functions';
 2 | 
 3 | const authData = JSON.parse(window.sessionStorage.getItem('auth_data') as any);
 4 | 
 5 | export class Profile {
 6 |     private readonly _saveButtonElement = document.getElementById('save_button') as HTMLElement;
 7 | 
 8 |     // Title
 9 |     private readonly _titleElement = document.getElementById('title') as HTMLElement;
10 | 
11 |     // Profile data
12 |     private readonly _twitchUsenameElement = document.getElementById('twitch_username') as HTMLInputElement;
13 | 
14 |     // Stats
15 |     private readonly _verifiedScoresOverallElement = document.getElementById('verified_scores_overall') as HTMLElement;
16 |     private readonly _verifiedScoresLeadElement = document.getElementById('verified_scores_lead') as HTMLElement;
17 |     private readonly _verifiedScoresRhythmElement = document.getElementById('verified_scores_rhythm') as HTMLElement;
18 |     private readonly _verifiedScoresBassElement = document.getElementById('verified_scores_bass') as HTMLElement;
19 |     private readonly _accuracyOverallElement = document.getElementById('accuracy_overall') as HTMLElement;
20 |     private readonly _accuracyLeadElement = document.getElementById('accuracy_lead') as HTMLElement;
21 |     private readonly _accuracyRhythmElement = document.getElementById('accuracy_rhythm') as HTMLElement;
22 |     private readonly _accuracyBassElement = document.getElementById('accuracy_bass') as HTMLElement;
23 | 
24 |     public static async create(): Promise<Profile> {
25 |         const profile = new Profile();
26 |         await profile.init();
27 |         return profile;
28 |     }
29 | 
30 |     private async load(): Promise<void> {
31 |         this.updateProfile();
32 |         this.updateStats();
33 |     }
34 | 
35 |     private async save(): Promise<void> {
36 |         const twitchUsername = this._twitchUsenameElement.value;
37 | 
38 |         const host = await window.api.getHost();
39 |         const response = await post(host + '/api/data/set_user_profile_data.php', {
40 |             auth_data: authData,
41 |             twitch_username: twitchUsername
42 |         });
43 | 
44 |         if ('error' in response) {
45 |             window.api.error(response['error']);
46 |             return;
47 |         }
48 |     }
49 | 
50 |     private async updateProfile(): Promise<void> {
51 |         const host = await window.api.getHost();
52 | 
53 |         const response = await post(host + '/api/data/get_user_profile_data.php', {
54 |             auth_data: authData,
55 |             user_id: authData.user_id
56 |         });
57 | 
58 |         if ('error' in response) {
59 |             window.api.error(response['error']);
60 |             return;
61 |         }
62 | 
63 |         // Update the display
64 |         this._titleElement.innerText = 'Profile (' + response['username'] + ')';
65 |         this._twitchUsenameElement.value = response['twitch_username'];
66 |     }
67 | 
68 |     private async updateStats(): Promise<void> {
69 |         const host = await window.api.getHost();
70 | 
71 |         const response = await post(host + '/api/data/get_user_stats.php', {
72 |             auth_data: authData,
73 |             user_id: authData.user_id
74 |         });
75 | 
76 |         if ('error' in response) {
77 |             window.api.error(response['error']);
78 |             return;
79 |         }
80 | 
81 |         // Update the display
82 |         this._verifiedScoresOverallElement.innerText = response['verified_scores']['overall'];
83 |         this._verifiedScoresLeadElement.innerText = response['verified_scores']['lead'];
84 |         this._verifiedScoresRhythmElement.innerText = response['verified_scores']['rhythm'];
85 |         this._verifiedScoresBassElement.innerText = response['verified_scores']['bass'];
86 |         this._accuracyOverallElement.innerText = (response['accuracy']['overall'] * 100).toFixed(2) + '%';
87 |         this._accuracyLeadElement.innerText = (response['accuracy']['lead'] * 100).toFixed(2) + '%';
88 |         this._accuracyRhythmElement.innerText = (response['accuracy']['rhythm'] * 100).toFixed(2) + '%';
89 |         this._accuracyBassElement.innerText = (response['accuracy']['bass'] * 100).toFixed(2) + '%';
90 |     }
91 | 
92 |     private async init(): Promise<void> {
93 |         this._saveButtonElement.addEventListener('click', this.save.bind(this));
94 |         this.load();
95 |     }
96 | };


--------------------------------------------------------------------------------
/src/rank/rank.css:
--------------------------------------------------------------------------------
 1 | #disclaimer {
 2 |     margin-left: auto;
 3 |     margin-right: 10px;
 4 |     color: rgba(255, 255, 255, 0.4);
 5 |     font-style: italic;
 6 | }
 7 | 
 8 | .rank, .king, .expand-button {
 9 |     border: 2px solid;
10 |     border-color: #303030;
11 |     background-color: #22222280;
12 |     border-radius: 12px;
13 |     padding: 1%;
14 | }
15 | 
16 | .rank {
17 |     width: 240px;
18 |     max-width: 240px;
19 | }
20 | 
21 | .gold {
22 |     color: rgb(180, 180, 50);
23 | }
24 | 
25 | .silver {
26 |     color: rgb(150, 150, 150);
27 | }
28 | 
29 | .bronze {
30 |     color: rgb(150, 100, 0)
31 | }
32 | 
33 | .expand-button {
34 |     position: relative;
35 |     font-weight: bold;
36 |     align-self: center;
37 |     text-align: center;
38 |     width: 100%;
39 |     height: 35px;
40 | }
41 | 
42 | .expand-button:hover {
43 |     border-color: white;
44 |     cursor: pointer;
45 | }
46 | 
47 | .popup-data {
48 |     padding-top: 5%;
49 |     padding-bottom: 5%;
50 |     padding-left: 25%;
51 |     padding-right: 25%;
52 | }
53 | 
54 | .leaderboard-data thead {
55 |     position: sticky;
56 |     top: 0;
57 |     z-index: 2;
58 | }
59 | 
60 | .leaderboard {
61 |     height: 520px;
62 |     overflow-y: auto;
63 | }


--------------------------------------------------------------------------------
/src/search/main.ts:
--------------------------------------------------------------------------------
 1 | import { Search } from "./search";
 2 | import { getVersion, checkAlwaysSniff } from "../common/functions";
 3 | 
 4 | let search: Search | null = null;
 5 | 
 6 | async function main() {
 7 |     const version = await getVersion();
 8 |     document.title = 'Rock Buddy v' + version;
 9 | 
10 |     // Create the search element
11 |     search = new Search();
12 | 
13 |     checkAlwaysSniff();
14 | }
15 | 
16 | main();


--------------------------------------------------------------------------------
/src/search/search.css:
--------------------------------------------------------------------------------
 1 | .search-input {
 2 |     width: 400px; /* Adjust the width as needed */
 3 |     border-radius: 5px;
 4 |     padding: 5px 10px 5px 30px; /* Padding on the left to accommodate the icon */
 5 |     font-size: 16px;
 6 |     background-image: url('./../../images/search.png'); /* Replace 'magnifying-glass.png' with your icon image */
 7 |     background-repeat: no-repeat;
 8 |     background-position: 5px center; /* Position the icon 5px from the left and vertically centered */
 9 |     background-size: 20px 20px; /* Adjust the icon size as needed */
10 | }
11 | 
12 | .table thead {
13 |     position: sticky;
14 |     top: 0;
15 |     z-index: 2;
16 | }
17 | 
18 | .popup-data {
19 |     padding-top: 3px;
20 |     height: 100%;
21 |     justify-content: center;
22 |     align-items: center;
23 | }
24 | 
25 | .leaderboard {
26 |     width: 100%;
27 |     height: 460px;
28 |     overflow-y: auto;
29 | }
30 | 
31 | .main-content {
32 |     padding-bottom: 40px;
33 | }


--------------------------------------------------------------------------------
/src/search/search.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <link rel="stylesheet" href="./search.css">
  6 |   <link rel="stylesheet" href="../common/profile.css">
  7 |   <link rel="stylesheet" href="../common/footer.css">
  8 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
  9 |   <title>Rock Buddy</title>
 10 | </head>
 11 | 
 12 | <body>
 13 |   <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; width: 100%; min-width: 800px;"
 14 |     class="navtop">
 15 |     <a href="../sniffer/sniffer.html">Sniffer</a>|
 16 |     <a href="../search/search.html">Search</a>|
 17 |     <a href="../rank/rank.html">Rank</a>|
 18 |     <a href="../profile/profile.html">Profile</a>
 19 |     <a href="../config/config.html" style="margin-left: auto;">Config</a>|
 20 |     <a href="../account/account.html">Account</a>
 21 |   </div>
 22 |   <div class="main-content">
 23 |     <h1>Leaderboard Search</h1>
 24 |     <div class="search-container">
 25 |       <input id="search_bar" type="text" class="search-input" placeholder="Search by Artist, Title, or Album...">
 26 |     </div>
 27 |     <div id="search_results"></div>
 28 |     <div id="leaderboard_popup" class="modal">
 29 |       <span id="close_leaderboard_popup" class="close">&times;</span>
 30 |       <div class="popup-data">
 31 |         <div id="leaderboard_header">
 32 |           <div style="display: flex; flex-direction: row; width: 100%;">
 33 |             <div style="display: flex; flex-direction: row; gap: 10px; width: 60%; min-width: 480px;">
 34 |               <div
 35 |                 style="display: flex; flex-direction: column; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
 36 |                 <h4 id="artist" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;">
 37 |                 </h4>
 38 |                 <h4 id="title" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;">
 39 |                 </h4>
 40 |                 <h4 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;">
 41 |                   <span id="album"></span> (<span id="year"></span>)
 42 |                 </h4>
 43 |                 <select id="chart" style="margin-right: 10px;">
 44 |                 </select>
 45 |               </div>
 46 |             </div>
 47 |           </div>
 48 |           <br>
 49 |           <div style="display: flex; flex-direction: row; gap: 5px;">
 50 |             <label for="game_mode">Game Mode:</label>
 51 |             <select id="game_mode" style="margin-right: 10px;">
 52 |               <option value="las" selected>Learn A Song</option>
 53 |               <option value="sa">Score Attack</option>
 54 |             </select>
 55 | 
 56 |             <label for="path">Path:</label>
 57 |             <select id="path" style="margin-right: 10px;">
 58 |             </select>
 59 | 
 60 |             <div id="score_attack" style="display: none;">
 61 |               <label for="difficulty">Difficulty:</label>
 62 |               <select id="difficulty" style="margin-right: 10px;">
 63 |                 <option value="hard" selected>Hard</option>
 64 |                 <option value="master">Master</option>
 65 |               </select>
 66 |             </div>
 67 |           </div>
 68 |         </div>
 69 |         <br>
 70 |         <div id="leaderboard_data" class="leaderboard">
 71 |         </div>
 72 |       </div>
 73 |     </div>
 74 |     <div id="boulder_bro_popup" class="modal">
 75 |       <span id="close_boulder_bro_popup" class="close">&times;</span>
 76 |       <center>
 77 |         <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
 78 |       </center>
 79 |       <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
 80 |     </div>
 81 |   </div>
 82 |   <footer>
 83 |     <p>
 84 |     <div class="copyright">
 85 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
 86 |     </div>
 87 |     <div class="team-mem">
 88 |       <a href="./../team/team.html">Team</a>
 89 |     </div>
 90 |     </p>
 91 |   </footer>
 92 |   <script src="../../dist/search/bundle.js"></script>
 93 |   <script src="../common/boulder_bro.js"></script>
 94 |   <script src="../common/theme.js"></script>
 95 | 
 96 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
 97 |     <option value="light">Light theme</option>
 98 |     <option value="dark">Dark theme</option>
 99 |     <option value="streamer">Streamer theme</option>
100 |   </select>
101 | 
102 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
103 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
104 | 
105 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
106 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
107 |     onchange="setStreamerTextColor()">
108 | </body>


--------------------------------------------------------------------------------
/src/search/search.ts:
--------------------------------------------------------------------------------
  1 | import { post, sortPaths } from "../common/functions";
  2 | import { displayLASLeaderboard, displaySALeaderboard } from "../common/leaderboard";
  3 | import { UserData } from '../common/user_data';
  4 | 
  5 | const authData = JSON.parse(window.sessionStorage.getItem('auth_data') as any);
  6 | 
  7 | export class Search {
  8 |     private readonly _searchBarElement = document.getElementById('search_bar') as HTMLInputElement;
  9 |     private readonly _leaderboardPopupElement = document.getElementById('leaderboard_popup') as HTMLElement;
 10 |     private readonly _closeLeaderboardPopupElement = document.getElementById('close_leaderboard_popup') as HTMLElement;
 11 |     private readonly _artistElement = document.getElementById('artist') as HTMLElement;
 12 |     private readonly _titleElement = document.getElementById('title') as HTMLElement;
 13 |     private readonly _albumElement = document.getElementById('album') as HTMLElement;
 14 |     private readonly _yearElement = document.getElementById('year') as HTMLElement;
 15 |     private readonly _chartElement = document.getElementById('chart') as HTMLSelectElement;
 16 |     private readonly _pathElement = document.getElementById('path') as HTMLSelectElement;
 17 |     private readonly _gameModeElement = document.getElementById('game_mode') as HTMLSelectElement;
 18 |     private readonly _scoreAttackElement = document.getElementById('score_attack') as HTMLElement;
 19 |     private readonly _difficultyElement = document.getElementById('difficulty') as HTMLSelectElement;
 20 | 
 21 |     private _input: string = '';
 22 |     private _page: number = 0;
 23 | 
 24 |     private _artist: string = '';
 25 |     private _title: string = '';
 26 |     private _album: string = '';
 27 |     private _year: number = 0;
 28 |     private _charts: any = null;
 29 |     private _chartIndex: number = 0;
 30 |     private _path: string = 'lead';
 31 |     private _gameMode: string = 'las';
 32 |     private _difficulty: string = 'hard';
 33 | 
 34 |     constructor () {
 35 |         // Setup search bar
 36 |         this._searchBarElement.addEventListener("keyup", (event) => {
 37 |             if (event.key === "Enter") {
 38 |                 this._input = this._searchBarElement.value;
 39 |                 this._page = 0;
 40 |                 this.display();
 41 |             }
 42 |         });
 43 | 
 44 |         // Setup close button for leaderboard popup
 45 |         this._closeLeaderboardPopupElement.addEventListener("click", (event) => {
 46 |             this._leaderboardPopupElement.style.display = 'none';
 47 |         });
 48 | 
 49 |         // Setup charts combo box
 50 |         this._chartElement.addEventListener('change', async() => {
 51 |             const selectedOption = this._chartElement.options[this._chartElement.selectedIndex];
 52 |             this._chartIndex = parseInt(selectedOption.value);
 53 | 
 54 |             this.displayLeaderboardPopup();
 55 |         });
 56 | 
 57 |         // Setup game mode combo box
 58 |         this._gameModeElement.addEventListener('change', async () => {
 59 |             const selectedOption = this._gameModeElement.options[this._gameModeElement.selectedIndex];
 60 |             this._gameMode = selectedOption.value;
 61 | 
 62 |             if (this._gameMode === 'las') {
 63 |                 this._scoreAttackElement.style.display = 'none';
 64 |             }
 65 |             else if (this._gameMode === 'sa') {
 66 |                 this._scoreAttackElement.style.display = 'block';
 67 |             }
 68 | 
 69 |             // Update the display
 70 |             this.displayLeaderboardPopup();
 71 |         });
 72 | 
 73 |         // Setup path combo box
 74 |         this._pathElement.addEventListener('change', async () => {
 75 |             const selectedOption = this._pathElement.options[this._pathElement.selectedIndex];
 76 |             this._path = selectedOption.value;
 77 | 
 78 |             // Update the display
 79 |             this.displayLeaderboardPopup();
 80 |         });
 81 | 
 82 |         // Setup difficulty combo box
 83 |         this._difficultyElement.addEventListener('change', async () => {
 84 |             const selectedOption = this._difficultyElement.options[this._difficultyElement.selectedIndex];
 85 |             this._difficulty = selectedOption.value;
 86 | 
 87 |             // Update the display
 88 |             this.displayLeaderboardPopup();
 89 |         });
 90 | 
 91 |         // Add prevPage
 92 | 
 93 |         // Add nextPage
 94 |     }
 95 | 
 96 |     private async display() {
 97 |         const host = await window.api.getHost();
 98 |         const response = await post(host + '/api/data/search.php', {
 99 |             auth_data: authData,
100 |             input: this._input,
101 |             page: this._page
102 |         });
103 | 
104 |         if ('error' in response) {
105 |             window.api.error(response['error']);
106 |             return;
107 |         }
108 | 
109 |         // Create the table element
110 |         const table = document.createElement('table');
111 |         table.classList.add('table');
112 |         table.style.width = '100%';
113 | 
114 |         // Create the header row
115 |         const headerSection = document.createElement('thead');
116 |         const headerRow = document.createElement('tr');
117 |         const headers = ['Artist', 'Title', 'Album', 'Year'];
118 |         headers.forEach((header) => {
119 |             const headerCell = document.createElement('th');
120 |             headerCell.style.fontFamily = 'Roboto Mono, monospace';
121 |             headerCell.appendChild(document.createTextNode(header));
122 |             headerRow.appendChild(headerCell);
123 |         });
124 | 
125 |         headerSection.appendChild(headerRow);
126 |         table.appendChild(headerSection);
127 | 
128 |         const bodySection = document.createElement('tbody');
129 | 
130 |         // Create data rows
131 |         const columns = ['artist', 'title', 'album', 'year'];
132 |         const columnsAlign = ['left', 'left', 'left', 'right'];
133 | 
134 |         // Build each row
135 |         response.forEach((row: any) => {
136 |             const dataRow = document.createElement('tr');
137 | 
138 |             // Populate data for each column
139 |             let columnIndex = 0;
140 |             columns.forEach((column) => {
141 |                 const dataCell = document.createElement('td');
142 |                 dataCell.style.fontFamily = 'Roboto Mono, monospace';
143 |                 dataCell.style.paddingLeft = '5px';
144 |                 dataCell.style.paddingRight = '5px';
145 |                 dataCell.style.whiteSpace = 'nowrap';
146 |                 dataCell.style.overflow = 'hidden';
147 |                 dataCell.style.textOverflow = 'ellipsis';
148 |                 dataCell.style.maxWidth = '200px';
149 |                 dataCell.title = row[column];
150 |                 dataCell.appendChild(document.createTextNode(row[column]));
151 |                 dataCell.style.textAlign = columnsAlign[columnIndex++];
152 |                 dataRow.appendChild(dataCell);
153 |             });
154 | 
155 |             dataRow.style.cursor = 'pointer';
156 | 
157 |             dataRow.addEventListener("click", async (event) => {
158 |                 this._artist = row['artist'];
159 |                 this._title = row['title'];
160 |                 this._album = row['album'];
161 |                 this._year = row['year'];
162 | 
163 |                 // Reset chart index
164 |                 this._chartIndex = 0;
165 | 
166 |                 await this.initLeaderboardPopup();
167 |                 await this.displayLeaderboardPopup();
168 |             });
169 | 
170 |             // Add the row to the table
171 |             bodySection.appendChild(dataRow);
172 |         });
173 | 
174 |         table.appendChild(bodySection);
175 | 
176 |         // Get the parent element
177 |         const leaderboardElement = document.getElementById('search_results') as HTMLElement;
178 |         leaderboardElement.innerHTML = '';
179 |         leaderboardElement.appendChild(table);
180 |     }
181 | 
182 |     private async initLeaderboardPopup() {
183 |         // Update the song info
184 |         this._artistElement.innerText = this._artist;
185 |         this._titleElement.innerText = this._title;
186 |         this._albumElement.innerText = this._album;
187 |         this._yearElement.innerText = this._year.toString();
188 | 
189 |         // Get avialable charts
190 |         const host = await window.api.getHost();
191 |         const charts = await post(host + '/api/data/get_available_charts.php', {
192 |             auth_data: authData,
193 |             artist: this._artist,
194 |             title: this._title,
195 |             album: this._album,
196 |             year: this._year
197 |         });
198 | 
199 |         if ('error' in charts) {
200 |             window.api.error(charts['error']);
201 |             return;
202 |         }
203 | 
204 |         this._charts = charts;
205 | 
206 |         let seenCharts: any = {};
207 | 
208 |         // Build available charts popup
209 |         this._chartElement.innerHTML = '';
210 |         let index = 0;
211 |         this._charts.forEach((chart: any) => {
212 |             const entry = 'Version ' + chart['version'] + ' - ' + chart['author'];
213 |             const option = document.createElement('option');
214 | 
215 |             if (seenCharts.hasOwnProperty(entry)) {
216 |                 seenCharts[entry]++;
217 |                 option.text = entry + ' (' + seenCharts[entry] + ')';
218 |             }
219 |             else {
220 |                 option.text = entry;
221 |                 seenCharts[entry] = 0;
222 |             }
223 |             
224 |             option.value = index.toString();
225 | 
226 |             if (index === this._chartIndex) {
227 |                 option.selected = true;
228 |             }
229 | 
230 |             this._chartElement.appendChild(option);
231 |             index++;
232 |         });
233 | 
234 |         const availablePaths = await post(host + '/api/data/get_paths_from_psarc.php', {
235 |             auth_data: authData,
236 |             psarc_hash: this._charts[this._chartIndex]['psarc_hash'],
237 |             song_key: this._charts[this._chartIndex]['song_key']
238 |         });
239 | 
240 |         // Set path to preferred path to start
241 |         let preferredPath = await UserData.get('preferred_path');
242 |         if (preferredPath === null) {
243 |             preferredPath = 'Lead';
244 |         }
245 |         this._path = preferredPath;
246 | 
247 |         const sortedPaths = sortPaths(availablePaths);
248 | 
249 |         // Update the path combo box with available paths
250 |         this._pathElement.innerHTML = '';
251 |         sortedPaths.forEach((path: string) => {
252 |             const option = document.createElement('option');
253 |             option.text = path;
254 |             option.value = path.toLowerCase();
255 | 
256 |             if (option.value === this._path) {
257 |                 option.selected = true;
258 |             }
259 | 
260 |             this._pathElement.appendChild(option);
261 |         });
262 |     }
263 | 
264 |     private async displayLeaderboardPopup() {
265 |         const selectedChart = this._charts[this._chartIndex];
266 | 
267 |         const host = await window.api.getHost();
268 |         const availablePaths = await post(host + '/api/data/get_paths_from_psarc.php', {
269 |             auth_data: authData,
270 |             psarc_hash: this._charts[this._chartIndex]['psarc_hash'],
271 |             song_key: this._charts[this._chartIndex]['song_key']
272 |         });
273 | 
274 |         const sortedPaths = sortPaths(availablePaths).map(path => path.toLowerCase());
275 | 
276 |         // Handle situation where the chart doesn't have the currently selected path
277 |         if (!sortedPaths.includes(this._path))
278 |         {
279 |             this._pathElement.value = sortedPaths[0];
280 |             const event = new Event('change');
281 |             this._pathElement.dispatchEvent(event);
282 |         }
283 | 
284 |         if (this._gameMode === 'las') {
285 |             await displayLASLeaderboard(selectedChart['song_key'], selectedChart['psarc_hash'], this._path);
286 |         }
287 |         else if (this._gameMode === 'sa') {
288 |             await displaySALeaderboard(selectedChart['song_key'], selectedChart['psarc_hash'], this._path, this._difficulty);
289 |         }
290 | 
291 |         this._leaderboardPopupElement.style.display = 'block';
292 |     }
293 | }


--------------------------------------------------------------------------------
/src/sniffer/functions.ts:
--------------------------------------------------------------------------------
 1 | // Handles an error and displays it on screen
 2 | export function showError(error: any): void {
 3 |     if (error instanceof Error) {
 4 |         const p = document.createElement('p');
 5 |         p.innerHTML = error.message;
 6 |         const errorElement = document.getElementById('error');
 7 | 
 8 |         if (errorElement !== null) {
 9 |             errorElement.innerHTML = '';
10 |             errorElement.appendChild(p);
11 |             showExclusive('group1', 'error');
12 |         }
13 |         else {
14 |             console.error(error.message);
15 |         }
16 |     }
17 |     else {
18 |         throw error;
19 |     }
20 | }
21 | 
22 | // Gets all elements with the provided group class
23 | // Shows all that have the provided name class
24 | // Hides all that don't have the name class
25 | export function showExclusive(group: string, name: string): void {
26 |     const elements = document.querySelectorAll('.' + group);
27 |     elements.forEach((element) => {
28 |         const htmlElement = element as HTMLElement;
29 |         if (htmlElement.classList.contains(name)) {
30 |             if (htmlElement.classList.contains('inline')) {
31 |                 htmlElement.style.display = 'inline-block';
32 |             }
33 |             else {
34 |                 htmlElement.style.display = 'block';
35 |             }
36 |         }
37 |         else {
38 |             htmlElement.style.display = 'none';
39 |         }
40 |     });
41 | }


--------------------------------------------------------------------------------
/src/sniffer/main.ts:
--------------------------------------------------------------------------------
 1 | import { Sniffer } from "./sniffer";
 2 | import { getVersion } from "../common/functions";
 3 | import { showError } from "./functions";
 4 | 
 5 | let sniffer: Sniffer | null = null;
 6 | 
 7 | export function openTwitchAboutPage() {
 8 |     window.api.openExternalLink("https://www.twitch.tv/tntmusicstudios/about");
 9 | }
10 | 
11 | export function openGithubIssue63() {
12 |     window.api.openExternalLink("https://github.com/tnt-coders/rock-buddy-app/issues/63");
13 | }
14 | 
15 | export function openRSModsDownloadPage() {
16 |     window.api.openExternalLink("https://github.com/Lovrom8/RSMods/releases");
17 | }
18 | 
19 | (window as any).openTwitchAboutPage = openTwitchAboutPage;
20 | (window as any).openGithubIssue63 = openGithubIssue63;
21 | (window as any).openRSModsDownloadPage = openRSModsDownloadPage;
22 | 
23 | async function main() {
24 |     const version = await getVersion();
25 |     document.title = 'Rock Buddy v' + version;
26 | 
27 |     window.api.launchRocksniffer();
28 | 
29 |     try {
30 |         sniffer = await Sniffer.create();
31 |         await sniffer.start();
32 |     }
33 |     catch (error) {
34 |         showError(error);
35 |     }
36 | }
37 | 
38 | main();


--------------------------------------------------------------------------------
/src/sniffer/rocksmith.ts:
--------------------------------------------------------------------------------
 1 | import { UserData } from '../common/user_data';
 2 | 
 3 | export class Rocksmith {
 4 |     private static readonly appId: string = '221680';
 5 | 
 6 |     private readonly _profilePath: string;
 7 |     private _profileData: any;
 8 |     private _profileTimestamp: number = 0;
 9 | 
10 |     public static async create() {
11 |         const steamUserDataPath = await UserData.get('steam_user_data_path');
12 |         if (steamUserDataPath === null) {
13 |             throw new Error('Steam user data path not set, please check the config.');
14 |         }
15 | 
16 |         const steamProfile = await UserData.get('steam_profile');
17 |         if (steamProfile === null) {
18 |             throw new Error('Steam profile not set, please check the config.');
19 |         }
20 | 
21 |         const rocksmithProfile = await UserData.get('rocksmith_profile');
22 |         if (rocksmithProfile === null) {
23 |             throw new Error('Rocksmith profile not set, please check the config.');
24 |         }
25 | 
26 |         const profilePath = await window.api.pathJoin(steamUserDataPath, steamProfile, Rocksmith.appId, 'remote', rocksmithProfile + '_PRFLDB');
27 | 
28 |         return new Rocksmith(profilePath);
29 |     }
30 | 
31 |     private constructor(profilePath: string) {
32 |         this._profilePath = profilePath;
33 |     }
34 | 
35 |     public async newProfileDataAvailable(): Promise<boolean> {
36 |         const profileTimestamp = await window.api.getFileTimestamp(this._profilePath);
37 |         return this._profileTimestamp !== profileTimestamp;
38 |     }
39 | 
40 |     public async getProfileData(): Promise<any> {
41 |         if (await this.newProfileDataAvailable()) {
42 |             this._profileTimestamp = await window.api.getFileTimestamp(this._profilePath);
43 |             this._profileData = await window.api.readRocksmithData(this._profilePath);
44 |         }
45 | 
46 |         return this._profileData;
47 |     }
48 | };


--------------------------------------------------------------------------------
/src/sniffer/rocksniffer.ts:
--------------------------------------------------------------------------------
  1 | import { approxEqual, logMessage } from "../common/functions";
  2 | 
  3 | export class Rocksniffer {
  4 |     public static readonly timeout: number = 100; // milliseconds
  5 |     private static readonly requiredVersion: string = 'v0.4.1-buddy';
  6 | 
  7 |     private readonly _path: string;
  8 |     private _host: string | undefined;
  9 |     private _port: number | undefined;
 10 | 
 11 |     private constructor(path: string) {
 12 |         this._path = path;
 13 |     }
 14 | 
 15 |     public static async create() {
 16 |         const rocksnifferPath = await window.api.getRocksnifferPath();
 17 | 
 18 |         const rocksniffer = new Rocksniffer(rocksnifferPath);
 19 | 
 20 |         await rocksniffer.configure();
 21 | 
 22 |         return rocksniffer;
 23 |     }
 24 | 
 25 |     public async sniff(): Promise<any> {
 26 |         const controller = new AbortController();
 27 |         const timeout = setTimeout(() => {
 28 |             controller.abort();
 29 |         }, Rocksniffer.timeout);
 30 | 
 31 |         let waiting = true;
 32 | 
 33 |         try {
 34 |             const response = await fetch('http://' + this._host + ':' + this._port, { signal: controller.signal });
 35 |             const data = await response.json();
 36 |             clearTimeout(timeout);
 37 |             waiting = false;
 38 | 
 39 |             if (data.hasOwnProperty('Version')) {
 40 |                 const version = data['Version'];
 41 |                 const versionRegex = /-buddy$/;
 42 |                 if (!await window.api.semverGte(version, Rocksniffer.requiredVersion) || !versionRegex.test(version)) {
 43 |                     throw new Error("<p>Unsupported version of RockSniffer detected. Please close RockSniffer and use the version packaged with Rock Buddy.<br>"
 44 |                                   + "<br>"
 45 |                                   + "Note: Rock Buddy should start the correct version of RockSniffer automatically when it is started.</p>");
 46 |                 }
 47 |             }
 48 |             else {
 49 |                 throw new Error("RockSniffer version could not be verified.\n\nRock Buddy may not function as expected.")
 50 |             }
 51 | 
 52 |             if (data.hasOwnProperty('success')) {
 53 |                 return data;
 54 |             }
 55 |             else {
 56 |                 return null;
 57 |             }
 58 |         }
 59 |         catch (error) {
 60 |             if (waiting) {
 61 |                 logMessage("Rocksniffer timed out.");
 62 |                 throw new Error("Rocksniffer timed out.");
 63 |             }
 64 |             
 65 |             throw error;
 66 |         }
 67 |         finally {
 68 |             clearTimeout(timeout);
 69 |         }
 70 |     }
 71 | 
 72 |     private async configure(): Promise<void> {
 73 |         const addonConfigFile = await window.api.pathJoin(this._path, 'config', 'addons.json');
 74 | 
 75 |         // Give RockSniffer 1000ms to create the file (it creates it on first startup)
 76 |         if (!await window.api.waitForFile(addonConfigFile, 1000)) {
 77 |             throw new Error("<p>Rocksniffer failed to create config/addons.json.<br>"
 78 |                           + "<br>"
 79 |                           + "This can happen if Rocksniffer fails to start. If this problem persists, try the following:<br>"
 80 |                           + "<ul>"
 81 |                           + "<li>Ensure <a href=\"https://dotnet.microsoft.com/en-us/download/dotnet/6.0/runtime\">.NET framework 6.0</a> (for console apps) is installed.</li>"
 82 |                           + "<li>Try running Rock Buddy as administrator.</li>"
 83 |                           + "</ul>"
 84 |                           + "<br>"
 85 |                           + "If these solutions do not resolve your issue, reach out to me in Discord. The link to my discord server can be found in the <a href=\"#\" onclick=\"openTwitchAboutPage()\">About</a> section on my twitch page.</p>");
 86 |         }
 87 | 
 88 |         const addonConfig = JSON.parse(await window.api.readFile(addonConfigFile));
 89 | 
 90 |         // Verify contents are valid
 91 |         if (!addonConfig.hasOwnProperty('enableAddons')
 92 |             || !addonConfig.hasOwnProperty('ipAddress')
 93 |             || !addonConfig.hasOwnProperty('port')) {
 94 |             throw new Error('Rocksniffer config/addons.json is invalid.');
 95 |         }
 96 | 
 97 |         // Enable addons if they are disabled
 98 |         if (!addonConfig.enableAddons) {
 99 |             logMessage('Enabling Rocksniffer addons.');
100 |             addonConfig.enableAddons = true;
101 |             await window.api.writeFile(addonConfigFile, JSON.stringify(addonConfig, null, 2));
102 |         }
103 | 
104 |         this._host = addonConfig.ipAddress;
105 |         this._port = parseInt(addonConfig.port);
106 |     }
107 | }


--------------------------------------------------------------------------------
/src/sniffer/sniffer.css:
--------------------------------------------------------------------------------
 1 | /*** effect round to square ***/
 2 | 
 3 | .coveralbum {
 4 |     width: 100px;
 5 |     height: 100px;
 6 |     -moz-border-radius: 50%;
 7 |     -webkit-border-radius: 50%;
 8 |     -o-border-radius: 50%;
 9 |     border-radius: 50%
10 | }
11 | 
12 | .coveralbum:hover {
13 |     -moz-border-radius: 0%;
14 |     -webkit-border-radius: 0%;
15 |     -o-border-radius: 0%;
16 |     border-radius: 0%
17 | }
18 | 
19 | .coveralbum {
20 |     transition: all .2s ease-in-out;
21 |     -webkit-transition: all .2s ease-in-out;
22 |     -moz-transition: all .2s ease-in-out;
23 |     -ms-transition: all .2s ease-in-out;
24 |     -o-transition: all .2s ease-in-out;
25 | }
26 | 
27 | .coveralbum:hover {
28 |     transition: all .4s ease-in-out;
29 |     -webkit-transition: all .4s ease-in-out;
30 |     -moz-transition: all .4s ease-in-out;
31 |     -ms-transition: all .4s ease-in-out;
32 |     -o-transition: all .4s ease-in-out;
33 | }
34 | 
35 | #leaderboard_data {
36 |     height: 350px;
37 |     overflow-y: auto;
38 | }
39 | 
40 | .leaderboard-data thead {
41 |     position: sticky;
42 |     top: 0;
43 |     z-index: 2;
44 | }
45 | 
46 | .live-data {
47 |     border: 2px solid;
48 |     border-color: #303030;
49 |     background-color: #22222280;
50 |     border-radius: 12px;
51 |     padding: 1%;
52 | }
53 | 
54 | .live-data .circle {
55 |     width: 10px;
56 |     /* set the width and height of the circle */
57 |     height: 10px;
58 |     border-radius: 50%;
59 |     /* create a circle shape */
60 |     background-color: red;
61 |     /* set the background color of the circle */
62 | }
63 | 
64 | #score_attack {
65 |     display: flex;
66 |     flex-direction: row;
67 |     gap: 5px;
68 | }


--------------------------------------------------------------------------------
/src/sniffer/sniffer.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <link rel="stylesheet" href="./sniffer.css">
  6 |   <link rel="stylesheet" href="../common/profile.css">
  7 |   <link rel="stylesheet" href="../common/footer.css">
  8 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
  9 |   <title>Rock Buddy</title>
 10 | </head>
 11 | 
 12 | <body>
 13 |   <div style="display: flex; flex-direction: row; align-items: center; gap: 5px; width: 100%; min-width: 800px;"
 14 |     class="navtop">
 15 |     <a href="../sniffer/sniffer.html">Sniffer</a>|
 16 |     <a href="../search/search.html">Search</a>|
 17 |     <a href="../rank/rank.html">Rank</a>|
 18 |     <a href="../profile/profile.html">Profile</a>
 19 |     <a href="../config/config.html" style="margin-left: auto;">Config</a>|
 20 |     <a href="../account/account.html">Account</a>
 21 |   </div>
 22 |   <div style="display: flex; flex-direction: row; align-items: baseline; width: 100%; min-width: 800px;">
 23 |     <h1 style="margin-right: 60px;">Leaderboard Sniffer</h1>
 24 |     <h3 id="lurk_mode_notification" style="display: none; color: red;">LURK MODE ON (SCORES WILL NOT BE RECORDED)</h3>
 25 |     <div style="margin-left: auto;">
 26 |       <div id="status" style="display: inline-block;">
 27 |         Loading...
 28 |       </div>
 29 |       <div class="group1 inline connected" style="display: none;">
 30 |         <button id="snort" title="Force an immediate refresh of the data.">Snort</button>
 31 |       </div>
 32 |     </div>
 33 |   </div>
 34 |   <div id="error" class="group1 error" style="display: none;"></div>
 35 |   <div class="group1 connected" style="display: none;">
 36 |     <div id="leaderboard_header">
 37 |       <div style="display: flex; flex-direction: row; width: 100%;">
 38 |         <div style="display: flex; flex-direction: row; gap: 10px; width: 60%; min-width: 480px;">
 39 |           <div>
 40 |             <img class="coveralbum" id="album_art">
 41 |           </div>
 42 |           <div
 43 |             style="display: flex; flex-direction: column; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
 44 |             <h4 id="artist" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;"></h4>
 45 |             <h4 id="title" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;"></h4>
 46 |             <h4 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px;">
 47 |               <span id="album"></span> (<span id="year"></span>)
 48 |             </h4>
 49 |             <div
 50 |               style="font-size: small; margin-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
 51 |               <em>Version <span id="version"></span> - <span id="author"></span></em>
 52 |               <img id="new_version_alert_icon" style="visibility: hidden; height: 15px; margin-left: 2px; vertical-align: middle; cursor: pointer;"
 53 |                 src="./../../images/alert.png">
 54 |             </div>
 55 |           </div>
 56 |         </div>
 57 |         <div class="live-data"
 58 |           style="display: grid; grid-template-columns: repeat(2); gap: 0px; width: 40%; min-width: 320px;">
 59 |           <div
 60 |             style="grid-column: 1; grid-row: 1; display: flex; flex-direction: row; align-items: center; align-self: flex-start;">
 61 |             <div class="circle" id="live_feed_icon" style="margin-right: 10px;"></div>
 62 |             <div><b>Live Feed</b></div>
 63 |           </div>
 64 | 
 65 |           <!-- LAS live feed -->
 66 |           <div class="live-data-las"
 67 |             style="grid-column: 2; grid-row: 1; display: none; flex-direction: row; margin-left: auto;">
 68 |             <span style="margin-left: auto; margin-right: 10px;"><b>Accuracy:</b></span><span
 69 |               id="las_notes_hit">0</span>/<span id="las_total_notes">0</span>&nbsp;(<span id="las_accuracy">NaN</span>)
 70 |           </div>
 71 |           <div class="live-data-las"
 72 |             style="grid-column: 2; grid-row: 2; display: none; flex-direction: row; margin-left: auto;">
 73 |             <span style="margin-left: auto; margin-right: 10px;"><b>Streak:</b></span><span
 74 |               id="las_streak">0</span>/<span id="las_highest_streak">0</span>
 75 |           </div>
 76 |           <div class="live-data-las" style="grid-column: 1/2; grid-row: 3; height: 20px;"></div>
 77 |           <div class="live-data-las"
 78 |             style="grid-column: 2; grid-row: 4; display: none; flex-direction: row; margin-left: auto;">
 79 |             <span style="margin-left: auto; margin-right: 10px;"><b>Time:</b></span><span
 80 |               id="las_song_timer">00:00</span>/<span id="las_song_length">00:00</span>
 81 |           </div>
 82 |           <div id="verified" style="grid-column: 1; grid-row: 4; display: none; margin-right: auto; cursor: pointer;">
 83 |             <img style="height: 20px;" src="../../images/verification-icons/verified.png" />
 84 |           </div>
 85 |           <div id="maybe_verified"
 86 |             style="grid-column: 1; grid-row: 4; display: none; margin-right: auto; cursor: pointer;">
 87 |             <img style="height: 20px;" src="../../images/verification-icons/maybe-verified.png" />
 88 |           </div>
 89 |           <div id="unverified" style="grid-column: 1; grid-row: 4; display: none; margin-right: auto; cursor: pointer;">
 90 |             <img style="height: 20px;" src="../../images/verification-icons/unverified.png" />
 91 |           </div>
 92 | 
 93 |           <!-- SA live feed -->
 94 |           <div class="live-data-sa"
 95 |             style="grid-column: 2; grid-row: 1; display: none; flex-direction: row; margin-left: auto;">
 96 |             <span style="margin-left: auto; margin-right: 10px;"><b>Accuracy:</b></span><span
 97 |               id="sa_notes_hit">0</span>/<span id="sa_total_notes">0</span>&nbsp;(<span id="sa_accuracy">NaN</span>)
 98 |           </div>
 99 |           <div class="live-data-sa"
100 |             style="grid-column: 2; grid-row: 2; display: none; flex-direction: row; margin-left: auto;">
101 |             <span style="margin-left: auto; margin-right: 10px;"><b>Streak:</b></span><span
102 |               id="sa_streak">0</span>/<span id="sa_highest_streak">0</span>
103 |           </div>
104 |           <div class="live-data-sa" style="grid-column: 1/2; grid-row: 3; height: 20px;"></div>
105 |           <div class="live-data-sa"
106 |             style="grid-column: 2; grid-row: 4; display: none; flex-direction: row; margin-left: auto;">
107 |             <span style="margin-left: auto; margin-right: 10px;"><b>Time:</b></span><span
108 |               id="sa_song_timer">00:00</span>/<span id="sa_song_length">00:00</span>
109 |           </div>
110 |         </div>
111 |       </div>
112 |       <br>
113 |       <div style="display: flex; flex-direction: row; gap: 5px;">
114 |         <label for="game_mode">Game Mode:</label>
115 |         <select id="game_mode" style="margin-right: 10px;">
116 |           <option value="las" selected>Learn A Song</option>
117 |           <option value="sa">Score Attack</option>
118 |         </select>
119 | 
120 |         <label for="path">Path:</label>
121 |         <select id="path" style="margin-right: 10px;">
122 |         </select>
123 | 
124 |         <div id="score_attack" style="display: none;">
125 |           <label for="difficulty">Difficulty:</label>
126 |           <select id="difficulty" style="margin-right: 10px;">
127 |             <option value="hard" selected>Hard</option>
128 |             <option value="master">Master</option>
129 |           </select>
130 |         </div>
131 | 
132 |         <!-- <label for="sort" stype="margin-left: auto; margin-right: 10px">Sort:</label>
133 |         <select id="sort">
134 |           <option value="near_me">Near Me</option>
135 |           <option value="overall">Overall</option>
136 |         </select> -->
137 | 
138 |         <!-- <select name="view" style="margin-left: auto;">
139 |           <option value="" style="display: none;" slected>View</option>
140 |           <option value="rank">Rank</option>
141 |           <option value="username">Username</option>
142 |           <option value="last_played">Last Played</option>
143 |           <option value="play_count">Play Count</option>
144 |           <option value="streak">Streak</option>
145 |           <option value="mastery">Mastery</option>
146 |         </select> -->
147 |       </div>
148 |     </div>
149 |     <br>
150 |     <div id="leaderboard_data" style="min-width: 800px;">
151 |     </div>
152 |   </div>
153 |   <div id="new_version_alert_popup" class="modal">
154 |     <span id="close_new_version_alert_popup" class="close">&times;</span>
155 |     <div
156 |       style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px;">
157 |       <img style="height: 50px;" src="../../images/alert.png" />
158 |       <br>
159 |       <p>A new version of this chart has been seen by Rock Buddy. Check the Forge for an update!</p>
160 |     </div>
161 |   </div>
162 |   <div id="verified_popup" class="modal">
163 |     <span id="close_verified_popup" class="close">&times;</span>
164 |     <div
165 |       style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px;">
166 |       <img style="height: 50px;" src="../../images/verification-icons/verified.png" />
167 |       <br>
168 |       <div id="verified_message"></div>
169 |     </div>
170 |   </div>
171 |   <div id="maybe_verified_popup" class="modal">
172 |     <span id="close_maybe_verified_popup" class="close">&times;</span>
173 |     <div
174 |       style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px;">
175 |       <img style="height: 50px;" src="../../images/verification-icons/maybe-verified.png" />
176 |       <br>
177 |       <div id="maybe_verified_message"></div>
178 |     </div>
179 |   </div>
180 |   <div id="unverified_popup" class="modal">
181 |     <span id="close_unverified_popup" class="close">&times;</span>
182 |     <div
183 |       style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px;">
184 |       <img style="height: 50px;" src="../../images/verification-icons/unverified.png" />
185 |       <br>
186 |       <p>Your score is not verified for the following reason:</p>
187 |       <p id="unverified_message">
188 |       <p>
189 |       <p>If you think this was a mistake please report the issue <a href="#" onclick="openGithubIssue63()">here</a>.</p>
190 |     </div>
191 |   </div>
192 |   <div id="rsmods_required_popup" class="modal">
193 |     <span id="close_rsmods_required_popup" class="close">&times;</span>
194 |     <div
195 |       style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 20px;">
196 |       <img style="height: 50px;" src="../../images/verification-icons/unverified.png" />
197 |       <br>
198 |       <p>Verified scores are disabled: Requres RSMods v1.2.7.3 or later.</p>
199 |       <p>The latest RSMods can be downloaded <a href="#" onclick="openRSModsDownloadPage()">here</a>.</p>
200 |     </div>
201 |   </div>
202 |   <div id="boulder_bro_popup" class="modal">
203 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
204 |     <center>
205 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
206 |     </center>
207 |     <img class="boulder-bro" src="./../../images/boulder-bro.png" alt="you found him!">
208 |   </div>
209 |   <footer>
210 |     <p>
211 |     <div class="copyright">
212 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
213 |     </div>
214 |     <div class="team-mem">
215 |       <a href="./../team/team.html">Team</a>
216 |     </div>
217 |     </p>
218 |   </footer>
219 |   <script src="../../dist/sniffer/bundle.js"></script>
220 |   <script src="../common/boulder_bro.js"></script>
221 |   <script src="../common/theme.js"></script>
222 | 
223 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
224 |     <option value="light">Light theme</option>
225 |     <option value="dark">Dark theme</option>
226 |     <option value="streamer">Streamer theme</option>
227 |   </select>
228 | 
229 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
230 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
231 | 
232 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
233 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
234 |     onchange="setStreamerTextColor()">
235 | </body>
236 | 
237 | </html>


--------------------------------------------------------------------------------
/src/sniffer/sound_effect.ts:
--------------------------------------------------------------------------------
  1 | export class SoundEffect {
  2 |     _sounds: HTMLAudioElement[] = [];
  3 |     _lastMisses?: number;
  4 |     _enabled: boolean = false;
  5 | 
  6 |     public static async create(type: string, path: string | null) {
  7 |         let soundEffect = new SoundEffect();
  8 |         await soundEffect.enable(type, path);
  9 |         return soundEffect;
 10 |     }
 11 | 
 12 |     public enabled(): boolean {
 13 |         return this._enabled;
 14 |     }
 15 | 
 16 |     async enable(type: string, path: string | null) {
 17 |         const srcdir = await window.api.getSrcDir();
 18 |         const sounds = [];
 19 | 
 20 |         if (type === 'guitar_hero') {
 21 |             for (let i = 0; i < 6; i++) {
 22 |                 const sound = new Audio(await window.api.pathJoin(srcdir, '../media/guitar_hero', 'miss' + (i + 1) + '.mp3'));
 23 |                 sound.preload = 'auto';
 24 |                 sounds.push(sound);
 25 |             }
 26 |         }
 27 |         else if (type == 'doh') {
 28 |             const files = await window.api.readDir(await window.api.pathJoin(srcdir, '../media/doh'));
 29 |             for (let i = 0; i < files.length; i++) {
 30 |                 const sound = new Audio(await window.api.pathJoin(srcdir, '../media/doh', files[i]));
 31 |                 sound.preload = 'auto';
 32 |                 sounds.push(sound);
 33 |             }
 34 |         }
 35 |         else if (type === 'oof') {
 36 |             const sound = new Audio(await window.api.pathJoin(srcdir, '../media/oof.mp3'));
 37 |             sound.preload = 'auto';
 38 |             sounds.push();
 39 |         }
 40 |         else if (type === 'oof2') {
 41 |             const sound = new Audio(await window.api.pathJoin(srcdir, '../media/oof2.wav'));
 42 |             sound.preload = 'auto';
 43 |             sounds.push(sound);
 44 |         }
 45 | 
 46 |         // If a file is selected, load it
 47 |         else if (type === 'custom') {
 48 |             if (path !== null) {
 49 |                 const sound = new Audio(path);
 50 |                 sound.preload = 'auto';
 51 |                 sounds.push(sound);
 52 |             }
 53 |             else {
 54 |                 throw new Error('Miss SFX set to "Custom", but no file has been selected.');
 55 |             }
 56 |         }
 57 | 
 58 |         // If a directory is selected load all audio files in the directory
 59 |         else if (type === 'custom_multi') {
 60 |             if (path !== null) {
 61 |                 const files = await window.api.readDir(path);
 62 |                 for (let i = 0; i < files.length; i++) {
 63 |                     const file = files[i];
 64 |                     if (file.toLowerCase().endsWith('.mp3') || file.toLowerCase().endsWith('.wav')) {
 65 |                         const sound = new Audio(await window.api.pathJoin(path, file));
 66 |                         sound.preload = 'auto';
 67 |                         sounds.push(sound);
 68 |                     }
 69 |                 }
 70 |             }
 71 |             else {
 72 |                 throw new Error('Miss SFX set to "Custom (multi)", but no folder has been selected.');
 73 |             }
 74 |         }
 75 |         else if (type === 'none') {
 76 |             return;
 77 |         }
 78 |         else {
 79 |             throw new Error('Invalid type encountered trying to add miss SFX: "' + type + '"');
 80 |         }
 81 | 
 82 |         this._sounds = sounds;
 83 | 
 84 |         // Make sure it doesn't play straight after disabling and enabling
 85 |         this._lastMisses = undefined;
 86 |         this._enabled = true;
 87 |     }
 88 |     
 89 |     disable() {
 90 |         for (let sound of this._sounds) {
 91 |             sound.remove();
 92 |         }
 93 | 
 94 |         this._enabled = false;
 95 |     }
 96 | 
 97 |     update(misses: number | undefined) {
 98 |         if (!this._enabled) return;
 99 |         if (misses === undefined) return;
100 | 
101 |         if (this._lastMisses !== undefined) {
102 |             if (misses > this._lastMisses) {
103 |                 this.playSound();
104 |             } 
105 |         }
106 | 
107 |         this._lastMisses = misses
108 |     }
109 | 
110 |     async playSound() {
111 |         if (this._sounds.length === 0) return;
112 |         const audio = this._sounds[Math.floor(Math.random() * this._sounds.length)].cloneNode() as HTMLAudioElement;
113 |         audio.play().catch(err => console.log(err));
114 |     }
115 | }


--------------------------------------------------------------------------------
/src/team/team.css:
--------------------------------------------------------------------------------
 1 | .list-team-members {
 2 |     max-width: 1024px;
 3 |     padding: 0;
 4 |     margin: 0 auto;
 5 |     list-style-type: none;
 6 |     display: flex;
 7 |     flex-wrap: wrap;
 8 |     justify-content: space-around;
 9 |   }
10 |   
11 |   .list-team-members li {
12 |     flex: 0 1 calc(33.333% - 40px); 
13 |     margin: 20px;
14 |     text-align: center;
15 |     transition-duration: 0.3s;
16 |   }
17 |   
18 |   .list-team-members li a {
19 |     position: relative;
20 |     text-decoration: none;
21 |     display: inline-block;
22 |     color: #ff7a28;
23 |     transition-duration: 0.3s;
24 |   }
25 |   
26 |   .list-team-members li a:hover {
27 |     transform: scale(1.1, 1.1);
28 |   }
29 |   
30 |   .list-team-members li a:after {
31 |     content: "";
32 |     position: absolute;
33 |     top: 50%;
34 |     left: 50%;
35 |     transform: translate(-50%, -83%);
36 |     height: 100px;
37 |     width: 100px;
38 |     background-color: rgba(255, 122, 40, 0.2);
39 |     border-radius: 50%;
40 |     opacity: 0;
41 |     transition-duration: 0.3s;
42 |   }
43 | 
44 |   .list-team-members li a:hover:after {
45 |     opacity: 1;
46 |   }
47 |   
48 |   .list-team-members li img {
49 |     object-fit: cover;
50 |     object-position: center center;
51 |     height: 100px;
52 |     width: 100px;
53 |     border-radius: 50%;
54 |     transition-duration: 0.3s;
55 |   }
56 |   
57 |   .list-team-members li .member-title {
58 |     display: block;
59 |     margin-bottom: 10px;
60 |     font-size: medium;
61 |   }
62 |   
63 |   .list-team-members li .member-title-hover {
64 |     text-align: center;
65 |     transition-duration: 0.3s;
66 |     padding: 5px 10px;
67 |     background: #ff7a28;
68 |     color: #fff;
69 |     z-index: 2;
70 |     white-space: nowrap;
71 |     display: block;
72 |     font-size: small;
73 |   }
74 |   
75 |   .list-team-members li a:hover .member-title-hover {
76 |     opacity: 1;
77 |     top: 90px;
78 |   }
79 |   
80 |   @media screen and (max-width: 768px) {
81 |     .list-team-members li {
82 |       flex: 0 1 calc(50% - 20px); 
83 |     }
84 |   }


--------------------------------------------------------------------------------
/src/team/team.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <link rel="stylesheet" href="../common/footer.css">
 6 |   <link rel="stylesheet" href="./team.css">
 7 |   <script type="text/javascript"
 8 |     src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script>
 9 |   <link rel="stylesheet" href="../common/dark-theme.css" id="theme">
10 |   <title>Rock Buddy</title>
11 | </head>
12 | 
13 | <body>
14 |   <div style="display: flex; justify-content: center; align-items: center; height: 80vh; padding-top: 10vh;">
15 |     <div class="card">
16 |       <h1>Team Members</h1>
17 |       <center>
18 |         <ul class="list-team-members">
19 |           <li>
20 |             <a href="#" onclick="openTwitchTNT()">
21 |               <img src="../../images/TNT.png" />
22 |               <span class="member-title">TNTMusicStudios</span>
23 |               <span class="member-title-hover">Founder / Lead Developer</span>
24 |             </a>
25 |           </li>
26 |           <li>
27 |             <a href="#" onclick="openTwitchMrsTNT()">
28 |               <img src="../../images/MrsTNT.png" />
29 |               <span class="member-title">MrsTNT33</span>
30 |               <span class="member-title-hover">Admin / Developer</span>
31 |             </a>
32 |           </li>
33 |           <li>
34 |             <a href="#" onclick="openTwitchRecon()">
35 |               <img src="../../images/recon.png" />
36 |               <span class="member-title">Recontastic</span>
37 |               <span class="member-title-hover">UI Designer / Rubber Ducky</span>
38 |             </a>
39 |           </li>
40 |           <li>
41 |             <a href="#" onclick="openTwitchStaji()">
42 |               <img src="../../images/staji.png" />
43 |               <span class="member-title">StajiW</span>
44 |               <span class="member-title-hover">Special FX / Guru</span>
45 |             </a>
46 |           </li>
47 |           <li>
48 |             <a href="#" onclick="openTwitchConnor()">
49 |               <img src="../../images/connor.png" />
50 |               <span class="member-title">connor_harkness</span>
51 |               <span class="member-title-hover">Natural Product Enhancement</span>
52 |             </a>
53 |           </li>
54 | 
55 |         </ul> <a href="#" onclick="history.back()">Go back</a>
56 |       </center>
57 |     </div>
58 |   </div>
59 |   <div id="boulder_bro_popup" class="modal">
60 |     <span id="close_boulder_bro_popup" class="close">&times;</span>
61 |     <center>
62 |       <h3>You found Boulder Bro, Rock Buddy's big brother!</h3>
63 |     </center>
64 |     <img src="../../images/boulder-bro.png" alt="you found him!">
65 |   </div>
66 |   <footer>
67 |     <p>
68 |       Copyright &copy; 2024 <a class="tntrocks" href="mailto:tntmusicstudios2018@gmail.com">TNTMusicStudios</a>
69 |     </p>
70 |   </footer>
71 |   <script src="../common/boulder_bro.js"></script>
72 |   <script src="../common/functions.js"></script>
73 |   <script src="../common/theme.js"></script>
74 |   <script src="./team.js"></script>
75 | 
76 |   <select style="display: none;" id="theme-select" onchange="setTheme()">
77 |     <option value="light">Light theme</option>
78 |     <option value="dark">Dark theme</option>
79 |     <option value="streamer">Streamer theme</option>
80 |   </select>
81 | 
82 |   <label style="display: none;" id="streamer-color-name" for="streamer-color">Background Color:</label>
83 |   <input style="display: none;" type="color" id="streamer-color" name="streamer-color" onchange="setStreamerColor()">
84 | 
85 |   <label style="display: none;" id="streamer-text-color-name" for="streamer-text-color">Text Color:</label>
86 |   <input style="display: none;" class="colortext" type="color" id="streamer-text-color" name="streamer-text-color"
87 |     onchange="setStreamerTextColor()">
88 | </body>
89 | 
90 | </html>


--------------------------------------------------------------------------------
/src/team/team.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | function openTwitchTNT() {
 4 |     api.openExternalLink('https://www.twitch.tv/tntmusicstudios');
 5 | }
 6 | 
 7 | function openTwitchMrsTNT() {
 8 |     api.openExternalLink('https://www.twitch.tv/mrstnt33');
 9 | }
10 | 
11 | function openTwitchRecon() {
12 |     api.openExternalLink('https://www.twitch.tv/recontastic');
13 | }
14 | 
15 | function openTwitchStaji() {
16 |     api.openExternalLink('https://www.twitch.tv/stajiw');
17 | }
18 | 
19 | function openTwitchConnor() {
20 |     api.openExternalLink('https://www.twitch.tv/connor_harkness');
21 | }
22 | 
23 | VanillaTilt.init(document.querySelectorAll(".card"), {
24 |     max: 5,
25 |     speed: 1000,
26 |     transition: true,
27 | });
28 | 
29 | VanillaTilt.init(document.querySelectorAll(".buddycard"), {
30 |     max: 15,
31 |     speed: 1000,
32 |     transition: true,
33 | });
34 | 
35 | async function main() {
36 |     const version = await getVersion();
37 |     document.title = 'Rock Buddy v' + version;
38 | }
39 | 
40 | main();


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         /* Visit https://aka.ms/tsconfig to read more about this file */
 4 |         /* Projects */
 5 |         // "incremental": true,                                                            /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
 6 |         // "composite": true,                                                                /* Enable constraints that allow a TypeScript project to be used with project references. */
 7 |         // "tsBuildInfoFile": "./.tsbuildinfo",                            /* Specify the path to .tsbuildinfo incremental compilation file. */
 8 |         // "disableSourceOfProjectReferenceRedirect": true,    /* Disable preferring source files instead of declaration files when referencing composite projects. */
 9 |         // "disableSolutionSearching": true,                                 /* Opt a project out of multi-project reference checking when editing. */
10 |         // "disableReferencedProjectLoad": true,                         /* Reduce the number of projects loaded automatically by TypeScript. */
11 |         /* Language and Environment */
12 |         "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
13 |         // "lib": [],                                                                                /* Specify a set of bundled library declaration files that describe the target runtime environment. */
14 |         // "jsx": "preserve",                                                                /* Specify what JSX code is generated. */
15 |         // "experimentalDecorators": true,                                     /* Enable experimental support for TC39 stage 2 draft decorators. */
16 |         // "emitDecoratorMetadata": true,                                        /* Emit design-type metadata for decorated declarations in source files. */
17 |         // "jsxFactory": "",                                                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
18 |         // "jsxFragmentFactory": "",                                                 /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
19 |         // "jsxImportSource": "",                                                        /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
20 |         // "reactNamespace": "",                                                         /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
21 |         // "noLib": true,                                                                        /* Disable including any library files, including the default lib.d.ts. */
22 |         // "useDefineForClassFields": true,                                    /* Emit ECMAScript-standard-compliant class fields. */
23 |         // "moduleDetection": "auto",                                                /* Control what method is used to detect module-format JS files. */
24 |         /* Modules */
25 |         "module": "commonjs", /* Specify what module code is generated. */
26 |         // "rootDir": "./",                                                                    /* Specify the root folder within your source files. */
27 |         // "moduleResolution": "node",                                             /* Specify how TypeScript looks up a file from a given module specifier. */
28 |         // "baseUrl": "./",                                                                    /* Specify the base directory to resolve non-relative module names. */
29 |         // "paths": {},                                                                            /* Specify a set of entries that re-map imports to additional lookup locations. */
30 |         // "rootDirs": [],                                                                     /* Allow multiple folders to be treated as one when resolving modules. */
31 |         // "typeRoots": [],                                                                    /* Specify multiple folders that act like './node_modules/@types'. */
32 |         // "types": [],                                                                            /* Specify type package names to be included without being referenced in a source file. */
33 |         // "allowUmdGlobalAccess": true,                                         /* Allow accessing UMD globals from modules. */
34 |         // "moduleSuffixes": [],                                                         /* List of file name suffixes to search when resolving a module. */
35 |         // "resolveJsonModule": true,                                                /* Enable importing .json files. */
36 |         // "noResolve": true,                                                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
37 |         /* JavaScript Support */
38 |         // "allowJs": true,                                                                    /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
39 |         // "checkJs": true,                                                                    /* Enable error reporting in type-checked JavaScript files. */
40 |         // "maxNodeModuleJsDepth": 1,                                                /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
41 |         /* Emit */
42 |         // "declaration": true,                                                            /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
43 |         // "declarationMap": true,                                                     /* Create sourcemaps for d.ts files. */
44 |         // "emitDeclarationOnly": true,                                            /* Only output d.ts files and not JavaScript files. */
45 |         // "sourceMap": true,                                                                /* Create source map files for emitted JavaScript files. */
46 |         // "outFile": "./",                                                                    /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
47 |         "outDir": "./dist", /* Specify an output folder for all emitted files. */
48 |         // "removeComments": true,                                                     /* Disable emitting comments. */
49 |         // "noEmit": true,                                                                     /* Disable emitting files from a compilation. */
50 |         // "importHelpers": true,                                                        /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
51 |         // "importsNotUsedAsValues": "remove",                             /* Specify emit/checking behavior for imports that are only used for types. */
52 |         // "downlevelIteration": true,                                             /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
53 |         // "sourceRoot": "",                                                                 /* Specify the root path for debuggers to find the reference source code. */
54 |         // "mapRoot": "",                                                                        /* Specify the location where debugger should locate map files instead of generated locations. */
55 |         // "inlineSourceMap": true,                                                    /* Include sourcemap files inside the emitted JavaScript. */
56 |         // "inlineSources": true,                                                        /* Include source code in the sourcemaps inside the emitted JavaScript. */
57 |         // "emitBOM": true,                                                                    /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
58 |         // "newLine": "crlf",                                                                /* Set the newline character for emitting files. */
59 |         // "stripInternal": true,                                                        /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
60 |         // "noEmitHelpers": true,                                                        /* Disable generating custom helper functions like '__extends' in compiled output. */
61 |         // "noEmitOnError": true,                                                        /* Disable emitting files if any type checking errors are reported. */
62 |         // "preserveConstEnums": true,                                             /* Disable erasing 'const enum' declarations in generated code. */
63 |         // "declarationDir": "./",                                                     /* Specify the output directory for generated declaration files. */
64 |         // "preserveValueImports": true,                                         /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
65 |         /* Interop Constraints */
66 |         // "isolatedModules": true,                                                    /* Ensure that each file can be safely transpiled without relying on other imports. */
67 |         // "allowSyntheticDefaultImports": true,                         /* Allow 'import x from y' when a module doesn't have a default export. */
68 |         "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
69 |         // "preserveSymlinks": true,                                                 /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
70 |         "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
71 |         /* Type Checking */
72 |         "strict": true, /* Enable all strict type-checking options. */
73 |         // "noImplicitAny": true,                                                        /* Enable error reporting for expressions and declarations with an implied 'any' type. */
74 |         // "strictNullChecks": true,                                                 /* When type checking, take into account 'null' and 'undefined'. */
75 |         // "strictFunctionTypes": true,                                            /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
76 |         // "strictBindCallApply": true,                                            /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
77 |         // "strictPropertyInitialization": true,                         /* Check for class properties that are declared but not set in the constructor. */
78 |         // "noImplicitThis": true,                                                     /* Enable error reporting when 'this' is given the type 'any'. */
79 |         // "useUnknownInCatchVariables": true,                             /* Default catch clause variables as 'unknown' instead of 'any'. */
80 |         // "alwaysStrict": true,                                                         /* Ensure 'use strict' is always emitted. */
81 |         // "noUnusedLocals": true,                                                     /* Enable error reporting when local variables aren't read. */
82 |         // "noUnusedParameters": true,                                             /* Raise an error when a function parameter isn't read. */
83 |         // "exactOptionalPropertyTypes": true,                             /* Interpret optional property types as written, rather than adding 'undefined'. */
84 |         // "noImplicitReturns": true,                                                /* Enable error reporting for codepaths that do not explicitly return in a function. */
85 |         // "noFallthroughCasesInSwitch": true,                             /* Enable error reporting for fallthrough cases in switch statements. */
86 |         // "noUncheckedIndexedAccess": true,                                 /* Add 'undefined' to a type when accessed using an index. */
87 |         // "noImplicitOverride": true,                                             /* Ensure overriding members in derived classes are marked with an override modifier. */
88 |         // "noPropertyAccessFromIndexSignature": true,             /* Enforces using indexed accessors for keys declared using an indexed type. */
89 |         // "allowUnusedLabels": true,                                                /* Disable error reporting for unused labels. */
90 |         // "allowUnreachableCode": true,                                         /* Disable error reporting for unreachable code. */
91 |         /* Completeness */
92 |         // "skipDefaultLibCheck": true,                                            /* Skip type checking .d.ts files that are included with TypeScript. */
93 |         "skipLibCheck": true /* Skip type checking all .d.ts files. */
94 |     }
95 | }


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | 
 3 | module.exports = {
 4 |     target: 'electron-renderer',
 5 |     entry: {
 6 |         sniffer: './dist/sniffer/main.js',
 7 |         search: './dist/search/main.js',
 8 |         profile: './dist/profile/main.js',
 9 |         rank: './dist/rank/main.js',
10 |     },
11 |     output: {
12 |         path: path.resolve(__dirname, 'dist'),
13 |         filename: '[name]/bundle.js',
14 |     },
15 | };


--------------------------------------------------------------------------------