Bump version

Currently translated at 100.0% (522 of 522 strings)

Translated using Weblate (German)

Currently translated at 100.0% (522 of 522 strings)

Translated using Weblate (German)

Currently translated at 100.0% (522 of 522 strings)

Translated using Weblate (German)

Currently translated at 96.3% (503 of 522 strings)

Translated using Weblate (German)

Currently translated at 96.3% (503 of 522 strings)

Translated using Weblate (French)

Currently translated at 100.0% (522 of 522 strings)

Translated using Weblate (French)

Currently translated at 100.0% (522 of 522 strings)






Translate-URL: http://translate.droposs.org/projects/drop/drop/de/
Translate-URL: http://translate.droposs.org/projects/drop/drop/fr/
Translation: Drop/Drop

Co-authored-by: Weblate <noreply@weblate.org>
Co-authored-by: Hicks <hicksgaming99+weblate@gmail.com>
Co-authored-by: Ribemont Francois <ribemont.francois+weblate@gmail.com>
Co-authored-by: Weblate <noreply-mt-weblate@weblate.org>
Co-authored-by: Weblate Translation Memory <noreply-mt-weblate-translation-memory@weblate.org>

.env.example

@@ -3,5 +3,3 @@ DATABASE_URL="postgres://drop:drop@127.0.0.1:5432/drop"
 GIANT_BOMB_API_KEY=""
 
 EXTERNAL_URL="http://localhost:3000"
-
-NUXT_PORT=4000

.github/workflows/release.yml

@@ -8,20 +8,10 @@ on:
   schedule:
     - cron: "0 2 * * *" # run at 2 AM UTC
 
-env:
-  REGISTRY_IMAGE: ghcr.io/drop-oss/drop
-
 jobs:
-  build:
-    strategy:
-      fail-fast: false
-      matrix:
-        include:
-          - platform: linux/amd64
-            runner: ubuntu-latest
-          - platform: linux/arm64
-            runner: ubuntu-24.04-arm
-    runs-on: ${{ matrix.runner }}
+  web:
+    name: Push website Docker image to registry
+    runs-on: ubuntu-latest
     permissions:
       packages: write
       contents: read
@@ -35,30 +25,6 @@ jobs:
           ref: ${{ github.ref }}
           token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Prepare
-        run: |
-          platform=${{ matrix.platform }}
-          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
-
-      - name: Docker meta
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: ${{ env.REGISTRY_IMAGE }}
-
-      - name: Login to Docker Hub
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
       - name: Determine final version
         id: get_final_ver
         run: |
@@ -77,58 +43,22 @@ jobs:
           echo "Drop's release tag will be: $FINAL_VER"
           echo "final_ver=$FINAL_VER" >> $GITHUB_OUTPUT
 
-      - name: Build and push by digest
-        id: build
-        uses: docker/build-push-action@v6
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@v3
         with:
-          platforms: ${{ matrix.platform }}
-          labels: ${{ steps.meta.outputs.labels }}
-          tags: ${{ env.REGISTRY_IMAGE }}
-          outputs: type=image,push-by-digest=true,name-canonical=true,push=true
-          provenance: mode=max
-          sbom: true
-          build-args: |
-            BUILD_DROP_VERSION=${{ steps.get_final_ver.outputs.final_ver }}
-            BUILD_GIT_REF=${{ github.sha }}
+          buildkitd-flags: --debug
 
-      - name: Export digest
-        run: |
-          mkdir -p ${{ runner.temp }}/digests
-          digest="${{ steps.build.outputs.digest }}"
-          touch "${{ runner.temp }}/digests/${digest#sha256:}"
-
-      - name: Upload digest
-        uses: actions/upload-artifact@v4
-        with:
-          name: digests-${{ env.PLATFORM_PAIR }}
-          path: ${{ runner.temp }}/digests/*
-          if-no-files-found: error
-          retention-days: 1
-
-  merge:
-    runs-on: ubuntu-latest
-    needs:
-      - build
-    permissions:
-      packages: write
-      contents: read
-    steps:
-      - name: Download digests
-        uses: actions/download-artifact@v4
-        with:
-          path: ${{ runner.temp }}/digests
-          pattern: digests-*
-          merge-multiple: true
-
-      - name: Login to Docker Hub
+      - name: Log in to the Container registry
         uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
       - name: Extract metadata (tags, labels) for Docker
         id: meta
         uses: docker/metadata-action@v5
@@ -147,12 +77,33 @@ jobs:
             # set latest tag for stable releases
             type=raw,value=latest,enable=${{ github.event_name == 'release' && github.event.release.prerelease == false }}
 
-      - name: Create manifest list and push
-        working-directory: ${{ runner.temp }}/digests
-        run: |
-          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
-            $(printf '${{ env.REGISTRY_IMAGE }}@sha256:%s ' *)
+      - name: Cache
+        uses: actions/cache@v4
+        id: cache
+        with:
+          path: cache-mount
+          key: cache-mount-${{ hashFiles('Dockerfile') }}
 
-      - name: Inspect image
-        run: |
-          docker buildx imagetools inspect ${{ env.REGISTRY_IMAGE }}:${{ steps.meta.outputs.version }}
+      - name: Restore Docker cache mounts
+        uses: reproducible-containers/buildkit-cache-dance@v3
+        with:
+          builder: ${{ steps.setup-buildx.outputs.name }}
+          cache-dir: cache-mount
+          dockerfile: Dockerfile
+          skip-extraction: ${{ steps.cache.outputs.cache-hit }}
+
+      - name: Build and push image
+        id: build-and-push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: true
+          provenance: mode=max
+          sbom: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          platforms: linux/amd64,linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          build-args: |
+            BUILD_DROP_VERSION=${{ steps.get_final_ver.outputs.final_ver }}

.gitignore

@@ -34,6 +34,4 @@ deploy-template/*
 
 # generated prisma client
 /prisma/client
-/prisma/validate
-
-/server/internal/proto
+/prisma/validate

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "drop-base"]
+	path = drop-base
+	url = https://github.com/Drop-OSS/drop-base.git

.prettierignore

@@ -1,7 +1,3 @@
 drop-base/
 # file is fully managed by pnpm, no reason to break it
 pnpm-lock.yaml
-
-/torrential/
-.data/**
-**/.data/**

.vscode/settings.json

@@ -1,35 +1,37 @@
 {
+  "spellchecker.ignoreWordsList": ["mTLS", "Wireguard"],
+  "sqltools.connections": [
+    {
+      "previewLimit": 50,
+      "server": "localhost",
+      "port": 5432,
+      "driver": "PostgreSQL",
+      "name": "drop",
+      "database": "drop",
+      "username": "drop",
+      "password": "drop"
+    }
+  ],
   // allow autocomplete for ArkType expressions like "string | num"
   "editor.quickSuggestions": {
     "strings": "on"
   },
-  "i18n-ally.extract.autoDetect": true,
-  "i18n-ally.extract.ignored": ["string >= 14", "string.alphanumeric >= 5"],
-  "i18n-ally.extract.ignoredByFiles": {
-    "components/NewsArticleCreateButton.vue": ["[", "`", "Enter"],
-    "pages/admin/library/sources/index.vue": ["Filesystem"],
-    "server/api/v1/auth/signin/simple.post.ts": ["boolean | undefined"]
-  },
-  "i18n-ally.keepFulfilled": true,
-  "i18n-ally.keystyle": "nested",
-  "i18n-ally.localesPaths": ["i18n", "i18n/locales"],
+  // prioritize ArkType's "type" for autoimports
+  "typescript.preferences.autoImportSpecifierExcludeRegexes": ["^(node:)?os$"],
   // i18n Ally settings
   "i18n-ally.sortKeys": true,
-  "prisma.pinToPrisma6": false,
-  "spellchecker.ignoreWordsList": ["mTLS", "Wireguard"],
-  "sqltools.connections": [
-    {
-      "database": "drop",
-      "driver": "PostgreSQL",
-      "name": "drop",
-      "password": "drop",
-      "port": 5432,
-      "previewLimit": 50,
-      "server": "localhost",
-      "username": "drop"
-    }
+  "i18n-ally.keepFulfilled": true,
+  "i18n-ally.extract.autoDetect": true,
+  "i18n-ally.localesPaths": ["i18n", "i18n/locales"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.extract.ignored": [
+    "string >= 14",
+    "string.alphanumeric >= 5",
+    "/api/v1/admin/import/version/preload?id=${encodeURIComponent(\n      gameId,\n    )}&version=${encodeURIComponent(version)}"
   ],
-  "typescript.experimental.useTsgo": false,
-  // prioritize ArkType's "type" for autoimports
-  "typescript.preferences.autoImportSpecifierExcludeRegexes": ["^(node:)?os$"]
+  "i18n-ally.extract.ignoredByFiles": {
+    "pages/admin/library/sources/index.vue": ["Filesystem"],
+    "components/NewsArticleCreateButton.vue": ["[", "`", "Enter"],
+    "server/api/v1/auth/signin/simple.post.ts": ["boolean | undefined"]
+  }
 }

Dockerfile

@@ -6,56 +6,47 @@ ENV PATH="$PNPM_HOME:$PATH"
 RUN corepack enable
 WORKDIR /app
 
-## so corepack knows pnpm's version
+# so corepack knows pnpm's version
 COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
-## prevent prompt to download
+# prevent prompt to download
 ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
-## setup for offline
+# setup for offline
 RUN corepack pack
-## don't call out to network anymore
+# don't call out to network anymore
 ENV COREPACK_ENABLE_NETWORK=0
 
-### INSTALL DEPS ONCE
+### Unified deps builder
 FROM base AS deps
 RUN pnpm install --frozen-lockfile --ignore-scripts
 
-### BUILD TORRENTIAL
-FROM rustlang/rust:nightly-alpine AS torrential-build
-RUN apk add musl-dev
-WORKDIR /build
-COPY torrential .
-RUN apk add protoc
-RUN cargo build --release
-
-### BUILD APP
+### Build for app
 FROM base AS build-system
 
 ENV NODE_ENV=production
 ENV NUXT_TELEMETRY_DISABLED=1
 
-## add git so drop can determine its git ref at build
+# add git so drop can determine its git ref at build
 RUN apk add --no-cache git
 
-## copy deps and rest of project files
+# copy deps and rest of project files
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
 ARG BUILD_DROP_VERSION
 ARG BUILD_GIT_REF
 
-## build
+# build
 RUN pnpm run postinstall && pnpm run build
 
-
-# create run environment for Drop
+### create run environment for Drop
 FROM base AS run-system
 
 ENV NODE_ENV=production
 ENV NUXT_TELEMETRY_DISABLED=1
 
 # RUN --mount=type=cache,target=/root/.yarn YARN_CACHE_FOLDER=/root/.yarn yarn add --network-timeout 1000000 --no-lockfile --ignore-scripts prisma@6.11.1
-RUN apk add --no-cache pnpm 7zip nginx
-RUN pnpm install prisma@7.3.0
+RUN apk add --no-cache pnpm 7zip
+RUN pnpm install prisma@6.11.1
 # init prisma to download all required files
 RUN pnpm prisma init
 
@@ -63,13 +54,8 @@ COPY --from=build-system /app/prisma.config.ts ./
 COPY --from=build-system /app/.output ./app
 COPY --from=build-system /app/prisma ./prisma
 COPY --from=build-system /app/build ./startup
-COPY --from=build-system /app/build/nginx.conf /nginx.conf
-COPY --from=torrential-build /build/target/release/torrential /usr/bin/
 
 ENV LIBRARY="/library"
 ENV DATA="/data"
-ENV NGINX_CONFIG="/nginx.conf"
-# NGINX's port
-ENV PORT=4000
 
 CMD ["sh", "/app/startup/launch.sh"]

SECURITY.md

@@ -2,4 +2,4 @@
 
 To report a vulnerability, please DO NOT create an issue for it
 as this may lead to the vulnerability being exploited before it
-can be fixed. Instead, please email [security@droposs.org](mailto:security@droposs.org)
+can be fixed. Instead, please email [security@deepcore.dev](mailto:security@deepcore.dev)

app.vue

@@ -29,11 +29,10 @@ await updateUser();
 
 const user = useUser();
 const apiDetails = await $dropFetch("/api/v1");
-const clientMode = isClientRequest();
 
 const showExternalUrlWarning = ref(false);
 function checkExternalUrl() {
-  if (!import.meta.client || clientMode) return;
+  if (!import.meta.client) return;
   const realOrigin = window.location.origin.trim();
   const chosenOrigin = apiDetails.external.trim();
   const ignore = window.localStorage.getItem("ignoreExternalUrl");
@@ -52,3 +51,15 @@ if (user.value?.admin) {
   });
 }
 </script>
+
+<style scoped>
+/* You can customise the default animation here. */
+
+::view-transition-old(root) {
+  animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out;
+}
+
+::view-transition-new(root) {
+  animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in;
+}
+</style>

changelog.md

@@ -0,0 +1,544 @@
+## 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)

cli/.envrc

@@ -1 +0,0 @@
-use flake

cli/.gitignore

@@ -1,4 +0,0 @@
-/target
-logs/
-.vscode
-.direnv

cli/Cargo.toml

@@ -1,27 +0,0 @@
-[package]
-name = "downpour"
-version = "0.1.0"
-edition = "2024"
-
-[dependencies]
-anyhow = "1.0.100"
-async-trait = "0.1.89"
-chrono = "0.4.43"
-clap = { version = "4.5.54", features = ["derive"] }
-console = "0.16.2"
-dialoguer = "0.12.0"
-dirs = "6.0.0"
-droplet-rs = { path = "../droplet-rs", version = "0.14" }
-fern = { version = "0.7.1", features = ["colored"] }
-futures = "0.3.31"
-indicatif = "0.18.3"
-log = "0.4.29"
-opendal = { version = "0.55.0", features = ["services-s3"] }
-rand = "0.9.2"
-reqwest = { version = "0.13.1", features = ["json"] }
-serde = { version = "1.0.228", features = ["derive"] }
-serde_json = "1.0.148"
-tokio = { version = "1.48.0", features = ["fs", "macros"] }
-tokio-util = { version = "0.7.18", features = ["compat"] }
-url = "2.5.8"
-webbrowser = "1.0.6"

cli/README.md

@@ -1,3 +0,0 @@
-# CLI (`downpour`)
-
-The cli way to access Drop. Used for admin tasks that require local access, like uploading game content.

cli/flake.lock

@@ -1,96 +0,0 @@
-{
-  "nodes": {
-    "flake-utils": {
-      "inputs": {
-        "systems": "systems"
-      },
-      "locked": {
-        "lastModified": 1731533236,
-        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
-        "type": "github"
-      },
-      "original": {
-        "owner": "numtide",
-        "repo": "flake-utils",
-        "type": "github"
-      }
-    },
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1768564909,
-        "narHash": "sha256-Kell/SpJYVkHWMvnhqJz/8DqQg2b6PguxVWOuadbHCc=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "e4bae1bd10c9c57b2cf517953ab70060a828ee6f",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixos-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "nixpkgs_2": {
-      "locked": {
-        "lastModified": 1744536153,
-        "narHash": "sha256-awS2zRgF4uTwrOKwwiJcByDzDOdo3Q1rPZbiHQg/N38=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "18dd725c29603f582cf1900e0d25f9f1063dbf11",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixpkgs-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "root": {
-      "inputs": {
-        "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs",
-        "rust-overlay": "rust-overlay"
-      }
-    },
-    "rust-overlay": {
-      "inputs": {
-        "nixpkgs": "nixpkgs_2"
-      },
-      "locked": {
-        "lastModified": 1768704795,
-        "narHash": "sha256-Y33TAp2BHEcuspYvcmBXXD0qdvjftv73PwyKTDOjoSY=",
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "rev": "4b7472a78857ac789fb26616040f55cfcbd36c6e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "type": "github"
-      }
-    },
-    "systems": {
-      "locked": {
-        "lastModified": 1681028828,
-        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
-        "owner": "nix-systems",
-        "repo": "default",
-        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-systems",
-        "repo": "default",
-        "type": "github"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}

cli/flake.nix

@@ -1,52 +0,0 @@
-{
-  description = "Drop-OSS app development environment";
-
-  inputs = {
-    nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
-    flake-utils.url = "github:numtide/flake-utils";
-    rust-overlay.url = "github:oxalica/rust-overlay";
-  };
-
-  outputs =
-    {
-      self,
-      nixpkgs,
-      flake-utils,
-      rust-overlay,
-    }:
-    flake-utils.lib.eachDefaultSystem (
-      system:
-      let
-        overlays = [ (import rust-overlay) ];
-        pkgs = import nixpkgs {
-          inherit system overlays;
-        };
-        libraries = with pkgs; [
-            glib
-            glibc
-            openssl
-          ];
-      in
-      {
-        devShells.default = pkgs.mkShell {
-          nativeBuildInputs = with pkgs; [
-            pkg-config
-            git
-            rust-bin.nightly.latest.default
-            rust-analyzer
-            cargo-expand
-          ];
-
-          
-          buildInputs = libraries;
-
-          shellHook = ''
-            export LD_LIBRARY_PATH="${
-              pkgs.lib.makeLibraryPath libraries
-            }:$LD_LIBRARY_PATH"
-          echo "Downpour development environment loaded"
-          '';
-        };
-      }
-    );
-}

cli/rust-toolchain.toml

@@ -1,2 +0,0 @@
-[toolchain]
-channel = "nightly"

cli/spec.md

@@ -1,10 +0,0 @@
-# Downpour CLI spec
-`downpour [command] --opts`
-## Commands:
-- new <path/s3 name> <public endpoint> - creates/initalizes a depot at the endpoint. Creates manifest.json and speedtest
-- connect <s3 endpoint> <key> <secret> [name] - connects to an s3 endpoint and saves the endpoint to some sort of credentials file. Name is either as provided or the hostname of the endpoint
-- upload <game id> <localpath> <path/s3 name> - uploads game as described before. Should fail if depot isn't initialized with new from above
-- copy <game id> <version id> <src path/s3 name> <dest path/s3 name> - copies between two depots
-- mark [exists/absent] <game id> <version id> <path/s3 name> - modifies depot's manifest.json to show content exists or is absent without copying (for third party copies)
-- rename <public endpoint> <new public endpoint> - renames an endpoint [NEEDS API ROUTES - can't do yet]
-- delete <public endpoint> - delete an endpoint [NEEDS API ROUTES - can't do yet]

cli/src/cli.rs

@@ -1,69 +0,0 @@
-use clap::{Args, Parser, Subcommand, ValueEnum};
-
-use crate::{commands::connect::config_option::ConfigOptionCli, interactive_variable};
-
-#[derive(Parser)]
-#[command(version, about, long_about = None)]
-pub struct Cli {
-    #[command(subcommand)]
-    pub command: Commands,
-
-    /// Specify data file path
-    #[arg(short, long)]
-    pub data: Option<String>,
-}
-
-#[derive(Subcommand)]
-pub enum Commands {
-    /// Configures downpour endpoints
-    Connect {
-        #[arg(short, long)]
-        name: Option<String>,
-        #[command(subcommand)]
-        option: ConfigOptionCli,
-    },
-    /// Uploads new game version to depot
-    Upload {
-        #[clap(flatten)]
-        info: UploadInfoCli,
-        #[arg(short, long)]
-        /// Alias of a given connection
-        name: Option<String>,
-    },
-}
-
-#[derive(Args)]
-pub struct UploadInfo {
-    pub path: String,
-    pub game_id: String,
-    pub version_id: String,
-}
-#[derive(Args)]
-pub struct UploadInfoCli {
-    /// Relative path to new version files
-    #[arg(short, long, default_value_t = String::from("."))]
-    pub path: String,
-    /// ID of game to attach to
-    #[arg(short, long)]
-    pub game_id: Option<String>,
-    /// Version ID to attach to
-    #[arg(short, long)]
-    pub version_id: Option<String>,
-}
-impl UploadInfoCli {
-    pub fn interactive_configure(self) -> UploadInfo {
-        let path = self.path;
-        interactive_variable!(self, game_id, "Game ID");
-        interactive_variable!(self, version_id, "Version ID");
-        UploadInfo {
-            path,
-            game_id,
-            version_id,
-        }
-    }
-}
-
-#[derive(ValueEnum, Copy, Clone, Debug, PartialEq, Eq)]
-pub enum UploadStyle {
-    S3,
-}

cli/src/commands/connect/config.rs

@@ -1,152 +0,0 @@
-use crate::{
-    commands::connect::{
-        config_option::{ConfigOption, ConfigOptionCli},
-        configurable::Configure,
-        speedtest::{SPEEDTEST_PATH, Speedtest},
-    },
-    manifest::DepotManifest,
-};
-use dialoguer::{Confirm, theme::ColorfulTheme};
-use futures::AsyncWriteExt;
-use indicatif::{ProgressBar, ProgressStyle};
-use log::{debug, info};
-use opendal::Operator;
-use serde::{Deserialize, Serialize};
-use std::{collections::HashMap, fs, ops::Not};
-use tokio_util::compat::FuturesAsyncWriteCompatExt;
-
-const CONFIG_DIR: &str = "downpour/config.json";
-
-#[derive(Serialize, Deserialize)]
-pub struct Config {
-    configurations: HashMap<String, ConfigOption>,
-    active: Option<String>,
-}
-impl Config {
-    pub fn new() -> Self {
-        Self {
-            configurations: HashMap::new(),
-            active: None,
-        }
-    }
-    pub fn exists(&self, name: &String) -> bool {
-        self.configurations.contains_key(name)
-    }
-    pub fn save(&self) -> anyhow::Result<()> {
-        let json = serde_json::to_string(self)?;
-        let save_path = dirs::config_dir()
-            .expect("Apparently your home directory doesn't exist") // Should probably formalise that error
-            .join(CONFIG_DIR);
-        fs::create_dir_all(save_path.parent().unwrap())?;
-        fs::write(save_path, json)?;
-        Ok(())
-    }
-    pub fn read() -> Self {
-        let save_path = dirs::config_dir()
-            .expect("Apparently your home directory doesn't exist") // Should probably formalise that error
-            .join(CONFIG_DIR);
-        if fs::exists(&save_path)
-            .unwrap_or_else(|_| panic!("Could not read save path {:#?}", &save_path))
-        {
-            serde_json::from_str(&fs::read_to_string(save_path).unwrap()).unwrap()
-        } else {
-            Config::new()
-        }
-    }
-    pub fn add_item(&mut self, name: String, object: ConfigOption) {
-        if matches!(object, ConfigOption::S3(..)) {
-            self.active = Some(name.clone())
-        }
-        self.configurations.insert(name, object);
-        self.save().expect("Failed to save config");
-    }
-
-    pub fn get_active(&self) -> Option<&ConfigOption> {
-        if let Some(active) = &self.active {
-            self.configurations.get(active)
-        } else {
-            None
-        }
-    }
-    pub fn get<T: AsRef<str>>(&self, name: T) -> Option<&ConfigOption> {
-        self.configurations.get(name.as_ref())
-    }
-}
-
-pub async fn manage_configuration(
-    config: &mut Config,
-    name: Option<String>,
-    option: ConfigOptionCli,
-) -> anyhow::Result<()> {
-    let mut name = name;
-    if let Some(name) = &name
-        && config.exists(name)
-    {
-        let confirm = Confirm::with_theme(&ColorfulTheme::default())
-            .with_prompt(format!(
-                "An entry already exists with the name \"{}\". Would you like to overwrite it?",
-                name
-            ))
-            .interact()?;
-        if !confirm {
-            return Err(anyhow::anyhow!("User cancelled action"));
-        }
-    }
-    let config_option = match option {
-        ConfigOptionCli::S3(s3_config_cli) => s3_config_cli.clone().configure(&mut name).await?,
-    };
-    let name = name.expect("Default name was not provided by ConfigOption. This is a bug");
-    config.add_item(name, config_option.clone());
-    let operator = config_option.build()?;
-
-    generate_manifest(&operator).await?;
-    info!("Finished uploading manifest");
-    generate_speedtest(&operator).await?;
-    info!("Finished uploading speedtest");
-    Ok(())
-}
-
-async fn generate_speedtest(operator: &Operator) -> anyhow::Result<()> {
-    // Workaround to operator.exists("...") also logging a 404 warning
-    let lister = operator.list_with(SPEEDTEST_PATH).limit(1).await?;
-    if lister.is_empty().not() {
-        info!("Speedtest already exists on Depot. Skipping speedtest upload...");
-        return Ok(());
-    }
-    let mut writer = operator
-        .writer(SPEEDTEST_PATH)
-        .await?
-        .into_futures_async_write()
-        .compat_write();
-
-    let progress_bar = ProgressBar::new(10_000).with_style(
-        ProgressStyle::default_bar()
-            .template("[{elapsed_precise}] [ETA {eta}] {bar} {percent_precise}%")
-            .unwrap(),
-    );
-
-    let mut reader = Speedtest::new(|progress| {
-        let progress_int = (progress * 100f32).round() as u64;
-        progress_bar.set_position(progress_int);
-    });
-    let written = tokio::io::copy(&mut reader, &mut writer).await?;
-    progress_bar.finish();
-    debug!("Wrote {} bytes to {:?}", written, operator.info());
-    writer.into_inner().close().await?;
-    debug!("Closed writer");
-    Ok(())
-}
-
-async fn generate_manifest(operator: &Operator) -> anyhow::Result<()> {
-    let lister = operator.list_with("manifest.json").limit(1).await?;
-    if lister.is_empty().not() {
-        info!("Manifest already exists on Depot. Skipping manifest upload...");
-        return Ok(());
-    }
-    let data = DepotManifest::new();
-    operator
-        .write("manifest.json", serde_json::to_string(&data)?)
-        .await?;
-
-    Ok(())
-}

cli/src/commands/connect/config_option.rs

@@ -1,27 +0,0 @@
-use clap::Subcommand;
-use opendal::{Operator, layers::LoggingLayer};
-use serde::{Deserialize, Serialize};
-
-use crate::{
-    commands::connect::s3::{S3Config, S3ConfigCli},
-    operator_builder::OperatorBuilder,
-};
-
-#[derive(Subcommand, Clone)]
-pub enum ConfigOptionCli {
-    // Connect to any S3-compatible endpoint
-    S3(S3ConfigCli),
-}
-#[derive(Serialize, Deserialize, Clone)]
-pub enum ConfigOption {
-    S3(S3Config),
-}
-
-impl ConfigOption {
-    pub fn build(&self) -> anyhow::Result<Operator> {
-        Ok(match self {
-            ConfigOption::S3(s3_config) => s3_config.build()?,
-        }
-        .layer(LoggingLayer::default()))
-    }
-}

cli/src/commands/connect/configurable.rs

@@ -1,5 +0,0 @@
-use crate::commands::connect::config_option::ConfigOption;
-
-pub trait Configure {
-    async fn configure(self, name: &mut Option<String>) -> anyhow::Result<ConfigOption>;
-}

cli/src/commands/connect/interactive.rs

@@ -1,47 +0,0 @@
-use std::str::FromStr;
-
-use dialoguer::{Input, theme::ColorfulTheme};
-
-#[macro_export]
-macro_rules! interactive_variable {
-    ($value:ident, $var:ident, $prompt:expr) => {
-        let $var = if let Some($var) = $value.$var {
-            $var
-        } else {
-            $crate::commands::connect::interactive::query_variable($prompt).unwrap()
-        };
-    };
-}
-#[macro_export]
-macro_rules! interactive_optional_variable {
-    ($value:ident, $var:ident, $prompt:expr) => {
-        let $var = if let Some($var) = $value.$var {
-            Some($var)
-        } else {
-            $crate::commands::connect::interactive::query_optional_variable($prompt).unwrap()
-        };
-    };
-}
-pub fn query_variable<T: Clone + FromStr + ToString>(prompt: impl ToString) -> dialoguer::Result<T>
-where
-    <T as FromStr>::Err: ToString,
-{
-    Input::with_theme(&ColorfulTheme::default())
-        .with_prompt(prompt.to_string())
-        .interact_text()
-}
-pub fn query_optional_variable<T: Clone + FromStr + ToString>(
-    prompt: impl ToString,
-) -> dialoguer::Result<Option<T>>
-where
-    <T as FromStr>::Err: ToString,
-{
-    let input: T = Input::with_theme(&ColorfulTheme::default())
-        .with_prompt(prompt.to_string())
-        .allow_empty(true)
-        .interact_text()?;
-    if input.to_string().is_empty() {
-        return Ok(None);
-    }
-    Ok(Some(input))
-}

cli/src/commands/connect/mod.rs

@@ -1,7 +0,0 @@
-pub mod config;
-pub mod configurable;
-pub mod s3;
-#[macro_use]
-pub mod interactive;
-pub mod config_option;
-pub mod speedtest;

cli/src/commands/connect/s3.rs

@@ -1,67 +0,0 @@
-use clap::Args;
-use opendal::Operator;
-use serde::{Deserialize, Serialize};
-
-use crate::{
-    commands::connect::{config_option::ConfigOption, configurable::Configure},
-    interactive_variable,
-    operator_builder::OperatorBuilder,
-};
-
-#[derive(Args, Clone)]
-pub struct S3ConfigCli {
-    key_id: Option<String>,
-    secret_key: Option<String>,
-    endpoint: Option<String>,
-    region: Option<String>,
-    bucket_name: Option<String>,
-    root: Option<String>,
-}
-
-#[derive(Serialize, Deserialize, Debug, Clone)]
-pub struct S3Config {
-    key_id: String,
-    secret_key: String,
-    endpoint: String,
-    region: String,
-    bucket_name: String,
-    root: Option<String>,
-}
-
-impl Configure for S3ConfigCli {
-    async fn configure(self, name: &mut Option<String>) -> anyhow::Result<ConfigOption> {
-        interactive_variable!(self, key_id, "S3 Key ID");
-        interactive_variable!(self, secret_key, "S3 Secret Key");
-        interactive_variable!(self, region, "S3 Region");
-        interactive_variable!(self, bucket_name, "S3 Bucket Name");
-        interactive_variable!(self, endpoint, "S3 Endpoint");
-        if let None = name {
-            *name = Some(endpoint.clone());
-        }
-        Ok(ConfigOption::S3(S3Config {
-            secret_key,
-            key_id,
-            region,
-            bucket_name,
-            endpoint,
-            root: self.root,
-        }))
-    }
-}
-
-impl OperatorBuilder for S3Config {
-    fn build(&self) -> anyhow::Result<Operator> {
-        let builder = opendal::services::S3::default()
-            .access_key_id(&self.key_id)
-            .secret_access_key(&self.secret_key)
-            .region(&self.region)
-            .endpoint(&self.endpoint)
-            .root(self.root.as_deref().unwrap_or("/"))
-            .bucket(&self.bucket_name)
-            .disable_config_load();
-
-        let op: Operator = Operator::new(builder)?.finish();
-
-        Ok(op)
-    }
-}

cli/src/commands/connect/speedtest.rs

@@ -1,41 +0,0 @@
-use rand::{RngCore, SeedableRng, rng, rngs::StdRng};
-use tokio::io::AsyncRead;
-
-#[derive(Clone, Debug)]
-pub struct Speedtest<F: Fn(f32)> {
-    core: rand::rngs::StdRng,
-    to_write: usize,
-    callback: Box<F>,
-}
-pub const SPEEDTEST_BYTES: usize = 64 * 1024 * 1024;
-pub const SPEEDTEST_PATH: &str = "speedtest";
-
-impl<F: Fn(f32)> AsyncRead for Speedtest<F> {
-    fn poll_read(
-        self: std::pin::Pin<&mut Self>,
-        _cx: &mut std::task::Context<'_>,
-        buf: &mut tokio::io::ReadBuf<'_>,
-    ) -> std::task::Poll<std::io::Result<()>> {
-        let mut s = self;
-        let to_write = buf.remaining().min(s.to_write);
-
-        let filled = {
-            let fill_slice = buf.initialize_unfilled_to(to_write);
-            s.core.fill_bytes(fill_slice);
-            fill_slice.len()
-        };
-        s.to_write = s.to_write.saturating_sub(filled);
-        (s.callback)((1f32 - (s.to_write as f32 / SPEEDTEST_BYTES as f32)) * 100f32);
-        buf.advance(filled);
-        std::task::Poll::Ready(Ok(()))
-    }
-}
-impl<F: Fn(f32)> Speedtest<F> {
-    pub fn new(callback: F) -> Self {
-        Self {
-            core: StdRng::from_rng(&mut rng()),
-            to_write: SPEEDTEST_BYTES,
-            callback: Box::new(callback),
-        }
-    }
-}

cli/src/commands/mod.rs

@@ -1,2 +0,0 @@
-pub mod connect;
-pub mod upload;

cli/src/commands/upload/interface.rs

@@ -1,77 +0,0 @@
-use std::path::Path;
-
-use crate::{
-    cli::UploadInfo,
-    commands::connect::{config::Config, config_option::ConfigOption},
-    manifest::{CompressionOption, DepotManifest, generate_v2_manifest},
-    operator_builder::OperatorBuilder,
-};
-use futures::AsyncWriteExt;
-use log::info;
-use opendal::{FuturesAsyncWriter, Operator};
-use tokio_util::compat::{Compat, FuturesAsyncWriteCompatExt};
-
-pub async fn upload(
-    info: &UploadInfo,
-    config: Config,
-    name: &Option<String>,
-) -> anyhow::Result<()> {
-    let game_id = &info.game_id;
-    let path = &info.path;
-    let version_id = &info.version_id;
-
-    let operator = get_operator(config, name)?;
-
-    let mut existing_depot_manifest = get_depot_manifest(&operator).await?;
-
-    info!("Uploading chunks");
-
-    let v2_manifest = generate_v2_manifest(
-        Path::new(path),
-        async |id: String| {
-            info!("Uploading chunk id {id}");
-            let writer = operator
-                .writer(&format!("{game_id}/{version_id}/{id}"))
-                .await
-                .unwrap()
-                .into_futures_async_write()
-                .compat_write();
-            writer
-        },
-        |writer: Compat<FuturesAsyncWriter>| async {
-            writer.into_inner().close().await.unwrap();
-        },
-    )
-    .await?;
-
-    info!("Finished uploading chunks");
-
-    existing_depot_manifest.append(
-        game_id.to_string(),
-        version_id.to_string(),
-        CompressionOption::None,
-    );
-    Ok(())
-}
-
-async fn get_depot_manifest(operator: &Operator) -> Result<DepotManifest, anyhow::Error> {
-    let existing_depot_manifest = operator.read("manifest.json").await?.to_bytes();
-    let existing_depot_manifest: DepotManifest =
-        serde_json::from_slice(existing_depot_manifest.as_ref())?;
-    Ok(existing_depot_manifest)
-}
-
-fn get_operator(config: Config, name: &Option<String>) -> anyhow::Result<Operator> {
-    let operator = match if let Some(name) = name {
-        config
-            .get(name)
-            .ok_or(anyhow::anyhow!("Name does not exist"))?
-    } else {
-        config.get_active().ok_or(anyhow::anyhow!(
-            "No active connection set. Please specify with --name"
-        ))?
-    } {
-        ConfigOption::S3(s3_config) => s3_config.build()?,
-    };
-    Ok(operator)
-}

cli/src/commands/upload/mod.rs

@@ -1 +0,0 @@
-pub mod interface;

cli/src/logging.rs

@@ -1,53 +0,0 @@
-use fern::colors::{Color, ColoredLevelConfig};
-use log::LevelFilter;
-use std::env;
-use std::fs;
-use std::io;
-
-pub fn configure_logging() -> anyhow::Result<()> {
-    let log_level = env::var("RUST_LOG")
-        .unwrap_or_else(|_| "info".to_string())
-        .parse::<LevelFilter>()?;
-
-    let log_dir = env::var("LOG_FILE_DIR").unwrap_or_else(|_| "logs".to_string());
-
-    fs::create_dir_all(&log_dir)?;
-
-    let colors = ColoredLevelConfig::new()
-        .error(Color::Red)
-        .warn(Color::Yellow)
-        .info(Color::Blue)
-        .debug(Color::Green)
-        .trace(Color::Magenta);
-
-    fern::Dispatch::new()
-        .chain(
-            fern::Dispatch::new()
-                .format(move |out, message, record| {
-                    out.finish(format_args!(
-                        "[{}] {}: {}",
-                        chrono::Local::now().format("%H:%M:%S%.3f"),
-                        colors.color(record.level()),
-                        message
-                    ))
-                })
-                .chain(io::stdout()),
-        )
-        .chain(
-            fern::Dispatch::new()
-                .format(|out, message, record| {
-                    out.finish(format_args!(
-                        "[{}] {} {} - {}",
-                        chrono::Local::now().format("%Y-%m-%d %H:%M:%S%.3f"),
-                        record.level(),
-                        record.target(),
-                        message
-                    ))
-                })
-                .chain(fern::log_file(format!("{}/app.log", log_dir))?),
-        )
-        .level(log_level)
-        .apply()?;
-
-    Ok(())
-}

cli/src/main.rs

@@ -1,32 +0,0 @@
-use crate::commands::connect::config::manage_configuration;
-use crate::{
-    cli::{Cli, Commands},
-    commands::connect::config::Config,
-    commands::upload,
-};
-use clap::Parser;
-mod cli;
-mod commands;
-mod logging;
-mod manifest;
-mod operator_builder;
-
-#[tokio::main]
-async fn main() -> anyhow::Result<()> {
-    crate::logging::configure_logging()?;
-
-    let cli = Cli::parse();
-
-    let mut config = Config::read();
-    match cli.command {
-        Commands::Connect { name, option } => {
-            manage_configuration(&mut config, name, option).await?
-        }
-        Commands::Upload { info, name } => {
-            let info = info.interactive_configure();
-            upload::interface::upload(&info, config, &name).await?;
-        }
-    };
-
-    Ok(())
-}

cli/src/manifest.rs

@@ -1,66 +0,0 @@
-use std::{collections::HashMap, path::Path};
-
-use droplet_rs::manifest::{
-    Manifest, generate_manifest_rusty, generate_manifest_rusty_v2,
-};
-use indicatif::{ProgressBar, ProgressStyle};
-use log::info;
-use serde::{Deserialize, Serialize};
-use tokio::io::AsyncWrite;
-
-#[derive(Serialize, Deserialize)]
-pub struct DepotManifest {
-    content: HashMap<String, DepotManifestGameData>,
-}
-#[derive(Serialize, Deserialize)]
-struct DepotManifestGameData {
-    version_id: String,
-    compression: CompressionOption,
-}
-#[derive(Serialize, Deserialize)]
-pub enum CompressionOption {
-    None,
-    Gzip,
-    Zstd,
-}
-impl DepotManifest {
-    pub fn new() -> Self {
-        Self {
-            content: HashMap::new(),
-        }
-    }
-    pub fn append(&mut self, game_id: String, version_id: String, compression: CompressionOption) {
-        self.content.insert(
-            game_id,
-            DepotManifestGameData {
-                version_id,
-                compression,
-            },
-        );
-    }
-}
-
-pub async fn generate_v2_manifest<W, F, CloseF>(dir: &Path, factory: F, closer: CloseF) -> anyhow::Result<Manifest>
-where
-    W: AsyncWrite + Unpin,
-    F: AsyncFn(String) -> W,
-    CloseF: AsyncFn(W)
-{
-    let progress_bar = ProgressBar::new(10_000).with_style(
-        ProgressStyle::default_bar()
-            .template("[{elapsed_precise}] [ETA {eta}] {bar} {percent_precise}%")
-            .unwrap(),
-    );
-
-    generate_manifest_rusty_v2(
-        dir,
-        |progress| {
-            let progress_int = (progress * 100f32).round() as u64;
-            progress_bar.set_position(progress_int);
-        },
-        |log| progress_bar.suspend(|| info!("{}", log)),
-        factory,
-        closer
-    )
-    .await
-}

cli/src/operator_builder.rs

@@ -1,5 +0,0 @@
-use opendal::Operator;
-
-pub trait OperatorBuilder {
-    fn build(&self) -> anyhow::Result<Operator>;
-}

components/AccountSidebar.vue

@@ -53,17 +53,10 @@ import type { Component } from "vue";
 const notifications = useNotifications();
 const { t } = useI18n();
 
-const navigation: Ref<
-  (NavigationItem & { icon: Component; count?: number })[]
-> = computed(() => [
+const navigation: (NavigationItem & { icon: Component; count?: number })[] = [
+  { label: t("home"), route: "/account", icon: HomeIcon, prefix: "/account" },
   {
-    label: t("account.home.title"),
-    route: "/account",
-    icon: HomeIcon,
-    prefix: "/account",
-  },
-  {
-    label: t("account.security.title"),
+    label: t("security"),
     route: "/account/security",
     prefix: "/account/security",
     icon: LockClosedIcon,
@@ -74,12 +67,6 @@ const navigation: Ref<
     prefix: "/account/devices",
     icon: DevicePhoneMobileIcon,
   },
-  {
-    label: t("account.token.title"),
-    route: "/account/tokens",
-    prefix: "/account/tokens",
-    icon: CodeBracketIcon,
-  },
   {
     label: t("account.notifications.notifications"),
     route: "/account/notifications",
@@ -87,13 +74,19 @@ const navigation: Ref<
     icon: BellIcon,
     count: notifications.value.length,
   },
+  {
+    label: t("account.token.title"),
+    route: "/account/tokens",
+    prefix: "/account/tokens",
+    icon: CodeBracketIcon,
+  },
   {
     label: t("account.settings"),
     route: "/account/settings",
     prefix: "/account/settings",
     icon: WrenchScrewdriverIcon,
   },
-]);
+];
 
-const currentPageIndex = useCurrentNavigationIndex(navigation.value);
+const currentPageIndex = useCurrentNavigationIndex(navigation);
 </script>

components/Auth/OpenID.vue

@@ -4,14 +4,7 @@
       :href="`/auth/oidc?redirect=${route.query.redirect ?? '/'}`"
       class="transition rounded-md grow inline-flex items-center justify-center bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-white/20"
     >
-      <i18n-t
-        keypath="auth.signin.signinWithExternalProvider"
-        tag="span"
-        scope="global"
-      >
-        <template #externalProvider>{{
-          providerName || $t("auth.signin.externalProvider")
-        }}</template>
+      <i18n-t keypath="auth.signin.externalProvider" tag="span" scope="global">
         <template #arrow>
           <span aria-hidden="true">{{ $t("chars.arrow") }}</span>
         </template>
@@ -22,6 +15,4 @@
 
 <script setup lang="ts">
 const route = useRoute();
-
-const { providerName = undefined } = defineProps<{ providerName?: string }>();
 </script>

components/Auth/Simple.vue

@@ -12,7 +12,7 @@
           v-model="username"
           name="username"
           type="username"
-          autocomplete="username webauthn"
+          autocomplete="username"
           required
           class="block w-full rounded-md border-0 py-1.5 px-3 shadow-sm bg-zinc-950/20 text-zinc-300 ring-1 ring-inset ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
         />
@@ -86,78 +86,36 @@
 
 <script setup lang="ts">
 import { XCircleIcon } from "@heroicons/vue/20/solid";
-import {
-  startAuthentication,
-  browserSupportsWebAuthn,
-} from "@simplewebauthn/browser";
-import { FetchError } from "ofetch";
+import type { UserModel } from "~/prisma/client/models";
 
 const username = ref("");
 const password = ref("");
 const rememberMe = ref(false);
 const loading = ref(false);
 
-async function passkeyAutofill() {
-  let silentWebauthnOptions;
-  try {
-    silentWebauthnOptions = await $dropFetch("/api/v1/auth/passkey/start", {
-      method: "POST",
-    });
-  } catch {
-    return;
-  }
-
-  const result = await startAuthentication({
-    optionsJSON: silentWebauthnOptions,
-    useBrowserAutofill: true,
-  });
-
-  loading.value = true;
-
-  await $dropFetch("/api/v1/auth/passkey/finish", {
-    method: "POST",
-    body: result,
-  });
-
-  await completeSignin();
-}
-
-onMounted(async () => {
-  if (browserSupportsWebAuthn()) {
-    try {
-      await passkeyAutofill();
-    } catch (response) {
-      const message = (response as FetchError).message || t("errors.unknown");
-      error.value = message;
-    } finally {
-      loading.value = false;
-    }
-  }
-});
-
 const error = ref<string | undefined>();
 
-const router = useRouter();
 const route = useRoute();
+const router = useRouter();
 const { t } = useI18n();
 
-async function signin_wrapper() {
+function signin_wrapper() {
   loading.value = true;
-  try {
-    await signin();
-  } catch (e) {
-    if (e instanceof FetchError) {
-      error.value = e.data.message || t("errors.unknown");
-    } else {
-      error.value = e as string;
-    }
-  } finally {
-    loading.value = false;
-  }
+  signin()
+    .then(() => {
+      router.push(route.query.redirect?.toString() ?? "/");
+    })
+    .catch((response) => {
+      const message = response.statusMessage || t("errors.unknown");
+      error.value = message;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
 }
 
 async function signin() {
-  const { result } = await $dropFetch("/api/v1/auth/signin/simple", {
+  await $dropFetch("/api/v1/auth/signin/simple", {
     method: "POST",
     body: {
       username: username.value,
@@ -165,11 +123,7 @@ async function signin() {
       rememberMe: rememberMe.value,
     },
   });
-  if (result == "2fa") {
-    router.push({ query: route.query, path: "/auth/mfa" });
-    return;
-  }
-
-  await completeSignin();
+  const user = useUser();
+  user.value = await $dropFetch<UserModel | null>("/api/v1/user");
 }
 </script>

components/DropWordmark.vue

@@ -10,18 +10,9 @@
         d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z"
       />
     </svg>
-    <ApplicationLogo aria-hidden="true" class="h-6" />
+    <DropLogo aria-hidden="true" class="h-6" />
     <span class="text-blue-400 font-display font-bold text-xl uppercase">
-      <template v-if="serverName">
-        {{ serverName }}
-      </template>
-      <template v-else>
-        {{ $t("drop.drop") }}
-      </template>
+      {{ $t("drop.drop") }}
     </span>
   </div>
 </template>
-
-<script setup lang="ts">
-const { serverName } = await $dropFetch("/api/v1");
-</script>

components/EmojiText.vue

@@ -10,6 +10,6 @@ const props = defineProps<{
 }>();
 
 const url = computed(() => {
-  return `/api/v1/emoji/${twemoji.convert.toCodePoint(props.emoji)}`;
+  return `/twemoji/${twemoji.convert.toCodePoint(props.emoji)}.svg`;
 });
 </script>

components/GameCarousel.vue

@@ -44,9 +44,7 @@ const props = defineProps<{
   width?: number;
 }>();
 
-const {
-  store: { showGamePanelTextDecoration },
-} = await $dropFetch(`/api/v1/settings`);
+const { showGamePanelTextDecoration } = await $dropFetch(`/api/v1/settings`);
 
 const currentComponent = ref<HTMLDivElement>();
 

components/GameEditor/Metadata.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <div v-if="game!">
-    <div class="grow flex flex-col xl:flex-row gap-y-8">
+    <div class="grow flex flex-row gap-y-8">
       <div class="grow w-full h-full px-6 py-4 flex flex-col">
         <div
           class="flex flex-col lg:flex-row lg:justify-between items-start lg:items-center gap-2"
@@ -10,12 +10,10 @@
             <!-- icon image -->
             <img :src="coreMetadataIconUrl" class="size-20" />
             <div>
-              <h1
-                class="text-2xl xl:text-5xl font-bold font-display text-zinc-100"
-              >
+              <h1 class="text-5xl font-bold font-display text-zinc-100">
                 {{ game.mName }}
               </h1>
-              <p class="mt-1 text-sm xl:text-lg text-zinc-400">
+              <p class="mt-1 text-lg text-zinc-400">
                 {{ game.mShortDescription }}
               </p>
             </div>
@@ -30,11 +28,7 @@
         </div>
 
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 pt-8">
-          <SelectorMultiItem
-            v-model="currentTags"
-            :items="tags"
-            :create="createTag"
-          />
+          <MultiItemSelector v-model="currentTags" :items="tags" />
           <div class="flex flex-col">
             <label
               for="releaseDate"
@@ -467,7 +461,7 @@
 </template>
 
 <script setup lang="ts">
-import type { GameModel } from "~/prisma/client/models";
+import type { GameModel, GameTagModel } from "~/prisma/client/models";
 import { micromark } from "micromark";
 import {
   CheckIcon,
@@ -477,7 +471,6 @@ import {
 } from "@heroicons/vue/24/solid";
 import type { SerializeObject } from "nitropack";
 import type { H3Error } from "h3";
-import type { AdminFetchGameType } from "~/server/api/v1/admin/game/[id]/index.get";
 
 const showUploadModal = ref(false);
 const showAddCarouselModal = ref(false);
@@ -485,9 +478,8 @@ const showAddImageDescriptionModal = ref(false);
 const showEditCoreMetadata = ref(false);
 const mobileShowFinalDescription = ref(true);
 
-const game = defineModel<SerializeObject<AdminFetchGameType>>({
-  required: true,
-});
+type ModelType = SerializeObject<GameModel & { tags: Array<GameTagModel> }>;
+const game = defineModel<ModelType>() as Ref<ModelType>;
 if (!game.value)
   throw createError({
     statusCode: 500,
@@ -497,9 +489,8 @@ if (!game.value)
 const currentTags = ref<{ [key: string]: boolean }>(
   Object.fromEntries(game.value.tags.map((e) => [e.id, true])),
 );
-const rawTags = await $dropFetch("/api/v1/admin/tags");
-const tags = ref(
-  rawTags.map((e) => ({ name: e.name, param: e.id }) satisfies StoreSortOption),
+const tags = (await $dropFetch("/api/v1/admin/tags")).map(
+  (e) => ({ name: e.name, param: e.id }) satisfies StoreSortOption,
 );
 
 watch(
@@ -510,11 +501,7 @@ watch(
       params: {
         id: game.value.id,
       },
-      body: {
-        tags: Object.entries(v)
-          .filter((v) => v[1])
-          .map((v) => v[0]),
-      },
+      body: { tags: Object.keys(v) },
       failTitle: "Failed to update game tags",
     });
   },
@@ -825,15 +812,4 @@ async function updateImageCarousel() {
     );
   }
 }
-
-async function createTag(value: string): Promise<string> {
-  const tag = await $dropFetch(`/api/v1/admin/tags`, {
-    method: "POST",
-    body: {
-      name: value,
-    },
-  });
-  tags.value.push({ name: tag.name, param: tag.id });
-  return tag.id;
-}
 </script>

components/GameEditor/Version.vue

@@ -0,0 +1,206 @@
+<!-- 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>
+          <!-- 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"
+                >
+                  {{ $t("library.admin.versionPriority") }}
+
+                  <!-- import games button -->
+
+                  <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',
+                    ]"
+                  >
+                    {{
+                      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: GameVersionModelWithSize }"
+              >
+                <div
+                  class="w-full inline-flex items-center px-4 py-2 bg-zinc-800 rounded justify-between w-full flex"
+                >
+                  <div class="text-zinc-100 font-semibold flex-none">
+                    {{ item.versionName }}
+                  </div>
+                  <div
+                    class="text-right text-zinc-400 text-xs font-normal flex-auto pr-4"
+                  >
+                    {{ item.size && formatBytes(item.size) }}
+                  </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>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div v-else class="grow w-full flex items-center justify-center">
+    <div class="flex flex-col items-center">
+      <ExclamationCircleIcon
+        class="h-12 w-12 text-red-600"
+        aria-hidden="true"
+      />
+      <div class="mt-3 text-center sm:mt-5">
+        <h1 class="text-3xl font-semibold font-display leading-6 text-zinc-100">
+          {{ $t("library.admin.offlineTitle") }}
+        </h1>
+        <div class="mt-4">
+          <p class="text-sm text-zinc-400 max-w-md">
+            {{ $t("library.admin.offline") }}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</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 { H3Error } from "h3";
+import { ExclamationCircleIcon } from "@heroicons/vue/24/outline";
+import { formatBytes } from "~/server/internal/utils/files";
+
+// TODO implement UI for this page
+
+const props = defineProps<{ unimportedVersions: string[] }>();
+
+const { t } = useI18n();
+
+const hasDeleted = ref(false);
+
+const canImport = computed(
+  () => hasDeleted.value || props.unimportedVersions.length > 0,
+);
+
+type GameVersionModelWithSize = GameVersionModel & { size: number };
+
+type GameAndVersions = GameModel & {
+  versions: GameVersionModelWithSize[];
+};
+const game = defineModel<SerializeObject<GameAndVersions>>() as Ref<
+  SerializeObject<GameAndVersions>
+>;
+if (!game.value)
+  throw createError({
+    statusCode: 500,
+    statusMessage: "Game not provided to editor component",
+  });
+
+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),
+      },
+    });
+    game.value.versions = newVersions;
+  } catch (e) {
+    createModal(
+      ModalType.Notification,
+      {
+        title: t("errors.version.order.title"),
+        description: t("errors.version.order.desc", {
+          error: (e as H3Error)?.statusMessage ?? t("errors.unknown"),
+        }),
+        buttonText: t("common.close"),
+      },
+      (e, c) => c(),
+    );
+  }
+}
+
+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(),
+    );
+  }
+}
+</script>

components/GameSearchResultWidget.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="flex flex-row items-center gap-x-2">
-    <img
-      :src="rawIcon ? game.icon : useObject(game.icon)"
-      class="w-12 h-12 rounded-sm object-cover"
-    />
+    <img :src="game.icon" class="w-12 h-12 rounded-sm object-cover" />
     <div class="flex flex-col items-left">
       <h1 class="font-semibold font-display text-lg text-zinc-100">
         {{ game.name }}
@@ -21,8 +18,7 @@
 <script setup lang="ts">
 import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
 
-const { game, rawIcon = true } = defineProps<{
+const { game } = defineProps<{
   game: Omit<GameMetadataSearchResult, "year"> & { sourceName?: string };
-  rawIcon?: boolean;
 }>();
 </script>

components/LanguageSelector.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <SelectorLanguageListbox />
+    <LanguageSelectorListbox />
     <NuxtLink
       class="mt-1 transition text-blue-500 hover:text-blue-600 text-sm"
       to="https://translate.droposs.org/engage/drop/"

components/LogLine.vue

@@ -1,6 +1,6 @@
 <template>
   <span class="text-xs font-mono text-zinc-400 inline-flex items-top gap-x-2"
-    ><span v-if="!short" class="text-zinc-500">{{ log.time }}</span>
+    ><span v-if="!short" class="text-zinc-500">{{ log.timestamp }}</span>
     <span
       :class="[
         colours[log.level] || 'text-green-400',
@@ -8,8 +8,9 @@
       ]"
       >{{ log.level }}</span
     >
-    <span v-if="log.prefix" class="text-zinc-200"> {{ log.prefix }}</span>
-    <pre :class="[short ? 'line-clamp-1' : '', 'mt-[1px]']">{{ log.msg }}</pre>
+    <pre :class="[short ? 'line-clamp-1' : '', 'mt-[1px]']">{{
+      log.message
+    }}</pre>
   </span>
 </template>
 

components/Modal/AddCompanyGame.vue

@@ -11,7 +11,66 @@
       </div>
       <div class="mt-2">
         <form @submit.prevent="() => addGame()">
-          <SelectorGame v-model="currentGame" :search="search" />
+          <Listbox v-model="currentGame" 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="currentGame"
+                  :game="currentGame"
+                />
+                <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 metadataGames"
+                    :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>
+                  <p
+                    v-if="metadataGames.length == 0"
+                    class="w-full text-center p-2 uppercase font-display text-zinc-700 font-bold"
+                  >
+                    {{ $t("library.admin.metadata.companies.addGame.noGames") }}
+                  </p>
+                </ListboxOptions>
+              </transition>
+            </div>
+          </Listbox>
           <div class="mt-6 flex items-center justify-between gap-3">
             <label
               id="published-label"
@@ -104,11 +163,18 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import type { GameModel } from "~/prisma/client/models";
-import { DialogTitle } from "@headlessui/vue";
+import {
+  DialogTitle,
+  Listbox,
+  ListboxButton,
+  ListboxLabel,
+  ListboxOption,
+  ListboxOptions,
+} from "@headlessui/vue";
+import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
 import { FetchError } from "ofetch";
 import type { SerializeObject } from "nitropack";
 import { XCircleIcon } from "@heroicons/vue/24/solid";
-import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
 
 const props = defineProps<{
   companyId: string;
@@ -123,11 +189,26 @@ const emit = defineEmits<{
   ];
 }>();
 
+const games = await $dropFetch("/api/v1/admin/game");
+const metadataGames = computed(() =>
+  games
+    .filter((e) => !(props.exclude ?? []).includes(e.id))
+    .map(
+      (e) =>
+        ({
+          id: e.id,
+          name: e.mName,
+          icon: useObject(e.mIconObjectId),
+          description: e.mShortDescription,
+        }) satisfies Omit<GameMetadataSearchResult, "year">,
+    ),
+);
+
 const { t } = useI18n();
 
 const open = defineModel<boolean>({ required: true });
 
-const currentGame = ref<GameMetadataSearchResult>();
+const currentGame = ref<(typeof metadataGames.value)[number]>();
 const developed = ref(false);
 const published = ref(false);
 const addGameLoading = ref(false);
@@ -162,10 +243,4 @@ async function addGame() {
     open.value = false;
   }
 }
-
-async function search(query: string) {
-  return await $dropFetch("/api/v1/admin/search/game?type=Game", {
-    query: { q: query },
-  });
-}
 </script>

components/Modal/CreateCollection.vue

@@ -59,6 +59,7 @@ const emit = defineEmits<{
 
 const open = defineModel<boolean>({ required: true });
 
+const { t } = useI18n();
 const collectionName = ref("");
 const createCollectionLoading = ref(false);
 const collections = await useCollections();
@@ -73,7 +74,6 @@ async function createCollection() {
     const response = await $dropFetch("/api/v1/collection", {
       method: "POST",
       body: { name: collectionName.value },
-      failTitle: "Failed to create collection",
     });
 
     // Add the game if provided
@@ -83,7 +83,6 @@ async function createCollection() {
       >(`/api/v1/collection/${response.id}/entry`, {
         method: "POST",
         body: { id: props.gameId },
-        failTitle: "Failed to add game to collection",
       });
       response.entries.push(entry);
     }
@@ -95,6 +94,20 @@ async function createCollection() {
     open.value = false;
 
     emit("created", response.id);
+  } catch (error) {
+    console.error("Failed to create collection:", error);
+
+    const err = error as { statusMessage?: string };
+    createModal(
+      ModalType.Notification,
+      {
+        title: t("errors.library.collection.create.title"),
+        description: t("errors.library.collection.create.desc", [
+          err?.statusMessage ?? t("errors.unknown"),
+        ]),
+      },
+      (_, c) => c(),
+    );
   } finally {
     createCollectionLoading.value = false;
   }

components/Modal/DeleteCollection.vue

@@ -22,7 +22,7 @@
         class="bg-red-600 text-white hover:bg-red-500"
         @click="() => deleteCollection()"
       >
-        {{ $t("common.delete") }}
+        {{ $t("delete") }}
       </LoadingButton>
       <button
         class="inline-flex items-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold font-display text-white hover:bg-zinc-700"

components/Modal/DeleteNews.vue

@@ -22,7 +22,7 @@
         class="bg-red-600 text-white hover:bg-red-500"
         @click="() => deleteArticle()"
       >
-        {{ $t("common.delete") }}
+        {{ $t("delete") }}
       </LoadingButton>
       <button
         class="inline-flex items-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold font-display text-white hover:bg-zinc-700"

components/Modal/DeleteUser.vue

@@ -22,7 +22,7 @@
         class="bg-red-600 text-white hover:bg-red-500"
         @click="() => deleteUser()"
       >
-        {{ $t("common.delete") }}
+        {{ $t("delete") }}
       </LoadingButton>
       <button
         class="inline-flex items-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold font-display text-white hover:bg-zinc-700"

components/MultiItemSelector.vue

@@ -0,0 +1,115 @@
+<template>
+  <div>
+    <div class="inline-flex gap-1 items-center flex-wrap">
+      <span
+        v-for="item in enabledItems"
+        :key="item.param"
+        class="inline-flex items-center gap-x-0.5 rounded-md bg-blue-600/10 px-2 py-1 text-xs font-medium text-blue-500 ring-1 ring-blue-800 ring-inset"
+      >
+        {{ item.name }}
+        <button
+          type="button"
+          class="group relative -mr-1 size-3.5 rounded-xs hover:bg-blue-600/20"
+          @click="() => remove(item.param)"
+        >
+          <span class="sr-only">{{ $t("common.remove") }}</span>
+          <svg
+            viewBox="0 0 14 14"
+            class="size-3.5 stroke-blue-500 group-hover:stroke-blue-400"
+          >
+            <path d="M4 4l6 6m0-6l-6 6" />
+          </svg>
+          <span class="absolute -inset-1" />
+        </button>
+      </span>
+      <span
+        v-if="enabledItems.length == 0"
+        class="font-display uppercase text-xs font-bold text-zinc-700"
+      >
+        {{ $t("common.noSelected") }}
+      </span>
+    </div>
+    <Combobox as="div" @update:model-value="add">
+      <div class="relative mt-2">
+        <ComboboxInput
+          class="block w-full rounded-md bg-zinc-900 py-1.5 pr-12 pl-3 text-base text-zinc-100 outline-1 -outline-offset-1 outline-zinc-700 placeholder:text-zinc-500 focus:outline-2 focus:-outline-offset-2 focus:outline-blue-600 sm:text-sm/6"
+          :display-value="(item) => (item as StoreSortOption)?.name"
+          placeholder="Start typing..."
+          @change="search = $event.target.value"
+          @blur="search = ''"
+        />
+        <ComboboxButton
+          class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-hidden"
+        >
+          <ChevronDownIcon class="size-5 text-gray-400" aria-hidden="true" />
+        </ComboboxButton>
+
+        <ComboboxOptions
+          v-if="filteredItems.length > 0 || search.length > 0"
+          class="absolute 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"
+        >
+          <ComboboxOption
+            v-for="item in filteredItems"
+            :key="item.param"
+            v-slot="{ active }"
+            :value="item.param"
+            as="template"
+          >
+            <li
+              :class="[
+                'relative cursor-default py-2 pr-9 pl-3 select-none',
+                active
+                  ? 'bg-blue-600 text-white outline-hidden'
+                  : 'text-zinc-100',
+              ]"
+            >
+              <span class="block truncate">
+                {{ item.name }}
+              </span>
+            </li>
+          </ComboboxOption>
+        </ComboboxOptions>
+      </div>
+    </Combobox>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ChevronDownIcon } from "@heroicons/vue/20/solid";
+import {
+  Combobox,
+  ComboboxButton,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+} from "@headlessui/vue";
+const props = defineProps<{
+  items: Array<StoreSortOption>;
+}>();
+
+const model = defineModel<{ [key: string]: boolean }>();
+
+const search = ref("");
+const filteredItems = computed(() =>
+  props.items.filter(
+    (item) =>
+      !model.value?.[item.param] &&
+      item.name.toLowerCase().includes(search.value.toLowerCase()),
+  ),
+);
+
+const enabledItems = computed(() =>
+  props.items.filter((e) => model.value?.[e.param]),
+);
+
+function add(item: string) {
+  search.value = "";
+  model.value ??= {};
+  model.value[item] = true;
+}
+
+function remove(item: string) {
+  model.value ??= {};
+  model.value[item] = false;
+}
+</script>

components/NotificationItem.vue

@@ -24,6 +24,7 @@
             >
               {{ name }}
             </NuxtLink>
+            <!-- todo -->
           </div>
         </div>
         <div class="ml-4 flex shrink-0">

components/PieChart/PieChart.vue

@@ -0,0 +1,45 @@
+<template>
+  <h2 v-if="title" class="text-lg mb-4 w-full">{{ title }}</h2>
+  <div class="flex flex-col xl:flex-row gap-4">
+    <div class="relative flex grow max-w-[12rem]">
+      <svg class="aspect-square grow relative inline" viewBox="0 0 100 100">
+        <PieChartPieSlice
+          v-for="slice in slices"
+          :key="`${slice.percentage}-${slice.totalPercentage}`"
+          :slice="slice"
+        />
+      </svg>
+      <div class="absolute inset-0 bg-zinc-900 rounded-full m-12" />
+    </div>
+    <ul class="flex flex-col gap-y-1 justify-center text-left">
+      <li
+        v-for="slice in slices"
+        :key="slice.value"
+        class="text-sm inline-flex items-center gap-x-1"
+      >
+        <span
+          class="size-3 inline-block rounded-sm"
+          :class="CHART_COLOURS[slice.color].bg"
+        />
+        {{
+          $t("common.labelValueColon", {
+            label: slice.label,
+            value: slice.value,
+          })
+        }}
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { generateSlices } from "~/components/PieChart/utils";
+import type { SliceData } from "~/components/PieChart/types";
+
+const { data, title = undefined } = defineProps<{
+  data: SliceData[];
+  title?: string | undefined;
+}>();
+
+const slices = generateSlices(data);
+</script>

components/PlatformSelector.vue

@@ -32,7 +32,7 @@
           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 values"
+            v-for="[name, value] in Object.entries(values)"
             :key="value"
             v-slot="{ active, selected }"
             as="template"
@@ -82,11 +82,10 @@ import {
   ListboxOptions,
 } from "@headlessui/vue";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
-import { Platform } from "~/prisma/client/enums";
 
-const model = defineModel<Platform | undefined>();
+const model = defineModel<PlatformClient | undefined>();
 
-const typedModel = computed<Platform | null>({
+const typedModel = computed<PlatformClient | null>({
   get() {
     return model.value || null;
   },
@@ -96,5 +95,5 @@ const typedModel = computed<Platform | null>({
   },
 });
 
-const values = Object.entries(Platform);
+const values = Object.fromEntries(Object.entries(PlatformClient));
 </script>

components/ProgressBar.vue

@@ -12,8 +12,7 @@
     <span
       class="absolute inset-0 flex items-center justify-center text-blue-200 text-sm font-bold font-display"
     >
-      <!-- {{ $t("tasks.admin.progress", [Math.round(percentage * 10) / 10]) }} -->
-      {{ $n(Math.round(percentage * 100) / 10000, "percent") }}
+      {{ $t("tasks.admin.progress", [Math.round(percentage * 10) / 10]) }}
     </span>
   </div>
 </template>

components/SourceTable.vue

@@ -56,14 +56,18 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="(source, sourceIdx) in sources" :key="source.id">
+          <tr
+            v-for="(source, sourceIdx) in sources"
+            :key="source.id"
+            class="even:bg-zinc-800"
+          >
             <td
               class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-zinc-100 sm:pl-3"
             >
               {{ source.name }}
             </td>
             <td
-              class="whitespace-nowrap px-3 py-4 text-sm text-zinc-400 flex gap-x-1 items-center"
+              class="whitespace-nowrap px-3 py-4 text-sm text-zinc-400 inline-flex gap-x-1 items-center"
             >
               <component
                 :is="optionsMetadata[source.backend].icon"
@@ -92,14 +96,14 @@
                   v-if="source.fsStats"
                   :percentage="
                     getPercentage(
-                      source.fsStats.totalSpace - source.fsStats.freeSpace,
+                      source.fsStats.freeSpace,
                       source.fsStats.totalSpace,
                     )
                   "
                   :color="
                     getBarColor(
                       getPercentage(
-                        source.fsStats.totalSpace - source.fsStats.freeSpace,
+                        source.fsStats.freeSpace,
                         source.fsStats.totalSpace,
                       ),
                     )
@@ -128,7 +132,7 @@
                 class="text-red-500 hover:text-red-400"
                 @click="() => deleteSource(sourceIdx)"
               >
-                {{ $t("common.delete") }}
+                {{ $t("delete") }}
                 <span class="sr-only">
                   {{ $t("chars.srComma", [source.name]) }}
                 </span>
@@ -148,7 +152,6 @@ import { BackwardIcon, CheckIcon, XMarkIcon } from "@heroicons/vue/24/outline";
 import { DropLogo } from "#components";
 import { formatBytes } from "~/server/internal/utils/files";
 import { getBarColor } from "~/utils/colors";
-import { getPercentage } from "~/utils/utils";
 
 const {
   sources,
@@ -184,4 +187,7 @@ const optionsMetadata: {
     icon: BackwardIcon,
   },
 };
+
+const getPercentage = (value: number, total: number) =>
+  ((total - value) * 100) / total;
 </script>

components/StoreView.vue

@@ -127,7 +127,7 @@
                           >
                         </div>
                       </div>
-                      <SelectorMultiItem
+                      <MultiItemSelector
                         v-else
                         v-model="[optionValues[section.param] as any][0]"
                         :items="section.options"
@@ -189,11 +189,7 @@
                       >
                         {{ option.name }}
                         <span v-if="currentSort === option.param">
-                          {{
-                            sortOrder === "asc"
-                              ? $t("chars.arrowUp")
-                              : $t("chars.arrowDown")
-                          }}
+                          {{ sortOrder === "asc" ? $t("↑") : $t("↓") }}
                         </span>
                       </button>
                     </MenuItem>
@@ -295,7 +291,7 @@
                       >
                     </div>
                   </div>
-                  <SelectorMultiItem
+                  <MultiItemSelector
                     v-else
                     v-model="[optionValues[section.param] as any][0]"
                     :items="section.options"
@@ -308,7 +304,7 @@
             <div
               v-if="games?.length ?? 0 > 0"
               ref="product-grid"
-              class="col-span-4 grid gap-5 grid-cols-[repeat(auto-fill,minmax(150px,auto))]"
+              class="relative lg:col-span-4 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-4"
             >
               <!-- Your content -->
               <GamePanel
@@ -376,10 +372,8 @@ import {
 } from "@heroicons/vue/20/solid";
 import type { SerializeObject } from "nitropack";
 import type { GameModel, GameTagModel } from "~/prisma/client/models";
-import { Platform } from "~/prisma/client/enums";
-const {
-  store: { showGamePanelTextDecoration },
-} = await $dropFetch(`/api/v1/settings`);
+import MultiItemSelector from "./MultiItemSelector.vue";
+const { showGamePanelTextDecoration } = await $dropFetch(`/api/v1/settings`);
 
 const mobileFiltersOpen = ref(false);
 
@@ -430,7 +424,7 @@ const options: Array<StoreFilterOption> = [
     name: "Platform",
     param: "platform",
     multiple: true,
-    options: Object.values(Platform).map((e) => ({ name: e, param: e })),
+    options: Object.values(PlatformClient).map((e) => ({ name: e, param: e })),
   },
   ...(props.extraOptions ?? []),
 ];

components/TaskWidget.vue

@@ -29,15 +29,6 @@
       <div class="mt-2 bg-zinc-950 px-2 pb-1 rounded-sm">
         <LogLine :short="true" :log="parseTaskLog(task.log.at(-1))" />
       </div>
-      <ul v-if="task.actions" class="mt-1 flex flex-row gap-x-2">
-        <NuxtLink
-          v-for="[name, link] in task.actions.map((v) => v.split(':'))"
-          :key="link"
-          :href="link"
-          class="text-xs text-zinc-100 bg-blue-900 p-1 rounded"
-          >{{ name }}</NuxtLink
-        >
-      </ul>
       <NuxtLink
         type="button"
         :href="`/admin/task/${task.id}`"