* Update Nuxt dependencies * Fix ref access in ChartDisplay * Fix feature flags cookie options type error * Specify type-only imports * Fix shorthands access to tags outside of reactive scope * Replace most useRoute calls with useRoute from vue-router Nuxt's version of this composable is horrendously broken (nuxt/nuxt#21340) * Import all svgs with ?component parameter Fixes weird hydration issues + gives correct type
333 lines
10 KiB
JavaScript
333 lines
10 KiB
JavaScript
import { getProjectTypeForUrlShorthand } from '~/helpers/projects.js'
|
||
|
||
export default defineNuxtPlugin((nuxtApp) => {
|
||
const tagStore = useTags()
|
||
|
||
nuxtApp.provide('formatNumber', formatNumber)
|
||
nuxtApp.provide('capitalizeString', capitalizeString)
|
||
nuxtApp.provide('formatMoney', formatMoney)
|
||
nuxtApp.provide('formatVersion', (versionsArray) => formatVersions(tagStore, versionsArray))
|
||
nuxtApp.provide('orElse', (first, otherwise) => first ?? otherwise)
|
||
nuxtApp.provide('external', () => {
|
||
const cosmeticsStore = useCosmetics().value
|
||
|
||
return cosmeticsStore.externalLinksNewTab ? '_blank' : ''
|
||
})
|
||
nuxtApp.provide('formatBytes', formatBytes)
|
||
nuxtApp.provide('formatWallet', formatWallet)
|
||
nuxtApp.provide('formatProjectType', formatProjectType)
|
||
nuxtApp.provide('formatCategory', formatCategory)
|
||
nuxtApp.provide('formatCategoryHeader', formatCategoryHeader)
|
||
nuxtApp.provide('formatProjectStatus', formatProjectStatus)
|
||
|
||
/*
|
||
Only use on the complete list of versions for a project, partial lists will generate
|
||
the wrong version slugs
|
||
*/
|
||
nuxtApp.provide('computeVersions', (versions, members) => {
|
||
const visitedVersions = []
|
||
const returnVersions = []
|
||
|
||
const authorMembers = {}
|
||
|
||
for (const version of versions.sort(
|
||
(a, b) => nuxtApp.$dayjs(a.date_published) - nuxtApp.$dayjs(b.date_published)
|
||
)) {
|
||
if (visitedVersions.includes(version.version_number)) {
|
||
visitedVersions.push(version.version_number)
|
||
version.displayUrlEnding = version.id
|
||
} else {
|
||
visitedVersions.push(version.version_number)
|
||
version.displayUrlEnding = version.version_number
|
||
}
|
||
version.primaryFile = version.files.find((file) => file.primary) ?? version.files[0]
|
||
|
||
if (!version.primaryFile) {
|
||
version.primaryFile = {
|
||
hashes: {
|
||
sha1: '',
|
||
sha512: '',
|
||
},
|
||
url: '#',
|
||
filename: 'unknown',
|
||
primary: false,
|
||
size: 0,
|
||
file_type: null,
|
||
}
|
||
}
|
||
|
||
version.author = authorMembers[version.author_id]
|
||
if (!version.author) {
|
||
version.author = members.find((x) => x.user.id === version.author_id)
|
||
authorMembers[version.author_id] = version.author
|
||
}
|
||
|
||
returnVersions.push(version)
|
||
}
|
||
|
||
return returnVersions
|
||
.reverse()
|
||
.map((version, index) => {
|
||
const nextVersion = returnVersions[index + 1]
|
||
if (nextVersion && version.changelog && nextVersion.changelog === version.changelog) {
|
||
return { duplicate: true, ...version }
|
||
} else {
|
||
return { duplicate: false, ...version }
|
||
}
|
||
})
|
||
.sort((a, b) => nuxtApp.$dayjs(b.date_published) - nuxtApp.$dayjs(a.date_published))
|
||
})
|
||
nuxtApp.provide('getProjectTypeForDisplay', (type, categories) => {
|
||
if (type === 'mod') {
|
||
const isPlugin = categories.some((category) => {
|
||
return tagStore.value.loaderData.allPluginLoaders.includes(category)
|
||
})
|
||
const isMod = categories.some((category) => {
|
||
return tagStore.value.loaderData.modLoaders.includes(category)
|
||
})
|
||
const isDataPack = categories.some((category) => {
|
||
return tagStore.value.loaderData.dataPackLoaders.includes(category)
|
||
})
|
||
|
||
if (isMod && isPlugin && isDataPack) {
|
||
return 'mod, plugin, and data pack'
|
||
} else if (isMod && isPlugin) {
|
||
return 'mod and plugin'
|
||
} else if (isMod && isDataPack) {
|
||
return 'mod and data pack'
|
||
} else if (isPlugin && isDataPack) {
|
||
return 'plugin and data pack'
|
||
} else if (isDataPack) {
|
||
return 'data pack'
|
||
} else if (isPlugin) {
|
||
return 'plugin'
|
||
}
|
||
}
|
||
|
||
return type
|
||
})
|
||
nuxtApp.provide('getProjectTypeForUrl', (type, loaders, tags) =>
|
||
getProjectTypeForUrlShorthand(type, loaders, tags)
|
||
)
|
||
nuxtApp.provide('cycleValue', cycleValue)
|
||
nuxtApp.provide('sortedCategories', () => {
|
||
return tagStore.value.categories.slice().sort((a, b) => {
|
||
const headerCompare = a.header.localeCompare(b.header)
|
||
if (headerCompare !== 0) {
|
||
return headerCompare
|
||
}
|
||
if (a.header === 'resolutions' && b.header === 'resolutions') {
|
||
return a.name.replace(/\D/g, '') - b.name.replace(/\D/g, '')
|
||
} else if (a.header === 'performance impact' && b.header === 'performance impact') {
|
||
const x = ['potato', 'low', 'medium', 'high', 'screenshot']
|
||
|
||
return x.indexOf(a.name) - x.indexOf(b.name)
|
||
}
|
||
return 0
|
||
})
|
||
})
|
||
nuxtApp.provide('notify', (notif) => addNotification(notif))
|
||
})
|
||
export const formatNumber = (number, abbreviate = true) => {
|
||
const x = +number
|
||
if (x >= 1000000 && abbreviate) {
|
||
return (x / 1000000).toFixed(2).toString() + 'M'
|
||
} else if (x >= 10000 && abbreviate) {
|
||
return (x / 1000).toFixed(1).toString() + 'k'
|
||
} else {
|
||
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
|
||
}
|
||
}
|
||
|
||
export const formatMoney = (number, abbreviate = false) => {
|
||
number = Math.floor(number * 100) / 100
|
||
const x = +number
|
||
if (x >= 1000000 && abbreviate) {
|
||
return '$' + (x / 1000000).toFixed(2).toString() + 'M'
|
||
} else if (x >= 10000 && abbreviate) {
|
||
return '$' + (x / 1000).toFixed(2).toString() + 'k'
|
||
} else {
|
||
return (
|
||
'$' +
|
||
x
|
||
.toFixed(2)
|
||
.toString()
|
||
.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
|
||
)
|
||
}
|
||
}
|
||
|
||
export const formatBytes = (bytes, decimals = 2) => {
|
||
if (bytes === 0) {
|
||
return '0 Bytes'
|
||
}
|
||
|
||
const k = 1024
|
||
const dm = decimals < 0 ? 0 : decimals
|
||
const sizes = ['Bytes', 'KiB', 'MiB', 'GiB']
|
||
|
||
const i = Math.floor(Math.log(bytes) / Math.log(k))
|
||
|
||
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
|
||
}
|
||
|
||
export const capitalizeString = (name) => {
|
||
return name ? name.charAt(0).toUpperCase() + name.slice(1) : name
|
||
}
|
||
|
||
export const formatWallet = (name) => {
|
||
if (name === 'paypal') {
|
||
return 'PayPal'
|
||
}
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatProjectType = (name) => {
|
||
if (name === 'resourcepack') {
|
||
return 'Resource Pack'
|
||
} else if (name === 'datapack') {
|
||
return 'Data Pack'
|
||
}
|
||
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatCategory = (name) => {
|
||
if (name === 'modloader') {
|
||
return "Risugami's ModLoader"
|
||
} else if (name === 'bungeecord') {
|
||
return 'BungeeCord'
|
||
} else if (name === 'liteloader') {
|
||
return 'LiteLoader'
|
||
} else if (name === 'neoforge') {
|
||
return 'NeoForge'
|
||
} else if (name === 'game-mechanics') {
|
||
return 'Game Mechanics'
|
||
} else if (name === 'worldgen') {
|
||
return 'World Generation'
|
||
} else if (name === 'core-shaders') {
|
||
return 'Core Shaders'
|
||
} else if (name === 'gui') {
|
||
return 'GUI'
|
||
} else if (name === '8x-') {
|
||
return '8x or lower'
|
||
} else if (name === '512x+') {
|
||
return '512x or higher'
|
||
} else if (name === 'kitchen-sink') {
|
||
return 'Kitchen Sink'
|
||
} else if (name === 'path-tracing') {
|
||
return 'Path Tracing'
|
||
} else if (name === 'pbr') {
|
||
return 'PBR'
|
||
} else if (name === 'datapack') {
|
||
return 'Data Pack'
|
||
} else if (name === 'colored-lighting') {
|
||
return 'Colored Lighting'
|
||
} else if (name === 'optifine') {
|
||
return 'OptiFine'
|
||
} else if (name === 'mrpack') {
|
||
return 'Modpack'
|
||
} else if (name === 'minecraft') {
|
||
return 'Resource Pack'
|
||
} else if (name === 'vanilla') {
|
||
return 'Vanilla Shader'
|
||
}
|
||
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatCategoryHeader = (name) => {
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatProjectStatus = (name) => {
|
||
if (name === 'approved') {
|
||
return 'Listed'
|
||
} else if (name === 'processing') {
|
||
return 'Under review'
|
||
}
|
||
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatVersions = (tag, versionArray) => {
|
||
const allVersions = tag.value.gameVersions.slice().reverse()
|
||
const allReleases = allVersions.filter((x) => x.version_type === 'release')
|
||
|
||
const intervals = []
|
||
let currentInterval = 0
|
||
|
||
for (let i = 0; i < versionArray.length; i++) {
|
||
const index = allVersions.findIndex((x) => x.version === versionArray[i])
|
||
const releaseIndex = allReleases.findIndex((x) => x.version === versionArray[i])
|
||
|
||
if (i === 0) {
|
||
intervals.push([[versionArray[i], index, releaseIndex]])
|
||
} else {
|
||
const intervalBase = intervals[currentInterval]
|
||
|
||
if (
|
||
(index - intervalBase[intervalBase.length - 1][1] === 1 ||
|
||
releaseIndex - intervalBase[intervalBase.length - 1][2] === 1) &&
|
||
(allVersions[intervalBase[0][1]].version_type === 'release' ||
|
||
allVersions[index].version_type !== 'release')
|
||
) {
|
||
intervalBase[1] = [versionArray[i], index, releaseIndex]
|
||
} else {
|
||
currentInterval += 1
|
||
intervals[currentInterval] = [[versionArray[i], index, releaseIndex]]
|
||
}
|
||
}
|
||
}
|
||
|
||
const newIntervals = []
|
||
for (let i = 0; i < intervals.length; i++) {
|
||
const interval = intervals[i]
|
||
|
||
if (interval.length === 2 && interval[0][2] !== -1 && interval[1][2] === -1) {
|
||
let lastSnapshot = null
|
||
for (let j = interval[1][1]; j > interval[0][1]; j--) {
|
||
if (allVersions[j].version_type === 'release') {
|
||
newIntervals.push([
|
||
interval[0],
|
||
[
|
||
allVersions[j].version,
|
||
j,
|
||
allReleases.findIndex((x) => x.version === allVersions[j].version),
|
||
],
|
||
])
|
||
|
||
if (lastSnapshot !== null && lastSnapshot !== j + 1) {
|
||
newIntervals.push([[allVersions[lastSnapshot].version, lastSnapshot, -1], interval[1]])
|
||
} else {
|
||
newIntervals.push([interval[1]])
|
||
}
|
||
|
||
break
|
||
} else {
|
||
lastSnapshot = j
|
||
}
|
||
}
|
||
} else {
|
||
newIntervals.push(interval)
|
||
}
|
||
}
|
||
|
||
const output = []
|
||
|
||
for (const interval of newIntervals) {
|
||
if (interval.length === 2) {
|
||
output.push(`${interval[0][0]}–${interval[1][0]}`)
|
||
} else {
|
||
output.push(interval[0][0])
|
||
}
|
||
}
|
||
|
||
return (output.length === 0 ? versionArray : output).join(', ')
|
||
}
|
||
|
||
export const cycleValue = (value, values) => {
|
||
const index = values.indexOf(value) + 1
|
||
return values[index % values.length]
|
||
}
|