Miigon/bodgeimagesort.html

## bodgeimagesort.html
<!-- NOTE: open this page in browser locally *without serving* (Author: miigon) -->

<body><div id="display" style="width: 100%; height: 75%; margin: 2px; border: solid;">
	<video id="video" style="width: 100%; height: 100%;" controls autoplay></video>
	<image id="image" style="width: 100%; height: 100%; object-fit: contain;"/>
</div>
<div id="text" style="width: 100%; height: 20%; margin: 2px; padding: 10px; border: solid;"></div>
<script>
	di=document.getElementById("display");
	vi=document.getElementById("video");
	im=document.getElementById("image");
	tx=document.getElementById("text");
	next = async() => {
		r=await(await fetch("http://localhost:8080/queryprogress")).json();
		if(r.current == r.total) {
			alert("all done! no file left.");
			return;
		}
		console.log(r)
		if(r.type=="video") {
			vi.hidden = false; im.hidden = true;
			vi.src = r.res;
			vi.play();
		} else {
			im.hidden = false; vi.hidden = true;
			im.src = r.res;
		}
		btns = r.dests.map((v,i) => `<button style="height: 2em;" onclick="clk(${i});">${v}</button>`).join(" ")
		tx.innerHTML = `FILE ${(r.current+1)}/${r.total}<br>FILENAME: ${r.next}<br>TYPE: ${r.type}<br> OPERATION: ${btns}`;
	}
	clk = function(i) {
		console.log(i)
		tx.innerHTML = "moving file to " + r.dests[i];
		vi.src = "";
		setTimeout(async ()=>{
			var res = await (await fetch("http://localhost:8080/move/"+r.next+"?dest="+i)).text()
			if(res == "success") {
				next();
			} else {
				alert("failed! check console for more.\n"+res);
			}
		},100); // wait 100ms, for video to unload
	}
	document.onkeypress = function (e) {
		e = e || window.event;
		key = e.keyCode - 49;
		if(key >= 0 && key < r.dests.length) {
			clk(key);
		}
	}
	next();
</script>
</body>

## bodgeimagesort.js
// NOTE: run this script under Node.js (Author: miigon)

const ROOT_FOLDER = "./data"; // source
// destinations
const DESTS = ["./folder1", "./folder2", "./folder3", "./folder4", "./folder5", "./folder6"];
// images and videos extension names
const EXTNAMES_IMG = [".jpg", ".png"];
const EXTNAMES_VIDEO = [".mp4"];
// note: this tool only scans for files on startup
// if any file name changed, please restart the tool

const HOST = "localhost"; // use localhost for safety
const PORT = 8080;

const fs = require('fs');
const http = require('http');
const url = require('url');
const path = require('path');

function gettype(v) {
	let ext = path.extname(v);
	if(EXTNAMES_IMG.indexOf(ext) != -1) return "img";
	if(EXTNAMES_VIDEO.indexOf(ext) != -1) return "video";
	return "unknown";
}

console.log("reading directory...");
console.log("matching extensions: video:", EXTNAMES_VIDEO);
console.log("matching extensions: image:", EXTNAMES_IMG);
dir = fs.readdirSync(ROOT_FOLDER)
	.sort() // could also sort by modified date using fs.statSync
	.filter(v => gettype(v) != "unknown")
console.log("found files with matching extension: ", dir.length);

let current = 0;

http.createServer(async function (req, res) {
	u = url.parse(req.url, true);
	res.setHeader('Access-Control-Allow-Origin', '*');
	res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
	res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');

	if(u.pathname.substr(0,6) == "/move/") {
		let file = decodeURIComponent(u.pathname.substr(6))
		let fullpath = path.join(ROOT_FOLDER, file);
		let dest = Number(u.query["dest"]);
		if(dir.indexOf(file) == -1) {
			res.writeHead(400);
			res.end("bad request: invalid file name");
		} else if (Number.isNaN(dest) || dest < 0 || dest > DESTS.length) {
			res.writeHead(400);
			res.end("bad request: invalid dest");
		} else {
			res.writeHead(200);
			console.log("move",fullpath,"to",DESTS[dest]);
			fs.renameSync(fullpath,path.join(DESTS[dest], file));
			current++;
			res.end("success");
		}
	} else if(u.pathname == "/queryprogress") {
		let next = dir[current] || "";
		res.writeHead(200);
		res.end(JSON.stringify({
			total: dir.length, current, next, dests: DESTS,
			//res: "file:///" + path.join(path.resolve(ROOT_FOLDER), next),
			res: "file://" + path.join("/D:/projects/bodgeimagesort/data", next),
			type: gettype(next),
		}));
	} else if(u.pathname == "/") {
		res.writeHead(200);
		res.end("just open bodgeimagesort.html locally in browser.");
	} else {
		await next();
	}
}).listen(PORT, HOST);
console.log(`listening on ${HOST}:${PORT}... please open ./bodgeimagesort.html in browser (by double clicking the file)`);
	<!-- NOTE: open this page in browser locally without serving (Author: miigon) -->

	<body><div id="display" style="width: 100%; height: 75%; margin: 2px; border: solid;">
	<video id="video" style="width: 100%; height: 100%;" controls autoplay></video>
	<image id="image" style="width: 100%; height: 100%; object-fit: contain;"/>
	</div>
	<div id="text" style="width: 100%; height: 20%; margin: 2px; padding: 10px; border: solid;"></div>
	<script>
	di=document.getElementById("display");
	vi=document.getElementById("video");
	im=document.getElementById("image");
	tx=document.getElementById("text");
	next = async() => {
	r=await(await fetch("http://localhost:8080/queryprogress")).json();
	if(r.current == r.total) {
	alert("all done! no file left.");
	return;
	}
	console.log(r)
	if(r.type=="video") {
	vi.hidden = false; im.hidden = true;
	vi.src = r.res;
	vi.play();
	} else {
	im.hidden = false; vi.hidden = true;
	im.src = r.res;
	}
	btns = r.dests.map((v,i) => `<button style="height: 2em;" onclick="clk(${i});">${v}</button>`).join(" ")
	tx.innerHTML = `FILE ${(r.current+1)}/${r.total}<br>FILENAME: ${r.next}<br>TYPE: ${r.type}<br> OPERATION: ${btns}`;
	}
	clk = function(i) {
	console.log(i)
	tx.innerHTML = "moving file to " + r.dests[i];
	vi.src = "";
	setTimeout(async ()=>{
	var res = await (await fetch("http://localhost:8080/move/"+r.next+"?dest="+i)).text()
	if(res == "success") {
	next();
	} else {
	alert("failed! check console for more.\n"+res);
	}
	},100); // wait 100ms, for video to unload
	}
	document.onkeypress = function (e) {
	e = e \|\| window.event;
	key = e.keyCode - 49;
	if(key >= 0 && key < r.dests.length) {
	clk(key);
	}
	}
	next();
	</script>
	</body>
	// NOTE: run this script under Node.js (Author: miigon)

	const ROOT_FOLDER = "./data"; // source
	// destinations
	const DESTS = ["./folder1", "./folder2", "./folder3", "./folder4", "./folder5", "./folder6"];
	// images and videos extension names
	const EXTNAMES_IMG = [".jpg", ".png"];
	const EXTNAMES_VIDEO = [".mp4"];
	// note: this tool only scans for files on startup
	// if any file name changed, please restart the tool

	const HOST = "localhost"; // use localhost for safety
	const PORT = 8080;

	const fs = require('fs');
	const http = require('http');
	const url = require('url');
	const path = require('path');

	function gettype(v) {
	let ext = path.extname(v);
	if(EXTNAMES_IMG.indexOf(ext) != -1) return "img";
	if(EXTNAMES_VIDEO.indexOf(ext) != -1) return "video";
	return "unknown";
	}

	console.log("reading directory...");
	console.log("matching extensions: video:", EXTNAMES_VIDEO);
	console.log("matching extensions: image:", EXTNAMES_IMG);
	dir = fs.readdirSync(ROOT_FOLDER)
	.sort() // could also sort by modified date using fs.statSync
	.filter(v => gettype(v) != "unknown")
	console.log("found files with matching extension: ", dir.length);

	let current = 0;

	http.createServer(async function (req, res) {
	u = url.parse(req.url, true);
	res.setHeader('Access-Control-Allow-Origin', '*');
	res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
	res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');

	if(u.pathname.substr(0,6) == "/move/") {
	let file = decodeURIComponent(u.pathname.substr(6))
	let fullpath = path.join(ROOT_FOLDER, file);
	let dest = Number(u.query["dest"]);
	if(dir.indexOf(file) == -1) {
	res.writeHead(400);
	res.end("bad request: invalid file name");
	} else if (Number.isNaN(dest) \|\| dest < 0 \|\| dest > DESTS.length) {
	res.writeHead(400);
	res.end("bad request: invalid dest");
	} else {
	res.writeHead(200);
	console.log("move",fullpath,"to",DESTS[dest]);
	fs.renameSync(fullpath,path.join(DESTS[dest], file));
	current++;
	res.end("success");
	}
	} else if(u.pathname == "/queryprogress") {
	let next = dir[current] \|\| "";
	res.writeHead(200);
	res.end(JSON.stringify({
	total: dir.length, current, next, dests: DESTS,
	//res: "file:///" + path.join(path.resolve(ROOT_FOLDER), next),
	res: "file://" + path.join("/D:/projects/bodgeimagesort/data", next),
	type: gettype(next),
	}));
	} else if(u.pathname == "/") {
	res.writeHead(200);
	res.end("just open bodgeimagesort.html locally in browser.");
	} else {
	await next();
	}
	}).listen(PORT, HOST);
	console.log(`listening on ${HOST}:${PORT}... please open ./bodgeimagesort.html in browser (by double clicking the file)`);