Typescriptify

Author: benfoxall

src/main.ts

@@ -1,84 +1,77 @@
 import './style.css'
-import Dexie from 'dexie';
-
+import Dexie, { type EntityTable } from "dexie";
+
+interface Note {
+  id: number;
+  time: number;
+  text: string;
+  lat: number;
+  lon: number;
+}
 
-const db = new Dexie('Cycleoops');
+const db = new Dexie("Cycleoops") as Dexie & {
+  notes: EntityTable<Note, "id">;
+};
 
 // Declare tables, IDs and indexes
 db.version(1).stores({
-  notes: '++id, time, text, lat, lon'
+  notes: "++id, time, text, lat, lon",
 });
 
-const form = document.querySelector('form')!
-const posts = document.querySelector('ol')!
-
+const form = document.querySelector("form")!;
+const posts = document.querySelector("ol")!;
 
 async function update() {
-  const notes = await db.notes
-    .orderBy("time")
-    .reverse()
-    .toArray();
-
-    console.log(notes)
-
-  posts.innerHTML = ''
+  const notes = await db.notes.orderBy("time").reverse().toArray();
 
-  for(const note of notes) { 
+  console.log(notes);
 
-    const li = document.createElement('li')
+  posts.innerHTML = "";
 
-    const timestamp = new Date(note.time)
-    li.innerText = `${note.text} (${timestamp.toLocaleString()})`
-
-    posts.appendChild(li)
+  for (const note of notes) {
+    const li = document.createElement("li");
 
+    const timestamp = new Date(note.time);
+    li.innerText = `${note.text} (${timestamp.toLocaleString()})`;
 
+    posts.appendChild(li);
   }
- 
 }
 
-update()
-
-form?.addEventListener('submit', async e => {
-  e.preventDefault()
-
-  const data = new FormData(form)
-  const text = data.get("message")
-  const time = Date.now()
-
+update();
 
-  const [lat, lon] = await new Promise((resolve, reject) => {
-    
-    navigator.geolocation.getCurrentPosition((position) => {
-      console.log(position.coords);
-      resolve([position.coords.latitude, position.coords.longitude])
+form?.addEventListener("submit", async (e) => {
+  e.preventDefault();
 
+  const data = new FormData(form);
+  const text = data.get("message") as string;
+  const time = Date.now();
 
-    }, () => {
-
-      resolve([0,0])
-
-    });
-
-    
-  })
-
+  const [lat, lon] = await new Promise<[number, number]>((resolve, reject) => {
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        console.log(position.coords);
+        resolve([position.coords.latitude, position.coords.longitude]);
+      },
+      () => {
+        resolve([0, 0]);
+      }
+    );
+  });
 
   const noteId = await db.notes.add({
     time,
     text,
     lat,
-    lon
-  })
-
-  console.log(noteId)
+    lon,
+  });
 
+  console.log(noteId);
 
-  update()
+  update();
 
-  form.reset()
-
-})
+  form.reset();
+});
 
 
 // resize any text areas to fit content