Add Performance

warioddly · May 14, 2024 · b140873 · b140873
1 parent ed0b4f4
commit b140873
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 11 deletions.
diff --git a/parser/bin/parser.dart b/parser/bin/parser.dart
@@ -92,7 +92,7 @@ void _formatter(String path) {
   final bundler = Bundler();
   final formatter = Formatter();
 
-  final data = jsonDecode(File(path).readAsStringSync());
+  final data = List<Map<String, dynamic>>.from(jsonDecode(File(path).readAsStringSync()));
 
   final normalData = formatter.fromCytoscapeToNormal(data);
   final cytoscapeData = formatter.fromNormalToCytoscape(normalData);

diff --git a/parser/output/Ак уул/data.json b/parser/output/Ак уул/data.json
diff --git a/parser/output/Ак уул/data_cytoscape.json b/parser/output/Ак уул/data_cytoscape.json
diff --git a/parser/output/Ак уул/data_normal.json b/parser/output/Ак уул/data_normal.json
diff --git a/parser/output/Ак уул/dynamic_all_data.json b/parser/output/Ак уул/dynamic_all_data.json
diff --git a/src/assets/data/data.json b/src/assets/data/data.json
diff --git a/src/components/tree/TreeInteractiveViewer.tsx b/src/components/tree/TreeInteractiveViewer.tsx
@@ -30,7 +30,7 @@ export function TreeInteractiveViewer() {
 
     fetch('/api/get-nodes', {
       method: 'POST',
-      body: JSON.stringify({ limit: -1 }),
+      body: JSON.stringify({ limit: 14000 }),
     }).then((res) => res.json()).then((data: TreeNodeDefinition[]) => {
       setGraph(data);
       setLoading(false);
@@ -84,6 +84,7 @@ export function TreeInteractiveViewer() {
                   motionBlur={true}
                   headless={false}
                   wheelSensitivity={1.0}
+                  pixelRatio={1}
                   style={{ width: '100vw', height: '100vh' }}
                   cy={(cy: cytoscape.Core) => {
                       treeStore.cy = cy;

diff --git a/src/core/styles/cytoscape-theme.ts b/src/core/styles/cytoscape-theme.ts
@@ -12,18 +12,13 @@ export const cytoscapeThemes: CytoscapeTheme[] = [
             width: 30,
             height: 30,
             label: 'data(name)',
-            'z-index': '10',
             color: 'white',
-            fontSize: 12,
+            fontSize: 10,
         },
     },
     {
         selector: 'node:selected',
         style: {
-            'border-width': '2px',
-            'border-color': '#AAD8FF',
-            'border-opacity': '0.5',
-            'background-color': '#77828C',
             width: 30,
             height: 30,
             'text-outline-color': '#77828C',
@@ -43,15 +38,14 @@ export const cytoscapeThemes: CytoscapeTheme[] = [
             "line-color": "#2a3e79",
             'target-arrow-color': '#2a3e79',
             'target-arrow-shape': 'triangle',
-            'curve-style': 'bezier',
+            'curve-style': 'haystack',
         },
     },
     {
         selector: 'edge.highlighted',
         style: {
             'line-color': '#d30000',
             'target-arrow-color': '#d30000',
-            'opacity': 0.7,
         }
     }
 ];