@krainovsd/graph 0.14.0-beta.8 → 0.15.0-beta.1

package/lib/esm/module/GraphCanvas/slices/init-draw.js

@@ -3,7 +3,33 @@ import { setDrawTime } from '../../../lib/draw-time.js';
 import { getDrawLink } from './draw-links.js';
 import { getDrawNode } from './draw-nodes.js';
 
+const COS_PI_6 = 0.8660254037844386;
+const SIN_PI_6 = 0.5;
+function clearBatch(batch) {
+    // eslint-disable-next-line guard-for-in
+    for (const key in batch) {
+        batch[key].length = 0;
+    }
+}
+function clearNestedBatch(batch) {
+    // eslint-disable-next-line guard-for-in
+    for (const outerKey in batch) {
+        const inner = batch[outerKey];
+        // eslint-disable-next-line guard-for-in
+        for (const innerKey in inner) {
+            inner[innerKey].length = 0;
+        }
+    }
+}
 function initDraw() {
+    const nodeBatch = {};
+    const nodeImageBatch = {};
+    const textBatch = {};
+    const deferredNodeDraw = [];
+    const deferredTextDraw = [];
+    const linkBatch = {};
+    const particleBatch = {};
+    const arrowBatch = {};
     function draw() {
         if (!this.context)
             return;
@@ -11,18 +37,196 @@ function initDraw() {
             this.listeners.onDraw.call(this);
             return;
         }
+        clearBatch(nodeBatch);
+        clearBatch(nodeImageBatch);
+        clearNestedBatch(textBatch);
+        deferredNodeDraw.length = 0;
+        deferredTextDraw.length = 0;
+        clearBatch(linkBatch);
+        clearBatch(particleBatch);
+        clearBatch(arrowBatch);
+        const k = this.areaTransform.k;
+        const area = {
+            left: -this.areaTransform.x / k,
+            right: (this.width - this.areaTransform.x) / k,
+            top: -this.areaTransform.y / k,
+            bottom: (this.height - this.areaTransform.y) / k,
+        };
         this.context.save();
         this.context.clearRect(0, 0, this.width, this.height);
         this.context.translate(this.areaTransform.x, this.areaTransform.y);
         this.context.scale(this.areaTransform.k, this.areaTransform.k);
-        const textRenders = [];
-        const nodeRenders = [];
-        this.nodes.forEach(getDrawNode(nodeRenders, textRenders).bind(this));
-        /** links */
-        this.links.forEach(getDrawLink().bind(this));
-        /** nodes */
-        nodeRenders.forEach((render) => render());
-        textRenders.forEach((render) => render());
+        this.nodes.forEach(getDrawNode(nodeBatch, nodeImageBatch, textBatch, deferredNodeDraw, deferredTextDraw, area), this);
+        this.links.forEach(getDrawLink(linkBatch, particleBatch, arrowBatch, performance.now()), this);
+        const linkKeys = Object.keys(linkBatch);
+        for (let i = 0; i < linkKeys.length; i++) {
+            const key = linkKeys[i];
+            const group = linkBatch[key];
+            const [alpha, color, width] = key.split("|");
+            this.context.beginPath();
+            this.context.globalAlpha = +alpha;
+            this.context.strokeStyle = color;
+            this.context.lineWidth = +width;
+            this.context.setLineDash([]);
+            for (let j = 0; j < group.length; j++) {
+                const item = group[j];
+                if (!item.curve) {
+                    this.context.moveTo(item.xStart, item.yStart);
+                    this.context.lineTo(item.xEnd, item.yEnd);
+                }
+                else {
+                    this.context.moveTo(item.xStart, item.yStart);
+                    this.context.quadraticCurveTo(item.xControl, item.yControl, item.xEnd, item.yEnd);
+                }
+            }
+            this.context.stroke();
+        }
+        const particleKeys = Object.keys(particleBatch);
+        for (let i = 0; i < particleKeys.length; i++) {
+            const key = particleKeys[i];
+            const group = particleBatch[key];
+            const [bcolor, width, color] = key.split("|");
+            this.context.beginPath();
+            this.context.globalAlpha = 1;
+            this.context.strokeStyle = bcolor;
+            this.context.lineWidth = +width;
+            this.context.fillStyle = color;
+            for (let j = 0; j < group.length; j++) {
+                const item = group[j];
+                this.context.moveTo(item.x + item.r, item.y);
+                this.context.arc(item.x, item.y, item.r, 0, Math.PI * 2);
+            }
+            this.context.fill();
+            if (+width > 0) {
+                this.context.stroke();
+            }
+        }
+        const arrowKeys = Object.keys(arrowBatch);
+        for (let i = 0; i < arrowKeys.length; i++) {
+            const key = arrowKeys[i];
+            const group = arrowBatch[key];
+            const [alpha, bcolor, width, color] = key.split("|");
+            this.context.beginPath();
+            this.context.globalAlpha = +alpha;
+            this.context.strokeStyle = bcolor;
+            this.context.lineWidth = +width;
+            this.context.fillStyle = color;
+            for (let j = 0; j < group.length; j++) {
+                const item = group[j];
+                this.context.moveTo(item.x, item.y);
+                const cosA = Math.cos(item.angle);
+                const sinA = Math.sin(item.angle);
+                const cos1 = cosA * COS_PI_6 + sinA * SIN_PI_6;
+                const sin1 = sinA * COS_PI_6 - cosA * SIN_PI_6;
+                const cos2 = cosA * COS_PI_6 - sinA * SIN_PI_6;
+                const sin2 = sinA * COS_PI_6 + cosA * SIN_PI_6;
+                this.context.lineTo(item.x - item.size * cos1, item.y - item.size * sin1);
+                this.context.lineTo(item.x - item.size * cos2, item.y - item.size * sin2);
+                this.context.closePath();
+            }
+            this.context.fill();
+            if (+width > 0) {
+                this.context.stroke();
+            }
+        }
+        const nodeKeys = Object.keys(nodeBatch);
+        for (let i = 0; i < nodeKeys.length; i++) {
+            const key = nodeKeys[i];
+            const group = nodeBatch[key];
+            const [alpha, bcolor, width, color] = key.split("|");
+            this.context.beginPath();
+            this.context.globalAlpha = +alpha;
+            this.context.strokeStyle = bcolor;
+            this.context.lineWidth = +width;
+            this.context.fillStyle = color;
+            for (let j = 0; j < group.length; j++) {
+                const item = group[j];
+                switch (item.shape) {
+                    case "circle": {
+                        this.context.moveTo(item.x + item.radius, item.y);
+                        this.context.arc(item.x, item.y, item.radius, 0, 2 * Math.PI);
+                        break;
+                    }
+                    case "square": {
+                        this.context.roundRect(item.x - item.width / 2, item.y - item.height / 2, item.width, item.height, item.radius);
+                        break;
+                    }
+                    case "text": {
+                        if (this.nodeSettings.textNodeDebug) {
+                            this.context.rect(item.x - item.width / 2, item.y - item.height / 2, item.width, item.height);
+                        }
+                        break;
+                    }
+                }
+            }
+            this.context.fill();
+            if (+width > 0) {
+                this.context.stroke();
+            }
+        }
+        const nodeImageKeys = Object.keys(nodeImageBatch);
+        for (let i = 0; i < nodeImageKeys.length; i++) {
+            const key = nodeImageKeys[i];
+            const group = nodeImageBatch[key];
+            const [alpha, bcolor, width, color] = key.split("|");
+            this.context.globalAlpha = +alpha;
+            this.context.strokeStyle = bcolor;
+            this.context.lineWidth = +width;
+            this.context.fillStyle = color;
+            for (let j = 0; j < group.length; j++) {
+                const item = group[j];
+                if (!item.image)
+                    continue;
+                this.context.beginPath();
+                switch (item.shape) {
+                    case "circle": {
+                        this.context.arc(item.x, item.y, item.radius, 0, 2 * Math.PI);
+                        this.context.closePath();
+                        this.context.save();
+                        this.context.clip();
+                        this.context.drawImage(item.image, item.x - item.radius, item.y - item.radius, item.radius * 2, item.radius * 2);
+                        this.context.restore();
+                        break;
+                    }
+                    case "square": {
+                        this.context.roundRect(item.x - item.width / 2, item.y - item.height / 2, item.width, item.height, item.radius);
+                        this.context.closePath();
+                        this.context.save();
+                        this.context.clip();
+                        this.context.drawImage(item.image, item.x - item.width / 2, item.y - item.height / 2, item.width, item.height);
+                        this.context.restore();
+                        break;
+                    }
+                    default: {
+                        continue;
+                    }
+                }
+                if (+width > 0) {
+                    this.context.stroke();
+                }
+            }
+        }
+        const textKeys = Object.keys(textBatch);
+        for (let i = 0; i < textKeys.length; i++) {
+            const font = textKeys[i];
+            const fontGroup = textBatch[font];
+            const textInnerKeys = Object.keys(fontGroup);
+            this.context.font = font;
+            for (let j = 0; j < textInnerKeys.length; j++) {
+                const key = textInnerKeys[j];
+                const group = fontGroup[key];
+                const [alpha, align, color] = key.split("|");
+                this.context.globalAlpha = +alpha;
+                this.context.textAlign = align;
+                this.context.fillStyle = color;
+                for (let k = 0; k < group.length; k++) {
+                    const item = group[k];
+                    this.context.fillText(item.text, item.x, item.y);
+                }
+            }
+        }
+        deferredNodeDraw.forEach((draw) => draw());
+        deferredTextDraw.forEach((draw) => draw());
         this.context.restore();
         /** selection rectangle */
         if (this.isSelecting && this.selectionRect) {

package/lib/esm/module/GraphCanvas/slices/init-draw.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-draw.js","sources":["../../../../../src/module/GraphCanvas/slices/init-draw.ts"],"sourcesContent":["import { setDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { getDrawLink } from \"./draw-links\";\nimport { getDrawNode } from \"./draw-nodes\";\n\nexport function initDraw<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  function draw(this: GraphCanvas<NodeData, LinkData>) {\n    if (!this.context) return;\n\n    if (this.listeners.onDraw) {\n      this.listeners.onDraw.call(this);\n\n      return;\n    }\n\n    this.context.save();\n    this.context.clearRect(0, 0, this.width, this.height);\n    this.context.translate(this.areaTransform.x, this.areaTransform.y);\n    this.context.scale(this.areaTransform.k, this.areaTransform.k);\n\n    const textRenders: (() => void)[] = [];\n    const nodeRenders: (() => void)[] = [];\n    this.nodes.forEach(getDrawNode<NodeData, LinkData>(nodeRenders, textRenders).bind(this));\n\n    /** links */\n    this.links.forEach(getDrawLink<NodeData, LinkData>().bind(this));\n\n    /** nodes */\n\n    nodeRenders.forEach((render) => render());\n    textRenders.forEach((render) => render());\n\n    this.context.restore();\n\n    /** selection rectangle */\n    if (this.isSelecting && this.selectionRect) {\n      const rect = this.selectionRect;\n      const screenX = Math.min(rect.x1, rect.x2) * this.areaTransform.k + this.areaTransform.x;\n      const screenY = Math.min(rect.y1, rect.y2) * this.areaTransform.k + this.areaTransform.y;\n      const screenW = Math.abs(rect.x2 - rect.x1) * this.areaTransform.k;\n      const screenH = Math.abs(rect.y2 - rect.y1) * this.areaTransform.k;\n\n      this.context.fillStyle = \"rgba(66, 133, 244, 0.2)\";\n      this.context.fillRect(screenX, screenY, screenW, screenH);\n      this.context.strokeStyle = \"rgba(66, 133, 244, 0.8)\";\n      this.context.lineWidth = 2;\n      this.context.strokeRect(screenX, screenY, screenW, screenH);\n    }\n    this.listeners.onDrawFinished?.call?.(this);\n  }\n\n  if (this.graphSettings.showDrawTime) {\n    return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);\n  }\n\n  return draw.bind(this);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-draw.js","sources":["../../../../../src/module/GraphCanvas/slices/init-draw.ts"],"sourcesContent":["import { setDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport type {\n  Area,\n  DeferredDraw,\n  LinkArrowDrawBatch,\n  LinkDrawBatch,\n  LinkParticleDrawBatch,\n  NodeDrawBatch,\n  NodeTextDrawBatch,\n} from \"../types\";\nimport { getDrawLink } from \"./draw-links\";\nimport { getDrawNode } from \"./draw-nodes\";\n\nconst COS_PI_6 = 0.8660254037844386;\nconst SIN_PI_6 = 0.5;\n\nfunction clearBatch<T>(batch: Record<string, T[]>) {\n  // eslint-disable-next-line guard-for-in\n  for (const key in batch) {\n    batch[key].length = 0;\n  }\n}\n\nfunction clearNestedBatch<T>(batch: Record<string, Record<string, T[]>>) {\n  // eslint-disable-next-line guard-for-in\n  for (const outerKey in batch) {\n    const inner = batch[outerKey];\n    // eslint-disable-next-line guard-for-in\n    for (const innerKey in inner) {\n      inner[innerKey].length = 0;\n    }\n  }\n}\n\nexport function initDraw<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  const nodeBatch: Record<string, NodeDrawBatch[]> = {};\n  const nodeImageBatch: Record<string, NodeDrawBatch[]> = {};\n  const textBatch: Record<string, Record<string, NodeTextDrawBatch[]>> = {};\n  const deferredNodeDraw: DeferredDraw[] = [];\n  const deferredTextDraw: DeferredDraw[] = [];\n  const linkBatch: Record<string, LinkDrawBatch[]> = {};\n  const particleBatch: Record<string, LinkParticleDrawBatch[]> = {};\n  const arrowBatch: Record<string, LinkArrowDrawBatch[]> = {};\n\n  function draw(this: GraphCanvas<NodeData, LinkData>) {\n    if (!this.context) return;\n    if (this.listeners.onDraw) {\n      this.listeners.onDraw.call(this);\n      return;\n    }\n    clearBatch(nodeBatch);\n    clearBatch(nodeImageBatch);\n    clearNestedBatch(textBatch);\n    deferredNodeDraw.length = 0;\n    deferredTextDraw.length = 0;\n    clearBatch(linkBatch);\n    clearBatch(particleBatch);\n    clearBatch(arrowBatch);\n    const k = this.areaTransform.k;\n    const area: Area = {\n      left: -this.areaTransform.x / k,\n      right: (this.width - this.areaTransform.x) / k,\n      top: -this.areaTransform.y / k,\n      bottom: (this.height - this.areaTransform.y) / k,\n    };\n    this.context.save();\n    this.context.clearRect(0, 0, this.width, this.height);\n    this.context.translate(this.areaTransform.x, this.areaTransform.y);\n    this.context.scale(this.areaTransform.k, this.areaTransform.k);\n    this.nodes.forEach(\n      getDrawNode<NodeData, LinkData>(\n        nodeBatch,\n        nodeImageBatch,\n        textBatch,\n        deferredNodeDraw,\n        deferredTextDraw,\n        area,\n      ),\n      this,\n    );\n    this.links.forEach(\n      getDrawLink<NodeData, LinkData>(linkBatch, particleBatch, arrowBatch, performance.now()),\n      this,\n    );\n    const linkKeys = Object.keys(linkBatch);\n    for (let i = 0; i < linkKeys.length; i++) {\n      const key = linkKeys[i];\n      const group = linkBatch[key];\n      const [alpha, color, width] = key.split(\"|\");\n      this.context.beginPath();\n      this.context.globalAlpha = +alpha;\n      this.context.strokeStyle = color;\n      this.context.lineWidth = +width;\n      this.context.setLineDash([]);\n      for (let j = 0; j < group.length; j++) {\n        const item = group[j];\n        if (!item.curve) {\n          this.context.moveTo(item.xStart, item.yStart);\n          this.context.lineTo(item.xEnd, item.yEnd);\n        } else {\n          this.context.moveTo(item.xStart, item.yStart);\n          this.context.quadraticCurveTo(item.xControl, item.yControl, item.xEnd, item.yEnd);\n        }\n      }\n      this.context.stroke();\n    }\n    const particleKeys = Object.keys(particleBatch);\n    for (let i = 0; i < particleKeys.length; i++) {\n      const key = particleKeys[i];\n      const group = particleBatch[key];\n      const [bcolor, width, color] = key.split(\"|\");\n      this.context.beginPath();\n      this.context.globalAlpha = 1;\n      this.context.strokeStyle = bcolor;\n      this.context.lineWidth = +width;\n      this.context.fillStyle = color;\n      for (let j = 0; j < group.length; j++) {\n        const item = group[j];\n        this.context.moveTo(item.x + item.r, item.y);\n        this.context.arc(item.x, item.y, item.r, 0, Math.PI * 2);\n      }\n      this.context.fill();\n      if (+width > 0) {\n        this.context.stroke();\n      }\n    }\n    const arrowKeys = Object.keys(arrowBatch);\n    for (let i = 0; i < arrowKeys.length; i++) {\n      const key = arrowKeys[i];\n      const group = arrowBatch[key];\n      const [alpha, bcolor, width, color] = key.split(\"|\");\n      this.context.beginPath();\n      this.context.globalAlpha = +alpha;\n      this.context.strokeStyle = bcolor;\n      this.context.lineWidth = +width;\n      this.context.fillStyle = color;\n      for (let j = 0; j < group.length; j++) {\n        const item = group[j];\n        this.context.moveTo(item.x, item.y);\n        const cosA = Math.cos(item.angle);\n        const sinA = Math.sin(item.angle);\n        const cos1 = cosA * COS_PI_6 + sinA * SIN_PI_6;\n        const sin1 = sinA * COS_PI_6 - cosA * SIN_PI_6;\n        const cos2 = cosA * COS_PI_6 - sinA * SIN_PI_6;\n        const sin2 = sinA * COS_PI_6 + cosA * SIN_PI_6;\n        this.context.lineTo(item.x - item.size * cos1, item.y - item.size * sin1);\n        this.context.lineTo(item.x - item.size * cos2, item.y - item.size * sin2);\n        this.context.closePath();\n      }\n      this.context.fill();\n      if (+width > 0) {\n        this.context.stroke();\n      }\n    }\n    const nodeKeys = Object.keys(nodeBatch);\n    for (let i = 0; i < nodeKeys.length; i++) {\n      const key = nodeKeys[i];\n      const group = nodeBatch[key];\n      const [alpha, bcolor, width, color] = key.split(\"|\");\n      this.context.beginPath();\n      this.context.globalAlpha = +alpha;\n      this.context.strokeStyle = bcolor;\n      this.context.lineWidth = +width;\n      this.context.fillStyle = color;\n      for (let j = 0; j < group.length; j++) {\n        const item = group[j];\n        switch (item.shape) {\n          case \"circle\": {\n            this.context.moveTo(item.x + item.radius, item.y);\n            this.context.arc(item.x, item.y, item.radius, 0, 2 * Math.PI);\n            break;\n          }\n          case \"square\": {\n            this.context.roundRect(\n              item.x - item.width / 2,\n              item.y - item.height / 2,\n              item.width,\n              item.height,\n              item.radius,\n            );\n            break;\n          }\n          case \"text\": {\n            if (this.nodeSettings.textNodeDebug) {\n              this.context.rect(\n                item.x - item.width / 2,\n                item.y - item.height / 2,\n                item.width,\n                item.height,\n              );\n            }\n            break;\n          }\n          default: {\n          }\n        }\n      }\n      this.context.fill();\n      if (+width > 0) {\n        this.context.stroke();\n      }\n    }\n    const nodeImageKeys = Object.keys(nodeImageBatch);\n    for (let i = 0; i < nodeImageKeys.length; i++) {\n      const key = nodeImageKeys[i];\n      const group = nodeImageBatch[key];\n      const [alpha, bcolor, width, color] = key.split(\"|\");\n      this.context.globalAlpha = +alpha;\n      this.context.strokeStyle = bcolor;\n      this.context.lineWidth = +width;\n      this.context.fillStyle = color;\n      for (let j = 0; j < group.length; j++) {\n        const item = group[j];\n        if (!item.image) continue;\n        this.context.beginPath();\n        switch (item.shape) {\n          case \"circle\": {\n            this.context.arc(item.x, item.y, item.radius, 0, 2 * Math.PI);\n            this.context.closePath();\n            this.context.save();\n            this.context.clip();\n            this.context.drawImage(\n              item.image,\n              item.x - item.radius,\n              item.y - item.radius,\n              item.radius * 2,\n              item.radius * 2,\n            );\n            this.context.restore();\n            break;\n          }\n          case \"square\": {\n            this.context.roundRect(\n              item.x - item.width / 2,\n              item.y - item.height / 2,\n              item.width,\n              item.height,\n              item.radius,\n            );\n            this.context.closePath();\n            this.context.save();\n            this.context.clip();\n            this.context.drawImage(\n              item.image,\n              item.x - item.width / 2,\n              item.y - item.height / 2,\n              item.width,\n              item.height,\n            );\n            this.context.restore();\n            break;\n          }\n          default: {\n            continue;\n          }\n        }\n        if (+width > 0) {\n          this.context.stroke();\n        }\n      }\n    }\n    const textKeys = Object.keys(textBatch);\n    for (let i = 0; i < textKeys.length; i++) {\n      const font = textKeys[i];\n      const fontGroup = textBatch[font];\n      const textInnerKeys = Object.keys(fontGroup);\n      this.context.font = font;\n      for (let j = 0; j < textInnerKeys.length; j++) {\n        const key = textInnerKeys[j];\n        const group = fontGroup[key];\n        const [alpha, align, color] = key.split(\"|\");\n        this.context.globalAlpha = +alpha;\n        this.context.textAlign = align as CanvasTextAlign;\n        this.context.fillStyle = color;\n        for (let k = 0; k < group.length; k++) {\n          const item = group[k];\n          this.context.fillText(item.text, item.x, item.y);\n        }\n      }\n    }\n    deferredNodeDraw.forEach((draw) => draw());\n    deferredTextDraw.forEach((draw) => draw());\n    this.context.restore();\n\n    /** selection rectangle */\n    if (this.isSelecting && this.selectionRect) {\n      const rect = this.selectionRect;\n      const screenX = Math.min(rect.x1, rect.x2) * this.areaTransform.k + this.areaTransform.x;\n      const screenY = Math.min(rect.y1, rect.y2) * this.areaTransform.k + this.areaTransform.y;\n      const screenW = Math.abs(rect.x2 - rect.x1) * this.areaTransform.k;\n      const screenH = Math.abs(rect.y2 - rect.y1) * this.areaTransform.k;\n\n      this.context.fillStyle = \"rgba(66, 133, 244, 0.2)\";\n      this.context.fillRect(screenX, screenY, screenW, screenH);\n      this.context.strokeStyle = \"rgba(66, 133, 244, 0.8)\";\n      this.context.lineWidth = 2;\n      this.context.strokeRect(screenX, screenY, screenW, screenH);\n    }\n    this.listeners.onDrawFinished?.call?.(this);\n  }\n\n  if (this.graphSettings.showDrawTime) {\n    return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);\n  }\n\n  return draw.bind(this);\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/module/GraphCanvas/slices/init-pointer.js

@@ -1,11 +1,12 @@
 import '../constants/force-settings.js';
-import '../constants/graph-settings.js';
-import '../constants/highlight-settings.js';
-import '../constants/link-settings.js';
-import '../constants/node-settings.js';
 import '@krainovsd/js-helpers';
 import { nodeByPointerGetter } from '../lib/utils/node-by-pointer-getter.js';
 import { linkByPointerGetter } from '../lib/utils/link-by-pointer-getter.js';
+import 'd3-force';
+import 'd3-selection';
+import 'd3-zoom';
+import 'd3-array';
+import 'd3-drag';
 
 function initPointer() {
     if (!this.area || !this.nodes)
@@ -13,6 +14,7 @@ function initPointer() {
     function onHover(event) {
         if (!this.area || this.isSelecting)
             return;
+        const [pointerX, pointerY] = this.getPointerAreaPosition(event);
         let currentNode;
         let currentLink;
         const checkHighlightNode = this.highlightSettings.highlightByHoverNode && !this.isDragging;
@@ -20,7 +22,6 @@ function initPointer() {
         let highlightNode = true;
         let highlightLink = true;
         if (checkHighlightNode) {
-            const [pointerX, pointerY] = this.getPointerAreaPosition(event);
             currentNode = nodeByPointerGetter({
                 pointerX,
                 pointerY,
@@ -33,7 +34,6 @@ function initPointer() {
             this.area.style.cursor = "pointer";
         }
         else if (checkHighlightLink) {
-            const [pointerX, pointerY] = this.getPointerAreaPosition(event);
             currentLink = linkByPointerGetter({
                 pointerX,
                 pointerY,
@@ -57,7 +57,6 @@ function initPointer() {
         if (!this.listeners.onHover)
             return;
         if (!currentNode && !checkHighlightNode) {
-            const [pointerX, pointerY] = this.getPointerAreaPosition(event);
             currentNode = nodeByPointerGetter({
                 pointerX,
                 pointerY,
@@ -65,7 +64,6 @@ function initPointer() {
             });
         }
         if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {
-            const [pointerX, pointerY] = this.getPointerAreaPosition(event);
             currentLink = linkByPointerGetter({
                 pointerX,
                 pointerY,

package/lib/esm/module/GraphCanvas/slices/init-pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-pointer.js","sources":["../../../../../src/module/GraphCanvas/slices/init-pointer.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport { linkByPointerGetter, nodeByPointerGetter } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\n\nexport function initPointer<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area || !this.nodes) throw new Error(\"bad init data\");\n\n  function onHover(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.area || this.isSelecting) return;\n\n    let currentNode: NodeInterface<NodeData> | undefined;\n    let currentLink: LinkInterface<NodeData, LinkData> | undefined;\n    const checkHighlightNode = this.highlightSettings.highlightByHoverNode && !this.isDragging;\n    const checkHighlightLink = this.highlightSettings.highlightByHoverLink && !this.isDragging;\n    let highlightNode = true;\n    let highlightLink = true;\n\n    if (checkHighlightNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      currentNode = nodeByPointerGetter({\n        pointerX,\n        pointerY,\n        nodes: this.nodes,\n      });\n      if (currentNode?.highlight != undefined) highlightNode = currentNode.highlight;\n    }\n    if (currentNode && highlightNode) {\n      this.area.style.cursor = \"pointer\";\n    } else if (checkHighlightLink) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n      if (currentLink?.highlight != undefined) highlightLink = currentLink?.highlight;\n      if (currentLink && highlightLink) {\n        this.area.style.cursor = \"pointer\";\n      } else {\n        this.area.style.cursor = \"default\";\n      }\n    } else {\n      this.area.style.cursor = \"default\";\n    }\n    this.animateHighlight(\n      highlightNode ? currentNode : undefined,\n      highlightLink ? currentLink : undefined,\n    );\n\n    if (!this.listeners.onHover) return;\n    if (!currentNode && !checkHighlightNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      currentNode = nodeByPointerGetter({\n        pointerX,\n        pointerY,\n        nodes: this.nodes,\n      });\n    }\n    if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n    }\n    this.listeners.onHover.call(this, event, currentNode, currentLink);\n  }\n  function onWheelClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (\n      this.isDragging ||\n      !this.listeners.onWheelClick ||\n      !(\"button\" in event) ||\n      event.button !== 1\n    )\n      return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onWheelClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onWheelClick.call(this, event, currentNode, undefined);\n  }\n  function onRightClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent) {\n    if (!this.listeners.onContextMenu) return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onContextMenu.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onContextMenu.call(this, event, currentNode, undefined);\n  }\n  function onDoubleClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.listeners.onDoubleClick) return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onDoubleClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onDoubleClick.call(this, event, currentNode, undefined);\n  }\n  function onClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (this.isDragging || !this.listeners.onClick || (\"button\" in event && event.button !== 0))\n      return;\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onClick.call(this, event, currentNode, undefined);\n  }\n\n  /** hover */\n  this.area.addEventListener(\"mousemove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n  this.area.addEventListener(\"touchmove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** dblclick */\n  this.area.addEventListener(\"dblclick\", onDoubleClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** wheel click */\n  this.area.addEventListener(\"mousedown\", onWheelClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** click */\n  this.area.addEventListener(\"click\", onClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** right click */\n  this.area.addEventListener(\"contextmenu\", onRightClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-pointer.js","sources":["../../../../../src/module/GraphCanvas/slices/init-pointer.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport { linkByPointerGetter, nodeByPointerGetter } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\n\nexport function initPointer<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area || !this.nodes) throw new Error(\"bad init data\");\n\n  function onHover(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.area || this.isSelecting) return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n\n    let currentNode: NodeInterface<NodeData> | undefined;\n    let currentLink: LinkInterface<NodeData, LinkData> | undefined;\n    const checkHighlightNode = this.highlightSettings.highlightByHoverNode && !this.isDragging;\n    const checkHighlightLink = this.highlightSettings.highlightByHoverLink && !this.isDragging;\n    let highlightNode = true;\n    let highlightLink = true;\n\n    if (checkHighlightNode) {\n      currentNode = nodeByPointerGetter({\n        pointerX,\n        pointerY,\n        nodes: this.nodes,\n      });\n      if (currentNode?.highlight != undefined) highlightNode = currentNode.highlight;\n    }\n    if (currentNode && highlightNode) {\n      this.area.style.cursor = \"pointer\";\n    } else if (checkHighlightLink) {\n      currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n      if (currentLink?.highlight != undefined) highlightLink = currentLink?.highlight;\n      if (currentLink && highlightLink) {\n        this.area.style.cursor = \"pointer\";\n      } else {\n        this.area.style.cursor = \"default\";\n      }\n    } else {\n      this.area.style.cursor = \"default\";\n    }\n    this.animateHighlight(\n      highlightNode ? currentNode : undefined,\n      highlightLink ? currentLink : undefined,\n    );\n\n    if (!this.listeners.onHover) return;\n    if (!currentNode && !checkHighlightNode) {\n      currentNode = nodeByPointerGetter({\n        pointerX,\n        pointerY,\n        nodes: this.nodes,\n      });\n    }\n    if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {\n      currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n    }\n    this.listeners.onHover.call(this, event, currentNode, currentLink);\n  }\n  function onWheelClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (\n      this.isDragging ||\n      !this.listeners.onWheelClick ||\n      !(\"button\" in event) ||\n      event.button !== 1\n    )\n      return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onWheelClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onWheelClick.call(this, event, currentNode, undefined);\n  }\n  function onRightClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent) {\n    if (!this.listeners.onContextMenu) return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onContextMenu.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onContextMenu.call(this, event, currentNode, undefined);\n  }\n  function onDoubleClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.listeners.onDoubleClick) return;\n\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onDoubleClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onDoubleClick.call(this, event, currentNode, undefined);\n  }\n  function onClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (this.isDragging || !this.listeners.onClick || (\"button\" in event && event.button !== 0))\n      return;\n    const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n    const currentNode = nodeByPointerGetter({\n      pointerX,\n      pointerY,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const [pointerX, pointerY] = this.getPointerAreaPosition(event);\n      const currentLink = linkByPointerGetter({\n        pointerX,\n        pointerY,\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onClick.call(this, event, currentNode, undefined);\n  }\n\n  /** hover */\n  this.area.addEventListener(\"mousemove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n  this.area.addEventListener(\"touchmove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** dblclick */\n  this.area.addEventListener(\"dblclick\", onDoubleClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** wheel click */\n  this.area.addEventListener(\"mousedown\", onWheelClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** click */\n  this.area.addEventListener(\"click\", onClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** right click */\n  this.area.addEventListener(\"contextmenu\", onRightClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/module/GraphCanvas/slices/init-simulation.js

@@ -2,12 +2,11 @@ import { forceCollide, forceX, forceY, forceManyBody, forceCenter, forceSimulati
 import '@krainovsd/js-helpers';
 import { getDrawTime, resetDrawTime } from '../../../lib/draw-time.js';
 import '../constants/force-settings.js';
-import '../constants/graph-settings.js';
-import '../constants/highlight-settings.js';
-import '../constants/link-settings.js';
-import '../constants/node-settings.js';
 import 'd3-array';
 import { nodeIterationExtractor } from '../lib/utils/node-iteration-extractor.js';
+import 'd3-selection';
+import 'd3-zoom';
+import 'd3-drag';
 import { initZoom } from './init-zoom.js';
 
 function initSimulation() {

package/lib/esm/module/GraphCanvas/slices/init-simulation.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-simulation.js","sources":["../../../../../src/module/GraphCanvas/slices/init-simulation.ts"],"sourcesContent":["import {\n  type ForceLink,\n  forceCenter,\n  forceCollide,\n  forceLink,\n  forceManyBody,\n  forceSimulation,\n  forceX,\n  forceY,\n} from \"d3-force\";\nimport { getDrawTime, resetDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { nodeIterationExtractor } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\nimport { initZoom } from \"./init-zoom\";\n\nexport function initSimulation<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) {\n    this.simulation = forceSimulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>()\n      .nodes(this.nodes)\n      .force(\n        \"link\",\n        forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links).id(\n          this.nodeSettings.idGetter.bind(this),\n        ),\n      )\n      .on(\"tick\", () => {\n        this.draw();\n      })\n      .on(\"end\", () => {\n        this.listeners.onSimulationEnd?.call?.(this);\n        if (this.area) {\n          initZoom.call<\n            GraphCanvas<NodeData, LinkData>,\n            Parameters<typeof initZoom>,\n            ReturnType<typeof initZoom>\n          >(this, this.areaTransform);\n        }\n        if (this.graphSettings.showDrawTime) {\n          getDrawTime();\n          // eslint-disable-next-line no-console\n          console.log(`nodes: ${this.nodes.length} | links: ${this.links.length}`);\n          resetDrawTime();\n        }\n      })\n      .stop();\n    initSimulationForces.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulationForces>,\n      ReturnType<typeof initSimulationForces>\n    >(this);\n  }\n}\n\nexport function initSimulationForces<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) return;\n\n  const linkForce = this.simulation.force(\"link\") as\n    | ForceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>\n    | undefined;\n\n  if (!linkForce) return;\n\n  if ((!this.forceSettings.forces || !this.forceSettings.xForce) && this.simulation.force(\"x\")) {\n    this.simulation.force(\"x\", null);\n  }\n  if ((!this.forceSettings.forces || !this.forceSettings.yForce) && this.simulation.force(\"y\")) {\n    this.simulation.force(\"y\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.chargeForce) &&\n    this.simulation.force(\"charge\")\n  ) {\n    this.simulation.force(\"charge\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.centerForce) &&\n    this.simulation.force(\"center\")\n  ) {\n    this.simulation.force(\"center\", null);\n  }\n  if (!this.forceSettings.forces || !this.forceSettings.linkForce) {\n    linkForce.distance(0).strength(0).iterations(0);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.linkForce) {\n    linkForce\n      .distance(this.forceSettings.linkDistance)\n      .strength(this.forceSettings.linkStrength)\n      .iterations(this.forceSettings.linkIterations);\n  }\n  if (this.forceSettings.forces && this.forceSettings.xForce) {\n    this.simulation.force(\n      \"x\",\n      forceX<NodeInterface<NodeData>>(this.forceSettings.xPosition).strength(\n        this.forceSettings.xStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.yForce) {\n    this.simulation.force(\n      \"y\",\n      forceY<NodeInterface<NodeData>>(this.forceSettings.yPosition).strength(\n        this.forceSettings.yStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.chargeForce) {\n    this.simulation.force(\n      \"charge\",\n      forceManyBody<NodeInterface<NodeData>>()\n        .strength(this.forceSettings.chargeStrength)\n        .distanceMax(Infinity)\n        .distanceMin(this.forceSettings.chargeDistanceMin),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.centerForce) {\n    this.simulation.force(\n      \"center\",\n      forceCenter<NodeInterface<NodeData>>(\n        this.forceSettings.centerPosition.x ?? 0,\n        this.forceSettings.centerPosition.y ?? 0,\n      ).strength(this.forceSettings.centerStrength),\n    );\n  }\n\n  initCollideForce.call<\n    GraphCanvas<NodeData, LinkData>,\n    Parameters<typeof initCollideForce>,\n    ReturnType<typeof initCollideForce>\n  >(this, true);\n}\n\nexport function initCollideForce<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, forceUpdate: boolean) {\n  if (!this.simulation) return;\n\n  if (\n    (!this.forceSettings.collideForce || !this.forceSettings.forces) &&\n    this.simulation.force(\"collide\")\n  ) {\n    this.simulation.force(\"collide\", null);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.collideForce) {\n    const isHasMax =\n      this.forceSettings.collideOffMax.links != 0 && this.forceSettings.collideOffMax.nodes != 0;\n    const isMaxCollideNodes =\n      isHasMax && this.forceSettings.collideOffMax.nodes < this.nodes.length;\n    const isMaxCollideLinks =\n      isHasMax && this.forceSettings.collideOffMax.links < this.links.length;\n    if (isMaxCollideNodes && isMaxCollideLinks) {\n      this.simulation.force(\"collide\", null);\n    } else if (!this.simulation.force(\"collide\") || forceUpdate) {\n      this.simulation.force(\n        \"collide\",\n        forceCollide<NodeInterface<NodeData>>()\n          .radius((node, index) => {\n            const nodeOptions = this.nodeOptionsCache[index];\n            if (!nodeOptions) return 0;\n\n            switch (nodeOptions.shape) {\n              case \"circle\": {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n              case \"square\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              case \"text\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              default: {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n            }\n          })\n          .strength(this.forceSettings.collideStrength)\n          .iterations(this.forceSettings.collideIterations),\n      );\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-simulation.js","sources":["../../../../../src/module/GraphCanvas/slices/init-simulation.ts"],"sourcesContent":["import {\n  type ForceLink,\n  forceCenter,\n  forceCollide,\n  forceLink,\n  forceManyBody,\n  forceSimulation,\n  forceX,\n  forceY,\n} from \"d3-force\";\nimport { getDrawTime, resetDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { nodeIterationExtractor } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\nimport { initZoom } from \"./init-zoom\";\n\nexport function initSimulation<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) {\n    this.simulation = forceSimulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>()\n      .nodes(this.nodes)\n      .force(\n        \"link\",\n        forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links).id(\n          this.nodeSettings.idGetter.bind(this),\n        ),\n      )\n      .on(\"tick\", () => {\n        this.draw();\n      })\n      .on(\"end\", () => {\n        this.listeners.onSimulationEnd?.call?.(this);\n        if (this.area) {\n          initZoom.call<\n            GraphCanvas<NodeData, LinkData>,\n            Parameters<typeof initZoom>,\n            ReturnType<typeof initZoom>\n          >(this, this.areaTransform);\n        }\n        if (this.graphSettings.showDrawTime) {\n          getDrawTime();\n          // eslint-disable-next-line no-console\n          console.log(`nodes: ${this.nodes.length} | links: ${this.links.length}`);\n          resetDrawTime();\n        }\n      })\n      .stop();\n    initSimulationForces.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulationForces>,\n      ReturnType<typeof initSimulationForces>\n    >(this);\n  }\n}\n\nexport function initSimulationForces<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) return;\n\n  const linkForce = this.simulation.force(\"link\") as\n    | ForceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>\n    | undefined;\n\n  if (!linkForce) return;\n\n  if ((!this.forceSettings.forces || !this.forceSettings.xForce) && this.simulation.force(\"x\")) {\n    this.simulation.force(\"x\", null);\n  }\n  if ((!this.forceSettings.forces || !this.forceSettings.yForce) && this.simulation.force(\"y\")) {\n    this.simulation.force(\"y\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.chargeForce) &&\n    this.simulation.force(\"charge\")\n  ) {\n    this.simulation.force(\"charge\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.centerForce) &&\n    this.simulation.force(\"center\")\n  ) {\n    this.simulation.force(\"center\", null);\n  }\n  if (!this.forceSettings.forces || !this.forceSettings.linkForce) {\n    linkForce.distance(0).strength(0).iterations(0);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.linkForce) {\n    linkForce\n      .distance(this.forceSettings.linkDistance)\n      .strength(this.forceSettings.linkStrength)\n      .iterations(this.forceSettings.linkIterations);\n  }\n  if (this.forceSettings.forces && this.forceSettings.xForce) {\n    this.simulation.force(\n      \"x\",\n      forceX<NodeInterface<NodeData>>(this.forceSettings.xPosition).strength(\n        this.forceSettings.xStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.yForce) {\n    this.simulation.force(\n      \"y\",\n      forceY<NodeInterface<NodeData>>(this.forceSettings.yPosition).strength(\n        this.forceSettings.yStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.chargeForce) {\n    this.simulation.force(\n      \"charge\",\n      forceManyBody<NodeInterface<NodeData>>()\n        .strength(this.forceSettings.chargeStrength)\n        .distanceMax(Infinity)\n        .distanceMin(this.forceSettings.chargeDistanceMin),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.centerForce) {\n    this.simulation.force(\n      \"center\",\n      forceCenter<NodeInterface<NodeData>>(\n        this.forceSettings.centerPosition.x ?? 0,\n        this.forceSettings.centerPosition.y ?? 0,\n      ).strength(this.forceSettings.centerStrength),\n    );\n  }\n\n  initCollideForce.call<\n    GraphCanvas<NodeData, LinkData>,\n    Parameters<typeof initCollideForce>,\n    ReturnType<typeof initCollideForce>\n  >(this, true);\n}\n\nexport function initCollideForce<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, forceUpdate: boolean) {\n  if (!this.simulation) return;\n\n  if (\n    (!this.forceSettings.collideForce || !this.forceSettings.forces) &&\n    this.simulation.force(\"collide\")\n  ) {\n    this.simulation.force(\"collide\", null);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.collideForce) {\n    const isHasMax =\n      this.forceSettings.collideOffMax.links != 0 && this.forceSettings.collideOffMax.nodes != 0;\n    const isMaxCollideNodes =\n      isHasMax && this.forceSettings.collideOffMax.nodes < this.nodes.length;\n    const isMaxCollideLinks =\n      isHasMax && this.forceSettings.collideOffMax.links < this.links.length;\n    if (isMaxCollideNodes && isMaxCollideLinks) {\n      this.simulation.force(\"collide\", null);\n    } else if (!this.simulation.force(\"collide\") || forceUpdate) {\n      this.simulation.force(\n        \"collide\",\n        forceCollide<NodeInterface<NodeData>>()\n          .radius((node, index) => {\n            const nodeOptions = this.nodeOptionsCache[index];\n            if (!nodeOptions) return 0;\n\n            switch (nodeOptions.shape) {\n              case \"circle\": {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n              case \"square\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              case \"text\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              default: {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n            }\n          })\n          .strength(this.forceSettings.collideStrength)\n          .iterations(this.forceSettings.collideIterations),\n      );\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/module/GraphCanvas/slices/init-zoom.js

@@ -2,12 +2,10 @@ import { isArray } from '@krainovsd/js-helpers';
 import { select } from 'd3-selection';
 import { zoom, ZoomTransform } from 'd3-zoom';
 import '../constants/force-settings.js';
-import '../constants/graph-settings.js';
-import '../constants/highlight-settings.js';
-import '../constants/link-settings.js';
-import '../constants/node-settings.js';
 import { computeGraphBounds } from '../lib/utils/compute-graph-bounds.js';
 import 'd3-array';
+import 'd3-force';
+import 'd3-drag';
 import { updateLinkCache } from './update-link-cache.js';
 import { updateNodeCache } from './update-node-cache.js';
 

package/lib/esm/module/GraphCanvas/slices/init-zoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-zoom.js","sources":["../../../../../src/module/GraphCanvas/slices/init-zoom.ts"],"sourcesContent":["import { isArray } from \"@krainovsd/js-helpers\";\nimport { select as d3Select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { computeGraphBounds } from \"../lib\";\nimport type { ZoomEventInterface } from \"../types\";\nimport { updateLinkCache } from \"./update-link-cache\";\nimport { updateNodeCache } from \"./update-node-cache\";\n\nconst DEFAULT_ZOOM_EXTENT: [number, number] = [0.3, 10];\nconst DEFAULT_TRANSLATE_EXTENT_COEFFICIENT = 8;\nconst DEFAULT_MARGIN = 0.25;\n\nexport function initZoom<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, currentZoom?: ZoomTransform) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  const bounds = computeGraphBounds(this.nodes);\n  const zoomExtent = resolveZoomExtent(\n    this.graphSettings.zoomExtent,\n    this.width,\n    this.height,\n    this.graphSettings.zoomExtentMargin ?? DEFAULT_MARGIN,\n    bounds,\n  );\n  const translateExtent = resolveTranslateExtent(\n    this.graphSettings.translateExtent,\n    this.graphSettings.translateExtentCoefficient,\n    this.graphSettings.translateExtentOverlap,\n    this.width,\n    this.height,\n    zoomExtent,\n    bounds,\n  );\n  this._translateExtent = translateExtent;\n\n  const zoomInstance = zoom<HTMLCanvasElement, unknown>()\n    .scaleExtent(zoomExtent)\n    .filter((event) => {\n      return !(event instanceof MouseEvent && event.shiftKey);\n    })\n    .on(\"zoom\", (event: ZoomEventInterface) => {\n      if (this._zoomAnimating) return;\n      this.listeners.onZoom?.call?.(this, event);\n      const oldTransform = this.areaTransform;\n      this.areaTransform = event.transform;\n      if (this.areaTransform.k !== oldTransform.k) {\n        updateLinkCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateLinkCache>,\n          ReturnType<typeof updateLinkCache>\n        >(this);\n        updateNodeCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateNodeCache>,\n          ReturnType<typeof updateNodeCache>\n        >(this);\n      }\n      this.tick();\n    });\n\n  zoomInstance.translateExtent(translateExtent);\n  d3Select(this.area).call(zoomInstance).on(\"dblclick.zoom\", null);\n\n  const zoomInitial = currentZoom ?? this.graphSettings.zoomInitial;\n  this.areaTransform = new ZoomTransform(\n    Math.max(zoomInitial?.k ?? 1, zoomExtent[0]),\n    zoomInitial?.x ?? this.width / 2,\n    zoomInitial?.y ?? this.height / 2,\n  );\n  zoom<HTMLCanvasElement, unknown>().transform(d3Select(this.area), this.areaTransform);\n}\n\nfunction resolveZoomExtent(\n  userExtent: [number, number] | null,\n  viewWidth: number,\n  viewHeight: number,\n  margin: number,\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [number, number] {\n  if (\n    userExtent &&\n    userExtent.length === 2 &&\n    userExtent[0] != undefined &&\n    userExtent[1] != undefined\n  ) {\n    return userExtent;\n  }\n  if (!bounds) return DEFAULT_ZOOM_EXTENT;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n  if (graphWidth === 0 || graphHeight === 0) return DEFAULT_ZOOM_EXTENT;\n  const scaleToFit = (1 - margin) / Math.max(graphWidth / viewWidth, graphHeight / viewHeight);\n  return [scaleToFit, DEFAULT_ZOOM_EXTENT[1]];\n}\n\nfunction resolveTranslateExtent(\n  userExtent: [[number?, number?], [number?, number?]] | null,\n  userCoefficient: number | [number, number] | null,\n  overlap: number,\n  viewWidth: number,\n  viewHeight: number,\n  zoomExtent: [number, number],\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [[number, number], [number, number]] {\n  if (userExtent && userExtent.length >= 2 && isArray(userExtent[0]) && isArray(userExtent[1])) {\n    return [\n      [\n        userExtent[0][0] ?? -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[0][1] ?? -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        userExtent[1][0] ?? viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[1][1] ?? viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n  if (userCoefficient) {\n    const [cx, cy] = isArray(userCoefficient)\n      ? userCoefficient\n      : [userCoefficient, userCoefficient];\n    return [\n      [-viewWidth * cx, -viewHeight * cy],\n      [viewWidth * cx, viewHeight * cy],\n    ];\n  }\n  if (!bounds) {\n    return [\n      [\n        -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n\n  const minZoom = zoomExtent[0];\n  const zoomViewWidth = viewWidth / minZoom;\n  const zoomViewHeight = viewHeight / minZoom;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n\n  const minX = bounds.minX + overlap * graphWidth - zoomViewWidth;\n  const maxX = bounds.maxX - overlap * graphWidth + zoomViewWidth;\n  const minY = bounds.minY + overlap * graphHeight - zoomViewHeight;\n  const maxY = bounds.maxY - overlap * graphHeight + zoomViewHeight;\n\n  return [\n    [minX, minY],\n    [maxX, maxY],\n  ];\n}\n"],"names":["d3Select"],"mappings":"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"}
+{"version":3,"file":"init-zoom.js","sources":["../../../../../src/module/GraphCanvas/slices/init-zoom.ts"],"sourcesContent":["import { isArray } from \"@krainovsd/js-helpers\";\nimport { select as d3Select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { computeGraphBounds } from \"../lib\";\nimport type { ZoomEventInterface } from \"../types\";\nimport { updateLinkCache } from \"./update-link-cache\";\nimport { updateNodeCache } from \"./update-node-cache\";\n\nconst DEFAULT_ZOOM_EXTENT: [number, number] = [0.3, 10];\nconst DEFAULT_TRANSLATE_EXTENT_COEFFICIENT = 8;\nconst DEFAULT_MARGIN = 0.25;\n\nexport function initZoom<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, currentZoom?: ZoomTransform) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  const bounds = computeGraphBounds(this.nodes);\n  const zoomExtent = resolveZoomExtent(\n    this.graphSettings.zoomExtent,\n    this.width,\n    this.height,\n    this.graphSettings.zoomExtentMargin ?? DEFAULT_MARGIN,\n    bounds,\n  );\n  const translateExtent = resolveTranslateExtent(\n    this.graphSettings.translateExtent,\n    this.graphSettings.translateExtentCoefficient,\n    this.graphSettings.translateExtentOverlap,\n    this.width,\n    this.height,\n    zoomExtent,\n    bounds,\n  );\n  this._translateExtent = translateExtent;\n\n  const zoomInstance = zoom<HTMLCanvasElement, unknown>()\n    .scaleExtent(zoomExtent)\n    .filter((event) => {\n      return !(event instanceof MouseEvent && event.shiftKey);\n    })\n    .on(\"zoom\", (event: ZoomEventInterface) => {\n      if (this._zoomAnimating) return;\n      this.listeners.onZoom?.call?.(this, event);\n      const oldTransform = this.areaTransform;\n      this.areaTransform = event.transform;\n      if (this.areaTransform.k !== oldTransform.k) {\n        updateLinkCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateLinkCache>,\n          ReturnType<typeof updateLinkCache>\n        >(this);\n        updateNodeCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateNodeCache>,\n          ReturnType<typeof updateNodeCache>\n        >(this);\n      }\n      this.tick();\n    });\n\n  zoomInstance.translateExtent(translateExtent);\n  d3Select(this.area).call(zoomInstance).on(\"dblclick.zoom\", null);\n\n  const zoomInitial = currentZoom ?? this.graphSettings.zoomInitial;\n  this.areaTransform = new ZoomTransform(\n    Math.max(zoomInitial?.k ?? 1, zoomExtent[0]),\n    zoomInitial?.x ?? this.width / 2,\n    zoomInitial?.y ?? this.height / 2,\n  );\n  zoom<HTMLCanvasElement, unknown>().transform(d3Select(this.area), this.areaTransform);\n}\n\nfunction resolveZoomExtent(\n  userExtent: [number, number] | null,\n  viewWidth: number,\n  viewHeight: number,\n  margin: number,\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [number, number] {\n  if (\n    userExtent &&\n    userExtent.length === 2 &&\n    userExtent[0] != undefined &&\n    userExtent[1] != undefined\n  ) {\n    return userExtent;\n  }\n  if (!bounds) return DEFAULT_ZOOM_EXTENT;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n  if (graphWidth === 0 || graphHeight === 0) return DEFAULT_ZOOM_EXTENT;\n  const scaleToFit = (1 - margin) / Math.max(graphWidth / viewWidth, graphHeight / viewHeight);\n  return [scaleToFit, DEFAULT_ZOOM_EXTENT[1]];\n}\n\nfunction resolveTranslateExtent(\n  userExtent: [[number?, number?], [number?, number?]] | null,\n  userCoefficient: number | [number, number] | null,\n  overlap: number,\n  viewWidth: number,\n  viewHeight: number,\n  zoomExtent: [number, number],\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [[number, number], [number, number]] {\n  if (userExtent && userExtent.length >= 2 && isArray(userExtent[0]) && isArray(userExtent[1])) {\n    return [\n      [\n        userExtent[0][0] ?? -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[0][1] ?? -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        userExtent[1][0] ?? viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[1][1] ?? viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n  if (userCoefficient) {\n    const [cx, cy] = isArray(userCoefficient)\n      ? userCoefficient\n      : [userCoefficient, userCoefficient];\n    return [\n      [-viewWidth * cx, -viewHeight * cy],\n      [viewWidth * cx, viewHeight * cy],\n    ];\n  }\n  if (!bounds) {\n    return [\n      [\n        -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n\n  const minZoom = zoomExtent[0];\n  const zoomViewWidth = viewWidth / minZoom;\n  const zoomViewHeight = viewHeight / minZoom;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n\n  const minX = bounds.minX + overlap * graphWidth - zoomViewWidth;\n  const maxX = bounds.maxX - overlap * graphWidth + zoomViewWidth;\n  const minY = bounds.minY + overlap * graphHeight - zoomViewHeight;\n  const maxY = bounds.maxY - overlap * graphHeight + zoomViewHeight;\n\n  return [\n    [minX, minY],\n    [maxX, maxY],\n  ];\n}\n"],"names":["d3Select"],"mappings":"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"}

package/lib/esm/module/GraphCanvas/slices/update-link-cache.js

@@ -1,13 +1,13 @@
 import '../constants/force-settings.js';
-import '../constants/graph-settings.js';
-import '../constants/highlight-settings.js';
-import '../constants/link-settings.js';
-import '../constants/node-settings.js';
 import { linkOptionsGetter } from '../lib/settings/link-settings-getter.js';
 import '@krainovsd/js-helpers';
+import { extractLinkPointIds } from '../lib/utils/extract-link-point-ids.js';
 import { linkIterationExtractor } from '../lib/utils/link-iteration-extractor.js';
 import 'd3-array';
-import { extractLinkPointIds } from '../lib/utils/extract-link-point-ids.js';
+import 'd3-force';
+import 'd3-selection';
+import 'd3-zoom';
+import 'd3-drag';
 
 function updateLinkCache() {
     if (!this.context)