Polyomino Tiler (gfredericks.com) JSON export snippet.js

const startExport = () => {
	console.info("Starting export...");
	let pte_export = [];
	document.querySelectorAll("#tetris tr").forEach((elRow) => {
		let row = [];
		elRow.querySelectorAll("td").forEach((elCell) => {
			let borders = "";
			borders += elCell?.style?.borderLeftColor === "rgb(0, 0, 0)" ? "L" : "";
			borders += elCell?.style?.borderRightColor === "rgb(0, 0, 0)" ? "R" : "";
			borders += elCell?.style?.borderTopColor === "rgb(0, 0, 0)" ? "T" : "";
			borders += elCell?.style?.borderBottomColor === "rgb(0, 0, 0)" ? "B" : "";
			row.push(borders);
		});
		pte_export.push(row);
	});
	console.log("Export is ready, dumping data...");
	console.log(pte_export);
	navigator.clipboard.writeText(JSON.stringify(pte_export));
	//console.log(JSON.stringify(pte_export));
};

// rig go button
document.getElementById("go_button").addEventListener("click", () => {
	console.info("Waiting for tiler...");
	const waitInterval = setInterval(() => {
		if(document.getElementById("pause_button")?.style?.display === "none") {
			clearInterval(waitInterval);
			startExport();
		}
	}, 200);
});

const exportButton = document.createElement("div");
exportButton.innerHTML = '<button type="button" onclick="startExport()">Export JSON</button>';
document.getElementById("go_button").after(exportButton.firstElementChild);