@receptron/graphai_vue_cytoscape 0.0.17 → 0.2.0

package/README.md

@@ -23,9 +23,7 @@ export default defineComponent({
     
     const run = async () => {
       const graphai = new GraphAI(selectdGraph.value, agents);
-      graphai.onLogCallback = async ({ nodeId, state }) => {
-        updateCytoscape(nodeId, state);
-      };
+      graphai.registerCallback(updateCytoscape);
       await graphai.run();
     }
     run();
@@ -37,3 +35,6 @@ export default defineComponent({
 });
 ```
 
+### requirement
+
+GraphAI 0.6.23 or above

package/lib/cytoscape.d.ts

@@ -1,11 +1,11 @@
 import { Ref, ComputedRef } from "vue";
-import { GraphData, NodeState } from "graphai";
+import { GraphData, TransactionLog } from "graphai";
 import { DataSource } from "graphai/lib/type";
 export declare const inputs2dataSources: (inputs: any) => string[];
 export declare const dataSourceNodeIds: (sources: DataSource[]) => string[];
 export declare const useCytoscape: (selectedGraph: ComputedRef<GraphData> | Ref<GraphData>) => {
     cytoscapeRef: Ref<any, any>;
-    updateCytoscape: (nodeId: string, state: NodeState) => Promise<void>;
+    updateCytoscape: (log: TransactionLog) => Promise<void>;
     resetCytoscape: () => void;
     layoutCytoscape: (key: string) => void;
     loadLayout: (key: string) => void;

package/lib/cytoscape.js

@@ -270,12 +270,13 @@ var useCytoscape = function (selectedGraph) {
     var cytoscapeData = (0, vue_1.ref)(cytoscapeFromGraph((_a = selectedGraph.value) !== null && _a !== void 0 ? _a : { nodes: {} }));
     var cytoscapeRef = (0, vue_1.ref)();
     var zoomingEnabled = (0, vue_1.ref)(true);
-    var updateCytoscape = function (nodeId, state) { return __awaiter(void 0, void 0, void 0, function () {
-        var elements, graph, nodeData;
+    var updateCytoscape = function (log) { return __awaiter(void 0, void 0, void 0, function () {
+        var nodeId, state, elements, graph, nodeData;
         var _a, _b, _c;
         return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
+                    nodeId = log.nodeId, state = log.state;
                     if (![graphai_1.NodeState.Completed, graphai_1.NodeState.Waiting].includes(state)) return [3 /*break*/, 2];
                     return [4 /*yield*/, (0, graphai_1.sleep)(100)];
                 case 1:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@receptron/graphai_vue_cytoscape",
-  "version": "0.0.17",
+  "version": "0.2.0",
   "main": "lib/cytoscape.js",
   "files": [
     "./lib"