test-mutable-generator.html

index.html

<div class="animation"></div>
<div class="slider"></div>
<p>
  Credit:
  <a
    href="https://observablehq.com/@observablehq/how-to-embed-a-notebook-in-a-react-app"
    >🤔 How to: Embed a Notebook in a React App by Observable</a
  >
</p>

<script type="module">
  import {
    Runtime,
    Inspector
  } from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
  import define from "https://api.observablehq.com/@observablehq/how-to-embed-a-notebook-in-a-react-app.js?v=3";
  new Runtime().module(define, name => {
    if (name === "animation") return Inspector.into(".animation")();
    if (name === "slider") return Inspector.into(".slider")();
    if (name === "mutable speed")
      return {
        pending() {},
        fulfilled(value) {
          console.log(value);
          (async () => {
            for await (let v of value.generator) {
              console.log(v);
            }
          })();
        },
        rejected(error) {
          console.log("err", error);
        }
      };
  });
</script>