Rust编写的JavaScript引擎,该项目是一个试验性质的项目。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
1.5 KiB

// Note that a dynamic `import` statement here is required due to
// webpack/webpack#6615, but in theory `import { greet } from './pkg/hello_world';`
// will work here one day as well!
const rust = import("./boa_wasm/pkg");
import * as monaco from "monaco-editor";
window.MonacoEnvironment = {
getWorkerUrl: function (moduleId, label) {
if (label === "json") {
return "./json.worker.js";
}
if (label === "css") {
return "./css.worker.js";
}
if (label === "html") {
return "./html.worker.js";
}
if (label === "typescript" || label === "javascript") {
return "./ts.worker.js";
}
return "./editor.worker.js";
},
};
const initialCode = `\
function greet(targetName) {
return 'Hello, ' + targetName + '!';
}
greet('World')
`;
const editor = monaco.editor.create(
document.getElementsByClassName("textbox")[0],
{
value: initialCode,
language: "javascript",
theme: "vs",
minimap: {
enabled: false,
},
}
);
// Fix size of Monaco Editor when window resize
window.addEventListener("resize", () => {
editor.layout();
});
rust.then((m) => {
window.evaluate = m.evaluate;
editor.getModel().onDidChangeContent(inputHandler);
inputHandler(); // Evaluate initial code
});
function inputHandler(evt) {
const text = editor.getValue();
let p = document.querySelector("p.output");
try {
let result = window.evaluate(text);
p.textContent = `> ${result}`;
} catch (err) {
console.error(err);
p.innerHTML = `<span style="color:red">${err}</span>`;
}
}