@receptron/graphai_vue_cytoscape

Composable to show GraphAI state to Vue using cytoscape

install

yarn add @receptron/graphai_vue_cytoscape

Usage

import { defineComponent, ref } from "vue";

import { GraphAI } from "graphai";
import { useCytoscape } from "@receptron/graphai_vue_cytoscape";

export default defineComponent({
  setup() {
    const selectdGraph = ref(graphData)
    const { updateCytoscape, cytoscapeRef, resetCytoscape } = useCytoscape(selectdGraph);
    
    const run = async () => {
      const graphai = new GraphAI(selectdGraph.value, agents);
      graphai.onLogCallback = async ({ nodeId, state }) => {
        updateCytoscape(nodeId, state);
      };
      await graphai.run();
    }
    run();

    return {
      cytoscapeRef
    };
  }
});