Chore: Port over Home & Fix Suwayomi-Server Detection on Web

src/lib/state/series.svelte.ts

@@ -1,36 +1,28 @@
 import type { Manga, Chapter } from '$lib/types'
 
-export const seriesState = $state({
-  current: null as Manga | null,
-  loading: false,
-  error: null as string | null,
+class SeriesState {
+  current         = $state<Manga | null>(null)
+  loading         = $state(false)
+  error           = $state<string | null>(null)
 
-  chapters: [] as Chapter[],
-  chaptersLoading: false,
-  chaptersError: null as string | null,
+  chapters        = $state<Chapter[]>([])
+  chaptersLoading = $state(false)
+  chaptersError   = $state<string | null>(null)
 
-  chapterFilter: {
-    unread: false,
-    downloaded: false,
-    query: '',
-  },
-  chapterSortDesc: true,
-})
+  chapterSortDesc = $state(true)
+  chapterFilter   = $state({ unread: false, downloaded: false, query: '' })
 
-export const filteredChapters = $derived.by(() => {
-  let result = seriesState.chapters
+  filteredChapters = $derived.by(() => {
+    let result = this.chapters
+    if (this.chapterFilter.unread)     result = result.filter(c => !c.read)
+    if (this.chapterFilter.downloaded) result = result.filter(c => c.downloaded)
+    if (this.chapterFilter.query) {
+      const q = this.chapterFilter.query.toLowerCase()
+      result = result.filter(c => c.name.toLowerCase().includes(q))
+    }
+    const sorted = [...result].sort((a, b) => a.chapterNumber - b.chapterNumber)
+    return this.chapterSortDesc ? sorted.reverse() : sorted
+  })
+}
 
-  if (seriesState.chapterFilter.unread) {
-    result = result.filter(c => !c.read)
-  }
-  if (seriesState.chapterFilter.downloaded) {
-    result = result.filter(c => c.downloaded)
-  }
-  if (seriesState.chapterFilter.query) {
-    const q = seriesState.chapterFilter.query.toLowerCase()
-    result = result.filter(c => c.name.toLowerCase().includes(q))
-  }
-
-  const sorted = [...result].sort((a, b) => a.chapterNumber - b.chapterNumber)
-  return seriesState.chapterSortDesc ? sorted.reverse() : sorted
-})
+export const seriesState = new SeriesState()