import type { Archon } from '@modrinth/api-client'
-import { CalendarIcon, DownloadIcon, IssuesIcon, PlusIcon } from '@modrinth/assets'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import { CalendarIcon, DownloadIcon, IssuesIcon, PlusIcon, TrashIcon } from '@modrinth/assets'
+import { useMutation, useQueryClient } from '@tanstack/vue-query'
import dayjs from 'dayjs'
import type { Component } from 'vue'
import { computed, ref } from 'vue'
import { useRoute } from 'vue-router'
import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import Checkbox from '#ui/components/base/Checkbox.vue'
import EmptyState from '#ui/components/base/EmptyState.vue'
+import FilterPills, { type FilterPillOption } from '#ui/components/base/FilterPills.vue'
+import FloatingActionBar from '#ui/components/base/FloatingActionBar.vue'
import ReadyTransition from '#ui/components/base/ReadyTransition.vue'
import BackupCreateModal from '#ui/components/servers/backups/BackupCreateModal.vue'
import BackupDeleteModal from '#ui/components/servers/backups/BackupDeleteModal.vue'
import BackupItem from '#ui/components/servers/backups/BackupItem.vue'
import BackupRenameModal from '#ui/components/servers/backups/BackupRenameModal.vue'
import BackupRestoreModal from '#ui/components/servers/backups/BackupRestoreModal.vue'
-import { useReadyState } from '#ui/composables'
-import { useVIntl } from '#ui/composables/i18n'
+import { defineMessages, useVIntl } from '#ui/composables/i18n'
+import { useServerBackupsQueue } from '#ui/composables/server-backups-queue'
+import { useBulkOperation } from '#ui/layouts/shared/content-tab/composables/bulk-operations'
import {
injectModrinthClient,
injectModrinthServerContext,
injectNotificationManager,
} from '#ui/providers'
+import { commonMessages } from '#ui/utils/common-messages'
+
+import { useBackupsSelection } from './backups-selection'
+
+const messages = defineMessages({
+ selectAll: {
+ id: 'servers.backups.toolbar.select-all',
+ defaultMessage: 'Select all',
+ },
+ selectBackupAria: {
+ id: 'servers.backups.select-backup-aria',
+ defaultMessage: 'Select backup {name}',
+ },
+ filterManual: {
+ id: 'servers.backups.toolbar.filter-manual',
+ defaultMessage: 'Manual',
+ },
+ filterAuto: {
+ id: 'servers.backups.toolbar.filter-auto',
+ defaultMessage: 'Auto',
+ },
+ selectedCount: {
+ id: 'servers.backups.bulk-bar.selected-count',
+ defaultMessage: '{count, plural, one {# backup selected} other {# backups selected}}',
+ },
+ bulkBarAriaLabel: {
+ id: 'servers.backups.bulk-bar.aria-label',
+ defaultMessage:
+ '{count, plural, one {Bulk actions for one selected backup} other {Bulk actions for # selected backups}}',
+ },
+ createBackup: {
+ id: 'servers.backups.toolbar.create-backup',
+ defaultMessage: 'Create backup',
+ },
+ emptyHeading: {
+ id: 'servers.backups.empty.heading',
+ defaultMessage: 'No backups yet',
+ },
+ emptyDescription: {
+ id: 'servers.backups.empty.description',
+ defaultMessage: 'Create your first backup',
+ },
+ filteredEmptyHeading: {
+ id: 'servers.backups.filtered-empty.heading',
+ defaultMessage: 'No backups match',
+ },
+ filteredEmptyDescription: {
+ id: 'servers.backups.filtered-empty.description',
+ defaultMessage: 'Try a different filter or clear filters to see all backups.',
+ },
+ clearFilters: {
+ id: 'servers.backups.filtered-empty.clear-filters',
+ defaultMessage: 'Clear filters',
+ },
+ bulkDeleting: {
+ id: 'servers.backups.bulk-bar.deleting',
+ defaultMessage: 'Deleting {total, plural, one {# backup} other {# backups}}...',
+ },
+})
const { addNotification } = injectNotificationManager()
const { formatMessage } = useVIntl()
+
+const filterPillOptions = computed
(() => [
+ { id: 'manual', label: formatMessage(messages.filterManual) },
+ { id: 'auto', label: formatMessage(messages.filterAuto) },
+])
const client = injectModrinthClient()
const queryClient = useQueryClient()
-const { server, worldId, backupsState, markBackupCancelled, busyReasons } =
- injectModrinthServerContext()
+const { server, worldId, busyReasons } = injectModrinthServerContext()
const props = defineProps<{
isServerRunning: boolean
@@ -183,81 +347,82 @@ const serverId = route.params.id as string
defineEmits(['onDownload'])
-const backupsQueryKey = ['backups', 'list', serverId]
-const {
- data: backupsData,
- isLoading,
- error,
- refetch,
-} = useQuery({
- queryKey: backupsQueryKey,
- queryFn: () => client.archon.backups_v1.list(serverId, worldId.value!),
- enabled: computed(() => worldId.value !== null),
+const { backups, invalidate, hasActiveCreate, hasActiveRestore, query } = useServerBackupsQueue(
+ computed(() => serverId),
+ worldId,
+)
+
+const error = computed(() => {
+ const err = query.error.value
+ return err instanceof Error ? err : err ? new Error(String(err)) : null
+})
+const refetch = () => query.refetch()
+
+/** Until world exists we cannot fetch; `isLoading` is false while the query is disabled, which would flash empty state. */
+const backupsReadyPending = computed(
+ () => !worldId.value || (query.data.value === undefined && !query.error.value),
+)
+
+const selectedFilters = ref([])
+
+const completedBackups = computed(() => backups.value.filter((backup) => backup.status === 'done'))
+
+const filteredBackups = computed(() => {
+ const f = selectedFilters.value
+ if (f.length === 0 || f.length === 2) {
+ return completedBackups.value
+ }
+ const wantAuto = f.includes('auto')
+ return completedBackups.value.filter((b) => b.automated === wantAuto)
})
-const backupsReadyPending = useReadyState({ isLoading, data: backupsData })
-
-const deleteMutation = useMutation({
+/** Completed backups with a snapshot: queue API schedules deletion. */
+const deleteQueueMutation = useMutation({
mutationFn: (backupId: string) =>
- client.archon.backups_v1.delete(serverId, worldId.value!, backupId),
- onSuccess: (_data, backupId) => {
- markBackupCancelled(backupId)
- backupsState.delete(backupId)
- queryClient.invalidateQueries({ queryKey: backupsQueryKey })
- queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
+ client.archon.backups_queue_v1.delete(serverId, worldId.value!, backupId),
+ onSuccess: async () => {
+ await invalidate()
+ await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
},
})
-const retryMutation = useMutation({
+/** In-progress / incomplete backups: legacy cancel + delete path. */
+const deleteLegacyMutation = useMutation({
mutationFn: (backupId: string) =>
- client.archon.backups_v1.retry(serverId, worldId.value!, backupId),
- onSuccess: () => queryClient.invalidateQueries({ queryKey: backupsQueryKey }),
+ client.archon.backups_v1.delete(serverId, worldId.value!, backupId),
+ onSuccess: async () => {
+ await invalidate()
+ await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
+ },
})
-const backups = computed(() => {
- if (!backupsData.value) return []
-
- const merged = backupsData.value.map((backup) => {
- const progressState = backupsState.get(backup.id)
- if (progressState) {
- const hasOngoingTask = Object.values(progressState).some((task) => task?.state === 'ongoing')
- const hasCompletedTask = Object.values(progressState).some((task) => task?.state === 'done')
-
- return {
- ...backup,
- task: {
- ...backup.task,
- ...progressState,
- },
- status: hasOngoingTask
- ? ('in_progress' as const)
- : hasCompletedTask
- ? ('done' as const)
- : backup.status,
- ongoing: hasOngoingTask || (backup.ongoing && !hasCompletedTask),
- }
- }
- return backup
- })
-
- return merged.sort((a, b) => {
- return new Date(b.created_at).getTime() - new Date(a.created_at).getTime()
- })
+/** Bulk delete via queue API — handles both completed and in-progress backups (cancels the latter). */
+const deleteManyMutation = useMutation({
+ mutationFn: (backupIds: string[]) =>
+ client.archon.backups_queue_v1.deleteMany(serverId, worldId.value!, backupIds),
+ onSuccess: async () => {
+ await invalidate()
+ await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
+ },
})
type BackupGroup = {
label: string
icon: Component | null
- backups: Archon.Backups.v1.Backup[]
+ backups: Archon.BackupsQueue.v1.BackupQueueBackup[]
}
const groupedBackups = computed((): BackupGroup[] => {
- if (!backups.value.length) return []
+ if (!filteredBackups.value.length) return []
const now = dayjs()
const groups: BackupGroup[] = []
- const addToGroup = (label: string, icon: Component | null, backup: Archon.Backups.v1.Backup) => {
+ const addToGroup = (
+ label: string,
+ icon: Component | null,
+ backup: Archon.BackupsQueue.v1.BackupQueueBackup,
+ ) => {
let group = groups.find((g) => g.label === label)
if (!group) {
group = { label, icon, backups: [] }
@@ -266,7 +431,7 @@ const groupedBackups = computed((): BackupGroup[] => {
group.backups.push(backup)
}
- for (const backup of backups.value) {
+ for (const backup of filteredBackups.value) {
const created = dayjs(backup.created_at)
const diffMinutes = now.diff(created, 'minute')
const isToday = created.isSame(now, 'day')
@@ -289,6 +454,20 @@ const groupedBackups = computed((): BackupGroup[] => {
return groups
})
+const displayOrderedBackups = computed(() => groupedBackups.value.flatMap((g) => g.backups))
+
+const {
+ selectedIds,
+ toggleSelection,
+ deselectAll,
+ toggleSelectAll,
+ allSelected,
+ someSelected,
+ selectedBackups,
+} = useBackupsSelection(filteredBackups, displayOrderedBackups)
+
+const { isBulkOperating, bulkTotal } = useBulkOperation()
+
const overTheTopDownloadAnimation = ref()
const createBackupModal = ref>()
const renameBackupModal = ref>()
@@ -302,13 +481,16 @@ const backupRestoreDisabled = computed(() => {
if (busyReasons.value.length > 0) {
return formatMessage(busyReasons.value[0].reason)
}
+ if (hasActiveCreate.value || hasActiveRestore.value) {
+ return 'A backup operation is already queued or in progress'
+ }
return undefined
})
const backupCreationDisabled = computed(() => {
const quota = server.value.backup_quota
if (quota !== undefined) {
- const usedCount = backupsData.value?.length ?? server.value.used_backup_quota ?? 0
+ const usedCount = backups.value.length ?? server.value.used_backup_quota ?? 0
if (usedCount >= quota) {
return `All ${quota} of your backup slots are in use`
}
@@ -316,9 +498,8 @@ const backupCreationDisabled = computed(() => {
if (busyReasons.value.length > 0) {
return formatMessage(busyReasons.value[0].reason)
}
- // also check for active backups, combining REST data with WS overlay
- if (backups.value.some((b) => b.status === 'in_progress' || b.status === 'pending')) {
- return 'A backup is already in progress'
+ if (hasActiveCreate.value) {
+ return 'A backup is already queued or in progress'
}
return undefined
})
@@ -327,20 +508,46 @@ const showCreateModel = () => {
createBackupModal.value?.show()
}
+function clearBackupFilters() {
+ selectedFilters.value = []
+}
+
+function confirmBulkDelete() {
+ if (!selectedBackups.value.length) return
+ deleteBackupModal.value?.showBulk(selectedBackups.value)
+}
+
+async function bulkDelete(toRemove: Archon.BackupsQueue.v1.BackupQueueBackup[]) {
+ if (!toRemove.length) return
+
+ isBulkOperating.value = true
+ bulkTotal.value = toRemove.length
+
+ try {
+ await deleteManyMutation.mutateAsync(toRemove.map((b) => b.id))
+ } catch (err) {
+ addNotification({
+ type: 'error',
+ title: `Failed to delete ${toRemove.length} backup${toRemove.length === 1 ? '' : 's'}`,
+ text: err instanceof Error ? err.message : String(err),
+ })
+ } finally {
+ deselectAll()
+ isBulkOperating.value = false
+ bulkTotal.value = 0
+ }
+}
+
function triggerDownloadAnimation() {
overTheTopDownloadAnimation.value = true
setTimeout(() => (overTheTopDownloadAnimation.value = false), 500)
}
-const retryBackup = (backupId: string) => {
- retryMutation.mutate(backupId, {
- onError: (err) => {
- console.error('Failed to retry backup:', err)
- },
- })
+function useQueueDeleteFor(backup: Archon.BackupsQueue.v1.BackupQueueBackup) {
+ return backup.status === 'done'
}
-function deleteBackup(backup?: Archon.Backups.v1.Backup) {
+function deleteBackup(backup?: Archon.BackupsQueue.v1.BackupQueueBackup) {
if (!backup) {
addNotification({
type: 'error',
@@ -350,7 +557,9 @@ function deleteBackup(backup?: Archon.Backups.v1.Backup) {
return
}
- deleteMutation.mutate(backup.id, {
+ const mutation = useQueueDeleteFor(backup) ? deleteQueueMutation : deleteLegacyMutation
+
+ mutation.mutate(backup.id, {
onError: (err) => {
const message = err instanceof Error ? err.message : String(err)
addNotification({
@@ -396,6 +605,21 @@ function deleteBackup(backup?: Archon.Backups.v1.Backup) {
transition: transform 200ms ease-in-out;
}
+@keyframes indeterminate {
+ 0% {
+ width: 20%;
+ margin-left: -20%;
+ }
+ 100% {
+ width: 60%;
+ margin-left: 100%;
+ }
+}
+
+.animate-indeterminate {
+ animation: indeterminate 1.5s ease-in-out infinite;
+}
+
.over-the-top-download-animation {
position: fixed;
z-index: 100;
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/content.vue b/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
index e72ce06f6..cec7a66f1 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
@@ -2,11 +2,10 @@
import type { Archon, Labrinth } from '@modrinth/api-client'
import { ClipboardCopyIcon } from '@modrinth/assets'
import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
-import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
+import { computed, nextTick, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
import ReadyTransition from '#ui/components/base/ReadyTransition.vue'
-import ConfirmLeaveModal from '#ui/components/modal/ConfirmLeaveModal.vue'
import { useReadyState } from '#ui/composables'
import { defineMessages, useVIntl } from '#ui/composables/i18n'
import {
@@ -22,10 +21,7 @@ import ConfirmUnlinkModal from '../../../shared/content-tab/components/modals/Co
import ContentUpdaterModal from '../../../shared/content-tab/components/modals/ContentUpdaterModal.vue'
import ModpackContentModal from '../../../shared/content-tab/components/modals/ModpackContentModal.vue'
import ContentPageLayout from '../../../shared/content-tab/layout.vue'
-import type {
- ContentModpackData,
- UploadState,
-} from '../../../shared/content-tab/providers/content-manager'
+import type { ContentModpackData } from '../../../shared/content-tab/providers/content-manager'
import { provideContentManager } from '../../../shared/content-tab/providers/content-manager'
import type {
ContentItem,
@@ -85,20 +81,9 @@ const messages = defineMessages({
},
})
-const leaveMessages = defineMessages({
- uploadInProgress: {
- id: 'instances.confirm-leave-modal.upload-in-progress',
- defaultMessage: 'Upload in progress',
- },
- leavePageBody: {
- id: 'instances.confirm-leave-modal.body',
- defaultMessage:
- 'Files are still being uploaded. Leaving this page will cancel the upload and your changes may be lost.',
- },
-})
-
const client = injectModrinthClient()
-const { server, worldId, busyReasons, isSyncingContent } = injectModrinthServerContext()
+const { server, worldId, busyReasons, isSyncingContent, uploadState, cancelUpload } =
+ injectModrinthServerContext()
const { addNotification } = injectNotificationManager()
const { openServerSettings, browseServerContent } = injectServerSettingsModal()
const route = useRoute()
@@ -352,57 +337,10 @@ async function handleBulkDisable(items: ContentItem[]) {
}
}
-const uploadState = ref({
- isUploading: false,
- currentFileName: null,
- currentFileProgress: 0,
- uploadedBytes: 0,
- totalBytes: 0,
- completedFiles: 0,
- totalFiles: 0,
-})
-
-const confirmLeaveModal = ref>()
const modpackUnlinkModal = ref>()
const modpackContentModal = ref>()
const contentUpdaterModal = ref>()
-let activeUploadCancel: (() => void) | null = null
-
-const isUploading = computed(() => uploadState.value.isUploading)
-
-function handleBeforeUnload(e: BeforeUnloadEvent) {
- if (isUploading.value) {
- e.preventDefault()
- return ''
- }
-}
-
-if (typeof window !== 'undefined') {
- watch(isUploading, (uploading) => {
- if (uploading) {
- window.addEventListener('beforeunload', handleBeforeUnload)
- } else {
- window.removeEventListener('beforeunload', handleBeforeUnload)
- }
- })
-
- onBeforeUnmount(() => {
- window.removeEventListener('beforeunload', handleBeforeUnload)
- })
-
- onBeforeRouteLeave(async () => {
- if (isUploading.value) {
- const shouldLeave = (await confirmLeaveModal.value?.prompt()) ?? false
- if (shouldLeave) {
- activeUploadCancel?.()
- }
- return shouldLeave
- }
- return true
- })
-}
-
const updatingProject = ref(null)
const updatingModpack = ref(false)
const loadingChangelog = ref(false)
@@ -486,7 +424,7 @@ function handleUploadFiles() {
uploadState.value.totalBytes = p.total
},
})
- activeUploadCancel = () => handle.cancel()
+ cancelUpload.value = () => handle.cancel()
try {
await handle.promise
@@ -500,7 +438,7 @@ function handleUploadFiles() {
text: err instanceof Error ? err.message : undefined,
})
} finally {
- activeUploadCancel = null
+ cancelUpload.value = null
uploadState.value = {
isUploading: false,
currentFileName: null,
@@ -875,7 +813,6 @@ provideContentManager({
},
browse: handleBrowseContent,
uploadFiles: handleUploadFiles,
- uploadState,
deletionContext: 'server',
hasUpdateSupport: true,
updateItem: handleUpdateItem,
@@ -911,7 +848,7 @@ provideContentManager({
-
+
-
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/index.vue b/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
index d409c3047..a5bf18e62 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
@@ -89,6 +89,7 @@
@@ -559,6 +560,11 @@ const serverList = computed
(() => {
return serverResponse.value.servers
})
+const showEmptyState = computed(
+ () =>
+ !showServersListLoading.value && serverList.value.length === 0 && !isPollingForNewServers.value,
+)
+
const searchInput = ref('')
const fuse = computed(() => {
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue b/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
index 9cb3dc26b..0985b699d 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
@@ -117,7 +117,12 @@ provideConsoleManager({
},
showCommandInput: true,
disableCommandInput: computed(() => serverPowerState.value !== 'running'),
- loading: computed(() => !isConnected.value || isWsAuthIncorrect.value),
+ loading: computed(
+ () =>
+ !isConnected.value ||
+ modrinthServersConsole.isInitialLogHydrating.value ||
+ isWsAuthIncorrect.value,
+ ),
onClear: async () => {
modrinthServersConsole.clear()
try {
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/root.vue b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
index ea7a67b66..f9159ad08 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
@@ -99,7 +99,7 @@
@@ -309,66 +307,13 @@
Hang on, we're reconnecting to your server.
-
-
-
-
-
-
-
-
-
-
-
-
-
- Uploading files ({{ uploadState.completedFiles }}/{{ uploadState.totalFiles }})
-
- — {{ uploadState.currentFileName }}
-
-
-
- {{ formatBytes(uploadState.uploadedBytes) }} /
- {{ formatBytes(uploadState.totalBytes) }} ({{
- Math.round(uploadOverallProgress * 100)
- }}%)
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
Uploading server files...
-
+
-
+
Something went wrong while extracting the archive.
-
-
-
-
+
-
+
All files have been extracted successfully.
-
-
-
-
-
-
+
128 KB / 1.2 MB (45%)
-
+
-
-
-
-
+
24 MB extracted — config/settings.yml
-
+
-
-
-
-
+
56 MB extracted
-
-
-
-
-
-
-
-
+
+
+ Queued and waiting for available bandwidth.
+
+
+
+
+
+
+ Nothing should render above this line.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tab to the stack and press Enter or Space to expand.
+ While collapsed, only the front card's buttons are focusable (inert on back cards).
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ }),
+}
diff --git a/packages/ui/src/stories/servers/EditServerIcon.stories.ts b/packages/ui/src/stories/servers/EditServerIcon.stories.ts
index e93ddc154..a9b0bfdf6 100644
--- a/packages/ui/src/stories/servers/EditServerIcon.stories.ts
+++ b/packages/ui/src/stories/servers/EditServerIcon.stories.ts
@@ -1,7 +1,7 @@
import type { Archon, UploadState } from '@modrinth/api-client'
import type { Stats } from '@modrinth/utils'
import type { Meta, StoryObj } from '@storybook/vue3-vite'
-import { computed, reactive, ref } from 'vue'
+import { computed, ref } from 'vue'
import EditServerIcon from '../../components/servers/edit-server-icon/EditServerIcon.vue'
import { provideModrinthServerContext } from '../../providers'
@@ -66,8 +66,6 @@ const meta = {
isServerRunning: computed(() => true),
stats,
uptimeSeconds: ref(0),
- backupsState: reactive(new Map()),
- markBackupCancelled: () => {},
isSyncingContent: ref(false),
busyReasons: computed(() => []),
fsAuth: ref(null),
diff --git a/packages/ui/src/stories/servers/InstallingBanner.stories.ts b/packages/ui/src/stories/servers/InstallingBanner.stories.ts
index f04431bc3..cdf65e9da 100644
--- a/packages/ui/src/stories/servers/InstallingBanner.stories.ts
+++ b/packages/ui/src/stories/servers/InstallingBanner.stories.ts
@@ -23,6 +23,15 @@ export const WithProgress: Story = {
},
}
+export const IndeterminateLoaderInstall: Story = {
+ args: {
+ progress: {
+ phase: 'InstallingLoader',
+ percent: 0,
+ },
+ },
+}
+
export const InstallingModpack: Story = {
args: {
progress: {
@@ -97,6 +106,7 @@ export const AllStates: Story = {
template: /*html*/ `
+
diff --git a/packages/ui/src/stories/servers/ServerPanelAdmonitionCopyDraft.stories.ts b/packages/ui/src/stories/servers/ServerPanelAdmonitionCopyDraft.stories.ts
new file mode 100644
index 000000000..6ec76ee2c
--- /dev/null
+++ b/packages/ui/src/stories/servers/ServerPanelAdmonitionCopyDraft.stories.ts
@@ -0,0 +1,270 @@
+import { RotateCounterClockwiseIcon } from '@modrinth/assets'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import Admonition from '../../components/base/Admonition.vue'
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+
+type AdmonitionType = 'info' | 'warning' | 'critical' | 'success'
+type ActionType = 'Cancel' | 'Retry' | 'Dismiss'
+type ProgressColor = 'blue' | 'green' | 'red'
+
+interface CopyExample {
+ title: string
+ body: string
+ type: AdmonitionType
+ action?: ActionType
+ dismissible?: boolean
+ progress?: number
+ progressColor?: ProgressColor
+ waiting?: boolean
+}
+
+interface CopySection {
+ title: string
+ items: CopyExample[]
+}
+
+const meta = {
+ title: 'Servers/ServerPanelAdmonitionCopyDraft',
+ component: Admonition,
+ parameters: {
+ layout: 'padded',
+ },
+} satisfies Meta
+
+export default meta
+type Story = StoryObj
+
+const sections: CopySection[] = [
+ {
+ title: 'Installation and content sync',
+ items: [
+ {
+ type: 'info',
+ title: "We're preparing your server",
+ body: 'Installing platform...',
+ progress: 45,
+ progressColor: 'blue',
+ },
+ {
+ type: 'info',
+ title: "We're preparing your server",
+ body: 'Installing modpack...',
+ progress: 72,
+ progressColor: 'blue',
+ },
+ {
+ type: 'critical',
+ title: 'Installation failed',
+ body: 'The specified loader or Minecraft version could not be installed. It may be invalid or unsupported.',
+ action: 'Retry',
+ dismissible: true,
+ },
+ {
+ type: 'critical',
+ title: 'Installation failed',
+ body: 'This modpack version does not include a downloadable file. It may have been packaged incorrectly.',
+ action: 'Retry',
+ dismissible: true,
+ },
+ ],
+ },
+ {
+ title: 'Uploads and file operations',
+ items: [
+ {
+ type: 'info',
+ title: 'Uploading resourcepack.zip (1/3)',
+ body: '20 KB / 100 KB (20%)',
+ action: 'Cancel',
+ progress: 0.2,
+ progressColor: 'blue',
+ },
+ {
+ type: 'info',
+ title: 'Extracting story-modpack.mrpack',
+ body: '2 MB extracted. Current file: server.properties',
+ action: 'Cancel',
+ progress: 0.35,
+ progressColor: 'blue',
+ },
+ {
+ type: 'success',
+ title: 'Extracting story-modpack.mrpack finished',
+ body: '12 MB extracted',
+ progress: 1,
+ progressColor: 'green',
+ },
+ {
+ type: 'critical',
+ title: 'Extracting story-modpack.mrpack failed',
+ body: '2 MB extracted',
+ action: 'Dismiss',
+ dismissible: true,
+ progress: 0.35,
+ progressColor: 'red',
+ },
+ ],
+ },
+ {
+ title: 'Backup creation',
+ items: [
+ {
+ type: 'info',
+ title: 'Backup queued',
+ body: 'World backup is queued and will start shortly.',
+ action: 'Cancel',
+ },
+ {
+ type: 'info',
+ title: 'Creating backup',
+ body: 'Saving world data and server configuration for World backup. This can take a few minutes.',
+ action: 'Cancel',
+ progress: 0.42,
+ progressColor: 'blue',
+ },
+ {
+ type: 'critical',
+ title: 'Backup failed',
+ body: 'Something went wrong while creating World backup. Please try again or contact support if the issue continues.',
+ action: 'Retry',
+ dismissible: true,
+ },
+ {
+ type: 'success',
+ title: 'Backup finished',
+ body: 'World backup finished successfully.',
+ action: 'Dismiss',
+ dismissible: true,
+ },
+ ],
+ },
+ {
+ title: 'Backup restore',
+ items: [
+ {
+ type: 'info',
+ title: 'Restore queued',
+ body: 'Restoring from World backup is queued and will start shortly.',
+ action: 'Cancel',
+ },
+ {
+ type: 'info',
+ title: 'Restoring from backup',
+ body: 'Restoring your server from World backup. This may take a couple of minutes.',
+ action: 'Cancel',
+ progress: 0.65,
+ progressColor: 'blue',
+ },
+ {
+ type: 'critical',
+ title: 'Restore failed',
+ body: 'Something went wrong while restoring from World backup. Please try again or contact support if the issue continues.',
+ action: 'Retry',
+ dismissible: true,
+ },
+ {
+ type: 'success',
+ title: 'Restore finished',
+ body: 'Your server has been restored to World backup and is ready to start.',
+ action: 'Dismiss',
+ dismissible: true,
+ },
+ ],
+ },
+ {
+ title: 'Busy states',
+ items: [
+ {
+ type: 'warning',
+ title: 'Background task running',
+ body: 'Please wait for the operation to complete before editing content.',
+ },
+ {
+ type: 'warning',
+ title: 'Background task running',
+ body: 'File operations are disabled while the operation is in progress.',
+ },
+ ],
+ },
+]
+
+export const AllCopy: Story = {
+ render: () => ({
+ components: { Admonition, ButtonStyled, RotateCounterClockwiseIcon },
+ setup() {
+ return { sections }
+ },
+ template: /* html */ `
+
+
+
+
+ {{ section.title }}
+
+
+
+ {{ item.body }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Something went wrong while creating World backup. Please try again or contact support if the issue continues.
+
+
+
+
+
+
+
',
+ }),
+ ],
+} satisfies Meta
+
+export default meta
+
+type Story = StoryObj
+
+export const WithUploadFileOpAndBusy: Story = {}
diff --git a/packages/ui/src/utils/server-search.ts b/packages/ui/src/utils/server-search.ts
index 86a4e082b..cc029aa7c 100644
--- a/packages/ui/src/utils/server-search.ts
+++ b/packages/ui/src/utils/server-search.ts
@@ -1,7 +1,7 @@
import type { Labrinth } from '@modrinth/api-client'
import { getCategoryIcon, GlobeIcon, SERVER_CATEGORY_ICON_MAP, UserIcon } from '@modrinth/assets'
import { sortedCategories } from '@modrinth/utils'
-import { computed, type Ref, ref, shallowRef } from 'vue'
+import { computed, type ComputedRef, type Ref, ref, shallowRef } from 'vue'
import { useRoute } from 'vue-router'
import { defineMessage, LOCALES, useVIntl } from '../composables/i18n'
@@ -128,6 +128,7 @@ export function useServerSearch(opts: {
query: Ref
maxResults: Ref
currentPage: Ref
+ providedFilters?: ComputedRef
}) {
const { tags, query, maxResults, currentPage } = opts
@@ -371,6 +372,31 @@ export function useServerSearch(opts: {
}
}
+ const providedProjectIds = (opts.providedFilters?.value ?? [])
+ .filter((filter) => filter.type === 'project_id')
+ .map((filter) => ({
+ projectId: filter.option.startsWith('project_id:')
+ ? filter.option.slice('project_id:'.length)
+ : filter.option,
+ negative: !!filter.negative,
+ }))
+ .filter((filter) => filter.projectId.length > 0)
+ const excludedProjectIds = providedProjectIds
+ .filter((filter) => filter.negative)
+ .map((filter) => filter.projectId)
+ const includedProjectIds = providedProjectIds
+ .filter((filter) => !filter.negative)
+ .map((filter) => filter.projectId)
+
+ if (includedProjectIds.length > 0) {
+ const values = includedProjectIds.map((projectId) => `"${projectId}"`).join(', ')
+ parts.push(`project_id IN [${values}]`)
+ }
+ if (excludedProjectIds.length > 0) {
+ const values = excludedProjectIds.map((projectId) => `"${projectId}"`).join(', ')
+ parts.push(`project_id NOT IN [${values}]`)
+ }
+
return parts.join(' AND ')
})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f3906ee74..39c0a11b9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -71,6 +71,9 @@ importers:
apps/app-frontend:
dependencies:
+ '@intercom/messenger-js-sdk':
+ specifier: ^0.0.14
+ version: 0.0.14
'@modrinth/api-client':
specifier: workspace:^
version: link:../../packages/api-client
@@ -167,7 +170,7 @@ importers:
devDependencies:
'@eslint/compat':
specifier: ^1.1.1
- version: 1.4.1(eslint@9.39.2(jiti@1.21.7))
+ version: 1.4.1(eslint@9.39.2(jiti@2.6.1))
'@formatjs/cli':
specifier: ^6.2.12
version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
@@ -176,22 +179,22 @@ importers:
version: link:../../packages/tooling-config
'@nuxt/eslint-config':
specifier: ^0.5.6
- version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+ version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
'@taijased/vue-render-tracker':
specifier: ^1.0.7
version: 1.0.7(vue@3.5.27(typescript@5.9.3))
'@vitejs/plugin-vue':
specifier: ^6.0.3
- version: 6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+ version: 6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
autoprefixer:
specifier: ^10.4.19
version: 10.4.24(postcss@8.5.6)
eslint:
specifier: ^9.9.1
- version: 9.39.2(jiti@1.21.7)
+ version: 9.39.2(jiti@2.6.1)
eslint-plugin-turbo:
specifier: ^2.5.4
- version: 2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2)
+ version: 2.8.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.8.2)
postcss:
specifier: ^8.4.39
version: 8.5.6
@@ -209,7 +212,7 @@ importers:
version: 5.9.3
vite:
specifier: ^8.0.0
- version: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+ version: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
vue-component-type-helpers:
specifier: ^3.1.8
version: 3.2.4
@@ -694,6 +697,9 @@ importers:
markdown-it:
specifier: ^13.0.2
version: 13.0.2
+ motion-v:
+ specifier: ^2.2.1
+ version: 2.2.1(@vueuse/core@11.3.0(vue@3.5.27(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.27(typescript@5.9.3))
postprocessing:
specifier: ^6.37.6
version: 6.38.2(three@0.172.0)
@@ -751,7 +757,7 @@ importers:
version: 5.2.4(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
eslint-plugin-storybook:
specifier: ^10.1.10
- version: 10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+ version: 10.2.4(eslint@9.39.2(jiti@1.21.7))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
storybook:
specifier: ^10.1.10
version: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -6208,6 +6214,20 @@ packages:
fraction.js@5.3.4:
resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+ framer-motion@12.38.0:
+ resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+ peerDependencies:
+ '@emotion/is-prop-valid': '*'
+ react: ^18.0.0 || ^19.0.0
+ react-dom: ^18.0.0 || ^19.0.0
+ peerDependenciesMeta:
+ '@emotion/is-prop-valid':
+ optional: true
+ react:
+ optional: true
+ react-dom:
+ optional: true
+
fresh@2.0.0:
resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
engines: {node: '>= 0.8'}
@@ -6426,6 +6446,9 @@ packages:
resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
hasBin: true
+ hey-listen@1.0.8:
+ resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
+
highlight.js@11.11.1:
resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==}
engines: {node: '>=12.0.0'}
@@ -7397,6 +7420,18 @@ packages:
module-details-from-path@1.0.4:
resolution: {integrity: sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==}
+ motion-dom@12.38.0:
+ resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+ motion-utils@12.36.0:
+ resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
+ motion-v@2.2.1:
+ resolution: {integrity: sha512-BYbABe1Ep/u33dHOrK+8SoVU2MuiQqT94JOYsgrge8QbrwkKf2lS6rHW2QyzP6t89wcyBvzZeLQQwfrx76dj9A==}
+ peerDependencies:
+ '@vueuse/core': '>=10.0.0'
+ vue: '>=3.0.0'
+
mrmime@2.0.1:
resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
engines: {node: '>=10'}
@@ -10967,11 +11002,11 @@ snapshots:
'@eslint-community/regexpp@4.12.2': {}
- '@eslint/compat@1.4.1(eslint@9.39.2(jiti@1.21.7))':
+ '@eslint/compat@1.4.1(eslint@9.39.2(jiti@2.6.1))':
dependencies:
'@eslint/core': 0.17.0
optionalDependencies:
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
'@eslint/config-array@0.21.1':
dependencies:
@@ -11592,36 +11627,36 @@ snapshots:
- utf-8-validate
- vue
- '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+ '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@eslint/js': 9.39.2
- '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- eslint: 9.39.2(jiti@1.21.7)
- eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@1.21.7))
+ '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+ '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+ '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+ '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+ eslint: 9.39.2(jiti@2.6.1)
+ eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@2.6.1))
eslint-flat-config-utils: 0.4.0
- eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
- eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@1.21.7))
- eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
- eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@1.21.7))
- eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@1.21.7))
+ eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
+ eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@2.6.1))
+ eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@2.6.1))
+ eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@2.6.1))
+ eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@2.6.1))
globals: 15.15.0
local-pkg: 0.5.1
pathe: 1.1.2
- vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
+ vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
transitivePeerDependencies:
- '@typescript-eslint/utils'
- eslint-import-resolver-node
- supports-color
- typescript
- '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+ '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@typescript-eslint/types': 8.54.0
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- eslint: 9.39.2(jiti@1.21.7)
+ '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+ eslint: 9.39.2(jiti@2.6.1)
transitivePeerDependencies:
- supports-color
- typescript
@@ -13091,18 +13126,6 @@ snapshots:
'@stripe/stripe-js@7.9.0': {}
- '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
- dependencies:
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- eslint: 9.39.2(jiti@1.21.7)
- eslint-visitor-keys: 4.2.1
- espree: 10.4.0
- estraverse: 5.3.0
- picomatch: 4.0.3
- transitivePeerDependencies:
- - supports-color
- - typescript
-
'@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
@@ -13114,7 +13137,6 @@ snapshots:
transitivePeerDependencies:
- supports-color
- typescript
- optional: true
'@svgdotjs/svg.draggable.js@3.0.6(@svgdotjs/svg.js@3.2.5)':
dependencies:
@@ -13516,22 +13538,6 @@ snapshots:
dependencies:
'@types/node': 20.19.31
- '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
- dependencies:
- '@eslint-community/regexpp': 4.12.2
- '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@typescript-eslint/scope-manager': 8.54.0
- '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- '@typescript-eslint/visitor-keys': 8.54.0
- eslint: 9.39.2(jiti@1.21.7)
- ignore: 7.0.5
- natural-compare: 1.4.0
- ts-api-utils: 2.4.0(typescript@5.9.3)
- typescript: 5.9.3
- transitivePeerDependencies:
- - supports-color
-
'@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@eslint-community/regexpp': 4.12.2
@@ -13548,18 +13554,6 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
- dependencies:
- '@typescript-eslint/scope-manager': 8.54.0
- '@typescript-eslint/types': 8.54.0
- '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
- '@typescript-eslint/visitor-keys': 8.54.0
- debug: 4.4.3
- eslint: 9.39.2(jiti@1.21.7)
- typescript: 5.9.3
- transitivePeerDependencies:
- - supports-color
-
'@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@typescript-eslint/scope-manager': 8.54.0
@@ -13590,18 +13584,6 @@ snapshots:
dependencies:
typescript: 5.9.3
- '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
- dependencies:
- '@typescript-eslint/types': 8.54.0
- '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
- debug: 4.4.3
- eslint: 9.39.2(jiti@1.21.7)
- ts-api-utils: 2.4.0(typescript@5.9.3)
- typescript: 5.9.3
- transitivePeerDependencies:
- - supports-color
-
'@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
dependencies:
'@typescript-eslint/types': 8.54.0
@@ -13772,10 +13754,10 @@ snapshots:
vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
vue: 3.5.27(typescript@5.9.3)
- '@vitejs/plugin-vue@6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
+ '@vitejs/plugin-vue@6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
dependencies:
'@rolldown/pluginutils': 1.0.0-rc.2
- vite: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+ vite: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
vue: 3.5.27(typescript@5.9.3)
'@vitest/expect@3.2.4':
@@ -15301,10 +15283,10 @@ snapshots:
escape-string-regexp@5.0.0: {}
- eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@1.21.7)):
+ eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@2.6.1)):
dependencies:
- '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@1.21.7))
- eslint: 9.39.2(jiti@1.21.7)
+ '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@2.6.1))
+ eslint: 9.39.2(jiti@2.6.1)
find-up-simple: 1.0.1
eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
@@ -15322,12 +15304,12 @@ snapshots:
optionalDependencies:
unrs-resolver: 1.11.1
- eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
+ eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
dependencies:
'@typescript-eslint/types': 8.54.0
comment-parser: 1.4.5
debug: 4.4.3
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
is-glob: 4.0.3
minimatch: 10.1.2
@@ -15335,18 +15317,18 @@ snapshots:
stable-hash-x: 0.2.0
unrs-resolver: 1.11.1
optionalDependencies:
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+ '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
transitivePeerDependencies:
- supports-color
- eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@1.21.7)):
+ eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@2.6.1)):
dependencies:
'@es-joy/jsdoccomment': 0.50.2
are-docs-informative: 0.0.2
comment-parser: 1.4.1
debug: 4.4.3
escape-string-regexp: 4.0.0
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
espree: 10.4.0
esquery: 1.7.0
parse-imports-exports: 0.2.4
@@ -15364,12 +15346,12 @@ snapshots:
optionalDependencies:
eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
- eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@1.21.7)):
+ eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@2.6.1)):
dependencies:
- '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+ '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
'@eslint-community/regexpp': 4.12.2
comment-parser: 1.4.5
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
jsdoc-type-pratt-parser: 4.8.0
refa: 0.12.1
regexp-ast-analysis: 0.7.1
@@ -15379,29 +15361,29 @@ snapshots:
dependencies:
eslint: 9.39.2(jiti@2.6.1)
- eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
+ eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@1.21.7))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
dependencies:
- '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
- eslint: 9.39.2(jiti@2.6.1)
+ '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+ eslint: 9.39.2(jiti@1.21.7)
storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
transitivePeerDependencies:
- supports-color
- typescript
- eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2):
+ eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.8.2):
dependencies:
dotenv: 16.0.3
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
turbo: 2.8.2
- eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@1.21.7)):
+ eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@2.6.1)):
dependencies:
'@babel/helper-validator-identifier': 7.28.5
- '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+ '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
ci-info: 4.4.0
clean-regexp: 1.0.0
core-js-compat: 3.48.0
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
esquery: 1.7.0
globals: 15.15.0
indent-string: 4.0.0
@@ -15428,16 +15410,16 @@ snapshots:
'@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
'@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
- eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@1.21.7)):
+ eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@2.6.1)):
dependencies:
- '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
- eslint: 9.39.2(jiti@1.21.7)
+ '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+ eslint: 9.39.2(jiti@2.6.1)
globals: 13.24.0
natural-compare: 1.4.0
nth-check: 2.1.1
postcss-selector-parser: 6.1.2
semver: 7.7.3
- vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
+ vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
xml-name-validator: 4.0.0
transitivePeerDependencies:
- supports-color
@@ -15755,6 +15737,15 @@ snapshots:
fraction.js@5.3.4: {}
+ framer-motion@12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+ dependencies:
+ motion-dom: 12.38.0
+ motion-utils: 12.36.0
+ tslib: 2.8.1
+ optionalDependencies:
+ react: 19.2.4
+ react-dom: 19.2.4(react@19.2.4)
+
fresh@2.0.0: {}
fsevents@2.3.3:
@@ -16108,6 +16099,8 @@ snapshots:
he@1.2.0: {}
+ hey-listen@1.0.8: {}
+
highlight.js@11.11.1: {}
highlightjs-mcfunction@https://codeload.github.com/modrinth/better-highlightjs-mcfunction/tar.gz/aa999b763fd792ffb950d28347eeb6811c83ea8e: {}
@@ -17302,6 +17295,25 @@ snapshots:
module-details-from-path@1.0.4: {}
+ motion-dom@12.38.0:
+ dependencies:
+ motion-utils: 12.36.0
+
+ motion-utils@12.36.0: {}
+
+ motion-v@2.2.1(@vueuse/core@11.3.0(vue@3.5.27(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.27(typescript@5.9.3)):
+ dependencies:
+ '@vueuse/core': 11.3.0(vue@3.5.27(typescript@5.9.3))
+ framer-motion: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ hey-listen: 1.0.8
+ motion-dom: 12.38.0
+ motion-utils: 12.36.0
+ vue: 3.5.27(typescript@5.9.3)
+ transitivePeerDependencies:
+ - '@emotion/is-prop-valid'
+ - react
+ - react-dom
+
mrmime@2.0.1: {}
ms@2.1.3: {}
@@ -19817,7 +19829,7 @@ snapshots:
terser: 5.46.0
yaml: 2.8.2
- vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
+ vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
dependencies:
lightningcss: 1.32.0
picomatch: 4.0.4
@@ -19828,7 +19840,7 @@ snapshots:
'@types/node': 20.19.31
esbuild: 0.27.3
fsevents: 2.3.3
- jiti: 1.21.7
+ jiti: 2.6.1
sass: 1.97.3
terser: 5.46.0
yaml: 2.8.2
@@ -19993,10 +20005,10 @@ snapshots:
transitivePeerDependencies:
- supports-color
- vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@1.21.7)):
+ vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@2.6.1)):
dependencies:
debug: 4.4.3
- eslint: 9.39.2(jiti@1.21.7)
+ eslint: 9.39.2(jiti@2.6.1)
eslint-scope: 7.2.2
eslint-visitor-keys: 3.4.3
espree: 9.6.1