react-exec-and-stop

App.js

import {useState} from "react";
window.shouldStopCode = false;
function App() {
  // move(); move();
  const [workingCode, setWorkingCode] = useState("");

  function sleep(ms) {
    return new Promise((resolve) => setTimeout(resolve, ms));
  }

  const move = async () => {
    console.log(`Moving at ${Date.now()}`);
    await sleep(1000);
  };

  const runCode = (code) => {
    eval(
      `const fun = async() => {${code.replaceAll(
        "move()",
        "console.log(window.shouldStopCode); if (window.shouldStopCode) { throw new Error('CODE STOPPED')} await move()"
      )}}; fun();`
    );
  };

  const stopCode = () => {
    window.shouldStopCode = true;
    setTimeout(() => window.shouldStopCode = false, 2000);
  };

  return (
    <div className="App">
      <input onChange={(e) => setWorkingCode(e.target.value)}></input>
      <button onClick={() => runCode(workingCode)}>Run Code</button>
      <button onClick={() => stopCode()}>Stop Code</button>
    </div>
  );
}

export default App;