Merge branch 'develop' into redistributable

... copilot suggested this

I feel dirty.

changelog.md

@@ -1,544 +0,0 @@
-## Release 0.2.0-beta
-
-### Fixes
-
-- fix recursive dirs util #02d6346
-- Fix username length requirement #0a5a649
-- remove dynamic imports #0f10626
-- fix for missing developers or publishers #25fc957
-- split prisma schemas #2859005
-- results are returned alphabetically #33d3770
-- update prisma schemas #36776cc
-- removed global flag #43e32b4
-- properly disconnect websockets from task handler #5358f1f
-- follow best practices #54c5d55
-- future lenience #5c78b20
-- fix width of token breaking things #61d88c3
-- fixed websocket authentication #62ea9a1
-- fix delta manifest generation #6df560c
-- admin invitation w/ system user #8463e35
-- properly import icons #8945196
-- prisma create footprint #952ece8
-- game panel now always shows 3 lines exactly #9c2249e
-- remove unnecessary import #a361c38
-- fix disconnect code #a8f2106
-- fix types #b511b40
-- add drop-base as git submodule #b75ebd1
-- Update README.md with discord link #c6bb21d
-- fix expires requirement in the admin endpoint #c7b675f
-- fix always being created as admin #c7eb11a
-- moved icons and created PlatformClient so we can use the enum on the frontend #cada630
-- recurse submodules #db103de
-- fix FATAL: "root"... message #dbb315a
-- only show versions that are directories #ef8f3ae
-
-### Features
-
-- update prisma & delete games #089c3e0
-- manual handshake #12e3125
-- fetch game endpoint #1f4d075
-- under the hood organisation and consolidation #26a31f6
-- 'no images' slide on image carousel #28baabc
-- improve feedback when metadata fails #2c19e13
-- introduction of 'system user' #2c21a23
-- change name, description and icon #2cfe75a
-- 'manual' metadata provider #2f52a16
-- add disabled state #38fc6b8
-- overhauled version importing #39d7ce7
-- automatically create library folder if it doesn't exist #39fe9d5
-- smoother bar in admin task ui #4488ae2
-- add noWrapper option #4f9b949
-- add version metadata route #5393db3
-- completed admin UI, with minor changes to backend #599da0e
-- adjust gradient #5a1f841
-- keep track of last connected #69e4c25
-- added notification system w/ interwoven refactoring #6e6f09d
-- content length header for chunk downloads #76bceb1
-- add title to tab #7b0756c
-- add button to open in admin panel #7b3b919
-- client capability framework + peer API configuration #7d72a86
-- customisable image carousel and new layout #937954f
-- support more types #9b12d45
-- generate a server certificate for mtls APIs #9c4b6f3
-- new endpoints, ui and beginnings of main store page #9cbdcbc
-- backend #a309651
-- more subtle design improvements #a815542
-- add aden's carousel pagination design #a86045c
-- add header #a8a152e
-- client side search #b50e27f
-- new ws handler #bc0c47c
-- user widget now redirects to actual page #bfafe02
-- require lowercase usernames #d7160ab
-- more ui improvements #e408ac5
-- add modifying game descriptions #e505e58
-- mobile nav #e5cf13f
-- slightly improved game page #e796b46
-- game carousel #ecc819e
-- add enum dictionary type #f2e0182
-- improved ux #f3ed0f6
-- cleanup and raw accessors #f7d767d
-- add support for overriding UMU id #fd4a7d1
-- add .sh for linux #fe9373a
-
-### Other Changes
-
-- quexeky <git@quexeky.dev>
-- fixed manifest generation #03a37f7
-- manual ci/cd #03b0b0c
-- ability to fetch client certs for p2p #0a715fe
-- disable tls in build #0f80fcd
-- Updated README.md #17971e0
-- Merge pull request #18 from Drop-OSS/develop
-- initial work on metadata system #196f87c
-- more ui #1bd19ad
-- remove log statements #1d5e1bd
-- small fixes & SSR disabled #1f575b2
-- update information and setup guide #2236622
-- metadata engine #22ac7f6
-- Update CONTRIBUTING.md #2309407
-- slight bug fixes and clean up #24a0d11
-- almst complete admin ui and initial store designs #27070b6
-- handshakes #2b4382d
-- user mobile header #2e44ef3
-- more consistent naming for globals #305de9f
-- replaced markdown-it with micromark #31e8359
-- fixes to store page for mobile clients #328b9ba
-- game version re-ordering #329c74d
-- verbose yarn install #36568c3
-- patch for no version check in manifest generation #395219d
-- migrate bcrypt to bcryptjs #3a51c9c
-- added download chunk endpoint #3dd6062
-- Update README.md #425934d
-- build only ci #4273a20
-- object storage + full permission system + testing #435551c
-- rename admin socket session map #44c6028
-- bump droplet and add vue carousel #46551f9
-- version importing #46c8f0c
-- back to yarn, with nuxt telemetry force disabled #46d35ad
-- finished object endpoints #486bce8
-- update dependencies and add note about optional dependencies #4fa771a
-- use configuration from docs for ci/cd #52315d0
-- slight fixes to register logic #583301f
-- removed yarn.lock #584bcf1
-- Version bump #5f29c28
-- immutable application settings framework #5fe2036
-- fixed docker daemon location #62a111b
-- copy autodevops configuration #6328c24
-- Delete .gitlab-ci.yml #69f341b
-- admin ui shell #6b5e48d
-- bump @drop/droplet version for windows developers #6ba5cdd
-- Add LICENSE #6e2dc89
-- custom dind #716eac7
-- task API #718f5ba
-- use gitlab ci variable declaration #7194d35
-- move icons into dedicated folder #74fa671
-- another stage of client authentication #7523e53
-- refactoring #7869043
-- moved windows logo into logos dir #789d3ba
-- updated text colours across app #7a88f4c
-- starting docs infra #7d2a1c6
-- more cleaning #7e17626
-- slight patch to rename query to be more consistent #7f4db0c
-- move to raw docker #803752e
-- server side and user client side completed for registration #848a611
-- beginnings of download implementation #8674ac7
-- more consistent naming for object handler #87230fb
-- use autodevops build stage #886beb6
-- Updated tailwind config #88c95d6
-- change name of store file #8999303
-- split prisma schemas #9011cf5
-- client initiate #909432a
-- more client routes to support Drop app update #91b7e10
-- additional polish and QoL features #93bc143
-- upload images to games #9b7ee4e
-- migrate to pnpm due to ci/cd issues with yarn #9cb2d6d
-- run yarn install in CI/CD non interactively #a208fbe
-- completed game importing; partial work on version importing #a7c33e7
-- remove canvas from dependencies #a8f58eb
-- fix registry authentication #ad25d3e
-- consolidate type utils #adb4b73
-- Updated README.md #b0ef675
-- add proper carousel to store page #b2ab827
-- move to yarn v2 #b744671
-- remove client API deadweight #b9ae26c
-- add expires field #be6c30d
-- ca groundwork #bfafd2a
-- cleanup & polish #c355f6f
-- remove bcrypt (debug) #c3914cc
-- non rounded bottom #c4391d3
-- failed gracefully on invalid chunk index #c4a3e4e
-- update deploy template #c4a419f
-- migrate to new droplet ca system #c4d8113
-- docker based deployment #c5d00b4
-- updated CONTRIBUTING.md #cd0d2bf
-- update prisma version #ce0a9ab
-- README update #ceacd84
-- patch metadata handler #cf578bd
-- Added SECURITY.md #d3d93b0
-- finalised client APIs and authentication method #d4e2dc8
-- Update README.md #db916bf
-- object storage interface + utility functions #de388a9
-- initial commit #e1a789f
-- fixed task system #e1c1d7e
-- Update file chunk.get.ts #e4339c3
-- ui groundwork #e52f072
-- Update changelog #eadcaa1
-- check for no version in manifest generation #eb3f9f9
-- break into single column store on lg devices #ecb381e
-- better server side signin redirects #ef13b68
-- patch signin #f3672f8
-
-_changelog generated by_ [go-conventional-commits](https://github.com/joselitofilho/go-conventional-commits)
-
-## Release 0.2.0-beta
-
-### Fixes
-
-- fix recursive dirs util #02d6346
-- Fix username length requirement #0a5a649
-- remove dynamic imports #0f10626
-- fix for missing developers or publishers #25fc957
-- split prisma schemas #2859005
-- results are returned alphabetically #33d3770
-- update prisma schemas #36776cc
-- removed global flag #43e32b4
-- properly disconnect websockets from task handler #5358f1f
-- follow best practices #54c5d55
-- future lenience #5c78b20
-- fix width of token breaking things #61d88c3
-- fixed websocket authentication #62ea9a1
-- fix delta manifest generation #6df560c
-- admin invitation w/ system user #8463e35
-- properly import icons #8945196
-- prisma create footprint #952ece8
-- game panel now always shows 3 lines exactly #9c2249e
-- remove unnecessary import #a361c38
-- fix disconnect code #a8f2106
-- fix types #b511b40
-- add drop-base as git submodule #b75ebd1
-- Update README.md with discord link #c6bb21d
-- fix expires requirement in the admin endpoint #c7b675f
-- fix always being created as admin #c7eb11a
-- moved icons and created PlatformClient so we can use the enum on the frontend #cada630
-- recurse submodules #db103de
-- fix FATAL: "root"... message #dbb315a
-- only show versions that are directories #ef8f3ae
-
-### Features
-
-- update prisma & delete games #089c3e0
-- manual handshake #12e3125
-- fetch game endpoint #1f4d075
-- under the hood organisation and consolidation #26a31f6
-- 'no images' slide on image carousel #28baabc
-- improve feedback when metadata fails #2c19e13
-- introduction of 'system user' #2c21a23
-- change name, description and icon #2cfe75a
-- 'manual' metadata provider #2f52a16
-- add disabled state #38fc6b8
-- overhauled version importing #39d7ce7
-- automatically create library folder if it doesn't exist #39fe9d5
-- smoother bar in admin task ui #4488ae2
-- add noWrapper option #4f9b949
-- add version metadata route #5393db3
-- completed admin UI, with minor changes to backend #599da0e
-- adjust gradient #5a1f841
-- keep track of last connected #69e4c25
-- added notification system w/ interwoven refactoring #6e6f09d
-- content length header for chunk downloads #76bceb1
-- add title to tab #7b0756c
-- add button to open in admin panel #7b3b919
-- client capability framework + peer API configuration #7d72a86
-- customisable image carousel and new layout #937954f
-- support more types #9b12d45
-- generate a server certificate for mtls APIs #9c4b6f3
-- new endpoints, ui and beginnings of main store page #9cbdcbc
-- backend #a309651
-- more subtle design improvements #a815542
-- add aden's carousel pagination design #a86045c
-- add header #a8a152e
-- client side search #b50e27f
-- new ws handler #bc0c47c
-- user widget now redirects to actual page #bfafe02
-- require lowercase usernames #d7160ab
-- more ui improvements #e408ac5
-- add modifying game descriptions #e505e58
-- mobile nav #e5cf13f
-- slightly improved game page #e796b46
-- game carousel #ecc819e
-- add enum dictionary type #f2e0182
-- improved ux #f3ed0f6
-- cleanup and raw accessors #f7d767d
-- add support for overriding UMU id #fd4a7d1
-- add .sh for linux #fe9373a
-
-### Other Changes
-
-- quexeky <git@quexeky.dev>
-- fixed manifest generation #03a37f7
-- manual ci/cd #03b0b0c
-- ability to fetch client certs for p2p #0a715fe
-- disable tls in build #0f80fcd
-- Updated README.md #17971e0
-- Merge pull request #18 from Drop-OSS/develop
-- initial work on metadata system #196f87c
-- more ui #1bd19ad
-- remove log statements #1d5e1bd
-- small fixes & SSR disabled #1f575b2
-- update information and setup guide #2236622
-- metadata engine #22ac7f6
-- Update CONTRIBUTING.md #2309407
-- slight bug fixes and clean up #24a0d11
-- almst complete admin ui and initial store designs #27070b6
-- handshakes #2b4382d
-- user mobile header #2e44ef3
-- more consistent naming for globals #305de9f
-- replaced markdown-it with micromark #31e8359
-- fixes to store page for mobile clients #328b9ba
-- game version re-ordering #329c74d
-- verbose yarn install #36568c3
-- patch for no version check in manifest generation #395219d
-- migrate bcrypt to bcryptjs #3a51c9c
-- added download chunk endpoint #3dd6062
-- Update README.md #425934d
-- build only ci #4273a20
-- object storage + full permission system + testing #435551c
-- rename admin socket session map #44c6028
-- bump droplet and add vue carousel #46551f9
-- version importing #46c8f0c
-- back to yarn, with nuxt telemetry force disabled #46d35ad
-- finished object endpoints #486bce8
-- update dependencies and add note about optional dependencies #4fa771a
-- use configuration from docs for ci/cd #52315d0
-- slight fixes to register logic #583301f
-- removed yarn.lock #584bcf1
-- Version bump #5f29c28
-- immutable application settings framework #5fe2036
-- fixed docker daemon location #62a111b
-- copy autodevops configuration #6328c24
-- Delete .gitlab-ci.yml #69f341b
-- admin ui shell #6b5e48d
-- bump @drop/droplet version for windows developers #6ba5cdd
-- Add LICENSE #6e2dc89
-- custom dind #716eac7
-- task API #718f5ba
-- use gitlab ci variable declaration #7194d35
-- move icons into dedicated folder #74fa671
-- another stage of client authentication #7523e53
-- refactoring #7869043
-- moved windows logo into logos dir #789d3ba
-- updated text colours across app #7a88f4c
-- starting docs infra #7d2a1c6
-- more cleaning #7e17626
-- slight patch to rename query to be more consistent #7f4db0c
-- move to raw docker #803752e
-- server side and user client side completed for registration #848a611
-- beginnings of download implementation #8674ac7
-- more consistent naming for object handler #87230fb
-- use autodevops build stage #886beb6
-- Updated tailwind config #88c95d6
-- change name of store file #8999303
-- split prisma schemas #9011cf5
-- client initiate #909432a
-- more client routes to support Drop app update #91b7e10
-- additional polish and QoL features #93bc143
-- upload images to games #9b7ee4e
-- migrate to pnpm due to ci/cd issues with yarn #9cb2d6d
-- run yarn install in CI/CD non interactively #a208fbe
-- completed game importing; partial work on version importing #a7c33e7
-- remove canvas from dependencies #a8f58eb
-- fix registry authentication #ad25d3e
-- consolidate type utils #adb4b73
-- Updated README.md #b0ef675
-- add proper carousel to store page #b2ab827
-- move to yarn v2 #b744671
-- remove client API deadweight #b9ae26c
-- add expires field #be6c30d
-- ca groundwork #bfafd2a
-- cleanup & polish #c355f6f
-- remove bcrypt (debug) #c3914cc
-- non rounded bottom #c4391d3
-- failed gracefully on invalid chunk index #c4a3e4e
-- update deploy template #c4a419f
-- migrate to new droplet ca system #c4d8113
-- docker based deployment #c5d00b4
-- updated CONTRIBUTING.md #cd0d2bf
-- update prisma version #ce0a9ab
-- README update #ceacd84
-- patch metadata handler #cf578bd
-- Added SECURITY.md #d3d93b0
-- finalised client APIs and authentication method #d4e2dc8
-- Update README.md #db916bf
-- object storage interface + utility functions #de388a9
-- initial commit #e1a789f
-- fixed task system #e1c1d7e
-- Update file chunk.get.ts #e4339c3
-- ui groundwork #e52f072
-- Update changelog #eadcaa1
-- check for no version in manifest generation #eb3f9f9
-- break into single column store on lg devices #ecb381e
-- better server side signin redirects #ef13b68
-- patch signin #f3672f8
-
-_changelog generated by_ [go-conventional-commits](https://github.com/joselitofilho/go-conventional-commits)
-
-## Release 0.1.0-beta
-
-### Fixes
-
-- remove dynamic imports #0f10626
-- fix for missing developers or publishers #25fc957
-- split prisma schemas #2859005
-- results are returned alphabetically #33d3770
-- properly disconnect websockets from task handler #5358f1f
-- follow best practices #54c5d55
-- future lenience #5c78b20
-- fixed websocket authentication #62ea9a1
-- fix delta manifest generation #6df560c
-- admin invitation w/ system user #8463e35
-- properly import icons #8945196
-- prisma create footprint #952ece8
-- game panel now always shows 3 lines exactly #9c2249e
-- remove unnecessary import #a361c38
-- fix types #b511b40
-- fix expires requirement in the admin endpoint #c7b675f
-- moved icons and created PlatformClient so we can use the enum on the frontend #cada630
-- only show versions that are directories #ef8f3ae
-
-### Features
-
-- update prisma & delete games #089c3e0
-- fetch game endpoint #1f4d075
-- under the hood organisation and consolidation #26a31f6
-- introduction of 'system user' #2c21a23
-- automatically create library folder if it doesn't exist #39fe9d5
-- smoother bar in admin task ui #4488ae2
-- add version metadata route #5393db3
-- completed admin UI, with minor changes to backend #599da0e
-- keep track of last connected #69e4c25
-- added notification system w/ interwoven refactoring #6e6f09d
-- content length header for chunk downloads #76bceb1
-- add title to tab #7b0756c
-- add button to open in admin panel #7b3b919
-- client capability framework + peer API configuration #7d72a86
-- generate a server certificate for mtls APIs #9c4b6f3
-- new endpoints, ui and beginnings of main store page #9cbdcbc
-- more subtle design improvements #a815542
-- add header #a8a152e
-- client side search #b50e27f
-- new ws handler #bc0c47c
-- user widget now redirects to actual page #bfafe02
-- require lowercase usernames #d7160ab
-- more ui improvements #e408ac5
-- slightly improved game page #e796b46
-- game carousel #ecc819e
-- add enum dictionary type #f2e0182
-- cleanup and raw accessors #f7d767d
-- add support for overriding UMU id #fd4a7d1
-
-### Other Changes
-
-- quexeky <git@quexeky.dev>
-- fixed manifest generation #03a37f7
-- manual ci/cd #03b0b0c
-- ability to fetch client certs for p2p #0a715fe
-- disable tls in build #0f80fcd
-- Updated README.md #17971e0
-- initial work on metadata system #196f87c
-- more ui #1bd19ad
-- remove log statements #1d5e1bd
-- small fixes & SSR disabled #1f575b2
-- update information and setup guide #2236622
-- metadata engine #22ac7f6
-- Update CONTRIBUTING.md #2309407
-- slight bug fixes and clean up #24a0d11
-- almst complete admin ui and initial store designs #27070b6
-- handshakes #2b4382d
-- user mobile header #2e44ef3
-- more consistent naming for globals #305de9f
-- replaced markdown-it with micromark #31e8359
-- fixes to store page for mobile clients #328b9ba
-- game version re-ordering #329c74d
-- verbose yarn install #36568c3
-- patch for no version check in manifest generation #395219d
-- migrate bcrypt to bcryptjs #3a51c9c
-- added download chunk endpoint #3dd6062
-- Update README.md #425934d
-- build only ci #4273a20
-- object storage + full permission system + testing #435551c
-- rename admin socket session map #44c6028
-- bump droplet and add vue carousel #46551f9
-- version importing #46c8f0c
-- back to yarn, with nuxt telemetry force disabled #46d35ad
-- finished object endpoints #486bce8
-- update dependencies and add note about optional dependencies #4fa771a
-- use configuration from docs for ci/cd #52315d0
-- slight fixes to register logic #583301f
-- removed yarn.lock #584bcf1
-- Version bump #5f29c28
-- immutable application settings framework #5fe2036
-- fixed docker daemon location #62a111b
-- copy autodevops configuration #6328c24
-- Delete .gitlab-ci.yml #69f341b
-- admin ui shell #6b5e48d
-- bump @drop/droplet version for windows developers #6ba5cdd
-- Add LICENSE #6e2dc89
-- task API #718f5ba
-- use gitlab ci variable declaration #7194d35
-- move icons into dedicated folder #74fa671
-- another stage of client authentication #7523e53
-- refactoring #7869043
-- moved windows logo into logos dir #789d3ba
-- updated text colours across app #7a88f4c
-- starting docs infra #7d2a1c6
-- more cleaning #7e17626
-- slight patch to rename query to be more consistent #7f4db0c
-- move to raw docker #803752e
-- server side and user client side completed for registration #848a611
-- beginnings of download implementation #8674ac7
-- more consistent naming for object handler #87230fb
-- use autodevops build stage #886beb6
-- Updated tailwind config #88c95d6
-- change name of store file #8999303
-- split prisma schemas #9011cf5
-- client initiate #909432a
-- more client routes to support Drop app update #91b7e10
-- additional polish and QoL features #93bc143
-- upload images to games #9b7ee4e
-- migrate to pnpm due to ci/cd issues with yarn #9cb2d6d
-- run yarn install in CI/CD non interactively #a208fbe
-- completed game importing; partial work on version importing #a7c33e7
-- remove canvas from dependencies #a8f58eb
-- fix registry authentication #ad25d3e
-- consolidate type utils #adb4b73
-- Updated README.md #b0ef675
-- add proper carousel to store page #b2ab827
-- move to yarn v2 #b744671
-- remove client API deadweight #b9ae26c
-- add expires field #be6c30d
-- ca groundwork #bfafd2a
-- cleanup & polish #c355f6f
-- remove bcrypt (debug) #c3914cc
-- non rounded bottom #c4391d3
-- failed gracefully on invalid chunk index #c4a3e4e
-- update deploy template #c4a419f
-- migrate to new droplet ca system #c4d8113
-- docker based deployment #c5d00b4
-- updated CONTRIBUTING.md #cd0d2bf
-- update prisma version #ce0a9ab
-- README update #ceacd84
-- patch metadata handler #cf578bd
-- Added SECURITY.md #d3d93b0
-- finalised client APIs and authentication method #d4e2dc8
-- Update README.md #db916bf
-- object storage interface + utility functions #de388a9
-- initial commit #e1a789f
-- fixed task system #e1c1d7e
-- Update file chunk.get.ts #e4339c3
-- ui groundwork #e52f072
-- check for no version in manifest generation #eb3f9f9
-- break into single column store on lg devices #ecb381e
-- better server side signin redirects #ef13b68
-- patch signin #f3672f8
-
-_changelog generated by_ [go-conventional-commits](https://github.com/joselitofilho/go-conventional-commits)

components/Auth/Simple.vue

@@ -106,7 +106,7 @@ function signin_wrapper() {
       router.push(route.query.redirect?.toString() ?? "/");
     })
     .catch((response) => {
-      const message = response.statusMessage || t("errors.unknown");
+      const message = response.message || t("errors.unknown");
       error.value = message;
     })
     .finally(() => {

components/GameEditor/Metadata.vue

@@ -466,7 +466,7 @@ const game = defineModel<ModelType>() as Ref<ModelType>;
 if (!game.value)
   throw createError({
     statusCode: 500,
-    statusMessage: "Game not provided to editor component",
+    message: "Game not provided to editor component",
   });
 
 const currentTags = ref<{ [key: string]: boolean }>(
@@ -553,7 +553,7 @@ function coreMetadataUpdate_wrapper() {
         {
           title: t("errors.game.metadata.title"),
           description: t("errors.game.metadata.description", [
-            (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+            (e as H3Error)?.message ?? t("errors.unknown"),
           ]),
           buttonText: t("common.close"),
         },
@@ -614,7 +614,7 @@ watch(descriptionHTML, (_v) => {
         {
           title: t("errors.game.description.title"),
           description: t("errors.game.description.description", [
-            (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+            (e as H3Error)?.message ?? t("errors.unknown"),
           ]),
           buttonText: t("common.close"),
         },
@@ -660,7 +660,7 @@ async function updateBannerImage(id: string) {
       {
         title: t("errors.game.banner.title"),
         description: t("errors.game.banner.description", [
-          (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+          (e as H3Error)?.message ?? t("errors.unknown"),
         ]),
         buttonText: t("common.close"),
       },
@@ -688,7 +688,7 @@ async function updateCoverImage(id: string) {
       {
         title: t("errors.game.cover.title"),
         description: t("errors.game.cover.description", [
-          (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+          (e as H3Error)?.message ?? t("errors.unknown"),
         ]),
         buttonText: t("common.close"),
       },
@@ -717,7 +717,7 @@ async function deleteImage(id: string) {
       {
         title: t("errors.game.deleteImage.title"),
         description: t("errors.game.deleteImage.description", [
-          (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+          (e as H3Error)?.message ?? t("errors.unknown"),
         ]),
         buttonText: t("common.close"),
       },
@@ -761,7 +761,7 @@ async function updateImageCarousel() {
       {
         title: t("errors.game.carousel.title"),
         description: t("errors.game.carousel.description", [
-          (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+          (e as H3Error)?.message ?? t("errors.unknown"),
         ]),
         buttonText: t("common.close"),
       },

components/GameEditor/Version.vue

@@ -1,92 +1,190 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div v-if="game && unimportedVersions">
-    <div class="grow flex flex-row gap-y-8">
-      <div class="grow w-full h-full px-6 py-4 flex flex-col"></div>
-      <div
-        class="lg:overflow-y-auto lg:border-l lg:border-zinc-800 lg:block lg:inset-y-0 lg:z-50 lg:w-[30vw] flex flex-col gap-y-8 px-6 py-4"
-      >
-        <!-- version manager -->
+  <div v-if="game && unimportedVersions" class="p-8">
+    <div>
+      <div class="sm:flex sm:items-center">
+        <div class="sm:flex-auto">
+          <h1 class="text-base font-semibold text-zinc-100">Versions</h1>
+          <p class="mt-2 text-sm text-zinc-400 max-w-lg">
+            Versions are a collection of files that are downloaded to clients.
+            Each version can have multiple configurations, for different
+            platforms.
+          </p>
+        </div>
+        <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">
+          <NuxtLink
+            :href="canImport ? `/admin/library/g/${game.id}/import` : ''"
+            type="button"
+            :class="[
+              canImport ? 'bg-blue-600 hover:bg-blue-700' : 'bg-blue-800/50',
+              'inline-flex w-fit items-center gap-x-2 rounded-md  px-3 py-1 text-sm font-semibold font-display text-white shadow-sm  focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600',
+            ]"
+          >
+            {{
+              canImport
+                ? $t("library.admin.import.version.import")
+                : $t("library.admin.import.version.noVersions")
+            }}
+          </NuxtLink>
+        </div>
+      </div>
+      <div class="mt-8 rounded-xl border border-zinc-800 bg-zinc-900 shadow-sm">
         <div>
-          <!-- version priority -->
-          <div>
-            <div class="border-b border-zinc-800 pb-3">
-              <div
-                class="flex flex-wrap items-center justify-between sm:flex-nowrap"
-              >
-                <h3
-                  class="text-base font-semibold font-display leading-6 text-zinc-100"
+          <table class="min-w-full divide-y divide-zinc-800">
+            <thead>
+              <tr class="bg-zinc-800/50">
+                <th
+                  scope="col"
+                  class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-zinc-100 sm:pl-6"
                 >
-                  {{ $t("library.admin.versionPriority") }}
+                  Version Name
+                </th>
+                <th
+                  scope="col"
+                  class="px-3 py-3.5 text-left text-sm font-semibold text-zinc-100"
+                >
+                  Imported
+                </th>
+                <th
+                  scope="col"
+                  class="px-3 py-3.5 text-left text-sm font-semibold text-zinc-100"
+                >
+                  Platforms
+                </th>
+                <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
+                  <span class="sr-only">{{ $t("actions") }}</span>
+                </th>
+              </tr>
+            </thead>
+            <tbody class="divide-y divide-zinc-800">
+              <tr
+                v-for="version in game.versions"
+                :key="version.versionId"
+                class="transition-colors duration-150 hover:bg-zinc-800/50"
+              >
+                <td
+                  class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-zinc-100 sm:pl-6"
+                >
+                  {{ version.versionName }}
+                </td>
+                <td class="whitespace-nowrap px-3 py-4 text-sm text-zinc-400">
+                  <RelativeTime :date="version.created" />
+                </td>
+                <td class="px-3 py-4">
+                  <ul class="space-y-4">
+                    <li
+                      v-for="gameVersion in version.gameVersions"
+                      :key="gameVersion.versionId"
+                      class="px-3 py-2 bg-zinc-800 rounded-lg shadow"
+                    >
+                      <div>
+                        <div
+                          class="text-sm flex items-center text-zinc-200 font-semibold"
+                        >
+                          <IconsPlatform
+                            :platform="
+                              platforms[gameVersion.platformId].platformIcon.key
+                            "
+                            :fallback="
+                              platforms[gameVersion.platformId].platformIcon
+                                .fallback
+                            "
+                            class="size-5 text-blue-500"
+                          />
+                          <span class="ml-3 block truncate">{{
+                            platforms[gameVersion.platformId].name
+                          }}</span>
+                        </div>
 
-                  <!-- import games button -->
+                        <!-- launch commands -->
+                        <div class="space-y-1 mt-4">
+                          <div
+                            v-if="gameVersion.install"
+                            class="flex items-center justify-between"
+                          >
+                            <span
+                              class="font-display text-xs text-zinc-300 font-semibold uppercase tracking-wide"
+                              >Install</span
+                            >
 
-                  <NuxtLink
-                    :href="canImport ? `/admin/library/${game.id}/import` : ''"
-                    type="button"
-                    :class="[
-                      canImport
-                        ? 'bg-blue-600 hover:bg-blue-700'
-                        : 'bg-blue-800/50',
-                      'inline-flex w-fit items-center gap-x-2 rounded-md  px-3 py-1 text-sm font-semibold font-display text-white shadow-sm  focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600',
-                    ]"
+                            <div
+                              class="whitespace-nowrap font-mono text-xs text-zinc-300 bg-zinc-950 px-1 py-0.5 w-fit rounded"
+                            >
+                              <span class="text-zinc-700">(install dir)/</span
+                              >{{ gameVersion.install.command }}
+                              {{ gameVersion.install.args }}
+                            </div>
+                          </div>
+
+                          <div>
+                            <span class="font-semibold text-sm text-zinc-100"
+                              >Launch options</span
+                            >
+                            <ul class="divide-y divide-zinc-700">
+                              <li
+                                v-for="launch in gameVersion.launches"
+                                :key="launch.command"
+                                class="ml-2 py-2 flex justify-between items-center"
+                              >
+                                <h1
+                                  class="font-display text-xs text-zinc-300 font-semibold uppercase tracking-wide"
+                                >
+                                  {{ launch.name }}
+                                </h1>
+                                <div
+                                  class="mt-1 whitespace-nowrap font-mono text-xs text-zinc-300 bg-zinc-950 px-1 py-0.5 w-fit rounded"
+                                >
+                                  <span class="text-zinc-700"
+                                    >(install dir)/</span
+                                  >{{ launch.command }} {{ launch.args }}
+                                </div>
+                              </li>
+                            </ul>
+                          </div>
+
+                          <div
+                            v-if="gameVersion.uninstall"
+                            class="flex items-center justify-between"
+                          >
+                            <span
+                              class="font-display text-xs text-zinc-300 font-semibold uppercase tracking-wide"
+                              >Uninstall</span
+                            >
+
+                            <div
+                              class="whitespace-nowrap font-mono text-xs text-zinc-300 bg-zinc-950 px-1 py-0.5 w-fit rounded"
+                            >
+                              <span class="text-zinc-700">(install dir)/</span
+                              >{{ gameVersion.uninstall.command }}
+                              {{ gameVersion.uninstall.args }}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </li>
+                  </ul>
+                </td>
+                <td
+                  class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6"
+                >
+                  <button
+                    class="inline-flex items-center rounded-md bg-red-400/10 px-2 py-1 text-xs font-medium text-red-400 ring-1 ring-inset ring-red-400/20 transition-all duration-200 hover:bg-red-400/20 hover:scale-105 active:scale-95"
+                    @click="() => deleteVersion(version.versionId)"
                   >
-                    {{
-                      canImport
-                        ? $t("library.admin.import.version.import")
-                        : $t("library.admin.import.version.noVersions")
-                    }}
-                  </NuxtLink>
-                </h3>
-              </div>
-            </div>
-
-            <div class="mt-4 text-center w-full text-sm text-zinc-600">
-              {{ $t("lowest") }}
-            </div>
-            <draggable
-              :list="game.versions"
-              handle=".handle"
-              class="mt-2 space-y-4"
-              @update="() => updateVersionOrder()"
-            >
-              <template
-                #item="{ element: item }: { element: GameVersionModel }"
-              >
-                <div
-                  class="w-full inline-flex items-center px-4 py-2 bg-zinc-800 rounded justify-between"
-                >
-                  <div class="text-zinc-100 font-semibold">
-                    {{ item.versionName }}
-                  </div>
-                  <div class="text-zinc-400">
-                    {{ item.delta ? $t("library.admin.version.delta") : "" }}
-                  </div>
-                  <div class="inline-flex items-center gap-x-2">
-                    <component
-                      :is="PLATFORM_ICONS[item.platform]"
-                      class="size-6 text-blue-600"
-                    />
-                    <Bars3Icon
-                      class="cursor-move w-6 h-6 text-zinc-400 handle"
-                    />
-                    <button @click="() => deleteVersion(item.versionName)">
-                      <TrashIcon class="w-5 h-5 text-red-600" />
-                    </button>
-                  </div>
-                </div>
-              </template>
-            </draggable>
-            <div
-              v-if="game.versions.length == 0"
-              class="text-center font-bold text-zinc-400 my-3"
-            >
-              {{ $t("library.admin.version.noVersionsAdded") }}
-            </div>
-            <div class="mt-2 text-center w-full text-sm text-zinc-600">
-              {{ $t("highest") }}
-            </div>
-          </div>
+                    Delete
+                    <span class="sr-only">
+                      {{ $t("chars.srComma", [version.versionName]) }}
+                    </span>
+                  </button>
+                </td>
+              </tr>
+              <tr v-if="game.versions.length === 0">
+                <td colspan="5" class="py-8 text-center text-sm text-zinc-400">
+                  No versions
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
       </div>
     </div>
@@ -112,9 +210,7 @@
 </template>
 
 <script setup lang="ts">
-import type { GameModel, GameVersionModel } from "~/prisma/client/models";
-import { Bars3Icon, TrashIcon } from "@heroicons/vue/24/solid";
-import type { SerializeObject } from "nitropack";
+import type { SerializeObject, TypedInternalResponse } from "nitropack";
 import type { H3Error } from "h3";
 import { ExclamationCircleIcon } from "@heroicons/vue/24/outline";
 
@@ -130,23 +226,30 @@ const canImport = computed(
   () => hasDeleted.value || props.unimportedVersions.length > 0,
 );
 
-type GameAndVersions = GameModel & { versions: GameVersionModel[] };
-const game = defineModel<SerializeObject<GameAndVersions>>() as Ref<
-  SerializeObject<GameAndVersions>
->;
+type GameFetchType = TypedInternalResponse<
+  "/api/v1/admin/game/:id",
+  unknown,
+  "get"
+>["game"];
+const game = defineModel<SerializeObject<GameFetchType>>({ required: true });
 if (!game.value)
   throw createError({
     statusCode: 500,
-    statusMessage: "Game not provided to editor component",
+    message: "Game not provided to editor component",
   });
 
+const rawPlatforms = await useAdminPlatforms();
+const platforms = Object.fromEntries(
+  renderPlatforms(rawPlatforms).map((v) => [v.param, v]),
+);
+
 async function updateVersionOrder() {
   try {
     const newVersions = await $dropFetch("/api/v1/admin/game/version", {
       method: "PATCH",
       body: {
         id: game.value.id,
-        versions: game.value.versions.map((e) => e.versionName),
+        versions: game.value.versions.map((e) => e.versionId),
       },
     });
     game.value.versions = newVersions;
@@ -156,7 +259,7 @@ async function updateVersionOrder() {
       {
         title: t("errors.version.order.title"),
         description: t("errors.version.order.desc", {
-          error: (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+          error: (e as H3Error)?.message ?? t("errors.unknown"),
         }),
         buttonText: t("common.close"),
       },
@@ -165,32 +268,18 @@ async function updateVersionOrder() {
   }
 }
 
-async function deleteVersion(versionName: string) {
-  try {
-    await $dropFetch("/api/v1/admin/game/version", {
-      method: "DELETE",
-      body: {
-        id: game.value.id,
-        versionName: versionName,
-      },
-    });
-    game.value.versions.splice(
-      game.value.versions.findIndex((e) => e.versionName === versionName),
-      1,
-    );
-    hasDeleted.value = true;
-  } catch (e) {
-    createModal(
-      ModalType.Notification,
-      {
-        title: t("errors.version.delete.title"),
-        description: t("errors.version.delete.desc", {
-          error: (e as H3Error)?.statusMessage ?? t("errors.unknown"),
-        }),
-        buttonText: t("common.close"),
-      },
-      (e, c) => c(),
-    );
-  }
+async function deleteVersion(versionId: string) {
+  await $dropFetch("/api/v1/admin/game/version", {
+    method: "DELETE",
+    body: {
+      id: versionId,
+    },
+    failTitle: "Failed to delete version.",
+  });
+  game.value.versions.splice(
+    game.value.versions.findIndex((e) => e.versionId === versionId),
+    1,
+  );
+  hasDeleted.value = true;
 }
 </script>

components/Icons/Platform.vue

@@ -0,0 +1,26 @@
+<!-- eslint-disable vue/no-v-html -->
+<template>
+  <component
+    :is="platformIcons[props.platform as HardwarePlatform]"
+    v-if="platformIcons[props.platform as HardwarePlatform]"
+  />
+  <div v-else-if="props.fallback" v-html="props.fallback" />
+  <DropLogo v-else />
+</template>
+
+<script setup lang="ts">
+import { HardwarePlatform } from "~/prisma/client/enums";
+import type { Component } from "vue";
+import LinuxLogo from "./LinuxLogo.vue";
+import WindowsLogo from "./WindowsLogo.vue";
+import MacLogo from "./MacLogo.vue";
+import DropLogo from "../DropLogo.vue";
+
+const props = defineProps<{ platform: string; fallback?: string }>();
+
+const platformIcons: { [key in HardwarePlatform]: Component } = {
+  [HardwarePlatform.Linux]: LinuxLogo,
+  [HardwarePlatform.Windows]: WindowsLogo,
+  [HardwarePlatform.macOS]: MacLogo,
+};
+</script>

components/Import/Game.vue

@@ -0,0 +1,238 @@
+<template>
+  <div class="flex flex-col gap-y-4">
+    <!-- without metadata option -->
+    <div>
+      <LoadingButton
+        class="w-fit"
+        :loading="props.loading"
+        @click="() => importGame(false)"
+      >
+        {{ $t("library.admin.import.withoutMetadata") }}
+      </LoadingButton>
+    </div>
+
+    <!-- divider -->
+    <div
+      class="inline-flex items-center gap-x-4 text-zinc-600 font-display font-bold"
+    >
+      <div class="h-[1px] grow bg-zinc-800" />
+      {{ $t("auth.signin.or") }}
+      <div class="h-[1px] grow bg-zinc-800" />
+    </div>
+
+    <!-- with metadata option -->
+
+    <div class="flex flex-col gap-y-4">
+      <form @submit.prevent="() => searchGame()">
+        <label
+          for="searchTerm"
+          class="block text-sm/6 font-medium text-zinc-100"
+          >{{ $t("library.admin.import.search") }}</label
+        >
+        <div class="mt-2 flex">
+          <div class="-mr-px grid grow grid-cols-1 focus-within:relative">
+            <input
+              id="searchTerm"
+              v-model="gameSearchTerm"
+              type="text"
+              name="searchTerm"
+              class="col-start-1 row-start-1 block w-full rounded-l-md bg-zinc-950 py-1.5 px-3 text-base text-zinc-100 outline-1 -outline-offset-1 outline-zinc-800 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600 sm:text-sm/6"
+              :placeholder="$t('library.admin.import.searchPlaceholder')"
+            />
+          </div>
+          <LoadingButton
+            :loading="gameSearchLoading"
+            :style="'none'"
+            type="submit"
+            class="w-24 flex shrink-0 items-center justify-center gap-x-1.5 rounded-r-md bg-zinc-950 px-3 py-2 text-sm font-semibold text-zinc-100 outline-1 -outline-offset-1 outline-zinc-800 hover:bg-zinc-900 focus:relative focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600"
+          >
+            <MagnifyingGlassIcon
+              class="-ml-0.5 size-4 text-gray-400"
+              aria-hidden="true"
+            />
+            {{ $t("library.admin.import.search") }}
+          </LoadingButton>
+        </div>
+      </form>
+
+      <Listbox
+        v-if="metadataResults && metadataResults.length > 0"
+        v-model="model"
+        as="div"
+      >
+        <ListboxLabel
+          class="block text-sm font-medium leading-6 text-zinc-100"
+          >{{ $t("library.admin.import.selectGameSearch") }}</ListboxLabel
+        >
+        <div class="relative mt-2">
+          <ListboxButton
+            class="relative w-full cursor-default rounded-md bg-zinc-950 py-1.5 pl-3 pr-10 text-left text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 focus:outline-none focus:ring-2 focus:ring-blue-600 sm:text-sm sm:leading-6"
+          >
+            <GameSearchResultWidget v-if="model !== undefined" :game="model" />
+            <span v-else class="block truncate text-zinc-600">
+              {{ $t("library.admin.import.selectGamePlaceholder") }}
+            </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
+                v-for="result in metadataResults"
+                :key="result.id"
+                v-slot="{ active }"
+                as="template"
+                :value="result"
+              >
+                <li
+                  :class="[
+                    active ? 'bg-blue-600 text-white' : 'text-zinc-100',
+                    'relative cursor-default select-none py-2 pl-3 pr-9',
+                  ]"
+                >
+                  <GameSearchResultWidget :game="result" />
+                </li>
+              </ListboxOption>
+            </ListboxOptions>
+          </transition>
+        </div>
+      </Listbox>
+      <div
+        v-else-if="gameSearchResultsLoading"
+        role="status"
+        class="inline-flex text-zinc-100 font-display font-semibold items-center gap-x-4"
+      >
+        {{ $t("library.admin.import.loading") }}
+        <svg
+          aria-hidden="true"
+          class="w-6 h-6 text-transparent animate-spin fill-white"
+          viewBox="0 0 100 101"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+            fill="currentColor"
+          />
+          <path
+            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+            fill="currentFill"
+          />
+        </svg>
+      </div>
+
+      <div
+        v-if="gameSearchResultsError"
+        class="w-fit 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">
+              {{ gameSearchResultsError }}
+            </h3>
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <LoadingButton
+          class="w-fit"
+          :loading="props.loading"
+          :disabled="model === undefined"
+          @click="() => importGame()"
+        >
+          {{ $t("library.admin.import.import") }}
+        </LoadingButton>
+
+        <div
+          v-if="props.error"
+          class="mt-4 w-fit 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">
+                {{ props.error }}
+              </h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  Listbox,
+  ListboxButton,
+  ListboxLabel,
+  ListboxOption,
+  ListboxOptions,
+} from "@headlessui/vue";
+import { XCircleIcon } from "@heroicons/vue/16/solid";
+import { ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import { MagnifyingGlassIcon } from "@heroicons/vue/24/outline";
+import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
+
+const model = ref<GameMetadataSearchResult | undefined>(undefined);
+
+const props = defineProps<{
+  gameName: string;
+  loading: boolean;
+  error?: string | undefined;
+}>();
+
+const emit = defineEmits<{
+  import: [metadata: GameMetadataSearchResult | undefined];
+}>();
+
+function importGame(metadata = true) {
+ emit("import", metadata ? model.value : undefined);
+}
+
+const metadataResults = ref<Array<GameMetadataSearchResult> | undefined>();
+
+onMounted(() => {
+  if (!metadataResults.value) searchGame();
+});
+
+const gameSearchLoading = ref(false);
+const gameSearchResultsLoading = ref(false);
+const gameSearchResultsError = ref<string | undefined>();
+const gameSearchTerm = ref(props.gameName);
+
+async function searchGame() {
+  gameSearchResultsError.value = undefined;
+  gameSearchLoading.value = true;
+  try {
+    const results = await $dropFetch(
+      `/api/v1/admin/import/game/search?q=${encodeURIComponent(gameSearchTerm.value)}`,
+    );
+    metadataResults.value = results;
+    gameSearchLoading.value = false;
+  } catch (e) {
+    gameSearchLoading.value = false;
+
+    throw e;
+  }
+}
+</script>

components/Import/Redist.vue

@@ -0,0 +1,336 @@
+<!-- eslint-disable vue/no-v-html -->
+<template>
+  <div class="flex flex-row gap-x-4">
+    <label
+      for="icon-upload"
+      class="relative size-24 bg-zinc-800 rounded-md overflow-hidden has-[:focus]:ring-2 has-[:focus]:ring-blue-600"
+    >
+      <input
+        id="icon-upload"
+        type="file"
+        class="sr-only"
+        accept="image/*"
+        @change="addFile"
+      />
+      <img
+        v-if="currentFileObjectUrl"
+        :src="currentFileObjectUrl"
+        class="absolute inset-0 object-cover w-full h-full"
+      />
+      <div
+        class="absolute inset-0 cursor-pointer flex flex-col gap-y-1 items-center justify-center text-zinc-300 bg-zinc-900/50"
+      >
+        <ArrowUpTrayIcon class="size-6" />
+        <span class="text-xs font-bold font-display uppercase">Upload</span>
+      </div>
+    </label>
+    <div class="grow flex flex-col gap-y-4">
+      <div>
+        <label for="name" class="block text-sm font-medium text-zinc-100"
+          >Name</label
+        >
+        <input
+          id="name"
+          v-model="name"
+          type="text"
+          class="mt-1 block w-full rounded-md border-0 bg-zinc-950 py-1.5 text-white shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+        />
+      </div>
+
+      <div>
+        <label for="description" class="block text-sm font-medium text-zinc-100"
+          >Description</label
+        >
+        <input
+          id="description"
+          v-model="description"
+          type="text"
+          class="mt-1 block w-full rounded-md border-0 bg-zinc-950 py-1.5 text-white shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+        />
+      </div>
+    </div>
+  </div>
+  <SwitchGroup
+    as="div"
+    class="max-w-lg flex items-center justify-between gap-x-4"
+  >
+    <span class="flex flex-grow flex-col">
+      <SwitchLabel
+        as="span"
+        class="text-sm font-medium leading-6 text-zinc-100"
+        passive
+        >Create as platform</SwitchLabel
+      >
+      <SwitchDescription as="span" class="text-sm text-zinc-400"
+        >Versions for this redistributable will be able to take a series of
+        launch commands. Intended to be used with emulators and similar
+        programs.</SwitchDescription
+      >
+    </span>
+    <Switch
+      v-model="isPlatform"
+      :class="[
+        isPlatform ? 'bg-blue-600' : 'bg-zinc-800',
+        'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2',
+      ]"
+    >
+      <span
+        aria-hidden="true"
+        :class="[
+          isPlatform ? 'translate-x-5' : 'translate-x-0',
+          'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
+        ]"
+      />
+    </Switch>
+  </SwitchGroup>
+  <div class="relative">
+    <div class="flex flex-row gap-x-4">
+      <label
+        for="platform-icon-upload"
+        class="relative size-24 bg-zinc-800 rounded-md overflow-hidden has-[:focus]:ring-2 has-[:focus]:ring-blue-600"
+      >
+        <input
+          id="platform-icon-upload"
+          type="file"
+          class="sr-only"
+          accept="image/svg+xml"
+          :disabled="!isPlatform"
+          @change="addSvg"
+        />
+        <div
+          v-if="platform.icon"
+          class="absolute inset-0 object-cover w-full h-full text-blue-600"
+          v-html="platform.icon"
+        />
+        <div
+          class="absolute inset-0 cursor-pointer flex flex-col gap-y-1 items-center justify-center text-zinc-300 bg-zinc-900/50 focus:text-zinc-100"
+        >
+          <ArrowUpTrayIcon class="size-6" />
+          <span class="text-xs font-bold font-display uppercase"
+            >Upload SVG</span
+          >
+        </div>
+      </label>
+      <div class="grow flex flex-col gap-y-4">
+        <div>
+          <label
+            for="platform-name"
+            class="block text-sm font-medium text-zinc-100"
+            >Platform Name</label
+          >
+          <input
+            id="platform-name"
+            v-model="platform.name"
+            type="text"
+            :disabled="!isPlatform"
+            class="mt-1 block w-full rounded-md border-0 bg-zinc-950 py-1.5 text-white shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+          />
+        </div>
+      </div>
+    </div>
+
+    <div class="mt-2 w-full">
+      <label for="platform-name" class="block text-sm font-medium text-zinc-100"
+        >File Extensions           {{ currentExtDotted }}
+</label
+      >
+      <Combobox
+        as="div"
+        :model-value="currentExtDotted"
+        nullable
+        class="mt-1 w-full"
+        :disabled="!isPlatform"
+        @update:model-value="(v) => addExt(v)"
+      >
+        <div class="relative">
+          <ComboboxInput
+            class="w-full block flex-1 rounded-lg border-1 border-zinc-800 py-2 px-2 bg-zinc-950 text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
+            placeholder=".exe"
+            @change="currentExt = $event.target.value"
+            @blur="currentExt = ''"
+          />
+          <ComboboxOptions
+            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-white/5 focus:outline-none sm:text-sm"
+          >
+            <ComboboxOption
+              v-if="currentExt"
+              v-slot="{ active }"
+              :value="currentExtDotted"
+            >
+              <li
+                :class="[
+                  'relative cursor-default select-none py-2 pl-3 pr-9',
+                  active
+                    ? 'bg-blue-600 text-white outline-none'
+                    : 'text-zinc-100',
+                ]"
+              >
+                <span class="block">
+                  <span class="text-blue-300">filename</span
+                  ><span class="font-semibold">{{ currentExtDotted }}</span>
+                </span>
+              </li>
+            </ComboboxOption>
+          </ComboboxOptions>
+        </div>
+      </Combobox>
+      <div class="mt-2 flex gap-1 flex-wrap">
+        <div
+          v-for="ext in platform.fileExts"
+          :key="ext"
+          class="bg-blue-600/10 border-1 border-blue-700 rounded-full px-2 py-1 text-xs text-blue-400"
+        >
+          {{ ext }}
+        </div>
+        <span
+          v-if="platform.fileExts.length == 0"
+          class="uppercase font-display text-zinc-700 font-bold text-xs"
+          >No suggested file extensions.</span
+        >
+      </div>
+    </div>
+
+    <div v-if="!isPlatform" class="absolute inset-0 bg-zinc-950/20" />
+  </div>
+  <div>
+    <LoadingButton
+      class="w-fit"
+      :loading="props.loading"
+      :disabled="buttonDisabled"
+      @click="() => importRedist()"
+    >
+      {{ $t("library.admin.import.import") }}
+    </LoadingButton>
+
+    <div v-if="props.error" class="mt-4 w-fit 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">
+            {{ props.error }}
+          </h3>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  Combobox,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+  Switch,
+  SwitchDescription,
+  SwitchGroup,
+  SwitchLabel,
+} from "@headlessui/vue";
+import { ArrowUpTrayIcon } from "@heroicons/vue/24/outline";
+
+const currentFile = ref<File | undefined>(undefined);
+const currentFileObjectUrl = ref<string | undefined>(undefined);
+
+const emit = defineEmits<{
+  import: [
+    metadata: { name: string; description: string; icon: File } | undefined,
+    platform: typeof platform.value | undefined,
+  ];
+}>();
+
+const name = ref("");
+const description = ref("");
+const isPlatform = ref(false);
+const currentExt = ref("");
+const currentExtDotted = computed(() => {
+  if(!currentExt.value) return "";
+  const cleaned = currentExt.value.replace(/\W/g, "").toLowerCase();
+  return `.${cleaned}`;
+});
+const platform = ref<{ name: string; icon: string; fileExts: string[] }>({
+  name: "",
+  icon: "",
+  fileExts: [],
+});
+
+const buttonDisabled = computed<boolean>(
+  () =>
+    !(
+      name.value &&
+      description.value &&
+      currentFileObjectUrl.value &&
+      (!isPlatform.value || (platform.value.name && platform.value.icon))
+    ),
+);
+
+function addFile(event: Event) {
+  const file = (event.target as HTMLInputElement)?.files?.[0];
+  if (!file) return;
+
+  if (currentFileObjectUrl.value) {
+    URL.revokeObjectURL(currentFileObjectUrl.value);
+  }
+
+  currentFile.value = file;
+  currentFileObjectUrl.value = URL.createObjectURL(file);
+}
+
+async function addSvg(event: Event) {
+  const file = (event.target as HTMLInputElement)?.files?.[0];
+  if (!file) return;
+
+  const svgContent = await file.text();
+  const parser = new DOMParser();
+  try {
+    const document = parser.parseFromString(svgContent, "image/svg+xml");
+    const svg = document.getElementsByTagName("svg").item(0);
+    if (!svg) throw "No SVG in uploaded image.";
+    svg.removeAttribute("width");
+    svg.removeAttribute("height");
+    platform.value.icon = svg.outerHTML;
+  } catch (e) {
+    createModal(
+      ModalType.Notification,
+      {
+        title: "Failed to upload SVG",
+        description: (e as string)?.toString() ?? e,
+      },
+      (_, c) => c(),
+    );
+    return;
+  }
+}
+
+function addExt(ext: string | null) {
+  if (!ext) return;
+  if (platform.value.fileExts.includes(ext)) return;
+  platform.value.fileExts.push(ext);
+  currentExt.value = "";
+}
+
+const props = defineProps<{
+  gameName: string;
+  loading: boolean;
+  error?: string | undefined;
+}>();
+
+function importRedist() {
+  if (!currentFile.value) return;
+  emit(
+    "import",
+    {
+      name: name.value,
+      description: description.value,
+      icon: currentFile.value,
+    },
+    isPlatform.value
+      ? {
+          ...platform.value,
+          fileExts: platform.value.fileExts.map((e) => e.slice(1)),
+        }
+      : undefined,
+  );
+}
+</script>

components/Modal/AddCompanyGame.vue

@@ -231,7 +231,7 @@ async function addGame() {
     emit("created", game, published.value, developed.value);
   } catch (e) {
     if (e instanceof FetchError) {
-      addError.value = e.statusMessage ?? e.message ?? t("errors.unknown");
+      addError.value = e.message ?? t("errors.unknown");
     } else {
       throw e;
     }

components/Modal/CreateCollection.vue

@@ -97,13 +97,13 @@ async function createCollection() {
   } catch (error) {
     console.error("Failed to create collection:", error);
 
-    const err = error as { statusMessage?: string };
+    const err = error as { message?: string };
     createModal(
       ModalType.Notification,
       {
         title: t("errors.library.collection.create.title"),
         description: t("errors.library.collection.create.desc", [
-          err?.statusMessage ?? t("errors.unknown"),
+          err?.message ?? t("errors.unknown"),
         ]),
       },
       (_, c) => c(),

components/Modal/DeleteCollection.vue

@@ -67,8 +67,8 @@ async function deleteCollection() {
       {
         title: t("errors.library.add.title"),
         description: t("errors.library.add.desc", [
-          // @ts-expect-error attempt to display statusMessage on error
-          e?.statusMessage ?? t("errors.unknown"),
+          // @ts-expect-error attempt to display message on error
+          e?.message ?? t("errors.unknown"),
         ]),
       },
       (_, c) => c(),

components/Modal/DeleteNews.vue

@@ -71,8 +71,8 @@ async function deleteArticle() {
       {
         title: t("errors.news.article.delete.title"),
         description: t("errors.news.article.delete.desc", [
-          // @ts-expect-error attempt to display statusMessage on error
-          e?.statusMessage ?? t("errors.unknown"),
+          // @ts-expect-error attempt to display message on error
+          e?.message ?? t("errors.unknown"),
         ]),
       },
       (_, c) => c(),

components/Modal/DeleteUser.vue

@@ -62,8 +62,8 @@ async function deleteUser() {
       {
         title: t("errors.admin.user.delete.title"),
         description: t("errors.admin.user.delete.desc", [
-          // @ts-expect-error attempt to display statusMessage on error
-          e?.statusMessage ?? t("errors.unknown"),
+          // @ts-expect-error attempt to display message on error
+          e?.message ?? t("errors.unknown"),
         ]),
       },
       (_, c) => c(),

components/Modal/UploadFile.vue

@@ -177,7 +177,7 @@ function uploadFile_wrapper() {
   uploadLoading.value = true;
   uploadFile()
     .catch((error) => {
-      uploadError.value = error.statusMessage ?? t("errors.unknown");
+      uploadError.value = error.message ?? t("errors.unknown");
     })
     .finally(() => {
       uploadLoading.value = false;

components/NewsArticleCreateButton.vue

@@ -414,8 +414,8 @@ async function createArticle() {
 
     modalOpen.value = false;
   } catch (e) {
-    // @ts-expect-error attempt to get statusMessage on error
-    error.value = e?.statusMessage ?? t("errors.unknown");
+    // @ts-expect-error attempt to get message on error
+    error.value = e?.message ?? t("errors.unknown");
   } finally {
     loading.value = false;
   }

components/PlatformSelector.vue

@@ -1,19 +1,19 @@
 <template>
-  <Listbox v-model="typedModel" as="div">
+  <Listbox v-model="model" as="div">
     <ListboxLabel class="block text-sm font-medium leading-6 text-zinc-100"
       ><slot
     /></ListboxLabel>
-    <div class="relative mt-2">
+    <div class="relative">
       <ListboxButton
         class="relative w-full cursor-default rounded-md bg-zinc-950 py-1.5 pl-3 pr-10 text-left text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-sm sm:leading-6"
       >
-        <span v-if="model" class="flex items-center">
-          <component
-            :is="PLATFORM_ICONS[model]"
-            alt=""
+        <span v-if="currentEntry" class="flex items-center">
+          <IconsPlatform
+            :platform="currentEntry.platformIcon.key"
+            :fallback="currentEntry.platformIcon.fallback"
             class="h-5 w-5 flex-shrink-0 text-blue-600"
           />
-          <span class="ml-3 block truncate">{{ model }}</span>
+          <span class="ml-3 block truncate">{{ currentEntry.name }}</span>
         </span>
         <span v-else>{{ $t("library.admin.import.selectPlatform") }}</span>
         <span
@@ -32,11 +32,11 @@
           class="absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-zinc-900 py-1 text-base shadow-lg ring-1 ring-zinc-950 ring-opacity-5 focus:outline-none sm:text-sm"
         >
           <ListboxOption
-            v-for="[name, value] in Object.entries(values)"
-            :key="value"
+            v-for="entry in values"
+            :key="entry.param"
             v-slot="{ active, selected }"
             as="template"
-            :value="value"
+            :value="entry.param"
           >
             <li
               :class="[
@@ -45,15 +45,13 @@
               ]"
             >
               <div class="flex items-center">
-                <component
-                  :is="PLATFORM_ICONS[value]"
-                  alt=""
-                  :class="[
-                    active ? 'text-zinc-100' : 'text-blue-600',
-                    'h-5 w-5 flex-shrink-0',
-                  ]"
+                <IconsPlatform
+                  v-if="entry.platformIcon"
+                  :platform="entry.platformIcon.key"
+                  :fallback="entry.platformIcon.fallback"
+                  class="size-5 text-blue-500"
                 />
-                <span class="ml-3 block truncate">{{ name }}</span>
+                <span class="ml-3 block truncate">{{ entry.name }}</span>
               </div>
 
               <span
@@ -83,17 +81,14 @@ import {
 } from "@headlessui/vue";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 
-const model = defineModel<PlatformClient | undefined>();
+const model = defineModel<string | undefined>();
 
-const typedModel = computed<PlatformClient | null>({
-  get() {
-    return model.value || null;
-  },
-  set(v) {
-    if (v === null) return (model.value = undefined);
-    model.value = v;
-  },
-});
+const props = defineProps<{ platforms: PlatformRenderable[] }>();
+const currentEntry = computed(() =>
+  model.value
+    ? props.platforms.find((v) => v.param === model.value)
+    : undefined,
+);
 
-const values = Object.fromEntries(Object.entries(PlatformClient));
+const values = props.platforms;
 </script>

components/PreloadSelector.vue

@@ -0,0 +1,120 @@
+<template>
+  <Combobox
+    as="div"
+    :value="props.value"
+    nullable
+    @update:model-value="(v) => emit('update', v)"
+  >
+    <div class="relative">
+      <ComboboxInput
+        class="block flex-1 border-0 py-1.5 pl-1 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
+        placeholder="file.exe"
+        @change="query = $event.target.value"
+        @blur="query = ''"
+      />
+      <ComboboxButton
+        v-if="filtered?.length ?? 0 > 0"
+        class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
+      >
+        <ChevronUpDownIcon class="size-5 text-gray-400" aria-hidden="true" />
+      </ComboboxButton>
+
+      <ComboboxOptions
+        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-white/5 focus:outline-none sm:text-sm"
+      >
+        <ComboboxOption
+          v-for="guess in filtered"
+          :key="guess.filename"
+          v-slot="{ active, selected }"
+          :value="guess.filename"
+          as="template"
+        >
+          <li
+            :class="[
+              'relative cursor-default select-none py-2 pl-3 pr-9',
+              active ? 'bg-blue-600 text-white outline-none' : 'text-zinc-100',
+            ]"
+          >
+            <span
+              :class="[
+                'inline-flex items-center gap-x-2 block truncate',
+                selected && 'font-semibold',
+              ]"
+            >
+              {{ guess.filename }}
+              <IconsPlatform
+                :platform="guess.platform.platformIcon.key"
+                :fallback="guess.platform.platformIcon.fallback"
+                class="size-5 flex-shrink-0 text-blue-600"
+              />
+            </span>
+
+            <span
+              v-if="selected"
+              :class="[
+                'absolute inset-y-0 right-0 flex items-center pr-4',
+                active ? 'text-white' : 'text-blue-600',
+              ]"
+            >
+              <CheckIcon class="size-5" aria-hidden="true" />
+            </span>
+          </li>
+        </ComboboxOption>
+        <ComboboxOption
+          v-if="query"
+          v-slot="{ active, selected }"
+          :value="query"
+        >
+          <li
+            :class="[
+              'relative cursor-default select-none py-2 pl-3 pr-9',
+              active ? 'bg-blue-600 text-white outline-none' : 'text-zinc-100',
+            ]"
+          >
+            <span :class="['block truncate', selected && 'font-semibold']">
+              {{ $t("chars.quoted", { text: query }) }}
+            </span>
+
+            <span
+              v-if="selected"
+              :class="[
+                'absolute inset-y-0 right-0 flex items-center pr-4',
+                active ? 'text-white' : 'text-blue-600',
+              ]"
+            >
+              <CheckIcon class="size-5" aria-hidden="true" />
+            </span>
+          </li>
+        </ComboboxOption>
+      </ComboboxOptions>
+    </div>
+  </Combobox>
+</template>
+
+<script setup lang="ts">
+import {
+  Combobox,
+  ComboboxButton,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+} from "@headlessui/vue";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/24/outline";
+
+const emit = defineEmits<{
+  update: [v: string];
+}>();
+
+const props = defineProps<{
+  value?: string;
+  guesses?: Array<{ platform: PlatformRenderable; filename: string }>;
+}>();
+
+const query = ref("");
+
+const filtered = computed(() =>
+  props.guesses?.filter((e) =>
+    e.filename.toLowerCase().includes(query.value.toLowerCase()),
+  ),
+);
+</script>

components/RedistEditor/Metadata.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>{{ model }}</div>
+</template>
+
+<script setup lang="ts">
+import type { SerializeObject } from "nitropack";
+import type { RedistModel, UserPlatformModel } from "~/prisma/client/models";
+
+type ModelType = SerializeObject<
+  RedistModel & { platform?: UserPlatformModel }
+>;
+
+const model = defineModel<ModelType>({ required: true });
+</script>

components/StoreView.vue

@@ -247,7 +247,7 @@
                     <div
                       v-for="(option, optionIdx) in section.options"
                       :key="option.param"
-                      class="flex gap-3"
+                      class="flex items-center gap-3"
                     >
                       <div class="flex h-5 shrink-0 items-center">
                         <div class="group grid size-4 grid-cols-1">
@@ -272,6 +272,12 @@
                           />
                         </div>
                       </div>
+                      <IconsPlatform
+                        v-if="option.platformIcon"
+                        :platform="option.platformIcon.key"
+                        :fallback="option.platformIcon.fallback"
+                        class="size-5 text-blue-500"
+                      />
                       <label
                         :for="`filter-${section.param}-${optionIdx}`"
                         class="text-sm text-zinc-400"
@@ -376,6 +382,8 @@ const props = defineProps<{
 const tags =
   await $dropFetch<Array<SerializeObject<GameTagModel>>>("/api/v1/store/tags");
 
+const userPlatforms = await $dropFetch("/api/v1/store/platforms");
+
 const sorts: Array<StoreSortOption> = [
   {
     name: "Default",
@@ -407,7 +415,7 @@ const options: Array<StoreFilterOption> = [
     name: "Platform",
     param: "platform",
     multiple: true,
-    options: Object.values(PlatformClient).map((e) => ({ name: e, param: e })),
+    options: renderPlatforms(userPlatforms),
   },
   ...(props.extraOptions ?? []),
 ];

composables/icons.ts

@@ -1,8 +0,0 @@
-import { IconsLinuxLogo, IconsWindowsLogo, IconsMacLogo } from "#components";
-import { PlatformClient } from "./types";
-
-export const PLATFORM_ICONS = {
-  [PlatformClient.Linux]: IconsLinuxLogo,
-  [PlatformClient.Windows]: IconsWindowsLogo,
-  [PlatformClient.macOS]: IconsMacLogo,
-};

composables/platform.ts

@@ -0,0 +1,36 @@
+import type { UserPlatform } from "~/prisma/client/client";
+import { HardwarePlatform } from "~/prisma/client/enums";
+
+export type PlatformRenderable = {
+  name: string;
+  param: string;
+  platformIcon: { key: string; fallback?: string };
+};
+
+export function renderPlatforms(
+  userPlatforms: { platformName: string; id: string; iconSvg: string }[],
+): PlatformRenderable[] {
+  return [
+    ...Object.values(HardwarePlatform).map((e) => ({
+      name: e,
+      param: e,
+      platformIcon: { key: e },
+    })),
+    ...userPlatforms.map((e) => ({
+      name: e.platformName,
+      param: e.id,
+      platformIcon: { key: e.id, fallback: e.iconSvg },
+    })),
+  ];
+}
+
+const rawUseAdminPlatforms = () => useState<Array<UserPlatform> | null>('adminPlatforms', () => null);
+
+export async function useAdminPlatforms() {
+  const platforms = rawUseAdminPlatforms();
+  if(platforms.value === null){
+    platforms.value = await $dropFetch("/api/v1/admin/platforms");
+  }
+
+  return platforms.value!
+}

composables/request.ts

@@ -4,7 +4,7 @@ import type {
   NitroFetchRequest,
   TypedInternalResponse,
 } from "nitropack/types";
-import type { FetchError } from "ofetch";
+import { FetchError } from "ofetch";
 
 interface DropFetch<
   DefaultT = unknown,
@@ -60,12 +60,15 @@ export const $dropFetch: DropFetch = async (rawRequest, opts) => {
           {
             title: opts.failTitle,
             description:
-              (e as FetchError)?.statusMessage ?? (e as string).toString(),
+              (e as FetchError)?.message ?? (e as string).toString(),
             //buttonText: $t("common.close"),
           },
           (_, c) => c(),
         );
       }
+      if(e instanceof FetchError) {
+        e.message = e.data.message ?? e.message;
+      }
       throw e;
     }
   }

composables/store.ts

@@ -8,4 +8,5 @@ export type StoreFilterOption = {
 export type StoreSortOption = {
   name: string;
   param: string;
+  platformIcon?: { key: string; fallback?: string };
 };

composables/types.ts

@@ -10,10 +10,4 @@ export type QuickActionNav = {
   icon: Component;
   notifications?: Ref<number>;
   action: () => Promise<void>;
-};
-
-export enum PlatformClient {
-  Windows = "Windows",
-  Linux = "Linux",
-  macOS = "macOS",
-}
+};

composables/ws.ts

@@ -33,7 +33,7 @@ export class WebSocketHandler {
         case "unauthenticated": {
           const error = createError({
             statusCode: 403,
-            statusMessage: "Unable to connect to websocket - unauthenticated",
+            message: "Unable to connect to websocket - unauthenticated",
           });
           if (this.errorHandler) {
             return this.errorHandler(error);

error.vue

@@ -8,6 +8,8 @@ const props = defineProps({
   },
 });
 
+await updateUser();
+
 const { t } = useI18n();
 const route = useRoute();
 const user = useUser();

i18n/locales/de.json

@@ -91,7 +91,7 @@
   "chars": {
     "arrow": "→",
     "arrowBack": "←",
-    "quoted": "\"\"",
+    "quoted": "\"{text}\"",
     "srComma": ", {0}"
   },
   "common": {

i18n/locales/en_pirate.json

@@ -71,7 +71,7 @@
   "chars": {
     "arrow": "→",
     "arrowBack": "←",
-    "quoted": "\"\"",
+    "quoted": "\"{text}\"",
     "srComma": ", {0}"
   },
   "common": {

i18n/locales/en_us.json

@@ -93,7 +93,7 @@
   "chars": {
     "arrow": "→",
     "arrowBack": "←",
-    "quoted": "\"\"",
+    "quoted": "\"{text}\"",
     "srComma": ", {0}"
   },
   "common": {
@@ -281,8 +281,8 @@
     "addGames": "All Games",
     "addToLib": "Add to Library",
     "admin": {
-      "detectedGame": "Drop has detected you have new games to import.",
-      "detectedVersion": "Drop has detected you have new versions of this game to import.",
+      "detectedGame": "Drop has detected you have new items to import.",
+      "detectedVersion": "Drop has detected you have new versions to import.",
       "game": {
         "addCarouselNoImages": "No images to add.",
         "addDescriptionNoImages": "No images to add.",
@@ -319,8 +319,8 @@
           "advancedOptions": "Advanced options",
           "import": "Import version",
           "installDir": "(install_dir)/",
-          "launchCmd": "Launch executable/command",
-          "launchDesc": "Executable to launch the game",
+          "launchCmd": "Launch executables/commands",
+          "launchDesc": "Executables to launch the game",
           "launchPlaceholder": "game.exe",
           "loadingVersion": "Loading version metadata…",
           "noAdv": "No advanced options for this configuration.",
@@ -429,7 +429,7 @@
       "title": "Libraries",
       "version": {
         "delta": "Upgrade mode",
-        "noVersions": "You have no versions of this game available.",
+        "noVersions": "No versions available.",
         "noVersionsAdded": "no versions added"
       },
       "versionPriority": "Version priority"

i18n/locales/fr.json

@@ -90,7 +90,7 @@
   "chars": {
     "arrow": "→",
     "arrowBack": "←",
-    "quoted": "\"\"",
+    "quoted": "\"{text}\"",
     "srComma": ", {0}"
   },
   "common": {

nuxt.config.ts

@@ -159,7 +159,7 @@ export default defineNuxtConfig({
   },
 
   typescript: {
-    typeCheck: true,
+    //typeCheck: true,
 
     tsConfig: {
       compilerOptions: {
@@ -243,6 +243,9 @@ export default defineNuxtConfig({
         file: "zh_tw.json",
       },
     ],
+    bundle: {
+      optimizeTranslationDirective: false,
+    },
   },
 
   security: {
@@ -253,6 +256,7 @@ export default defineNuxtConfig({
         "img-src": [
           "'self'",
           "data:",
+          "blob:",
           "https://www.giantbomb.com",
           "https://images.pcgamingwiki.com",
           "https://images.igdb.com",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "drop",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "private": true,
   "type": "module",
   "license": "AGPL-3.0-or-later",
@@ -40,6 +40,7 @@
     "fast-fuzzy": "^1.12.0",
     "file-type-mime": "^0.4.3",
     "jdenticon": "^3.3.0",
+    "jsdom": "^26.1.0",
     "luxon": "^3.6.1",
     "micromark": "^4.0.1",
     "normalize-url": "^8.0.2",
@@ -47,7 +48,7 @@
     "nuxt-security": "2.2.0",
     "pino": "^9.7.0",
     "pino-pretty": "^13.0.0",
-    "prisma": "^6.11.1",
+    "prisma": "^6.14.0",
     "sanitize-filename": "^1.6.3",
     "semver": "^7.7.1",
     "stream-mime-type": "^2.0.0",
@@ -65,7 +66,7 @@
     "@nuxt/eslint": "^1.3.0",
     "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/typography": "^0.5.15",
-    "@types/bcryptjs": "^3.0.0",
+    "@types/jsdom": "^21.1.7",
     "@types/luxon": "^3.6.2",
     "@types/node": "^22.13.16",
     "@types/semver": "^7.7.0",

pages/account/tokens.vue

@@ -180,7 +180,7 @@ if (route.query.payload) {
   } catch {
     throw createError({
       statusCode: 400,
-      statusMessage: "Failed to parse the token create payload.",
+      message: "Failed to parse the token create payload.",
       fatal: true,
     });
   }

pages/admin/library/g/[id]/import.vue

@@ -1,8 +1,9 @@
 <template>
-  <div class="flex flex-col gap-y-4 max-w-lg">
+  <div class="flex flex-col gap-y-4">
     <Listbox
       as="div"
       :model-value="currentlySelectedVersion"
+      class="max-w-lg"
       @update:model-value="(value) => updateCurrentlySelectedVersion(value)"
     >
       <ListboxLabel class="block text-sm font-medium leading-6 text-zinc-100">{{
@@ -73,9 +74,32 @@
       </div>
     </Listbox>
 
-    <div v-if="versionGuesses" class="flex flex-col gap-8">
-      <!-- setup executable -->
-      <div>
+    <div v-if="versionGuesses" class="flex flex-col gap-4">
+      <!-- version name -->
+      <div class="max-w-lg">
+        <label
+          for="startup"
+          class="block text-sm font-medium leading-6 text-zinc-100"
+          >Version name</label
+        >
+        <p class="text-zinc-400 text-xs">
+          Shown to users when selecting what version to install.
+        </p>
+        <div class="mt-2">
+          <input
+            id="name"
+            v-model="versionSettings.name"
+            name="name"
+            type="text"
+            required
+            placeholder="my version name"
+            class="block w-full rounded-md border-0 py-1.5 px-3 bg-zinc-950 disabled:bg-zinc-900/80 text-zinc-100 disabled:text-zinc-400 shadow-sm ring-1 ring-inset ring-zinc-800 disabled:ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+          />
+        </div>
+      </div>
+
+      <!-- install command -->
+      <div class="max-w-lg">
         <label
           for="startup"
           class="block text-sm font-medium leading-6 text-zinc-100"
@@ -93,109 +117,14 @@
             >
               {{ $t("library.admin.import.version.installDir") }}
             </span>
-            <Combobox
-              as="div"
-              :value="versionSettings.setup"
-              nullable
-              @update:model-value="(v) => updateSetupCommand(v)"
-            >
-              <div class="relative">
-                <ComboboxInput
-                  class="block flex-1 border-0 py-1.5 pl-1 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
-                  :placeholder="
-                    $t('library.admin.import.version.setupPlaceholder')
-                  "
-                  @change="setupProcessQuery = $event.target.value"
-                  @blur="setupProcessQuery = ''"
-                />
-                <ComboboxButton
-                  v-if="setupFilteredVersionGuesses?.length ?? 0 > 0"
-                  class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
-                >
-                  <ChevronUpDownIcon
-                    class="size-5 text-gray-400"
-                    aria-hidden="true"
-                  />
-                </ComboboxButton>
-
-                <ComboboxOptions
-                  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-white/5 focus:outline-none sm:text-sm"
-                >
-                  <ComboboxOption
-                    v-for="guess in setupFilteredVersionGuesses"
-                    :key="guess.filename"
-                    v-slot="{ active, selected }"
-                    :value="guess.filename"
-                    as="template"
-                  >
-                    <li
-                      :class="[
-                        'relative cursor-default select-none py-2 pl-3 pr-9',
-                        active
-                          ? 'bg-blue-600 text-white outline-none'
-                          : 'text-zinc-100',
-                      ]"
-                    >
-                      <span
-                        :class="[
-                          'inline-flex items-center gap-x-2 block truncate',
-                          selected && 'font-semibold',
-                        ]"
-                      >
-                        {{ guess.filename }}
-                        <component
-                          :is="PLATFORM_ICONS[guess.platform as PlatformClient]"
-                          class="size-5"
-                        />
-                      </span>
-
-                      <span
-                        v-if="selected"
-                        :class="[
-                          'absolute inset-y-0 right-0 flex items-center pr-4',
-                          active ? 'text-white' : 'text-blue-600',
-                        ]"
-                      >
-                        <CheckIcon class="size-5" aria-hidden="true" />
-                      </span>
-                    </li>
-                  </ComboboxOption>
-                  <ComboboxOption
-                    v-if="setupProcessQuery"
-                    v-slot="{ active, selected }"
-                    :value="setupProcessQuery"
-                  >
-                    <li
-                      :class="[
-                        'relative cursor-default select-none py-2 pl-3 pr-9',
-                        active
-                          ? 'bg-blue-600 text-white outline-none'
-                          : 'text-zinc-100',
-                      ]"
-                    >
-                      <span
-                        :class="['block truncate', selected && 'font-semibold']"
-                      >
-                        {{ $t("chars.quoted", { text: setupProcessQuery }) }}
-                      </span>
-
-                      <span
-                        v-if="selected"
-                        :class="[
-                          'absolute inset-y-0 right-0 flex items-center pr-4',
-                          active ? 'text-white' : 'text-blue-600',
-                        ]"
-                      >
-                        <CheckIcon class="size-5" aria-hidden="true" />
-                      </span>
-                    </li>
-                  </ComboboxOption>
-                </ComboboxOptions>
-              </div>
-            </Combobox>
+            <PreloadSelector
+              :value="versionSettings.install"
+              :guesses="versionGuesses"
+              @update="(v) => updateInstallCommand(v)"
+            />
             <input
               id="startup"
-              v-model="versionSettings.setupArgs"
+              v-model="versionSettings.installArgs"
               type="text"
               name="startup"
               class="border-l border-zinc-700 block flex-1 border-0 py-1.5 pl-2 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
@@ -205,7 +134,7 @@
         </div>
       </div>
       <!-- setup mode -->
-      <SwitchGroup as="div" class="flex items-center justify-between">
+      <SwitchGroup as="div" class="max-w-lg flex items-center justify-between">
         <span class="flex flex-grow flex-col">
           <SwitchLabel
             as="span"
@@ -233,7 +162,8 @@
           />
         </Switch>
       </SwitchGroup>
-      <div class="relative">
+      <!-- launch commands -->
+      <div class="relative max-w-3xl">
         <label
           for="startup"
           class="block text-sm font-medium leading-6 text-zinc-100"
@@ -242,134 +172,122 @@
         <p class="text-zinc-400 text-xs">
           {{ $t("library.admin.import.version.launchDesc") }}
         </p>
-        <div class="mt-2">
+        <div class="mt-2 ml-4 flex flex-col gap-y-2 items-start">
           <div
-            class="flex w-fit rounded-md shadow-sm bg-zinc-950 ring-1 ring-inset ring-zinc-800 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-600"
+            v-for="(launch, launchIdx) in versionSettings.launches"
+            :key="launchIdx"
+            class="inline-flex items-center gap-x-2"
           >
-            <span
-              class="flex select-none items-center pl-3 text-zinc-500 sm:text-sm"
-              >{{ $t("library.admin.import.version.installDir") }}</span
-            >
-            <Combobox
-              as="div"
-              :value="versionSettings.launch"
-              nullable
-              @update:model-value="(v) => updateLaunchCommand(v)"
-            >
-              <div class="relative">
-                <ComboboxInput
-                  class="block flex-1 border-0 py-1.5 pl-1 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
-                  :placeholder="
-                    $t('library.admin.import.version.launchPlaceholder')
-                  "
-                  @change="launchProcessQuery = $event.target.value"
-                  @blur="launchProcessQuery = ''"
-                />
-                <ComboboxButton
-                  v-if="launchFilteredVersionGuesses?.length ?? 0 > 0"
-                  class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
-                >
-                  <ChevronUpDownIcon
-                    class="size-5 text-gray-400"
-                    aria-hidden="true"
-                  />
-                </ComboboxButton>
-
-                <ComboboxOptions
-                  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-white/5 focus:outline-none sm:text-sm"
-                >
-                  <ComboboxOption
-                    v-for="guess in launchFilteredVersionGuesses"
-                    :key="guess.filename"
-                    v-slot="{ active, selected }"
-                    :value="guess.filename"
-                    as="template"
-                  >
-                    <li
-                      :class="[
-                        'relative cursor-default select-none py-2 pl-3 pr-9',
-                        active
-                          ? 'bg-blue-600 text-white outline-none'
-                          : 'text-zinc-100',
-                      ]"
-                    >
-                      <span
-                        :class="[
-                          'inline-flex items-center gap-x-2 block truncate',
-                          selected && 'font-semibold',
-                        ]"
-                      >
-                        {{ guess.filename }}
-                        <component
-                          :is="PLATFORM_ICONS[guess.platform as PlatformClient]"
-                          class="size-5"
-                        />
-                      </span>
-
-                      <span
-                        v-if="selected"
-                        :class="[
-                          'absolute inset-y-0 right-0 flex items-center pr-4',
-                          active ? 'text-white' : 'text-blue-600',
-                        ]"
-                      >
-                        <CheckIcon class="size-5" aria-hidden="true" />
-                      </span>
-                    </li>
-                  </ComboboxOption>
-                  <ComboboxOption
-                    v-if="launchProcessQuery"
-                    v-slot="{ active, selected }"
-                    :value="launchProcessQuery"
-                  >
-                    <li
-                      :class="[
-                        'relative cursor-default select-none py-2 pl-3 pr-9',
-                        active
-                          ? 'bg-blue-600 text-white outline-none'
-                          : 'text-zinc-100',
-                      ]"
-                    >
-                      <span
-                        :class="['block truncate', selected && 'font-semibold']"
-                      >
-                        {{ $t("chars.quoted", { text: launchProcessQuery }) }}
-                      </span>
-
-                      <span
-                        v-if="selected"
-                        :class="[
-                          'absolute inset-y-0 right-0 flex items-center pr-4',
-                          active ? 'text-white' : 'text-blue-600',
-                        ]"
-                      >
-                        <CheckIcon class="size-5" aria-hidden="true" />
-                      </span>
-                    </li>
-                  </ComboboxOption>
-                </ComboboxOptions>
-              </div>
-            </Combobox>
             <input
-              id="startup"
-              v-model="versionSettings.launchArgs"
+              id="launch-name"
+              v-model="launch.name"
               type="text"
-              name="startup"
-              class="border-l border-zinc-700 block flex-1 border-0 py-1.5 pl-2 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
-              placeholder="--launch"
+              name="launch-name"
+              class="block w-full rounded-md border-0 py-1.5 px-3 bg-zinc-950 disabled:bg-zinc-900/80 text-zinc-100 disabled:text-zinc-400 shadow-sm ring-1 ring-inset ring-zinc-800 disabled:ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+              placeholder="My Launch Command"
             />
+
+            <div
+              class="flex w-full rounded-md shadow-sm bg-zinc-950 ring-1 ring-inset ring-zinc-800 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-600"
+            >
+              <span
+                class="flex select-none items-center pl-3 text-zinc-500 sm:text-sm"
+                >{{ $t("library.admin.import.version.installDir") }}</span
+              >
+              <PreloadSelector
+                :value="launch.launchCommand"
+                :guesses="versionGuesses"
+                @update="(v) => updateLaunchCommand(launchIdx, v)"
+              />
+              <input
+                id="startup"
+                v-model="launch.launchArgs"
+                type="text"
+                name="startup"
+                class="border-l border-zinc-700 block flex-1 border-0 py-1.5 pl-2 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
+                placeholder="--launch"
+              />
+            </div>
+            <button
+              class="transition bg-zinc-800 rounded-sm aspect-square p-1 text-zinc-600 hover:text-red-600 hover:bg-red-600/20"
+              @click="() => versionSettings.launches!.splice(launchIdx, 1)"
+            >
+              <TrashIcon class="size-5" />
+            </button>
           </div>
+
+          <p
+            v-if="versionSettings.launches!.length == 0"
+            class="uppercase font-display font-bold text-zinc-500 text-xs"
+          >
+            No launch commands
+          </p>
+
+          <LoadingButton
+            :loading="false"
+            class="inline-flex items-center gap-x-4"
+            @click="
+              () =>
+                versionSettings.launches!.push({
+                  name: '',
+                  description: '',
+                  launchCommand: '',
+                  launchArgs: '',
+                })
+            "
+          >
+            Add new <PlusIcon class="size-5" />
+          </LoadingButton>
         </div>
         <div
           v-if="versionSettings.onlySetup"
           class="absolute inset-0 bg-zinc-900/50"
         />
       </div>
+      <!-- uninstall command -->
+      <div class="max-w-lg">
+        <label
+          for="startup"
+          class="block text-sm font-medium leading-6 text-zinc-100"
+          >Uninstall command</label
+        >
+        <p class="text-zinc-400 text-xs">
+          Executable to be run on uninstalling a game. Useful for installer-only games.
+        </p>
+        <div class="mt-2">
+          <div
+            class="flex w-fit rounded-md shadow-sm bg-zinc-950 ring-1 ring-inset ring-zinc-800 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-600"
+          >
+            <span
+              class="flex select-none items-center pl-3 text-zinc-500 sm:text-sm"
+            >
+              {{ $t("library.admin.import.version.installDir") }}
+            </span>
+            <PreloadSelector
+              :value="versionSettings.uninstall"
+              :guesses="versionGuesses"
+              @update="(v) => updateUninstallCommand(v)"
+            />
+            <input
+              id="startup"
+              v-model="versionSettings.uninstallArgs"
+              type="text"
+              name="startup"
+              class="border-l border-zinc-700 block flex-1 border-0 py-1.5 pl-2 bg-transparent text-zinc-100 placeholder:text-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
+              placeholder="--uninstall"
+            />
+          </div>
+        </div>
+      </div>
 
-      <PlatformSelector v-model="versionSettings.platform">
+      <PlatformSelector
+        v-model="versionSettings.platform"
+        class="max-w-lg"
+        :platforms="allPlatforms"
+      >
         {{ $t("library.admin.import.version.platform") }}
       </PlatformSelector>
-      <SwitchGroup as="div" class="flex items-center justify-between">
+      <SwitchGroup as="div" class="flex items-center justify-between max-w-lg">
         <span class="flex flex-grow flex-col">
           <SwitchLabel
             as="span"
@@ -398,7 +316,7 @@
           />
         </Switch>
       </SwitchGroup>
-      <Disclosure v-slot="{ open }" as="div" class="py-2">
+      <Disclosure v-slot="{ open }" as="div" class="py-2 max-w-lg">
         <dt>
           <DisclosureButton
             class="border-b border-zinc-600 pb-2 flex w-full items-start justify-between text-left text-zinc-100"
@@ -418,7 +336,7 @@
         >
           <!-- UMU launcher configuration -->
           <div
-            v-if="versionSettings.platform == PlatformClient.Windows"
+            v-if="versionSettings.platform == 'Linux'"
             class="flex flex-col gap-y-4"
           >
             <SwitchGroup as="div" class="flex items-center justify-between">
@@ -467,7 +385,7 @@
                   required
                   :disabled="!umuIdEnabled"
                   placeholder="umu-starcitizen"
-                  class="block w-full rounded-md border-0 py-1.5 px-3 bg-zinc-950 disabled:bg-zinc-900/80 text-zinc-100 disabled:text-zinc-400 shadow-sm ring-1 ring-inset ring-zinc-700 disabled:ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
+                  class="block w-full rounded-md border-0 py-1.5 px-3 bg-zinc-950 disabled:bg-zinc-900/80 text-zinc-100 disabled:text-zinc-400 shadow-sm ring-1 ring-inset ring-zinc-800 disabled:ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
                 />
               </div>
             </div>
@@ -539,15 +457,13 @@ import {
   Disclosure,
   DisclosureButton,
   DisclosurePanel,
-  Combobox,
-  ComboboxButton,
-  ComboboxInput,
-  ComboboxOption,
-  ComboboxOptions,
 } from "@headlessui/vue";
 import { XCircleIcon } from "@heroicons/vue/16/solid";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import { PlusIcon, TrashIcon } from "@heroicons/vue/24/outline";
 import { ChevronDownIcon, ChevronUpIcon } from "@heroicons/vue/24/solid";
+import type { SerializeObject } from "nitropack";
+import type { ImportVersion } from "~/server/api/v1/admin/import/version/index.post";
 
 definePageMeta({
   layout: "admin",
@@ -560,52 +476,32 @@ const gameId = route.params.id.toString();
 const versions = await $dropFetch(
   `/api/v1/admin/import/version?id=${encodeURIComponent(gameId)}`,
 );
+const userPlatforms = await useAdminPlatforms();
+const allPlatforms = renderPlatforms(userPlatforms);
 const currentlySelectedVersion = ref(-1);
-const versionSettings = ref<{
-  platform: PlatformClient | undefined;
-
-  onlySetup: boolean;
-  launch: string;
-  launchArgs: string;
-  setup: string;
-  setupArgs: string;
-
-  delta: boolean;
-  umuId: string;
-}>({
-  platform: undefined,
-  launch: "",
-  launchArgs: "",
-  setup: "",
-  setupArgs: "",
-  delta: false,
-  onlySetup: false,
-  umuId: "",
+const versionSettings = ref<Partial<typeof ImportVersion.infer>>({
+  id: gameId,
+  launches: [],
 });
 
 const versionGuesses =
-  ref<Array<{ platform: PlatformClient; filename: string }>>();
-const launchProcessQuery = ref("");
-const setupProcessQuery = ref("");
+  ref<
+    Array<SerializeObject<{ platform: PlatformRenderable; filename: string }>>
+  >();
 
-const launchFilteredVersionGuesses = computed(() =>
-  versionGuesses.value?.filter((e) =>
-    e.filename.toLowerCase().includes(launchProcessQuery.value.toLowerCase()),
-  ),
-);
-const setupFilteredVersionGuesses = computed(() =>
-  versionGuesses.value?.filter((e) =>
-    e.filename.toLowerCase().includes(setupProcessQuery.value.toLowerCase()),
-  ),
-);
 
-function updateLaunchCommand(value: string) {
-  versionSettings.value.launch = value;
+function updateLaunchCommand(idx: number, value: string) {
+  versionSettings.value.launches![idx].launchCommand = value;
   autosetPlatform(value);
 }
 
-function updateSetupCommand(value: string) {
-  versionSettings.value.setup = value;
+function updateInstallCommand(value: string) {
+  versionSettings.value.install = value;
+  autosetPlatform(value);
+}
+
+function updateUninstallCommand(value: string) {
+  versionSettings.value.uninstall = value;
   autosetPlatform(value);
 }
 
@@ -616,7 +512,8 @@ function autosetPlatform(value: string) {
     (e) => e.filename === value,
   );
   if (guessIndex == -1) return;
-  versionSettings.value.platform = versionGuesses.value[guessIndex].platform;
+  versionSettings.value.platform =
+    versionGuesses.value[guessIndex].platform.param;
 }
 
 const umuIdEnabled = ref(false);
@@ -639,15 +536,16 @@ async function updateCurrentlySelectedVersion(value: number) {
   if (currentlySelectedVersion.value == value) return;
   currentlySelectedVersion.value = value;
   const version = versions[currentlySelectedVersion.value];
-  const results = await $dropFetch(
+  const options = await $dropFetch(
     `/api/v1/admin/import/version/preload?id=${encodeURIComponent(
       gameId,
     )}&version=${encodeURIComponent(version)}`,
   );
-  versionGuesses.value = results.map((e) => ({
+  versionGuesses.value = options.map((e) => ({
     ...e,
-    platform: e.platform as PlatformClient,
+    platform: allPlatforms.find((v) => v.param === e.platform)!,
   }));
+  versionSettings.value.name = version;
 }
 
 async function startImport() {
@@ -667,7 +565,7 @@ function startImport_wrapper() {
   importLoading.value = true;
   startImport()
     .catch((error) => {
-      importError.value = error.statusMessage ?? t("errors.unknown");
+      importError.value = error.message ?? t("errors.unknown");
     })
     .finally(() => {
       importLoading.value = false;

pages/admin/library/g/[id]/index.vue

@@ -7,66 +7,6 @@
     >
       <!--start-->
       <div>
-        <Listbox v-if="false" v-model="currentMode" as="div">
-          <div class="relative mt-2">
-            <ListboxButton
-              class="min-w-[10vw] w-full cursor-default inline-flex items-center gap-x-2 rounded-md bg-zinc-900 py-1.5 pr-2 pl-3 text-left text-zinc-200 outline-1 -outline-offset-1 outline-zinc-700 focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600 sm:text-sm/6"
-            >
-              <span class="col-start-1 row-start-1 truncate">{{
-                currentMode
-              }}</span>
-
-              <PencilIcon class="ml-auto size-5" />
-
-              <ChevronUpDownIcon
-                class="text-gray-500 size-5"
-                aria-hidden="true"
-              />
-            </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-white/5 focus:outline-hidden sm:text-sm"
-              >
-                <ListboxOption
-                  v-for="[value] in Object.entries(components)"
-                  v-slot="{ active, selected }"
-                  :key="value"
-                  as="template"
-                  :value="value"
-                >
-                  <li
-                    :class="[
-                      active
-                        ? 'bg-blue-600 text-white outline-hidden'
-                        : 'text-zinc-100',
-                      'relative cursor-default py-2 pr-9 pl-3 select-none',
-                    ]"
-                  >
-                    <span
-                      :class="[
-                        selected ? 'font-semibold' : 'font-normal',
-                        'block truncate',
-                      ]"
-                      >{{ value }}</span
-                    >
-
-                    <span
-                      v-if="selected"
-                      class="text-white absolute inset-y-0 right-0 flex items-center pr-4"
-                    >
-                      <PencilIcon class="size-5" aria-hidden="true" />
-                    </span>
-                  </li>
-                </ListboxOption>
-              </ListboxOptions>
-            </transition>
-          </div>
-        </Listbox>
 
         <div class="pt-4 inline-flex gap-x-2">
           <div
@@ -112,18 +52,10 @@
 </template>
 
 <script setup lang="ts">
-import {
-  Listbox,
-  ListboxButton,
-  ListboxOption,
-  ListboxOptions,
-} from "@headlessui/vue";
-import { ChevronUpDownIcon } from "@heroicons/vue/16/solid";
 import { GameEditorMetadata, GameEditorVersion } from "#components";
 import {
   ArrowTopRightOnSquareIcon,
   DocumentIcon,
-  PencilIcon,
   ServerStackIcon,
 } from "@heroicons/vue/24/outline";
 import type { Component } from "vue";
@@ -158,7 +90,6 @@ const components: {
 const currentMode = ref<GameEditorMode>(GameEditorMode.Metadata);
 
 useHead({
-  // To do a title with the game name in it, we need some sort of watch
   title: `${currentMode.value} - ${game.value.mName}`,
 });
 

pages/admin/library/import.vue

@@ -3,7 +3,7 @@
     <Listbox
       as="div"
       :model="currentlySelectedGame"
-      @update:model-value="(value) => updateSelectedGame_wrapper(value)"
+      @update:model-value="(value) => updateSelectedGame(value)"
     >
       <ListboxLabel class="block text-sm font-medium leading-6 text-zinc-100">
         {{ $t("library.admin.import.selectGame") }}
@@ -80,10 +80,93 @@
                 </span>
               </li>
             </ListboxOption>
+            <div
+              v-if="games.unimportedGames.length == 0"
+              class="w-full uppercase font-display font-bold text-zinc-600 p-2 text-center"
+            >
+              Nothing to import
+            </div>
           </ListboxOptions>
         </transition>
       </div>
     </Listbox>
+    <Listbox v-model="currentImportMode" as="div">
+      <ListboxLabel class="block text-sm font-medium leading-6 text-zinc-100">
+        Import as
+      </ListboxLabel>
+      <div class="relative mt-2">
+        <ListboxButton
+          class="relative inline-flex items-center w-full cursor-default rounded-md bg-zinc-950 py-1.5 pl-3 pr-10 text-left text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 focus:outline-none focus:ring-2 focus:ring-blue-600 sm:text-sm sm:leading-6"
+        >
+          <span class="inline-flex items-top gap-x-2">
+            <component
+              :is="importModes[currentImportMode].icon"
+              class="text-blue-600 size-8 p-1 bg-zinc-800 rounded-sm mt-1"
+            />
+            <div>
+              <h1 class="text-sm font-bold text-zinc-200">
+                {{ importModes[currentImportMode].name }}
+              </h1>
+              <p class="text-xs text-zinc-400 max-w-xs">
+                {{ importModes[currentImportMode].description }}
+              </p>
+            </div>
+          </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-zinc-800 focus:outline-none sm:text-sm"
+          >
+            <ListboxOption
+              v-for="[mode, metadata] in Object.entries(importModes)"
+              :key="mode"
+              v-slot="{ active }"
+              as="template"
+              :value="mode"
+            >
+              <li
+                :class="[
+                  active ? 'bg-blue-600 text-white' : 'text-zinc-100',
+                  'relative cursor-default select-none py-2 pl-3 pr-9',
+                ]"
+              >
+                <span
+                  :class="[
+                    mode == currentImportMode ? 'font-semibold' : 'font-normal',
+                    'inline-flex items-center gap-x-2 block truncate py-1 w-full',
+                  ]"
+                  >{{ metadata.name }}
+
+                  <span
+                    v-if="mode == currentImportMode"
+                    :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>
+                </span>
+              </li>
+            </ListboxOption>
+          </ListboxOptions>
+        </transition>
+      </div>
+    </Listbox>
+
     <div class="flex items-center justify-between gap-x-8">
       <span class="flex grow flex-col">
         <label
@@ -113,192 +196,19 @@
       </div>
     </div>
 
-    <div v-if="currentlySelectedGame !== -1" class="flex flex-col gap-y-4">
-      <!-- without metadata option -->
-      <div>
-        <LoadingButton
-          class="w-fit"
-          :loading="importLoading"
-          @click="() => importGame_wrapper(false)"
-        >
-          {{ $t("library.admin.import.withoutMetadata") }}
-        </LoadingButton>
-      </div>
-
-      <!-- divider -->
-      <div
-        class="inline-flex items-center gap-x-4 text-zinc-600 font-display font-bold"
-      >
-        <div class="h-[1px] grow bg-zinc-800" />
-        {{ $t("auth.signin.or") }}
-        <div class="h-[1px] grow bg-zinc-800" />
-      </div>
-
-      <!-- with metadata option -->
-
-      <div class="flex flex-col gap-y-4">
-        <form @submit.prevent="() => searchGame()">
-          <label
-            for="searchTerm"
-            class="block text-sm/6 font-medium text-zinc-100"
-            >{{ $t("library.admin.import.search") }}</label
-          >
-          <div class="mt-2 flex">
-            <div class="-mr-px grid grow grid-cols-1 focus-within:relative">
-              <input
-                id="searchTerm"
-                v-model="gameSearchTerm"
-                type="text"
-                name="searchTerm"
-                class="col-start-1 row-start-1 block w-full rounded-l-md bg-zinc-950 py-1.5 px-3 text-base text-zinc-100 outline-1 -outline-offset-1 outline-zinc-800 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600 sm:text-sm/6"
-                :placeholder="$t('library.admin.import.searchPlaceholder')"
-              />
-            </div>
-            <LoadingButton
-              :loading="gameSearchLoading"
-              :style="'none'"
-              type="submit"
-              class="w-24 flex shrink-0 items-center justify-center gap-x-1.5 rounded-r-md bg-zinc-950 px-3 py-2 text-sm font-semibold text-zinc-100 outline-1 -outline-offset-1 outline-zinc-800 hover:bg-zinc-900 focus:relative focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600"
-            >
-              <MagnifyingGlassIcon
-                class="-ml-0.5 size-4 text-gray-400"
-                aria-hidden="true"
-              />
-              {{ $t("library.admin.import.search") }}
-            </LoadingButton>
-          </div>
-        </form>
-
-        <Listbox
-          v-if="metadataResults && metadataResults.length > 0"
-          v-model="currentlySelectedMetadata"
-          as="div"
-        >
-          <ListboxLabel
-            class="block text-sm font-medium leading-6 text-zinc-100"
-            >{{ $t("library.admin.import.selectGameSearch") }}</ListboxLabel
-          >
-          <div class="relative mt-2">
-            <ListboxButton
-              class="relative w-full cursor-default rounded-md bg-zinc-950 py-1.5 pl-3 pr-10 text-left text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 focus:outline-none focus:ring-2 focus:ring-blue-600 sm:text-sm sm:leading-6"
-            >
-              <GameSearchResultWidget
-                v-if="currentlySelectedMetadata != -1"
-                :game="metadataResults[currentlySelectedMetadata]"
-              />
-              <span v-else class="block truncate text-zinc-600">
-                {{ $t("library.admin.import.selectGamePlaceholder") }}
-              </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
-                  v-for="(result, resultIdx) in metadataResults"
-                  :key="result.id"
-                  v-slot="{ active }"
-                  as="template"
-                  :value="resultIdx"
-                >
-                  <li
-                    :class="[
-                      active ? 'bg-blue-600 text-white' : 'text-zinc-100',
-                      'relative cursor-default select-none py-2 pl-3 pr-9',
-                    ]"
-                  >
-                    <GameSearchResultWidget :game="result" />
-                  </li>
-                </ListboxOption>
-              </ListboxOptions>
-            </transition>
-          </div>
-        </Listbox>
-        <div
-          v-else-if="gameSearchResultsLoading"
-          role="status"
-          class="inline-flex text-zinc-100 font-display font-semibold items-center gap-x-4"
-        >
-          {{ $t("library.admin.import.loading") }}
-          <svg
-            aria-hidden="true"
-            class="w-6 h-6 text-transparent animate-spin fill-white"
-            viewBox="0 0 100 101"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
-              fill="currentColor"
-            />
-            <path
-              d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
-              fill="currentFill"
-            />
-          </svg>
-        </div>
-
-        <div
-          v-if="gameSearchResultsError"
-          class="w-fit 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">
-                {{ gameSearchResultsError }}
-              </h3>
-            </div>
-          </div>
-        </div>
-
-        <div>
-          <LoadingButton
-            class="w-fit"
-            :loading="importLoading"
-            :disabled="currentlySelectedMetadata === -1"
-            @click="() => importGame_wrapper()"
-          >
-            {{ $t("library.admin.import.import") }}
-          </LoadingButton>
-
-          <div
-            v-if="importError"
-            class="mt-4 w-fit 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">
-                  {{ importError }}
-                </h3>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <component
+      :is="importModes[currentImportMode].component"
+      v-if="currentlySelectedGame !== -1"
+      :game-name="games.unimportedGames[currentlySelectedGame].game"
+      :loading="importLoading"
+      :error="importError"
+      @import="(...v: unknown[]) => importModes[currentImportMode].import(...v)"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
+import { ImportGame, ImportRedist } from "#components";
 import {
   Listbox,
   ListboxButton,
@@ -306,81 +216,65 @@ import {
   ListboxOption,
   ListboxOptions,
 } from "@headlessui/vue";
-import { XCircleIcon } from "@heroicons/vue/16/solid";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
-import { MagnifyingGlassIcon } from "@heroicons/vue/24/outline";
+import { PuzzlePieceIcon, ArchiveBoxIcon } from "@heroicons/vue/24/solid";
+import type { FetchError } from "ofetch";
 import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
 
 definePageMeta({
   layout: "admin",
 });
 
+type ImportMode = "Game" | "Redist";
+
+const importModes = shallowRef<{
+  [key in ImportMode]: {
+    name: string;
+    description: string;
+    icon: Component;
+    component: Component;
+    import: (...v: unknown[]) => void;
+  };
+}>({
+  Game: {
+    name: "Game",
+    description: "Games can be added to user libraries, installed, and played.",
+    icon: PuzzlePieceIcon,
+    component: ImportGame,
+    import: importGame_wrapper as (v: unknown) => void,
+  },
+  Redist: {
+    name: "Redistributable",
+    description:
+      "Redistributables are packaged dependencies for games, that are installed alongside and required to play certain games.",
+    icon: ArchiveBoxIcon,
+    component: ImportRedist,
+    import: importRedist as (v: unknown, k: unknown) => void,
+  },
+});
+
+const currentImportMode = ref<ImportMode>("Game");
+
 const { t } = useI18n();
 
 const rawGames = await $dropFetch("/api/v1/admin/import/game");
 const games = ref(rawGames);
 const currentlySelectedGame = ref(-1);
-const gameSearchResultsLoading = ref(false);
-const gameSearchResultsError = ref<string | undefined>();
-const gameSearchTerm = ref("");
-const gameSearchLoading = ref(false);
 const bulkImportMode = ref(false);
 
 async function updateSelectedGame(value: number) {
-  if (currentlySelectedGame.value == value) return;
-  currentlySelectedGame.value = value;
-  if (currentlySelectedGame.value == -1) return;
-  const option = games.value.unimportedGames[currentlySelectedGame.value];
+  if (currentlySelectedGame.value == value || value == -1) return;
+  const option = games.value.unimportedGames[value];
   if (!option) return;
 
-  metadataResults.value = undefined;
-  currentlySelectedMetadata.value = -1;
-  gameSearchTerm.value = option.game;
-
-  await searchGame();
+  currentlySelectedGame.value = value;
 }
 
-async function searchGame() {
-  gameSearchResultsError.value = undefined;
-  gameSearchLoading.value = true;
-  try {
-    const results = await $dropFetch(
-      `/api/v1/admin/import/game/search?q=${encodeURIComponent(gameSearchTerm.value)}`,
-    );
-    metadataResults.value = results;
-    gameSearchLoading.value = false;
-  } catch (e) {
-    gameSearchLoading.value = false;
-
-    throw e;
-  }
-}
-
-function updateSelectedGame_wrapper(value: number) {
-  gameSearchResultsLoading.value = true;
-  updateSelectedGame(value)
-    .catch((error) => {
-      gameSearchResultsError.value = error.statusMessage || t("errors.unknown");
-    })
-    .finally(() => {
-      gameSearchResultsLoading.value = false;
-    });
-}
-
-const metadataResults = ref<Array<GameMetadataSearchResult> | undefined>();
-const currentlySelectedMetadata = ref(-1);
-
 const router = useRouter();
 
 const importLoading = ref(false);
 const importError = ref<string | undefined>();
-async function importGame(useMetadata: boolean) {
-  if (!metadataResults.value && useMetadata) return;
-
-  const metadata =
-    useMetadata && metadataResults.value
-      ? metadataResults.value[currentlySelectedMetadata.value]
-      : undefined;
+async function importGame(metadata: GameMetadataSearchResult | undefined) {
   const option = games.value.unimportedGames[currentlySelectedGame.value];
 
   const { taskId } = await $dropFetch("/api/v1/admin/import/game", {
@@ -397,18 +291,67 @@ async function importGame(useMetadata: boolean) {
   } else {
     games.value.unimportedGames.splice(currentlySelectedGame.value, 1);
     currentlySelectedGame.value = -1;
-    gameSearchResultsError.value = undefined;
   }
 }
-function importGame_wrapper(metadata = true) {
+async function importGame_wrapper(
+  metadata: GameMetadataSearchResult | undefined,
+) {
   importLoading.value = true;
   importError.value = undefined;
-  importGame(metadata)
-    .catch((error) => {
-      importError.value = error?.statusMessage || t("errors.unknown");
-    })
-    .finally(() => {
-      importLoading.value = false;
+  try {
+    await importGame(metadata);
+  } catch (error) {
+    console.warn(error);
+    importError.value =
+      (error as FetchError)?.message || t("errors.unknown");
+  }
+  importLoading.value = false;
+}
+
+async function importRedist(data: object, platform: object | undefined) {
+  importLoading.value = true;
+  importError.value = undefined;
+  try {
+    const option = games.value.unimportedGames[currentlySelectedGame.value];
+
+    const formData = new FormData();
+    for (const [key, value] of Object.entries(data)) {
+      formData.append(
+        key,
+        value,
+      );
+    }
+
+    if (platform) {
+      for (const [key, value] of Object.entries(platform)) {
+        // Because we know there will be no file, and we need to handle more complex objects for
+        // the platform, we do this.
+        // Maybe we shouldn't.
+        formData.append(
+          `platform.${key}`,
+          typeof value === "object" ? JSON.stringify(value) : value,
+        );
+      }
+    }
+
+    formData.append("library", option.library.id);
+    formData.append("path", option.game);
+    const redist = await $dropFetch("/api/v1/admin/import/redist", {
+      body: formData,
+      method: "POST",
     });
+
+    if (!bulkImportMode.value) {
+      router.push(`/admin/library/r/${redist.id}`);
+    } else {
+      games.value.unimportedGames.splice(currentlySelectedGame.value, 1);
+      currentlySelectedGame.value = -1;
+    }
+  } catch (error) {
+    console.warn(error);
+    importError.value =
+      (error as FetchError)?.message || t("errors.unknown");
+  }
+  importLoading.value = false;
 }
 </script>

pages/admin/library/index.vue

@@ -71,41 +71,59 @@
         aria-hidden="true"
       />
     </div>
+
+    <div class="flex gap-x-4 text-zinc-300 font-bold uppercase font-display text-sm">
+      <span class="inline-flex items-center gap-x-1"
+        ><div class="size-2 rounded-full bg-blue-600" />
+        Game</span
+      >
+      <span class="inline-flex items-center gap-x-1"
+        ><div class="size-2 rounded-full bg-emerald-600" />
+        Redistributable</span
+      >
+    </div>
     <ul
       role="list"
       class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4"
     >
       <li
-        v-for="game in filteredLibraryGames"
-        :key="game.id"
+        v-for="entry in filteredLibrary"
+        :key="entry.id"
         class="relative overflow-hidden col-span-1 flex flex-col justify-center divide-y divide-zinc-800 rounded-xl bg-zinc-950/30 text-left shadow-md border hover:scale-102 hover:shadow-xl hover:bg-zinc-950/70 border-zinc-800 transition-all duration-200 group"
       >
-        <div class="flex flex-1 flex-row p-4 gap-x-4">
+        <div
+          v-if="entry.type === 'game'"
+          class="relative flex flex-1 flex-row p-4 gap-x-4"
+        >
+          <div
+            class="absolute top-0 right-0 w-10 bg-blue-600 h-4 rotate-[45deg] translate-x-1/2"
+          />
+
           <img
             class="h-20 w-20 p-3 flex-shrink-0 rounded-xl shadow group-hover:shadow-lg transition-all duration-200 bg-zinc-900 object-cover border border-zinc-800"
-            :src="useObject(game.mIconObjectId)"
+            :src="useObject(entry.mIconObjectId)"
             alt=""
           />
           <div class="flex flex-col">
             <h3
               class="gap-x-2 text-sm inline-flex items-center font-medium text-zinc-100 font-display"
             >
-              {{ game.mName }}
+              {{ entry.mName }}
               <button
                 type="button"
                 :class="[
                   'rounded-full p-1 shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2',
-                  game.featured
+                  entry.featured
                     ? 'bg-yellow-400 hover:bg-yellow-300 focus-visible:outline-yellow-400 text-zinc-900'
                     : 'bg-zinc-800 hover:bg-zinc-700 focus-visible:outline-zinc-400 text-white',
                 ]"
-                @click="() => featureGame(game.id)"
+                @click="() => featureGame(entry.id)"
               >
                 <svg
-                  v-if="gameFeatureLoading[game.id]"
+                  v-if="gameFeatureLoading[entry.id]"
                   aria-hidden="true"
                   :class="[
-                    game.featured ? ' fill-zinc-900' : 'fill-zinc-100',
+                    entry.featured ? ' fill-zinc-900' : 'fill-zinc-100',
                     'size-3 text-transparent animate-spin',
                   ]"
                   viewBox="0 0 100 101"
@@ -126,13 +144,13 @@
               </button>
               <span
                 class="inline-flex items-center rounded-full bg-blue-600/10 px-2 py-1 text-xs font-medium text-blue-600 ring-1 ring-inset ring-blue-600/20"
-                >{{ game.library!.name }}</span
+                >{{ entry.library.name }}</span
               >
             </h3>
             <dl class="mt-1 flex flex-col justify-between">
               <dt class="sr-only">{{ $t("library.admin.shortDesc") }}</dt>
               <dd class="text-sm text-zinc-400">
-                {{ game.mShortDescription }}
+                {{ entry.mShortDescription }}
               </dd>
               <dt class="sr-only">
                 {{ $t("library.admin.metadataProvider") }}
@@ -140,7 +158,7 @@
             </dl>
             <div class="mt-4 flex flex-col gap-y-1">
               <NuxtLink
-                :href="`/admin/library/${game.id}`"
+                :href="`/admin/library/g/${entry.id}`"
                 class="w-fit rounded-md bg-zinc-800 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-zinc-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
               >
                 <i18n-t
@@ -155,16 +173,79 @@
               </NuxtLink>
               <button
                 class="w-fit rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm transition-all duration-200 hover:bg-red-500 hover:scale-105 hover:shadow-lg hover:shadow-red-500/25 active:scale-95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600"
-                @click="() => deleteGame(game.id)"
+                @click="() => deleteGame(entry.id)"
               >
                 {{ $t("delete") }}
               </button>
             </div>
           </div>
         </div>
-        <div v-if="game.hasNotifications" class="flex flex-col gap-y-2 p-2">
+        <div
+          v-else-if="entry.type === 'redist'"
+          class="relative flex flex-1 flex-row p-4 gap-x-4"
+        >
           <div
-            v-if="game.notifications.toImport"
+            class="absolute top-0 right-0 w-10 bg-emerald-600 h-4 rotate-[45deg] translate-x-1/2"
+          />
+          <img
+            class="h-20 w-20 p-3 flex-shrink-0 rounded-xl shadow group-hover:shadow-lg transition-all duration-200 bg-zinc-900 object-cover border border-zinc-800"
+            :src="useObject(entry.mIconObjectId)"
+            alt=""
+          />
+          <div class="flex flex-col">
+            <h3
+              class="gap-x-2 text-sm inline-flex items-center font-medium text-zinc-100 font-display"
+            >
+              {{ entry.mName }}
+              <span
+                class="inline-flex items-center rounded-full bg-blue-600/10 px-2 py-1 text-xs font-medium text-blue-600 ring-1 ring-inset ring-blue-600/20"
+                >{{ entry.library.name }}</span
+              >
+            </h3>
+            <dl class="mt-1 flex flex-col justify-between">
+              <dt class="sr-only">{{ $t("library.admin.shortDesc") }}</dt>
+              <dd class="text-sm text-zinc-400">
+                {{ entry.mShortDescription }}
+              </dd>
+            </dl>
+            <dl
+              v-if="entry.platform"
+              class="mt-2 flex items-center text-zinc-200 font-semibold text-sm gap-x-1 p-2 bg-zinc-800 rounded-xl"
+            >
+              <IconsPlatform
+                :platform="entry.platform.id"
+                :fallback="entry.platform.iconSvg"
+                class="size-6 text-blue-600"
+              />
+              <span>{{ entry.platform.platformName }}</span>
+            </dl>
+            <div class="mt-4 flex flex-col gap-y-1">
+              <NuxtLink
+                :href="`/admin/library/r/${entry.id}`"
+                class="w-fit rounded-md bg-zinc-800 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-zinc-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
+              >
+                <i18n-t
+                  keypath="library.admin.openEditor"
+                  tag="span"
+                  scope="global"
+                >
+                  <template #arrow>
+                    <span aria-hidden="true">{{ $t("chars.arrow") }}</span>
+                  </template>
+                </i18n-t>
+              </NuxtLink>
+              <button
+                class="w-fit rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm transition-all duration-200 hover:bg-red-500 hover:scale-105 hover:shadow-lg hover:shadow-red-500/25 active:scale-95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600"
+                @click="() => deleteRedist(entry.id)"
+              >
+                {{ $t("delete") }}
+              </button>
+            </div>
+          </div>
+        </div>
+        <div v-if="entry.hasNotifications" class="flex flex-col gap-y-2 p-2">
+          <div
+            v-if="entry.notifications.toImport"
             class="rounded-md bg-blue-600/10 p-4"
           >
             <div class="flex">
@@ -180,7 +261,7 @@
                 </p>
                 <p class="mt-3 text-sm md:ml-6 md:mt-0">
                   <NuxtLink
-                    :href="`/admin/library/${game.id}/import`"
+                    :href="`/admin/library/g/${entry.id}/import`"
                     class="whitespace-nowrap font-medium text-blue-400 hover:text-blue-500"
                   >
                     <i18n-t
@@ -198,7 +279,7 @@
             </div>
           </div>
           <div
-            v-if="game.notifications.noVersions"
+            v-if="entry.notifications.noVersions"
             class="rounded-md bg-yellow-600/10 p-4"
           >
             <div class="flex">
@@ -216,7 +297,7 @@
             </div>
           </div>
           <div
-            v-if="game.notifications.offline"
+            v-if="entry.notifications.offline"
             class="rounded-md bg-red-600/10 p-4"
           >
             <div class="flex">
@@ -236,14 +317,14 @@
         </div>
       </li>
       <p
-        v-if="filteredLibraryGames.length == 0 && libraryGames.length != 0"
+        v-if="filteredLibrary.length == 0 && libraryGames.length != 0"
         class="text-zinc-600 text-sm font-display font-bold uppercase text-center col-span-4"
       >
         {{ $t("common.noResults") }}
       </p>
       <p
         v-if="
-          filteredLibraryGames.length == 0 &&
+          filteredLibrary.length == 0 &&
           libraryGames.length == 0 &&
           libraryState.hasLibraries
         "
@@ -305,29 +386,33 @@ useHead({
 const searchQuery = ref("");
 
 const libraryState = await $dropFetch("/api/v1/admin/library");
-type LibraryStateGame = (typeof libraryState.games)[number]["game"];
 
 const toImport = ref(
   Object.values(libraryState.unimportedGames).flat().length > 0,
 );
 
-const libraryGames = ref<
-  Array<
-    LibraryStateGame & {
-      status: "online" | "offline";
-      hasNotifications?: boolean;
-      notifications: {
-        noVersions?: boolean;
-        toImport?: boolean;
-        offline?: boolean;
-      };
-    }
-  >
->(
-  libraryState.games.map((e) => {
+// Potentially make a server-side transformation to make the client lighter
+function clientSideTransformation<T, V extends keyof T, K extends string>(
+  values: Array<T & { status: (typeof libraryState.games)[number]["status"] }>,
+  expand: V,
+  type: K,
+): Array<
+  T[V] & {
+    status: "online" | "offline";
+    type: K;
+    hasNotifications?: boolean;
+    notifications: {
+      noVersions?: boolean;
+      toImport?: boolean;
+      offline?: boolean;
+    };
+  }
+> {
+  return values.map((e) => {
     if (e.status == "offline") {
       return {
-        ...e.game,
+        ...e[expand],
+        type: type,
         status: "offline" as const,
         hasNotifications: true,
         notifications: {
@@ -340,7 +425,8 @@ const libraryGames = ref<
     const toImport = e.status.unimportedVersions.length > 0;
 
     return {
-      ...e.game,
+      ...e[expand],
+      type: type,
       notifications: {
         noVersions,
         toImport,
@@ -348,13 +434,18 @@ const libraryGames = ref<
       hasNotifications: noVersions || toImport,
       status: "online" as const,
     };
-  }),
+  });
+}
+
+const libraryGames = ref(
+  clientSideTransformation(libraryState.games, "value", "game"),
+);
+const libraryRedists = ref(
+  clientSideTransformation(libraryState.redists, "value", "redist"),
 );
 
-const filteredLibraryGames = computed(() =>
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore excessively deep ts
-  libraryGames.value.filter((e) => {
+const filteredLibrary = computed(() =>
+  [...libraryGames.value, ...libraryRedists.value].filter((e) => {
     if (!searchQuery.value) return true;
     const searchQueryLower = searchQuery.value.toLowerCase();
     if (e.mName.toLowerCase().includes(searchQueryLower)) return true;
@@ -374,6 +465,16 @@ async function deleteGame(id: string) {
   toImport.value = true;
 }
 
+async function deleteRedist(id: string) {
+  await $dropFetch(`/api/v1/admin/redist/${id}`, {
+    method: "DELETE",
+    failTitle: "Failed to delete game",
+  });
+  const index = libraryRedists.value.findIndex((e) => e.id === id);
+  libraryRedists.value.splice(index, 1);
+  toImport.value = true;
+}
+
 const gameFeatureLoading = ref<{ [key: string]: boolean }>({});
 async function featureGame(id: string) {
   const gameIndex = libraryGames.value.findIndex((e) => e.id === id);

pages/admin/library/r/[id]/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div
+    class="pt-8 lg:pt-0 lg:pl-20 fixed inset-0 flex flex-col overflow-auto bg-zinc-900"
+  >
+    <div
+      class="bg-zinc-950 w-full flex flex-col sm:flex-row items-center gap-2 justify-between pr-2"
+    >
+      <!--start-->
+      <div>
+        <div class="pt-4 inline-flex gap-x-2">
+          <div
+            v-for="[value, { icon }] in Object.entries(components)"
+            :key="value"
+          >
+            <button
+              :class="[
+                'inline-flex items-center gap-x-1 py-2 px-3 rounded-t-md font-semibold text-sm',
+                value == currentMode
+                  ? 'bg-zinc-900 text-zinc-100'
+                  : 'bg-transparent text-zinc-500',
+              ]"
+              @click="() => (currentMode = value as RedistEditorMode)"
+            >
+              <component :is="icon" class="size-4" />
+              {{ value }}
+            </button>
+          </div>
+        </div>
+      </div>
+      <div>
+        <!-- open in store button -->
+      </div>
+    </div>
+    <component
+      :is="components[currentMode].editor"
+      v-model="redist"
+      :unimported-versions="unimportedVersions"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { GameEditorVersion, RedistEditorMetadata } from "#components";
+import { DocumentIcon, ServerStackIcon } from "@heroicons/vue/24/outline";
+import type { Component } from "vue";
+
+const route = useRoute();
+const redistId = route.params.id.toString();
+const { redist: rawRedist, unimportedVersions } = await $dropFetch(
+  `/api/v1/admin/redist/:id`,
+  { params: { id: redistId } },
+);
+const redist = ref(rawRedist);
+
+definePageMeta({
+  layout: "admin",
+});
+
+enum RedistEditorMode {
+  Metadata = "Metadata",
+  Versions = "Versions",
+}
+
+const components: {
+  [key in RedistEditorMode]: { editor: Component; icon: Component };
+} = {
+  [RedistEditorMode.Metadata]: { editor: RedistEditorMetadata, icon: DocumentIcon },
+  [RedistEditorMode.Versions]: {
+    editor: GameEditorVersion,
+    icon: ServerStackIcon,
+  },
+};
+
+const currentMode = ref<RedistEditorMode>(RedistEditorMode.Metadata);
+
+useHead({
+  title: `${currentMode.value} - ${redist.value.mName}`,
+});
+
+watch(currentMode, (v) => {
+  useHead({
+    title: `${v} - ${redist.value.mName}`,
+  });
+});
+</script>

pages/admin/library/sources/index.vue

@@ -198,8 +198,8 @@
                           >{{ metadata.title }}
                           <span class="ml-2 font-mono text-zinc-500 text-xs">{{
                             source
-                          }}</span></RadioGroupLabel
-                        >
+                          }}</span>
+                        </RadioGroupLabel>
                         <RadioGroupDescription
                           as="span"
                           class="text-zinc-400 text-xs"
@@ -405,18 +405,21 @@ function performActionSource_wrapper() {
   modalError.value = undefined;
   modalLoading.value = true;
   performActionSource()
-    .then(() => {
-      actionSourceOpen.value = false;
-      sourceConfig.value = {};
-      sourceName.value = "";
-    })
-    .catch((e) => {
-      if (e instanceof FetchError) {
-        modalError.value = e.statusMessage ?? e.message;
-      } else {
-        modalError.value = e as string;
-      }
-    })
+    .then(
+      () => {
+        actionSourceOpen.value = false;
+        sourceConfig.value = {};
+        sourceName.value = "";
+      },
+      (e) => {
+        if (e instanceof FetchError) {
+                  console.log(e.data.message);
+          modalError.value = e.message;
+        } else {
+          modalError.value = e as string;
+        }
+      },
+    )
     .finally(() => {
       modalLoading.value = false;
     });
@@ -449,8 +452,8 @@ async function deleteSource(index: number) {
       {
         title: t("errors.library.source.delete.title"),
         description: t("errors.library.source.delete.desc", [
-          // @ts-expect-error attempt to display statusMessage on error
-          e?.statusMessage ?? t("errors.unknown"),
+          // @ts-expect-error attempt to display message on error
+          e?.message ?? t("errors.unknown"),
         ]),
       },
       (_, c) => c(),

pages/admin/settings/index.vue

@@ -96,7 +96,7 @@ async function saveSettings() {
         title: `Failed to save settings.`,
         description:
           e instanceof FetchError
-            ? (e.statusMessage ?? e.message)
+            ? (e.message)
             : (e as string).toString(),
       },
       (_, c) => c(),

pages/admin/settings/tokens.vue

@@ -184,7 +184,7 @@ if (route.query.payload) {
   } catch {
     throw createError({
       statusCode: 400,
-      statusMessage: "Failed to parse the token create payload.",
+      message: "Failed to parse the token create payload.",
       fatal: true,
     });
   }

pages/admin/users/auth/simple/index.vue

@@ -502,7 +502,7 @@ function invite_wrapper() {
       invitations.value.push(invitation);
     })
     .catch((response) => {
-      const message = response.statusMessage || t("errors.unknown");
+      const message = response.message || t("errors.unknown");
       error.value = message;
     })
     .finally(() => {

pages/auth/register.vue

@@ -203,7 +203,7 @@ const invitationId = route.query.id?.toString();
 if (!invitationId)
   throw createError({
     statusCode: 400,
-    statusMessage: t("errors.inviteRequired"),
+    message: t("errors.inviteRequired"),
   });
 
 const invitation = await $dropFetch(
@@ -271,7 +271,7 @@ function register_wrapper() {
       router.push("/auth/signin");
     })
     .catch((response) => {
-      const message = response.statusMessage || t("errors.unknown");
+      const message = response.message || t("errors.unknown");
       error.value = message;
     })
     .finally(() => {

pages/client/authorize/[id].vue

@@ -192,7 +192,7 @@ async function authorize() {
   }
   throw createError({
     statusCode: 500,
-    statusMessage: "Unknown client auth mode: " + clientData.mode,
+    message: "Unknown client auth mode: " + clientData.mode,
     fatal: true,
   });
 }
@@ -202,7 +202,7 @@ async function authorize_wrapper() {
     await authorize();
   } catch (e) {
     const errorMessage =
-      (e as FetchError)?.statusMessage || "An unknown error occurred.";
+      (e as FetchError)?.message || "An unknown error occurred.";
     error.value = errorMessage;
   } finally {
     completed.value = true;

pages/client/code/index.vue

@@ -125,7 +125,7 @@ async function complete(code: string) {
   } catch (e) {
     if (e instanceof FetchError) {
       error.value =
-        e.statusMessage ?? e.message ?? "An unknown error occurred.";
+        e.message ?? "An unknown error occurred.";
     } else {
       error.value = (e as string)?.toString();
     }

pages/library/collection/[id]/index.vue

@@ -44,7 +44,8 @@ const collection = computed(() =>
 if (collection.value === undefined) {
   throw createError({
     statusCode: 404,
-    statusMessage: t("library.collection.notFound"),
+    message: t("library.collection.notFound"),
+    fatal: true,
   });
 }
 

pages/news/[id]/index.vue

@@ -99,7 +99,7 @@ const article = computed(() =>
 if (!article.value)
   throw createError({
     statusCode: 404,
-    statusMessage: t("news.notFound"),
+    message: t("news.notFound"),
     fatal: true,
   });
 

pages/setup.vue

@@ -159,7 +159,7 @@ const token = route.query.token;
 if (!token)
   throw createError({
     statusCode: 400,
-    statusMessage: "No token.",
+    message: "No token.",
     fatal: true,
   });
 const bearerToken = `Bearer ${token}`;
@@ -170,7 +170,7 @@ const allowed = await $dropFetch("/api/v1/admin", {
 if (!allowed)
   throw createError({
     statusCode: 400,
-    statusMessage: "Invalid setup token. Please check the URL you opened.",
+    message: "Invalid setup token. Please check the URL you opened.",
     fatal: true,
   });
 

pages/store/[id]/index.vue

@@ -40,7 +40,7 @@
           </div>
           <NuxtLink
             v-if="user?.admin"
-            :href="`/admin/library/${game.id}`"
+            :href="`/admin/library/g/${game.id}`"
             type="button"
             class="inline-flex items-center gap-x-2 rounded-md bg-zinc-800 px-3 py-1 text-sm font-semibold font-display text-white shadow-sm hover:bg-zinc-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 duration-200 hover:scale-105 active:scale-95"
           >
@@ -73,15 +73,22 @@
                 <td
                   class="whitespace-nowrap inline-flex gap-x-4 px-3 py-4 text-sm text-zinc-400"
                 >
-                  <component
-                    :is="PLATFORM_ICONS[platform]"
+                  <IconsPlatform
                     v-for="platform in platforms"
-                    :key="platform"
-                    class="text-blue-600 w-6 h-6"
+                    :key="typeof platform === 'string' ? platform : platform.id"
+                    :platform="
+                      typeof platform === 'string' ? platform : platform.id
+                    "
+                    :fallback="
+                      typeof platform === 'string'
+                        ? undefined
+                        : platform.iconSvg
+                    "
+                    class="size-8 text-blue-600"
                   />
                   <span
                     v-if="platforms.length == 0"
-                    class="font-semibold text-blue-600"
+                    class="font-display uppercase font-bold text-zinc-700"
                     >{{ $t("store.commingSoon") }}</span
                   >
                 </td>
@@ -245,14 +252,13 @@
 import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
 import { StarIcon } from "@heroicons/vue/24/solid";
 import { micromark } from "micromark";
-import type { PlatformClient } from "~/composables/types";
 
 const route = useRoute();
 const gameId = route.params.id.toString();
 
 const user = useUser();
 
-const { game, rating } = await $dropFetch(`/api/v1/games/${gameId}`);
+const { game, rating, platforms } = await $dropFetch(`/api/v1/games/${gameId}`);
 
 // Preview description (first 30 lines)
 const showPreview = ref(true);
@@ -278,10 +284,6 @@ const previewHTML = micromark(previewDescription);
 const descriptionHTML = micromark(game.mDescription);
 
 const showReadMore = previewHTML != descriptionHTML;
-const platforms = game.versions
-  .map((e) => e.platform as PlatformClient)
-  .flat()
-  .filter((e, i, u) => u.indexOf(e) === i);
 
 // const rating = Math.round(game.mReviewRating * 5);
 const averageRating = Math.round((rating._avg.mReviewRating ?? 0) * 5);

prisma/migrations/20240928081254_create_user_and_auth_mechanisms/migration.sql

@@ -1,25 +0,0 @@
--- CreateEnum
-CREATE TYPE "AuthMec" AS ENUM ('Simple');
-
--- CreateTable
-CREATE TABLE "User" (
-    "id" TEXT NOT NULL,
-    "username" TEXT NOT NULL,
-
-    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "LinkedAuthMec" (
-    "userId" TEXT NOT NULL,
-    "mec" "AuthMec" NOT NULL,
-    "credentials" TEXT[],
-
-    CONSTRAINT "LinkedAuthMec_pkey" PRIMARY KEY ("userId","mec")
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "User_username_key" ON "User"("username");
-
--- AddForeignKey
-ALTER TABLE "LinkedAuthMec" ADD CONSTRAINT "LinkedAuthMec_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20240928085121_move_to_json_for_credentials/migration.sql

@@ -1,9 +0,0 @@
-/*
-  Warnings:
-
-  - Changed the type of `credentials` on the `LinkedAuthMec` table. No cast exists, the column would be dropped and recreated, which cannot be done if there is data, since the column is required.
-
-*/
--- AlterTable
-ALTER TABLE "LinkedAuthMec" DROP COLUMN "credentials",
-ADD COLUMN     "credentials" JSONB NOT NULL;

prisma/migrations/20240929000950_add_game_data/migration.sql

@@ -1,76 +0,0 @@
--- CreateEnum
-CREATE TYPE "MetadataSource" AS ENUM ('Custom', 'GiantBomb');
-
--- CreateTable
-CREATE TABLE "Game" (
-    "id" TEXT NOT NULL,
-    "metadataSource" "MetadataSource" NOT NULL,
-    "metadataId" TEXT NOT NULL,
-    "mName" TEXT NOT NULL,
-    "mShortDescription" TEXT NOT NULL,
-    "mDescription" TEXT NOT NULL,
-    "mReviewCount" INTEGER NOT NULL,
-    "mReviewRating" DOUBLE PRECISION NOT NULL,
-    "mIconId" TEXT NOT NULL,
-    "mBannerId" TEXT NOT NULL,
-    "mArt" TEXT[],
-    "mScreenshots" TEXT[],
-
-    CONSTRAINT "Game_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "Developer" (
-    "id" TEXT NOT NULL,
-    "metadataSource" "MetadataSource" NOT NULL,
-    "metadataId" TEXT NOT NULL,
-    "mName" TEXT NOT NULL,
-
-    CONSTRAINT "Developer_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "Publisher" (
-    "id" TEXT NOT NULL,
-    "metadataSource" "MetadataSource" NOT NULL,
-    "metadataId" TEXT NOT NULL,
-    "mName" TEXT NOT NULL,
-
-    CONSTRAINT "Publisher_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "_GameToPublisher" (
-    "A" TEXT NOT NULL,
-    "B" TEXT NOT NULL
-);
-
--- CreateTable
-CREATE TABLE "_DeveloperToGame" (
-    "A" TEXT NOT NULL,
-    "B" TEXT NOT NULL
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "_GameToPublisher_AB_unique" ON "_GameToPublisher"("A", "B");
-
--- CreateIndex
-CREATE INDEX "_GameToPublisher_B_index" ON "_GameToPublisher"("B");
-
--- CreateIndex
-CREATE UNIQUE INDEX "_DeveloperToGame_AB_unique" ON "_DeveloperToGame"("A", "B");
-
--- CreateIndex
-CREATE INDEX "_DeveloperToGame_B_index" ON "_DeveloperToGame"("B");
-
--- AddForeignKey
-ALTER TABLE "_GameToPublisher" ADD CONSTRAINT "_GameToPublisher_A_fkey" FOREIGN KEY ("A") REFERENCES "Game"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_GameToPublisher" ADD CONSTRAINT "_GameToPublisher_B_fkey" FOREIGN KEY ("B") REFERENCES "Publisher"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_DeveloperToGame" ADD CONSTRAINT "_DeveloperToGame_A_fkey" FOREIGN KEY ("A") REFERENCES "Developer"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_DeveloperToGame" ADD CONSTRAINT "_DeveloperToGame_B_fkey" FOREIGN KEY ("B") REFERENCES "Game"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20240929010842_updates_to_metadata_schema/migration.sql

@@ -1,24 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `mBanner` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mDescription` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mLogo` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mShortDescription` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mBanner` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mDescription` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mLogo` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mShortDescription` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Developer" ADD COLUMN     "mBanner" TEXT NOT NULL,
-ADD COLUMN     "mDescription" TEXT NOT NULL,
-ADD COLUMN     "mLogo" TEXT NOT NULL,
-ADD COLUMN     "mShortDescription" TEXT NOT NULL;
-
--- AlterTable
-ALTER TABLE "Publisher" ADD COLUMN     "mBanner" TEXT NOT NULL,
-ADD COLUMN     "mDescription" TEXT NOT NULL,
-ADD COLUMN     "mLogo" TEXT NOT NULL,
-ADD COLUMN     "mShortDescription" TEXT NOT NULL;

prisma/migrations/20241004020835_unique_constraints/migration.sql

@@ -1,16 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[metadataSource,metadataId]` on the table `Developer` will be added. If there are existing duplicate values, this will fail.
-  - A unique constraint covering the columns `[metadataSource,metadataId]` on the table `Game` will be added. If there are existing duplicate values, this will fail.
-  - A unique constraint covering the columns `[metadataSource,metadataId]` on the table `Publisher` will be added. If there are existing duplicate values, this will fail.
-
-*/
--- CreateIndex
-CREATE UNIQUE INDEX "Developer_metadataSource_metadataId_key" ON "Developer"("metadataSource", "metadataId");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Game_metadataSource_metadataId_key" ON "Game"("metadataSource", "metadataId");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Publisher_metadataSource_metadataId_key" ON "Publisher"("metadataSource", "metadataId");

prisma/migrations/20241004025235_add_dev_pub_websites/migration.sql

@@ -1,12 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `mWebsite` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `mWebsite` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Developer" ADD COLUMN     "mWebsite" TEXT NOT NULL;
-
--- AlterTable
-ALTER TABLE "Publisher" ADD COLUMN     "mWebsite" TEXT NOT NULL;

prisma/migrations/20241007043002_add_user_admin/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "User" ADD COLUMN     "admin" BOOLEAN NOT NULL DEFAULT false;

prisma/migrations/20241007065541_add_client/migration.sql

@@ -1,15 +0,0 @@
--- CreateEnum
-CREATE TYPE "ClientCapabilities" AS ENUM ('DownloadAggregation');
-
--- CreateTable
-CREATE TABLE "Client" (
-    "sharedToken" TEXT NOT NULL,
-    "userId" TEXT NOT NULL,
-    "endpoint" TEXT NOT NULL,
-    "capabilities" "ClientCapabilities"[],
-
-    CONSTRAINT "Client_pkey" PRIMARY KEY ("sharedToken")
-);
-
--- AddForeignKey
-ALTER TABLE "Client" ADD CONSTRAINT "Client_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20241008062519_remove_shared_token_and_add_last_connected/migration.sql

@@ -1,19 +0,0 @@
-/*
-  Warnings:
-
-  - The primary key for the `Client` table will be changed. If it partially fails, the table could be left without primary key constraint.
-  - You are about to drop the column `sharedToken` on the `Client` table. All the data in the column will be lost.
-  - The required column `id` was added to the `Client` table with a prisma-level default value. This is not possible if the table is not empty. Please add this column as optional, then populate it before making it required.
-  - Added the required column `lastConnected` to the `Client` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `name` to the `Client` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `platform` to the `Client` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Client" DROP CONSTRAINT "Client_pkey",
-DROP COLUMN "sharedToken",
-ADD COLUMN     "id" TEXT NOT NULL,
-ADD COLUMN     "lastConnected" TIMESTAMP(3) NOT NULL,
-ADD COLUMN     "name" TEXT NOT NULL,
-ADD COLUMN     "platform" TEXT NOT NULL,
-ADD CONSTRAINT "Client_pkey" PRIMARY KEY ("id");

prisma/migrations/20241009032354_add_account_details/migration.sql

@@ -1,12 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `displayName` to the `User` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `email` to the `User` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `profilePicture` to the `User` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "User" ADD COLUMN     "displayName" TEXT NOT NULL,
-ADD COLUMN     "email" TEXT NOT NULL,
-ADD COLUMN     "profilePicture" TEXT NOT NULL;

prisma/migrations/20241010062956_add_constraints/migration.sql

@@ -1,25 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[libraryBasePath]` on the table `Game` will be added. If there are existing duplicate values, this will fail.
-  - Added the required column `libraryBasePath` to the `Game` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `versionOrder` to the `Game` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Game" ADD COLUMN     "libraryBasePath" TEXT NOT NULL,
-ADD COLUMN     "versionOrder" TEXT NOT NULL;
-
--- CreateTable
-CREATE TABLE "GameVersion" (
-    "gameId" TEXT NOT NULL,
-    "versionName" TEXT NOT NULL,
-
-    CONSTRAINT "GameVersion_pkey" PRIMARY KEY ("gameId","versionName")
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "Game_libraryBasePath_key" ON "Game"("libraryBasePath");
-
--- AddForeignKey
-ALTER TABLE "GameVersion" ADD CONSTRAINT "GameVersion_gameId_fkey" FOREIGN KEY ("gameId") REFERENCES "Game"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20241010095344_various_fixes/migration.sql

@@ -1,25 +0,0 @@
-/*
-  Warnings:
-
-  - The `versionOrder` column on the `Game` table would be dropped and recreated. This will lead to data loss if there is data in the column.
-  - Changed the type of `platform` on the `Client` table. No cast exists, the column would be dropped and recreated, which cannot be done if there is data, since the column is required.
-  - Added the required column `launchCommand` to the `GameVersion` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `platform` to the `GameVersion` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `setupCommand` to the `GameVersion` table without a default value. This is not possible if the table is not empty.
-
-*/
--- CreateEnum
-CREATE TYPE "Platform" AS ENUM ('windows', 'linux');
-
--- AlterTable
-ALTER TABLE "Client" DROP COLUMN "platform",
-ADD COLUMN     "platform" "Platform" NOT NULL;
-
--- AlterTable
-ALTER TABLE "Game" DROP COLUMN "versionOrder",
-ADD COLUMN     "versionOrder" TEXT[];
-
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "launchCommand" TEXT NOT NULL,
-ADD COLUMN     "platform" "Platform" NOT NULL,
-ADD COLUMN     "setupCommand" TEXT NOT NULL;

prisma/migrations/20241010104439_added_original_query_field/migration.sql

@@ -1,12 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `metadataOriginalQuery` to the `Developer` table without a default value. This is not possible if the table is not empty.
-  - Added the required column `metadataOriginalQuery` to the `Publisher` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Developer" ADD COLUMN     "metadataOriginalQuery" TEXT NOT NULL;
-
--- AlterTable
-ALTER TABLE "Publisher" ADD COLUMN     "metadataOriginalQuery" TEXT NOT NULL;

prisma/migrations/20241010104722_fix_unique_constraints/migration.sql

@@ -1,18 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[metadataSource,metadataId,metadataOriginalQuery]` on the table `Developer` will be added. If there are existing duplicate values, this will fail.
-  - A unique constraint covering the columns `[metadataSource,metadataId,metadataOriginalQuery]` on the table `Publisher` will be added. If there are existing duplicate values, this will fail.
-
-*/
--- DropIndex
-DROP INDEX "Developer_metadataSource_metadataId_key";
-
--- DropIndex
-DROP INDEX "Publisher_metadataSource_metadataId_key";
-
--- CreateIndex
-CREATE UNIQUE INDEX "Developer_metadataSource_metadataId_metadataOriginalQuery_key" ON "Developer"("metadataSource", "metadataId", "metadataOriginalQuery");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Publisher_metadataSource_metadataId_metadataOriginalQuery_key" ON "Publisher"("metadataSource", "metadataId", "metadataOriginalQuery");

prisma/migrations/20241011035227_add_droplet_manifest_to_game_versions/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `dropletManifest` to the `GameVersion` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "dropletManifest" JSONB NOT NULL;

prisma/migrations/20241011093950_update_game_images_system/migration.sql

@@ -1,14 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `mArt` on the `Game` table. All the data in the column will be lost.
-  - You are about to drop the column `mBannerId` on the `Game` table. All the data in the column will be lost.
-  - You are about to drop the column `mScreenshots` on the `Game` table. All the data in the column will be lost.
-
-*/
--- AlterTable
-ALTER TABLE "Game" DROP COLUMN "mArt",
-DROP COLUMN "mBannerId",
-DROP COLUMN "mScreenshots",
-ADD COLUMN     "mBannerIndex" INTEGER NOT NULL DEFAULT 0,
-ADD COLUMN     "mImageLibrary" TEXT[];

prisma/migrations/20241011101243_revert_banner_system/migration.sql

@@ -1,10 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `mBannerIndex` on the `Game` table. All the data in the column will be lost.
-  - Added the required column `mBannerId` to the `Game` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Game" DROP COLUMN "mBannerIndex",
-ADD COLUMN     "mBannerId" TEXT NOT NULL;

prisma/migrations/20241011103116_add_cover_image/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `mCoverId` to the `Game` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Game" ADD COLUMN     "mCoverId" TEXT NOT NULL;

prisma/migrations/20241014052934_add_delta_and_order/migration.sql

@@ -1,9 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `versionIndex` to the `GameVersion` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "delta" BOOLEAN NOT NULL DEFAULT false,
-ADD COLUMN     "versionIndex" INTEGER NOT NULL;

prisma/migrations/20241014053941_remove_version_order/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `versionOrder` on the `Game` table. All the data in the column will be lost.
-
-*/
--- AlterTable
-ALTER TABLE "Game" DROP COLUMN "versionOrder";

prisma/migrations/20241025091103_add_invitations/migration.sql

@@ -1,9 +0,0 @@
--- CreateTable
-CREATE TABLE "Invitation" (
-    "id" TEXT NOT NULL,
-    "isAdmin" BOOLEAN NOT NULL DEFAULT false,
-    "username" TEXT,
-    "email" TEXT,
-
-    CONSTRAINT "Invitation_pkey" PRIMARY KEY ("id")
-);

prisma/migrations/20241102000813_create_application_configuration/migration.sql

@@ -1,7 +0,0 @@
--- CreateTable
-CREATE TABLE "ApplicationSettings" (
-    "timestamp" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "enabledAuthencationMechanisms" "AuthMec"[],
-
-    CONSTRAINT "ApplicationSettings_pkey" PRIMARY KEY ("timestamp")
-);

prisma/migrations/20241105221904_different_client_capabilities/migration.sql

@@ -1,14 +0,0 @@
-/*
-  Warnings:
-
-  - The values [DownloadAggregation] on the enum `ClientCapabilities` will be removed. If these variants are still used in the database, this will fail.
-
-*/
--- AlterEnum
-BEGIN;
-CREATE TYPE "ClientCapabilities_new" AS ENUM ('PeerAPI', 'UserStatus');
-ALTER TABLE "Client" ALTER COLUMN "capabilities" TYPE "ClientCapabilities_new"[] USING ("capabilities"::text::"ClientCapabilities_new"[]);
-ALTER TYPE "ClientCapabilities" RENAME TO "ClientCapabilities_old";
-ALTER TYPE "ClientCapabilities_new" RENAME TO "ClientCapabilities";
-DROP TYPE "ClientCapabilities_old";
-COMMIT;

prisma/migrations/20241105222110_trackable_names_for_capabilities/migration.sql

@@ -1,14 +0,0 @@
-/*
-  Warnings:
-
-  - The values [PeerAPI,UserStatus] on the enum `ClientCapabilities` will be removed. If these variants are still used in the database, this will fail.
-
-*/
--- AlterEnum
-BEGIN;
-CREATE TYPE "ClientCapabilities_new" AS ENUM ('peerAPI', 'userStatus');
-ALTER TABLE "Client" ALTER COLUMN "capabilities" TYPE "ClientCapabilities_new"[] USING ("capabilities"::text::"ClientCapabilities_new"[]);
-ALTER TYPE "ClientCapabilities" RENAME TO "ClientCapabilities_old";
-ALTER TYPE "ClientCapabilities_new" RENAME TO "ClientCapabilities";
-DROP TYPE "ClientCapabilities_old";
-COMMIT;

prisma/migrations/20241105225732_peer_api_configuration/migration.sql

@@ -1,23 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `endpoint` on the `Client` table. All the data in the column will be lost.
-
-*/
--- AlterTable
-ALTER TABLE "Client" DROP COLUMN "endpoint";
-
--- CreateTable
-CREATE TABLE "ClientPeerAPIConfiguration" (
-    "id" TEXT NOT NULL,
-    "clientId" TEXT NOT NULL,
-    "ipConfigurations" TEXT[],
-
-    CONSTRAINT "ClientPeerAPIConfiguration_pkey" PRIMARY KEY ("id")
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "ClientPeerAPIConfiguration_clientId_key" ON "ClientPeerAPIConfiguration"("clientId");
-
--- AddForeignKey
-ALTER TABLE "ClientPeerAPIConfiguration" ADD CONSTRAINT "ClientPeerAPIConfiguration_clientId_fkey" FOREIGN KEY ("clientId") REFERENCES "Client"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20241105230021_move_to_endpoint_configuration/migration.sql

@@ -1,9 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the column `ipConfigurations` on the `ClientPeerAPIConfiguration` table. All the data in the column will be lost.
-
-*/
--- AlterTable
-ALTER TABLE "ClientPeerAPIConfiguration" DROP COLUMN "ipConfigurations",
-ADD COLUMN     "endpoints" TEXT[];

prisma/migrations/20241107080421_add_expiry_for_invitations/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `expires` to the `Invitation` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Invitation" ADD COLUMN     "expires" TIMESTAMP(3) NOT NULL;

prisma/migrations/20241116053120_add_notifications/migration.sql

@@ -1,18 +0,0 @@
--- CreateTable
-CREATE TABLE "Notification" (
-    "id" TEXT NOT NULL,
-    "nonce" TEXT,
-    "userId" TEXT NOT NULL,
-    "title" TEXT NOT NULL,
-    "description" TEXT NOT NULL,
-    "actions" TEXT[],
-    "read" BOOLEAN NOT NULL DEFAULT false,
-
-    CONSTRAINT "Notification_pkey" PRIMARY KEY ("id")
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "Notification_nonce_key" ON "Notification"("nonce");
-
--- AddForeignKey
-ALTER TABLE "Notification" ADD CONSTRAINT "Notification_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20241116054212_add_created_time_stamp_to_notifications/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Notification" ADD COLUMN     "created" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP;

prisma/migrations/20241122215933_add_created_timestamps_for_games/migration.sql

@@ -1,5 +0,0 @@
--- AlterTable
-ALTER TABLE "Game" ADD COLUMN     "created" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP;
-
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "created" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP;

prisma/migrations/20241124042825_add_released_date_for_the_game/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `mReleased` to the `Game` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "Game" ADD COLUMN     "mReleased" TIMESTAMP(3) NOT NULL;

prisma/migrations/20241223022005_add_umu_id_to_game_version/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "umuIdOverride" TEXT;

prisma/migrations/20241223100329_add_referential_deletion_for_game_versions/migration.sql

@@ -1,5 +0,0 @@
--- DropForeignKey
-ALTER TABLE "GameVersion" DROP CONSTRAINT "GameVersion_gameId_fkey";
-
--- AddForeignKey
-ALTER TABLE "GameVersion" ADD CONSTRAINT "GameVersion_gameId_fkey" FOREIGN KEY ("gameId") REFERENCES "Game"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20241223100418_update_to_prisma_6/migration.sql

@@ -1,11 +0,0 @@
--- AlterTable
-ALTER TABLE "_DeveloperToGame" ADD CONSTRAINT "_DeveloperToGame_AB_pkey" PRIMARY KEY ("A", "B");
-
--- DropIndex
-DROP INDEX "_DeveloperToGame_AB_unique";
-
--- AlterTable
-ALTER TABLE "_GameToPublisher" ADD CONSTRAINT "_GameToPublisher_AB_pkey" PRIMARY KEY ("A", "B");
-
--- DropIndex
-DROP INDEX "_GameToPublisher_AB_unique";

prisma/migrations/20241226065709_rename_custom_to_manual/migration.sql

@@ -1,16 +0,0 @@
-/*
-  Warnings:
-
-  - The values [Custom] on the enum `MetadataSource` will be removed. If these variants are still used in the database, this will fail.
-
-*/
--- AlterEnum
-BEGIN;
-CREATE TYPE "MetadataSource_new" AS ENUM ('Manual', 'GiantBomb');
-ALTER TABLE "Game" ALTER COLUMN "metadataSource" TYPE "MetadataSource_new" USING ("metadataSource"::text::"MetadataSource_new");
-ALTER TABLE "Developer" ALTER COLUMN "metadataSource" TYPE "MetadataSource_new" USING ("metadataSource"::text::"MetadataSource_new");
-ALTER TABLE "Publisher" ALTER COLUMN "metadataSource" TYPE "MetadataSource_new" USING ("metadataSource"::text::"MetadataSource_new");
-ALTER TYPE "MetadataSource" RENAME TO "MetadataSource_old";
-ALTER TYPE "MetadataSource_new" RENAME TO "MetadataSource";
-DROP TYPE "MetadataSource_old";
-COMMIT;

prisma/migrations/20241226230207_add_image_carousel/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Game" ADD COLUMN     "mImageCarousel" INTEGER[];

prisma/migrations/20241227033610_move_image_carousel_to_image_ids/migration.sql

@@ -1,2 +0,0 @@
--- AlterTable
-ALTER TABLE "Game" ALTER COLUMN "mImageCarousel" SET DATA TYPE TEXT[];

prisma/migrations/20241230053403_add_args_and_only_setup/migration.sql

@@ -1,6 +0,0 @@
--- AlterTable
-ALTER TABLE "GameVersion" ADD COLUMN     "launchArgs" TEXT[],
-ADD COLUMN     "onlySetup" BOOLEAN NOT NULL DEFAULT false,
-ADD COLUMN     "setupArgs" TEXT[],
-ALTER COLUMN "launchCommand" DROP NOT NULL,
-ALTER COLUMN "setupCommand" DROP NOT NULL;

prisma/migrations/20250103202348_add_collections/migration.sql

@@ -1,29 +0,0 @@
--- CreateTable
-CREATE TABLE "Collection" (
-    "id" TEXT NOT NULL,
-    "name" TEXT NOT NULL,
-    "isDefault" BOOLEAN NOT NULL DEFAULT false,
-    "userId" TEXT NOT NULL,
-
-    CONSTRAINT "Collection_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "_CollectionToGame" (
-    "A" TEXT NOT NULL,
-    "B" TEXT NOT NULL,
-
-    CONSTRAINT "_CollectionToGame_AB_pkey" PRIMARY KEY ("A","B")
-);
-
--- CreateIndex
-CREATE INDEX "_CollectionToGame_B_index" ON "_CollectionToGame"("B");
-
--- AddForeignKey
-ALTER TABLE "Collection" ADD CONSTRAINT "Collection_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_CollectionToGame" ADD CONSTRAINT "_CollectionToGame_A_fkey" FOREIGN KEY ("A") REFERENCES "Collection"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_CollectionToGame" ADD CONSTRAINT "_CollectionToGame_B_fkey" FOREIGN KEY ("B") REFERENCES "Game"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20250109005948_use_collection_entry_to_ensure_unique_games/migration.sql

@@ -1,28 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the `_CollectionToGame` table. If the table is not empty, all the data it contains will be lost.
-
-*/
--- DropForeignKey
-ALTER TABLE "_CollectionToGame" DROP CONSTRAINT "_CollectionToGame_A_fkey";
-
--- DropForeignKey
-ALTER TABLE "_CollectionToGame" DROP CONSTRAINT "_CollectionToGame_B_fkey";
-
--- DropTable
-DROP TABLE "_CollectionToGame";
-
--- CreateTable
-CREATE TABLE "CollectionEntry" (
-    "collectionId" TEXT NOT NULL,
-    "gameId" TEXT NOT NULL,
-
-    CONSTRAINT "CollectionEntry_pkey" PRIMARY KEY ("collectionId","gameId")
-);
-
--- AddForeignKey
-ALTER TABLE "CollectionEntry" ADD CONSTRAINT "CollectionEntry_collectionId_fkey" FOREIGN KEY ("collectionId") REFERENCES "Collection"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "CollectionEntry" ADD CONSTRAINT "CollectionEntry_gameId_fkey" FOREIGN KEY ("gameId") REFERENCES "Game"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250128060446_casacad_e_delete_for_collection_entries/migration.sql

@@ -1,5 +0,0 @@
--- DropForeignKey
-ALTER TABLE "CollectionEntry" DROP CONSTRAINT "CollectionEntry_collectionId_fkey";
-
--- AddForeignKey
-ALTER TABLE "CollectionEntry" ADD CONSTRAINT "CollectionEntry_collectionId_fkey" FOREIGN KEY ("collectionId") REFERENCES "Collection"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20250128102738_add_news/migration.sql

@@ -1,16 +0,0 @@
--- CreateTable
-CREATE TABLE "news" (
-    "id" TEXT NOT NULL,
-    "title" TEXT NOT NULL,
-    "content" TEXT NOT NULL,
-    "excerpt" TEXT NOT NULL,
-    "tags" TEXT[],
-    "image" TEXT,
-    "publishedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "authorId" TEXT NOT NULL,
-
-    CONSTRAINT "news_pkey" PRIMARY KEY ("id")
-);
-
--- AddForeignKey
-ALTER TABLE "news" ADD CONSTRAINT "news_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE; 

prisma/migrations/20250204010021_add_tokens/migration.sql

@@ -1,15 +0,0 @@
--- CreateEnum
-CREATE TYPE "APITokenMode" AS ENUM ('User', 'System');
-
--- CreateTable
-CREATE TABLE "APIToken" (
-    "token" TEXT NOT NULL,
-    "mode" "APITokenMode" NOT NULL,
-    "userId" TEXT,
-    "acls" TEXT[],
-
-    CONSTRAINT "APIToken_pkey" PRIMARY KEY ("token")
-);
-
--- AddForeignKey
-ALTER TABLE "APIToken" ADD CONSTRAINT "APIToken_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;

prisma/migrations/20250204020918_add_collection_entry_casacade_delete/migration.sql

@@ -1,5 +0,0 @@
--- DropForeignKey
-ALTER TABLE "CollectionEntry" DROP CONSTRAINT "CollectionEntry_gameId_fkey";
-
--- AddForeignKey
-ALTER TABLE "CollectionEntry" ADD CONSTRAINT "CollectionEntry_gameId_fkey" FOREIGN KEY ("gameId") REFERENCES "Game"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20250208004345_add_api_token_name/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - Added the required column `name` to the `APIToken` table without a default value. This is not possible if the table is not empty.
-
-*/
--- AlterTable
-ALTER TABLE "APIToken" ADD COLUMN     "name" TEXT NOT NULL;

prisma/migrations/20250208005625_add_id_to_token/migration.sql

@@ -1,14 +0,0 @@
-/*
-  Warnings:
-
-  - The primary key for the `APIToken` table will be changed. If it partially fails, the table could be left without primary key constraint.
-  - The required column `id` was added to the `APIToken` table with a prisma-level default value. This is not possible if the table is not empty. Please add this column as optional, then populate it before making it required.
-
-*/
--- AlterTable
-ALTER TABLE "APIToken" DROP CONSTRAINT "APIToken_pkey",
-ADD COLUMN     "id" TEXT NOT NULL,
-ADD CONSTRAINT "APIToken_pkey" PRIMARY KEY ("id");
-
--- CreateIndex
-CREATE INDEX "APIToken_token_idx" ON "APIToken"("token");

prisma/migrations/20250211230021_ensure_non_null_launch_and_setup_commands/migration.sql

@@ -1,20 +0,0 @@
-/*
-  Warnings:
-
-  - Made the column `launchCommand` on table `GameVersion` required. This step will fail if there are existing NULL values in that column.
-  - Made the column `setupCommand` on table `GameVersion` required. This step will fail if there are existing NULL values in that column.
-
-*/
-UPDATE "GameVersion"
-SET "launchCommand" = ''
-WHERE "launchCommand" is NULL;
-
-UPDATE "GameVersion"
-SET "setupCommand" = ''
-WHERE "launchCommand" is NULL;
-
--- AlterTable
-ALTER TABLE "GameVersion" ALTER COLUMN "launchCommand" SET NOT NULL,
-ALTER COLUMN "launchCommand" SET DEFAULT '',
-ALTER COLUMN "setupCommand" SET NOT NULL,
-ALTER COLUMN "setupCommand" SET DEFAULT '';

prisma/migrations/20250309234300_news_articles/migration.sql

@@ -1,52 +0,0 @@
-/*
-  Warnings:
-
-  - You are about to drop the `news` table. If the table is not empty, all the data it contains will be lost.
-
-*/
--- DropForeignKey
-ALTER TABLE "news" DROP CONSTRAINT "news_authorId_fkey";
-
--- DropTable
-DROP TABLE "news";
-
--- CreateTable
-CREATE TABLE "Tag" (
-    "id" TEXT NOT NULL,
-    "name" TEXT NOT NULL,
-
-    CONSTRAINT "Tag_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "Article" (
-    "id" TEXT NOT NULL,
-    "title" TEXT NOT NULL,
-    "description" TEXT NOT NULL,
-    "content" TEXT NOT NULL,
-    "image" TEXT,
-    "publishedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "authorId" TEXT,
-
-    CONSTRAINT "Article_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "_ArticleToTag" (
-    "A" TEXT NOT NULL,
-    "B" TEXT NOT NULL,
-
-    CONSTRAINT "_ArticleToTag_AB_pkey" PRIMARY KEY ("A","B")
-);
-
--- CreateIndex
-CREATE INDEX "_ArticleToTag_B_index" ON "_ArticleToTag"("B");
-
--- AddForeignKey
-ALTER TABLE "Article" ADD CONSTRAINT "Article_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_ArticleToTag" ADD CONSTRAINT "_ArticleToTag_A_fkey" FOREIGN KEY ("A") REFERENCES "Article"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_ArticleToTag" ADD CONSTRAINT "_ArticleToTag_B_fkey" FOREIGN KEY ("B") REFERENCES "Tag"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20250309234801_make_tags_unique/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[name]` on the table `Tag` will be added. If there are existing duplicate values, this will fail.
-
-*/
--- CreateIndex
-CREATE UNIQUE INDEX "Tag_name_key" ON "Tag"("name");

prisma/migrations/20250309234846_make_tokens_unique/migration.sql

@@ -1,8 +0,0 @@
-/*
-  Warnings:
-
-  - A unique constraint covering the columns `[token]` on the table `APIToken` will be added. If there are existing duplicate values, this will fail.
-
-*/
--- CreateIndex
-CREATE UNIQUE INDEX "APIToken_token_key" ON "APIToken"("token");

prisma/migrations/20250311073601_add_macos_as_a_platform/migration.sql

@@ -1,2 +0,0 @@
--- AlterEnum
-ALTER TYPE "Platform" ADD VALUE 'macos';