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/components/ui/Instance.vue

@@ -1,22 +1,14 @@
 <script setup>
-import { onUnmounted, ref, watch } from 'vue'
+import { onUnmounted, ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
-import { DownloadIcon, StopCircleIcon, PlayIcon } from '@modrinth/assets'
+import { StopCircleIcon, PlayIcon } from '@modrinth/assets'
 import { Card, Avatar, AnimatedLogo } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/tauri'
-import InstallConfirmModal from '@/components/ui/InstallConfirmModal.vue'
-import { install as pack_install } from '@/helpers/pack'
-import { list, run } from '@/helpers/profile'
-import {
-  get_all_running_profile_paths,
-  get_uuids_by_profile_path,
-  kill_by_uuid,
-} from '@/helpers/process'
+import { kill, run } from '@/helpers/profile'
+import { get_by_profile_path } from '@/helpers/process'
 import { process_listener } from '@/helpers/events'
-import { useFetch } from '@/helpers/fetch.js'
 import { handleError } from '@/store/state.js'
 import { showProfileInFolder } from '@/helpers/utils.js'
-import ModInstallModal from '@/components/ui/ModInstallModal.vue'
 import { mixpanel_track } from '@/helpers/mixpanel'
 import { handleSevereError } from '@/store/error.js'
 
@@ -29,107 +21,31 @@ const props = defineProps({
   },
 })
 
-const confirmModal = ref(null)
-const modInstallModal = ref(null)
 const playing = ref(false)
 
-const uuid = ref(null)
-const modLoading = ref(
-  props.instance.install_stage ? props.instance.install_stage !== 'installed' : false,
-)
-
-watch(
-  () => props.instance,
-  () => {
-    modLoading.value = props.instance.install_stage
-      ? props.instance.install_stage !== 'installed'
-      : false
-  },
-)
+const modLoading = computed(() => props.instance.install_stage !== 'installed')
 
 const router = useRouter()
 
 const seeInstance = async () => {
-  const instancePath = props.instance.metadata
-    ? `/instance/${encodeURIComponent(props.instance.path)}/`
-    : `/project/${encodeURIComponent(props.instance.project_id)}/`
-
-  await router.push(instancePath)
+  await router.push(`/instance/${encodeURIComponent(props.instance.path)}/`)
 }
 
 const checkProcess = async () => {
-  const runningPaths = await get_all_running_profile_paths().catch(handleError)
+  const runningProcesses = await get_by_profile_path(props.instance.path).catch(handleError)
 
-  if (runningPaths.includes(props.instance.path)) {
-    playing.value = true
-    return
-  }
-
-  playing.value = false
-  uuid.value = null
-}
-
-const install = async (e) => {
-  e?.stopPropagation()
-  modLoading.value = true
-  const versions = await useFetch(
-    `https://api.modrinth.com/v2/project/${props.instance.project_id}/version`,
-    'project versions',
-  )
-
-  if (props.instance.project_type === 'modpack') {
-    const packs = Object.values(await list(true).catch(handleError))
-
-    if (
-      packs.length === 0 ||
-      !packs
-        .map((value) => value.metadata)
-        .find((pack) => pack.linked_data?.project_id === props.instance.project_id)
-    ) {
-      modLoading.value = true
-      await pack_install(
-        props.instance.project_id,
-        versions[0].id,
-        props.instance.title,
-        props.instance.icon_url,
-      ).catch(handleError)
-      modLoading.value = false
-
-      mixpanel_track('PackInstall', {
-        id: props.instance.project_id,
-        version_id: versions[0].id,
-        title: props.instance.title,
-        source: 'InstanceCard',
-      })
-    } else
-      confirmModal.value.show(
-        props.instance.project_id,
-        versions[0].id,
-        props.instance.title,
-        props.instance.icon_url,
-      )
-  } else {
-    modInstallModal.value.show(
-      props.instance.project_id,
-      versions,
-      props.instance.title,
-      props.instance.project_type,
-    )
-  }
-
-  modLoading.value = false
+  playing.value = runningProcesses.length > 0
 }
 
 const play = async (e, context) => {
   e?.stopPropagation()
   modLoading.value = true
-  uuid.value = await run(props.instance.path).catch(handleSevereError)
+  await run(props.instance.path).catch(handleSevereError)
   modLoading.value = false
-  playing.value = true
 
   mixpanel_track('InstancePlay', {
-    loader: props.instance.metadata.loader,
-    game_version: props.instance.metadata.game_version,
+    loader: props.instance.loader,
+    game_version: props.instance.game_version,
     source: context,
   })
 }
@@ -138,22 +54,13 @@ const stop = async (e, context) => {
   e?.stopPropagation()
   playing.value = false
 
-  // If we lost the uuid for some reason, such as a user navigating
-  // from-then-back to this page, we will get all uuids by the instance path.
-  // For-each uuid, kill the process.
-  if (!uuid.value) {
-    const uuids = await get_uuids_by_profile_path(props.instance.path).catch(handleError)
-    uuid.value = uuids[0]
-    uuids.forEach(async (u) => await kill_by_uuid(u).catch(handleError))
-  } else await kill_by_uuid(uuid.value).catch(handleError) // If we still have the uuid, just kill it
+  await kill(props.instance.path).catch(handleError)
 
   mixpanel_track('InstanceStop', {
-    loader: props.instance.metadata.loader,
-    game_version: props.instance.metadata.game_version,
+    loader: props.instance.loader,
+    game_version: props.instance.game_version,
     source: context,
   })
-
-  uuid.value = null
 }
 
 const openFolder = async () => {
@@ -162,14 +69,12 @@ const openFolder = async () => {
 
 const addContent = async () => {
   await router.push({
-    path: `/browse/${props.instance.metadata.loader === 'vanilla' ? 'datapack' : 'mod'}`,
+    path: `/browse/${props.instance.loader === 'vanilla' ? 'datapack' : 'mod'}`,
     query: { i: props.instance.path },
   })
 }
 
 defineExpose({
-  install,
-  playing,
   play,
   stop,
   seeInstance,
@@ -179,7 +84,7 @@ defineExpose({
 })
 
 const unlisten = await process_listener((e) => {
-  if (e.event === 'finished' && e.uuid === uuid.value) playing.value = false
+  if (e.event === 'finished' && e.profile_path_id === props.instance.path) playing.value = false
 })
 
 onUnmounted(() => unlisten())
@@ -190,46 +95,32 @@ onUnmounted(() => unlisten())
     <Card class="instance-card-item button-base" @click="seeInstance" @mouseenter="checkProcess">
       <Avatar
         size="lg"
-        :src="
-          props.instance.metadata
-            ? !props.instance.metadata.icon ||
-              (props.instance.metadata.icon && props.instance.metadata.icon.startsWith('http'))
-              ? props.instance.metadata.icon
-              : convertFileSrc(props.instance.metadata?.icon)
-            : props.instance.icon_url
-        "
+        :src="props.instance.icon_path ? convertFileSrc(props.instance.icon_path) : null"
         alt="Mod card"
         class="mod-image"
       />
       <div class="project-info">
-        <p class="title">{{ props.instance.metadata?.name || props.instance.title }}</p>
+        <p class="title">{{ props.instance.name }}</p>
         <p class="description">
-          {{ props.instance.metadata?.loader }}
-          {{ props.instance.metadata?.game_version || props.instance.latest_version }}
+          {{ props.instance.loader }}
+          {{ props.instance.game_version }}
         </p>
       </div>
     </Card>
     <div
-      v-if="props.instance.metadata && playing === false && modLoading === false"
-      class="install cta button-base"
-      @click="(e) => play(e, 'InstanceCard')"
-    >
-      <PlayIcon />
-    </div>
-    <div v-else-if="modLoading === true && playing === false" class="cta loading-cta">
-      <AnimatedLogo class="loading-indicator" />
-    </div>
-    <div
-      v-else-if="playing === true"
+      v-if="playing === true"
       class="stop cta button-base"
       @click="(e) => stop(e, 'InstanceCard')"
       @mousehover="checkProcess"
     >
       <StopCircleIcon />
     </div>
-    <div v-else class="install cta button-base" @click="install"><DownloadIcon /></div>
-    <InstallConfirmModal ref="confirmModal" />
-    <ModInstallModal ref="modInstallModal" />
+    <div v-else-if="modLoading === true && playing === false" class="cta loading-cta">
+      <AnimatedLogo class="loading-indicator" />
+    </div>
+    <div v-else class="install cta button-base" @click="(e) => play(e, 'InstanceCard')">
+      <PlayIcon />
+    </div>
   </div>
 </template>