Add missing chart difficulties generation tool

.eslintrc.json

@@ -90,15 +90,7 @@
 			"plugins": ["prettier"],
 			"extends": ["plugin:prettier/recommended"],
 			"rules": {
-				"prettier/prettier": ["error", {
-					"parser": "angular",
-					"endOfLine": "auto",
-					"printWidth": 150,
-					"useTabs": true,
-					"singleQuote": true,
-					"htmlWhitespaceSensitivity": "css",
-					"bracketSameLine": true
-				}]
+				"prettier/prettier": ["error"]
 			}
 		},
 		{

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "parser": "angular",
+  "endOfLine": "auto",
+  "printWidth": 150,
+  "useTabs": true,
+  "singleQuote": true,
+  "htmlWhitespaceSensitivity": "css",
+  "bracketSameLine": true
+}

.vscode/extensions.json

@@ -1,11 +1,10 @@
 {
-	"recommendations": [
-		"dbaeumer.vscode-eslint",
-		"mike-co.import-sorter",
-		"sibiraj-s.vscode-scss-formatter",
-		"hbenl.vscode-mocha-test-adapter",
-		"angular.ng-template",
-		"bradlc.vscode-tailwindcss",
-		"csstools.postcss"
-	]
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "mike-co.import-sorter",
+    "hbenl.vscode-mocha-test-adapter",
+    "angular.ng-template",
+    "bradlc.vscode-tailwindcss",
+    "csstools.postcss"
+  ]
 }

.vscode/settings.json

@@ -22,7 +22,7 @@
 		"files.trimTrailingWhitespace": false
 	},
 	"[html]": {
-		"editor.defaultFormatter": "vscode.html-language-features",
+		"editor.defaultFormatter": "esbenp.prettier-vscode",
 		"editor.codeActionsOnSave": {
 			"source.fixAll.eslint": "explicit"
 		}

README.md

@@ -5,7 +5,7 @@
 <img align="center" src="./src-angular/assets/images/example.png"/>
 <hr>
 
-**Bridge** is a desktop application that allows you to search for and download charts that can be played in  games like Clone Hero, YARG, etc...
+**Bridge** is a desktop application that allows you to search for and download charts that can be played in games like Clone Hero, YARG, etc...
 
 This is the desktop version of [Chorus Encore](https://www.enchor.us/).
 
@@ -23,6 +23,7 @@ Head over to the [Releases](https://github.com/Geomitron/Bridge/releases) page t
 - ✅ A variety of themes.
 - ✅ Advanced song search.
 - ✅ Chart issue scanner (for people making charts).
+- ✅ Auto generate difficulties for songs. (Experimental)
 
 ### What's new in v3.4.0
 

package.json

@@ -18,11 +18,12 @@
   "scripts": {
     "start": "concurrently \"npm run start:angular\" \"npm run start:electron\" -n angular,electron -c red,yellow",
     "start:angular": "ng serve",
-    "start:electron": "nodemon --exec \"tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron ./dist/electron/src-electron/main.js --dev\" --watch src-electron/ -e ts",
+    "start:electron": "nodemon --exec \"tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron ./dist/electron/src-electron/main.js --no-sandbox --dev\" --watch src-electron/ -e ts",
     "build:windows": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build --windows",
     "build:mac": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build --mac",
     "build:linux": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build --linux",
-    "release": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build"
+    "release": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build",
+    "lint": "eslint . --ext .ts,.html"
   },
   "dependencies": {
     "@angular/animations": "19.2.1",
@@ -45,6 +46,7 @@
     "exceljs": "^4.4.0",
     "fs-extra": "11.2.0",
     "lodash": "4.17.21",
+    "midi-file": "^1.2.4",
     "parse-sng": "4.0.3",
     "rxjs": "7.8.1",
     "sanitize-filename": "1.6.3",
@@ -92,6 +94,7 @@
   },
   "pnpm": {
     "onlyBuiltDependencies": [
+      "@parcel/watcher",
       "electron",
       "esbuild",
       "exifreader",

src-angular/app/components/browse/search-bar/search-bar.component.html

@@ -13,7 +13,7 @@
 				<i class="bi bi-search -ml-9"></i>
 			}
 		</div>
-		<div class="flex">
+		<div class="flex items-center">
 			<!-- Instrument Dropdown -->
 			<div class="dropdown">
 				<label tabindex="0" class="btn btn-neutral rounded-btn rounded-r-none uppercase">
@@ -52,6 +52,12 @@
 					}
 				</ul>
 			</div>
+			@if (settingsService.generateMissingDifficulties) {
+				<p class="ml-4 text-xs font-bold">
+					<i class="bi bi-lightbulb-fill text-sm hover:border-b-secondary-focus mr-1 text-yellow-500"></i>
+					Missing Difficulties Generation is enabled
+				</p>
+			}
 			@if (instrument === 'drums') {
 				<!-- Drum Type Dropdown -->
 				<div class="dropdown">
@@ -123,34 +129,70 @@
 						</thead>
 						<tbody>
 							<tr class="border-b-0" formGroupName="name">
-								<td><input type="text" placeholder="Name" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Name" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 							<tr class="border-b-0" formGroupName="artist">
-								<td><input type="text" placeholder="Artist" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Artist" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 							<tr class="border-b-0" formGroupName="album">
-								<td><input type="text" placeholder="Album" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Album" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 							<tr class="border-b-0" formGroupName="genre">
-								<td><input type="text" placeholder="Genre" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Genre" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 							<tr class="border-b-0" formGroupName="year">
-								<td><input type="text" placeholder="Year" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Year" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 							<tr class="border-b-0" formGroupName="charter">
-								<td><input type="text" placeholder="Charter" class="input input-bordered input-sm" formControlName="value" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exact" /></td>
-								<td><input type="checkbox" class="checkbox" formControlName="exclude" /></td>
+								<td>
+									<input type="text" placeholder="Charter" class="input input-bordered input-sm" formControlName="value" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exact" />
+								</td>
+								<td>
+									<input type="checkbox" class="checkbox" formControlName="exclude" />
+								</td>
 							</tr>
 						</tbody>
 					</table>

src-angular/app/components/browse/search-bar/search-bar.component.ts

@@ -5,6 +5,7 @@ import dayjs from 'dayjs'
 import { distinctUntilChanged, switchMap, throttleTime } from 'rxjs'
 import { Difficulty, Instrument } from 'scan-chart'
 import { SearchService } from 'src-angular/app/core/services/search.service'
+import { SettingsService } from 'src-angular/app/core/services/settings.service'
 import { difficulties, difficultyDisplay, drumsReviewedDisplay, drumTypeDisplay, DrumTypeName, drumTypeNames, instrumentDisplay, instruments } from 'src-shared/UtilFunctions'
 
 @Component({
@@ -38,6 +39,7 @@ export class SearchBarComponent implements OnInit, AfterViewInit {
 	constructor(
 		private searchService: SearchService,
 		private fb: FormBuilder,
+		public settingsService: SettingsService,
 	) { }
 
 	ngOnInit() {

src-angular/app/components/settings/settings.component.html

@@ -1,4 +1,4 @@
-<div class="p-8 flex flex-col gap-3">
+<div class="p-8 flex flex-col gap-3 overflow-y-auto h-full">
 	<label class="form-control w-full">
 		<div class="label">
 			<span class="label-text">Chart library directory</span>
@@ -104,6 +104,18 @@ <h2 class="menu-title text-neutral-content text-opacity-50">Light</h2>
 		</div>
 	</div>
 
+	<div class="form-control">
+		<div class="label">
+			<span class="label-text">Chart Missing Difficulties (experimental)</span>
+		</div>
+		<div class="flex">
+			<label class="label cursor-pointer" for="generateMissingDifficulties">
+				<input id="generateMissingDifficulties" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="generateMissingDifficulties" />
+				Auto generate missing difficulties
+			</label>
+		</div>
+	</div>
+
 	<div class="form-control">
 		<div class="label">
 			<span class="label-text">
@@ -225,35 +237,37 @@ <h2 class="menu-title text-neutral-content text-opacity-50">Light</h2>
 		</div>
 	</div>
 
-	<div class="absolute bottom-8 left-8 flex">
-		<a class="btn btn-link" (click)="openUrl('https://github.com/Geomitron/Bridge')"><i class="bi bi-github text-2xl"></i>Github</a>
-		<a class="btn btn-link" (click)="openUrl('https://discord.gg/cqaUXGm')"><i class="bi bi-discord text-2xl"></i>Discord</a>
-		<a class="btn btn-link" (click)="openUrl('https://www.patreon.com/ChorusEncore701')">
-			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" id="patreon">
-				<path
-					fill="currentColor"
-					fill-rule="evenodd"
-					d="M0 9.71C0 1.63 10.32-3.476 16.916 2.818c3.532 3.36 4.143 8.902 1.248 12.951-3.591 4.92-8.282 4.193-12.76 4.193v-9.588c.041-2.117.747-3.943 3.324-4.816 2.245-.664 4.863.581 5.653 2.947.832 2.533-.374 4.234-1.787 5.272-1.413 1.039-3.616 1.039-5.07.042v3.279c3.138 1.5 8.105-.303 9.684-4.4 1.08-2.864.332-6.185-1.912-8.26-2.701-2.2-5.653-2.74-8.811-1.204-2.204 1.12-3.741 3.404-4.116 5.894v10.834H.042L0 9.71z"></path>
-			</svg>
-			Patreon
-		</a>
-	</div>
-
-	<div class="absolute bottom-8 right-8 flex gap-6">
-		<div class="join">
-			<button *ngIf="updateAvailable === 'yes'" class="join-item btn btn-primary" (click)="downloadUpdate()">
-				<i class="bi text-xl" [ngClass]="updateDownloaded ? 'bi-arrow-repeat' : 'bi-cloud-arrow-down'"></i>{{ downloadUpdateText }}
-			</button>
-			<button *ngIf="updateAvailable === 'error'" class="join-item btn btn-warning" [class.disabled]="updateRetrying" (click)="retryUpdate()">
-				<i class="bi bi-arrow-repeat text-xl" [class.loading]="updateRetrying"></i>{{ retryUpdateText }}
-			</button>
-			<button class="join-item btn btn-outline btn-disabled">{{ currentVersion }}</button>
+	<div class="flex justify-between sticky bottom-0 bg-base-100 rounded-xl p-2 mt-2">
+		<div class="flex">
+			<a class="btn btn-link" (click)="openUrl('https://github.com/Geomitron/Bridge')"><i class="bi bi-github text-2xl"></i>Github</a>
+			<a class="btn btn-link" (click)="openUrl('https://discord.gg/cqaUXGm')"><i class="bi bi-discord text-2xl"></i>Discord</a>
+			<a class="btn btn-link" (click)="openUrl('https://www.patreon.com/ChorusEncore701')">
+				<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" id="patreon">
+					<path
+						fill="currentColor"
+						fill-rule="evenodd"
+						d="M0 9.71C0 1.63 10.32-3.476 16.916 2.818c3.532 3.36 4.143 8.902 1.248 12.951-3.591 4.92-8.282 4.193-12.76 4.193v-9.588c.041-2.117.747-3.943 3.324-4.816 2.245-.664 4.863.581 5.653 2.947.832 2.533-.374 4.234-1.787 5.272-1.413 1.039-3.616 1.039-5.07.042v3.279c3.138 1.5 8.105-.303 9.684-4.4 1.08-2.864.332-6.185-1.912-8.26-2.701-2.2-5.653-2.74-8.811-1.204-2.204 1.12-3.741 3.404-4.116 5.894v10.834H.042L0 9.71z"></path>
+				</svg>
+				Patreon
+			</a>
 		</div>
 
-		<div class="tooltip tooltip-left" data-tip="Toggle developer tools">
-			<button class="btn btn-primary btn-square btn-neutral" (click)="toggleDevTools()">
-				<i class="bi bi-gear text-lg"></i>
-			</button>
+		<div class="flex gap-6">
+			<div class="join">
+				<button *ngIf="updateAvailable === 'yes'" class="join-item btn btn-primary" (click)="downloadUpdate()">
+					<i class="bi text-xl" [ngClass]="updateDownloaded ? 'bi-arrow-repeat' : 'bi-cloud-arrow-down'"></i>{{ downloadUpdateText }}
+				</button>
+				<button *ngIf="updateAvailable === 'error'" class="join-item btn btn-warning" [class.disabled]="updateRetrying" (click)="retryUpdate()">
+					<i class="bi bi-arrow-repeat text-xl" [class.loading]="updateRetrying"></i>{{ retryUpdateText }}
+				</button>
+				<button class="join-item btn btn-outline btn-disabled">{{ currentVersion }}</button>
+			</div>
+
+			<div class="tooltip tooltip-left" data-tip="Toggle developer tools">
+				<button class="btn btn-primary btn-square btn-neutral" (click)="toggleDevTools()">
+					<i class="bi bi-gear text-lg"></i>
+				</button>
+			</div>
 		</div>
 	</div>
 </div>

src-angular/app/components/settings/settings.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild } from '@angular/core'
+import { ChangeDetectorRef, Component, ElementRef, HostBinding, OnInit, ViewChild } from '@angular/core'
 import { FormControl } from '@angular/forms'
 
 import _ from 'lodash'
@@ -11,12 +11,15 @@ import { themes } from 'src-shared/Settings'
 	standalone: false,
 })
 export class SettingsComponent implements OnInit {
+	@HostBinding('class.contents') contents = true
+
 	@ViewChild('themeDropdown', { static: true }) themeDropdown: ElementRef
 
 	public chartFolderName: FormControl<string>
 	public isSng: FormControl<boolean>
 	public downloadVideos: FormControl<boolean>
 	public isCompactTable: FormControl<boolean>
+	public generateMissingDifficulties: FormControl<boolean>
 
 	public artistColumn: FormControl<boolean>
 	public albumColumn: FormControl<boolean>
@@ -49,6 +52,8 @@ export class SettingsComponent implements OnInit {
 		this.isSng.valueChanges.subscribe(value => settingsService.isSng = value)
 		this.downloadVideos = new FormControl<boolean>(ss.downloadVideos, { nonNullable: true })
 		this.downloadVideos.valueChanges.subscribe(value => settingsService.downloadVideos = value)
+		this.generateMissingDifficulties = new FormControl<boolean>(ss.generateMissingDifficulties, { nonNullable: true })
+		this.generateMissingDifficulties.valueChanges.subscribe(value => settingsService.generateMissingDifficulties = value)
 		this.isCompactTable = new FormControl<boolean>(settingsService.isCompactTable, { nonNullable: true })
 		this.isCompactTable.valueChanges.subscribe(value => ss.isCompactTable = value)