* Projects page * Continue work on bulk edit * editLinks is now bulkEdit * Bulk Edit Links completed * Edit URL clear fields. * Create project button + other bulk buttons. * Pagination (w/o reactivity.) * Apply suggestions from code review Co-authored-by: triphora <emmaffle@modrinth.com> * Sorting fixed, broken page count though? * Only make editable projects selectable + remove delete button * Shorthand * Start using computed * Fix pagination * Add Pagination Switching * Final Style Changes * Cleanup * Action Affects dropdown * Switch to checkbox swizzle * Projects dashboard, the most hellish thing I have ever worked on * Rewrite project dashboard without tables * why's that there * Fix mod message icon * New project settings page * Remove extra slash * Bulk project route and improve styling of links UI * Remove beta label from Monetization * Relevant page links in project settings * Don't vertically center header rows * Improve error messages, add remove project icon button, add saving feedback, begin project checklist, fix license settings * Remove contextual link from project settings, disable WIP checklist * Fix bulk edit * Project checklist, add featured gallery image to project pages, fix random bugs * Remove old check * Remove icon border on grid mode and hide project status card when unnecessary * Fix build * Make checklist progress smaller and add collapsing * Remove uneven gap on nav cards * Improve wrapping of checklist * Replace project settings header link with status * Fix bugs + status stuff * Fix warns + compile error * Update wording * Hide environment type nag for project types without it * Make member dropdown match Co-authored-by: mineblock11 <93472213+mineblock11@users.noreply.github.com> Co-authored-by: triphora <emmaffle@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
350 lines
9.6 KiB
JavaScript
350 lines
9.6 KiB
JavaScript
export default (ctx, inject) => {
|
|
inject('user', ctx.store.state.user)
|
|
inject('tag', ctx.store.state.tag)
|
|
inject('auth', ctx.store.state.auth)
|
|
inject('cosmetics', ctx.store.state.cosmetics)
|
|
inject('defaultHeaders', () => {
|
|
const obj = { headers: {} }
|
|
|
|
if (process.server && process.env.RATE_LIMIT_IGNORE_KEY) {
|
|
obj.headers['x-ratelimit-key'] = process.env.RATE_LIMIT_IGNORE_KEY || ''
|
|
}
|
|
|
|
if (ctx.store.state.auth.user) {
|
|
obj.headers.Authorization = ctx.store.state.auth.token
|
|
}
|
|
|
|
return obj
|
|
})
|
|
inject('formatNumber', formatNumber)
|
|
inject('capitalizeString', capitalizeString)
|
|
inject('formatMoney', formatMoney)
|
|
inject('formatVersion', (versionsArray) =>
|
|
formatVersions(versionsArray, ctx.store)
|
|
)
|
|
inject('orElse', (first, otherwise) => first ?? otherwise)
|
|
inject('external', () =>
|
|
ctx.store.state.cosmetics.externalLinksNewTab ? '_blank' : ''
|
|
)
|
|
inject('formatBytes', formatBytes)
|
|
inject('formatWallet', formatWallet)
|
|
inject('formatProjectType', formatProjectType)
|
|
inject('formatCategory', formatCategory)
|
|
inject('formatCategoryHeader', formatCategoryHeader)
|
|
inject('formatProjectStatus', formatProjectStatus)
|
|
inject('computeVersions', (versions) => {
|
|
const visitedVersions = []
|
|
const returnVersions = []
|
|
|
|
for (const version of versions.sort(
|
|
(a, b) => ctx.$dayjs(a.date_published) - ctx.$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
|
|
}
|
|
|
|
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) => ctx.$dayjs(b.date_published) - ctx.$dayjs(a.date_published)
|
|
)
|
|
})
|
|
inject('getProjectTypeForDisplay', (type, categories) => {
|
|
if (type === 'mod') {
|
|
const isPlugin = categories.some((category) => {
|
|
return ctx.store.state.tag.loaderData.allPluginLoaders.includes(
|
|
category
|
|
)
|
|
})
|
|
const isMod = categories.some((category) => {
|
|
return ctx.store.state.tag.loaderData.modLoaders.includes(category)
|
|
})
|
|
const isDataPack = categories.some((category) => {
|
|
return ctx.store.state.tag.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 datapack'
|
|
}
|
|
}
|
|
|
|
return type
|
|
})
|
|
inject('getProjectTypeForUrl', (type, categories) => {
|
|
if (type === 'mod') {
|
|
const isMod = categories.some((category) => {
|
|
return ctx.store.state.tag.loaderData.modLoaders.includes(category)
|
|
})
|
|
|
|
const isPlugin = categories.some((category) => {
|
|
return ctx.store.state.tag.loaderData.allPluginLoaders.includes(
|
|
category
|
|
)
|
|
})
|
|
|
|
const isDataPack = categories.some((category) => {
|
|
return ctx.store.state.tag.loaderData.dataPackLoaders.includes(category)
|
|
})
|
|
|
|
if (isDataPack) {
|
|
return 'datapack'
|
|
} else if (isPlugin) {
|
|
return 'plugin'
|
|
} else if (isMod) {
|
|
return 'mod'
|
|
} else {
|
|
return 'mod'
|
|
}
|
|
} else {
|
|
return type
|
|
}
|
|
})
|
|
inject('cycleValue', cycleValue)
|
|
const sortedCategories = ctx.store.state.tag.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
|
|
})
|
|
inject('sortedCategories', sortedCategories)
|
|
}
|
|
|
|
export const formatNumber = (number) => {
|
|
const x = +number
|
|
if (x >= 1000000) {
|
|
return (x / 1000000).toFixed(2).toString() + 'M'
|
|
} else if (x >= 10000) {
|
|
return (x / 1000).toFixed(1).toString() + 'K'
|
|
} else {
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
|
|
}
|
|
}
|
|
|
|
export const formatMoney = (number) => {
|
|
const x = +number
|
|
if (x >= 1000000) {
|
|
return '$' + (x / 1000000).toFixed(2).toString() + 'M'
|
|
} else if (x >= 10000) {
|
|
return '$' + (x / 1000).toFixed(1).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 === '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'
|
|
}
|
|
|
|
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 = (versionArray, store) => {
|
|
const allVersions = store.state.tag.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.join(', ')
|
|
}
|
|
|
|
export const cycleValue = (value, values) => {
|
|
const index = values.indexOf(value) + 1
|
|
return values[index % values.length]
|
|
}
|