rename json loader

tooling/pipeline-results-viewer/src/main.ts

@@ -1,20 +1,23 @@
 import "95css/css/95css.css";
-import "./style.css";
 import initSqlJs, { type Database } from "sql.js";
 import sqlWasmUrl from "sql.js/dist/sql-wasm.wasm?url";
+import "./style.css";
 
 const DB_URL = "/biergarten.sqlite";
 
 const tableSelect = document.querySelector<HTMLSelectElement>("#table-select")!;
-const tableContainer = document.querySelector<HTMLDivElement>("#table-container")!;
+const tableContainer =
+  document.querySelector<HTMLDivElement>("#table-container")!;
 const status = document.querySelector<HTMLParagraphElement>("#status")!;
 
-function renderTable(db: Database, name: string): void {
+const renderTable = (db: Database, name: string) => {
   const result = db.exec(`SELECT * FROM "${name}"`);
   tableContainer.replaceChildren();
 
   if (result.length === 0) {
-    tableContainer.append(Object.assign(document.createElement("p"), { textContent: "No rows." }));
+    tableContainer.append(
+      Object.assign(document.createElement("p"), { textContent: "No rows." }),
+    );
     return;
   }
 
@@ -23,19 +26,23 @@ function renderTable(db: Database, name: string): void {
 
   const head = table.createTHead().insertRow();
   for (const column of columns) {
-    head.append(Object.assign(document.createElement("th"), { textContent: column }));
+    const th = document.createElement("th");
+    th.textContent = column;
+    head.append(th);
   }
 
   const body = table.createTBody();
   for (const row of values) {
     const tr = body.insertRow();
     for (const cell of row) {
-      tr.append(Object.assign(document.createElement("td"), { textContent: String(cell ?? "") }));
+      const td = document.createElement("td");
+      td.textContent = String(cell ?? "");
+      tr.append(td);
     }
   }
 
   tableContainer.append(table);
-}
+};
 
 async function main(): Promise<void> {
   status.textContent = "Loading database...";
@@ -47,14 +54,24 @@ async function main(): Promise<void> {
 
   const tables =
     db
-      .exec("SELECT name FROM sqlite_master WHERE type = 'table' AND name NOT LIKE 'sqlite_%' ORDER BY name")[0]
+      .exec(
+        `SELECT name
+         FROM sqlite_master
+         WHERE
+          type = 'table'
+         AND
+          name NOT LIKE 'sqlite_%'
+         ORDER BY name`,
+      )[0]
       ?.values.map((row) => String(row[0])) ?? [];
 
   for (const name of tables) {
     tableSelect.append(new Option(name, name));
   }
 
-  tableSelect.addEventListener("change", () => renderTable(db, tableSelect.value));
+  tableSelect.addEventListener("change", () =>
+    renderTable(db, tableSelect.value),
+  );
 
   if (tables.length > 0) {
     renderTable(db, tables[0]);