Use executeRedisCommand func from redisinsight-plugin-sdk package

Author: GnaneshKunal

redisinsight/ui/src/packages/redisgraph/package.json

@@ -72,6 +72,7 @@
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-json-tree": "^0.16.1"
+    "react-json-tree": "^0.16.1",
+    "redisinsight-plugin-sdk": "^1.0.0"
   }
 }

redisinsight/ui/src/packages/redisgraph/src/Graph.tsx

@@ -3,6 +3,7 @@ import * as d3 from 'd3';
 import Graphd3 from './graphd3';
 import {responseParser} from './parser';
 import * as Utils from './utils';
+import { executeRedisCommand  } from 'redisinsight-plugin-sdk'
 
 import {
   EuiButtonIcon,
@@ -69,7 +70,7 @@ export default function Graph(props: { graphKey: string, data: any[] }) {
     if (parsedResponse.nodeIds.length > 0) {
       try {
         /* Fetch named path nodes */
-        const resp = await globalThis.PluginSDK?.executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n) WHERE id(n) IN [${[...parsedResponse.nodeIds]}] RETURN n"`);
+        const resp = await executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n) WHERE id(n) IN [${[...parsedResponse.nodeIds]}] RETURN n"`);
 
         if (Array.isArray(resp) && (resp.length >= 1 || resp[0].status === 'success')) {
           const parsedData = responseParser(resp[0].response)
@@ -100,7 +101,7 @@ export default function Graph(props: { graphKey: string, data: any[] }) {
 
     try {
       /* Fetch neighbours automatically */
-      const resp = await globalThis.PluginSDK?.executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n)-[t]->(m) WHERE ID(n) IN [${[...nodeIds]}] OR ID(m) IN [${[...nodeIds]}] RETURN DISTINCT t"`);
+      const resp = await executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n)-[t]->(m) WHERE ID(n) IN [${[...nodeIds]}] OR ID(m) IN [${[...nodeIds]}] RETURN DISTINCT t"`);
 
       if (Array.isArray(resp) && (resp.length >= 1 || resp[0].status === 'success')) {
         const parsedData = responseParser(resp[0].response)
@@ -161,7 +162,7 @@ export default function Graph(props: { graphKey: string, data: any[] }) {
       },
       async onNodeDoubleClick(nodeSvg, node) {
         /* Get direct neighbours automatically */
-        const data = await globalThis.PluginSDK?.executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n)-[t]-(m) WHERE id(n)=${node.id} RETURN t, m"`)
+        const data = await executeRedisCommand(`graph.ro_query "${props.graphKey}" "MATCH (n)-[t]-(m) WHERE id(n)=${node.id} RETURN t, m"`)
         if (!Array.isArray(data)) return;
         if (data.length < 1 || data[0].status !== 'success') return;
         const parsedData = responseParser(data[0].response)

redisinsight/ui/src/packages/redisgraph/yarn.lock

@@ -3019,6 +3019,11 @@ react@^17.0.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+redisinsight-plugin-sdk@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/redisinsight-plugin-sdk/-/redisinsight-plugin-sdk-1.0.0.tgz#1519cfcf41a0ede8b0f3e491bc5560e33e2df040"
+  integrity sha512-myF7hrUPx31kWdr8EcXCTR5925ZC68Sfu5WSEqFWXH8CoDqgILkx8AQVg8P5Q0WGfRllgSY0SH2zhC4TD9me4w==
+
 redux@^4.0.0, redux@^4.0.4:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/redux/-/redux-4.1.2.tgz#140f35426d99bb4729af760afcf79eaaac407104"