features!: context menu, better ui, and smoother updates

1 files changed, 35 insertions, 11 deletions

diff --git a/components/config.ts b/components/config.ts
index 2487168..ef48973 100644
--- a/components/config.ts
+++ b/components/config.ts
@@ -21,9 +21,9 @@ export const initialPhysics = {
   collisionStrength: 20,
   centering: true,
   centeringStrength: 0.05,
-  linkStrength: 0.1,
+  linkStrength: 0.3,
   linkIts: 1,
-  alphaDecay: 0.02,
+  alphaDecay: 0.1,
   alphaTarget: 0,
   alphaMin: 0,
   velocityDecay: 0.25,
@@ -34,9 +34,10 @@ export const initialPhysics = {
 export const initialFilter = {
   orphans: false,
   parents: true,
-  fileless_cites: false,
+  filelessCites: false,
   tagsBlacklist: [],
   tagsWhitelist: [],
+  bad: true,
   nodes: [],
   links: [],
   date: [],
@@ -60,10 +61,11 @@ export const initialVisuals = {
   highlight: true,
   highlightNodeSize: 2,
   highlightLinkSize: 2,
+  highlightFade: 0.8,
   highlightAnim: true,
-  animationSpeed: 700,
+  animationSpeed: 420,
   algorithmOptions: options,
-  algorithmName: 'BackOut',
+  algorithmName: 'SinusoidalOut',
   linkColorScheme: 'gray.500',
   nodeColorScheme: [
     'red.500',
@@ -76,26 +78,26 @@ export const initialVisuals = {
     'purple.500',
     'orange.500',
   ],
-  nodeHighlight: '',
+  nodeHighlight: 'purple.500',
   linkHighlight: 'purple.500',
   backgroundColor: 'white',
   emacsNodeColor: 'gray.800',
-  labelTextColor: 'black',
-  labelBackgroundColor: 'white',
+  labelTextColor: 'gray.900',
+  labelBackgroundColor: '',
   labelBackgroundOpacity: 0.7,
   citeDashes: true,
   citeDashLength: 35,
   citeGapLength: 15,
-  citeLinkColor: 'gray.600',
+  citeLinkColor: 'gray.700',
   citeLinkHighlightColor: '',
   citeNodeColor: 'black',
   refDashes: true,
   refDashLength: 35,
   refGapLength: 15,
-  refLinkColor: 'gray.400',
+  refLinkColor: 'gray.700',
   refLinkHighlightColor: '',
   refNodeColor: 'black',
-  nodeSizeLinks: 2,
+  nodeSizeLinks: 0.5,
 }
 
 export interface TagColors {
@@ -114,3 +116,25 @@ export const initialMouse = {
   local: 'click',
   follow: 'double',
 }
+
+export const colorList = [
+  'red.500',
+  'orange.500',
+  'yellow.500',
+  'green.500',
+  'cyan.500',
+  'blue.500',
+  'pink.500',
+  'purple.500',
+  'white',
+  'gray.100',
+  'gray.200',
+  'gray.300',
+  'gray.400',
+  'gray.500',
+  'gray.600',
+  'gray.700',
+  'gray.800',
+  'gray.900',
+  'black',
+]