You've already forked pages
forked from didirus/AstralRinth
* start modal, working show modal * add stages and implement MultiModalStage component * add project versions context and add file button * implement add files stage * export interfaces * move MultiStageModal to /base * small update to file input * add version types to api-client * wrap version namespace under v3 * implement add details stage fields and loaders component * start create MC versions stage * implement changelog stage and bring width into a per stage concern * implement loader picker with grouping * improve grouping and sorting for loader picker * use chips component * small updaets * fix loader icon color * componentize mc version picker * initial version of shift click to select range * use newModal for markdown editor * start add dependencies stage with search * implement showing mod options in search * componentize modselect and add version/dependency relation select * hide version and dependency relation when no project selected * fix project facet search * implement api-client versions requests * fix search api request facet type to be string * fix new modal outer container scroll * implement add dependency stage * fix parse error * add placeholders * fix types * update dependency row styles * small change * fix the types on manage versions to be correct with labrinth request bodies * fix create version file parts * use draft version ref in flow and implement proper file handlling * use draft version ref for mc versions select * implement reactive modal state and conditionally disabled next buttons * ensure all data is using draftVersion ref * remove shift click to select range since it sucks * fix up add dependencies stage state/types * small fixes * implement adding dependencies connected to api calls and make adding dependencies work * add final create version button config * start create version backend call and bring versions table to project settings * set add files stage width * remove version file upload in project page * small fix * fix create version api call * implement error handling * implement mc versions search * implement showing all mc versions * small fix * implement prefill data * add success notification * add cancel button * add new dropzone file input * run pnpm run fix * add tailwind preset in ui package * polish file version row * fix modal widths * hide added versions when no versions added * implement add loaders stage * implement small chips and small fixes * implement grouping for all releases * implement new all releases grouping * implement better shift click for version select * small fixes * fix search input style * delete versions provider and start project type inferring * implement getting project type * add versions empty state, add folder up icon and pnpm run fix * implement create version in project versions table * update side nav * implement dynamic create version flow depending on project type and detected data * add id to stages and fix calling setStage not working * move added loaded out of loader picker * remove selected and detected MC versions * add loading message to dependency search and fix dependency type always being "required" * fix components in ref * fix width on dropdown * implement toggle all mc versions based on state of last in range * fix mc version text colour * do proper clean up * update loaders to use tag item * update UI to use TagItem and better match styles * handle detected data when setting primary file * add progress bar * hide progress bar for non-progress stage * add loading state on submit * properly cache dependencies projects/versions * pnpm run fix * add dragover show purple border on dropzone file input * better handle added dependencies * move versions in side nav * implement adding file type * fix api body format for file type * implement working edit existing version - working add/remove file - working edit version details * a step towards proper versions refresh * add gallery to project settings * actually figured out refresh versions * move checklist into settings page * remove editing version from version page and add button to versions table in project settings * remove edit and delete buttons from gallery in project page * add empty state messages for project page * add default scroll bar styles * implement support for new file types * remove edit from dropdown in project page versions table * redirect to settings page * move changelog to row with actions * fix overflow on added dependencies * fix redirect * update scroll styles * implement add environment stage (create and modify version not persisting environment to backend) * small style fixes * small spacing fix * small style fixes * add a flag for loading dependency projects * address PR comments * fix modrinth ui imports * use magic keys instead of window.addeventlistener * add spacing in bottom of settings page * useDebounceFn from vue * fix inconsistent stroke * persist scroll through * fix remove button * fix api fields * fix version file dropdown: hide primary option in edit mode and fix setting initial value * fix links in nags * implement skipped field for skipping steps instead of mutating stages array's elements * implement suggested dependencies components * implement suggested dependencies api call * refactor cached get project and get version calls * always hide environments * update links * set scroll in 10ms * update links * fix links pt2 * fix shadow * fix progress bar * dont include mc versions in suggested versions finder * fix text overflow styles * use tooltip * fix change version name api * implement set environment api call * delete unused vue pages * implement detected environment, edit environment step, and fix showing loaders in details for no loader projects * small fix * no loaders project wrong check * fix not having 'minecraft' loader for resource pack * implement updating existing files file type * move add minecraft loader outside try catch * add datapack to have environment * fix being able to select duplicate MC versions * remove datapack project from environment * fix version fetch * fix having detected environment not properly skipping step * only add detected data when primary file changes * fix unknown environemtn * implement gallery and versions have moved admonition * update project page for creator view * small copy update * merge fixes * pnpm run fix * fix checkmark squished * fix version type can be deselected * refactor: DI context + better typed MultistageModal * fix type import * Misc QA fixes * fix allowed file types with no project type * implement new add files stage * fix versiosn header with new pagination * hide buttons when no files for add file stage * use prettier formatter * allow signature file types * add detecting primary file * fix progress bar in firefox * fix environment not correctly being hidden/shown * remove environment missing nag * temp bring back environment page * remove delete version action from project page * replace "continue" next button label with actual next step * fix types * pnpm run fix * move supplementary files alert up and update border radius style on dropzone * copy updates * small update on version num placeholder * update placeholder * make timeout on upload routes 2 minutes * fix lint issues * run pnpm intl:extract --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
382 lines
11 KiB
TypeScript
382 lines
11 KiB
TypeScript
// noinspection JSUnusedGlobalSymbols
|
||
|
||
// @ts-nocheck
|
||
|
||
import dayjs from 'dayjs'
|
||
|
||
export const external = (cosmetics) => (cosmetics.externalLinksNewTab ? '_blank' : '')
|
||
|
||
// Only use on the complete list of versions for a project,
|
||
// partial lists will generate the wrong version slugs
|
||
export const computeVersions = (versions, members) => {
|
||
const visitedVersions = []
|
||
const returnVersions = []
|
||
const authorMembers = {}
|
||
|
||
for (const version of versions.sort(
|
||
(a, b) => dayjs(a.date_published) - 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 }
|
||
}
|
||
return { duplicate: false, ...version }
|
||
})
|
||
.sort((a, b) => dayjs(b.date_published) - dayjs(a.date_published))
|
||
}
|
||
|
||
export const sortedCategories = (tags) => {
|
||
return tags.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
|
||
})
|
||
}
|
||
|
||
export const formatNumber = (number, abbreviate = true) => {
|
||
const x = Number(number)
|
||
if (x >= 1000000 && abbreviate) {
|
||
return `${(x / 1000000).toFixed(2).toString()}M`
|
||
} else if (x >= 10000 && abbreviate) {
|
||
return `${(x / 1000).toFixed(1).toString()}k`
|
||
}
|
||
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
|
||
}
|
||
|
||
export function formatDate(
|
||
date: dayjs.Dayjs,
|
||
options: Intl.DateTimeFormatOptions = {
|
||
month: 'long',
|
||
day: 'numeric',
|
||
year: 'numeric',
|
||
},
|
||
): string {
|
||
return date.toDate().toLocaleDateString(undefined, options)
|
||
}
|
||
|
||
export function formatMoney(number, abbreviate = false) {
|
||
const x = Number(number)
|
||
if (x >= 1000000 && abbreviate) {
|
||
return `$${(x / 1000000).toFixed(2).toString()}M`
|
||
} else if (x >= 10000 && abbreviate) {
|
||
return `$${(x / 1000).toFixed(2).toString()}k`
|
||
}
|
||
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 === 'bta-babric') {
|
||
return 'BTA (Babric)'
|
||
} else if (name === 'legacy-fabric') {
|
||
return 'Legacy Fabric'
|
||
} else if (name === 'java-agent') {
|
||
return 'Java Agent'
|
||
} else if (name === 'nilloader') {
|
||
return 'NilLoader'
|
||
} else if (name === 'mrpack') {
|
||
return 'Modpack'
|
||
} else if (name === 'minecraft') {
|
||
return 'Resource Pack'
|
||
} else if (name === 'vanilla') {
|
||
return 'Vanilla Shader'
|
||
} else if (name === 'geyser') {
|
||
return 'Geyser Extension'
|
||
}
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatCategoryHeader = (name) => {
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatProjectStatus = (name) => {
|
||
if (name === 'approved') {
|
||
return 'Public'
|
||
} else if (name === 'processing') {
|
||
return 'Under review'
|
||
}
|
||
|
||
return capitalizeString(name)
|
||
}
|
||
|
||
export const formatVersions = (versionArray, gameVersions) => {
|
||
const allVersions = 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 function cycleValue<T extends string>(value: T, values: T[]): T {
|
||
const index = values.indexOf(value) + 1
|
||
return values[index % values.length]
|
||
}
|
||
|
||
export const fileIsValid = (file, validationOptions) => {
|
||
const { maxSize, alertOnInvalid } = validationOptions
|
||
if (maxSize !== null && maxSize !== undefined && file.size > maxSize) {
|
||
if (alertOnInvalid) {
|
||
alert(`File ${file.name} is too big! Must be less than ${formatBytes(maxSize)}`)
|
||
}
|
||
return false
|
||
}
|
||
|
||
return true
|
||
}
|
||
|
||
export const acceptFileFromProjectType = (projectType) => {
|
||
const commonTypes = '.sig,.asc,.gpg,application/pgp-signature,application/pgp-keys'
|
||
switch (projectType) {
|
||
case 'mod':
|
||
return `.jar,.zip,.litemod,application/java-archive,application/x-java-archive,application/zip,${commonTypes}`
|
||
case 'plugin':
|
||
return `.jar,.zip,application/java-archive,application/x-java-archive,application/zip,${commonTypes}`
|
||
case 'resourcepack':
|
||
return `.zip,application/zip,${commonTypes}`
|
||
case 'shader':
|
||
return `.zip,application/zip,${commonTypes}`
|
||
case 'datapack':
|
||
return `.zip,application/zip,${commonTypes}`
|
||
case 'modpack':
|
||
return `.mrpack,application/x-modrinth-modpack+zip,application/zip,${commonTypes}`
|
||
default:
|
||
// all of the above
|
||
return `.jar,.zip,.litemod,.mrpack,application/java-archive,application/x-java-archive,application/zip,application/x-modrinth-modpack+zip,${commonTypes}`
|
||
}
|
||
}
|
||
|
||
// Sorts alphabetically, but correctly identifies 8x, 128x, 256x, etc
|
||
// identifier[0], then if it ties, identifier[1], etc
|
||
export const sortByNameOrNumber = (sortable, identifiers) => {
|
||
sortable.sort((a, b) => {
|
||
for (const identifier of identifiers) {
|
||
const aNum = parseFloat(a[identifier])
|
||
const bNum = parseFloat(b[identifier])
|
||
if (isNaN(aNum) && isNaN(bNum)) {
|
||
// Both are strings, sort alphabetically
|
||
const stringComp = a[identifier].localeCompare(b[identifier])
|
||
if (stringComp != 0) return stringComp
|
||
} else if (!isNaN(aNum) && !isNaN(bNum)) {
|
||
// Both are numbers, sort numerically
|
||
const numComp = aNum - bNum
|
||
if (numComp != 0) return numComp
|
||
} else {
|
||
// One is a number and one is a string, numbers go first
|
||
const numStringComp = isNaN(aNum) ? 1 : -1
|
||
if (numStringComp != 0) return numStringComp
|
||
}
|
||
}
|
||
return 0
|
||
})
|
||
return sortable
|
||
}
|
||
|
||
export const getArrayOrString = (x: string[] | string): string[] => {
|
||
if (typeof x === 'string') {
|
||
return [x]
|
||
} else {
|
||
return x
|
||
}
|
||
}
|
||
|
||
export function getPingLevel(ping: number) {
|
||
if (ping < 120) {
|
||
return 5
|
||
} else if (ping < 200) {
|
||
return 4
|
||
} else if (ping < 300) {
|
||
return 3
|
||
} else if (ping < 400) {
|
||
return 2
|
||
} else {
|
||
return 1
|
||
}
|
||
}
|
||
|
||
export function arrayBufferToBase64(buffer: Uint8Array | ArrayBuffer): string {
|
||
const bytes = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer)
|
||
return btoa(String.fromCharCode(...bytes))
|
||
}
|
||
export const DEFAULT_CREDIT_EMAIL_MESSAGE =
|
||
"We're really sorry about the recent issues with your server."
|