script.js

document.querySelectorAll('.header-item').forEach(x =>
	x.addEventListener('click', (e) => {
		switch (e.target.id) {
			case 's': saveAsVLX(); break;
			case 'o': openVLX(); break;
			case 'm': openProject(); break;
			case 'j': saveAsSB3(); break;
			case 'k': openSB3(); break;
			case 'i': openWiki(); break;
		}
		e.stopPropagation();
	})
);

const tabs = document.querySelectorAll('.editor-tablist .tab')
tabs[0].classList.add('active');
tabs.forEach(tab => 
	tab.addEventListener('click', () => {
		tabs.forEach(t => t.classList.remove('active'));

        tab.classList.add('active');
	})
);

document.addEventListener('keydown', (e) => {
	if (e.ctrlKey) {
		switch (e.key) {
			case 's': saveAsVLX(); break;
			case 'o': openVLX(); break;
			case 'm': openProject(); break;
			case 'j': saveAsSB3(); break;
			case 'k': openSB3(); break;
			case 'i': openWiki(); break;
			default: return;
		}
		e.preventDefault();
	}
});

const sb3FileInput = document.getElementById('sb3');
const vlxFileInput = document.getElementById('vlx');

function saveAsVLX() {
	console.log('Saving as VLX file');
}

function openVLX() {
	vlxFileInput.click();
}

function saveAsSB3() {
	console.log('Saving SB3 file');
}

function openSB3() {
	sb3FileInput.click();
}

function openWiki() {
	window.open('https://www.youtube.com/watch?v=QB7ACr7pUuE', '_blank');
}

function openProject() {
	let link = prompt("Project link? (e.g. https://scratch.mit.edu/projects/12345678/)");
	if (link !== null && link.trim() !== "") {
		let id = extractProjectNumber(link);
		if (id !== null) {
			alert("Loading project id "+id);
		} else {
			alert("Invalid project id")
		}
	} else {
		alert("You didn't provide.");
	}
}

sb3FileInput.addEventListener('change', (e) => {
	const file = e.target.files[0];
	if (file) {
		if (file.name.endsWith('.sb3')) {
			console.log(`File uploaded: ${file.name}`);
			readSB3File(file);
		} else {
			alert('Please upload a valid .sb3 file.');
		}
	}
});

function readSB3File() {}
function readVLXFile() {}