122 lines
3.4 KiB
JavaScript
122 lines
3.4 KiB
JavaScript
import { IC10Editor, setupLspWorker } from "./editor";
|
|
import { Session } from './session';
|
|
import { VirtualMachine } from "./virtual_machine";
|
|
|
|
const App = {
|
|
editor: null,
|
|
vm: null,
|
|
session: new Session()
|
|
};
|
|
|
|
window.App = App;
|
|
|
|
|
|
function docReady(fn) {
|
|
// see if DOM is already available
|
|
if (document.readyState === "complete" || document.readyState === "interactive") {
|
|
setTimeout(fn, 1);
|
|
} else {
|
|
document.addEventListener("DOMContentLoaded", fn);
|
|
}
|
|
}
|
|
|
|
docReady(() => {
|
|
|
|
App.vm = new VirtualMachine();
|
|
|
|
const init_session_id = App.vm.devices[0];
|
|
|
|
App.editor = new IC10Editor(init_session_id);
|
|
|
|
setupLspWorker().then((worker) => {
|
|
App.editor.setupLsp(worker);
|
|
})
|
|
|
|
|
|
// Menu
|
|
document.getElementById("mainMenuShare").addEventListener('click', (_event) => {
|
|
const link = document.getElementById("shareLinkText");
|
|
link.setAttribute('value', window.location);
|
|
link.setSelectionRange(0, 0);
|
|
}, { capture: true });
|
|
document.getElementById("shareLinkCopyButton").addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
const link = document.getElementById("shareLinkText");
|
|
link.select();
|
|
link.setSelectionRange(0, 99999);
|
|
navigator.clipboard.writeText(link.value);
|
|
}, { capture: true });
|
|
document.getElementById("mainMenuOpenFile").addEventListener('click', (_event) => {
|
|
openFile(editor);
|
|
}, { capture: true });
|
|
document.getElementById("mainMenuSaveAs").addEventListener('click', (_event) => {
|
|
saveFile(editor.getSession().getValue())
|
|
|
|
}, { capture: true });
|
|
document.getElementById("mainMenuKeyboardShortcuts").addEventListener('click', (_event) => {
|
|
App.editor.editor.execCommand("showKeyboardShortcuts");
|
|
}, { capture: true });
|
|
|
|
});
|
|
|
|
async function saveFile(content) {
|
|
const blob = new Blob([content], { type: "text/plain" });
|
|
if (typeof window.showSaveFilePicker !== "undefined") {
|
|
console.log("Saving via FileSystem API")
|
|
const options = {
|
|
types: [
|
|
{
|
|
suggestedName: "code.ic10",
|
|
description: 'Text Files',
|
|
accept: {
|
|
'text/plain': ['.txt', '.ic10'],
|
|
},
|
|
},
|
|
],
|
|
};
|
|
const saveHandle = await window.showSaveFilePicker(options);
|
|
const ws = await saveHandle.createWritable();
|
|
await ws.write(blob);
|
|
await ws.close();
|
|
} else {
|
|
console.log("saving file via hidden link event");
|
|
var a = document.createElement('a');
|
|
a.download = "code.ic10";
|
|
a.href = window.URL.createObjectURL(blob);
|
|
a.click();
|
|
}
|
|
}
|
|
|
|
async function openFile(editor) {
|
|
if (typeof window.showOpenFilePicker !== "undefined") {
|
|
console.log("opening file via FileSystem Api");
|
|
const [fileHandle] = await window.showOpenFilePicker();
|
|
const file = await fileHandle.getFile();
|
|
const contents = await file.text();
|
|
const session = editor.getSession();
|
|
session.setValue(contents);
|
|
} else {
|
|
console.log("opening file via hidden input event");
|
|
let input = document.createElement('input');
|
|
input.type = 'file';
|
|
input.accept = ".txt,.ic10,.mips,text/*";
|
|
input.onchange = _ => {
|
|
const files = Array.from(input.files);
|
|
console.log(files);
|
|
const file = files[0];
|
|
var reader = new FileReader();
|
|
reader.onload = (e) => {
|
|
const contents = e.target.result;
|
|
const session = editor.getSession();
|
|
// session.id = file.name;
|
|
session.setValue(contents);
|
|
};
|
|
reader.readAsText(file);
|
|
};
|
|
input.click();
|
|
}
|
|
}
|
|
|
|
|
|
|