feat: add gephi support!

Author: wey-gu

Dockerfile

@@ -31,7 +31,7 @@ LABEL org.opencontainers.image.title="NebulaGraph" \
     com.docker.extension.detailed-description="NebulaGraph is a popular Open-Source, distributed Cloud Native Graph Database for trillion edges graph data volume." \
     com.docker.extension.publisher-url="https://github.com/vesoft-inc/nebula" \
     com.docker.extension.additional-urls='[{"title":"WebSite","url":"https://www.nebula-graph.io/"}, {"title":"GitHub","url":"https://github.com/vesoft-inc/nebula"}, {"title":"Slack","url":"http://community-chat.nebula-graph.io/"}, {"title":"Docker Extension Feedback","url":"https://github.com/nebula-contrib/nebulagraph-docker-ext/issues/new/choose"}]' \
-    com.docker.extension.changelog="Studio with dual-arch support, added console new window btn. See https://github.com/nebula-contrib/nebulagraph-docker-ext/" \
+    com.docker.extension.changelog="Add NebulaGraph Gephi! Now we could perform Graph Algo in Browser and Graph with Gephi-Lite" \
     com.docker.desktop.extension.icon="https://user-images.githubusercontent.com/1651790/213339618-107d0e59-1b8b-4c89-bbae-5529aa4e2666.svg" \
     com.docker.extension.categories="database"
 

docker-compose.yaml

@@ -349,6 +349,24 @@ services:
       start_period: 20s
     networks:
       - nebula-net
+
+  nebulagraph_gephi:
+    labels:
+      - "com.vesoft.scope=utils"
+    image: weygu/nebulagraph-gephi-exchange:0.1.0
+    environment:
+      USER: root
+    ports:
+      - 17005:8501
+    healthcheck:
+      test: ["CMD", "curl", "-I", "localhost:8501"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 20s
+    networks:
+      - nebula-net
+
   studio_lagacy:
     # profiles: ["studio"]
     labels:

ui/src/App.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import Button from '@mui/material/Button';
-import { Insights, Explore, KeyboardArrowRight } from '@mui/icons-material';
+import { Insights, Explore, KeyboardArrowRight, AutoAwesome } from '@mui/icons-material';
 import { createDockerDesktopClient } from '@docker/extension-api-client';
+
 import {
   AppBar,
   Box,
@@ -52,6 +53,20 @@ export function App() {
 
           <span style={{marginRight: 10}}></span>
 
+          <Box>
+            <Button
+              variant="outlined"
+              onClick={() =>
+                ddClient.host.openExternal('http://127.0.0.1:17005')
+              }
+              endIcon={<AutoAwesome />}
+            >
+              Gephi-Lite
+            </Button>
+          </Box>
+
+          <span style={{marginRight: 10}}></span>
+
           <Box>
             <Button
               variant="outlined"
@@ -86,7 +101,7 @@ export function App() {
     <Box sx={{ alignItems: 'left', flexDirection: 'column', height: 20, fontSize: 10, justifyContent: 'center'}}>
       <Typography variant="body2" color={(theme) => theme.palette.text.primary} sx={{ my: 2, mr: 6 }}>
       <span style={{marginRight: 10}}></span>
-        NebulaGraph for Docker Desktop Extension 0.4.11, NebulaGraph: v3.6.0, NebulaGraph Studio: v3.7.0
+        NebulaGraph for Docker Desktop Extension 0.4.12, NebulaGraph: v3.6.0, NebulaGraph Studio: v3.7.0
       </Typography>
     </Box>
 

ui/src/components/TabPanel/index.tsx

@@ -487,6 +487,7 @@ export default function NebulaGraphTabs() {
           <Tab label="Docs" {...a11yProps(3)} />
           <Tab label="Console" {...a11yProps(4)} />
           <Tab label="NebulaGraph AI" {...a11yProps(5)} />
+          <Tab label="Gephi-Lite" {...a11yProps(6)} />
         </Tabs>
       </Box>
       <TabPanel value={value} index={0}>
@@ -1036,6 +1037,11 @@ export default function NebulaGraphTabs() {
         </TableContainer>
 
       </TabPanel>
+
+      <TabPanel value={value} index={6}>
+        <iframe src="http://127.0.0.1:17005" width="100%" height="1200"/>
+      </TabPanel>
+
     </Box>
   );
 }