webamp/packages/webamp-modern/src/test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Webamp Modern" />
    <title>Webamp Modern Test Suite</title>
    <style>
      body {
        margin: 0;
        font-size: 10px;
      }
      #editor {
        position: absolute;
        top: 40px;
        right: 0;
        bottom: 0;
        left: 0;
      }
      #panel * {
        display: inline-block;
      }
    </style>
  </head>
  <body>
    <div id="panel">
      <h3>Async wait for click demo</h3>
      <p>see the console</p>
      <button id="btn1">1: Continue loop</button>
      <button id="btn2">2: Continue loop</button>
      <button id="btn3">3: STOP loop</button>
    </div>
    <div id="editor"></div>
    <script type="module" src="/tests.js"></script>
    <!-- <script src="/ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> -->
    <!-- <script
      src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.5.1/ace.min.js"
      integrity="sha512-Mh8jyZ+gBs2KDbpusvN/Ojk5WG/lD5elGKtij4ZahbFct3fAub8qRSvjllTcmMyhywB6Y0e7DpGmEs0oXbCVvQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script> -->
    <!-- <script
      src="https://pagecdn.io/lib/ace/1.4.14/ace.min.js"
      crossorigin="anonymous"
      integrity="sha256-lHff7sYmofr9GsfmfNbPsMy6XbG8HoG0/zJvtovyCMU="
      ></script> -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js"></script>
      <script>
        ace.config.set(
          "basePath",
          // "https://cdnjs.cloudflare.com/ajax/libs/ace/1.5.1/"
          "https://pagecdn.io/lib/ace/1.4.14/"
      );
      // this function is called by test.ts via window.loaded();
      function loaded() {
        var editor = ace.edit("editor");
        // another theme pick: https://ace.c9.io/build/kitchen-sink.html
        editor.setTheme("ace/theme/one_dark");
        editor.session.setMode("ace/mode/objectivec");
      };
    </script>
  </body>
</html>