Migrate to SQLite for Internal Launcher Data (#1300)

* initial migration

* barebones profiles

* Finish profiles

* Add back file watcher

* UI support progress

* Finish most of cache

* Fix options page

* Fix forge, finish modrinth auth

* Accounts, process cache

* Run SQLX prepare

* Finish

* Run lint + actions

* Fix version to be compat with windows

* fix lint

* actually fix lint

* actually fix lint again

apps/app-frontend/src/pages/Index.vue

@@ -1,14 +1,13 @@
 <script setup>
-import { ref, onUnmounted, shallowRef, computed } from 'vue'
+import { ref, onUnmounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import RowDisplay from '@/components/RowDisplay.vue'
 import { list } from '@/helpers/profile.js'
-import { offline_listener, profile_listener } from '@/helpers/events'
+import { profile_listener } from '@/helpers/events'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
-import { useFetch } from '@/helpers/fetch.js'
 import { handleError } from '@/store/notifications.js'
 import dayjs from 'dayjs'
-import { isOffline } from '@/helpers/utils'
+import { get_search_results } from '@/helpers/cache.js'
 
 const featuredModpacks = ref({})
 const featuredMods = ref({})
@@ -19,45 +18,55 @@ const breadcrumbs = useBreadcrumbs()
 
 breadcrumbs.setRootContext({ name: 'Home', link: route.path })
 
-const recentInstances = shallowRef([])
+const recentInstances = ref([])
 
-const offline = ref(await isOffline())
+const offline = ref(!navigator.onLine)
+window.addEventListener('offline', () => {
+  offline.value = true
+})
+window.addEventListener('online', () => {
+  offline.value = false
+})
 
 const getInstances = async () => {
-  const profiles = await list(true).catch(handleError)
-  recentInstances.value = Object.values(profiles).sort((a, b) => {
-    return dayjs(b.metadata.last_played ?? 0).diff(dayjs(a.metadata.last_played ?? 0))
+  const profiles = await list().catch(handleError)
+
+  recentInstances.value = profiles.sort((a, b) => {
+    const dateA = dayjs(a.last_played ?? 0)
+    const dateB = dayjs(b.last_played ?? 0)
+
+    if (dateA.isSame(dateB)) {
+      return a.name.localeCompare(b.name)
+    }
+
+    return dateB - dateA
   })
 
   let filters = []
   for (const instance of recentInstances.value) {
-    if (instance.metadata.linked_data && instance.metadata.linked_data.project_id) {
-      filters.push(`NOT"project_id"="${instance.metadata.linked_data.project_id}"`)
+    if (instance.linked_data && instance.linked_data.project_id) {
+      filters.push(`NOT"project_id"="${instance.linked_data.project_id}"`)
     }
   }
   filter.value = filters.join(' AND ')
 }
 
 const getFeaturedModpacks = async () => {
-  const response = await useFetch(
-    `https://api.modrinth.com/v2/search?facets=[["project_type:modpack"]]&limit=10&index=follows&filters=${filter.value}`,
-    'featured modpacks',
-    offline.value,
+  const response = await get_search_results(
+    `?facets=[["project_type:modpack"]]&limit=10&index=follows&filters=${filter.value}`,
   )
+
   if (response) {
-    featuredModpacks.value = response.hits
+    featuredModpacks.value = response.result.hits
   } else {
     featuredModpacks.value = []
   }
 }
 const getFeaturedMods = async () => {
-  const response = await useFetch(
-    'https://api.modrinth.com/v2/search?facets=[["project_type:mod"]]&limit=10&index=follows',
-    'featured mods',
-    offline.value,
-  )
+  const response = await get_search_results('?facets=[["project_type:mod"]]&limit=10&index=follows')
+
   if (response) {
-    featuredMods.value = response.hits
+    featuredMods.value = response.result.hits
   } else {
     featuredModpacks.value = []
   }
@@ -69,14 +78,8 @@ await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
 
 const unlistenProfile = await profile_listener(async (e) => {
   await getInstances()
-  if (e.event === 'created' || e.event === 'removed') {
-    await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
-  }
-})
 
-const unlistenOffline = await offline_listener(async (b) => {
-  offline.value = b
-  if (!b) {
+  if (e.event === 'added' || e.event === 'created' || e.event === 'removed') {
     await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
   }
 })
@@ -92,7 +95,6 @@ const total = computed(() => {
 
 onUnmounted(() => {
   unlistenProfile()
-  unlistenOffline()
 })
 </script>
 
@@ -105,6 +107,7 @@ onUnmounted(() => {
           label: 'Jump back in',
           route: '/library',
           instances: recentInstances,
+          instance: true,
           downloaded: true,
         },
         {