isolate/index.html

<html>

<head>
  <meta charset="UTF-8">
  <title id='title'></title>
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">

  <link rel="stylesheet" href="../app/style.css">
  <link rel="stylesheet" data-name="vs/editor/editor.main" href="../app/monaco/min/vs/editor/editor.main.css">

  <script src='../lib/beautify.js'> </script>
  <script type='module' src='../app/init.js'> </script>

  <script src='../lib/chai-and-chai-dom.js'></script>
  <script src='../lib/describe-it.js'></script>

</head>

<body>

  <main>

    <nav style='display:flex; flex-direction: row;'>
      <h1 id='header' style='padding-right: 3%;'></h1>
      <div class="dropdown">
        <h2 id='current-path'></h2>
        <div id='drop-down' class="dropdown-content"></div>
      </div>
    </nav>

    <section>
      <div id='study-buttons'></div>
    </section>

    <div id="container" style="width:100%;height:90%;border:1px solid grey;position: relative;"></div>

  </main>

  <script>var require = { paths: { 'vs': '../app/monaco/min/vs' } };</script>
  <script src="../app/monaco/min/vs/loader.js"></script>
  <script src="../app/monaco/min/vs/editor/editor.main.nls.js"></script>
  <script src="../app/monaco/min/vs/editor/editor.main.js"></script>

  <script>
    var editor = monaco.editor.create(document.getElementById('container'), {
      language: 'javascript',
      roundedSelection: true,
      scrollBeyondLastLine: false,
      theme: "vs-dark",
      wrappingIndent: "indent",
      wordWrap: 'wordWrapColumn',
      wordWrapColumn: 100,
      automaticLayout: true,
    });

    editor.getModel().updateOptions({ tabSize: 2 })
  </script>


</body>

</html>