zumbiepig/MineXLauncher
1
0
Fork 0
mirror of https://github.com/zumbiepig/MineXLauncher.git synced 2025-06-26 10:05:10 +00:00
Code Activity

.

Browse Source
This commit is contained in:
zumbiepig
2024-08-17 10:43:32 -07:00
parent 9920af7724
commit a2dead18dd
49 changed files with 234 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/resources/scripts/mods/mods.ts
View File

@@ -1,29 +1,13 @@
document.addEventListener('DOMContentLoaded', async () => {
try {
const response = await fetch('/resources/data/mods.json');
const data = await response.json();
const modListElement = document.querySelector('.mod-list');
const response = await fetch('/resources/mods/data.json');
const data = await response.json();
const modListElement = document.querySelector('.mod-list');
data.mods.forEach(({ icon, author, description, displayName, authorLink, repoLink, downloadLink }) => {
const modItem = document.createElement('div');
modItem.classList.add('mod-item');
modItem.innerHTML = `
<div class="mod-icon">
<img loading="lazy" src="${icon}" />
</div>
<div class="mod-details">
<h3 class="mod-name">${displayName}</h3>
<p class="mod-author">By <a href="${authorLink}" target="_blank">${author}</a></p>
<p class="mod-description">${description}</p>
<div class="mod-links">
<a href="${repoLink}" class="mod-link" target="_blank">Repository</a>
<a href="${downloadLink}" class="mod-link" download>Download</a>
</div>
</div>
`;
modListElement?.appendChild(modItem);
});
} catch (error) {
console.error('Error fetching mods:', error);
}
// @ts-expect-error 123
data.mods.forEach(({ id, name, description, author, authorLink, source }) => {
const div = document.createElement('div');
div.classList.add('mod-item');
div.innerHTML = `<div class="mod-icon"><img loading="lazy" src="/resources/mods/icons/${id}.webp" /></div><div class="mod-details"><h3 class="mod-name">${name}</h3><p class="mod-author">By <a href="${authorLink}" target="_blank">${author}</a></p><p class="mod-description">${description}</p><div class="mod-links"><a href="${source}" class="mod-link" target="_blank">Source</a><a href="/resources/mods/downloads/${id}.js" class="mod-link" download>Download</a></div></div>`;
modListElement?.appendChild(div);
});
});

40
src/resources/scripts/mods/resourcepacks.ts
View File

@@ -1,29 +1,13 @@
document.addEventListener('DOMContentLoaded', function () {
fetch('/resources/data/mods.json')
.then((response) => response.json())
.then((data: { resourcepacks: { [x: string]: string; icon: string; author: string; description: string }[] }) => {
const modListElement = document.querySelector('.mod-list');
data.resourcepacks.forEach((mod: { [x: string]: string; icon: string; author: string; description: string }) => {
const modItem = document.createElement('div');
modItem.classList.add('mod-item');
modItem.innerHTML = `
<div class="mod-icon">
<img loading="lazy" src="${mod.icon}" />
</div>
<div class="mod-details">
<h3 class="mod-name">${mod['display-name'] ?? ''}</h3>
<p class="mod-author">By <a href="${mod['author-link'] ?? ''}" target="_blank">${mod.author}</a></p>
<p class="mod-description">${mod.description}</p>
<div class="mod-links">
<a href="${mod['repo-link'] ?? ''}" class="mod-link" target="_blank">Repository</a>
<a href="${mod['download-link'] ?? ''}" class="mod-link" download>Download</a>
</div>
</div>
`;
modListElement?.appendChild(modItem);
});
})
.catch((error: unknown) => {
console.error('Error fetching resource packs:', error);
});
document.addEventListener('DOMContentLoaded', async () => {
const response = await fetch('/resources/mods/data.json');
const data = await response.json();
const modListElement = document.querySelector('.mod-list');
// @ts-expect-error 123
data.resourcepacks.forEach(({ id, name, description, author, authorLink, source }) => {
const div = document.createElement('div');
div.classList.add('mod-item');
div.innerHTML = `<div class="mod-icon"><img loading="lazy" src="/resources/mods/icons/${id}.webp" /></div><div class="mod-details"><h3 class="mod-name">${name}</h3><p class="mod-author">By <a href="${authorLink}" target="_blank">${author}</a></p><p class="mod-description">${description}</p><div class="mod-links"><a href="${source}" class="mod-link" target="_blank">Source</a><a href="/resources/mods/downloads/${id}.zip" class="mod-link" download>Download</a></div></div>`;
modListElement?.appendChild(div);
});
});