Depot API downloads #173

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

DecDuck merged 23 commits into develop from torrential

Jan 20, 2026

libs/drop-base

Submodule drop-base updated 1 files

+1 −1		components/ModalStack.vue

main/app.vue

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     <template>
-        <NuxtLoadingIndicator color="#2563eb" />
+      <NuxtLoadingIndicator color="#2563eb" />
       <NuxtLayout class="select-none w-screen h-screen">
         <NuxtPage />
         <ModalStack />
@@ Expand All / @@ -15,6 +15,8 @@ import { @@
       initialNavigation,
       setupHooks,
     } from "./composables/state-navigation.js";
+    import { listen } from "@tauri-apps/api/event";
+    import type { AppState } from "./types.js";
     const router = useRouter();
@@ Expand All / @@ -36,9 +38,8 @@ async function fetchState() { @@
     }
     await fetchState();
-    // This is inefficient but apparently we do it lol
-    router.beforeEach(async () => {
-      await fetchState();
+    listen("update_state", (event) => {
+      state.value = event.payload as AppState;
     });
     setupHooks();
@@ Expand Down @@

main/assets/main.scss

-Original file line number
+Diff line change
@@ Expand Up / @@ -6,6 +6,7 @@ html, @@
     body {
       -ms-overflow-style: none; /* IE and Edge /
     scrollbar-width: none; / Firefox */
+      overscroll-behavior: none;
     }
     /* Hide scrollbar for Chrome, Safari and Opera */
@@ Expand Down @@

main/components/DependencyRequiredModal.vue

-Original file line number
+Diff line change
@@ -0,0 +1,106 @@
+    <template>
+      <ModalTemplate :model-value="true">
+        <template #default
+          ><div class="flex items-start gap-x-3">
+            <img :src="useObject(game.mIconObjectId)" class="size-12" />
+            <div class="mt-3 text-center sm:mt-0 sm:text-left">
+              <h3 class="text-base font-semibold text-zinc-100">
+                Missing required dependency "{{ game.mName }}"
+              </h3>
+              <div class="mt-2">
+                <p class="text-sm text-zinc-400">
+                  To launch this game, you need to have "{{ game.mName }}" ({{
+                    version.displayName ?? version.versionPath
+                  }}) installed.
+                </p>
+              </div>
+            </div>
+          </div>
+          <InstallDirectorySelector
+            :install-dirs="installDirs"
+            v-model="installDir"
+          />
+          <div v-if="installError" class="mt-1 rounded-md bg-red-600/10 p-4">
+            <div class="flex">
+              <div class="flex-shrink-0">
+                <XCircleIcon class="h-5 w-5 text-red-600" aria-hidden="true" />
+              </div>
+              <div class="ml-3">
+                <h3 class="text-sm font-medium text-red-600">
+                  {{ installError }}
+                </h3>
+              </div>
+            </div>
+          </div>
+        </template>
+        <template #buttons>
+          <LoadingButton
+            @click="() => install()"
+            :loading="installLoading"
+            :disabled="installLoading"
+            type="submit"
+            class="ml-2 w-full sm:w-fit"
+          >
+            Install
+          </LoadingButton>
+          <button
+            type="button"
+            class="mt-3 inline-flex w-full justify-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-700 hover:bg-zinc-900 sm:mt-0 sm:w-auto"
+            @click="cancel"
+            ref="cancelButtonRef"
+          >
+            Cancel
+          </button>
+        </template>
+      </ModalTemplate>
+    </template>
+    <script setup lang="ts">
+    import { invoke } from "@tauri-apps/api/core";
+    import { XCircleIcon } from "@heroicons/vue/24/solid";
+    const model = defineModel<{ gameId: string; versionId: string }>({
+      required: true,
+    });
+    const { game, status } = await useGame(model.value.gameId);
+    const versionOptions = await invoke<Array<VersionOption>>(
+      "fetch_game_version_options",
+      {
+        gameId: game.id,
+      }
+    );
+    const version = versionOptions.find(
+      (v) => v.versionId === model.value.versionId
+    )!;
+    const installDirs = await invoke<string[]>("fetch_download_dir_stats");
+    const installDir = ref(0);
+    function cancel() {
+      // @ts-expect-error
+      model.value = undefined;
+    }
+    const installError = ref<string | undefined>();
+    const installLoading = ref(false);
+    async function install() {
+      try {
+        installLoading.value = true;
+        await invoke("download_game", {
+          gameId: game.id,
+          versionId: model.value.versionId,
+          installDir: installDir.value,
+          targetPlatform: version.platform,
+        });
+        cancel();
+      } catch (error) {
+        installError.value = (error as string).toString();
+      }
+      installLoading.value = false;
+    }
+    </script>

main/components/InstallDirectorySelector.vue

-Original file line number
+Diff line change
@@ -0,0 +1,87 @@
+    <template>
+      <Listbox as="div" v-model="installDir">
+        <ListboxLabel class="block text-sm/6 font-medium text-zinc-100"
+          >Install to</ListboxLabel
+        >
+        <div class="relative mt-2">
+          <ListboxButton
+            class="relative w-full cursor-default rounded-md bg-zinc-800 py-1.5 pl-3 pr-10 text-left text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-700 focus:outline-none focus:ring-2 focus:ring-blue-600 sm:text-sm/6"
+          >
+            <span class="block truncate">{{ installDirs[installDir] }}</span>
+            <span
+              class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
+            >
+              <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
+            </span>
+          </ListboxButton>
+          <transition
+            leave-active-class="transition ease-in duration-100"
+            leave-from-class="opacity-100"
+            leave-to-class="opacity-0"
+          >
+            <ListboxOptions
+              class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-zinc-900 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+            >
+              <ListboxOption
+                as="template"
+                v-for="(dir, dirIdx) in installDirs"
+                :key="dir"
+                :value="dirIdx"
+                v-slot="{ active, selected }"
+              >
+                <li
+                  :class="[
+                    active ? 'bg-blue-600 text-white' : 'text-zinc-300',
+                    'relative cursor-default select-none py-2 pl-3 pr-9',
+                  ]"
+                >
+                  <span
+                    :class="[
+                      selected ? 'font-semibold text-zinc-100' : 'font-normal',
+                      'block truncate',
+                    ]"
+                    >{{ dir }}</span
+                  >
+                  <span
+                    v-if="selected"
+                    :class="[
+                      active ? 'text-white' : 'text-blue-600',
+                      'absolute inset-y-0 right-0 flex items-center pr-4',
+                    ]"
+                  >
+                    <CheckIcon class="h-5 w-5" aria-hidden="true" />
+                  </span>
+                </li>
+              </ListboxOption>
+            </ListboxOptions>
+          </transition>
+        </div>
+        <div class="text-zinc-400 text-sm mt-2">
+          Add more install directories in
+          <PageWidget to="/settings/downloads">
+            <WrenchIcon class="size-3" />
+            Settings
+          </PageWidget>
+        </div>
+      </Listbox>
+    </template>
+    <script setup lang="ts">
+    import {
+      Listbox,
+      ListboxButton,
+      ListboxLabel,
+      ListboxOption,
+      ListboxOptions,
+    } from "@headlessui/vue";
+    import {
+      CheckIcon,
+      ChevronUpDownIcon,
+      WrenchIcon,
+    } from "@heroicons/vue/20/solid";
+    const installDir = defineModel<number>({ required: true });
+    const { installDirs } = defineProps<{ installDirs: string[] }>();
+    </script>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Depot API downloads #173

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!