diff --git a/src/api/api.js b/src/api/api.js
index ed62c42..1e08d20 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -255,7 +255,7 @@ export class BlueskyAPI extends Minisky {
     return { cursor: response.cursor, posts: postGroups.flat() };
   }
 
-  /** @param {Post} post, @returns {Promise<?json[]>} */
+  /** @param {Post} post, @returns {Promise<(json | null)[]>} */
 
   async loadHiddenReplies(post) {
     let expectedReplyURIs;
diff --git a/src/api/handle_cache.js b/src/api/handle_cache.ts
similarity index 58%
rename from src/api/handle_cache.js
rename to src/api/handle_cache.ts
index 80db6a0..8ffca36 100644
--- a/src/api/handle_cache.js
+++ b/src/api/handle_cache.ts
@@ -2,10 +2,15 @@
  * Caches the mapping of handles to DIDs to avoid unnecessary API calls to resolveHandle or getProfile.
  */
 
+type HandleMap = Record<string, string>;
+
 export class HandleCache {
-  prepareCache() {
+  cache?: HandleMap
+
+  prepareCache(): asserts this is { cache: HandleMap } {
     if (!this.cache) {
-      this.cache = JSON.parse(localStorage.getItem('handleCache') ?? '{}');
+      let savedCache = localStorage.getItem('handleCache');
+      this.cache = (savedCache ? JSON.parse(savedCache) : {}) as HandleMap;
     }
   }
 
@@ -13,24 +18,18 @@ export class HandleCache {
     localStorage.setItem('handleCache', JSON.stringify(this.cache));
   }
 
-  /** @param {string} handle, @returns {string | undefined}  */
-
-  getHandleDid(handle) {
+  getHandleDid(handle: string): string | undefined {
     this.prepareCache();
     return this.cache[handle];
   }
 
-  /** @param {string} handle, @param {string} did */
-
-  setHandleDid(handle, did) {
+  setHandleDid(handle: string, did: string) {
     this.prepareCache();
     this.cache[handle] = did;
     this.saveCache();
   }
 
-  /** @param {string} did, @returns {string | undefined}  */
-
-  findHandleByDid(did) {
+  findHandleByDid(did: string) {
     this.prepareCache();
     let found = Object.entries(this.cache).find((e) => e[1] == did);
     return found ? found[0] : undefined;
diff --git a/src/api/identity.js b/src/api/identity.ts
similarity index 85%
rename from src/api/identity.js
rename to src/api/identity.ts
index 1b9b4dd..a545417 100644
--- a/src/api/identity.js
+++ b/src/api/identity.ts
@@ -8,11 +8,8 @@ export class DIDError extends Error {}
 
 export class LoginError extends Error {}
 
-
-/** @param {string} did, @returns {Promise<string>} */
-
-export async function pdsEndpointForDID(did) {
-  let documentURL;
+export async function pdsEndpointForDID(did: string): Promise<string> {
+  let documentURL: URL;
 
   if (did.startsWith('did:plc:')) {
     documentURL = new URL(`https://plc.directory/${did}`);
@@ -42,9 +39,7 @@ export async function pdsEndpointForDID(did) {
   }
 }
 
-/** @param {string} identifier, @returns {Promise<string>} */
-
-export async function pdsEndpointForIdentifier(identifier) {
+export async function pdsEndpointForIdentifier(identifier: string): Promise<string> {
   if (identifier.match(/^did:/)) {
     return await pdsEndpointForDID(identifier);
 
diff --git a/src/components/AccountMenu.svelte b/src/components/AccountMenu.svelte
index 52b5ea0..efe6e8e 100644
--- a/src/components/AccountMenu.svelte
+++ b/src/components/AccountMenu.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { showLoginDialog } from '../skythread.js';
   import { account } from '../models/account.svelte.js';
   import { getBaseLocation } from '../router.js';
@@ -8,50 +8,45 @@
   let menuVisible = $state(false);
 
   $effect(() => {
-    let html = document.body.parentNode;
+    let html = document.body.parentNode!
 
     html.addEventListener('click', (e) => {
       menuVisible = false;
     });
   });
 
-  /** @param {Event} e */
-  function toggleMenu(e) {
+  function toggleMenu(e: Event) {
     e.stopPropagation();
     menuVisible = !menuVisible;
   }
 
-  /** @param {Event} e */
-  function toggleBiohazard(e) {
+  function toggleBiohazard(e: Event) {
     e.preventDefault();
 
     let hazards = document.querySelectorAll('p.hidden-replies, .content > .post.blocked, .blocked > .load-post');
 
     if (account.biohazardEnabled === false) {
       account.biohazardEnabled = true;
-      Array.from(hazards).forEach(p => { p.style.display = 'block' });
+      Array.from(hazards).forEach(p => { (p as HTMLElement).style.display = 'block' });
     } else {
       account.biohazardEnabled = false;
-      Array.from(hazards).forEach(p => { p.style.display = 'none' });
+      Array.from(hazards).forEach(p => { (p as HTMLElement).style.display = 'none' });
     }
   }
 
-  /** @param {Event} e */
-  function toggleIncognito(e) {
+  function toggleIncognito(e: Event) {
     e.preventDefault();
     account.toggleIncognitoMode();
   }
 
-  /** @param {Event} e */
-  function showLoginScreen(e) {
+  function showLoginScreen(e: Event) {
     e.preventDefault();
 
     showLoginDialog();
     menuVisible = false;
   }
 
-  /** @param {Event} e */
-  function logOut(e) {
+  function logOut(e: Event) {
     e.preventDefault();
     account.logOut();
   }
diff --git a/src/components/AccountMenuButton.svelte b/src/components/AccountMenuButton.svelte
index 46dd371..415afc2 100644
--- a/src/components/AccountMenuButton.svelte
+++ b/src/components/AccountMenuButton.svelte
@@ -1,5 +1,12 @@
-<script>
-  let { title, label, showCheckmark, onclick } = $props();
+<script lang="ts">
+  type Props = {
+    title?: string,
+    label: string,
+    showCheckmark?: boolean,
+    onclick: (e: Event) => void
+  }
+
+  let { title = undefined, label, showCheckmark = false, onclick }: Props = $props();
 </script>
 
 <li><a class="button" href="#" {onclick} {title}>
diff --git a/src/components/BiohazardDialog.svelte b/src/components/BiohazardDialog.svelte
index 8d2603b..fbb5946 100644
--- a/src/components/BiohazardDialog.svelte
+++ b/src/components/BiohazardDialog.svelte
@@ -1,28 +1,26 @@
-<script>
+<script lang="ts">
   import { account } from '../models/account.svelte.js';
 
-  let { onConfirm, onClose } = $props();
+  type Props = { onConfirm?: () => void, onClose?: () => void };
+  let { onConfirm = undefined, onClose = undefined }: Props = $props();
 
-  function showBiohazard(e) {
+  function showBiohazard(e: Event) {
     e.preventDefault();
     account.biohazardEnabled = true;
 
-    if (onConfirm) {
-      onConfirm();
-    }
-
-    onClose();
+    onConfirm?.()
+    onClose?.();
   }
 
-  function hideBiohazard(e) {
+  function hideBiohazard(e: Event) {
     e.preventDefault();
     account.biohazardEnabled = false;
 
     for (let p of document.querySelectorAll('p.hidden-replies, .content > .post.blocked, .blocked > .load-post')) {
-      p.style.display = 'none';
+      (p as HTMLElement).style.display = 'none';
     }
 
-    onClose();
+    onClose?.();
   }
 </script>
 
diff --git a/src/components/HomeSearch.svelte b/src/components/HomeSearch.svelte
index de965f9..ca37366 100644
--- a/src/components/HomeSearch.svelte
+++ b/src/components/HomeSearch.svelte
@@ -1,14 +1,14 @@
-<script>
+<script lang="ts">
   import { getBaseLocation, linkToHashtagPage, linkToPostById, parseBlueskyPostURL } from '../router.js';
 
-  let query = $state();
-  let searchField;
+  let query = $state('');
+  let searchField: HTMLInputElement;
 
   $effect(() => {
     searchField.focus();
   });
 
-  function onsubmit(e) {
+  function onsubmit(e: Event) {
     e.preventDefault();
 
     let q = query.trim();
diff --git a/src/components/LikeStatsTable.svelte b/src/components/LikeStatsTable.svelte
index 3e03a69..04c3034 100644
--- a/src/components/LikeStatsTable.svelte
+++ b/src/components/LikeStatsTable.svelte
@@ -1,5 +1,7 @@
-<script>
-  let { cssClass, header, users } = $props();
+<script lang="ts">
+  import { LikeStat } from "../services/like_stats";
+
+  let { cssClass, header, users }: { cssClass: string, header: string, users: LikeStat[] } = $props();
 </script>
 
 <table class="scan-result {cssClass}" style="display: table;">
diff --git a/src/components/LoadableImage.svelte b/src/components/LoadableImage.svelte
index 4f6e463..d0aebea 100644
--- a/src/components/LoadableImage.svelte
+++ b/src/components/LoadableImage.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
   let { loading, error, ...props } = $props();
-  let imageState = $state();
+  let imageState: string | undefined = $state();
 
   function onload() {
     imageState = 'loaded';
diff --git a/src/components/LoginDialog.svelte b/src/components/LoginDialog.svelte
index bf2bb19..953b214 100644
--- a/src/components/LoginDialog.svelte
+++ b/src/components/LoginDialog.svelte
@@ -1,22 +1,22 @@
-<script>
+<script lang="ts">
   import { submitLogin } from '../skythread.js';
+  import { APIError } from '../api/minisky.js';
 
-  let { onClose } = $props();
+  let { onClose = undefined }: { onClose?: () => void } = $props();
 
-  let identifier = $state();
-  let password = $state();
+  let identifier: string = $state('');
+  let password: string = $state('');
   let loginInfoVisible = $state(false);
   let submitting = $state(false);
-  let loginField, passwordField;
+  let loginField: HTMLInputElement;
+  let passwordField: HTMLInputElement;
 
-  /** @param {Event} e */
-  function toggleLoginInfo(e) {
+  function toggleLoginInfo(e: Event) {
     e.preventDefault();
     loginInfoVisible = !loginInfoVisible;
   }
 
-  /** @param {Event} e, @returns {Promise<void>} */
-  async function onsubmit(e) {
+  async function onsubmit(e: Event) {
     e.preventDefault();
     submitting = true;
 
@@ -31,8 +31,7 @@
     }
   }
 
-  /** @param {Error} error */
-  function showError(error) {
+  function showError(error: Error) {
     console.log(error);
 
     if (error.code == 401 && error.json.error == 'AuthFactorTokenRequired') {
diff --git a/src/components/PostingStatsTable.svelte b/src/components/PostingStatsTable.svelte
index 7e03df2..c9e50ce 100644
--- a/src/components/PostingStatsTable.svelte
+++ b/src/components/PostingStatsTable.svelte
@@ -1,9 +1,15 @@
-<script>
-  let { users, sums, daysBack, showReposts = true, showPercentages = true, showTotal = true } = $props();
+<script lang="ts">
+  import { PostingStatsResult } from "../services/posting_stats";
 
-  /** @param {number} value, @returns {string} */
+  interface Props extends PostingStatsResult {
+    showReposts?: boolean,
+    showPercentages?: boolean,
+    showTotal?: boolean
+  };
 
-  function format(value) {
+  let { users, sums, daysBack, showReposts = true, showPercentages = true, showTotal = true }: Props = $props();
+
+  function format(value: number): string {
     return (value > 0) ? value.toFixed(1) : '–';
   }
 </script>
diff --git a/src/components/RichTextFromFacets.svelte b/src/components/RichTextFromFacets.svelte
index 653e677..62886fb 100644
--- a/src/components/RichTextFromFacets.svelte
+++ b/src/components/RichTextFromFacets.svelte
@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import { RichText } from '../../lib/rich_text_lite.js';
   import { linkToHashtagPage } from '../router.js';
 
-  let { text, facets } = $props();
+  let { text, facets }: { text: string, facets: json[] } = $props();
 
   let richText = $derived(new RichText({ text, facets }));
   let segments = $derived(richText.segments());
diff --git a/src/components/UserAutocomplete.svelte b/src/components/UserAutocomplete.svelte
index 6ac1f44..b1002d4 100644
--- a/src/components/UserAutocomplete.svelte
+++ b/src/components/UserAutocomplete.svelte
@@ -1,20 +1,25 @@
-<script>
-  let { selectedUsers = $bindable([]) } = $props();
+<script lang="ts">
+  export type AutocompleteUser = {
+    did: string;
+    handle: string;
+    avatar?: string;
+    displayName?: string;
+  }
+
+  let { selectedUsers = $bindable([]) }: { selectedUsers: AutocompleteUser[] } = $props();
 
   let typedValue = $state('');
-  let autocompleteResults = $state([]);
-  let autocompleteIndex = $state();
+  let autocompleteResults: AutocompleteUser[] = $state([]);
+  let autocompleteIndex = $state(-1);
 
-  let selectedUserDIDs = $derived(selectedUsers.map(u => u.did));
+  let selectedUserDIDs: string[] = $derived(selectedUsers.map(u => u.did));
   let autocompleteVisible = $derived(autocompleteResults.length > 0);
-  let autocompleteVerticalOffset = $state();
-  let autocompleteScroll = $state(0);
+  let autocompleteVerticalOffset = $state(0);
 
-  /** @type {number | undefined} */
-  let autocompleteTimer;
+  let autocompleteTimer: number | undefined;
 
   $effect(() => {
-    let html = /** @type {Element} */ (document.body.parentNode);
+    let html = document.body.parentNode!
     html.addEventListener('click', hideAutocomplete);
 
     return () => {
@@ -37,9 +42,7 @@
     }
   }
 
-  /** @param {KeyboardEvent} e */
-
-  function onKeyPress(e) {
+  function onKeyPress(e: KeyboardEvent) {
     if (e.key == 'Enter') {
       e.preventDefault();
 
@@ -57,10 +60,8 @@
     }
   }
 
-  /** @param {string} query, @returns {Promise<void>} */
-
-  async function fetchAutocomplete(query) {
-    let users = await accountAPI.autocompleteUsers(query);
+  async function fetchAutocomplete(query: string) {
+    let users = await accountAPI.autocompleteUsers(query) as AutocompleteUser[];
 
     let selectedDIDs = new Set(selectedUserDIDs);
     users = users.filter(u => !selectedDIDs.has(u.did));
@@ -80,9 +81,7 @@
     autocompleteIndex = -1;
   }
 
-  /** @param {1|-1} change */
-
-  function moveAutocomplete(change) {
+  function moveAutocomplete(change: 1 | -1) {
     if (autocompleteResults.length == 0) {
       return;
     }
@@ -98,16 +97,12 @@
     autocompleteIndex = newIndex;
   }
 
-  /** @param {MouseEvent} e, @param {number} index */
-
-  function selectAutocomplete(e, index) {
+  function selectAutocomplete(e: MouseEvent, index: number) {
     e.preventDefault();
     selectUser(index);
   }
 
-  /** @param {number} index */
-
-  function selectUser(index) {
+  function selectUser(index: number) {
     let user = autocompleteResults[index];
 
     if (!user) {
@@ -119,9 +114,7 @@
     hideAutocomplete();
   }
 
-  /** @param {MouseEvent} e, @param {number} index */
-
-  function removeUser(e, index) {
+  function removeUser(e: MouseEvent, index: number) {
     e.preventDefault();
     selectedUsers.splice(index, 1);
   }
@@ -153,7 +146,7 @@
   </div>
 </div>
 
-{#snippet userRow(user)}
+{#snippet userRow(user: AutocompleteUser)}
   <img class="avatar" alt="Avatar" src={user.avatar}>
   <span class="name">{user.displayName || '–'}</span>
   <span class="handle">{user.handle}</span>
diff --git a/src/components/embeds/EmbedComponent.svelte b/src/components/embeds/EmbedComponent.svelte
index 7bc7894..b50ac6c 100644
--- a/src/components/embeds/EmbedComponent.svelte
+++ b/src/components/embeds/EmbedComponent.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
   import {
-    RawRecordEmbed, RawRecordWithMediaEmbed, RawImageEmbed, RawLinkEmbed, RawVideoEmbed,
+    Embed, RawRecordEmbed, RawRecordWithMediaEmbed, RawImageEmbed, RawLinkEmbed, RawVideoEmbed,
     InlineRecordEmbed, InlineRecordWithMediaEmbed, InlineImageEmbed, InlineLinkEmbed, InlineVideoEmbed
   } from '../../models/embeds.js';
 
@@ -10,7 +10,7 @@
   import QuoteComponent from './QuoteComponent.svelte';
   import VideoComponent from './VideoComponent.svelte';
 
-  let { embed } = $props();
+  let { embed }: { embed: Embed } = $props();
 </script>
 
 {#if embed instanceof RawRecordEmbed || embed instanceof InlineRecordEmbed}
diff --git a/src/components/embeds/FeedGeneratorView.svelte b/src/components/embeds/FeedGeneratorView.svelte
index 5ef8ffc..df77c0d 100644
--- a/src/components/embeds/FeedGeneratorView.svelte
+++ b/src/components/embeds/FeedGeneratorView.svelte
@@ -1,9 +1,10 @@
-<script>
+<script lang="ts">
   import { atURI } from '../../utils.js';
+  import { FeedGeneratorRecord } from '../../models/records.js';
 
-  let { feed } = $props();
+  let { feed }: { feed: FeedGeneratorRecord } = $props();
 
-  function linkToFeed(feed) {
+  function linkToFeed(feed: FeedGeneratorRecord) {
     let { repo, rkey } = atURI(feed.uri);
     return `https://bsky.app/profile/${repo}/feed/${rkey}`;
   }
diff --git a/src/components/embeds/GIFPlayer.svelte b/src/components/embeds/GIFPlayer.svelte
index 9f3a938..84bb387 100644
--- a/src/components/embeds/GIFPlayer.svelte
+++ b/src/components/embeds/GIFPlayer.svelte
@@ -1,5 +1,5 @@
-<script>
-  let { gifURL, staticURL } = $props();
+<script lang="ts">
+  let { gifURL, staticURL }: { gifURL: string, staticURL: string } = $props();
 
   let loaded = $state(false);
   let paused = $state(false);
@@ -7,8 +7,8 @@
   let maxWidth = $state(500);
   let maxHeight = $state(200);
 
-  function onload(e) {
-    let img = e.target;
+  function onload(e: Event) {
+    let img = e.target as HTMLImageElement;
 
     if (img.naturalWidth < img.naturalHeight) {
       maxWidth = 200;
diff --git a/src/components/embeds/ImagesComponent.svelte b/src/components/embeds/ImagesComponent.svelte
index 2762c0e..2186394 100644
--- a/src/components/embeds/ImagesComponent.svelte
+++ b/src/components/embeds/ImagesComponent.svelte
@@ -1,14 +1,16 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { InlineImageEmbed, RawImageEmbed } from '../../models/embeds';
+  import { Post } from '../../models/posts';
 
-  let { embed } = $props();
-  let { post } = getContext('post');
+  let { embed }: { embed: InlineImageEmbed | RawImageEmbed } = $props();
+  let { post }: { post: Post } = getContext('post');
 
-  function imageURL(embed) {
-    if (embed.fullsize) {
-      return embed.fullsize;
+  function imageURL(img: json): string {
+    if (img.fullsize) {
+      return img.fullsize;
     } else {
-      let cid = embed.image.ref['$link'];
+      let cid = img.image.ref['$link'];
       return `https://cdn.bsky.app/img/feed_fullsize/plain/${post.author.did}/${cid}@jpeg`;
     }
   }
diff --git a/src/components/embeds/LinkComponent.svelte b/src/components/embeds/LinkComponent.svelte
index 65c8908..b7acb77 100644
--- a/src/components/embeds/LinkComponent.svelte
+++ b/src/components/embeds/LinkComponent.svelte
@@ -1,10 +1,12 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
   import { isValidURL, truncateText } from '../../utils.js';
   import GIFPlayer from './GIFPlayer.svelte';
+  import { InlineLinkEmbed, RawLinkEmbed } from '../../models/embeds.js';
+  import { Post } from '../../models/posts.js';
 
-  let { embed } = $props();
-  let { post } = getContext('post');
+  let { embed }: { embed: InlineLinkEmbed | RawLinkEmbed } = $props();
+  let { post }: { post: Post } = getContext('post');
 
   let showingGIF = $state(false);
 
@@ -12,7 +14,7 @@
   let isTenorGIF = $derived(hostname == 'media.tenor.com');
   let onclick = $derived(isTenorGIF ? playGIF : undefined);
 
-  function playGIF(e) {
+  function playGIF(e: Event) {
     e.preventDefault();
     showingGIF = true;
   }
diff --git a/src/components/embeds/QuoteComponent.svelte b/src/components/embeds/QuoteComponent.svelte
index 18c41ba..194ed9f 100644
--- a/src/components/embeds/QuoteComponent.svelte
+++ b/src/components/embeds/QuoteComponent.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
   import { BasePost, Post, MissingPost } from '../../models/posts.js';
   import { InlineRecordEmbed, InlineRecordWithMediaEmbed } from '../../models/embeds.js';
@@ -10,11 +10,11 @@
   import StarterPackView from '../embeds/StarterPackView.svelte';
   import UserListView from '../embeds/UserListView.svelte';
 
-  let { post } = getContext('post');
-  let { record } = $props();
+  let { post }: { post: Post } = getContext('post');
+  let { record }: { record: ATProtoRecord } = $props();
 
-  async function loadQuotedRecord() {
-    let { repo, collection, rkey } = atURI(record.uri);
+  async function loadQuotedRecord(): Promise<ATProtoRecord> {
+    let { collection } = atURI(record.uri);
 
     if (collection == 'app.bsky.feed.post') {
       let reloaded = await api.loadPostIfExists(record.uri);
@@ -53,7 +53,7 @@
   {@render quoteContent(record)}
 {/if}
 
-{#snippet quoteContent(record)}
+{#snippet quoteContent(record: ATProtoRecord)}
   {#if record instanceof BasePost}
     <div class="quote-embed">
       <PostComponent post={record} context="quote" />
diff --git a/src/components/embeds/StarterPackView.svelte b/src/components/embeds/StarterPackView.svelte
index c3c52b6..21b79f2 100644
--- a/src/components/embeds/StarterPackView.svelte
+++ b/src/components/embeds/StarterPackView.svelte
@@ -1,9 +1,10 @@
-<script>
+<script lang="ts">
   import { atURI } from '../../utils.js';
+  import { StarterPackRecord } from '../../models/records.js';
 
-  let { starterPack } = $props();
+  let { starterPack }: { starterPack: StarterPackRecord } = $props();
 
-  function linkToStarterPack(starterPack) {
+  function linkToStarterPack(starterPack: StarterPackRecord) {
     let { repo, rkey } = atURI(starterPack.uri);
     return `https://bsky.app/starter-pack/${repo}/${rkey}`;
   }
diff --git a/src/components/embeds/UserListView.svelte b/src/components/embeds/UserListView.svelte
index 6d14645..64e0935 100644
--- a/src/components/embeds/UserListView.svelte
+++ b/src/components/embeds/UserListView.svelte
@@ -1,14 +1,15 @@
-<script>
+<script lang="ts">
   import { atURI } from '../../utils.js';
+  import { UserListRecord } from '../../models/records.js';
 
-  let { list } = $props();
+  let { list }: { list: UserListRecord } = $props();
 
-  function linkToList(list) {
+  function linkToList(list: UserListRecord) {
     let { repo, rkey } = atURI(list.uri);
     return `https://bsky.app/profile/${repo}/lists/${rkey}`;
   }
 
-  function listType(list) {
+  function listType(list: UserListRecord) {
     switch (list.purpose) {
     case 'app.bsky.graph.defs#curatelist':
       return "User list";
diff --git a/src/components/embeds/VideoComponent.svelte b/src/components/embeds/VideoComponent.svelte
index b6c40d6..8fe6e0f 100644
--- a/src/components/embeds/VideoComponent.svelte
+++ b/src/components/embeds/VideoComponent.svelte
@@ -1,11 +1,13 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { InlineVideoEmbed, RawVideoEmbed } from '../../models/embeds';
+  import { Post } from '../../models/posts';
 
-  let { embed } = $props();
-  let { post } = getContext('post');
+  let { embed }: { embed: InlineVideoEmbed | RawVideoEmbed } = $props();
+  let { post }: { post: Post } = getContext('post');
 
-  function videoURL(embed) {
-    if (embed.playlistURL) {
+  function videoURL(embed: InlineVideoEmbed | RawVideoEmbed) {
+    if (embed instanceof InlineVideoEmbed) {
       return embed.playlistURL;
     } else {
       let cid = embed.video.ref['$link'];
diff --git a/src/components/posts/BlockedPostView.svelte b/src/components/posts/BlockedPostView.svelte
index 045b876..abae179 100644
--- a/src/components/posts/BlockedPostView.svelte
+++ b/src/components/posts/BlockedPostView.svelte
@@ -1,6 +1,7 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
   import { account } from '../../models/account.svelte.js';
+  import { Post } from '../../models/posts.js';
 
   import EmbedComponent from '../embeds/EmbedComponent.svelte';
   import MissingPostView from './MissingPostView.svelte';
@@ -9,15 +10,15 @@
   import ReferencedPostAuthorLink from './ReferencedPostAuthorLink.svelte';
   import ThreadRootParentRaw from './ThreadRootParentRaw.svelte';
 
-  let { reason } = $props();
-  let { post } = getContext('post');
+  let { reason }: { reason: string } = $props();
+  let { post }: { post: Post } = getContext('post');
 
   let biohazardEnabled = $derived(account.biohazardEnabled !== false);
   let loading = $state(false);
   let postNotFound = $state(false);
-  let reloadedPost = $state();
+  let reloadedPost: Post | undefined = $state();
 
-  async function loadPost(e) {
+  async function loadPost(e: Event) {
     e.preventDefault();
     loading = true;
 
@@ -36,7 +37,7 @@
     } else if (post.blocksUser) {
       return "you've blocked them";
     } else {
-      return null;
+      return undefined;
     }
   }
 </script>
diff --git a/src/components/posts/EdgeMargin.svelte b/src/components/posts/EdgeMargin.svelte
index 84be8ac..630619c 100644
--- a/src/components/posts/EdgeMargin.svelte
+++ b/src/components/posts/EdgeMargin.svelte
@@ -1,9 +1,8 @@
-<script>
-  let { collapsed = $bindable(false), onToggle = undefined } = $props();
+<script lang="ts">
+  let { collapsed = $bindable(false) }: { collapsed: boolean } = $props();
 
   function toggleFold() {
     collapsed = !collapsed;
-    onToggle && onToggle(collapsed);
   }
 </script>
 
diff --git a/src/components/posts/FediSourceLink.svelte b/src/components/posts/FediSourceLink.svelte
index c19077a..de6fe95 100644
--- a/src/components/posts/FediSourceLink.svelte
+++ b/src/components/posts/FediSourceLink.svelte
@@ -1,5 +1,5 @@
-<script>
-  let { url } = $props();
+<script lang="ts">
+  let { url }: { url: string } = $props();
 
   let hostname = $derived(new URL(url).hostname);
 </script>
diff --git a/src/components/posts/FeedPostParent.svelte b/src/components/posts/FeedPostParent.svelte
index 4f96cec..074d7ea 100644
--- a/src/components/posts/FeedPostParent.svelte
+++ b/src/components/posts/FeedPostParent.svelte
@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import { linkToPostById } from '../../router.js';
   import { atURI } from '../../utils.js';
 
-  let { uri } = $props();
+  let { uri }: { uri: string } = $props();
   let { repo, rkey } = $derived(atURI(uri));
 </script>
 
diff --git a/src/components/posts/HiddenRepliesLink.svelte b/src/components/posts/HiddenRepliesLink.svelte
index c8221ef..303da4f 100644
--- a/src/components/posts/HiddenRepliesLink.svelte
+++ b/src/components/posts/HiddenRepliesLink.svelte
@@ -1,15 +1,20 @@
-<script>
+<script lang="ts">
   import { showBiohazardDialog } from '../../skythread.js';
   import { account } from '../../models/account.svelte.js';
-  import { parseThreadPost } from '../../models/posts.js';
+  import { Post, parseThreadPost } from '../../models/posts.js';
   import { linkToPostThread } from '../../router.js';
   import { getContext } from 'svelte';
 
-  let { onLoad, onError } = $props();
-  let { post } = getContext('post');
+  type Props = {
+    onLoad: (posts: (AnyPost | null)[]) => void,
+    onError: (error: Error) => void
+  }
+
+  let { onLoad, onError }: Props = $props();
+  let { post }: { post: Post } = getContext('post');
   let loading = $state(false);
 
-  function onLinkClick(e) {
+  function onLinkClick(e: Event) {
     e.preventDefault();
 
     if (account.biohazardEnabled === true) {
diff --git a/src/components/posts/LoadMoreLink.svelte b/src/components/posts/LoadMoreLink.svelte
index a4407e3..c9de884 100644
--- a/src/components/posts/LoadMoreLink.svelte
+++ b/src/components/posts/LoadMoreLink.svelte
@@ -1,13 +1,18 @@
-<script>
-  import { parseThreadPost } from '../../models/posts.js';
+<script lang="ts">
+  import { Post, parseThreadPost } from '../../models/posts.js';
   import { linkToPostThread } from '../../router.js';
   import { getContext } from 'svelte';
 
-  let { onLoad, onError } = $props();
-  let { post } = getContext('post');
+  type Props = {
+    onLoad: (root: Post) => void,
+    onError: (error: Error) => void
+  }
+
+  let { onLoad, onError }: Props = $props();
+  let { post }: { post: Post } = getContext('post');
   let loading = $state(false);
 
-  async function onLinkClick(e) {
+  async function onLinkClick(e: Event) {
     e.preventDefault();
     loading = true;
 
@@ -17,7 +22,7 @@
 
       loading = false;
       window.subtreeRoot = root;
-      onLoad(root);
+      onLoad(root as Post); // TODO
     } catch (error) {
       loading = false;
       onError(error);
diff --git a/src/components/posts/MissingPostView.svelte b/src/components/posts/MissingPostView.svelte
index e956ee1..156c5d3 100644
--- a/src/components/posts/MissingPostView.svelte
+++ b/src/components/posts/MissingPostView.svelte
@@ -1,8 +1,9 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { Post } from '../../models/posts';
   import ReferencedPostAuthorLink from './ReferencedPostAuthorLink.svelte';
 
-  let { post } = getContext('post');
+  let { post }: { post: Post } = getContext('post');
 </script>
 
 <p class="blocked-header">
diff --git a/src/components/posts/PostBody.svelte b/src/components/posts/PostBody.svelte
index 9a81aa4..873bb8e 100644
--- a/src/components/posts/PostBody.svelte
+++ b/src/components/posts/PostBody.svelte
@@ -1,19 +1,18 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
   import { sanitizeHTML } from '../../utils.js';
+  import { Post } from '../../models/posts.js';
   import RichTextFromFacets from '../RichTextFromFacets.svelte';
 
-  let { post } = getContext('post');
-  let { highlightedMatches = undefined } = $props();
+  let { post }: { post: Post } = getContext('post');
+  let { highlightedMatches = undefined }: { highlightedMatches?: string[] } = $props();
 
-  let bodyElement;
+  let bodyElement: HTMLElement;
 
-  /** @param {string[]} terms */
-
-  function highlightSearchResults(terms) {
+  function highlightSearchResults(terms: string[]) {
     let regexp = new RegExp(`\\b(${terms.join('|')})\\b`, 'gi');
     let walker = document.createTreeWalker(bodyElement, NodeFilter.SHOW_TEXT);
-    let ranges = [];
+    let ranges: Range[] = [];
 
     while (walker.nextNode()) {
       let node = walker.currentNode;
diff --git a/src/components/posts/PostComponent.svelte b/src/components/posts/PostComponent.svelte
index 1ea56b9..cd0e791 100644
--- a/src/components/posts/PostComponent.svelte
+++ b/src/components/posts/PostComponent.svelte
@@ -1,9 +1,9 @@
-<script>
+<script lang="ts">
   import { setContext } from 'svelte';
   import { HiddenRepliesError } from '../../api/api.js';
   import { account } from '../../models/account.svelte.js';
   import { Post, BlockedPost, DetachedQuotePost } from '../../models/posts.js';
-  import { InlineLinkEmbed } from '../../models/embeds.js';
+  import { Embed, InlineLinkEmbed } from '../../models/embeds.js';
   import { isValidURL, showError } from '../../utils.js';
 
   import BlockedPostView from './BlockedPostView.svelte';
@@ -32,21 +32,21 @@
   let { post, context, highlightedMatches = undefined, ...props } = $props();
 
   let collapsed = $state(false);
-  let replies = $state(post.replies);
+  let replies: AnyPost[] = $state(post.replies);
   let repliesLoaded = $state(false);
-  let missingHiddenReplies = $state();
-  let hiddenRepliesError = $state();
+  let missingHiddenReplies: number | undefined = $state();
+  let hiddenRepliesError: Error | undefined = $state();
 
   setContext('post', { post, context });
 
   // TODO: make Post reactive
-  let quoteCount = $state(post.quoteCount);
+  let quoteCount: number | undefined = $state(post.quoteCount);
 
-  export function setQuoteCount(x) {
+  export function setQuoteCount(x: number) {
     quoteCount = x;
   }
 
-  function shouldRenderReply(reply) {
+  function shouldRenderReply(reply: AnyPost): boolean {
     if (reply instanceof Post) {
       return true;
     } else if (reply instanceof BlockedPost) {
@@ -56,7 +56,7 @@
     }
   }
 
-  function shouldRenderEmbed(embed) {
+  function shouldRenderEmbed(embed: Embed): boolean {
     if (post.originalFediURL) {
       if (embed instanceof InlineLinkEmbed && embed.title && embed.title.startsWith('Original post on ')) {
         return false;
@@ -66,13 +66,13 @@
     return true;
   }
 
-  function onMoreRepliesLoaded(newPost) {
+  function onMoreRepliesLoaded(newPost: Post) {
     replies = post.replies = newPost.replies;
     repliesLoaded = true;
   }
 
-  function onHiddenRepliesLoaded(newReplies) {
-    let okReplies = newReplies.filter(x => x);
+  function onHiddenRepliesLoaded(newReplies: (AnyPost | null)[]) {
+    let okReplies = newReplies.filter(x => x !== null);
     replies.push(...okReplies);
     post.replies = replies;
 
@@ -80,7 +80,7 @@
     repliesLoaded = true;
   }
 
-  function onRepliesLoadingError(error) {
+  function onRepliesLoadingError(error: Error) {
     repliesLoaded = true;
 
     if (error instanceof HiddenRepliesError) {
diff --git a/src/components/posts/PostFooter.svelte b/src/components/posts/PostFooter.svelte
index a794050..a60fb03 100644
--- a/src/components/posts/PostFooter.svelte
+++ b/src/components/posts/PostFooter.svelte
@@ -1,19 +1,18 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
   import { linkToPostThread, linkToQuotesPage } from '../../router.js';
   import { account } from '../../models/account.svelte.js';
+  import { Post } from '../../models/posts.js';
   import { showLoginDialog } from '../../skythread.js';
   import { showError } from '../../utils.js';
 
-  let { post, context } = getContext('post');
-  let { quoteCount } = $props();
+  let { post, context }: { post: Post, context: PostContext } = getContext('post');
+  let { quoteCount }: { quoteCount: number | undefined } = $props();
 
   let isLiked = $state(post.liked);
   let likeCount = $state(post.likeCount);
   let isUnavailableForLiking = $state(false);
 
-  /** @returns {Promise<void>} */
-
   async function onHeartClick() {
     try {
       if (post.hasViewerInfo) {
@@ -28,8 +27,6 @@
     }
   }
 
-  /** @returns {Promise<void>} */
-
   async function checkIfCanBeLiked() {
     let data = await accountAPI.loadViewerInfo();
 
@@ -44,8 +41,6 @@
     }
   }
 
-  /** @returns {Promise<void>} */
-
   async function likePost() {
     if (!isLiked) {
       let like = await accountAPI.likePost(post);
diff --git a/src/components/posts/PostHeader.svelte b/src/components/posts/PostHeader.svelte
index a2dbbfc..a93ea4b 100644
--- a/src/components/posts/PostHeader.svelte
+++ b/src/components/posts/PostHeader.svelte
@@ -1,12 +1,13 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { Post } from '../../models/posts.js';
   import { PostPresenter } from '../../utils/post_presenter.js';
   import PostSubtreeLink from './PostSubtreeLink.svelte';
 
-  let { post, context } = getContext('post');
+  let { post, context }: { post: Post, context: PostContext } = getContext('post');
   let presenter = new PostPresenter(post, context);
 
-  let avatar;
+  let avatar: HTMLImageElement;
 
   $effect(() => {
     if (avatar) {
diff --git a/src/components/posts/PostSubtreeLink.svelte b/src/components/posts/PostSubtreeLink.svelte
index fe12e3b..05aae8a 100644
--- a/src/components/posts/PostSubtreeLink.svelte
+++ b/src/components/posts/PostSubtreeLink.svelte
@@ -1,7 +1,8 @@
-<script>
+<script lang="ts">
   import { linkToPostThread } from '../../router.js';
+  import { Post } from '../../models/posts.js';
 
-  let { post, title = '' } = $props();
+  let { post, title = '' }: { post: Post, title?: string } = $props();
 </script>
 
 <a href="{linkToPostThread(post)}" class="action" {title}>
diff --git a/src/components/posts/PostTagsRow.svelte b/src/components/posts/PostTagsRow.svelte
index 00a5f55..f0ee166 100644
--- a/src/components/posts/PostTagsRow.svelte
+++ b/src/components/posts/PostTagsRow.svelte
@@ -1,8 +1,9 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { Post } from '../../models/posts.js';
   import { linkToHashtagPage } from '../../router.js';
 
-  let { post } = getContext('post');
+  let { post }: { post: Post } = getContext('post');
 </script>
 
 <p class="tags">
diff --git a/src/components/posts/ReferencedPostAuthorLink.svelte b/src/components/posts/ReferencedPostAuthorLink.svelte
index 7f490a1..91840ae 100644
--- a/src/components/posts/ReferencedPostAuthorLink.svelte
+++ b/src/components/posts/ReferencedPostAuthorLink.svelte
@@ -1,11 +1,12 @@
-<script>
+<script lang="ts">
   import { getContext } from 'svelte';
+  import { Post } from '../../models/posts.js';
   import { atURI } from '../../utils.js';
 
-  let { status = undefined } = $props();
-  let { post } = getContext('post');
+  let { status = undefined }: { status?: string | undefined } = $props();
+  let { post }: { post: Post } = getContext('post');
 
-  let handle = $state();
+  let handle: string | undefined = $state();
 
   $effect(async () => {
     let did = atURI(post.uri).repo;
diff --git a/src/components/posts/ThreadRootParent.svelte b/src/components/posts/ThreadRootParent.svelte
index dd76971..4b7933b 100644
--- a/src/components/posts/ThreadRootParent.svelte
+++ b/src/components/posts/ThreadRootParent.svelte
@@ -1,10 +1,10 @@
-<script>
+<script lang="ts">
   import { Post, BlockedPost, MissingPost } from '../../models/posts.js';
   import { linkToPostThread } from '../../router.js';
   import { setContext } from 'svelte';
   import BlockedPostView from './BlockedPostView.svelte';
 
-  let { post } = $props();
+  let { post }: { post: AnyPost } = $props();
 
   setContext('post', { post: post, context: 'parent' });
 </script>
diff --git a/src/components/posts/ThreadRootParentRaw.svelte b/src/components/posts/ThreadRootParentRaw.svelte
index af4e602..0368897 100644
--- a/src/components/posts/ThreadRootParentRaw.svelte
+++ b/src/components/posts/ThreadRootParentRaw.svelte
@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import { linkToPostById } from '../../router.js';
   import { atURI } from '../../utils.js';
 
-  let { uri } = $props();
+  let { uri }: { uri: string } = $props();
   let { repo, rkey } = $derived(atURI(uri));
 </script>
 
diff --git a/src/pages/HashtagPage.svelte b/src/pages/HashtagPage.svelte
index d7b6bb6..4d1d89e 100644
--- a/src/pages/HashtagPage.svelte
+++ b/src/pages/HashtagPage.svelte
@@ -1,19 +1,19 @@
-<script>
+<script lang="ts">
   import { Post } from '../models/posts.js';
   import * as paginator from '../utils/paginator.js';
   import MainLoader from '../components/MainLoader.svelte';
   import PostComponent from '../components/posts/PostComponent.svelte';
 
-  let { hashtag } = $props();
+  let { hashtag }: { hashtag: string } = $props();
   hashtag = hashtag.replace(/^\#/, '');
 
-  let posts = $state([]);
+  let posts: Post[] = $state([]);
   let firstPageLoaded = $state(false);
   let loadingFailed = $state(false);
 
   let isLoading = false;
   let finished = false;
-  let cursor;
+  let cursor: string | undefined;
 
   paginator.loadInPages(async () => {
     if (isLoading || finished) { return }
@@ -21,7 +21,7 @@
 
     try {
       let data = await api.getHashtagFeed(hashtag, cursor);
-      let batch = data.posts.map(j => new Post(j));
+      let batch = data.posts.map(j => new Post(j)) as Post[];
       firstPageLoaded = true;
 
       posts.splice(posts.length, 0, ...batch);
diff --git a/src/pages/LikeStatsPage.svelte b/src/pages/LikeStatsPage.svelte
index e31f20b..c041b29 100644
--- a/src/pages/LikeStatsPage.svelte
+++ b/src/pages/LikeStatsPage.svelte
@@ -1,17 +1,17 @@
-<script>
+<script lang="ts">
   import LikeStatsTable from '../components/LikeStatsTable.svelte';
-  import { LikeStats } from '../services/like_stats.js';
+  import { LikeStats, LikeStat } from '../services/like_stats.js';
   import { numberOfDays } from '../utils.js';
 
   let timeRangeDays = $state(7);
-  let progress = $state();
+  let progress: number | undefined = $state();
   let scanInProgress = $derived(progress !== undefined);
-  let givenLikesUsers = $state();
-  let receivedLikesUsers = $state();
+  let givenLikesUsers: LikeStat[] | undefined = $state();
+  let receivedLikesUsers: LikeStat[] | undefined = $state();
 
   let likeStats = new LikeStats();
 
-  async function startScan(e) {
+  async function startScan(e: Event) {
     e.preventDefault();
 
     if (!scanInProgress) {
@@ -47,7 +47,7 @@
   </p>
 </form>
 
-{#if givenLikesUsers}
+{#if givenLikesUsers && receivedLikesUsers}
   <LikeStatsTable cssClass="given-likes" header="❤️ Likes from you:" users={givenLikesUsers} />
   <LikeStatsTable cssClass="received-likes" header="💛 Likes on your posts:" users={receivedLikesUsers} />
 {/if}
diff --git a/src/pages/LycanSearchPage.svelte b/src/pages/LycanSearchPage.svelte
index cf77646..9505de8 100644
--- a/src/pages/LycanSearchPage.svelte
+++ b/src/pages/LycanSearchPage.svelte
@@ -1,4 +1,6 @@
-<script>
+<script lang="ts">
+  import { Post } from '../models/posts';
+  import { Lycan } from '../services/lycan';
   import PostComponent from '../components/posts/PostComponent.svelte';
 
   const collections = [
@@ -8,29 +10,27 @@
     { id: 'pins',    title: 'Pins' }
   ]
 
-  let { lycan } = $props();
+  let { lycan }: { lycan: Lycan } = $props();
 
   let isCheckingStatus = $state(false);
-  let importStatus = $state();
-  let importStatusLabel = $state();
-  let importProgress = $state();
+  let importStatus: string | undefined = $state();
+  let importStatusLabel: string | undefined = $state();
+  let importProgress = $state(0);
   let wasImporting = $state(false);
-  let importTimer;
+  let importTimer: number | undefined;
 
   let selectedCollection = $state(collections[0].id);
   let query = $state('');
 
   let loadingPosts = $state(false);
   let finishedPosts = $state(false);
-  let results = $state([]);
-  let highlightedMatches = $state([]);
+  let results: Post[] = $state([]);
+  let highlightedMatches: string[] = $state([]);
 
   checkImportStatus();
 
 
-  /** @param {Event} e */
-
-  function onFormSubmit(e) {
+  function onFormSubmit(e: Event) {
     e.preventDefault();
 
     showImportStatus({ status: 'requested' });
@@ -42,9 +42,7 @@
     });
   }
 
-  /** @param {KeyboardEvent} e */
-
-  function onKeyPress(e) {
+  function onKeyPress(e: KeyboardEvent) {
     if (e.key == 'Enter') {
       e.preventDefault();
 
@@ -72,8 +70,6 @@
     }
   }
 
-  /** @returns {Promise<void>} */
-
   async function checkImportStatus() {
     if (isCheckingStatus) {
       return;
@@ -91,9 +87,7 @@
     }
   }
 
-  /** @param {json} info */
-
-  function showImportStatus(info) {
+  function showImportStatus(info: json) {
     console.log(info);
 
     if (!info.status) {
@@ -119,9 +113,7 @@
     isImporting ? startImportTimer() : stopImportTimer();
   }
 
-  /** @param {json} info */
-
-  function showImportProgress(info) {
+  function showImportProgress(info: json) {
     importProgress = Math.max(0, Math.min(info.progress || 0));
 
     if (info.progress == 1.0) {
@@ -136,9 +128,7 @@
     }
   }
 
-  /** @param {string} message */
-
-  function showImportError(message) {
+  function showImportError(message: string) {
     importStatus = 'error';
     wasImporting = true;
     importStatusLabel = message;
diff --git a/src/pages/NotificationsPage.svelte b/src/pages/NotificationsPage.svelte
index 7c9ee25..c31ab58 100644
--- a/src/pages/NotificationsPage.svelte
+++ b/src/pages/NotificationsPage.svelte
@@ -1,17 +1,17 @@
-<script>
+<script lang="ts">
   import { Post } from '../models/posts.js';
   import * as paginator from '../utils/paginator.js';
   import FeedPostParent from '../components/posts/FeedPostParent.svelte';
   import MainLoader from '../components/MainLoader.svelte';
   import PostComponent from '../components/posts/PostComponent.svelte';
 
-  let posts = $state([]);
+  let posts: Post[] = $state([]);
   let firstPageLoaded = $state(false);
   let loadingFailed = $state(false);
 
   let isLoading = false;
   let finished = false;
-  let cursor;
+  let cursor: string | undefined;
 
   paginator.loadInPages(async (next) => {
     if (isLoading || finished) { return }
diff --git a/src/pages/PostingStatsPage.svelte b/src/pages/PostingStatsPage.svelte
index 87dc274..66fb003 100644
--- a/src/pages/PostingStatsPage.svelte
+++ b/src/pages/PostingStatsPage.svelte
@@ -1,7 +1,7 @@
-<script>
-  import UserAutocomplete from '../components/UserAutocomplete.svelte';
+<script lang="ts">
+  import UserAutocomplete, { AutocompleteUser } from '../components/UserAutocomplete.svelte';
   import PostingStatsTable from '../components/PostingStatsTable.svelte';
-  import { PostingStats } from '../services/posting_stats.js';
+  import { PostingStats, PostingStatsResult } from '../services/posting_stats.js';
   import { numberOfDays } from '../utils.js';
 
   const tabs = [
@@ -11,35 +11,31 @@
     { id: 'you',   title: 'Your profile' }
   ]
 
-  let lists = $state([]);
+  let lists: json[] = $state([]);
 
   let timeRangeDays = $state(7);
   let selectedTab = $state(tabs[0].id);
-  let selectedUsers = $state([]);
-  let selectedList = $state();
+  let selectedUsers: AutocompleteUser[] = $state([]);
+  let selectedList: string | undefined = $state();
 
   let scanInProgress = $state(false);
-  let requestedDays = $state();
-  let progress = $state();
+  let requestedDays: number | undefined = $state();
+  let progress: number | undefined = $state();
   let scanInfo = $state();
 
   let tableOptions = $state({});
-  let results = $state();
+  let results: PostingStatsResult | null = $state(null);
 
-  let scanner = new PostingStats((p) => { progress = Math.max(progress, p) });
+  let scanner = new PostingStats((p) => { progress = Math.max(progress || 0, p) });
 
   $effect(() => {
     fetchLists();
   })
 
-  /** @param {Event} e */
-
-  function onTabChange(e) {
-    results = undefined;
+  function onTabChange(e: Event) {
+    results = null;
   }
 
-  /** @returns {Promise<void>} */
-
   async function fetchLists() {
     let result = await accountAPI.loadUserLists();
 
@@ -53,7 +49,7 @@
     selectedList = lists[0]?.uri;
   }
 
-  function onsubmit(e) {
+  function onsubmit(e: Event) {
     e.preventDefault();
 
     if (!scanInProgress) {
@@ -70,7 +66,7 @@
     }
 
     scanInfo = undefined;
-    results = undefined;
+    results = null;
     requestedDays = timeRangeDays;
     progress = 0;
     scanInProgress = true;
@@ -88,7 +84,7 @@
       results = await scanner.scanHomeTimeline(requestedDays);
     } else if (selectedTab == 'list') {
       tableOptions = { showReposts: false };
-      results = await scanner.scanListTimeline(selectedList, requestedDays);
+      results = await scanner.scanListTimeline(selectedList!, requestedDays);
     } else if (selectedTab == 'users') {
       results = await scanner.scanUserTimelines(selectedUsers, requestedDays);
       tableOptions = { showTotal: false, showPercentages: false };
diff --git a/src/pages/QuotesPage.svelte b/src/pages/QuotesPage.svelte
index e5aaacc..a6a608b 100644
--- a/src/pages/QuotesPage.svelte
+++ b/src/pages/QuotesPage.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { Post } from '../models/posts.js';
   import * as paginator from '../utils/paginator.js';
   import FeedPostParent from '../components/posts/FeedPostParent.svelte';
@@ -6,14 +6,13 @@
   import PostComponent from '../components/posts/PostComponent.svelte';
 
   let isLoading = false;
-  let cursor;
+  let cursor: string | undefined;
   let finished = false;
 
-  let { postURL } = $props();
+  let { postURL }: { postURL: string } = $props();
 
-  let posts = $state([]);
-  let quoteCount = $state();
-  let firstPageLoaded = $derived(quoteCount !== undefined);
+  let posts: Post[] = $state([]);
+  let quoteCount: number | undefined = $state();
   let loadingFailed = $state(false);
 
   paginator.loadInPages(async () => {
@@ -25,7 +24,7 @@
       let jsons = await api.loadPosts(data.posts);
       let batch = jsons.map(j => new Post(j));
 
-      if (!firstPageLoaded) {
+      if (quoteCount === undefined) {
         quoteCount = data.quoteCount;
       }
 
@@ -45,7 +44,7 @@
   });
 </script>
 
-{#if firstPageLoaded}
+{#if quoteCount !== undefined}
   <header>
     <h2>
       {#if quoteCount > 1}
diff --git a/src/pages/ThreadPage.svelte b/src/pages/ThreadPage.svelte
index 98a2948..3f1c0a6 100644
--- a/src/pages/ThreadPage.svelte
+++ b/src/pages/ThreadPage.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { Post, parseThreadPost } from '../models/posts.js';
   import { showError } from '../utils.js';
   import MainLoader from '../components/MainLoader.svelte';
@@ -6,23 +6,28 @@
   import ThreadRootParent from '../components/posts/ThreadRootParent.svelte';
   import ThreadRootParentRaw from '../components/posts/ThreadRootParentRaw.svelte';
 
-  let { url = undefined, author = undefined, rkey = undefined } = $props();
-  let post = $state();
+  type Props = { url: string } | { author: string, rkey: string };
+
+  let props: Props = $props();
+  let post: AnyPost | undefined = $state();
   let loadingFailed = $state(false);
 
-  let response;
+  let rootComponent: PostComponent;
+  let response: Promise<json>;
 
-  if (url && url.startsWith('at://')) {
-    response = api.loadThreadByAtURI(url);
-  } else if (url) {
-    response = api.loadThreadByURL(url);
-  } else if (author && rkey) {
-    response = api.loadThreadById(author, rkey);
+  if ('url' in props) {
+    let { url } = props;
+
+    if (url.startsWith('at://')) {
+      response = api.loadThreadByAtURI(url);
+    } else {
+      response = api.loadThreadByURL(url);
+    }
   } else {
-    throw 'Either url or author & rkey must be set';
-  }
+    let { author, rkey } = props;
 
-  let rootComponent;
+    response = api.loadThreadById(author, rkey);
+  }
 
   response.then((json) => {
     let root = parseThreadPost(json.thread);
diff --git a/src/pages/TimelineSearchPage.svelte b/src/pages/TimelineSearchPage.svelte
index 4fac119..dcc96de 100644
--- a/src/pages/TimelineSearchPage.svelte
+++ b/src/pages/TimelineSearchPage.svelte
@@ -1,20 +1,21 @@
-<script>
+<script lang="ts">
   import PostComponent from '../components/posts/PostComponent.svelte';
+  import { Post } from '../models/posts';
   import { TimelineSearch } from '../services/timeline_search.js';
   import { numberOfDays } from '../utils.js';
 
   let timeRangeDays = $state(7);
-  let progressMax = $state();
-  let progress = $state();
+  let progressMax: number | undefined = $state();
+  let progress: number | undefined = $state();
   let fetchInProgress = $derived(progress !== undefined);
-  let daysFetched = $state();
+  let daysFetched: number | undefined = $state();
 
   let query = $state('');
-  let results = $state([]);
+  let results: Post[] = $state([]);
 
   let timelineSearch = new TimelineSearch();
 
-  async function startScan(e) {
+  async function startScan(e: Event) {
     e.preventDefault();
 
     if (!fetchInProgress) {
@@ -31,7 +32,7 @@
     }
   }
 
-  function onKeyPress(e) {
+  function onKeyPress(e: KeyboardEvent) {
     if (e.key == 'Enter') {
       e.preventDefault();
 
diff --git a/src/services/like_stats.js b/src/services/like_stats.ts
similarity index 74%
rename from src/services/like_stats.js
rename to src/services/like_stats.ts
index a89c48f..cbaa3bf 100644
--- a/src/services/like_stats.js
+++ b/src/services/like_stats.ts
@@ -1,10 +1,17 @@
 import { atURI, feedPostTime } from '../utils.js';
 import { BlueskyAPI } from '../api/api.js';
 
-export class LikeStats {
+export type LikeStatsResponse = { givenLikes: LikeStat[], receivedLikes: LikeStat[] }
+export type LikeStat = { handle?: string, did?: string, avatar?: string, count: number }
+export type LikeStatHash = Record<string, LikeStat>
 
-  /** @type {number | undefined} */
-  scanStartTime;
+export class LikeStats {
+  scanStartTime: number | undefined;
+  appView: BlueskyAPI;
+  progressPosts: number;
+  progressLikeRecords: number;
+  progressPostLikes: number;
+  onProgress: ((days: number) => void) | undefined
 
   constructor() {
     this.appView = new BlueskyAPI('public.api.bsky.app', false);
@@ -14,13 +21,7 @@ export class LikeStats {
     this.progressPostLikes = 0;
   }
 
-  /**
-   * @param {number} requestedDays
-   * @param {(days: number) => void} onProgress
-   * @returns {Promise<{ givenLikes: LikeStat[], receivedLikes: LikeStat[] }>}
-   */
-
-  async findLikes(requestedDays, onProgress) {
+  async findLikes(requestedDays: number, onProgress: (days: number) => void): Promise<LikeStatsResponse> {
     this.onProgress = onProgress;
     this.resetProgress();
     this.scanStartTime = new Date().getTime();
@@ -38,7 +39,7 @@ export class LikeStats {
     let profileInfo = await appView.getRequest('app.bsky.actor.getProfiles', { actors: topGiven.map(x => x.did) });
 
     for (let profile of profileInfo.profiles) {
-      let user = /** @type {LikeStat} */ (topGiven.find(x => x.did == profile.did));
+      let user = topGiven.find(x => x.did == profile.did)!;
       user.handle = profile.handle;
       user.avatar = profile.avatar;
     }
@@ -48,10 +49,8 @@ export class LikeStats {
     return { givenLikes: topGiven, receivedLikes: topReceived };
   }
 
-  /** @param {number} requestedDays, @returns {Promise<json[]>} */
-
-  async fetchGivenLikes(requestedDays) {
-    let startTime = /** @type {number} */ (this.scanStartTime);
+  async fetchGivenLikes(requestedDays: number): Promise<json[]> {
+    let startTime = this.scanStartTime!
 
     return await accountAPI.fetchAll('com.atproto.repo.listRecords', {
       params: {
@@ -74,10 +73,8 @@ export class LikeStats {
     });
   }
 
-  /** @param {number} requestedDays, @returns {Promise<json[]>} */
-
-  async fetchReceivedLikes(requestedDays) {
-    let startTime = /** @type {number} */ (this.scanStartTime);
+  async fetchReceivedLikes(requestedDays: number): Promise<json[]> {
+    let startTime = this.scanStartTime!
 
     let myPosts = await this.appView.loadUserTimeline(accountAPI.user.did, requestedDays, {
       filter: 'posts_with_replies',
@@ -95,7 +92,7 @@ export class LikeStats {
 
     let likedPosts = myPosts.filter(x => !x['reason'] && x['post']['likeCount'] > 0);
 
-    let results = [];
+    let results: json[][] = [];
 
     for (let i = 0; i < likedPosts.length; i += 10) {
       let batch = likedPosts.slice(i, i + 10);
@@ -120,16 +117,8 @@ export class LikeStats {
     return results.flat();
   }
 
-  /**
-   * @typedef {{ handle?: string, did?: string, avatar?: string, count: number }} LikeStat
-   * @typedef {Record<string, LikeStat>} LikeStatHash
-   */
-
-  /** @param {json[]} likes, @returns {LikeStatHash} */
-
-  sumUpReceivedLikes(likes) {
-    /** @type {LikeStatHash} */
-    let stats = {};
+  sumUpReceivedLikes(likes: json[]): LikeStatHash {
+    let stats: LikeStatHash = {};
 
     for (let like of likes) {
       let handle = like.actor.handle;
@@ -144,11 +133,8 @@ export class LikeStats {
     return stats;
   }
 
-  /** @param {json[]} likes, @returns {LikeStatHash} */
-
-  sumUpGivenLikes(likes) {
-    /** @type {LikeStatHash} */
-    let stats = {};
+  sumUpGivenLikes(likes: json[]): LikeStatHash {
+    let stats: LikeStatHash = {};
 
     for (let like of likes) {
       let did = atURI(like.value.subject.uri).repo;
@@ -163,9 +149,7 @@ export class LikeStats {
     return stats;
   }
 
-  /** @param {LikeStatHash} counts, @returns {LikeStat[]} */
-
-  getTopEntries(counts) {
+  getTopEntries(counts: LikeStatHash): LikeStat[] {
     return Object.entries(counts).sort(this.sortResults).map(x => x[1]).slice(0, 25);
   }
 
@@ -177,9 +161,7 @@ export class LikeStats {
     this.onProgress && this.onProgress(0);
   }
 
-  /** @param {{ posts?: number, likeRecords?: number, postLikes?: number }} data */
-
-  updateProgress(data) {
+  updateProgress(data: { posts?: number, likeRecords?: number, postLikes?: number }) {
     if (data.posts) {
       this.progressPosts = data.posts;
     }
@@ -201,9 +183,7 @@ export class LikeStats {
     this.onProgress && this.onProgress(totalProgress);
   }
 
-  /** @param {[string, LikeStat]} a, @param {[string, LikeStat]} b, @returns {-1|1|0} */
-
-  sortResults(a, b) {
+  sortResults(a: [string, LikeStat], b: [string, LikeStat]): -1 | 1 | 0 {
     if (a[1].count < b[1].count) {
       return 1;
     } else if (a[1].count > b[1].count) {
diff --git a/src/services/lycan.js b/src/services/lycan.ts
similarity index 72%
rename from src/services/lycan.js
rename to src/services/lycan.ts
index b91908d..a1b2064 100644
--- a/src/services/lycan.js
+++ b/src/services/lycan.ts
@@ -2,45 +2,33 @@ import { Post } from '../models/posts.js';
 import * as paginator from '../utils/paginator.js';
 import { BlueskyAPI } from '../api/api.js';
 
-export class Lycan {
-
-  /** @returns {json} */
+export type OnPostsLoaded = (data: { posts: Post[], terms: string[] }) => void
+export type OnFinish = () => void
 
+export class Lycan {
   get proxyHeaders() {
     return { 'atproto-proxy': 'did:web:lycan.feeds.blue#lycan' };
   }
 
-  /** @returns {Promise<json>} */
-
   async getImportStatus() {
     return await accountAPI.getRequest('blue.feeds.lycan.getImportStatus', null, { headers: this.proxyHeaders });
   }
 
-  /** @returns {Promise<void>} */
-
   async startImport() {
     await accountAPI.postRequest('blue.feeds.lycan.startImport', null, { headers: this.proxyHeaders });
   }
 
-  /** @returns {Promise<json>} */
-
-  async makeQuery(collection, query, cursor) {
-    let params = { collection, query };
+  async makeQuery(collection: string, query: string, cursor: string | undefined) {
+    let params: Record<string, string> = { collection, query };
     if (cursor) params.cursor = cursor;
 
     return await accountAPI.getRequest('blue.feeds.lycan.searchPosts', params, { headers: this.proxyHeaders });
   }
 
-  /**
-   * @param {string} collection
-   * @param {string} query
-   * @param {{ onPostsLoaded: (data: { posts: Post[], terms: string[] }) => void, onFinish?: () => void }} callbacks
-   */
-
-  searchPosts(collection, query, callbacks) {
+  searchPosts(collection: string, query: string, callbacks: { onPostsLoaded: OnPostsLoaded, onFinish: OnFinish }) {
     let isLoading = false;
     let finished = false;
-    let cursor;
+    let cursor: string | undefined;
 
     paginator.loadInPages(async () => {
       if (isLoading || finished) { return; }
@@ -65,28 +53,23 @@ export class Lycan {
 }
 
 export class DevLycan extends Lycan {
+  localLycan: BlueskyAPI;
 
   constructor() {
     super();
     this.localLycan = new BlueskyAPI('http://localhost:3000', false);
   }
 
-  /** @returns {Promise<json>} */
-
   async getImportStatus() {
     return await this.localLycan.getRequest('blue.feeds.lycan.getImportStatus', { user: accountAPI.user.did });
   }
 
-  /** @returns {Promise<void>} */
-
   async startImport() {
     await this.localLycan.postRequest('blue.feeds.lycan.startImport', { user: accountAPI.user.did });
   }
 
-  /** @returns {Promise<json>} */
-
-  async makeQuery(collection, query, cursor) {
-    let params = { collection, query, user: accountAPI.user.did };
+  async makeQuery(collection: string, query: string, cursor: string | undefined) {
+    let params: Record<string, string> = { collection, query, user: accountAPI.user.did };
     if (cursor) params.cursor = cursor;
 
     return await this.localLycan.getRequest('blue.feeds.lycan.searchPosts', params);
diff --git a/src/services/posting_stats.js b/src/services/posting_stats.ts
similarity index 70%
rename from src/services/posting_stats.js
rename to src/services/posting_stats.ts
index a03f65e..d9d2be7 100644
--- a/src/services/posting_stats.js
+++ b/src/services/posting_stats.ts
@@ -5,47 +5,47 @@ import { feedPostTime } from '../utils.js';
  * Manages the Posting Stats page.
  */
 
+type GenerateResultsOptions = {
+  countFetchedDays?: boolean
+  users?: UserWithHandle[]
+}
+
+export type OnProgress = ((progress: number) => void);
+
+export type UserWithHandle = {
+  did: string,
+  handle: string,
+  avatar?: string
+}
+
+export type PostingStatsResultRow = {
+  handle: string,
+  avatar: string | undefined,
+  own: number,
+  reposts: number,
+  all: number
+}
+
+export type PostingStatsResult = {
+  users: PostingStatsResultRow[],
+  sums: { own: number, reposts: number, all: number },
+  fetchedDays: number,
+  daysBack: number
+}
+
 export class PostingStats {
+  appView: BlueskyAPI;
+  scanStartTime: number | undefined;
+  userProgress: Record<string, { pages: number, progress: number }>;
+  onProgress: OnProgress | undefined;
 
-  /** @type {number | undefined} */
-  scanStartTime;
-
-  /** @type {Record<string, { pages: number, progress: number }>} */
-  userProgress = {};
-
-  /**
-   * @typedef {{
-   *   did: string,
-   *   handle: string,
-   *   avatar?: string
-   * }} UserWithHandle
-   *
-   * @typedef {{
-   *   handle: string,
-   *   avatar: string | undefined,
-   *   own: number,
-   *   reposts: number,
-   *   all: number
-   * }} PostingStatsResultRow
-   *
-   * @typedef {{
-   *   users: PostingStatsResultRow[],
-   *   sums: { own: number, reposts: number, all: number },
-   *   fetchedDays: number,
-   *   daysBack: number
-   * }} PostingStatsResult
-   */
-
-  /** @param {((progress: number) => void)=} onProgress */
-
-  constructor(onProgress) {
+  constructor(onProgress?: OnProgress) {
     this.onProgress = onProgress;
     this.appView = new BlueskyAPI('public.api.bsky.app', false);
+    this.userProgress = {};
   }
 
-  /** @param {json[]} data, @param {number} startTime */
-
-  onPageLoad(data, startTime) {
+  onPageLoad(data: json[], startTime: number): { cancel: true } | undefined {
     if (this.scanStartTime == startTime) {
       this.updateProgress(data, startTime);
     } else {
@@ -53,9 +53,7 @@ export class PostingStats {
     }
   }
 
-  /** @param {number} requestedDays, @returns {Promise<PostingStatsResult?>} */
-
-  async scanHomeTimeline(requestedDays) {
+  async scanHomeTimeline(requestedDays: number): Promise<PostingStatsResult | null> {
     let startTime = new Date().getTime();
     this.scanStartTime = startTime;
 
@@ -67,9 +65,7 @@ export class PostingStats {
     return this.generateResults(posts, requestedDays, startTime);
   }
 
-  /** @param {string} listURI, @param {number} requestedDays, @returns {Promise<PostingStatsResult?>} */
-
-  async scanListTimeline(listURI, requestedDays) {
+  async scanListTimeline(listURI: string, requestedDays: number): Promise<PostingStatsResult | null> {
     let startTime = new Date().getTime();
     this.scanStartTime = startTime;
 
@@ -81,9 +77,7 @@ export class PostingStats {
     return this.generateResults(posts, requestedDays, startTime);
   }
 
-  /** @param {UserWithHandle[]} users, @returns {Promise<PostingStatsResult?>} */
-
-  async scanUserTimelines(users, requestedDays) {
+  async scanUserTimelines(users: UserWithHandle[], requestedDays: number): Promise<PostingStatsResult | null> {
     let startTime = new Date().getTime();
     this.scanStartTime = startTime;
 
@@ -108,9 +102,7 @@ export class PostingStats {
     return this.generateResults(posts, requestedDays, startTime, { countFetchedDays: false, users: users });
   }
 
-  /** @param {number} requestedDays, @returns {Promise<PostingStatsResult?>} */
-
-  async scanYourTimeline(requestedDays) {
+  async scanYourTimeline(requestedDays: number): Promise<PostingStatsResult | null> {
     let startTime = new Date().getTime();
     this.scanStartTime = startTime;
 
@@ -123,15 +115,7 @@ export class PostingStats {
     return this.generateResults(posts, requestedDays, startTime);
   }
 
-  /**
-   * @param {json[]} posts
-   * @param {number} requestedDays
-   * @param {number} startTime
-   * @param {{ countFetchedDays?: boolean, users?: UserWithHandle[] }} options
-   * @returns {PostingStatsResult?}
-   */
-
-  generateResults(posts, requestedDays, startTime, options = {}) {
+  generateResults(posts: json[], requestedDays: number, startTime: number, options: GenerateResultsOptions = {}) {
     let last = posts.at(-1);
 
     if (!last) {
@@ -143,11 +127,11 @@ export class PostingStats {
       return null;
     }
 
-    let users = {};
+    let users: Record<string, PostingStatsResultRow> = {};
 
     let lastDate = feedPostTime(last);
     let fetchedDays = (startTime - lastDate) / 86400 / 1000;
-    let daysBack;
+    let daysBack: number;
 
     if (options.countFetchedDays !== false) {
       daysBack = Math.min(requestedDays, fetchedDays);
@@ -161,7 +145,7 @@ export class PostingStats {
 
     if (options.users) {
       for (let user of options.users) {
-        users[user.handle] = { handle: user.handle, own: 0, reposts: 0, avatar: user.avatar };
+        users[user.handle] = { handle: user.handle, own: 0, reposts: 0, avatar: user.avatar } as PostingStatsResultRow;
       }
     }
 
@@ -199,9 +183,7 @@ export class PostingStats {
     return { users: userRows, sums, fetchedDays, daysBack };
   }
 
-  /** @param {json[]} dataPage, @param {number} startTime */
-
-  updateProgress(dataPage, startTime) {
+  updateProgress(dataPage: json[], startTime: number) {
     let last = dataPage.at(-1);
 
     if (!last) { return }
@@ -212,9 +194,7 @@ export class PostingStats {
     this.onProgress && this.onProgress(daysBack);
   }
 
-  /** @param {string[]} dids */
-
-  resetUserProgress(dids) {
+  resetUserProgress(dids: string[]) {
     this.userProgress = {};
 
     for (let did of dids) {
@@ -222,9 +202,7 @@ export class PostingStats {
     }
   }
 
-  /** @param {string} did, @param {json[]} dataPage, @param {number} startTime, @param {number} requestedDays */
-
-  updateUserProgress(did, dataPage, startTime, requestedDays) {
+  updateUserProgress(did: string, dataPage: json[], startTime: number, requestedDays: number) {
     let last = dataPage.at(-1);
 
     if (!last) { return }
diff --git a/src/services/timeline_search.js b/src/services/timeline_search.ts
similarity index 73%
rename from src/services/timeline_search.js
rename to src/services/timeline_search.ts
index 0286802..3e018b3 100644
--- a/src/services/timeline_search.js
+++ b/src/services/timeline_search.ts
@@ -2,23 +2,14 @@ import { Post, parseFeedPost } from '../models/posts.js';
 import { feedPostTime } from '../utils.js';
 
 export class TimelineSearch {
-
-  /** @type {number | undefined} */
-  fetchStartTime;
-
-  /** @type {json[]} */
-  timelinePosts;
+  fetchStartTime: number | undefined;
+  timelinePosts: json[];
 
   constructor() {
     this.timelinePosts = [];
   }
 
-  /**
-   * @param {number} requestedDays
-   * @param {(progress: number) => void} onProgress
-   */
-
-  async fetchTimeline(requestedDays, onProgress) {
+  async fetchTimeline(requestedDays: number, onProgress: (progress: number) => void) {
     let startTime = new Date().getTime();
     this.fetchStartTime = startTime;
 
@@ -43,9 +34,7 @@ export class TimelineSearch {
     this.fetchStartTime = undefined;
   }
 
-  /** @param {json[]} dataPage, @param {number} startTime, @returns {number?} */
-
-  calculateProgress(dataPage, startTime) {
+  calculateProgress(dataPage: json[], startTime: number) {
     let last = dataPage.at(-1);
 
     if (!last) { return null; }
@@ -55,9 +44,7 @@ export class TimelineSearch {
     return daysBack;
   }
 
-  /** @param {string} query, @returns {Post[]} */
-
-  searchPosts(query) {
+  searchPosts(query: string): Post[] {
     if (query.length == 0) {
       return [];
     }
diff --git a/src/types.d.ts b/src/types.d.ts
index f08de50..9ba5b47 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,18 +1,23 @@
 interface Window {
   dateLocale: string | undefined;
-  root: AnyPost;
-  subtreeRoot: AnyPost;
+  root: import("./models/posts.js").AnyPost;
+  subtreeRoot: import("./models/posts.js").AnyPost;
   init: () => void;
-  BlueskyAPI: BlueskyAPI;
+  BlueskyAPI: { new(host: string | null, useAuthentication: boolean): import("./api/api.js").BlueskyAPI };
 }
 
-declare var accountAPI: BlueskyAPI;
-declare var blueAPI: BlueskyAPI;
-declare var appView: BlueskyAPI;
-declare var api: BlueskyAPI;
+declare var accountAPI: import("./api/api.js").BlueskyAPI;
+declare var blueAPI: import("./api/api.js").BlueskyAPI;
+declare var appView: import("./api/api.js").BlueskyAPI;
+declare var api: import("./api/api.js").BlueskyAPI;
 declare var avatarPreloader: IntersectionObserver;
 
 type json = Record<string, any>;
-type FetchAllOnPageLoad = (obj: json[]) => { cancel: true } | void;
-type AnyPost = Post | BlockedPost | MissingPost | DetachedQuotePost;
+type FetchAllOnPageLoad = (obj: json[]) => { cancel: true } | undefined | void;
+
+type AnyPost = import("./models/posts.js").Post
+             | import("./models/posts.js").BlockedPost
+             | import("./models/posts.js").MissingPost
+             | import("./models/posts.js").DetachedQuotePost;
+
 type PostContext = 'thread' | 'parent' | 'quote' | 'quotes' | 'feed';
diff --git a/src/utils/post_presenter.js b/src/utils/post_presenter.ts
similarity index 85%
rename from src/utils/post_presenter.js
rename to src/utils/post_presenter.ts
index a0b6a35..80deadf 100644
--- a/src/utils/post_presenter.js
+++ b/src/utils/post_presenter.ts
@@ -1,6 +1,8 @@
 import { sameDay } from '../utils.js';
+import { Post } from '../models/posts.js';
 
 export class PostPresenter {
+
   /**
    * Contexts:
    * - thread - a post in the thread tree
@@ -8,18 +10,17 @@ export class PostPresenter {
    * - quote - a quote embed
    * - quotes - a post on the quotes page
    * - feed - a post on the hashtag feed page
-   *
-   * @param {AnyPost} post, @param {PostContext} context
    */
 
-  constructor(post, context) {
+  post: Post;
+  context: PostContext;
+
+  constructor(post: Post, context: PostContext) {
     this.post = post;
     this.context = context;
   }
 
-  /** @returns {json} */
-
-  get timeFormatForTimestamp() {
+  get timeFormatForTimestamp(): Intl.DateTimeFormatOptions {
     if (this.context == 'quotes' || this.context == 'feed') {
       return { weekday: 'short', day: 'numeric', month: 'short', year: 'numeric', hour: 'numeric', minute: 'numeric' };
     } else if (this.post.isPageRoot || this.context != 'thread') {