From 26a980054b35d46ce098d6609decacf6eae1bb44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= <ferferga@hotmail.com>
Date: Thu, 19 Dec 2024 20:09:40 +0100
Subject: [PATCH] refactor(shared): migrate validation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fernando Fernández <ferferga@hotmail.com>
---
 .../Buttons/Playback/PlaybackSettingsButton.vue          | 2 +-
 frontend/src/components/Forms/LoginForm.vue              | 2 +-
 frontend/src/components/Item/Card/GenericItemCard.vue    | 2 +-
 frontend/src/components/Item/Card/ItemCard.vue           | 2 +-
 frontend/src/components/Item/Identify/IdentifyDialog.vue | 2 +-
 frontend/src/components/Item/ItemMenu.vue                | 9 ++++++---
 .../src/components/Item/MediaDetail/MediaDetailAttr.vue  | 2 +-
 .../components/Item/MediaDetail/MediaDetailContent.vue   | 2 +-
 .../components/Item/MediaDetail/MediaDetailDialog.vue    | 4 ++--
 frontend/src/components/Item/Metadata/MetadataEditor.vue | 2 +-
 frontend/src/components/Layout/AudioControls.vue         | 6 +++---
 frontend/src/components/Layout/Backdrop.vue              | 2 +-
 .../Layout/Carousel/Item/ItemsCarouselTitle.vue          | 2 +-
 frontend/src/components/Layout/SettingsPage.vue          | 4 ++--
 frontend/src/components/Playback/DraggableQueue.vue      | 2 +-
 frontend/src/components/Playback/PlayerElement.vue       | 2 +-
 frontend/src/components/Playback/SubtitleTrack.vue       | 2 +-
 frontend/src/components/Wizard/WizardLanguage.vue        | 2 +-
 frontend/src/components/Wizard/WizardMetadata.vue        | 2 +-
 frontend/src/components/lib/JImg.vue                     | 2 +-
 frontend/src/components/lib/JView.vue                    | 2 +-
 frontend/src/components/lib/JVirtual/JVirtual.vue        | 2 +-
 frontend/src/components/lib/JVirtual/j-virtual.worker.ts | 2 +-
 frontend/src/composables/apis.ts                         | 2 +-
 frontend/src/composables/page-title.ts                   | 2 +-
 frontend/src/composables/use-datefns.ts                  | 2 +-
 frontend/src/pages/genre/[itemId].vue                    | 2 +-
 frontend/src/pages/index.vue                             | 2 +-
 frontend/src/pages/playback/music.vue                    | 2 +-
 frontend/src/plugins/remote/auth.ts                      | 2 +-
 frontend/src/plugins/remote/axios.ts                     | 2 +-
 frontend/src/plugins/remote/index.ts                     | 2 +-
 frontend/src/plugins/remote/sdk/index.ts                 | 2 +-
 frontend/src/plugins/remote/socket.ts                    | 2 +-
 frontend/src/plugins/router/index.ts                     | 2 +-
 frontend/src/plugins/router/middlewares/login.ts         | 2 +-
 frontend/src/plugins/router/middlewares/playback.ts      | 2 +-
 frontend/src/plugins/router/middlewares/validate.ts      | 2 +-
 frontend/src/plugins/workers/blurhash-decoder.worker.ts  | 2 +-
 frontend/src/plugins/workers/canvas-drawer.worker.ts     | 2 +-
 frontend/src/plugins/workers/generic.worker.ts           | 2 +-
 frontend/src/splashscreen.ts                             | 2 +-
 frontend/src/store/api.ts                                | 2 +-
 frontend/src/store/client-settings/index.ts              | 2 +-
 frontend/src/store/client-settings/subtitle-settings.ts  | 2 +-
 frontend/src/store/index.ts                              | 2 +-
 frontend/src/store/playback-manager.ts                   | 2 +-
 frontend/src/store/player-element.ts                     | 2 +-
 frontend/src/store/super/common-store.ts                 | 8 ++++----
 frontend/src/store/super/synced-store.ts                 | 2 +-
 frontend/src/store/task-manager.ts                       | 2 +-
 frontend/src/utils/external-config.ts                    | 2 +-
 frontend/src/utils/i18n.ts                               | 2 +-
 frontend/src/utils/items.ts                              | 2 +-
 .../utils/playback-profiles/helpers/codec-profiles.ts    | 2 +-
 .../src/utils => packages/shared/src}/validation.ts      | 1 +
 56 files changed, 68 insertions(+), 64 deletions(-)
 rename {frontend/src/utils => packages/shared/src}/validation.ts (96%)

diff --git a/frontend/src/components/Buttons/Playback/PlaybackSettingsButton.vue b/frontend/src/components/Buttons/Playback/PlaybackSettingsButton.vue
index 0abfda2fbc2..7a2eb5416f8 100644
--- a/frontend/src/components/Buttons/Playback/PlaybackSettingsButton.vue
+++ b/frontend/src/components/Buttons/Playback/PlaybackSettingsButton.vue
@@ -94,9 +94,9 @@
 <script setup lang="ts">
 import { computed, shallowRef } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { isObj, isStr, isUndef } from '@jellyfin-vue/shared/validation';
 import { playbackManager } from '@/store/playback-manager';
 import { playerElement } from '@/store/player-element';
-import { isObj, isStr, isUndef } from '@/utils/validation';
 
 const menuModel = defineModel<boolean>();
 const { t } = useI18n();
diff --git a/frontend/src/components/Forms/LoginForm.vue b/frontend/src/components/Forms/LoginForm.vue
index 47d4832cb22..93e2e0ed3a1 100644
--- a/frontend/src/components/Forms/LoginForm.vue
+++ b/frontend/src/components/Forms/LoginForm.vue
@@ -8,8 +8,8 @@
         v-if="!user"
         v-model="login.username"
         variant="outlined"
-        autofocus
         hide-details
+        autofocus
         :label="$t('username')"
         :rules="rules" />
       <VTextField
diff --git a/frontend/src/components/Item/Card/GenericItemCard.vue b/frontend/src/components/Item/Card/GenericItemCard.vue
index f2f99117898..54ecdb449b5 100644
--- a/frontend/src/components/Item/Card/GenericItemCard.vue
+++ b/frontend/src/components/Item/Card/GenericItemCard.vue
@@ -48,7 +48,7 @@
 
 <script setup lang="ts">
 import { useAttrs, computed } from 'vue';
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { hasFinePointer } from '@/store';
 import type { CardShapes } from '@/utils/items';
 import JOverlay from '@/components/lib/JOverlay.vue';
diff --git a/frontend/src/components/Item/Card/ItemCard.vue b/frontend/src/components/Item/Card/ItemCard.vue
index c7b8cf15376..2f2384b476e 100644
--- a/frontend/src/components/Item/Card/ItemCard.vue
+++ b/frontend/src/components/Item/Card/ItemCard.vue
@@ -77,7 +77,7 @@ import {
 } from '@jellyfin/sdk/lib/generated-client';
 import { computed, shallowRef } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import {
   CardShapes,
   canPlay,
diff --git a/frontend/src/components/Item/Identify/IdentifyDialog.vue b/frontend/src/components/Item/Identify/IdentifyDialog.vue
index 4beb40f919e..b5d246b6f5f 100644
--- a/frontend/src/components/Item/Identify/IdentifyDialog.vue
+++ b/frontend/src/components/Item/Identify/IdentifyDialog.vue
@@ -96,10 +96,10 @@ import type {
 import { getItemLookupApi } from '@jellyfin/sdk/lib/utils/api/item-lookup-api';
 import { computed, ref, shallowRef, toRaw } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { isArray, isStr } from '@jellyfin-vue/shared/validation';
 import { useConfirmDialog } from '@/composables/use-confirm-dialog';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { remote } from '@/plugins/remote';
-import { isArray, isStr } from '@/utils/validation';
 
 interface IdentifyField {
   key: string;
diff --git a/frontend/src/components/Item/ItemMenu.vue b/frontend/src/components/Item/ItemMenu.vue
index a56fa2b3e53..4c725b114ec 100644
--- a/frontend/src/components/Item/ItemMenu.vue
+++ b/frontend/src/components/Item/ItemMenu.vue
@@ -73,7 +73,7 @@ import IMdiShuffle from 'virtual:icons/mdi/shuffle';
 import { computed, getCurrentInstance, onMounted, shallowRef, useId, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
-import { isStr } from '@/utils/validation';
+import { isStr } from '@jellyfin-vue/shared/validation';
 import {
   canIdentify,
   canInstantMix,
@@ -366,11 +366,14 @@ const copyDownloadURLAction = {
       if (text) {
         await (isStr(streamUrls)
           ? copyAction(text)
-          : useConfirmDialog(async () => { await copyAction(text); }, {
+          : useConfirmDialog(async () => await copyAction(text),
+            {
               title: t('copyPrompt'),
               text: text,
               confirmText: t('accept')
-            }));
+            }
+          )
+        );
       } else {
         useSnackbar(errorMessage, 'error');
       }
diff --git a/frontend/src/components/Item/MediaDetail/MediaDetailAttr.vue b/frontend/src/components/Item/MediaDetail/MediaDetailAttr.vue
index 37684a05e78..b0aa9b153fd 100644
--- a/frontend/src/components/Item/MediaDetail/MediaDetailAttr.vue
+++ b/frontend/src/components/Item/MediaDetail/MediaDetailAttr.vue
@@ -15,7 +15,7 @@ import IMdiCheck from 'virtual:icons/mdi/check';
 import IMdiClose from 'virtual:icons/mdi/close';
 import IMdiHelp from 'virtual:icons/mdi/help';
 import { computed } from 'vue';
-import { isBool } from '@/utils/validation';
+import { isBool } from '@jellyfin-vue/shared/validation';
 
 const { name, value } = defineProps<{
   name: string;
diff --git a/frontend/src/components/Item/MediaDetail/MediaDetailContent.vue b/frontend/src/components/Item/MediaDetail/MediaDetailContent.vue
index c0cf7fd2ff3..e18b27d7132 100644
--- a/frontend/src/components/Item/MediaDetail/MediaDetailContent.vue
+++ b/frontend/src/components/Item/MediaDetail/MediaDetailContent.vue
@@ -19,7 +19,7 @@ import type {
   TransportStreamTimestamp
 } from '@jellyfin/sdk/lib/generated-client';
 import { useI18n } from 'vue-i18n';
-import { isNumber, isBool } from '@/utils/validation';
+import { isNumber, isBool } from '@jellyfin-vue/shared/validation';
 import { getLocaleName } from '@/utils/i18n';
 import { formatBitRate } from '@/utils/items';
 
diff --git a/frontend/src/components/Item/MediaDetail/MediaDetailDialog.vue b/frontend/src/components/Item/MediaDetail/MediaDetailDialog.vue
index 923a98713b7..daf24ddea0d 100644
--- a/frontend/src/components/Item/MediaDetail/MediaDetailDialog.vue
+++ b/frontend/src/components/Item/MediaDetail/MediaDetailDialog.vue
@@ -29,7 +29,7 @@
 
     <VCardText
       v-if="selectedMediaSource"
-      class="pa-3 d-flex flex-column flex-grow-1">
+      class="d-flex flex-column flex-grow-1 pa-3">
       <template v-if="(selectedMediaSource.MediaStreams?.length ?? 0) > 0">
         <VTabs
           v-model="currentTab"
@@ -147,9 +147,9 @@ import type {
 } from '@jellyfin/sdk/lib/generated-client';
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { isArray, isNil, isNumber } from '@jellyfin-vue/shared/validation';
 import { getLocaleName } from '@/utils/i18n';
 import { formatBitRate, formatFileSize } from '@/utils/items';
-import { isArray, isNil, isNumber } from '@/utils/validation';
 
 const { item, mediaSourceIndex } = defineProps<{ item: BaseItemDto; mediaSourceIndex?: number }>();
 
diff --git a/frontend/src/components/Item/Metadata/MetadataEditor.vue b/frontend/src/components/Item/Metadata/MetadataEditor.vue
index 723d151d352..c2fe04ee4fc 100644
--- a/frontend/src/components/Item/Metadata/MetadataEditor.vue
+++ b/frontend/src/components/Item/Metadata/MetadataEditor.vue
@@ -234,8 +234,8 @@ import { format, formatISO } from 'date-fns';
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { watchImmediate } from '@vueuse/core';
+import { isArray } from '@jellyfin-vue/shared/validation';
 import { getItemImageUrl } from '@/utils/images';
-import { isArray } from '@/utils/validation';
 import { remote } from '@/plugins/remote';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { useDateFns } from '@/composables/use-datefns';
diff --git a/frontend/src/components/Layout/AudioControls.vue b/frontend/src/components/Layout/AudioControls.vue
index 965977cb59b..309f4442950 100644
--- a/frontend/src/components/Layout/AudioControls.vue
+++ b/frontend/src/components/Layout/AudioControls.vue
@@ -15,7 +15,7 @@
           <VCol
             cols="9"
             md="3"
-            class="d-flex pa-0 flex-row">
+            class="pa-0 d-flex flex-row">
             <RouterLink :to="'/playback/music'">
               <div class="img uno-h-20 uno-w-20">
                 <BlurhashImage :item="playbackManager.currentItem" />
@@ -28,7 +28,7 @@
                   :to="getItemDetailsLink(playbackManager.currentItem)"
                   custom>
                   <span
-                    class="link text-truncate uno-h-fit"
+                    class="text-truncate link uno-h-fit"
                     @click="navigate">
                     {{ playbackManager.currentItem.Name }}
                   </span>
@@ -109,7 +109,7 @@
 </template>
 
 <script setup lang="ts">
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { playbackManager } from '@/store/playback-manager';
 import { getItemDetailsLink } from '@/utils/items';
 </script>
diff --git a/frontend/src/components/Layout/Backdrop.vue b/frontend/src/components/Layout/Backdrop.vue
index 1bd05ad2b49..42afc062192 100644
--- a/frontend/src/components/Layout/Backdrop.vue
+++ b/frontend/src/components/Layout/Backdrop.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { toRef, type MaybeRefOrGetter, shallowRef, onMounted, onBeforeUnmount, computed } from 'vue';
 import { watchImmediate } from '@vueuse/core';
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { prefersNoTransparency } from '@/store';
 
 const DEFAULT_OPACITY = 0.25;
diff --git a/frontend/src/components/Layout/Carousel/Item/ItemsCarouselTitle.vue b/frontend/src/components/Layout/Carousel/Item/ItemsCarouselTitle.vue
index a363a1c81cc..0718b07c4a5 100644
--- a/frontend/src/components/Layout/Carousel/Item/ItemsCarouselTitle.vue
+++ b/frontend/src/components/Layout/Carousel/Item/ItemsCarouselTitle.vue
@@ -16,7 +16,7 @@
     <RouterLink
       v-else-if="itemLink && titleString"
       data-swiper-parallax="-300"
-      class="link d-block text-truncate text-h4 text-sm-h3 text-sm-h2"
+      class="link text-truncate d-block text-h4 text-sm-h3 text-sm-h2"
       :to="itemLink">
       {{ titleString }}
     </RouterLink>
diff --git a/frontend/src/components/Layout/SettingsPage.vue b/frontend/src/components/Layout/SettingsPage.vue
index 689326642f6..7a95a78e030 100644
--- a/frontend/src/components/Layout/SettingsPage.vue
+++ b/frontend/src/components/Layout/SettingsPage.vue
@@ -2,7 +2,7 @@
   <VContainer>
     <VRow v-if="$slots.title">
       <VCol>
-        <VRow class="mt-4 mb-2 mx-0 justify-space-between">
+        <VRow class="mb-2 mt-4 mx-0 justify-space-between">
           <h2 class="text-h4">
             <slot name="title" />
           </h2>
@@ -20,8 +20,8 @@
 
 <script setup lang="ts">
 import { useSlots, computed } from 'vue';
+import { isStr } from '@jellyfin-vue/shared/validation';
 import { usePageTitle } from '@/composables/page-title';
-import { isStr } from '@/utils/validation';
 
 const slots = useSlots();
 const pageTitle = computed(() => {
diff --git a/frontend/src/components/Playback/DraggableQueue.vue b/frontend/src/components/Playback/DraggableQueue.vue
index 9170d460f1d..3d559af408c 100644
--- a/frontend/src/components/Playback/DraggableQueue.vue
+++ b/frontend/src/components/Playback/DraggableQueue.vue
@@ -44,7 +44,7 @@
 import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
 import Sortable from 'sortablejs';
 import { onBeforeUnmount, watch, useTemplateRef } from 'vue';
-import { isNumber } from '@/utils/validation';
+import { isNumber } from '@jellyfin-vue/shared/validation';
 import { playbackManager } from '@/store/playback-manager';
 
 let sortable: Sortable | undefined;
diff --git a/frontend/src/components/Playback/PlayerElement.vue b/frontend/src/components/Playback/PlayerElement.vue
index e719e01bd9b..4bdfbe13f92 100644
--- a/frontend/src/components/Playback/PlayerElement.vue
+++ b/frontend/src/components/Playback/PlayerElement.vue
@@ -40,6 +40,7 @@ import Hls, { ErrorTypes, Events, type ErrorData } from 'hls.js';
 import HlsWorkerUrl from 'hls.js/dist/hls.worker.js?url';
 import { computed, nextTick, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { useSnackbar } from '@/composables/use-snackbar';
 import {
   mediaElementRef,
@@ -48,7 +49,6 @@ import {
 import { playbackManager } from '@/store/playback-manager';
 import { playerElement, videoContainerRef } from '@/store/player-element';
 import { getImageInfo } from '@/utils/images';
-import { isNil } from '@/utils/validation';
 import { subtitleSettings } from '@/store/client-settings/subtitle-settings';
 
 const { t } = useI18n();
diff --git a/frontend/src/components/Playback/SubtitleTrack.vue b/frontend/src/components/Playback/SubtitleTrack.vue
index bb9920b74dd..f2fbb1dc904 100644
--- a/frontend/src/components/Playback/SubtitleTrack.vue
+++ b/frontend/src/components/Playback/SubtitleTrack.vue
@@ -17,10 +17,10 @@
 
 <script setup lang="ts">
 import { computed, type StyleValue } from 'vue';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { subtitleSettings } from '@/store/client-settings/subtitle-settings';
 import { DEFAULT_TYPOGRAPHY } from '@/store';
 import { playerElement } from '@/store/player-element';
-import { isNil } from '@/utils/validation';
 import type { ParsedSubtitleTrack, Dialogue } from '@/plugins/workers/generic/subtitles';
 import { playbackManager } from '@/store/playback-manager';
 
diff --git a/frontend/src/components/Wizard/WizardLanguage.vue b/frontend/src/components/Wizard/WizardLanguage.vue
index 6a064c6ad39..7ba471e9b92 100644
--- a/frontend/src/components/Wizard/WizardLanguage.vue
+++ b/frontend/src/components/Wizard/WizardLanguage.vue
@@ -29,7 +29,7 @@ import { getLocalizationApi } from '@jellyfin/sdk/lib/utils/api/localization-api
 import { getStartupApi } from '@jellyfin/sdk/lib/utils/api/startup-api';
 import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { SomeItemSelectedRule } from '@/utils/validation';
+import { SomeItemSelectedRule } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
 import { useSnackbar } from '@/composables/use-snackbar';
 
diff --git a/frontend/src/components/Wizard/WizardMetadata.vue b/frontend/src/components/Wizard/WizardMetadata.vue
index 99c0ad200f9..ab743043565 100644
--- a/frontend/src/components/Wizard/WizardMetadata.vue
+++ b/frontend/src/components/Wizard/WizardMetadata.vue
@@ -45,7 +45,7 @@ import { getLocalizationApi } from '@jellyfin/sdk/lib/utils/api/localization-api
 import { getStartupApi } from '@jellyfin/sdk/lib/utils/api/startup-api';
 import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { SomeItemSelectedRule } from '@/utils/validation';
+import { SomeItemSelectedRule } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
 import { useSnackbar } from '@/composables/use-snackbar';
 
diff --git a/frontend/src/components/lib/JImg.vue b/frontend/src/components/lib/JImg.vue
index 8d346e48d07..a4c0db3670a 100644
--- a/frontend/src/components/lib/JImg.vue
+++ b/frontend/src/components/lib/JImg.vue
@@ -52,7 +52,7 @@
  * Given the img at loading is v-show'ed to false (display: none), the load events doesn't trigger either
  */
 import { computed, shallowRef, watch } from 'vue';
-import { isObj } from '@/utils/validation';
+import { isObj } from '@jellyfin-vue/shared/validation';
 import JTransition, { type JTransitionProps } from '@/components/lib/JTransition.vue';
 
 /**
diff --git a/frontend/src/components/lib/JView.vue b/frontend/src/components/lib/JView.vue
index 6865e024ad3..e99c6f10215 100644
--- a/frontend/src/components/lib/JView.vue
+++ b/frontend/src/components/lib/JView.vue
@@ -32,13 +32,13 @@
 <script lang="ts">
 import { onErrorCaptured, shallowRef, type Component, watch, computed, provide, useId, ref, type WatchOptions, inject } from 'vue';
 import type { RouteLocationNormalizedGeneric, RouteMeta } from 'vue-router';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import DefaultLayout from '@/layouts/default.vue';
 import FullPageLayout from '@/layouts/fullpage.vue';
 import ServerLayout from '@/layouts/server.vue';
 import { usePausableEffect } from '@/composables/use-pausable-effect';
 import { JView_isRouting } from '@/store/keys';
 import { router } from '@/plugins/router';
-import { isNil } from '@/utils/validation';
 
 /**
  * Return the appropiate layout component according to the route's meta.layout property
diff --git a/frontend/src/components/lib/JVirtual/JVirtual.vue b/frontend/src/components/lib/JVirtual/JVirtual.vue
index 63df96ae232..f1ce52068f8 100644
--- a/frontend/src/components/lib/JVirtual/JVirtual.vue
+++ b/frontend/src/components/lib/JVirtual/JVirtual.vue
@@ -42,6 +42,7 @@ import {
   useTemplateRef
 } from 'vue';
 import { wrap } from 'comlink';
+import { isNil, isUndef } from '@jellyfin-vue/shared/validation';
 import {
   getBufferMeta,
   getContentSize,
@@ -53,7 +54,6 @@ import {
 import type { IJVirtualWorker } from './j-virtual.worker';
 import JVirtualWorker from './j-virtual.worker?worker';
 import { vuetify } from '@/plugins/vuetify';
-import { isNil, isUndef } from '@/utils/validation';
 
 /**
  * SHARED STATE ACROSS ALL THE COMPONENT INSTANCES
diff --git a/frontend/src/components/lib/JVirtual/j-virtual.worker.ts b/frontend/src/components/lib/JVirtual/j-virtual.worker.ts
index 06e83925f8a..25fbe7c3907 100644
--- a/frontend/src/components/lib/JVirtual/j-virtual.worker.ts
+++ b/frontend/src/components/lib/JVirtual/j-virtual.worker.ts
@@ -1,6 +1,6 @@
 import { expose } from 'comlink';
+import { sealed } from '@jellyfin-vue/shared/validation';
 import { getItemOffsetByIndex, type ResizeMeasurement, type BufferMeta, type InternalItem } from './pipeline';
-import { sealed } from '@/utils/validation';
 
 @sealed
 class JVirtualWorker {
diff --git a/frontend/src/composables/apis.ts b/frontend/src/composables/apis.ts
index bb64a198556..60eaa5902a5 100644
--- a/frontend/src/composables/apis.ts
+++ b/frontend/src/composables/apis.ts
@@ -5,13 +5,13 @@ import { deepEqual } from 'fast-equals';
 import { computed, effectScope, getCurrentScope, inject, isRef, shallowRef, toValue, unref, watch, type ComputedRef, type Ref } from 'vue';
 import { until, whenever } from '@vueuse/core';
 import type { Exact, Writable } from 'type-fest';
+import { isArray, isNil } from '@jellyfin-vue/shared/validation';
 import { useLoading } from '@/composables/use-loading';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
 import { remote } from '@/plugins/remote';
 import { isConnectedToServer } from '@/store';
 import { apiStore } from '@/store/api';
-import { isArray, isNil } from '@/utils/validation';
 import { JView_isRouting } from '@/store/keys';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
diff --git a/frontend/src/composables/page-title.ts b/frontend/src/composables/page-title.ts
index df3d5b72fa6..9c8c3166402 100644
--- a/frontend/src/composables/page-title.ts
+++ b/frontend/src/composables/page-title.ts
@@ -1,7 +1,7 @@
 import { computed, onBeforeUnmount, onMounted, shallowRef, toRef, toValue, type MaybeRefOrGetter } from 'vue';
 import { useTitle as _useTitle, watchImmediate } from '@vueuse/core';
 import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 
 /**
  * This composable handles the page title of the application.
diff --git a/frontend/src/composables/use-datefns.ts b/frontend/src/composables/use-datefns.ts
index d24775e5609..e7e87b4bd7c 100644
--- a/frontend/src/composables/use-datefns.ts
+++ b/frontend/src/composables/use-datefns.ts
@@ -1,6 +1,6 @@
 import * as datefnslocales from 'virtual:locales/date-fns';
+import { isObj } from '@jellyfin-vue/shared/validation';
 import { i18n } from '@/plugins/i18n';
-import { isObj } from '@/utils/validation';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
diff --git a/frontend/src/pages/genre/[itemId].vue b/frontend/src/pages/genre/[itemId].vue
index 2a212977f7f..da492ccd5ee 100644
--- a/frontend/src/pages/genre/[itemId].vue
+++ b/frontend/src/pages/genre/[itemId].vue
@@ -55,7 +55,7 @@ import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
 import { getUserLibraryApi } from '@jellyfin/sdk/lib/utils/api/user-library-api';
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
-import { isStr } from '@/utils/validation';
+import { isStr } from '@jellyfin-vue/shared/validation';
 import { useResponsiveClasses } from '@/composables/use-responsive-classes';
 import { useBaseItem } from '@/composables/apis';
 import { useItemPageTitle } from '@/composables/page-title';
diff --git a/frontend/src/pages/index.vue b/frontend/src/pages/index.vue
index 474ea31667e..b149f6c2c7b 100644
--- a/frontend/src/pages/index.vue
+++ b/frontend/src/pages/index.vue
@@ -40,7 +40,7 @@ meta:
 import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { isNil } from '@/utils/validation';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { CardShapes, fetchIndexPage, getShapeFromCollectionType } from '@/utils/items';
 import { usePageTitle } from '@/composables/page-title';
 
diff --git a/frontend/src/pages/playback/music.vue b/frontend/src/pages/playback/music.vue
index 15c0ce64883..eda5d4b5481 100644
--- a/frontend/src/pages/playback/music.vue
+++ b/frontend/src/pages/playback/music.vue
@@ -105,9 +105,9 @@ import 'swiper/css/virtual';
 import { A11y, EffectCoverflow, Virtual } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { computed, shallowRef, watchEffect } from 'vue';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { playbackGuard } from '@/plugins/router/middlewares/playback';
 import { playbackManager } from '@/store/playback-manager';
-import { isNil } from '@/utils/validation';
 import { usePlayback } from '@/composables/use-playback';
 import { useItemBackdrop } from '@/composables/backdrop';
 import { useItemPageTitle } from '@/composables/page-title';
diff --git a/frontend/src/plugins/remote/auth.ts b/frontend/src/plugins/remote/auth.ts
index 03fad8cfc12..cec4de72acc 100644
--- a/frontend/src/plugins/remote/auth.ts
+++ b/frontend/src/plugins/remote/auth.ts
@@ -7,8 +7,8 @@ import type { UserDto, PublicSystemInfo, BrandingOptions } from '@jellyfin/sdk/l
 import { getSystemApi } from '@jellyfin/sdk/lib/utils/api/system-api';
 import { getBrandingApi } from '@jellyfin/sdk/lib/utils/api/branding-api';
 import { getUserApi } from '@jellyfin/sdk/lib/utils/api/user-api';
+import { isAxiosError, isNil, sealed } from '@jellyfin-vue/shared/validation';
 import SDK, { useOneTimeAPI } from './sdk/sdk-utils';
-import { isAxiosError, isNil, sealed } from '@/utils/validation';
 import { i18n } from '@/plugins/i18n';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { CommonStore } from '@/store/super/common-store';
diff --git a/frontend/src/plugins/remote/axios.ts b/frontend/src/plugins/remote/axios.ts
index 77ebfeeb953..8600a1e9eb4 100644
--- a/frontend/src/plugins/remote/axios.ts
+++ b/frontend/src/plugins/remote/axios.ts
@@ -4,10 +4,10 @@
 import axios, {
   type AxiosError
 } from 'axios';
+import { sealed } from '@jellyfin-vue/shared/validation';
 import auth from './auth';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
-import { sealed } from '@/utils/validation';
 
 @sealed
 class RemotePluginAxios {
diff --git a/frontend/src/plugins/remote/index.ts b/frontend/src/plugins/remote/index.ts
index b4b7501fd45..1c78c311531 100644
--- a/frontend/src/plugins/remote/index.ts
+++ b/frontend/src/plugins/remote/index.ts
@@ -7,10 +7,10 @@
  * - WebSocket ($remote.socket)
  */
 import type { App } from 'vue';
+import { isNil, sealed } from '@jellyfin-vue/shared/validation';
 import RemotePluginAuthInstance from './auth';
 import RemotePluginSDKInstance from './sdk';
 import RemotePluginSocketInstance from './socket';
-import { isNil, sealed } from '@/utils/validation';
 import { jsonConfig } from '@/utils/external-config';
 
 @sealed
diff --git a/frontend/src/plugins/remote/sdk/index.ts b/frontend/src/plugins/remote/sdk/index.ts
index 7a942cda2c9..ec00802ec54 100644
--- a/frontend/src/plugins/remote/sdk/index.ts
+++ b/frontend/src/plugins/remote/sdk/index.ts
@@ -4,10 +4,10 @@
  */
 import type { Api } from '@jellyfin/sdk';
 import { watchSyncEffect } from 'vue';
+import { isNil, sealed } from '@jellyfin-vue/shared/validation';
 import RemotePluginAuthInstance from '../auth';
 import RemotePluginAxiosInstance from '../axios';
 import SDK, { useOneTimeAPI } from './sdk-utils';
-import { isNil, sealed } from '@/utils/validation';
 
 @sealed
 class RemotePluginSDK {
diff --git a/frontend/src/plugins/remote/socket.ts b/frontend/src/plugins/remote/socket.ts
index 9c0581c2828..25ba62d77c7 100644
--- a/frontend/src/plugins/remote/socket.ts
+++ b/frontend/src/plugins/remote/socket.ts
@@ -1,9 +1,9 @@
 import { useWebSocket } from '@vueuse/core';
 import { destr } from 'destr';
 import { computed, watch } from 'vue';
+import { isNil, sealed } from '@jellyfin-vue/shared/validation';
 import auth from './auth';
 import sdk from './sdk';
-import { isNil, sealed } from '@/utils/validation';
 
 interface WebSocketMessage {
   MessageType: string;
diff --git a/frontend/src/plugins/router/index.ts b/frontend/src/plugins/router/index.ts
index 091a4277621..f2160c301fe 100644
--- a/frontend/src/plugins/router/index.ts
+++ b/frontend/src/plugins/router/index.ts
@@ -4,12 +4,12 @@ import {
   createWebHashHistory,
   createWebHistory
 } from 'vue-router';
+import { isStr } from '@jellyfin-vue/shared/validation';
 import { remote } from '../remote';
 import { adminGuard } from './middlewares/admin-pages';
 import { loginGuard } from './middlewares/login';
 import { metaGuard } from './middlewares/meta';
 import { validateGuard } from './middlewares/validate';
-import { isStr } from '@/utils/validation';
 import { jsonConfig } from '@/utils/external-config';
 
 export const router = createRouter({
diff --git a/frontend/src/plugins/router/middlewares/login.ts b/frontend/src/plugins/router/middlewares/login.ts
index f34238eb0db..980b26f5e9d 100644
--- a/frontend/src/plugins/router/middlewares/login.ts
+++ b/frontend/src/plugins/router/middlewares/login.ts
@@ -4,8 +4,8 @@ import type {
 } from 'vue-router';
 import type { RouteNamedMap } from 'vue-router/auto-routes';
 import { until } from '@vueuse/core';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
-import { isNil } from '@/utils/validation';
 import { jsonConfig } from '@/utils/external-config';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
diff --git a/frontend/src/plugins/router/middlewares/playback.ts b/frontend/src/plugins/router/middlewares/playback.ts
index 36af0dc6569..8c4580cf475 100644
--- a/frontend/src/plugins/router/middlewares/playback.ts
+++ b/frontend/src/plugins/router/middlewares/playback.ts
@@ -1,6 +1,6 @@
 import type { NavigationGuardReturn } from 'vue-router';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { playbackManager } from '@/store/playback-manager';
-import { isNil } from '@/utils/validation';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
 
diff --git a/frontend/src/plugins/router/middlewares/validate.ts b/frontend/src/plugins/router/middlewares/validate.ts
index 102317a683b..678f7c0d1b7 100644
--- a/frontend/src/plugins/router/middlewares/validate.ts
+++ b/frontend/src/plugins/router/middlewares/validate.ts
@@ -1,7 +1,7 @@
 import type { NavigationGuardReturn, RouteLocationNormalized } from 'vue-router';
+import { isStr } from '@jellyfin-vue/shared/validation';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
-import { isStr } from '@/utils/validation';
 
 /**
  * Validates that the route has a correct itemId parameter by checking that the parameter is a valid
diff --git a/frontend/src/plugins/workers/blurhash-decoder.worker.ts b/frontend/src/plugins/workers/blurhash-decoder.worker.ts
index 39a1219eb36..79fbe66dfdd 100644
--- a/frontend/src/plugins/workers/blurhash-decoder.worker.ts
+++ b/frontend/src/plugins/workers/blurhash-decoder.worker.ts
@@ -1,6 +1,6 @@
 import { decode } from 'blurhash';
 import { expose } from 'comlink';
-import { sealed } from '@/utils/validation';
+import { sealed } from '@jellyfin-vue/shared/validation';
 
 /**
  * Decodes blurhash strings into pixels
diff --git a/frontend/src/plugins/workers/canvas-drawer.worker.ts b/frontend/src/plugins/workers/canvas-drawer.worker.ts
index 70d39b3c3d6..af51fdcfc30 100644
--- a/frontend/src/plugins/workers/canvas-drawer.worker.ts
+++ b/frontend/src/plugins/workers/canvas-drawer.worker.ts
@@ -1,5 +1,5 @@
 import { expose } from 'comlink';
-import { sealed } from '@/utils/validation';
+import { sealed } from '@jellyfin-vue/shared/validation';
 
 /**
  * Draws canvases offscreen
diff --git a/frontend/src/plugins/workers/generic.worker.ts b/frontend/src/plugins/workers/generic.worker.ts
index 7d7f4958159..e14ed799abd 100644
--- a/frontend/src/plugins/workers/generic.worker.ts
+++ b/frontend/src/plugins/workers/generic.worker.ts
@@ -1,6 +1,6 @@
 import { expose } from 'comlink';
+import { sealed } from '@jellyfin-vue/shared/validation';
 import { parseVttFile } from './generic/subtitles';
-import { sealed } from '@/utils/validation';
 
 /**
  * All functions that could take some time to complete and block the main thread
diff --git a/frontend/src/splashscreen.ts b/frontend/src/splashscreen.ts
index 9065a950614..5985d305097 100644
--- a/frontend/src/splashscreen.ts
+++ b/frontend/src/splashscreen.ts
@@ -6,8 +6,8 @@
  * is displayed instead.
  */
 import { destr } from 'destr';
+import { isBool } from '@jellyfin-vue/shared/validation';
 import type { ClientSettingsState } from '@/store/client-settings';
-import { isBool } from '@/utils/validation';
 import '@/assets/styles/splashscreen.css';
 
 const store = localStorage.getItem('clientSettings') ?? '{}';
diff --git a/frontend/src/store/api.ts b/frontend/src/store/api.ts
index a66ec0627a3..c3c9c66d65e 100644
--- a/frontend/src/store/api.ts
+++ b/frontend/src/store/api.ts
@@ -6,7 +6,7 @@ import { ImageType, ItemFields, type BaseItemDto } from '@jellyfin/sdk/lib/gener
 import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
 import { getLibraryApi } from '@jellyfin/sdk/lib/utils/api/library-api';
 import { reactive, watch } from 'vue';
-import { isArray, isObj, isStr, sealed } from '@/utils/validation';
+import { isArray, isObj, isStr, sealed } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
 
 /**
diff --git a/frontend/src/store/client-settings/index.ts b/frontend/src/store/client-settings/index.ts
index 0082fb14d7e..722f39f7f00 100644
--- a/frontend/src/store/client-settings/index.ts
+++ b/frontend/src/store/client-settings/index.ts
@@ -4,10 +4,10 @@ import {
   watchImmediate } from '@vueuse/core';
 import { computed, watch } from 'vue';
 import type { LiteralUnion } from 'type-fest';
+import { sealed } from '@jellyfin-vue/shared/validation';
 import { i18n } from '@/plugins/i18n';
 import { remote } from '@/plugins/remote';
 import { vuetify } from '@/plugins/vuetify';
-import { sealed } from '@/utils/validation';
 import { SyncedStore } from '@/store/super/synced-store';
 import type { TypographyChoices } from '@/store';
 
diff --git a/frontend/src/store/client-settings/subtitle-settings.ts b/frontend/src/store/client-settings/subtitle-settings.ts
index aa63a6995ae..7e88cb31333 100644
--- a/frontend/src/store/client-settings/subtitle-settings.ts
+++ b/frontend/src/store/client-settings/subtitle-settings.ts
@@ -1,6 +1,6 @@
 import { watch } from 'vue';
+import { sealed } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
-import { sealed } from '@/utils/validation';
 import { SyncedStore } from '@/store/super/synced-store';
 import type { TypographyChoices } from '@/store';
 
diff --git a/frontend/src/store/index.ts b/frontend/src/store/index.ts
index af41d3ed25f..83192ead3cd 100644
--- a/frontend/src/store/index.ts
+++ b/frontend/src/store/index.ts
@@ -9,8 +9,8 @@ import {
   useWindowScroll
 } from '@vueuse/core';
 import { computed, shallowRef } from 'vue';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { remote } from '@/plugins/remote';
-import { isNil } from '@/utils/validation';
 import { router } from '@/plugins/router';
 
 /**
diff --git a/frontend/src/store/playback-manager.ts b/frontend/src/store/playback-manager.ts
index 62675bb3aaa..19cf2e9b280 100644
--- a/frontend/src/store/playback-manager.ts
+++ b/frontend/src/store/playback-manager.ts
@@ -23,7 +23,7 @@ import { getTvShowsApi } from '@jellyfin/sdk/lib/utils/api/tv-shows-api';
 import { useEventListener, watchThrottled } from '@vueuse/core';
 import { v4 } from 'uuid';
 import { watch, watchEffect } from 'vue';
-import { isNil, sealed } from '@/utils/validation';
+import { isNil, sealed } from '@jellyfin-vue/shared/validation';
 import { useBaseItem } from '@/composables/apis';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
diff --git a/frontend/src/store/player-element.ts b/frontend/src/store/player-element.ts
index 43e1bae30da..dc14f051d82 100644
--- a/frontend/src/store/player-element.ts
+++ b/frontend/src/store/player-element.ts
@@ -10,8 +10,8 @@ import pgssubWorker from 'libpgs/dist/libpgs.worker.js?url';
 import { computed, nextTick, shallowRef, watch } from 'vue';
 import { SubtitleDeliveryMethod } from '@jellyfin/sdk/lib/generated-client/models/subtitle-delivery-method';
 import { useFullscreen } from '@vueuse/core';
+import { isNil, sealed } from '@jellyfin-vue/shared/validation';
 import { playbackManager, type PlaybackExternalTrack } from './playback-manager';
-import { isNil, sealed } from '@/utils/validation';
 import { mediaElementRef } from '@/store';
 import { CommonStore } from '@/store/super/common-store';
 import { router } from '@/plugins/router';
diff --git a/frontend/src/store/super/common-store.ts b/frontend/src/store/super/common-store.ts
index 879ee024e05..c973f00c7d9 100644
--- a/frontend/src/store/super/common-store.ts
+++ b/frontend/src/store/super/common-store.ts
@@ -1,8 +1,8 @@
 import { useStorage, type RemovableRef } from '@vueuse/core';
 import { reactive, toValue } from 'vue';
 import type { UnknownRecord } from 'type-fest';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { mergeExcludingUnknown } from '@/utils/data-manipulation';
-import { isNil } from '@/utils/validation';
 
 export type Persistence = 'localStorage' | 'sessionStorage';
 
@@ -34,8 +34,8 @@ export abstract class CommonStore<T extends UnknownRecord> {
     this._internalState = isNil(storage)
       ? reactive(this._defaultState()) as T
       : useStorage(storeKey, this._defaultState(), storage, {
-          mergeDefaults: (storageValue, defaults) =>
-            mergeExcludingUnknown(storageValue, defaults)
-        });
+        mergeDefaults: (storageValue, defaults) =>
+          mergeExcludingUnknown(storageValue, defaults)
+      });
   }
 }
diff --git a/frontend/src/store/super/synced-store.ts b/frontend/src/store/super/synced-store.ts
index b0cd5fa439a..cc80e9af610 100644
--- a/frontend/src/store/super/synced-store.ts
+++ b/frontend/src/store/super/synced-store.ts
@@ -4,10 +4,10 @@ import destr from 'destr';
 import { EffectScope, toRaw } from 'vue';
 import { watchDeep, watchImmediate } from '@vueuse/core';
 import type { UnknownRecord } from 'type-fest';
+import { isNil, isStr } from '@jellyfin-vue/shared/validation';
 import { taskManager } from '../task-manager';
 import { remote } from '@/plugins/remote';
 import { CommonStore, type Persistence } from '@/store/super/common-store';
-import { isNil, isStr } from '@/utils/validation';
 import { useSnackbar } from '@/composables/use-snackbar';
 import { i18n } from '@/plugins/i18n';
 
diff --git a/frontend/src/store/task-manager.ts b/frontend/src/store/task-manager.ts
index 860734c1b87..b3707f741ac 100644
--- a/frontend/src/store/task-manager.ts
+++ b/frontend/src/store/task-manager.ts
@@ -1,9 +1,9 @@
 import { v4 } from 'uuid';
 import { watch } from 'vue';
+import { isArray, isObj, isStr, sealed } from '@jellyfin-vue/shared/validation';
 import { CommonStore } from '@/store/super/common-store';
 import { remote } from '@/plugins/remote';
 import { apiStore } from '@/store/api';
-import { isArray, isObj, isStr, sealed } from '@/utils/validation';
 
 /**
  * == INTERFACES AND TYPES ==
diff --git a/frontend/src/utils/external-config.ts b/frontend/src/utils/external-config.ts
index 8bb3a0a42ce..dc94b8751ac 100644
--- a/frontend/src/utils/external-config.ts
+++ b/frontend/src/utils/external-config.ts
@@ -1,4 +1,4 @@
-import { isArray, isBool, isNil, isObj, isStr } from '@/utils/validation';
+import { isArray, isBool, isNil, isObj, isStr } from '@jellyfin-vue/shared/validation';
 
 interface ExternalJSONConfig {
   defaultServerURLs: string[];
diff --git a/frontend/src/utils/i18n.ts b/frontend/src/utils/i18n.ts
index bd65c952381..1701e2eb3ae 100644
--- a/frontend/src/utils/i18n.ts
+++ b/frontend/src/utils/i18n.ts
@@ -1,5 +1,5 @@
+import { isStr } from '@jellyfin-vue/shared/validation';
 import { upperFirst } from '@/utils/data-manipulation';
-import { isStr } from '@/utils/validation';
 
 /**
  * Given a locale code, return the language name of another locale
diff --git a/frontend/src/utils/items.ts b/frontend/src/utils/items.ts
index bfd0f966891..06be51a89f6 100644
--- a/frontend/src/utils/items.ts
+++ b/frontend/src/utils/items.ts
@@ -32,8 +32,8 @@ import IMdiYoutube from 'virtual:icons/mdi/youtube';
 import IMdiYoutubeTV from 'virtual:icons/mdi/youtube-tv';
 import type { ComputedRef } from 'vue';
 import type { RouteNamedMap } from 'vue-router/auto-routes';
+import { isNil } from '@jellyfin-vue/shared/validation';
 import { ticksToMs } from './time';
-import { isNil } from '@/utils/validation';
 import { router } from '@/plugins/router';
 import { remote } from '@/plugins/remote';
 import { useBaseItem } from '@/composables/apis';
diff --git a/frontend/src/utils/playback-profiles/helpers/codec-profiles.ts b/frontend/src/utils/playback-profiles/helpers/codec-profiles.ts
index 4f6b3fed7ed..477939b247d 100644
--- a/frontend/src/utils/playback-profiles/helpers/codec-profiles.ts
+++ b/frontend/src/utils/playback-profiles/helpers/codec-profiles.ts
@@ -9,6 +9,7 @@ import {
   type CodecProfile,
   type ProfileCondition
 } from '@jellyfin/sdk/lib/generated-client';
+import { isFunc, isObj } from '@jellyfin-vue/shared/validation';
 import {
   isApple,
   isChromiumBased,
@@ -21,7 +22,6 @@ import {
   isXbox,
   safariVersion
 } from '@/utils/browser-detection';
-import { isFunc, isObj } from '@/utils/validation';
 
 /**
  * Gets the max video bitrate
diff --git a/frontend/src/utils/validation.ts b/packages/shared/src/validation.ts
similarity index 96%
rename from frontend/src/utils/validation.ts
rename to packages/shared/src/validation.ts
index 3a4e831b1d0..95abfbff206 100644
--- a/frontend/src/utils/validation.ts
+++ b/packages/shared/src/validation.ts
@@ -3,6 +3,7 @@ import type { Class } from 'type-fest';
 
 /**
  * Validator to which enforces that a select component has at least one value selected
+ * @deprecated - Remove/Refactor when @jellyfin-vue/ui-toolkit is completed.
  */
 export const SomeItemSelectedRule = [
   (v: unknown[]): boolean | string => v.length !== 0