summaryrefslogtreecommitdiff
path: root/out/_next/static
diff options
context:
space:
mode:
Diffstat (limited to 'out/_next/static')
-rw-r--r--out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_buildManifest.js12
-rw-r--r--out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_ssgManifest.js1
-rw-r--r--out/_next/static/chunks/pages/index-af70b77619b241a63065.js2954
3 files changed, 0 insertions, 2967 deletions
diff --git a/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_buildManifest.js b/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_buildManifest.js
deleted file mode 100644
index cc65628..0000000
--- a/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_buildManifest.js
+++ /dev/null
@@ -1,12 +0,0 @@
-;(self.__BUILD_MANIFEST = {
- __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
- '/': [
- 'static/chunks/fb7d5399-0d6001c72a29ebec41eb.js',
- 'static/chunks/d25bd147-65fcc4c92edba8b370fb.js',
- 'static/chunks/906-7b9696c9b17c64b94384.js',
- 'static/chunks/pages/index-af70b77619b241a63065.js',
- ],
- '/_error': ['static/chunks/pages/_error-a0e21b9b223f827fe1f2.js'],
- sortedPages: ['/', '/_app', '/_error'],
-}),
- self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()
diff --git a/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_ssgManifest.js b/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_ssgManifest.js
deleted file mode 100644
index 82bedd6..0000000
--- a/out/_next/static/ZRG0ryTs3ibecuFrzNLgh/_ssgManifest.js
+++ /dev/null
@@ -1 +0,0 @@
-;(self.__SSG_MANIFEST = new Set()), self.__SSG_MANIFEST_CB && self.__SSG_MANIFEST_CB()
diff --git a/out/_next/static/chunks/pages/index-af70b77619b241a63065.js b/out/_next/static/chunks/pages/index-af70b77619b241a63065.js
deleted file mode 100644
index a5b70f6..0000000
--- a/out/_next/static/chunks/pages/index-af70b77619b241a63065.js
+++ /dev/null
@@ -1,2954 +0,0 @@
-;(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
- [405],
- {
- 374: function (e, n, r) {
- 'use strict'
- r.r(n),
- r.d(n, {
- Graph: function () {
- return je
- },
- GraphPage: function () {
- return fe
- },
- default: function () {
- return xe
- },
- })
- var t = r(7757),
- i = r.n(t),
- o = r(2137),
- l = r(5893),
- s = r(7329),
- c = r(6156),
- a = r(4699),
- d = r(7294)
- function u(e, n) {
- var r,
- t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
- i = h(e, null !== (r = t.storage) && void 0 !== r ? r : localStorage),
- o = i.get(),
- l = void 0 !== o ? o : n
- l !== o && i.update(l)
- var s = (0, d.useState)(l),
- c = s[0],
- a = s[1]
- ;(0, d.useEffect)(
- function () {
- c !== l && a(l)
- },
- [e],
- )
- var u = function (e) {
- e instanceof Function
- ? a(function (n) {
- var r = e(n)
- return i.update(r), r
- })
- : (a(e), i.update(e))
- }
- return [c, u]
- }
- function h(e, n) {
- return {
- get: function () {
- var r = n.getItem(e)
- if (r && 'undefined' !== r) return JSON.parse(r)
- },
- update: function (r) {
- n.setItem(e, JSON.stringify(r))
- },
- remove: function () {
- n.removeItem(e)
- },
- }
- }
- var g = r(4533),
- x = r(4309),
- f = r(2351),
- j = r(980),
- p = r(8017),
- m = r(6194),
- b = [],
- C = {}
- for (var v in m.oY)
- for (var y in m.oY[v]) {
- var k = v + y
- 'LinearNone' === k && (k = 'Linear'), b.push(k), (C[k] = m.oY[v][y])
- }
- var w = C,
- S = {
- enabled: !0,
- charge: -700,
- collision: !0,
- collisionStrength: 20,
- centering: !0,
- centeringStrength: 0.05,
- linkStrength: 0.1,
- linkIts: 1,
- alphaDecay: 0.02,
- alphaTarget: 0,
- alphaMin: 0,
- velocityDecay: 0.25,
- gravity: 0.3,
- gravityOn: !0,
- },
- I = { orphans: !1, parents: !0, tags: [], nodes: [], links: [], date: [] },
- N = {
- particles: !1,
- particlesNumber: 0,
- particlesWidth: 4,
- arrows: !1,
- arrowsLength: 1,
- arrowsPos: 0.5,
- arrowsColor: '',
- linkOpacity: 0.8,
- linkWidth: 1,
- nodeRel: 4,
- nodeOpacity: 1,
- nodeResolution: 12,
- labels: 2,
- labelScale: 1.5,
- highlight: !0,
- highlightNodeSize: 2,
- highlightLinkSize: 2,
- highlightAnim: !0,
- animationSpeed: 700,
- algorithmOptions: b,
- algorithmName: 'BackOut',
- linkColorScheme: 'gray.500',
- nodeColorScheme: [
- 'red.500',
- 'gray.600',
- 'yellow.500',
- 'green.500',
- 'cyan.500',
- 'blue.500',
- 'pink.500',
- 'purple.500',
- 'orange.500',
- ],
- nodeHighlight: '',
- linkHighlight: 'purple.500',
- backgroundColor: 'white',
- emacsNodeColor: 'gray.800',
- labelTextColor: 'black',
- labelBackgroundColor: 'white',
- labelBackgroundOpacity: 0.7,
- },
- O = { follow: 'zoom', localSame: 'add', zoomPadding: 200, zoomSpeed: 2e3 },
- z = { highlight: 'hover', local: 'click', follow: 'double' },
- R = r(7375),
- T = r(3924),
- D = r(3986),
- P = r(9641),
- H = r(7546),
- E = r(3441),
- L = r(6569),
- Z = r(4189),
- F = r(454),
- B = r(8420),
- M = r(6699),
- W = r(155),
- A = r(6769),
- X = r(336),
- _ = r(2026),
- q = r(4096),
- U = r(4115),
- Q = r(8134),
- V = r(8235),
- K = r(7273),
- J = r(5267),
- Y = r(6049),
- G = r(3014),
- $ = r(6658),
- ee = r(9356)
- function ne(e, n) {
- var r = Object.keys(e)
- if (Object.getOwnPropertySymbols) {
- var t = Object.getOwnPropertySymbols(e)
- n &&
- (t = t.filter(function (n) {
- return Object.getOwnPropertyDescriptor(e, n).enumerable
- })),
- r.push.apply(r, t)
- }
- return r
- }
- function re(e) {
- for (var n = 1; n < arguments.length; n++) {
- var r = null != arguments[n] ? arguments[n] : {}
- n % 2
- ? ne(Object(r), !0).forEach(function (n) {
- ;(0, c.Z)(e, n, r[n])
- })
- : Object.getOwnPropertyDescriptors
- ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r))
- : ne(Object(r)).forEach(function (n) {
- Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n))
- })
- }
- return e
- }
- var te = function (e) {
- var n = e.physics,
- r = e.setPhysics,
- t = e.threeDim,
- i = e.setThreeDim,
- o = e.filter,
- c = e.setFilter,
- u = e.visuals,
- h = e.setVisuals,
- g = e.mouse,
- x = e.setMouse,
- f = e.behavior,
- j = e.setBehavior,
- m = (0, d.useState)(!0),
- b = m[0],
- C = m[1],
- v = (0, d.useContext)(ee.N),
- y = v.highlightColor,
- k = v.setHighlightColor,
- w = [
- 'red.500',
- 'orange.500',
- 'yellow.500',
- 'green.500',
- 'cyan.500',
- 'blue.500',
- 'pink.500',
- 'purple.500',
- 'gray.400',
- 'gray.500',
- 'gray.600',
- 'white',
- 'black',
- ],
- Z = [
- 'black',
- 'gray.100',
- 'gray.200',
- 'gray.300',
- 'gray.400',
- 'gray.500',
- 'gray.600',
- 'gray.700',
- 'gray.800',
- 'gray.900',
- 'white',
- ]
- return (0, l.jsxs)(l.Fragment, {
- children: [
- (0, l.jsx)(F.R, {
- in: !b,
- children: (0, l.jsx)(p.xu, {
- position: 'absolute',
- zIndex: 'overlay',
- marginTop: 10,
- marginLeft: 10,
- display: b ? 'none' : 'block',
- children: (0, l.jsx)(B.h, {
- 'aria-label': 'Settings',
- icon: (0, l.jsx)(T.e, {}),
- onClick: function () {
- return C(!0)
- },
- }),
- }),
- }),
- (0, l.jsx)(F.R, {
- in: b,
- children: (0, l.jsxs)(p.xu, {
- bg: 'alt.100',
- w: 'xs',
- marginTop: 10,
- marginLeft: 10,
- borderRadius: 'xl',
- maxH: 650,
- paddingBottom: 5,
- zIndex: 300,
- position: 'relative',
- boxShadow: 'xl',
- children: [
- (0, l.jsxs)(p.xu, {
- display: 'flex',
- justifyContent: 'space-between',
- alignItems: 'center',
- paddingRight: 2,
- paddingTop: 1,
- children: [
- (0, l.jsx)(M.u, {
- label: '2D',
- children: (0, l.jsx)(W.z, {
- onClick: function () {
- return i(!t)
- },
- variant: 'ghost',
- zIndex: 'overlay',
- children: t ? '3D' : '2D',
- }),
- }),
- (0, l.jsxs)(p.xu, {
- display: 'flex',
- alignItems: 'center',
- children: [
- (0, l.jsx)(M.u, {
- label: 'Reset settings to defaults',
- children: (0, l.jsx)(B.h, {
- 'aria-label': 'Reset Defaults',
- icon: (0, l.jsx)(D.A, {}),
- onClick: function () {
- h(N), c(I), x(z), r(S), j(O)
- },
- variant: 'none',
- size: 'sm',
- }),
- }),
- (0, l.jsx)(B.h, {
- size: 'sm',
- icon: (0, l.jsx)(P.T, {}),
- 'aria-label': 'Close Tweak Panel',
- variant: 'ghost',
- onClick: function () {
- return C(!1)
- },
- }),
- ],
- }),
- ],
- }),
- (0, l.jsx)($.ZP, {
- autoHeight: !0,
- autoHeightMax: 600,
- autoHide: !0,
- renderThumbVertical: function (e) {
- var n = e.style,
- r = (0, R.Z)(e, ['style'])
- return (0, l.jsx)(
- p.xu,
- re(
- re({}, r),
- {},
- { style: re(re({}, n), {}, { borderRadius: 10 }), bg: y },
- ),
- )
- },
- children: (0, l.jsxs)(A.UQ, {
- allowMultiple: !0,
- allowToggle: !0,
- color: 'black',
- children: [
- (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsxs)(A.KF, {
- children: [
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- (0, l.jsx)(X.X, { size: 'sm', children: 'Filter' }),
- ],
- }),
- (0, l.jsx)(A.Hk, {
- children: (0, l.jsxs)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
- align: 'stretch',
- paddingLeft: 7,
- color: 'gray.800',
- children: [
- (0, l.jsxs)(q.k, {
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Orphans' }),
- (0, l.jsx)(Q.r, {
- onChange: function () {
- c(re(re({}, o), {}, { orphans: !o.orphans }))
- },
- isChecked: o.orphans,
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, {
- children: 'Link nodes with parent file',
- }),
- (0, l.jsx)(Q.r, {
- onChange: function () {
- c(re(re({}, o), {}, { parents: !o.parents }))
- },
- isChecked: o.parents,
- }),
- ],
- }),
- ],
- }),
- }),
- ],
- }),
- (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsx)(A.KF, {
- display: 'flex',
- justifyContent: 'space-between',
- children: (0, l.jsxs)(p.xu, {
- display: 'flex',
- children: [
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- (0, l.jsx)(X.X, { size: 'sm', children: 'Physics' }),
- ],
- }),
- }),
- (0, l.jsxs)(A.Hk, {
- children: [
- (0, l.jsxs)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
- align: 'stretch',
- paddingLeft: 7,
- color: 'gray.800',
- children: [
- (0, l.jsx)(le, {
- label: 'Gravity',
- value: n.gravityOn,
- onChange: function () {
- return r(re(re({}, n), {}, { gravityOn: !n.gravityOn }))
- },
- children: (0, l.jsx)(oe, {
- label: 'Strength',
- value: 10 * n.gravity,
- onChange: function (e) {
- return r(re(re({}, n), {}, { gravity: e / 10 }))
- },
- }),
- }),
- (0, l.jsx)(oe, {
- value: -n.charge / 100,
- onChange: function (e) {
- return r(re(re({}, n), {}, { charge: -100 * e }))
- },
- label: 'Repulsive Force',
- }),
- (0, l.jsx)(le, {
- label: 'Collision',
- infoText: 'Perfomance sap, disable if slow',
- value: n.collision,
- onChange: function () {
- return r(re(re({}, n), {}, { collision: !n.collision }))
- },
- children: (0, l.jsx)(oe, {
- value: n.collisionStrength / 5,
- onChange: function (e) {
- return r(
- re(re({}, n), {}, { collisionStrength: 5 * e }),
- )
- },
- label: 'Collision Radius',
- infoText:
- 'Easy with this one, high values can lead to a real jiggly mess',
- }),
- }),
- (0, l.jsx)(oe, {
- value: 5 * n.linkStrength,
- onChange: function (e) {
- return r(re(re({}, n), {}, { linkStrength: e / 5 }))
- },
- label: 'Link Force',
- }),
- (0, l.jsx)(oe, {
- label: 'Link Iterations',
- value: n.linkIts,
- onChange: function (e) {
- return r(re(re({}, n), {}, { linkIts: e }))
- },
- min: 0,
- max: 6,
- step: 1,
- infoText:
- 'How many links down the line the physics of a single node affects (Slow)',
- }),
- (0, l.jsx)(oe, {
- label: 'Viscosity',
- value: 10 * n.velocityDecay,
- onChange: function (e) {
- return r(re(re({}, n), {}, { velocityDecay: e / 10 }))
- },
- }),
- ],
- }),
- (0, l.jsx)(p.xu, {
- children: (0, l.jsx)(A.UQ, {
- paddingLeft: 3,
- allowToggle: !0,
- children: (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsxs)(A.KF, {
- children: [
- (0, l.jsx)(U.x, { children: 'Advanced' }),
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- ],
- }),
- (0, l.jsx)(A.Hk, {
- children: (0, l.jsxs)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, {
- borderColor: 'gray.500',
- }),
- align: 'stretch',
- paddingLeft: 3,
- color: 'gray.800',
- children: [
- (0, l.jsx)(oe, {
- label: 'Stabilization rate',
- value: 50 * n.alphaDecay,
- onChange: function (e) {
- return r(
- re(re({}, n), {}, { alphaDecay: e / 50 }),
- )
- },
- }),
- (0, l.jsx)(le, {
- label: 'Center nodes',
- value: n.centering,
- onChange: function () {
- return r(
- re(
- re({}, n),
- {},
- { centering: !n.centering },
- ),
- )
- },
- infoText:
- 'Keeps the nodes in the center of the viewport. If disabled you can drag the nodes anywhere you want.',
- children: (0, l.jsx)(oe, {
- label: 'Centering Strength',
- value: n.centeringStrength,
- max: 2,
- step: 0.01,
- onChange: function (e) {
- return r(
- re(re({}, n), {}, { centeringStrength: e }),
- )
- },
- }),
- }),
- ],
- }),
- }),
- ],
- }),
- }),
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsxs)(A.KF, {
- children: [
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- (0, l.jsx)(X.X, { size: 'sm', children: 'Visual' }),
- ],
- }),
- (0, l.jsx)(A.Hk, {
- children: (0, l.jsxs)(_.gC, {
- justifyContent: 'flex-start',
- align: 'stretch',
- children: [
- (0, l.jsx)(A.UQ, {
- allowToggle: !0,
- defaultIndex: [0],
- paddingLeft: 3,
- children: (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsx)(A.KF, {
- children: (0, l.jsxs)(q.k, {
- justifyContent: 'space-between',
- w: '100%',
- children: [
- (0, l.jsx)(U.x, { children: 'Colors' }),
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- ],
- }),
- }),
- (0, l.jsx)(A.Hk, {
- children: (0, l.jsx)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, {
- borderColor: 'gray.500',
- }),
- align: 'stretch',
- color: 'gray.800',
- children: (0, l.jsxs)(p.xu, {
- children: [
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Nodes' }),
- (0, l.jsx)(M.u, {
- label: 'Shuffle node colors',
- children: (0, l.jsx)(B.h, {
- 'aria-label': 'Shuffle node colors',
- size: 'sm',
- icon: (0, l.jsx)(H.n, {}),
- variant: 'ghost',
- onClick: function () {
- var e,
- n =
- null !== (e = u.nodeColorScheme) &&
- void 0 !== e
- ? e
- : []
- h(
- re(
- re({}, u),
- {},
- {
- nodeColorScheme: n
- .map(function (e) {
- return [Math.random(), e]
- })
- .sort(function (e, n) {
- return (
- (0, a.Z)(e, 1)[0] -
- (0, a.Z)(n, 1)[0]
- )
- })
- .map(function (e) {
- var n = (0, a.Z)(e, 2)
- n[0]
- return n[1]
- }),
- },
- ),
- )
- },
- }),
- }),
- (0, l.jsx)(M.u, {
- label: 'Cycle node colors',
- children: (0, l.jsx)(B.h, {
- 'aria-label': 'Shift node colors',
- icon: (0, l.jsx)(E.L, {}),
- size: 'sm',
- variant: 'ghost',
- onClick: function () {
- var e,
- n =
- null !== (e = u.nodeColorScheme) &&
- void 0 !== e
- ? e
- : []
- h(
- re(
- re({}, u),
- {},
- {
- nodeColorScheme: [].concat(
- (0, s.Z)(n.slice(1, n.length)),
- [n[0]],
- ),
- },
- ),
- )
- },
- }),
- }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- closeOnSelect: !1,
- matchWidth: !0,
- children: [
- (0, l.jsx)(V.j2, {
- width: 20,
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(q.k, {
- height: 6,
- width: 6,
- flexDirection: 'column',
- flexWrap: 'wrap',
- children: u.nodeColorScheme.map(
- function (e) {
- return (0, l.jsx)(
- p.xu,
- {
- bgColor: e,
- flex: '1 1 8px',
- borderRadius: '2xl',
- },
- e,
- )
- },
- ),
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsx)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: (0, l.jsx)(V.__, {
- width: 500,
- type: 'checkbox',
- defaultValue: u.nodeColorScheme,
- onChange: function (e) {
- e.length &&
- h(
- re(
- re({}, u),
- {},
- { nodeColorScheme: e },
- ),
- )
- },
- children: w.map(function (e) {
- return (0, l.jsx)(
- V.ii,
- {
- isChecked:
- u.nodeColorScheme.some(
- function (n) {
- return n === e
- },
- ),
- value: e,
- isDisabled:
- 1 ===
- u.nodeColorScheme
- .length &&
- u.nodeColorScheme[0] ===
- e,
- children: (0, l.jsx)(p.xu, {
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(
- p.xu,
- {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- },
- ),
- }),
- },
- e,
- )
- }),
- }),
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Links' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- children: u.linkColorScheme
- ? (0, l.jsx)(p.xu, {
- bgColor: u.linkColorScheme,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- })
- : (0, l.jsx)(q.k, {
- height: 6,
- width: 6,
- flexDirection: 'column',
- flexWrap: 'wrap',
- children: u.nodeColorScheme.map(
- function (e) {
- return (0, l.jsx)(
- p.xu,
- {
- bgColor: e,
- flex: '1 1 8px',
- borderRadius: '2xl',
- },
- e,
- )
- },
- ),
- }),
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { linkColorScheme: '' },
- ),
- )
- },
- justifyContent: 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(q.k, {
- height: 6,
- width: 6,
- flexDirection: 'column',
- flexWrap: 'wrap',
- children:
- u.nodeColorScheme.map(
- function (e) {
- return (0, l.jsx)(
- p.xu,
- {
- bgColor: e,
- flex: '1 1 8px',
- borderRadius: '2xl',
- },
- e,
- )
- },
- ),
- }),
- }),
- Z.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- {
- linkColorScheme: e,
- },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Accent' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: y,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsx)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: w.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return k(e)
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, {
- children: 'Link Highlight',
- }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: u.linkHighlight,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { linkHighlight: '' },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- 'none',
- ),
- w.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { linkHighlight: e },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, {
- children: 'Node Highlight',
- }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: u.nodeHighlight,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { nodeHighlight: '' },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- 'none',
- ),
- w.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { nodeHighlight: e },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Background' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: u.backgroundColor,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsx)(V.qy, {
- minWidth: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: Z.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { backgroundColor: e },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Emacs Node' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: u.emacsNodeColor,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minWidth: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { emacsNodeColor: '' },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- 'none',
- ),
- w.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { emacsNodeColor: e },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- }),
- }),
- ],
- }),
- }),
- (0, l.jsxs)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
- align: 'stretch',
- paddingLeft: 7,
- color: 'gray.800',
- children: [
- (0, l.jsx)(oe, {
- label: 'Node size',
- value: u.nodeRel,
- onChange: function (e) {
- return h(re(re({}, u), {}, { nodeRel: e }))
- },
- }),
- t &&
- (0, l.jsxs)(l.Fragment, {
- children: [
- (0, l.jsx)(oe, {
- label: 'Node opacity',
- value: u.nodeOpacity,
- min: 0,
- max: 1,
- onChange: function (e) {
- return h(re(re({}, u), {}, { nodeOpacity: e }))
- },
- }),
- (0, l.jsx)(oe, {
- label: 'Node resolution',
- value: u.nodeResolution,
- min: 5,
- max: 32,
- step: 1,
- onChange: function (e) {
- return h(re(re({}, u), {}, { nodeResolution: e }))
- },
- }),
- ],
- }),
- (0, l.jsx)(oe, {
- label: 'Link width',
- value: u.linkWidth,
- onChange: function (e) {
- return h(re(re({}, u), {}, { linkWidth: e }))
- },
- }),
- t &&
- (0, l.jsx)(oe, {
- label: 'Link opacity',
- min: 0,
- max: 1,
- value: u.linkOpacity,
- onChange: function (e) {
- return h(re(re({}, u), {}, { linkOpacity: e }))
- },
- }),
- (0, l.jsxs)(p.xu, {
- children: [
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Labels' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: u.labels
- ? u.labels < 2
- ? 'On Highlight'
- : 'Always'
- : 'Never',
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(re({}, u), {}, { labels: 0 }),
- )
- },
- children: 'Never',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(re({}, u), {}, { labels: 1 }),
- )
- },
- children: 'On Highlight',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(re({}, u), {}, { labels: 2 }),
- )
- },
- children: 'Always',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(re({}, u), {}, { labels: 3 }),
- )
- },
- children: 'Always (even in 3D)',
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsx)(J.U, {
- in: u.labels > 0,
- animateOpacity: !0,
- children: (0, l.jsxs)(_.gC, {
- spacing: 1,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, {
- borderColor: 'gray.400',
- }),
- align: 'stretch',
- paddingLeft: 2,
- color: 'gray.800',
- children: [
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Text' }),
- (0, l.jsxs)(V.v2, {
- matchWidth: !0,
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- rightIcon: (0, l.jsx)(L.v, {}),
- color: 'black',
- colorScheme: '',
- children: (0, l.jsx)(p.xu, {
- bgColor: u.labelTextColor,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsx)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bg: 'gray.200',
- children: Z.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { labelTextColor: e },
- ),
- )
- },
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Background' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- rightIcon: (0, l.jsx)(L.v, {}),
- color: 'black',
- colorScheme: '',
- children: (0, l.jsx)(p.xu, {
- bgColor: u.labelBackgroundColor,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bg: 'gray.200',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- {
- labelBackgroundColor:
- '',
- },
- ),
- )
- },
- justifyContent: 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: 'None',
- }),
- Z.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- {
- labelBackgroundColor:
- e,
- },
- ),
- )
- },
- justifyContent:
- 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsx)(J.U, {
- in: !!u.labelBackgroundColor,
- animateOpacity: !0,
- children: (0, l.jsx)(p.xu, {
- paddingTop: 2,
- children: (0, l.jsx)(oe, {
- label: 'Background opacity',
- value: u.labelBackgroundOpacity,
- onChange: function (e) {
- console.log(u.labelBackgroundOpacity),
- h(
- re(
- re({}, u),
- {},
- { labelBackgroundOpacity: e },
- ),
- )
- },
- min: 0,
- max: 1,
- step: 0.01,
- }),
- }),
- }),
- (0, l.jsx)(J.U, {
- in: u.labels > 1,
- animateOpacity: !0,
- children: (0, l.jsx)(p.xu, {
- paddingTop: 2,
- children: (0, l.jsx)(oe, {
- label: 'Label Appearance Scale',
- value: 5 * u.labelScale,
- onChange: function (e) {
- return h(
- re(
- re({}, u),
- {},
- { labelScale: e / 5 },
- ),
- )
- },
- }),
- }),
- }),
- ],
- }),
- }),
- ],
- }),
- (0, l.jsxs)(le, {
- label: 'Link arrows',
- value: u.arrows,
- onChange: function () {
- return h(re(re({}, u), {}, { arrows: !u.arrows }))
- },
- children: [
- (0, l.jsx)(oe, {
- label: 'Arrow size',
- value: u.arrowsLength / 10,
- onChange: function (e) {
- return h(
- re(re({}, u), {}, { arrowsLength: 10 * e }),
- )
- },
- }),
- (0, l.jsx)(oe, {
- label: 'Arrow Position',
- value: u.arrowsPos,
- min: 0,
- max: 1,
- step: 0.01,
- onChange: function (e) {
- return h(re(re({}, u), {}, { arrowsPos: e }))
- },
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Arrow Color' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- colorScheme: '',
- color: 'black',
- rightIcon: (0, l.jsx)(L.v, {}),
- children: (0, l.jsx)(p.xu, {
- bgColor: u.arrowsColor,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- minW: 10,
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { arrowsColor: '' },
- ),
- )
- },
- justifyContent: 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- height: 6,
- width: 6,
- }),
- }),
- w.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { arrowsColor: e },
- ),
- )
- },
- justifyContent: 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- Z.map(function (e) {
- return (0, l.jsx)(
- V.sN,
- {
- onClick: function () {
- return h(
- re(
- re({}, u),
- {},
- { arrowsColor: e },
- ),
- )
- },
- justifyContent: 'space-between',
- alignItems: 'center',
- display: 'flex',
- children: (0, l.jsx)(p.xu, {
- bgColor: e,
- borderRadius: 'sm',
- height: 6,
- width: 6,
- }),
- },
- e,
- )
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(le, {
- label: 'Directional Particles',
- value: u.particles,
- onChange: function () {
- return h(re(re({}, u), {}, { particles: !u.particles }))
- },
- children: [
- (0, l.jsx)(oe, {
- label: 'Particle Number',
- value: u.particlesNumber,
- max: 5,
- step: 1,
- onChange: function (e) {
- return h(re(re({}, u), {}, { particlesNumber: e }))
- },
- }),
- (0, l.jsx)(oe, {
- label: 'Particle Size',
- value: u.particlesWidth,
- onChange: function (e) {
- return h(re(re({}, u), {}, { particlesWidth: e }))
- },
- }),
- ],
- }),
- (0, l.jsx)(le, {
- label: 'Highlight',
- onChange: function () {
- return h(re(re({}, u), {}, { highlight: !u.highlight }))
- },
- value: u.highlight,
- children: (0, l.jsxs)(_.gC, {
- spacing: 1,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, { borderColor: 'gray.400' }),
- align: 'stretch',
- paddingLeft: 0,
- children: [
- (0, l.jsx)(oe, {
- label: 'Highlight Link Thickness',
- value: u.highlightLinkSize,
- onChange: function (e) {
- return h(
- re(re({}, u), {}, { highlightLinkSize: e }),
- )
- },
- }),
- (0, l.jsx)(oe, {
- label: 'Highlight Node Size',
- value: u.highlightNodeSize,
- onChange: function (e) {
- return h(
- re(re({}, u), {}, { highlightNodeSize: e }),
- )
- },
- }),
- (0, l.jsxs)(le, {
- label: 'Highlight Animation',
- onChange: function () {
- h(
- re(
- re({}, u),
- {},
- { highlightAnim: !u.highlightAnim },
- ),
- )
- },
- value: u.highlightAnim,
- children: [
- (0, l.jsx)(oe, {
- label: 'Animation speed',
- onChange: function (e) {
- return h(
- re(re({}, u), {}, { animationSpeed: e }),
- )
- },
- value: u.animationSpeed,
- infoText:
- 'Slower speed has a chance of being buggy',
- min: 50,
- max: 1e3,
- step: 10,
- }),
- (0, l.jsx)(Y.Ph, {
- placeholder: u.algorithmName,
- onChange: function (e) {
- h(
- re(
- re({}, u),
- {},
- { algorithmName: e.target.value },
- ),
- )
- },
- children: u.algorithmOptions.map(function (e) {
- return (0,
- l.jsx)('option', { value: e, children: e }, e)
- }),
- }),
- ],
- }),
- ],
- }),
- }),
- ],
- }),
- ],
- }),
- }),
- ],
- }),
- (0, l.jsxs)(A.Qd, {
- children: [
- (0, l.jsxs)(A.KF, {
- children: [
- (0, l.jsx)(A.XE, { marginRight: 2 }),
- (0, l.jsx)(X.X, { size: 'sm', children: 'Behavior' }),
- ],
- }),
- (0, l.jsx)(A.Hk, {
- children: (0, l.jsxs)(_.gC, {
- spacing: 2,
- justifyContent: 'flex-start',
- divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
- align: 'stretch',
- paddingLeft: 7,
- color: 'gray.800',
- children: [
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsxs)(q.k, {
- children: [
- (0, l.jsx)(U.x, { children: 'Expand Node' }),
- (0, l.jsx)(ie, {
- infoText:
- 'View only the node and its direct neighbors',
- }),
- ],
- }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- rightIcon: (0, l.jsx)(L.v, {}),
- colorScheme: '',
- color: 'black',
- children: (0, l.jsx)(U.x, {
- children:
- g.local[0].toUpperCase() + g.local.slice(1),
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- zIndex: 'popover',
- bgColor: 'gray.200',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(re(re({}, g), {}, { local: '' }))
- },
- children: 'Never',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { local: 'click' }),
- )
- },
- children: 'Click',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { local: 'double' }),
- )
- },
- children: 'Double Click',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { local: 'right' }),
- )
- },
- children: 'Right Click',
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Open in Emacs' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- rightIcon: (0, l.jsx)(L.v, {}),
- colorScheme: '',
- color: 'black',
- children: (0, l.jsx)(U.x, {
- children:
- g.follow[0].toUpperCase() + g.follow.slice(1),
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- bgColor: 'gray.200',
- zIndex: 'popover',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(re(re({}, g), {}, { follow: '' }))
- },
- children: 'Never',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { follow: 'click' }),
- )
- },
- children: 'Click',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { follow: 'double' }),
- )
- },
- children: 'Double Click',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return x(
- re(re({}, g), {}, { follow: 'right' }),
- )
- },
- children: 'Right Click',
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsxs)(q.k, {
- alignItems: 'center',
- justifyContent: 'space-between',
- children: [
- (0, l.jsx)(U.x, { children: 'Follow Emacs by...' }),
- (0, l.jsxs)(V.v2, {
- placement: 'right',
- children: [
- (0, l.jsx)(V.j2, {
- as: W.z,
- rightIcon: (0, l.jsx)(L.v, {}),
- colorScheme: '',
- color: 'black',
- children: (0, l.jsx)(U.x, {
- children:
- f.follow[0].toUpperCase() + f.follow.slice(1),
- }),
- }),
- (0, l.jsxs)(K.h, {
- children: [
- ' ',
- (0, l.jsxs)(V.qy, {
- bgColor: 'gray.200',
- zIndex: 'popover',
- children: [
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return j(
- re(re({}, f), {}, { follow: 'local' }),
- )
- },
- children: 'Opening the local graph',
- }),
- (0, l.jsx)(V.sN, {
- onClick: function () {
- return j(
- re(re({}, f), {}, { follow: 'zoom' }),
- )
- },
- children: 'Zooming to the current node',
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- ],
- }),
- (0, l.jsx)(oe, {
- label: 'Zoom speed',
- value: f.zoomSpeed,
- min: 0,
- max: 4e3,
- step: 100,
- onChange: function (e) {
- return j(re(re({}, f), {}, { zoomSpeed: e }))
- },
- }),
- (0, l.jsx)(oe, {
- label: 'Zoom padding',
- value: f.zoomPadding,
- min: 0,
- max: 400,
- step: 1,
- onChange: function (e) {
- return j(re(re({}, f), {}, { zoomPadding: e }))
- },
- infoText:
- 'How much to zoom out to accomodate all nodes when changing the view.',
- }),
- ],
- }),
- }),
- ],
- }),
- ],
- }),
- }),
- ],
- }),
- }),
- ],
- })
- },
- ie = function (e) {
- var n = e.infoText
- return (0, l.jsx)(p.xu, {
- paddingLeft: '1',
- children: (0, l.jsx)(M.u, {
- label: n,
- placement: 'top',
- color: 'gray.100',
- bg: 'gray.800',
- hasArrow: !0,
- children: (0, l.jsx)(Z.h, {}),
- }),
- })
- },
- oe = function (e) {
- var n = e.min,
- r = void 0 === n ? 0 : n,
- t = e.max,
- i = void 0 === t ? 10 : t,
- o = e.step,
- s = void 0 === o ? 0.1 : o,
- c = e.value,
- a = void 0 === c ? 1 : c,
- u = (0, R.Z)(e, ['min', 'max', 'step', 'value']),
- h = u.onChange,
- g = u.label,
- x = u.infoText,
- f = (0, d.useContext)(ee.N).highlightColor
- return (0, l.jsxs)(p.xu, {
- children: [
- (0, l.jsxs)(p.xu, {
- display: 'flex',
- alignItems: 'flex-end',
- children: [(0, l.jsx)(U.x, { children: g }), x && (0, l.jsx)(ie, { infoText: x })],
- }),
- (0, l.jsxs)(G.iR, {
- value: a,
- onChange: h,
- min: r,
- max: i,
- step: s,
- children: [
- (0, l.jsx)(G.Uj, { children: (0, l.jsx)(G.Ms, {}) }),
- (0, l.jsx)(M.u, {
- bg: f,
- label: a.toFixed(1),
- children: (0, l.jsx)(G.gs, { bg: 'white' }),
- }),
- ],
- }),
- ],
- })
- },
- le = function (e) {
- var n = e.value,
- r = e.onChange,
- t = e.label,
- i = e.infoText,
- o = e.children
- return (0, l.jsxs)(p.xu, {
- paddingTop: 2,
- children: [
- (0, l.jsxs)(p.xu, {
- display: 'flex',
- justifyContent: 'space-between',
- paddingBottom: 2,
- children: [
- (0, l.jsxs)(p.xu, {
- display: 'flex',
- alignItems: 'center',
- children: [
- (0, l.jsx)(U.x, { children: t }),
- i && (0, l.jsx)(ie, { infoText: i }),
- ],
- }),
- (0, l.jsx)(Q.r, { isChecked: !!n, onChange: r }),
- ],
- }),
- (0, l.jsx)(J.U, {
- in: !!n,
- animateOpacity: !0,
- children: (0, l.jsx)(p.xu, {
- paddingLeft: 4,
- paddingTop: 2,
- paddingBottom: 2,
- children: o,
- }),
- }),
- ],
- })
- },
- se = r(1122),
- ce = r(2003)
- function ae(e, n) {
- var r = Object.keys(e)
- if (Object.getOwnPropertySymbols) {
- var t = Object.getOwnPropertySymbols(e)
- n &&
- (t = t.filter(function (n) {
- return Object.getOwnPropertyDescriptor(e, n).enumerable
- })),
- r.push.apply(r, t)
- }
- return r
- }
- function de(e) {
- for (var n = 1; n < arguments.length; n++) {
- var r = null != arguments[n] ? arguments[n] : {}
- n % 2
- ? ae(Object(r), !0).forEach(function (n) {
- ;(0, c.Z)(e, n, r[n])
- })
- : Object.getOwnPropertyDescriptors
- ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r))
- : ae(Object(r)).forEach(function (n) {
- Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n))
- })
- }
- return e
- }
- var ue = r.e(4).then(r.bind(r, 7004)),
- he = r.g.window ? r(1957).f$ : null,
- ge = r.g.window ? r(1957).s6 : null
- function xe() {
- var e = (0, d.useState)(!1),
- n = e[0],
- r = e[1]
- return (
- (0, d.useEffect)(function () {
- r(!0)
- }, []),
- n ? (0, l.jsx)(fe, {}) : null
- )
- }
- function fe() {
- var e = u('physics', S),
- n = (0, a.Z)(e, 2),
- r = n[0],
- t = n[1],
- i = u('filter', I),
- o = (0, a.Z)(i, 2),
- h = o[0],
- g = o[1],
- x = u('visuals', N),
- f = (0, a.Z)(x, 2),
- j = f[0],
- m = f[1],
- b = (0, d.useState)(null),
- C = b[0],
- v = b[1],
- y = (0, d.useState)(null),
- k = y[0],
- w = y[1],
- R = u('behavior', O),
- T = (0, a.Z)(R, 2),
- D = T[0],
- P = T[1],
- H = u('mouse', z),
- E = (0, a.Z)(H, 2),
- L = E[0],
- Z = E[1],
- F = (0, d.useRef)({}),
- B = (0, d.useRef)({}),
- M = (0, d.useContext)(ee.N).setEmacsTheme,
- W = (0, d.useState)(!1),
- A = W[0],
- X = W[1],
- _ = (0, d.useState)({ nodeIds: [] }),
- q = _[0],
- U = _[1],
- Q = (0, d.useRef)({ nodeIds: [] }),
- V = (0, d.useRef)(O)
- V.current = D
- var K = (0, d.useRef)(null),
- J = (0, d.useRef)(null)
- Q.current = q
- var Y = function (e, n) {
- var r,
- t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 2e3,
- i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 200,
- o = K.current,
- l = Q.current,
- c = V.current,
- a = null !== (r = B.current[n]) && void 0 !== r ? r : [],
- d = Object.fromEntries(
- [n]
- .concat(
- (0, s.Z)(
- a.flatMap(function (e) {
- return [e.source, e.target]
- }),
- ),
- )
- .map(function (e) {
- return [e, {}]
- }),
- )
- return 'zoom' === e
- ? (console.log(l),
- l.nodeIds.length &&
- (console.log('emptying'), console.log('scope ' + l.nodeIds), U({ nodeIds: [] })),
- void setTimeout(function () {
- return o.zoomToFit(t, i, function (e) {
- return d[e.id]
- })
- }, 50))
- : l.nodeIds.length
- ? 'add' !== c.localSame
- ? (U({ nodeIds: [n] }),
- void setTimeout(function () {
- o.zoomToFit(t, i, function (e) {
- return d[e.id]
- })
- }, 50))
- : l.nodeIds.includes(n) &&
- l.nodeIds.some(function (e) {
- return d[e]
- })
- ? (U(function (e) {
- return de(de({}, e), {}, { nodeIds: [].concat((0, s.Z)(e.nodeIds), [n]) })
- }),
- void setTimeout(function () {
- return o.zoomToFit(t, i, function (e) {
- return d[e.id]
- })
- }, 50))
- : (U({ nodeIds: [n] }),
- void setTimeout(function () {
- o.zoomToFit(t, i, function (e) {
- return d[e.id]
- })
- }, 50))
- : (U({ nodeIds: [n] }),
- void setTimeout(function () {
- o.zoomToFit(t, i, function (e) {
- return d[e.id]
- })
- }, 50))
- }
- return (
- (0, d.useEffect)(function () {
- ;(J.current = new ce.Z('ws://localhost:35903')),
- J.current.addEventListener('open', function (e) {
- console.log('Connection with Emacs established')
- }),
- J.current.addEventListener('message', function (e) {
- K.current
- var n = V.current,
- r = JSON.parse(e.data)
- switch (r.type) {
- case 'graphdata':
- return (function (e) {
- var n = e.nodes.reduce(function (e, n) {
- var r
- return de(
- de({}, e),
- {},
- (0, c.Z)(
- {},
- n.file,
- [].concat(
- (0, s.Z)(null !== (r = e[n.file]) && void 0 !== r ? r : []),
- [n],
- ),
- ),
- )
- }, {}),
- r = Object.keys(n).flatMap(function (e) {
- var r,
- t = null !== (r = n[e]) && void 0 !== r ? r : [],
- i = t.find(function (e) {
- return 0 === e.level
- }),
- o = t.filter(function (e) {
- return 0 !== e.level
- })
- return i
- ? o.map(function (e) {
- return { source: e.id, target: i.id, type: 'parent' }
- })
- : []
- })
- F.current = Object.fromEntries(
- e.nodes.map(function (e) {
- return [e.id, e]
- }),
- )
- var t = [].concat((0, s.Z)(e.links), (0, s.Z)(r))
- B.current = t.reduce(function (e, n) {
- var r, t, i
- return de(
- de({}, e),
- {},
- ((i = {}),
- (0, c.Z)(
- i,
- n.source,
- [].concat(
- (0, s.Z)(null !== (r = e[n.source]) && void 0 !== r ? r : []),
- [n],
- ),
- ),
- (0, c.Z)(
- i,
- n.target,
- [].concat(
- (0, s.Z)(null !== (t = e[n.target]) && void 0 !== t ? t : []),
- [n],
- ),
- ),
- i),
- )
- }, {})
- var i = de(de({}, e), {}, { links: t }),
- o = JSON.parse(JSON.stringify(i))
- v(o)
- })(r.data)
- case 'theme':
- return M(r.data)
- case 'command':
- switch (r.data.commandName) {
- case 'local':
- var t = D.zoomSpeed,
- i = D.zoomPadding
- Y('local', r.data.id, t, i), w(r.data.id)
- break
- case 'zoom':
- var o,
- l,
- a =
- (null === r || void 0 === r || null === (o = r.data) || void 0 === o
- ? void 0
- : o.speed) || n.zoomSpeed,
- d =
- (null === r || void 0 === r || null === (l = r.data) || void 0 === l
- ? void 0
- : l.padding) || n.zoomPadding
- Y('zoom', r.data.id, a, d), w(r.data.id)
- break
- case 'follow':
- Y(n.follow, r.data.id, n.zoomSpeed, n.zoomPadding), w(r.data.id)
- break
- default:
- return console.error('unknown message type', r.type)
- }
- }
- })
- }, []),
- C
- ? (0, l.jsxs)(p.xu, {
- display: 'flex',
- alignItems: 'flex-start',
- flexDirection: 'row',
- height: '100%',
- children: [
- (0, l.jsx)(
- te,
- de(
- {},
- {
- physics: r,
- setPhysics: t,
- threeDim: A,
- setThreeDim: X,
- filter: h,
- setFilter: g,
- visuals: j,
- setVisuals: m,
- mouse: L,
- setMouse: Z,
- behavior: D,
- setBehavior: P,
- },
- ),
- ),
- (0, l.jsx)(p.xu, {
- position: 'absolute',
- alignItems: 'top',
- children: (0, l.jsx)(
- je,
- de(
- {
- ref: K,
- nodeById: F.current,
- linksByNodeId: B.current,
- webSocket: J.current,
- },
- {
- physics: r,
- graphData: C,
- threeDim: A,
- emacsNodeId: k,
- filter: h,
- visuals: j,
- behavior: D,
- mouse: L,
- scope: q,
- setScope: U,
- },
- ),
- ),
- }),
- ],
- })
- : null
- )
- }
- var je = (0, d.forwardRef)(function (e, n) {
- var r = e.physics,
- t = e.graphData,
- c = e.threeDim,
- u = e.linksByNodeId,
- h = e.filter,
- p = e.emacsNodeId,
- m = e.nodeById,
- b = e.visuals,
- C = (e.behavior, e.mouse),
- v = e.scope,
- y = e.setScope,
- k = e.webSocket,
- S = (0, x.iP)(),
- I = (0, a.Z)(S, 2),
- N = I[0],
- O = I[1],
- z = (0, d.useState)(null),
- R = z[0],
- T = z[1],
- D = (0, j.useTheme)(),
- P = (0, d.useContext)(ee.N).emacsTheme,
- H = function (e, n) {
- switch (e) {
- case C.local:
- if (v.nodeIds.includes(n.id)) break
- y(function (e) {
- return de(de({}, e), {}, { nodeIds: [].concat((0, s.Z)(e.nodeIds), [n.id]) })
- })
- break
- case C.follow:
- k.send(n.id)
- }
- },
- E = (0, d.useRef)(null)
- ;(0, d.useEffect)(
- function () {
- p && T(m[p])
- },
- [p],
- ),
- (E.current = R)
- var L = (0, d.useMemo)(
- function () {
- if (!E.current) return {}
- var e = u[E.current.id]
- return e
- ? Object.fromEntries(
- [E.current.id]
- .concat(
- (0, s.Z)(
- e.flatMap(function (e) {
- return [e.source, e.target]
- }),
- ),
- )
- .map(function (e) {
- return [e, {}]
- }),
- )
- : {}
- },
- [E.current, u],
- ),
- Z = (0, d.useMemo)(
- function () {
- var e = t.nodes.filter(function (e) {
- var n,
- r = null !== (n = u[e.id]) && void 0 !== n ? n : []
- return (
- !h.orphans ||
- (h.parents
- ? 0 !== r.length
- : 0 !== r.length &&
- r.some(function (e) {
- return !['parent', 'cite', 'ref'].includes(e.type)
- }))
- )
- }),
- n = e.map(function (e) {
- return e.id
- }),
- r = t.links.filter(function (e) {
- var r = e
- return (
- 'cite' !== r.type &&
- (h.parents || 'parent' !== r.type) &&
- n.includes(r.source) &&
- n.includes(r.target)
- )
- }),
- i = e.filter(function (e) {
- var n,
- r = null !== (n = u[e.id]) && void 0 !== n ? n : []
- return (
- v.nodeIds.includes(e.id) ||
- r.some(function (e) {
- return v.nodeIds.includes(e.source) || v.nodeIds.includes(e.target)
- })
- )
- }),
- o = i.map(function (e) {
- return e.id
- }),
- l = r.filter(function (e) {
- var n = 'object' === typeof e.source ? e.source.id : e.source,
- r = 'object' === typeof e.target ? e.target.id : e.target
- return o.includes(n) && o.includes(r)
- })
- return 0 === v.nodeIds.length ? { nodes: e, links: r } : { nodes: i, links: l }
- },
- [h, v, t],
- )
- ;(0, d.useEffect)(function () {
- ;(0, o.Z)(
- i().mark(function e() {
- var t, o
- return i().wrap(function (e) {
- for (;;)
- switch ((e.prev = e.next)) {
- case 0:
- return (t = n.current), (e.next = 3), ue
- case 3:
- ;(o = e.sent),
- r.gravityOn
- ? (t.d3Force('x', o.forceX().strength(r.gravity)),
- t.d3Force('y', o.forceY().strength(r.gravity)),
- c && t.d3Force('z', o.forceZ().strength(r.gravity)))
- : (t.d3Force('x', null), t.d3Force('y', null), c && t.d3Force('z', null)),
- r.centering
- ? t.d3Force('center', o.forceCenter().strength(r.centeringStrength))
- : t.d3Force('center', null),
- r.linkStrength && t.d3Force('link').strength(r.linkStrength),
- r.linkIts && t.d3Force('link').iterations(r.linkIts),
- r.charge && t.d3Force('charge').strength(r.charge),
- t.d3Force(
- 'collide',
- r.collision ? o.forceCollide().radius(r.collisionStrength) : null,
- )
- case 10:
- case 'end':
- return e.stop()
- }
- }, e)
- }),
- )()
- }),
- (0, d.useEffect)(
- function () {
- var e
- null === (e = n.current) || void 0 === e || e.d3ReheatSimulation()
- },
- [r],
- )
- var F = (0, d.useRef)(0),
- B = (0, d.useState)(1),
- M = B[0],
- W = B[1],
- A = (0, f._7)(
- function (e) {
- return W(e)
- },
- { duration: b.animationSpeed, algorithm: w[b.algorithmName] },
- ),
- X = (0, a.Z)(A, 2),
- _ = X[0],
- q = X[1],
- U = (0, f._7)(
- function (e) {
- return W(Math.min(M, -1 * (e - 1)))
- },
- { duration: b.animationSpeed, algorithm: w[b.algorithmName] },
- ),
- Q = (0, a.Z)(U, 2),
- V = Q[0],
- K = Q[1],
- J = (0, d.useRef)(null)
- ;(0, d.useEffect)(
- function () {
- if ((R && (J.current = R), !b.highlightAnim)) return W(R ? 1 : 0)
- R ? _() : (q(), M > 0.5 ? V() : W(0))
- },
- [R],
- )
- var Y = function (e) {
- if (D)
- return e.split('.').reduce(function (e, n) {
- return e[n]
- }, D.colors)
- },
- G = (0, d.useMemo)(
- function () {
- var e = b.nodeColorScheme.concat(
- b.linkColorScheme || [],
- b.linkHighlight || [],
- b.nodeHighlight || [],
- )
- return Object.fromEntries(
- e.map(function (n) {
- var r = Y(n),
- t = e.map(function (e) {
- return [e, g.Z(r, Y(e))]
- })
- return [n, Object.fromEntries(t)]
- }),
- )
- },
- [b.nodeColorScheme, b.linkHighlight, b.nodeHighlight, b.linkColorScheme, P],
- ),
- $ = (0, d.useMemo)(
- function () {
- var e,
- n,
- r,
- t =
- null !== (e = u[null === (n = J.current) || void 0 === n ? void 0 : n.id]) &&
- void 0 !== e
- ? e
- : []
- return Object.fromEntries(
- [null === (r = J.current) || void 0 === r ? void 0 : r.id]
- .concat(
- (0, s.Z)(
- t.flatMap(function (e) {
- return [e.source, e.target]
- }),
- ),
- )
- .map(function (e) {
- return [e, {}]
- }),
- )
- },
- [JSON.stringify(R), J.current],
- ),
- ne = function (e) {
- var n,
- r,
- t,
- i,
- o,
- l,
- s =
- null !== (n = null === (r = u[e]) || void 0 === r ? void 0 : r.length) &&
- void 0 !== n
- ? n
- : 0,
- c = s
- ? null === (t = u[e]) || void 0 === t
- ? void 0
- : t.filter(function (e) {
- return 'parent' === e.type || 'cite' === e.type
- }).length
- : 0,
- a = h.parents ? s : s - c
- return b.nodeColorScheme[
- ((i = a), (o = 0), (l = b.nodeColorScheme.length - 1), Math.min(Math.max(i, o), l))
- ]
- },
- re = function (e, n) {
- return u[e] > u[n] ? ne(e) : ne(n)
- },
- te = function (e, n) {
- return (
- 'rgba(' +
- (e = e.replace('#', ''))
- .match(new RegExp('(.{' + e.length / 3 + '})', 'g'))
- .map(function (n) {
- return parseInt(e.length % 2 ? n + n : n, 16)
- })
- .concat(isFinite(n) ? n : 1)
- .join(',') +
- ')'
- )
- },
- ie = (0, d.useMemo)(
- function () {
- return Y(b.labelTextColor)
- },
- [b.labelTextColor, P],
- ),
- oe = (0, d.useMemo)(
- function () {
- return Y(b.labelBackgroundColor)
- },
- [b.labelBackgroundColor, P],
- ),
- le = {
- graphData: Z,
- width: N,
- height: O,
- backgroundColor: D.colors.gray[b.backgroundColor],
- nodeLabel: function (e) {
- return e.title
- },
- nodeColor: function (e) {
- return (function (e) {
- var n = L[e.id] || $[e.id]
- return b.emacsNodeColor && e.id === p
- ? Y(b.emacsNodeColor)
- : n && b.nodeHighlight
- ? G[ne(e.id)][b.nodeHighlight](M)
- : Y(ne(e.id))
- })(e)
- },
- nodeRelSize: b.nodeRel,
- nodeVal: function (e) {
- var n,
- r = null !== (n = u[e.id]) && void 0 !== n ? n : [],
- t = r.length
- ? r.filter(function (e) {
- return 'parent' === e.type || 'cite' === e.type
- }).length
- : 0
- return (
- (3 + r.length - (h.parents ? 0 : t)) *
- (L[e.id] || $[e.id] ? 1 + M * (b.highlightNodeSize - 1) : 1)
- )
- },
- nodeCanvasObject: function (e, n, r) {
- if (e && b.labels) {
- var t = $[e.id]
- if (!(r <= b.labelScale || 1 === b.labels) || L[e.id] || t) {
- var i = e.title,
- o = i.substring(0, Math.min(i.length, 40)),
- l = 12 / r,
- c = [1.1 * n.measureText(o).width, l].map(function (e) {
- return e + 0.5 * l
- }),
- a = Math.min((3 * (r - b.labelScale)) / b.labelScale, 1),
- d = function () {
- return 1 === b.labels || r <= b.labelScale
- ? M
- : L[e.id] || $[e.id]
- ? Math.max(a, M)
- : 1 * a * (-1 * (0.5 * M - 1))
- }
- if (b.labelBackgroundColor && b.labelBackgroundOpacity) {
- var u = d() * b.labelBackgroundOpacity,
- h = te(oe, u)
- ;(n.fillStyle = h),
- n.fillRect.apply(n, [e.x - c[0] / 2, e.y - c[1] / 2].concat((0, s.Z)(c)))
- }
- var g = d()
- ;(n.textAlign = 'center'), (n.textBaseline = 'middle')
- var x = te(ie, g)
- ;(n.fillStyle = x),
- (n.font = ''.concat(l, 'px Sans-Serif')),
- n.fillText(o, e.x, e.y)
- }
- }
- },
- nodeCanvasObjectMode: function () {
- return 'after'
- },
- linkDirectionalParticles: b.particles ? b.particlesNumber : void 0,
- linkDirectionalArrowLength: b.arrows ? b.arrowsLength : void 0,
- linkDirectionalArrowRelPos: b.arrowsPos,
- linkDirectionalArrowColor: b.arrowsColor
- ? function (e) {
- return Y(b.arrowsColor)
- }
- : void 0,
- linkColor: function (e) {
- var n = 'object' === typeof e.source ? e.source.id : e.source,
- r = 'object' === typeof e.target ? e.target.id : e.target,
- t = pe(e, E.current),
- i = pe(e, J.current)
- return (function (e, n, r) {
- if (!b.linkHighlight && !b.linkColorScheme && !r) {
- var t = re(e, n)
- return Y(t)
- }
- if (!r && !b.linkColorScheme) {
- var i = re(e, n)
- return Y(i)
- }
- if (!r) return Y(b.linkColorScheme)
- if (!b.linkHighlight && !b.linkColorScheme) {
- var o = re(e, n)
- return Y(o)
- }
- return b.linkHighlight
- ? b.linkColorScheme
- ? G[b.linkColorScheme][b.linkHighlight](M)
- : G[re(e, n)][b.linkHighlight](M)
- : Y(b.linkColorScheme)
- })(n, r, t || i)
- },
- linkWidth: function (e) {
- var n = pe(e, E.current),
- r = pe(e, J.current)
- return n || r ? b.linkWidth * (1 + M * (b.highlightLinkSize - 1)) : b.linkWidth
- },
- linkDirectionalParticleWidth: b.particlesWidth,
- d3AlphaDecay: r.alphaDecay,
- d3AlphaMin: r.alphaMin,
- d3VelocityDecay: r.velocityDecay,
- onNodeClick: function (e, n) {
- var r = n.timeStamp - F.current < 400
- return (F.current = n.timeStamp), H(r ? 'double' : 'click', e)
- },
- onBackgroundClick: function () {
- T(null),
- 0 !== v.nodeIds.length &&
- y(function (e) {
- return de(de({}, e), {}, { nodeIds: [] })
- })
- },
- onNodeHover: function (e) {
- b.highlight && (R || (K(), W(0)), T(e))
- },
- onNodeRightClick: function (e) {
- H('right', e)
- },
- }
- return (0, l.jsx)('div', {
- children: c
- ? (0, l.jsx)(
- ge,
- de(
- de({ ref: n }, le),
- {},
- {
- nodeThreeObjectExtend: !0,
- backgroundColor: D.colors.white,
- nodeOpacity: b.nodeOpacity,
- nodeResolution: b.nodeResolution,
- linkOpacity: b.linkOpacity,
- nodeThreeObject: function (e) {
- if (b.labels && (!(b.labels < 3) || L[e.id])) {
- var n = new se.Z(e.title.substring(0, 40))
- return (
- (n.color = Y(b.labelTextColor)),
- (n.backgroundColor = Y(b.labelBackgroundColor)),
- (n.padding = 2),
- (n.textHeight = 8),
- n
- )
- }
- },
- },
- ),
- )
- : (0, l.jsx)(he, de({ ref: n }, le)),
- })
- })
- function pe(e, n) {
- return (
- e.source.id === (null === n || void 0 === n ? void 0 : n.id) ||
- e.target.id === (null === n || void 0 === n ? void 0 : n.id)
- )
- }
- },
- 5301: function (e, n, r) {
- ;(window.__NEXT_P = window.__NEXT_P || []).push([
- '/',
- function () {
- return r(374)
- },
- ])
- },
- },
- function (e) {
- e.O(0, [774, 737, 446, 906, 888, 179], function () {
- return (n = 5301), e((e.s = n))
- var n
- })
- var n = e.O()
- _N_E = n
- },
-])