MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up formatters from prev PR (#5254)

Browse Source
This commit is contained in:
Prospector
2026-02-02 01:38:36 -08:00
committed by GitHub
parent a207daef0d
commit 11f00be606
8 changed files with 45 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
View File

@@ -18,7 +18,7 @@ import {
Chips,
Combobox,
defineMessages,
getTagMessageOrDefault,
formatLoader,
injectNotificationManager,
useVIntl,
} from '@modrinth/ui'
@@ -563,10 +563,7 @@ const messages = defineMessages({
? modpackVersion
? modpackVersion?.version_number
: 'Unknown version'
: (() => {
const message = getTagMessageOrDefault(instance.loader, 'loader')
return typeof message === 'string' ? message : formatMessage(message)
})()
: formatLoader(formatMessage, instance.loader)
}}
<template v-if="instance.loader !== 'vanilla' && !modpackProject">
{{ instance.loader_version || formatMessage(messages.unknownVersion) }}
@@ -676,10 +673,7 @@ const messages = defineMessages({
<h2 class="m-0 mt-4 text-lg font-extrabold text-contrast block">
{{
formatMessage(messages.loaderVersion, {
loader: (() => {
const message = getTagMessageOrDefault(loader, 'loader')
return typeof message === 'string' ? message : formatMessage(message)
})(),
loader: formatLoader(formatMessage, loader),
})
}}
</h2>
@@ -713,10 +707,7 @@ const messages = defineMessages({
? messages.alreadyInstalledVanilla
: messages.alreadyInstalledModded,
{
platform: (() => {
const message = getTagMessageOrDefault(loader, 'loader')
return typeof message === 'string' ? message : formatMessage(message)
})(),
platform: formatLoader(formatMessage, loader),
version: instance.loader_version,
game_version: gameVersion,
},

10
apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
View File

@@ -146,8 +146,7 @@
? 'All platforms'
: filtersRef?.selectedPlatforms
.map((x) => {
const message = getTagMessageOrDefault(x, 'loader')
return typeof message === 'string' ? message : formatMessage(message)
return formatLoader(formatMessage, x)
})
.join(', ')
}}
@@ -260,7 +259,7 @@ import {
Checkbox,
Combobox,
CopyCode,
getTagMessageOrDefault,
formatLoader,
NewModal,
TagItem,
useVIntl,
@@ -436,10 +435,7 @@ const formattedVersions = computed(() => {
if (secondLoaderPosition === -1) return -1
return firstLoaderPosition - secondLoaderPosition
})
.map((loader: string) => {
const message = getTagMessageOrDefault(loader, 'loader')
return typeof message === 'string' ? message : formatMessage(message)
}),
.map((loader: string) => formatLoader(formatMessage, loader)),
}
})

14
apps/frontend/src/pages/[type]/[id]/settings/tags.vue
View File

@@ -66,11 +66,7 @@
v-for="category in categoryLists[header]"
:key="`category-${header}-${category.name}`"
:model-value="current.selectedTags.includes(category)"
:description="
typeof getTagMessageOrDefault(category.name, 'category') === 'string'
? getTagMessageOrDefault(category.name, 'category')
: formatMessage(getTagMessageOrDefault(category.name, 'category'))
"
:description="formatCategory(formatMessage, category.name)"
class="category-selector"
@update:model-value="toggleCategory(category)"
>
@@ -106,11 +102,7 @@
:key="`featured-category-${category.name}`"
class="category-selector"
:model-value="current.featuredTags.includes(category)"
:description="
typeof getTagMessageOrDefault(category.name, 'category') === 'string'
? getTagMessageOrDefault(category.name, 'category')
: formatMessage(getTagMessageOrDefault(category.name, 'category'))
"
:description="formatCategory(formatMessage, category.name)"
:disabled="current.featuredTags.length >= 3 && !current.featuredTags.includes(category)"
@update:model-value="toggleFeaturedCategory(category)"
>
@@ -143,8 +135,8 @@
import { getCategoryIcon, StarIcon, TriangleAlertIcon } from '@modrinth/assets'
import {
Checkbox,
formatCategory,
FormattedTag,
getTagMessageOrDefault,
injectProjectPageContext,
UnsavedChangesPopup,
useSavable,

6
packages/ui/src/components/base/FormattedTag.vue
View File

@@ -2,7 +2,7 @@
import { computed } from 'vue'
import { useVIntl } from '../../composables'
import { getTagMessageOrDefault } from '../../utils/tag-messages.ts'
import { formatTag } from '../../utils/tag-messages.ts'
const { formatMessage } = useVIntl()
@@ -11,9 +11,9 @@ const props = defineProps<{
enforceType?: 'loader' | 'category'
}>()
const message = computed(() => getTagMessageOrDefault(props.tag, props.enforceType))
const message = computed(() => formatTag(formatMessage, props.tag, props.enforceType))
</script>
<template>
{{ typeof message === 'string' ? message : formatMessage(message) }}
{{ message }}
</template>

9
packages/ui/src/components/search/Categories.vue
View File

@@ -3,7 +3,7 @@
<slot />
<span v-for="category in categories.filter((x) => !!x)" :key="category">
<component :is="getTagIcon(category)" v-if="getTagIcon(category)" />
{{ getFormattedMessage(category) }}
{{ formatTag(formatMessage, category) }}
</span>
</div>
</template>
@@ -11,18 +11,13 @@
import { getTagIcon } from '@modrinth/assets'
import { useVIntl } from '../../composables'
import { getTagMessageOrDefault } from '../../utils/tag-messages.ts'
import { formatTag } from '../../utils/tag-messages.ts'
const { formatMessage } = useVIntl()
defineProps<{
categories: string[]
}>()
const getFormattedMessage = (tag: string) => {
const message = getTagMessageOrDefault(tag)
return typeof message === 'string' ? message : formatMessage(message)
}
</script>
<style lang="scss" scoped>

20
packages/ui/src/utils/search.ts
View File

@@ -5,7 +5,7 @@ import { type Component, computed, readonly, type Ref, ref } from 'vue'
import { type LocationQueryRaw, type LocationQueryValue, useRoute } from 'vue-router'
import { defineMessage, useVIntl } from '../composables/i18n'
import { getTagMessageOrDefault } from './tag-messages.ts'
import { formatCategory, formatLoader } from './tag-messages.ts'
type BaseOption = {
id: string
@@ -144,10 +144,9 @@ export function useSearch(
options: [],
}
}
const message = getTagMessageOrDefault(category.name, 'category')
categoryFilters[filterTypeId].options.push({
id: category.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatCategory(formatMessage, category.name),
icon: getCategoryIcon(category.name),
value: `categories:${category.name}`,
method: category.header === 'resolutions' ? 'or' : 'and',
@@ -256,10 +255,9 @@ export function useSearch(
!loader.supported_project_types.includes('datapack'),
)
.map((loader) => {
const message = getTagMessageOrDefault(loader.name, 'loader')
return {
id: loader.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatLoader(formatMessage, loader.name),
icon: getLoaderIcon(loader.name),
method: 'or',
value: `categories:${loader.name}`,
@@ -283,10 +281,9 @@ export function useSearch(
options: tags.value.loaders
.filter((loader) => loader.supported_project_types.includes('modpack'))
.map((loader) => {
const message = getTagMessageOrDefault(loader.name, 'loader')
return {
id: loader.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatLoader(formatMessage, loader.name),
icon: getLoaderIcon(loader.name),
method: 'or',
value: `categories:${loader.name}`,
@@ -313,10 +310,9 @@ export function useSearch(
!PLUGIN_PLATFORMS.includes(loader.name),
)
.map((loader) => {
const message = getTagMessageOrDefault(loader.name, 'loader')
return {
id: loader.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatLoader(formatMessage, loader.name),
icon: getLoaderIcon(loader.name),
method: 'or',
value: `categories:${loader.name}`,
@@ -339,10 +335,9 @@ export function useSearch(
options: tags.value.loaders
.filter((loader) => PLUGIN_PLATFORMS.includes(loader.name))
.map((loader) => {
const message = getTagMessageOrDefault(loader.name, 'loader')
return {
id: loader.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatLoader(formatMessage, loader.name),
icon: getLoaderIcon(loader.name),
method: 'or',
value: `categories:${loader.name}`,
@@ -366,10 +361,9 @@ export function useSearch(
options: tags.value.loaders
.filter((loader) => loader.supported_project_types.includes('shader'))
.map((loader) => {
const message = getTagMessageOrDefault(loader.name, 'loader')
return {
id: loader.name,
formatted_name: typeof message === 'string' ? message : formatMessage(message),
formatted_name: formatLoader(formatMessage, loader.name),
icon: getLoaderIcon(loader.name),
method: 'or',
value: `categories:${loader.name}`,

26
packages/ui/src/utils/tag-messages.ts
View File

@@ -1,6 +1,6 @@
import { capitalizeString } from '@modrinth/utils'
import { defineMessages, type MessageDescriptor } from '../composables/i18n'
import { defineMessages, type MessageDescriptor, type VIntlFormatters } from '../composables/i18n'
export const loaderMessages = defineMessages({
babric: {
@@ -401,9 +401,27 @@ export function getTagMessage(
}
}
export function getTagMessageOrDefault(
export function getLoaderMessage(loader: string) {
return getTagMessage(loader, 'loader')
}
export function getCategoryMessage(category: string) {
return getTagMessage(category, 'category')
}
export function formatTag(
formatter: VIntlFormatters['formatMessage'],
tag: string,
enforceType?: 'loader' | 'category',
): MessageDescriptor | string {
return getTagMessage(tag, enforceType) ?? capitalizeString(tag)
) {
const message = getTagMessage(tag, enforceType)
return message ? formatter(message) : capitalizeString(tag)
}
export function formatCategory(formatter: VIntlFormatters['formatMessage'], category: string) {
return formatTag(formatter, category, 'category')
}
export function formatLoader(formatter: VIntlFormatters['formatMessage'], category: string) {
return formatTag(formatter, category, 'category')
}

2
packages/utils/utils.ts
View File

@@ -163,7 +163,7 @@ export const formatProjectType = (name, short = false) => {
}
/**
* @deprecated Use tag-messages.ts' `getTagMessageOrDefault(tag)` instead.
* @deprecated Use tag-messages.ts' `formatTag(tag)` instead.
*/
export const formatCategory = (name) => {
if (name === 'modloader') {