graphing/index.html

<!DOCTYPE html>

<head>
  <title>TypeScript Call Graph</title>
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <style>
    body {
      margin: 40px;
      font-family: sans-serif;
    }

    h2 {
      color: #383faa;
      font-size: 28px;
      pointer-events: none;
      user-select: none;
    }

    a {
      color: #4955dc;
      margin: 20px 0 20px 40px;
      display: inline-block;
    }

    img {
      border: 1px solid #4955dc;
      border-radius: 5px;
      padding: 10px;
    }

    .wip {
      font-size: 10px;
      color: #888888;
    }
  </style>
</head>

<body>
  <h2>
    TypeScript Call Graph
  </h2>

  <a id="cascade" href="cascade/index.html?start=pleaseSelectFunction">
    <img src="cascade.png">
  </a>

  <br>
  <a href="graphviz/index.html">Graphviz</a> <span class="wip">WIP</span>
  <br>

  <a href="arc/index.html">Arc</a> <span class="wip">WIP</span>
  <br>

  <a href="mermaid/index.html">Mermaid</a> <span class="wip">WIP</span>

  <script>

    fetch(`${window.location.origin}/all`)
      .then((response) => {
        return response.json();
      })
      .then((data) => {
        data.sort();
        const cascade = document.getElementById('cascade');
        cascade.href = 'cascade/index.html?start=' + data[0];
      });

  </script>

</body>