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

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

@@ -1,12 +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 { nodeOptionsGetter, nodeRadiusGetter, nodeSizeGetter } from '../lib/settings/node-settings-getter.js';
+import { nodeOptionsGetter, nodeRadiusGetter, nodeSizeGetter, nodeLabelGetter, nodeTextGetter } from '../lib/settings/node-settings-getter.js';
 import '@krainovsd/js-helpers';
 import 'd3-array';
 import { nodeIterationExtractor } from '../lib/utils/node-iteration-extractor.js';
+import 'd3-force';
+import 'd3-selection';
+import 'd3-zoom';
+import 'd3-drag';
 import { getTextLines } from './draw-text.js';
 
 function updateNodeCache() {
@@ -89,30 +89,25 @@ function updateNodeCache() {
             nodeOptions.labelSize = labelSize;
             this.nodeOptionsCache[i] = nodeOptions;
         }
-        let nodeOptions = this.nodeOptionsCache[i];
+        const nodeOptions = this.nodeOptionsCache[i];
         if (!nodeOptions)
             continue;
         /** label */
         if (label) {
-            if (!options) {
-                nodeOptions = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.options ?? {}, nodeOptionsGetter);
-                const cache = this.nodeOptionsCache[i];
-                if (cache)
-                    cache.label = nodeOptions.label;
-            }
+            const label = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.label, nodeLabelGetter);
             /** label in not text shape */
-            if (nodeOptions.shape !== "text" && nodeOptions.label) {
+            if (nodeOptions.shape !== "text" && label) {
                 this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;
                 this.context.fillStyle = nodeOptions.labelColor;
                 this.context.textAlign = nodeOptions.labelAlign;
                 if (nodeOptions.labelWidth == undefined ||
-                    this.context.measureText(nodeOptions.label).width <= nodeOptions.labelWidth) {
-                    this.cachedNodeLabel[i] = [nodeOptions.label];
+                    this.context.measureText(label).width <= nodeOptions.labelWidth) {
+                    this.cachedNodeLabel[i] = [label];
                 }
                 const { lines } = getTextLines({
                     context: this.context,
                     maxWidth: nodeOptions.labelWidth,
-                    text: nodeOptions.label,
+                    text: label,
                     textAlign: nodeOptions.labelAlign,
                     textColor: nodeOptions.labelColor,
                     textFont: nodeOptions.labelFont,
@@ -123,10 +118,10 @@ function updateNodeCache() {
                 this.cachedNodeLabel[i] = lines;
                 /** label in text shape */
             }
-            else if (nodeOptions.shape === "text" && nodeOptions.label) {
+            else if (nodeOptions.shape === "text" && label) {
                 const textInfo = getTextLines({
                     context: this.context,
-                    text: nodeOptions.label,
+                    text: label,
                     textAlign: nodeOptions.labelAlign,
                     textColor: nodeOptions.labelColor,
                     textFont: nodeOptions.labelFont,
@@ -152,17 +147,10 @@ function updateNodeCache() {
         }
         /** text */
         if (text) {
-            if (!options) {
-                nodeOptions = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.options ?? {}, nodeOptionsGetter);
-                const cache = this.nodeOptionsCache[i];
-                if (cache) {
-                    cache.text = nodeOptions.text;
-                    cache.textVisible = nodeOptions.textVisible;
-                }
-            }
-            if (!nodeOptions.text) {
+            const text = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.text, nodeTextGetter);
+            if (!text) {
                 this.cachedNodeText[i] = [];
-                return;
+                continue;
             }
             this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;
             this.context.fillStyle = nodeOptions.textColor;
@@ -170,7 +158,7 @@ function updateNodeCache() {
             const { lines } = getTextLines({
                 context: this.context,
                 maxWidth: nodeOptions.textWidth,
-                text: nodeOptions.text,
+                text,
                 textAlign: nodeOptions.textAlign,
                 textColor: nodeOptions.textColor,
                 textFont: nodeOptions.textFont,

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

@@ -1 +1 @@
-{"version":3,"file":"update-node-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-node-cache.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport {\n  nodeIterationExtractor,\n  nodeOptionsGetter,\n  nodeRadiusGetter,\n  nodeSizeGetter,\n} from \"../lib\";\nimport { getTextLines } from \"./draw-text\";\n\nexport function updateNodeCache<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.context) return;\n\n  const currentZoom = this.areaTransform.k;\n  const options = this.nodeOptionsCache.length === 0;\n  const label = this.cachedNodeLabel.length === 0;\n  let text = this.cachedNodeText.length === 0;\n\n  if (\n    this.nodeSettings.smartCache &&\n    this._lastNodeZoomK !== undefined &&\n    !options &&\n    !text &&\n    !label\n  ) {\n    const thresholds = this.nodeSettings.textScaleSteps;\n    if (thresholds && thresholds.length > 0) {\n      const min = Math.min(this._lastNodeZoomK, currentZoom);\n      const max = Math.max(this._lastNodeZoomK, currentZoom);\n      const crossed = thresholds.some((t) => t >= min && t <= max);\n      this._lastNodeZoomK = currentZoom;\n      if (!crossed) return;\n    }\n    this.cachedNodeText.length = 0;\n    text = true;\n  }\n  this._lastNodeZoomK = currentZoom;\n\n  for (let i = 0; i < this.nodes.length; i++) {\n    const node = this.nodes[i];\n    if (options) {\n      const nodeOptions = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.options ?? {},\n        nodeOptionsGetter,\n      );\n      const radius =\n        nodeOptions.shape === \"circle\"\n          ? nodeRadiusGetter({\n              radiusFlexible: this.nodeSettings.nodeRadiusFlexible,\n              radiusInitial: nodeOptions.radius,\n              radiusIncrementByStep: this.nodeSettings.nodeRadiusIncrementByStep,\n              radiusLinkCountForStep: this.nodeSettings.nodeRadiusLinkCountForStep,\n              radiusMaxLinearSteps: this.nodeSettings.nodeRadiusMaxLinearSteps,\n              radiusLogFactor: this.nodeSettings.nodeRadiusLogFactor,\n              radiusLinkCountDividerForLog: this.nodeSettings.nodeRadiusLinkCountDividerForLog,\n              linkCount: node.linkCount,\n            })\n          : nodeOptions.radius;\n\n      let width = nodeOptions.width;\n      let height = nodeOptions.height;\n      let labelSize = nodeOptions.labelSize;\n      if (nodeOptions.shape === \"square\") {\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: nodeOptions.width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n        width = size.width;\n        height = size.height;\n      }\n      if (nodeOptions.shape === \"text\") {\n        width = nodeOptions.width;\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n\n        labelSize *= size.additionalSizeCoefficient;\n      }\n\n      nodeOptions.width = node.visible === false ? 0 : width;\n      nodeOptions.height = node.visible === false ? 0 : height;\n      nodeOptions.radius = node.visible === false ? 0 : radius;\n      nodeOptions.labelSize = labelSize;\n      this.nodeOptionsCache[i] = nodeOptions;\n    }\n\n    let nodeOptions = this.nodeOptionsCache[i];\n    if (!nodeOptions) continue;\n    /** label */\n    if (label) {\n      if (!options) {\n        nodeOptions = nodeIterationExtractor(\n          node,\n          i,\n          this.nodes,\n          this,\n          this.nodeSettings.options ?? {},\n          nodeOptionsGetter,\n        );\n        const cache = this.nodeOptionsCache[i];\n        if (cache) cache.label = nodeOptions.label;\n      }\n      /** label in not text shape */\n      if (nodeOptions.shape !== \"text\" && nodeOptions.label) {\n        this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;\n        this.context.fillStyle = nodeOptions.labelColor;\n        this.context.textAlign = nodeOptions.labelAlign;\n\n        if (\n          nodeOptions.labelWidth == undefined ||\n          this.context.measureText(nodeOptions.label).width <= nodeOptions.labelWidth\n        ) {\n          this.cachedNodeLabel[i] = [nodeOptions.label];\n        }\n\n        const { lines } = getTextLines({\n          context: this.context,\n          maxWidth: nodeOptions.labelWidth,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.labelWeight,\n        });\n        this.cachedNodeLabel[i] = lines;\n        /** label in text shape */\n      } else if (nodeOptions.shape === \"text\" && nodeOptions.label) {\n        const textInfo = getTextLines({\n          context: this.context,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          maxWidth: nodeOptions.labelWidth,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.textWeight,\n        });\n        const textNodeParameters = [textInfo.currentMaxSize, nodeOptions.labelSize];\n        const lines = textInfo.lines;\n        const textSizeCoefficient = nodeOptions.labelSize / textNodeParameters[1];\n        const maxSize = textNodeParameters[0] * textSizeCoefficient;\n\n        nodeOptions.height =\n          lines.length * nodeOptions.labelSize +\n          (lines.length - 1) * nodeOptions.labelGap +\n          nodeOptions.labelYPadding;\n\n        nodeOptions.width = maxSize + nodeOptions.labelXPadding;\n        this.cachedNodeLabel[i] = lines;\n      } else {\n        this.cachedNodeLabel[i] = [];\n      }\n    }\n\n    /** text */\n    if (text) {\n      if (!options) {\n        nodeOptions = nodeIterationExtractor(\n          node,\n          i,\n          this.nodes,\n          this,\n          this.nodeSettings.options ?? {},\n          nodeOptionsGetter,\n        );\n        const cache = this.nodeOptionsCache[i];\n        if (cache) {\n          cache.text = nodeOptions.text;\n          cache.textVisible = nodeOptions.textVisible;\n        }\n      }\n      if (!nodeOptions.text) {\n        this.cachedNodeText[i] = [];\n        return;\n      }\n      this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;\n      this.context.fillStyle = nodeOptions.textColor;\n      this.context.textAlign = nodeOptions.textAlign;\n      const { lines } = getTextLines({\n        context: this.context,\n        maxWidth: nodeOptions.textWidth,\n        text: nodeOptions.text,\n        textAlign: nodeOptions.textAlign,\n        textColor: nodeOptions.textColor,\n        textFont: nodeOptions.textFont,\n        textSize: nodeOptions.textSize,\n        textStyle: nodeOptions.textStyle,\n        textWeight: nodeOptions.textWeight,\n      });\n      this.cachedNodeText[i] = lines;\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;SASgB,eAAe,GAAA;IAI7B,IAAI,CAAC,IAAI,CAAC,OAAO;QAAE;AAEnB,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC;IAC/C,IAAI,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC;AAE3C,IAAA,IACE,IAAI,CAAC,YAAY,CAAC,UAAU;QAC5B,IAAI,CAAC,cAAc,KAAK,SAAS;AACjC,QAAA,CAAC,OAAO;AACR,QAAA,CAAC,IAAI;QACL,CAAC,KAAK,EACN;AACA,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc;QACnD,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACvC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;AACtD,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;AACtD,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC;AAC5D,YAAA,IAAI,CAAC,cAAc,GAAG,WAAW;AACjC,YAAA,IAAI,CAAC,OAAO;gBAAE;;AAEhB,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9B,IAAI,GAAG,IAAI;;AAEb,IAAA,IAAI,CAAC,cAAc,GAAG,WAAW;AAEjC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1B,IAAI,OAAO,EAAE;YACX,MAAM,WAAW,GAAG,sBAAsB,CACxC,IAAI,EACJ,CAAC,EACD,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,EAC/B,iBAAiB,CAClB;AACD,YAAA,MAAM,MAAM,GACV,WAAW,CAAC,KAAK,KAAK;kBAClB,gBAAgB,CAAC;AACf,oBAAA,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB;oBACpD,aAAa,EAAE,WAAW,CAAC,MAAM;AACjC,oBAAA,qBAAqB,EAAE,IAAI,CAAC,YAAY,CAAC,yBAAyB;AAClE,oBAAA,sBAAsB,EAAE,IAAI,CAAC,YAAY,CAAC,0BAA0B;AACpE,oBAAA,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,wBAAwB;AAChE,oBAAA,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,mBAAmB;AACtD,oBAAA,4BAA4B,EAAE,IAAI,CAAC,YAAY,CAAC,gCAAgC;oBAChF,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B;AACH,kBAAE,WAAW,CAAC,MAAM;AAExB,YAAA,IAAI,KAAK,GAAG,WAAW,CAAC,KAAK;AAC7B,YAAA,IAAI,MAAM,GAAG,WAAW,CAAC,MAAM;AAC/B,YAAA,IAAI,SAAS,GAAG,WAAW,CAAC,SAAS;AACrC,YAAA,IAAI,WAAW,CAAC,KAAK,KAAK,QAAQ,EAAE;gBAClC,MAAM,IAAI,GAAG,cAAc,CAAC;oBAC1B,aAAa,EAAE,WAAW,CAAC,MAAM;oBACjC,YAAY,EAAE,WAAW,CAAC,KAAK;oBAC/B,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,oBAAA,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB;AAChD,oBAAA,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,uBAAuB;AAC9D,oBAAA,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,wBAAwB;AAChE,oBAAA,kBAAkB,EAAE,IAAI,CAAC,YAAY,CAAC,sBAAsB;AAC5D,oBAAA,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB;AAClD,oBAAA,0BAA0B,EAAE,IAAI,CAAC,YAAY,CAAC,8BAA8B;AAC7E,iBAAA,CAAC;AACF,gBAAA,KAAK,GAAG,IAAI,CAAC,KAAK;AAClB,gBAAA,MAAM,GAAG,IAAI,CAAC,MAAM;;AAEtB,YAAA,IAAI,WAAW,CAAC,KAAK,KAAK,MAAM,EAAE;AAChC,gBAAA,KAAK,GAAG,WAAW,CAAC,KAAK;gBACzB,MAAM,IAAI,GAAG,cAAc,CAAC;oBAC1B,aAAa,EAAE,WAAW,CAAC,MAAM;AACjC,oBAAA,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,oBAAA,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB;AAChD,oBAAA,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,uBAAuB;AAC9D,oBAAA,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,wBAAwB;AAChE,oBAAA,kBAAkB,EAAE,IAAI,CAAC,YAAY,CAAC,sBAAsB;AAC5D,oBAAA,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB;AAClD,oBAAA,0BAA0B,EAAE,IAAI,CAAC,YAAY,CAAC,8BAA8B;AAC7E,iBAAA,CAAC;AAEF,gBAAA,SAAS,IAAI,IAAI,CAAC,yBAAyB;;AAG7C,YAAA,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,GAAG,CAAC,GAAG,KAAK;AACtD,YAAA,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,GAAG,CAAC,GAAG,MAAM;AACxD,YAAA,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,GAAG,CAAC,GAAG,MAAM;AACxD,YAAA,WAAW,CAAC,SAAS,GAAG,SAAS;AACjC,YAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,WAAW;;QAGxC,IAAI,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC1C,QAAA,IAAI,CAAC,WAAW;YAAE;;QAElB,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,OAAO,EAAE;gBACZ,WAAW,GAAG,sBAAsB,CAClC,IAAI,EACJ,CAAC,EACD,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,EAC/B,iBAAiB,CAClB;gBACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACtC,gBAAA,IAAI,KAAK;AAAE,oBAAA,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;;;YAG5C,IAAI,WAAW,CAAC,KAAK,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,EAAE;gBACrD,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,CAAG,EAAA,WAAW,CAAC,UAAU,CAAW,QAAA,EAAA,WAAW,CAAC,WAAW,CAAA,CAAA,EAAI,WAAW,CAAC,SAAS,MAAM,WAAW,CAAC,SAAS,CAAA,CAAE;gBACrI,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,UAAU;gBAC/C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,UAAU;AAE/C,gBAAA,IACE,WAAW,CAAC,UAAU,IAAI,SAAS;AACnC,oBAAA,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,UAAU,EAC3E;oBACA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC;;AAG/C,gBAAA,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC;oBAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,WAAW,CAAC,UAAU;oBAChC,IAAI,EAAE,WAAW,CAAC,KAAK;oBACvB,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,QAAQ,EAAE,WAAW,CAAC,SAAS;oBAC/B,QAAQ,EAAE,WAAW,CAAC,SAAS;oBAC/B,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,UAAU,EAAE,WAAW,CAAC,WAAW;AACpC,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK;;;iBAE1B,IAAI,WAAW,CAAC,KAAK,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK,EAAE;gBAC5D,MAAM,QAAQ,GAAG,YAAY,CAAC;oBAC5B,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,IAAI,EAAE,WAAW,CAAC,KAAK;oBACvB,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,QAAQ,EAAE,WAAW,CAAC,SAAS;oBAC/B,QAAQ,EAAE,WAAW,CAAC,SAAS;oBAC/B,QAAQ,EAAE,WAAW,CAAC,UAAU;oBAChC,SAAS,EAAE,WAAW,CAAC,UAAU;oBACjC,UAAU,EAAE,WAAW,CAAC,UAAU;AACnC,iBAAA,CAAC;gBACF,MAAM,kBAAkB,GAAG,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,SAAS,CAAC;AAC3E,gBAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK;gBAC5B,MAAM,mBAAmB,GAAG,WAAW,CAAC,SAAS,GAAG,kBAAkB,CAAC,CAAC,CAAC;gBACzE,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC,CAAC,GAAG,mBAAmB;AAE3D,gBAAA,WAAW,CAAC,MAAM;AAChB,oBAAA,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,SAAS;wBACpC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,QAAQ;wBACzC,WAAW,CAAC,aAAa;gBAE3B,WAAW,CAAC,KAAK,GAAG,OAAO,GAAG,WAAW,CAAC,aAAa;AACvD,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK;;iBAC1B;AACL,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE;;;;QAKhC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,OAAO,EAAE;gBACZ,WAAW,GAAG,sBAAsB,CAClC,IAAI,EACJ,CAAC,EACD,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,EAC/B,iBAAiB,CAClB;gBACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;gBACtC,IAAI,KAAK,EAAE;AACT,oBAAA,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI;AAC7B,oBAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,WAAW;;;AAG/C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACrB,gBAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,EAAE;gBAC3B;;YAEF,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,CAAG,EAAA,WAAW,CAAC,SAAS,CAAW,QAAA,EAAA,WAAW,CAAC,UAAU,CAAA,CAAA,EAAI,WAAW,CAAC,QAAQ,MAAM,WAAW,CAAC,QAAQ,CAAA,CAAE;YACjI,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS;YAC9C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS;AAC9C,YAAA,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC;gBAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,WAAW,CAAC,SAAS;gBAC/B,IAAI,EAAE,WAAW,CAAC,IAAI;gBACtB,SAAS,EAAE,WAAW,CAAC,SAAS;gBAChC,SAAS,EAAE,WAAW,CAAC,SAAS;gBAChC,QAAQ,EAAE,WAAW,CAAC,QAAQ;gBAC9B,QAAQ,EAAE,WAAW,CAAC,QAAQ;gBAC9B,SAAS,EAAE,WAAW,CAAC,SAAS;gBAChC,UAAU,EAAE,WAAW,CAAC,UAAU;AACnC,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK;;;AAGpC;;;;"}
+{"version":3,"file":"update-node-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-node-cache.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport {\n  nodeIterationExtractor,\n  nodeLabelGetter,\n  nodeOptionsGetter,\n  nodeRadiusGetter,\n  nodeSizeGetter,\n  nodeTextGetter,\n} from \"../lib\";\nimport { getTextLines } from \"./draw-text\";\n\nexport function updateNodeCache<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.context) return;\n\n  const currentZoom = this.areaTransform.k;\n  const options = this.nodeOptionsCache.length === 0;\n  const label = this.cachedNodeLabel.length === 0;\n  let text = this.cachedNodeText.length === 0;\n\n  if (\n    this.nodeSettings.smartCache &&\n    this._lastNodeZoomK !== undefined &&\n    !options &&\n    !text &&\n    !label\n  ) {\n    const thresholds = this.nodeSettings.textScaleSteps;\n    if (thresholds && thresholds.length > 0) {\n      const min = Math.min(this._lastNodeZoomK, currentZoom);\n      const max = Math.max(this._lastNodeZoomK, currentZoom);\n      const crossed = thresholds.some((t) => t >= min && t <= max);\n      this._lastNodeZoomK = currentZoom;\n      if (!crossed) return;\n    }\n    this.cachedNodeText.length = 0;\n    text = true;\n  }\n  this._lastNodeZoomK = currentZoom;\n\n  for (let i = 0; i < this.nodes.length; i++) {\n    const node = this.nodes[i];\n    if (options) {\n      const nodeOptions = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.options ?? {},\n        nodeOptionsGetter,\n      );\n      const radius =\n        nodeOptions.shape === \"circle\"\n          ? nodeRadiusGetter({\n              radiusFlexible: this.nodeSettings.nodeRadiusFlexible,\n              radiusInitial: nodeOptions.radius,\n              radiusIncrementByStep: this.nodeSettings.nodeRadiusIncrementByStep,\n              radiusLinkCountForStep: this.nodeSettings.nodeRadiusLinkCountForStep,\n              radiusMaxLinearSteps: this.nodeSettings.nodeRadiusMaxLinearSteps,\n              radiusLogFactor: this.nodeSettings.nodeRadiusLogFactor,\n              radiusLinkCountDividerForLog: this.nodeSettings.nodeRadiusLinkCountDividerForLog,\n              linkCount: node.linkCount,\n            })\n          : nodeOptions.radius;\n\n      let width = nodeOptions.width;\n      let height = nodeOptions.height;\n      let labelSize = nodeOptions.labelSize;\n      if (nodeOptions.shape === \"square\") {\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: nodeOptions.width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n        width = size.width;\n        height = size.height;\n      }\n      if (nodeOptions.shape === \"text\") {\n        width = nodeOptions.width;\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n\n        labelSize *= size.additionalSizeCoefficient;\n      }\n\n      nodeOptions.width = node.visible === false ? 0 : width;\n      nodeOptions.height = node.visible === false ? 0 : height;\n      nodeOptions.radius = node.visible === false ? 0 : radius;\n      nodeOptions.labelSize = labelSize;\n      this.nodeOptionsCache[i] = nodeOptions;\n    }\n\n    const nodeOptions = this.nodeOptionsCache[i];\n    if (!nodeOptions) continue;\n    /** label */\n    if (label) {\n      const label = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.label,\n        nodeLabelGetter,\n      );\n      /** label in not text shape */\n      if (nodeOptions.shape !== \"text\" && label) {\n        this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;\n        this.context.fillStyle = nodeOptions.labelColor;\n        this.context.textAlign = nodeOptions.labelAlign;\n\n        if (\n          nodeOptions.labelWidth == undefined ||\n          this.context.measureText(label).width <= nodeOptions.labelWidth\n        ) {\n          this.cachedNodeLabel[i] = [label];\n        }\n\n        const { lines } = getTextLines({\n          context: this.context,\n          maxWidth: nodeOptions.labelWidth,\n          text: label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.labelWeight,\n        });\n        this.cachedNodeLabel[i] = lines;\n        /** label in text shape */\n      } else if (nodeOptions.shape === \"text\" && label) {\n        const textInfo = getTextLines({\n          context: this.context,\n          text: label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          maxWidth: nodeOptions.labelWidth,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.textWeight,\n        });\n        const textNodeParameters = [textInfo.currentMaxSize, nodeOptions.labelSize];\n        const lines = textInfo.lines;\n        const textSizeCoefficient = nodeOptions.labelSize / textNodeParameters[1];\n        const maxSize = textNodeParameters[0] * textSizeCoefficient;\n\n        nodeOptions.height =\n          lines.length * nodeOptions.labelSize +\n          (lines.length - 1) * nodeOptions.labelGap +\n          nodeOptions.labelYPadding;\n\n        nodeOptions.width = maxSize + nodeOptions.labelXPadding;\n        this.cachedNodeLabel[i] = lines;\n      } else {\n        this.cachedNodeLabel[i] = [];\n      }\n    }\n\n    /** text */\n    if (text) {\n      const text = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.text,\n        nodeTextGetter,\n      );\n      if (!text) {\n        this.cachedNodeText[i] = [];\n        continue;\n      }\n      this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;\n      this.context.fillStyle = nodeOptions.textColor;\n      this.context.textAlign = nodeOptions.textAlign;\n      const { lines } = getTextLines({\n        context: this.context,\n        maxWidth: nodeOptions.textWidth,\n        text,\n        textAlign: nodeOptions.textAlign,\n        textColor: nodeOptions.textColor,\n        textFont: nodeOptions.textFont,\n        textSize: nodeOptions.textSize,\n        textStyle: nodeOptions.textStyle,\n        textWeight: nodeOptions.textWeight,\n      });\n      this.cachedNodeText[i] = lines;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -3,6 +3,8 @@ import { ValueOf } from '@krainovsd/js-helpers';
 import { SimulationNodeDatum, SimulationLinkDatum, Simulation } from 'd3-force';
 import { D3DragEvent } from 'd3-drag';
 
+declare function initDraw<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>): (recursive?: boolean) => void;
+
 declare const COMMON_SETTINGS: {
     nodeRadius: number;
     nodeSize: number;
@@ -32,6 +34,21 @@ interface NodeInterface<NodeData extends Record<string, unknown>> extends Simula
 type NodeShape = "circle" | "square" | "text";
 type TextStyleEnum = "normal" | "italic" | "oblique";
 type CachedNodeTextInterface = Record<string | number, string[] | undefined>;
+type NodeDrawBatch = {
+    shape: NodeShape;
+    x: number;
+    y: number;
+    radius: number;
+    width: number;
+    height: number;
+    image: HTMLImageElement | undefined;
+};
+type NodeTextDrawBatch = {
+    text: string;
+    x: number;
+    y: number;
+};
+type DeferredDraw = () => void;
 
 interface LinkInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> extends SimulationLinkDatum<NodeInterface<NodeData>> {
     data?: LinkData;
@@ -58,11 +75,37 @@ type LinkParticle = {
     _lastDistance?: number;
     _lastTime?: number;
 };
+type LinkDrawBatch = {
+    curve: boolean;
+    xStart: number;
+    yStart: number;
+    xEnd: number;
+    yEnd: number;
+    xControl: number;
+    yControl: number;
+};
+type LinkParticleDrawBatch = {
+    x: number;
+    y: number;
+    r: number;
+};
+type LinkArrowDrawBatch = {
+    x: number;
+    y: number;
+    size: number;
+    angle: number;
+};
 
 type NodeIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[]) => Return;
 type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[]) => Return;
 type NodeIterationPropsNoThisInterface<NodeData extends Record<string, unknown>, Return = number> = (node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[]) => Return;
 type LinkIterationPropsNoThisInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[]) => Return;
+type Area = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
 
 type PrecomputeForceSettingsInterface = {
     precompute?: boolean;
@@ -123,10 +166,10 @@ type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
     dragPlaceCoefficient?: (node: NodeInterface<NodeData>, pxEvent: number, pyEvent: number) => number | undefined;
     showDrawTime?: boolean;
     showDrawTimeEveryTick?: boolean;
+    maxFps?: number;
 };
 
 declare const GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>>;
-declare const PERFORMANCE_GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>>;
 
 type HighlightSettingsInterface = HighlighCommonSettingsInterface & HighlightByNodeForNodeSettingsInterface & HighlightByNodeForLabelSettingsInterface & HighlightByNodeForTextSettingsInterface & HighlightByNodeForLinkSettingsInterface & HighlightByNodeForArrowSettingsInterface & HighlightByLinkForNodeSettingsInterface & HighlightByLinkForTextSettingsInterface & HighlightByLinkForLabelSettingsInterface & HighlightByLinkForLinkSettingsInterface & HighlightByLinkForArrowSettingsInterface;
 type HighlighCommonSettingsInterface = {
@@ -204,8 +247,8 @@ type HighlightByLinkForArrowSettingsInterface = {
 };
 
 declare const HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface>;
-declare const PERFORMANCE_HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface>;
 
+type GraphLinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
 type LinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     smartCache?: boolean;
     prettyDraw?: boolean;
@@ -248,8 +291,6 @@ type LinkOptionsParticleInterface = {
 
 declare const LINK_SETTINGS: Omit<Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options">;
 declare const LINK_OPTIONS: Omit<Required<LinkOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "width" | "drawLink" | "drawExtraLink" | "arrowColor">;
-declare const PERFORMANCE_LINK_SETTINGS: Omit<Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options">;
-declare const PERFORMANCE_LINK_OPTIONS: Omit<Required<LinkOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "width" | "drawLink" | "drawExtraLink" | "arrowColor">;
 
 type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     smartCache?: boolean;
@@ -275,7 +316,10 @@ type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData ex
     textShiftYMax?: number;
     idGetter?: NodeIterationPropsInterface<NodeData, LinkData, string | number>;
     options?: NodeIterationPropsInterface<NodeData, LinkData, NodeOptionsInterface<NodeData, LinkData>> | NodeOptionsInterface<NodeData, LinkData>;
+    text?: NodeIterationPropsInterface<NodeData, LinkData, string | null> | string | null;
+    label?: NodeIterationPropsInterface<NodeData, LinkData, string | null> | string | null;
 };
+type GraphNodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options" | "label" | "text">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options" | "label" | "text">;
 type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     nodeDraw?: ((this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>) => void) | null;
     textDraw?: ((this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>) => void) | null;
@@ -294,8 +338,6 @@ type NodeOptionsNodeInterface = {
     borderWidth?: number;
 };
 type NodeOptionsTextInterface = {
-    textVisible?: boolean;
-    text?: string | null;
     textColor?: string;
     textSize?: number;
     textAlpha?: number;
@@ -320,13 +362,10 @@ type NodeOptionsLabelInterface = {
     labelStyle?: TextStyleEnum;
     labelWeight?: number;
     labelGap?: number;
-    label?: string | null;
 };
 
-declare const NODE_SETTINGS: Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter">;
+declare const NODE_SETTINGS: Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter" | "text" | "label">;
 declare const NODE_OPTIONS: Omit<Required<NodeOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "text" | "textVisible" | "textSize" | "textShiftY" | "nodeDraw" | "nodeExtraDraw" | "textDraw" | "textExtraDraw">;
-declare const PERFORMANCE_NODE_SETTINGS: Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter">;
-declare const PERFOMANCE_NODE_OPTIONS: Omit<Required<NodeOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "text" | "textVisible" | "textSize" | "textShiftY" | "nodeDraw" | "nodeExtraDraw" | "textDraw" | "textExtraDraw">;
 
 declare const GRAPH_CACHE_TYPE: {
     readonly NodeOptions: "nodeOptions";
@@ -370,6 +409,10 @@ type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData ext
 type GraphCanvasSimulation<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = Simulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>;
 type GraphCanvasCacheKeys = ValueOf<typeof GRAPH_CACHE_TYPE>;
 
+declare function getDrawLink<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(linkBatch: Record<string, LinkDrawBatch[]>, particleBatch: Record<string, LinkParticleDrawBatch[]>, arrowBatch: Record<string, LinkArrowDrawBatch[]>, now: number): (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, index: number) => void;
+
+declare function getDrawNode<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(nodeBatch: Record<string, NodeDrawBatch[]>, nodeImageBatch: Record<string, NodeDrawBatch[]>, textBatch: Record<string, Record<string, NodeTextDrawBatch[]>>, deferredNodeRender: DeferredDraw[], deferredTextRender: DeferredDraw[], area: Area): (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number) => void;
+
 declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> {
     /** initial data */
     protected nodes: NodeInterface<NodeData>[];
@@ -384,8 +427,8 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected graphSettings: Required<GraphSettingsInterface<NodeData>>;
     protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;
     protected highlightSettings: Required<HighlightSettingsInterface>;
-    protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
-    protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+    protected nodeSettings: GraphNodeSettingsInterface<NodeData, LinkData>;
+    protected linkSettings: GraphLinkSettingsInterface<NodeData, LinkData>;
     protected listeners: ListenersInterface<NodeData, LinkData>;
     /** service */
     protected context: CanvasRenderingContext2D | null | undefined;
@@ -393,6 +436,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected areaTransform: ZoomTransform;
     protected _translateExtent: [[number, number], [number, number]] | undefined;
     protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;
+    protected instantDraw: (this: GraphCanvas<NodeData, LinkData>) => void;
     protected eventAbortController: AbortController;
     protected cachedNodeText: (string[] | undefined)[];
     protected cachedNodeLabel: (string[] | undefined)[];
@@ -423,6 +467,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     getData: () => Pick<GraphCanvasInterface<NodeData, LinkData>, "nodes" | "links">;
     fitToView: (margin?: number, duration?: number) => void;
     focusOnNode: (nodeId: string | number, scale?: number, duration?: number) => void;
+    exportToSvg: (filename?: string, fit?: boolean) => void;
     changeData: (options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes">, alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[], precompute?: boolean) => void;
     changeSettings: (options: Omit<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes" | "listeners">, clearCache?: boolean | GraphCanvasCacheKeys[], precompute?: boolean) => undefined;
     updateRect: () => void;
@@ -430,10 +475,10 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     clearCache: (keys: boolean | GraphCanvasCacheKeys[]) => void;
     tick: () => void;
     restart: (alpha?: number, options?: Partial<PrecomputeForceSettingsInterface>) => void;
-    start: () => void;
-    stop: () => void;
     create: () => void;
     destroy: () => void;
+    precompute: () => void;
+    protected initSmartDraw: (draw: ReturnType<typeof initDraw>) => () => void;
     protected getPointerAreaPosition: (event: MouseEvent | TouchEvent) => number[];
     protected clearHTMLElements: () => void;
     protected updateSimulation: (precompute?: boolean) => void;
@@ -444,18 +489,32 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected animateZoom: (area: HTMLCanvasElement, target: ZoomTransform, start: ZoomTransform, duration: number) => void;
 }
 
+declare class StaticGraphCanvas<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> extends GraphCanvas<NodeData, LinkData> {
+    protected get simulationWorking(): boolean;
+    protected _rafTickId: number | undefined;
+    protected init: () => void;
+    tick: () => void;
+    restart: () => void;
+    changeData: (options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes">, _alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[]) => void;
+    changeSettings: (options: Omit<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes" | "listeners" | "forceSettings">, clearCache?: boolean | GraphCanvasCacheKeys[]) => undefined;
+    destroy: () => void;
+    protected updateData: (_alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[]) => void;
+}
+
 declare function forceSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: ForceSettingsInterface<NodeData, LinkData> | undefined, prevSettings?: Required<ForceSettingsInterface<NodeData, LinkData>>): Required<ForceSettingsInterface<NodeData, LinkData>>;
 
 declare function graphSettingsGetter<NodeData extends Record<string, unknown>>(settings: GraphSettingsInterface<NodeData> | undefined, prevSettings?: Required<GraphSettingsInterface<NodeData>>): Required<GraphSettingsInterface<NodeData>>;
 
-declare function linkSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: LinkSettingsInterface<NodeData, LinkData> | undefined, prevSettings?: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">): Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+declare function linkSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: LinkSettingsInterface<NodeData, LinkData> | undefined, prevSettings?: GraphLinkSettingsInterface<NodeData, LinkData>): GraphLinkSettingsInterface<NodeData, LinkData>;
 declare function linkOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>): Required<LinkOptionsInterface<NodeData, LinkData>>;
 
 declare function listenersGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: ListenersInterface<NodeData, LinkData> | undefined): ListenersInterface<NodeData, LinkData>;
 
-declare function nodeSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: NodeSettingsInterface<NodeData, LinkData> | undefined, prevNodeSettings?: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">): Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
+declare function nodeSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: NodeSettingsInterface<NodeData, LinkData> | undefined, prevNodeSettings?: GraphNodeSettingsInterface<NodeData, LinkData>): GraphNodeSettingsInterface<NodeData, LinkData>;
 declare function nodeOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>): Required<NodeOptionsInterface<NodeData, LinkData>>;
-declare function nodeTextSizeGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(transform: ZoomTransform | undefined, nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">): {
+declare function nodeTextGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number): Required<string | null>;
+declare function nodeLabelGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number): Required<string | null>;
+declare function nodeTextSizeGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(transform: ZoomTransform | undefined, nodeSettings: GraphNodeSettingsInterface<NodeData, LinkData>): {
     textSize: number;
     textShiftY: number;
 };
@@ -498,6 +557,13 @@ interface GraphBounds {
 }
 declare function computeGraphBounds<NodeData extends Record<string, unknown>>(nodes: NodeInterface<NodeData>[]): GraphBounds | null;
 
+type PrepareGraphOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    nodes: NodeInterface<NodeData>[];
+    links: LinkInterface<NodeData, LinkData>[];
+    neighbors?: boolean;
+};
+declare function prepareGraph<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: PrepareGraphOptions<NodeData, LinkData>): void;
+
 declare function pointerGetter(mouseEvent: MouseEvent | TouchEvent, areaRect: DOMRect | undefined, areaTransform: ZoomTransform): number[];
 
 declare function dragPlaceCoefficientGetter<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>, pointerX: number, pointerY: number): number | undefined;
@@ -529,13 +595,7 @@ declare function calculateLinkPositionByNode<NodeData extends Record<string, unk
 
 declare function animationByProgress(initial: number, additional: number, progress: number): number;
 
-type IsNodeVisibleOptions<NodeData extends Record<string, unknown>> = {
-    width: number;
-    height: number;
-    transform: ZoomTransform;
-    node: NodeInterface<NodeData>;
-};
-declare function isNodeVisible<NodeData extends Record<string, unknown>>(opts: IsNodeVisibleOptions<NodeData>): boolean;
+declare function isNodeVisible<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>, area: Area): boolean;
 
 type GetParticlePositionOptions = {
     particle: LinkParticle;
@@ -548,6 +608,7 @@ type GetParticlePositionOptions = {
     distance: number;
     totalCount: number;
     speed: number;
+    now: number;
 };
 declare function getParticlePosition(opts: GetParticlePositionOptions): void;
 declare function approximateQuadraticBezierLength(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number): number;
@@ -647,24 +708,15 @@ declare function extractLinkPointIds<NodeData extends Record<string, unknown>, L
 
 declare function isEmptyObject(obj: Record<string, unknown>): boolean;
 
-declare function getDrawLink<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(): (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, index: number) => void;
-
-declare function getDrawNode<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(nodeRenders: (() => void)[], textRenders: (() => void)[]): (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number) => void;
-
-type DrawTextOptions = {
-    lines: string[];
-    x: number;
-    y: number;
-    textSize: number;
-    textStyle: TextStyleEnum;
-    textWeight: number;
-    textFont: string;
-    textColor: string;
-    textGap: number;
-    textAlign: CanvasTextAlign;
-    context: CanvasRenderingContext2D;
+type PrecomputeGraphOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    nodes: NodeInterface<NodeData>[];
+    links: LinkInterface<NodeData, LinkData>[];
+    forceSettings?: ForceSettingsInterface<NodeData, LinkData>;
+    nodeSettings?: NodeSettingsInterface<NodeData, LinkData>;
+    linkSettings?: LinkSettingsInterface<NodeData, LinkData>;
+    maxMs?: number;
 };
-declare function drawText({ context, textAlign, textColor, textFont, textStyle, textGap, textWeight, textSize, x, y, lines, }: DrawTextOptions): void;
+declare function precomputeGraph<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: PrecomputeGraphOptions<NodeData, LinkData>): void;
 
 type GraphSettingsInputRange<I extends string> = {
     type: "range";
@@ -747,5 +799,5 @@ declare const NODE_OPTIONS_NODE_CONTROLS: GraphSettingsInputInterface<keyof Node
 declare const NODE_OPTIONS_TEXT_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsTextInterface>[];
 declare const NODE_OPTIONS_LABEL_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsLabelInterface>[];
 
-export { COMMON_SETTINGS, FORCE_CONTROLS, FORCE_SETTINGS, GRAPH_CACHE_TYPE, GRAPH_SETTINGS, GraphCanvas, HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS, HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS, HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS, HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS, HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS, HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS, HIGHLIGHT_COMMON_CONTROLS, HIGHLIGHT_SETTINGS, LINK_OPTIONS, LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS, LINK_SETTINGS_CONTROLS, NODE_OPTIONS, NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS, NODE_SETTINGS_CONTROLS, PERFOMANCE_NODE_OPTIONS, PERFORMANCE_FORCE_SETTINGS, PERFORMANCE_GRAPH_SETTINGS, PERFORMANCE_HIGHLIGHT_SETTINGS, PERFORMANCE_LINK_OPTIONS, PERFORMANCE_LINK_SETTINGS, PERFORMANCE_NODE_SETTINGS, animationByProgress, approximateQuadraticBezierLength, calculateLinkPositionByNode, colorGetter, colorToRgb, computeGraphBounds, dragPlaceCoefficientGetter, drawText, extractLinkPointIds, extractRgb, fadeRgb, forceSettingsGetter, getDrawLink, getDrawNode, getParticlePosition, graphSettingsGetter, highlightSettingsGetter, isEmptyObject, isNodeVisible, isOverlapsNode, linkByPointerGetter, linkFade, linkHighlight, linkIterationExtractor, linkOptionsGetter, linkSettingsGetter, listenersGetter, nodeByPointerGetter, nodeFade, nodeHighlight, nodeIdGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, nodeSettingsGetter, nodeSizeGetter, nodeTextSizeGetter, pointerGetter, rgbAnimationByProgress };
-export type { CachedNodeTextInterface, DragEventInterface, ForceSettingsInterface, GraphBounds, GraphCanvasCacheKeys, GraphCanvasInterface, GraphCanvasSimulation, GraphSettingsInputInterface, GraphSettingsInterface, HighlighCommonSettingsInterface, HighlightByLinkForArrowSettingsInterface, HighlightByLinkForLabelSettingsInterface, HighlightByLinkForLinkSettingsInterface, HighlightByLinkForNodeSettingsInterface, HighlightByLinkForTextSettingsInterface, HighlightByNodeForArrowSettingsInterface, HighlightByNodeForLabelSettingsInterface, HighlightByNodeForLinkSettingsInterface, HighlightByNodeForNodeSettingsInterface, HighlightByNodeForTextSettingsInterface, HighlightSettingsInterface, LinkByPointerGetterOptions, LinkInterface, LinkIterationPropsInterface, LinkIterationPropsNoThisInterface, LinkOptionsArrowInterface, LinkOptionsInterface, LinkOptionsLinkInterface, LinkOptionsParticleInterface, LinkParticle, LinkSettingsInterface, ListenersInterface, NodeByPointerGetterOptions, NodeInterface, NodeIterationPropsInterface, NodeIterationPropsNoThisInterface, NodeOptionsInterface, NodeOptionsLabelInterface, NodeOptionsNodeInterface, NodeOptionsTextInterface, NodeRadiusGetterOptions, NodeSettingsInterface, NodeShape, NodeSizeGetterOptions, PrecomputeForceSettingsInterface, RGB, TextStyleEnum, ZoomEventInterface };
+export { COMMON_SETTINGS, FORCE_CONTROLS, FORCE_SETTINGS, GRAPH_CACHE_TYPE, GRAPH_SETTINGS, GraphCanvas, HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS, HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS, HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS, HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS, HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS, HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS, HIGHLIGHT_COMMON_CONTROLS, HIGHLIGHT_SETTINGS, LINK_OPTIONS, LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS, LINK_SETTINGS_CONTROLS, NODE_OPTIONS, NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS, NODE_SETTINGS_CONTROLS, PERFORMANCE_FORCE_SETTINGS, StaticGraphCanvas, animationByProgress, approximateQuadraticBezierLength, calculateLinkPositionByNode, colorGetter, colorToRgb, computeGraphBounds, dragPlaceCoefficientGetter, extractLinkPointIds, extractRgb, fadeRgb, forceSettingsGetter, getDrawLink, getDrawNode, getParticlePosition, graphSettingsGetter, highlightSettingsGetter, isEmptyObject, isNodeVisible, isOverlapsNode, linkByPointerGetter, linkFade, linkHighlight, linkIterationExtractor, linkOptionsGetter, linkSettingsGetter, listenersGetter, nodeByPointerGetter, nodeFade, nodeHighlight, nodeIdGetter, nodeIterationExtractor, nodeLabelGetter, nodeOptionsGetter, nodeRadiusGetter, nodeSettingsGetter, nodeSizeGetter, nodeTextGetter, nodeTextSizeGetter, pointerGetter, precomputeGraph, prepareGraph, rgbAnimationByProgress };
+export type { Area, CachedNodeTextInterface, DeferredDraw, DragEventInterface, ForceSettingsInterface, GraphBounds, GraphCanvasCacheKeys, GraphCanvasInterface, GraphCanvasSimulation, GraphLinkSettingsInterface, GraphNodeSettingsInterface, GraphSettingsInputInterface, GraphSettingsInterface, HighlighCommonSettingsInterface, HighlightByLinkForArrowSettingsInterface, HighlightByLinkForLabelSettingsInterface, HighlightByLinkForLinkSettingsInterface, HighlightByLinkForNodeSettingsInterface, HighlightByLinkForTextSettingsInterface, HighlightByNodeForArrowSettingsInterface, HighlightByNodeForLabelSettingsInterface, HighlightByNodeForLinkSettingsInterface, HighlightByNodeForNodeSettingsInterface, HighlightByNodeForTextSettingsInterface, HighlightSettingsInterface, LinkArrowDrawBatch, LinkByPointerGetterOptions, LinkDrawBatch, LinkInterface, LinkIterationPropsInterface, LinkIterationPropsNoThisInterface, LinkOptionsArrowInterface, LinkOptionsInterface, LinkOptionsLinkInterface, LinkOptionsParticleInterface, LinkParticle, LinkParticleDrawBatch, LinkSettingsInterface, ListenersInterface, NodeByPointerGetterOptions, NodeDrawBatch, NodeInterface, NodeIterationPropsInterface, NodeIterationPropsNoThisInterface, NodeOptionsInterface, NodeOptionsLabelInterface, NodeOptionsNodeInterface, NodeOptionsTextInterface, NodeRadiusGetterOptions, NodeSettingsInterface, NodeShape, NodeSizeGetterOptions, NodeTextDrawBatch, PrecomputeForceSettingsInterface, RGB, TextStyleEnum, ZoomEventInterface };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/graph",
-  "version": "0.14.0-beta.8",
+  "version": "0.15.0-beta.1",
   "description": "Krainov graph",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",