add copy state button

This commit is contained in:
Elizabeth Hunt 2023-11-17 12:12:57 -07:00
parent a54a7ba7c9
commit 57a4d43984
Signed by: simponic
GPG Key ID: 52B3774857EB24B1
2 changed files with 15 additions and 2 deletions

View File

@ -54,7 +54,8 @@
Y <- Y + 1
GOTO C1</textarea>
<div>
<button id="compile">Compile</button>
<button id="compile">Compile</button> <button id=
"copy">Copy</button>
</div>
<div>
<span style="margin-left: 0.5rem" id=

View File

@ -77,6 +77,18 @@ const compiledEditorEl = CodeMirror.fromTextArea(compiledEl, codeMirrorConfig);
const godelSequenceEl = document.getElementById("godel_sequence");
const godelNumberEl = document.getElementById("godel_number");
const godelNumberComputeBtn = document.getElementById("godel_number_comp");
const copyStateButton = document.getElementById("copy");
// hackily copy the program state and put it in the clipboard
copyStateButton.addEventListener("click", () => {
const instructions = btoa(instructionsEditorEl.getValue());
navigator.clipboard
.writeText(
window.location.href.split("?")[0] + `?instructions=${instructions}`
)
.then(() => alert("copied to clipboard"));
});
state.subscribe((msg) => {
if (msg.type == MESSAGES.COMPILE_RESULT) {
@ -146,7 +158,7 @@ state.subscribe((msg) => {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.get("instructions")) {
editorEl.setValue(atob(urlParams.get("instructions")));
instructionsEditorEl.setValue(atob(urlParams.get("instructions")));
}
compileButton.addEventListener("click", () => {