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
2024-07-24 11:03:19 -07:00
parent 90f74427d9
commit 49a20a303a
156 changed files with 9208 additions and 8547 deletions
--- a/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
+++ b/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
@@ -0,0 +1,166 @@
+<template>
+  <Modal
+    ref="incompatibleModal"
+    header="Incompatibility warning"
+    :noblur="!themeStore.advancedRendering"
+    :on-hide="onInstall"
+  >
+    <div class="modal-body">
+      <p>
+        This {{ versions?.length > 0 ? 'project' : 'version' }} is not compatible with the instance
+        you're trying to install it on. Are you sure you want to continue? Dependencies will not be
+        installed.
+      </p>
+      <table>
+        <tr class="header">
+          <th>{{ instance?.name }}</th>
+          <th>{{ project.title }}</th>
+        </tr>
+        <tr class="content">
+          <td class="data">{{ instance?.loader }} {{ instance?.game_version }}</td>
+          <td>
+            <DropdownSelect
+              v-if="versions?.length > 1"
+              v-model="selectedVersion"
+              :options="versions"
+              placeholder="Select version"
+              name="Version select"
+              :display-name="
+                (version) =>
+                  `${version?.name} (${version?.loaders
+                    .map((name) => formatCategory(name))
+                    .join(', ')} - ${version?.game_versions.join(', ')})`
+              "
+              render-up
+            />
+            <span v-else>
+              <span>
+                {{ selectedVersion?.name }} ({{
+                  selectedVersion?.loaders.map((name) => formatCategory(name)).join(', ')
+                }}
+                - {{ selectedVersion?.game_versions.join(', ') }})
+              </span>
+            </span>
+          </td>
+        </tr>
+      </table>
+      <div class="button-group">
+        <Button @click="() => incompatibleModal.hide()"><XIcon />Cancel</Button>
+        <Button color="primary" :disabled="installing" @click="install()">
+          <DownloadIcon /> {{ installing ? 'Installing' : 'Install' }}
+        </Button>
+      </div>
+    </div>
+  </Modal>
+</template>
+
+<script setup>
+import { XIcon, DownloadIcon } from '@modrinth/assets'
+import { Button, Modal, DropdownSelect } from '@modrinth/ui'
+import { formatCategory } from '@modrinth/utils'
+import { add_project_from_version as installMod } from '@/helpers/profile'
+import { ref } from 'vue'
+import { handleError, useTheming } from '@/store/state.js'
+import { mixpanel_track } from '@/helpers/mixpanel'
+
+const themeStore = useTheming()
+
+const instance = ref(null)
+const project = ref(null)
+const versions = ref(null)
+const selectedVersion = ref(null)
+const incompatibleModal = ref(null)
+const installing = ref(false)
+
+let onInstall = ref(() => {})
+
+defineExpose({
+  show: (instanceVal, projectVal, projectVersions, callback) => {
+    instance.value = instanceVal
+    versions.value = projectVersions
+    selectedVersion.value = projectVersions[0]
+
+    project.value = projectVal
+
+    onInstall.value = callback
+    installing.value = false
+
+    incompatibleModal.value.show()
+
+    mixpanel_track('ProjectInstallStart', { source: 'ProjectIncompatibilityWarningModal' })
+  },
+})
+
+const install = async () => {
+  installing.value = true
+  await installMod(instance.value.path, selectedVersion.value.id).catch(handleError)
+  installing.value = false
+  onInstall.value(selectedVersion.value.id)
+  incompatibleModal.value.hide()
+
+  mixpanel_track('ProjectInstall', {
+    loader: instance.value.loader,
+    game_version: instance.value.game_version,
+    id: project.value,
+    version_id: selectedVersion.value.id,
+    project_type: project.value.project_type,
+    title: project.value.title,
+    source: 'ProjectIncompatibilityWarningModal',
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.data {
+  text-transform: capitalize;
+}
+
+table {
+  width: 100%;
+  border-radius: var(--radius-lg);
+  border-collapse: collapse;
+  box-shadow: 0 0 0 1px var(--color-button-bg);
+}
+
+th {
+  text-align: left;
+  padding: 1rem;
+  background-color: var(--color-bg);
+  overflow: hidden;
+  border-bottom: 1px solid var(--color-button-bg);
+}
+
+th:first-child {
+  border-top-left-radius: var(--radius-lg);
+  border-right: 1px solid var(--color-button-bg);
+}
+
+th:last-child {
+  border-top-right-radius: var(--radius-lg);
+}
+
+td {
+  padding: 1rem;
+}
+
+td:first-child {
+  border-right: 1px solid var(--color-button-bg);
+}
+
+.button-group {
+  display: flex;
+  justify-content: flex-end;
+  gap: 1rem;
+}
+
+.modal-body {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1rem;
+
+  :deep(.animated-dropdown .options) {
+    max-height: 13.375rem;
+  }
+}
+</style>