scratch/frictionless-browser
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

eons menu

Browse source
This commit is contained in:
onezplpl 2024-08-17 00:24:05 -03:00
parent 668b448a73
commit 410990fe22
4 changed files with 498 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

73
js/app.js
View file

@ -1,39 +1,36 @@
let area = document.querySelector('#area-main');
let entries = [];
let users = {};
let fetchData;
let sum = 0;
let doThings = false;
let i = 0;
async function genTree(treeId) {
let entry = treeId;
while (true) {
let entryDat = fetchData[entry];
if (!entryDat) break;
entries.push(entry);
let us = users[entryDat.username];
if (!entryDat) break;
console.log(entryDat);
let us = users[entryDat.username];
let s = 1 / ((new Date() - new Date(entryDat.datetime_created.$date)) + 1000*60*60);
sum += s;
users[entryDat.username] = (us ? us : 0) + s;
entry = entryDat.parent_id;
}
return entry;
}
let doThings = false;
async function main() {
fetchData = await fetch(`https://scratch.mit.edu/projects/1052168454/remixtree/bare/`).then(x => x.json());
fetchData = await fetch(`https://scratch.mit.edu/projects/${treeID}/remixtree/bare/`).then(x => x.json());
let latestData = await fetch("https://corsproxy.io/?https://api.scratch.mit.edu/studios/34493018/projects").then(x => x.json());
let latestData = await fetch(`https://corsproxy.io/?https://api.scratch.mit.edu/studios/${studioID}/projects`).then(x => x.json());
let lid = latestData[0].id;
while (fetchData[lid].children.length > 0) {
@ -42,33 +39,55 @@ async function main() {
lid = ch2[0] || ch[0];
}
await genTree(lid); // latest project
await genTree("654605857"); // tree bug here, unavoidable without jank
for (let gap of treeGaps) {
await genTree(gap); // tree bug here, unavoidable without jank
}
let params = new URL(window.location).searchParams;
entries.forEach((x,i) => x && fetchData[x] ? (fetchData[x].id = entries.length - i - 2) : null);
let start = params.get('start') * 1;
let end = params.get('end') * 1;
if (start && end) {
entries = entries.splice(entries.length - end - 2,end - start + 1);
}
doThings = true;
document.querySelector('.contributors').innerHTML = Object.keys(users)
.sort((x, y) => users[y] - users[x])
.map(x => `<a href='https://scratch.mit.edu/users/${x}'>${x}</a> <sub>${Math.trunc(users[x] / sum * 100000) / 1000}%</sub>`)
.join(', '); // Doesn't need to be sanitized (hopefully)
let newEras = importedEras.split('\n').map(x => x.split('-')).map(x => ({start: x[0] * 1, end: x[1] * 1, name: x[2].slice(1)}));
eras = [...eras, ...newEras];
document.querySelector('.eras').innerHTML = eras.map(x => `<a href='?start=${x.start}&end=${x.end}'>${x.name}`).join(', ');
setInterval(function () {
if (doThings && (window.innerHeight + window.scrollY) >= document.body.scrollHeight - 25)
scroller();
}, 500)
}
main();
let i = 0;
function sanitize(content) {
const decoder = document.createElement('div');
decoder.textContent = content;
return decoder.innerHTML;
}
setInterval(function () {
if (doThings && (window.innerHeight + window.scrollY) >= document.body.scrollHeight - 25) {
let h = '';
for (let j = 0; j < 35; j++) {
let entry = entries[i];
if (!entry || !(entry in fetchData)) break;
h += `<div class='proj'><a href="https://scratch.mit.edu/projects/${entry}"><img src='https://uploads.scratch.mit.edu/get_image/project/${entry}_1920x1080.png'>${sanitize(fetchData[entry].title)}</a> <sub>#${entries.length - i} by ${fetchData[entry].username}</sub></div>`;
i++;
}
area.innerHTML += h;
function scroller() {
let h = '';
for (let j = 0; j < 35; j++) {
let entry = entries[i];
if (!entry || !(entry in fetchData)) break;
h += `<div class='proj'><a href="https://scratch.mit.edu/projects/${entry}"><img src='https://uploads.scratch.mit.edu/get_image/project/${entry}_1920x1080.png'>${sanitize(fetchData[entry].title)}</a> <sub>#${fetchData[entry].id} by ${fetchData[entry].username}</sub></div>`;
i++;
}
}, 500);
area.innerHTML += h;
}
main();