(null);
+export default function GraphVisualization() {
+ const [graphData, setGraphData] = useState(null);
const { fileId = '' } = useParams();
const [isLoading, setIsLoading] = useState(true);
@@ -56,10 +53,7 @@ export default function Graph() {
.then((graphData) => {
const graph = new MultiDirectedGraph();
graphData?.nodes?.forEach(
- (node: {
- id: string;
- [key: string]: string | number | boolean | null;
- }) => {
+ (node) => {
const { id, ...rest } = node;
graph.addNode(id, {
...rest,
@@ -70,10 +64,7 @@ export default function Graph() {
},
);
graphData?.edges?.forEach(
- (edge: {
- id: string;
- [key: string]: string | number | boolean | null;
- }) => {
+ (edge) => {
const { id, source, target, ...rest } = edge;
graph.addEdgeWithKey(id, source, target, {
...rest,
@@ -113,7 +104,7 @@ export default function Graph() {
}
if (!graphData) {
return (
- Sorry error has been occurred!
+ Sorry, an error has occurred!
);
}
return (
@@ -141,4 +132,4 @@ export default function Graph() {
);
-}
+}
\ No newline at end of file
diff --git a/Project/frontend/src/components/Graph/index_visjs.tsx b/Project/frontend/src/components/Graph/index_visjs.tsx
index ac9dbbe..14d4983 100644
--- a/Project/frontend/src/components/Graph/index_visjs.tsx
+++ b/Project/frontend/src/components/Graph/index_visjs.tsx
@@ -1,11 +1,20 @@
import React, { useEffect, useState, useRef } from 'react';
import { Network } from 'vis-network/standalone/esm/vis-network';
import { useParams } from 'react-router-dom';
+import FloatingControlCard from './FloatingControlCard';
import './index.css';
import { VISUALIZE_API_PATH } from '../../constant';
+import { CircularProgress, Typography, Box } from '@mui/material';
+import SearchIcon from '@mui/icons-material/Search';
+import TextField from '@mui/material/TextField';
+import { InputAdornment } from '@mui/material';
-const VisGraph = ({ graphData, options }) => {
+const VisGraph = ({ graphData, options, setStabilizationComplete }) => {
const containerRef = useRef(null);
+ const networkRef = useRef(null);
+ const [stabilizationProgress, setStabilizationProgress] = useState(0);
+ const [isStabilizing, setIsStabilizing] = useState(false);
+ const isStabilizingRef = useRef(false);
useEffect(() => {
if (!graphData) return;
@@ -38,27 +47,66 @@ const VisGraph = ({ graphData, options }) => {
})),
};
+ if (networkRef.current) {
+ networkRef.current.destroy();
+ }
+
const network = new Network(containerRef.current, data, options);
+ networkRef.current = network;
+
+ setIsStabilizing(true);
+ setStabilizationProgress(0);
+ isStabilizingRef.current = true;
+
+ network.on('stabilizationProgress', function (params) {
+ const progress = (params.iterations / params.total) * 100;
+ setStabilizationProgress(progress);
+ });
- network.on('selectNode', function (params) {
- network.setSelection({
- nodes: params.nodes,
- edges: network.getConnectedEdges(params.nodes[0]),
- });
+ network.on('stabilizationIterationsDone', function () {
+ setStabilizationProgress(100);
+ setIsStabilizing(false);
+ setStabilizationComplete(true);
+ isStabilizingRef.current = false;
+ });
+
+ network.on('stabilized', function () {
+ if (isStabilizingRef.current) {
+ setStabilizationProgress(100);
+ setIsStabilizing(false);
+ setStabilizationComplete(true);
+ isStabilizingRef.current = false;
+ }
});
- return () => network.destroy();
+ return () => {
+ network.destroy();
+ networkRef.current = null;
+ };
}, [graphData, options]);
return (
-
+
+ {isStabilizing && (
+
+
+
+ Stabilizing... {Math.round(stabilizationProgress)}%
+
+
+ )}
+
+
Sorry, an error has occurred!
;
}
+ const formattedDate = new Date(
+ graphData.graph_created_at,
+ ).toLocaleDateString();
+
+ const formattedTime = new Date(
+ graphData.graph_created_at,
+ ).toLocaleTimeString();
+
return (
-
- Graph Visualization
-
-
+
+ Graph Visualization
+
+
+
Graph Information
+
+ Document Name:
{graphData.document_name}
+
+ Created at:
{formattedDate} {formattedTime}
+
+
+
+
+ ),
+ }}
+ />
+
+ Loading graph...
;
+ }
+
+ if (!graphData) {
+ return Sorry, an error has occurred!
;
+ }
+
+ return (
+
+ Graph Visualization
+
+
+
+ );
+};
+
+export default GraphVisualization;
\ No newline at end of file
diff --git a/Project/frontend/src/components/Graph/index_visjs_sigma.tsx b/Project/frontend/src/components/Graph/index_visjs_sigma.tsx
new file mode 100644
index 0000000..fc0821d
--- /dev/null
+++ b/Project/frontend/src/components/Graph/index_visjs_sigma.tsx
@@ -0,0 +1,167 @@
+import { useEffect, useState } from 'react';
+import { MultiDirectedGraph } from 'graphology';
+import { SigmaContainer, useSigma } from '@react-sigma/core';
+import { useParams } from 'react-router-dom';
+import '@react-sigma/core/lib/react-sigma.min.css';
+import EdgeCurveProgram, { DEFAULT_EDGE_CURVATURE, indexParallelEdgesIndex } from '@sigma/edge-curve';
+import { EdgeArrowProgram } from 'sigma/rendering';
+import forceAtlas2 from 'graphology-layout-forceatlas2';
+import FloatingControlCard from './FloatingControlCard_sigma';
+import './index.css';
+import { VISUALIZE_API_PATH } from '../../constant';
+
+const ForceAtlas2Layout = ({ settings, onIteration, restart }) => {
+ const sigma = useSigma();
+ const graph = sigma.getGraph();
+ const [iterations, setIterations] = useState(0);
+
+ useEffect(() => {
+ if (restart) {
+ setIterations(0);
+ }
+
+ const applyLayout = () => {
+ forceAtlas2.assign(graph, { ...settings, adjustSizes: true });
+ setIterations((prev) => {
+ const newIteration = prev + 1;
+ onIteration(newIteration);
+ return newIteration;
+ });
+ };
+
+ if (iterations < settings.iterations) {
+ const interval = setInterval(applyLayout, 10); // Reduce interval for faster calculations
+ return () => clearInterval(interval);
+ }
+ }, [graph, iterations, settings, onIteration, restart]);
+
+ return null;
+};
+
+export default function GraphVisualization() {
+ const [graphData, setGraphData] = useState(null);
+ const { fileId = '' } = useParams();
+ const [isLoading, setIsLoading] = useState(true);
+ const [layout, setLayout] = useState('forceAtlas2Based');
+ const [physicsOptions, setPhysicsOptions] = useState({
+ iterations: 200,
+ barnesHutOptimize: true,
+ barnesHutTheta: 0.5,
+ slowDown: 0.1, // Faster calculations
+ gravity: 5, // Stronger gravity
+ scalingRatio: 10,
+ edgeWeightInfluence: 1,
+ strongGravityMode: true,
+ adjustSizes: true,
+ edgeLength: 100, // Added for edge length
+ });
+ const [restart, setRestart] = useState(false);
+
+ useEffect(() => {
+ const API = `${import.meta.env.VITE_BACKEND_HOST}${VISUALIZE_API_PATH.replace(':fileId', fileId)}`;
+ fetch(API)
+ .then((res) => res.json())
+ .then((graphData) => {
+ const graph = new MultiDirectedGraph();
+ graphData?.nodes?.forEach(
+ (node) => {
+ const { id, ...rest } = node;
+ graph.addNode(id, {
+ ...rest,
+ size: 15, // just for testing, i am making all the same size
+ x: Math.random() * 1000,
+ y: Math.random() * 1000,
+ });
+ },
+ );
+ graphData?.edges?.forEach(
+ (edge) => {
+ const { id, source, target, ...rest } = edge;
+ graph.addEdgeWithKey(id, source, target, {
+ ...rest,
+ size: 2, // edge
+ length: physicsOptions.edgeLength, // Set edge length
+ });
+ },
+ );
+ indexParallelEdgesIndex(graph, {
+ edgeIndexAttribute: 'parallelIndex',
+ edgeMaxIndexAttribute: 'parallelMaxIndex',
+ });
+ graph.forEachEdge((edge, { parallelIndex, parallelMaxIndex }) => {
+ if (typeof parallelIndex === 'number') {
+ graph.mergeEdgeAttributes(edge, {
+ type: 'curved',
+ curvature:
+ DEFAULT_EDGE_CURVATURE +
+ (3 * DEFAULT_EDGE_CURVATURE * parallelIndex) /
+ (parallelMaxIndex || 1),
+ });
+ } else {
+ graph.setEdgeAttribute(edge, 'type', 'straight');
+ }
+ });
+ setGraphData(graph);
+ })
+ .catch((error) => {
+ console.log('Error fetching graphData:', error);
+ })
+ .finally(() => {
+ setIsLoading(false);
+ });
+ }, [fileId, physicsOptions.edgeLength]); // Re-fetch data when edge length changes
+
+ const handlePhysicsChange = (name, value) => {
+ setPhysicsOptions((prevOptions) => ({
+ ...prevOptions,
+ [name]: value,
+ }));
+ setRestart(true);
+ };
+
+ useEffect(() => {
+ if (restart) {
+ setRestart(false);
+ }
+ }, [restart]);
+
+ if (isLoading) {
+ return Loading graph...
;
+ }
+ if (!graphData) {
+ return (
+ Sorry, an error has occurred!
+ );
+ }
+ return (
+
+ Graph Visualization
+
+
+ console.log(`Iteration: ${iteration}`)} restart={restart} />
+
+
+ );
+}
\ No newline at end of file
diff --git a/Project/frontend/src/components/GraphList/index.css b/Project/frontend/src/components/GraphList/index.css
index 5cab513..392ecdd 100644
--- a/Project/frontend/src/components/GraphList/index.css
+++ b/Project/frontend/src/components/GraphList/index.css
@@ -15,3 +15,7 @@
.error_graph_list {
margin: 20px;
}
+
+.main_action_button {
+ width: 150px;
+}
diff --git a/Project/frontend/src/components/GraphList/index.tsx b/Project/frontend/src/components/GraphList/index.tsx
index 81df031..7f511b3 100644
--- a/Project/frontend/src/components/GraphList/index.tsx
+++ b/Project/frontend/src/components/GraphList/index.tsx
@@ -14,13 +14,16 @@ import Button from '@mui/material/Button';
import Stack from '@mui/material/Stack';
import {
+ GRAPH_DELETE_API_PATH,
GRAPH_LIST_API_PATH,
GraphStatus,
- GRAPH_DELETE_API_PATH,
- VISUALIZE_API_PATH,
+ // VISUALIZE_API_PATH,
+ GENERATE_API_PATH,
+ messageSeverity,
} from '../../constant';
import './index.css';
+import CustomizedSnackbars from '../Snackbar';
interface IGraphList {
id: string;
@@ -31,6 +34,12 @@ interface IGraphList {
updated_at: string | null;
}
+interface notification {
+ show: boolean;
+ severity: messageSeverity;
+ message: string;
+}
+
const getStatus = (status: GraphStatus) => {
if (status === GraphStatus.DOC_UPLOADED) {
return 'Document uploaded';
@@ -45,10 +54,16 @@ const getDate = (isoDate: string) => {
const GraphList = () => {
const [list, setList] = React.useState([]);
- const [offset, setOffset] = React.useState(0);
- const [limit, setLimit] = React.useState(100);
+ const [offset] = React.useState(0);
+ const [limit] = React.useState(100);
const [loading, setLoading] = React.useState(true);
const [error, setError] = React.useState(null);
+ const [generating, setGenerating] = React.useState(null);
+ const [notification, setNotification] = React.useState({
+ show: false,
+ severity: messageSeverity.SUCCESS,
+ message: '',
+ });
React.useEffect(() => {
fetchItems(offset, limit);
@@ -78,6 +93,34 @@ const GraphList = () => {
});
};
+ const handleClick = () => {
+ setNotification({
+ show: true,
+ severity: messageSeverity.SUCCESS,
+ message: 'message',
+ });
+ };
+
+ //close notification
+ const handleClose = (
+ event?: React.SyntheticEvent | Event,
+ reason?: string,
+ ) => {
+ if (reason === 'clickaway') {
+ return;
+ }
+ setNotification({
+ show: false,
+ severity: notification.severity,
+ message: notification.message,
+ });
+ };
+
+ //update notification variable to prompt notification
+ const notify = (n: notification) => {
+ setNotification(n);
+ };
+
// makes call to delete api endpoint with graph_job_id and after that reloads the graph list
const handleDelete = async (id: string) => {
const API = `${import.meta.env.VITE_BACKEND_HOST}${GRAPH_DELETE_API_PATH.replace(':fileId', id)}`;
@@ -95,69 +138,129 @@ const GraphList = () => {
}
};
+ // makes call to generate endpoint with graph_job_id, notifies user about result and reloads graph list
+ const handleGenerate = async (id: string) => {
+ setGenerating(id);
+ const API = `${import.meta.env.VITE_BACKEND_HOST}${GENERATE_API_PATH.replace(':fileId', id)}`;
+ try {
+ await fetch(API, {
+ method: 'POST',
+ headers: {
+ 'Content-type': 'application/json; charset=UTF-8',
+ },
+ body: JSON.stringify({ id }),
+ });
+ fetchItems(offset, limit);
+ notify({
+ show: true,
+ severity: messageSeverity.SUCCESS,
+ message: 'Success!',
+ });
+ } catch (error) {
+ console.error('Error generating graph:', error);
+ notify({
+ show: true,
+ severity: messageSeverity.ERROR,
+ message: 'Error!',
+ });
+ } finally {
+ setGenerating(null);
+ }
+ };
+
const navigate = useNavigate();
return (
-
- {loading && (
-
-
- Existing knowledge graphs list is loading...
-
- )}
- {error && (
-
- {error}
-
- )}
- {!loading && !error && (
-
-
-
- Name
- Created at
- Status
- Actions
-
-
-
- {list.map((row) => (
-
-
- {row.name}
-
- {getDate(row.created_at)}
- {getStatus(row.status)}
-
-
-
-
-
-
+
+
+ {loading && (
+
+
+ Existing knowledge graphs list is loading...
+
+ )}
+ {error && (
+
+ {error}
+
+ )}
+ {!loading && !error && (
+
+
+
+ Name
+ Created at
+ Status
+ Actions
- ))}
-
-
- )}
-
+
+
+ {list.map((row) => (
+
+
+ {row.name}
+
+ {getDate(row.created_at)}
+ {getStatus(row.status)}
+
+
+ {row.status === GraphStatus.GRAPH_READY ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ ))}
+
+
+ )}
+
+
+
);
};
diff --git a/Project/frontend/src/components/LandingPage/index.tsx b/Project/frontend/src/components/LandingPage/index.tsx
index 2d51cd4..c37ef88 100644
--- a/Project/frontend/src/components/LandingPage/index.tsx
+++ b/Project/frontend/src/components/LandingPage/index.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import { Typography, Container, Box, Button, Stack } from '@mui/material';
+import { Button, Container, Stack, Typography } from '@mui/material';
import GraphList from '../GraphList';
import { useNavigate } from 'react-router-dom';
diff --git a/Project/frontend/src/components/Snackbar/index.tsx b/Project/frontend/src/components/Snackbar/index.tsx
index bfc8224..43bf2df 100644
--- a/Project/frontend/src/components/Snackbar/index.tsx
+++ b/Project/frontend/src/components/Snackbar/index.tsx
@@ -1,9 +1,24 @@
-// CustomizedSnackbars.js
+// CustomizedSnackbars.tsx
import * as React from 'react';
import Snackbar from '@mui/material/Snackbar';
import Alert from '@mui/material/Alert';
+import { messageSeverity } from '../../constant';
-function CustomizedSnackbars({ open, handleClick, handleClose }) {
+interface CustomizedSnackbarsProps {
+ open: boolean;
+ handleClick: () => void;
+ handleClose: (event?: React.SyntheticEvent | Event, reason?: string) => void;
+ severity_value?: messageSeverity;
+ message?: string;
+}
+
+const CustomizedSnackbars: React.FC = ({
+ open,
+ handleClick,
+ handleClose,
+ message = 'Success!',
+ severity_value = messageSeverity.SUCCESS,
+}) => {
return (
);
-}
+};
export default CustomizedSnackbars;
diff --git a/Project/frontend/src/components/Upload/index.tsx b/Project/frontend/src/components/Upload/index.tsx
index 84629b8..defb8d1 100644
--- a/Project/frontend/src/components/Upload/index.tsx
+++ b/Project/frontend/src/components/Upload/index.tsx
@@ -1,42 +1,74 @@
-import { FilePond, registerPlugin } from 'react-filepond';
+import { FilePond, registerPlugin, FilePondProps } from 'react-filepond';
import 'filepond/dist/filepond.min.css';
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
+import { GRAPH_DELETE_API_PATH, UPLOAD_API_PATH } from '../../constant';
+
import './index.css';
-import { UPLOAD_API_PATH } from '../../constant';
registerPlugin(FilePondPluginFileValidateType);
-interface FilePondFile {
- serverId: string;
-}
-
-interface FilePondError {
- message: string;
- code: number;
+export interface IFile {
+ id: string;
+ file_location: string;
+ file_name: string;
+ status: string;
}
type UploadProps = {
- handleAddFile: (error: FilePondError | null, file: FilePondFile) => void;
- handleRemoveFile: () => void;
- pondRef: React.RefObject;
+ handleAddFile: FilePondProps['onprocessfile'];
+ handleRemoveFile: FilePondProps['onremovefile'];
+ handleDeleteFile: () => void;
+ pondRef: React.RefObject;
};
function Upload(props: UploadProps) {
+ const server: FilePondProps['server'] = {
+ url: `${import.meta.env.VITE_BACKEND_HOST}`,
+ process: {
+ url: `${UPLOAD_API_PATH}`,
+ method: 'POST',
+ onload: (response) => {
+ return JSON.parse(response).id;
+ },
+ onerror: (err) => {
+ const parsedError = err ? JSON.parse(err).detail : '';
+ const errMessage = parsedError.includes('already been uploaded')
+ ? 'File name already exists'
+ : 'Error during upload';
+ return errMessage;
+ },
+ },
+ revert: (fileId, load, error) => {
+ const API = `${import.meta.env.VITE_BACKEND_HOST}${GRAPH_DELETE_API_PATH.replace(':fileId', fileId)}`;
+ fetch(API, {
+ method: 'DELETE',
+ }).then((response) => {
+ if (response.ok) {
+ load();
+ props.handleDeleteFile();
+ } else {
+ error('Error deleting file');
+ }
+ });
+ },
+ };
+
+ const handleFileProcess: FilePondProps['onprocessfile'] = (error, file) =>
+ props.handleAddFile?.(error, file);
+
return (
- props.handleAddFile(error as FilePondError, file as FilePondFile)
- }
+ onprocessfile={handleFileProcess}
onremovefile={props.handleRemoveFile}
+ labelFileProcessingError={(error) => error.body}
/>
);
diff --git a/Project/frontend/src/components/UploadPage/index.css b/Project/frontend/src/components/UploadPage/index.css
index 0e083f1..c3bb208 100644
--- a/Project/frontend/src/components/UploadPage/index.css
+++ b/Project/frontend/src/components/UploadPage/index.css
@@ -9,6 +9,6 @@
.buttons_container {
display: flex;
align-items: center;
- justify-content: space-between;
+ justify-content: flex-end;
width: 100%;
}
diff --git a/Project/frontend/src/components/UploadPage/index.tsx b/Project/frontend/src/components/UploadPage/index.tsx
index b68341c..c5eecd3 100644
--- a/Project/frontend/src/components/UploadPage/index.tsx
+++ b/Project/frontend/src/components/UploadPage/index.tsx
@@ -1,55 +1,40 @@
-import { useRef, useState } from 'react';
+import { useState } from 'react';
import { useNavigate } from 'react-router-dom';
+import { FilePondProps } from 'react-filepond';
+import { Box, Button, CircularProgress, Typography } from '@mui/material';
+import { GENERATE_API_PATH, GraphStatus } from '../../constant';
+import CustomizedSnackbars from '../Snackbar';
import Upload from '../Upload';
import './index.css';
-import {
- GENERATE_API_PATH,
- GRAPH_DELETE_API_PATH,
- GraphStatus,
-} from '../../constant';
-import CustomizedSnackbars from '../Snackbar';
-import { Box, Button, CircularProgress, Typography } from '@mui/material';
-
-interface UploadedFile {
- serverId: string;
-}
-
-interface FilePondError {
- message: string;
- code: number;
-}
function UploadPage() {
const [fileId, setFileId] = useState('');
const [isGenerating, setIsGenerating] = useState(false);
- const [isDeleting, setIsDeleting] = useState(false);
const navigate = useNavigate();
- const [open, setOpen] = useState(false);
- const pondRef = useRef(null);
+ const [showSnackbar, setShowSnackbar] = useState(false);
- const handleAddFile = (error: FilePondError | null, file: UploadedFile) => {
+ const handleAddFile: FilePondProps['onprocessfile'] = (error, file) => {
if (!error) {
- const fileId = JSON.parse(file.serverId).id;
- setFileId(fileId);
+ setFileId(file.serverId);
} else {
- console.log('Error:', error.message);
+ console.log('Error:', error);
}
};
const handleClick = () => {
- setOpen(true);
+ setShowSnackbar(true);
};
const handleClose = (
- event?: React.SyntheticEvent | Event,
+ _event?: React.SyntheticEvent | Event,
reason?: string,
) => {
if (reason === 'clickaway') {
return;
}
- setOpen(false);
+ setShowSnackbar(false);
};
const notifySuccess = () => {
@@ -58,9 +43,11 @@ function UploadPage() {
const handleRemoveFile = () => {
setFileId('');
- if (pondRef.current) {
- pondRef.current.removeFiles();
- }
+ };
+
+ const handleDeleteGraph = () => {
+ handleRemoveFile();
+ notifySuccess();
};
const handleGenerateGraph = () => {
@@ -87,29 +74,6 @@ function UploadPage() {
});
};
- const handleDeleteGraph = () => {
- setIsDeleting(true);
-
- const API = `${import.meta.env.VITE_BACKEND_HOST}${GRAPH_DELETE_API_PATH.replace(':fileId', fileId)}`;
- fetch(API, {
- method: 'DELETE',
- headers: {
- 'Content-type': 'application/json; charset=UTF-8',
- },
- })
- .then((response) => response.json())
- .then(() => {
- handleRemoveFile();
- notifySuccess();
- })
- .catch((e) => {
- console.log(e);
- })
- .finally(() => {
- setIsDeleting(false);
- });
- };
-
return (
-
-
@@ -167,4 +115,4 @@ function UploadPage() {
);
}
-export default UploadPage;
\ No newline at end of file
+export default UploadPage;
diff --git a/Project/frontend/src/constant.ts b/Project/frontend/src/constant.ts
index 54128b2..c9b2cdd 100644
--- a/Project/frontend/src/constant.ts
+++ b/Project/frontend/src/constant.ts
@@ -8,3 +8,10 @@ export enum GraphStatus {
DOC_UPLOADED = 'document_uploaded',
GRAPH_READY = 'graph_ready',
}
+
+export enum messageSeverity {
+ ERROR = 'error',
+ SUCCESS = 'success',
+ WARNING = 'info',
+ INFO = 'success',
+}
diff --git a/Project/frontend/src/vite-env.d.ts b/Project/frontend/src/vite-env.d.ts
index 8ad87b5..aa19ff1 100644
--- a/Project/frontend/src/vite-env.d.ts
+++ b/Project/frontend/src/vite-env.d.ts
@@ -1,5 +1,4 @@
///
-declare module 'react-filepond';
declare module 'filepond-plugin-file-validate-size';
declare module 'filepond-plugin-file-validate-type';
declare module 'filepond-plugin-file-poster';
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..cdd4e23
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,102 @@
+{
+ "name": "amos2024ss05-knowledge-graph-extractor",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "node_modules/events": {
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+ "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+ "engines": {
+ "node": ">=0.8.x"
+ }
+ },
+ "node_modules/graphology-types": {
+ "version": "0.24.7",
+ "resolved": "https://registry.npmjs.org/graphology-types/-/graphology-types-0.24.7.tgz",
+ "integrity": "sha512-tdcqOOpwArNjEr0gNQKCXwaNCWnQJrog14nJNQPeemcLnXQUUGrsCWpWkVKt46zLjcS6/KGoayeJfHHyPDlvwA==",
+ "peer": true
+ },
+ "node_modules/graphology-utils": {
+ "version": "2.5.2",
+ "resolved": "https://registry.npmjs.org/graphology-utils/-/graphology-utils-2.5.2.tgz",
+ "integrity": "sha512-ckHg8MXrXJkOARk56ZaSCM1g1Wihe2d6iTmz1enGOz4W/l831MBCKSayeFQfowgF8wd+PQ4rlch/56Vs/VZLDQ==",
+ "peerDependencies": {
+ "graphology-types": ">=0.23.0"
+ }
+ },
+ "node_modules/js-tokens": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+ "peer": true
+ },
+ "node_modules/loose-envify": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+ "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "peer": true,
+ "dependencies": {
+ "js-tokens": "^3.0.0 || ^4.0.0"
+ },
+ "bin": {
+ "loose-envify": "cli.js"
+ }
+ },
+ "node_modules/react": {
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+ "peer": true,
+ "dependencies": {
+ "loose-envify": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/react-dom": {
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+ "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+ "peer": true,
+ "dependencies": {
+ "loose-envify": "^1.1.0",
+ "scheduler": "^0.23.2"
+ },
+ "peerDependencies": {
+ "react": "^18.3.1"
+ }
+ },
+ "node_modules/react-sigma": {
+ "version": "1.2.35",
+ "resolved": "https://registry.npmjs.org/react-sigma/-/react-sigma-1.2.35.tgz",
+ "integrity": "sha512-amjKjaQusefDp8dD9er3wE/lfubSQT5fJSRF4SsS0LjxRue4bpSapAQ1WpmSM6nQEgawbrKel+bQBmatl7MAIw==",
+ "engines": {
+ "node": ">=8.0"
+ },
+ "peerDependencies": {
+ "react": ">=15.3",
+ "react-dom": ">=15.3"
+ }
+ },
+ "node_modules/scheduler": {
+ "version": "0.23.2",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+ "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+ "peer": true,
+ "dependencies": {
+ "loose-envify": "^1.1.0"
+ }
+ },
+ "node_modules/sigma": {
+ "version": "3.0.0-beta.19",
+ "resolved": "https://registry.npmjs.org/sigma/-/sigma-3.0.0-beta.19.tgz",
+ "integrity": "sha512-ShP6TwbxjD6PqypgVEuR++gGIUgCeWKO270i2m83fPDfSrPne1XsGbQRnFlEqrfZYRMTxKO4YtSvsU6reoR4/g==",
+ "dependencies": {
+ "events": "^3.3.0",
+ "graphology-utils": "^2.5.2"
+ }
+ }
+ }
+}