You've already forked AstralRinth
forked from didirus/AstralRinth
* New project page * fix silly icon tailwind classes * Start new versions page, add new ButtonStyled component * Pagination and finish mocking up versions page functionality * green download button * hover animation * New Modal, Avatar refactor, subpages in NavTabs * lint * Download modal * New user page + fix lint * fix ui lint * Download animation fix * Versions filter + finish project page * Improve consistency of buttons on home page * Fix ButtonStyled breaking * Fix margin on version summary * finish search, new modals, user + project page mobile * fix gallery image pages * New project header * Fix gallery tab showing improperly * Use auto direction + position for all popouts * Preliminary user page * test to see if this fixes login stuff * remove extra slash * Add version actions, move download button on versions page * Listed -> public * Shorten download modal selector height * Fix user menu open direction * Change breakpoint for header collapse * Only underline title * Tighten padding on stats a little * New nav * Make mobile breakpoint more consistent * fix header breakpoint regression * Add sign in button * Fix edit icon color * Fix margin at top of screen * Fix user bios and ad width * Fix user nav showing when there's only one type of project * Fix plural projects on user page & extract i18n * Remove ads on mobile for now * Fix overflow menu showing hidden items * NavTabs on mobile * Fix navbar z index * Search filter overhaul + negative filters * fix no-max-height * port version filters, fix following/collections, lint * hide promos * ui lint * Disable modal background animation to reduce reported motion sickness * Hide install with modrinth app button on mobile --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> Co-authored-by: Prospector <prospectordev@gmail.com>
322 lines
9.8 KiB
JavaScript
322 lines
9.8 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);
|
||
|
||
/*
|
||
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 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];
|
||
};
|