Fix up linting.

Author: lgarron

biome.json

@@ -1,5 +1,6 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "extends": ["./node_modules/@cubing/dev-config/biome/biome.json"],
   "files": {
     "includes": ["**", "!dist", "!package.json"]
   },

bun.lock

@@ -0,0 +1,3 @@
+[install]
+auto = "disable"
+linker = "isolated"

bunfig.toml

@@ -21,10 +21,11 @@
     "events": "^3.3.0",
     "pouchdb": "^9.0.0",
     "pouchdb-find": "^9.0.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "workbox-window": "^7.3.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.1.4",
+    "@biomejs/biome": "^2.3.2",
     "@cubing/deploy": "^0.2.2",
     "@cubing/dev-config": "^0.3.6",
     "@types/chai": "^5.2.2",

package.json

@@ -84,6 +84,7 @@
                 <td>sync:</td>
                 <td class="sync"><a class="sync-link" style="display: inline-block;" href="./config.html"><img
                       src="./resources/vendor/material-icons/sync-24px-white.svg" title="Delete" class="material-icon">
+                  </a></td>
               </tr>
               <tr>
                 <td title="number of attempts">DB size:</td>

src/timer.cubing.net/index.html

@@ -16,7 +16,7 @@ type TransitionMap = Record<State, State>;
 
 export class Controller {
   private timer: Timer;
-  // @ts-ignore: This is initialized unconditionally by the constructor but TypeScript is not powerful enough to tell.
+  // @ts-expect-error: ts(2564) — This is initialized unconditionally by the constructor but TypeScript is not powerful enough to tell.
   private state: State;
   constructor(
     private domElement: HTMLElement,

src/timer.cubing.net/timing/Controller.ts

@@ -98,7 +98,7 @@ export class ScrambleView {
     this.twistyPlayer.classList.remove("dim");
     this.scrambleTwistyAlgViewer.textContent = scrambleString; // TODO: animation
 
-    this.twistyPlayer.puzzle = eventInfo(scrambleWithEvent.eventID)?.puzzleID!;
+    this.twistyPlayer.puzzle = eventInfo(scrambleWithEvent.eventID)!.puzzleID;
     this.twistyPlayer.alg = scrambleWithEvent.scramble ?? new Alg();
     this.twistyPlayer.timestamp = "end";
     this.twistyPlayer.animate([{ opacity: 0.25 }, { opacity: 1 }], {

src/timer.cubing.net/ui/ScrambleView.ts

@@ -12,9 +12,7 @@ import { playIcon, trashIcon } from "./material-icons";
 export const MAX_NUM_RECENT_ATTEMPTS = 100;
 
 const session = new TimerSession();
-// @ts-ignore
-// biome-ignore lint/correctness/noUnusedVariables: TODO: this assignment is meant to be shared with a different file.
-let justRemoved: string;
+// let justRemoved: string;
 
 function tdWithContent(content?: string): HTMLTableDataCellElement {
   const td = document.createElement("td");
@@ -135,7 +133,7 @@ function trashTD(attempt: AttemptDataWithIDAndRev): HTMLTableDataCellElement {
     trashButton.parentNode!.parentNode!.parentNode!.removeChild(
       trashButton.parentNode!.parentNode!,
     );
-    justRemoved = attempt._id;
+    // justRemoved = attempt._id;
   });
   scrambleTD.appendChild(trashButton);
   return scrambleTD;

src/timer.cubing.net/ui/results-table.ts

@@ -314,8 +314,8 @@ twisty-player.dim {
 
 .scramble-text.event-minx {
   font-family: monospace;
-  text-align: start !important;
-  text-align-last: start !important;
+  text-align: start;
+  text-align-last: start;
 }
 
 .timer {
@@ -630,6 +630,10 @@ twisty-player {
 
 .stats-summary table td:nth-child(2) {
   color: white;
+
+  &.partial {
+    color: unset;
+  }
 }
 
 .stats-summary table {
@@ -715,7 +719,3 @@ table#attempt-list thead {
 .h-bar {
   line-height: 0.5em;
 }
-
-.stats-summary .partial {
-  color: unset !important;
-}