<script src="https://cdn.jsdelivr.net/npm/graphai@0.5.18/lib/bundle.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@graphai/vanilla@0.1.7/lib/bundle.umd.min.js"></script>

<body>
  <h1>GraphAI</h1>
  <div id="result"></div>
  <div>
    <input id="runGraphAI" type="button" value="Run" />
  </div>
</body>
const { GraphAI } = graphai;

const graph = new GraphAI(
  {
    version: 0.5,
    nodes: {
      test: {
        agent: "echoAgent",
        params: {
          text: "hello"
        }
      },
      test2: {
        agent: "copyAgent",
        params: {
          namedKey: "text"
        },
        inputs: { text: ":test.text" }
      }
    }
  },
  vanilla_agents
);

const runGraphAI = () => {
  graph.run(true).then((res) => {
    console.log(res);
    const text = document.getElementById("result");
    text.innerHTML = "<strong>" + JSON.stringify(res) + "</strong>";
  });
};

document.getElementById("runGraphAI").addEventListener("click", runGraphAI);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.