@krainovsd/graph 0.4.5 → 0.5.0

package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js

@@ -0,0 +1,37 @@
+import { checkType } from '../../../../lib/check-type.js';
+import '@krainovsd/js-helpers';
+
+function nodeIterationExtractor(node, i, nodes, state, option, optionConstantGetter) {
+    let customOptions;
+    let constantOptions;
+    if (typeof option === "function")
+        customOptions = option(node, i, nodes, state);
+    else
+        customOptions = option;
+    if (customOptions && typeof customOptions === "object" && !Array.isArray(customOptions)) {
+        for (const key in customOptions) {
+            if (customOptions[key] === undefined)
+                delete customOptions[key];
+        }
+    }
+    if (optionConstantGetter) {
+        if (typeof optionConstantGetter === "function")
+            constantOptions = optionConstantGetter(node, i, nodes, state);
+        else
+            constantOptions = optionConstantGetter;
+        if (constantOptions &&
+            typeof constantOptions === "object" &&
+            !Array.isArray(constantOptions) &&
+            checkType(customOptions, customOptions === undefined ||
+                (typeof customOptions === "object" && !Array.isArray(customOptions)))) {
+            return {
+                ...constantOptions,
+                ...customOptions,
+            };
+        }
+    }
+    return customOptions;
+}
+
+export { nodeIterationExtractor };
+//# sourceMappingURL=node-iteration-extractor.js.map

package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-iteration-extractor.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/node-iteration-extractor.ts"],"sourcesContent":["import { checkType } from \"@/lib\";\nimport type { NodeInterface } from \"@/types\";\nimport type { GraphState, NodeIterationPropsInterface } from \"../../types\";\n\nexport function nodeIterationExtractor<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n  Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null,\n>(\n  node: NodeInterface<NodeData>,\n  i: number,\n  nodes: NodeInterface<NodeData>[],\n  state: GraphState<NodeData, LinkData>,\n  option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result,\n  optionConstantGetter: undefined,\n): Result;\nexport function nodeIterationExtractor<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n  Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null,\n>(\n  node: NodeInterface<NodeData>,\n  i: number,\n  nodes: NodeInterface<NodeData>[],\n  state: GraphState<NodeData, LinkData>,\n  option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result,\n  optionConstantGetter: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result,\n): Required<Result>;\nexport function nodeIterationExtractor<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n  Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null,\n>(\n  node: NodeInterface<NodeData>,\n  i: number,\n  nodes: NodeInterface<NodeData>[],\n  state: GraphState<NodeData, LinkData>,\n  option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result,\n  optionConstantGetter:\n    | NodeIterationPropsInterface<NodeData, LinkData, Result>\n    | Result\n    | undefined,\n) {\n  let customOptions: Result | undefined;\n  let constantOptions: Result | undefined;\n\n  if (typeof option === \"function\") customOptions = option(node, i, nodes, state);\n  else customOptions = option;\n\n  if (customOptions && typeof customOptions === \"object\" && !Array.isArray(customOptions)) {\n    for (const key in customOptions) {\n      if (customOptions[key] === undefined) delete customOptions[key];\n    }\n  }\n\n  if (optionConstantGetter) {\n    if (typeof optionConstantGetter === \"function\")\n      constantOptions = optionConstantGetter(node, i, nodes, state);\n    else constantOptions = optionConstantGetter;\n\n    if (\n      constantOptions &&\n      typeof constantOptions === \"object\" &&\n      !Array.isArray(constantOptions) &&\n      checkType<Record<string, unknown> | undefined>(\n        customOptions,\n        customOptions === undefined ||\n          (typeof customOptions === \"object\" && !Array.isArray(customOptions)),\n      )\n    ) {\n      return {\n        ...(constantOptions as Record<string, unknown> | undefined),\n        ...(customOptions as Record<string, unknown> | undefined),\n      } as Result;\n    }\n  }\n\n  return customOptions;\n}\n"],"names":[],"mappings":";;;AA4BgB,SAAA,sBAAsB,CAKpC,IAA6B,EAC7B,CAAS,EACT,KAAgC,EAChC,KAAqC,EACrC,MAAwE,EACxE,oBAGa,EAAA;AAEb,IAAA,IAAI,aAAiC;AACrC,IAAA,IAAI,eAAmC;IAEvC,IAAI,OAAO,MAAM,KAAK,UAAU;QAAE,aAAa,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC;;QAC1E,aAAa,GAAG,MAAM;AAE3B,IAAA,IAAI,aAAa,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AACvF,QAAA,KAAK,MAAM,GAAG,IAAI,aAAa,EAAE;AAC/B,YAAA,IAAI,aAAa,CAAC,GAAG,CAAC,KAAK,SAAS;AAAE,gBAAA,OAAO,aAAa,CAAC,GAAG,CAAC;;;IAInE,IAAI,oBAAoB,EAAE;QACxB,IAAI,OAAO,oBAAoB,KAAK,UAAU;YAC5C,eAAe,GAAG,oBAAoB,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC;;YAC1D,eAAe,GAAG,oBAAoB;AAE3C,QAAA,IACE,eAAe;YACf,OAAO,eAAe,KAAK,QAAQ;AACnC,YAAA,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;AAC/B,YAAA,SAAS,CACP,aAAa,EACb,aAAa,KAAK,SAAS;AACzB,iBAAC,OAAO,aAAa,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CACvE,EACD;YACA,OAAO;AACL,gBAAA,GAAI,eAAuD;AAC3D,gBAAA,GAAI,aAAqD;aAChD;;;AAIf,IAAA,OAAO,aAAa;AACtB;;;;"}

package/lib/esm/module/GraphCanvas/lib/utils/pointer-getter.js

@@ -0,0 +1,8 @@
+function pointerGetter(mouseEvent, areaRect, areaTransform) {
+    const px = (mouseEvent.clientX - areaRect.left - areaTransform.x) / areaTransform.k;
+    const py = (mouseEvent.clientY - areaRect.top - areaTransform.y) / areaTransform.k;
+    return [px, py];
+}
+
+export { pointerGetter };
+//# sourceMappingURL=pointer-getter.js.map

package/lib/esm/module/GraphCanvas/lib/utils/pointer-getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-getter.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/pointer-getter.ts"],"sourcesContent":["import type { ZoomTransform } from \"d3-zoom\";\n\nexport function pointerGetter(\n  mouseEvent: MouseEvent,\n  areaRect: DOMRect,\n  areaTransform: ZoomTransform,\n) {\n  const px = (mouseEvent.clientX - areaRect.left - areaTransform.x) / areaTransform.k;\n  const py = (mouseEvent.clientY - areaRect.top - areaTransform.y) / areaTransform.k;\n\n  return [px, py];\n}\n"],"names":[],"mappings":"SAEgB,aAAa,CAC3B,UAAsB,EACtB,QAAiB,EACjB,aAA4B,EAAA;AAE5B,IAAA,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC;AACnF,IAAA,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,GAAG,aAAa,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC;AAElF,IAAA,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;AACjB;;;;"}

package/lib/index.d.ts

@@ -1,12 +1,14 @@
 import { SimulationNodeDatum, SimulationLinkDatum, Simulation } from 'd3-force';
-import { D3DragEvent } from 'd3-drag';
 import { D3ZoomEvent, ZoomTransform } from 'd3-zoom';
+import { D3DragEvent } from 'd3-drag';
 
 interface NodeInterface<NodeData extends Record<string, unknown>> extends SimulationNodeDatum {
     id: number | string;
     linkCount?: number;
     group?: number | string;
     neighbors?: (string | number)[];
+    radius?: number;
+    name?: string;
     data?: NodeData;
 }
 type CachedNodeTextInterface = Record<string | number, string[]>;
@@ -25,7 +27,7 @@ type ListenersInterface<NodeData extends Record<string, unknown>, LinkData exten
     onMove?: (event: MouseEvent, node?: NodeInterface<NodeData>) => void;
     onZoom?: (event: ZoomEventInterface) => void;
     onDragSubject?: (event: DragEventInterface<NodeData>, transform: ZoomTransform, nodes: NodeInterface<NodeData>[]) => NodeInterface<NodeData> | undefined;
-    onDraw?: (canvasContext: CanvasRenderingContext2D, transform: ZoomTransform) => void;
+    onDraw?: (state: GraphState<NodeData, LinkData>, toggleHighlightStatus: (status: boolean) => void, clearHighlightState: () => void) => void;
     onStartDragFinished?: (event: DragEventInterface<NodeData>, simulations: GraphCanvasSimulation<NodeData, LinkData> | undefined, transform: ZoomTransform) => void;
     onMoveDragFinished?: (event: DragEventInterface<NodeData>, simulations: GraphCanvasSimulation<NodeData, LinkData> | undefined, transform: ZoomTransform) => void;
     onEndDragFinished?: (event: DragEventInterface<NodeData>, simulations: GraphCanvasSimulation<NodeData, LinkData> | undefined, transform: ZoomTransform) => void;
@@ -34,16 +36,25 @@ type ListenersInterface<NodeData extends Record<string, unknown>, LinkData exten
 };
 
 type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
+    highlightOnlyRoot?: boolean;
     highlightFadingMin?: number;
+    highlightColorFadingMin?: number;
+    highlightTextFadingMin?: number;
+    highlightSizingAdditional?: number;
+    highlightTextSizingAdditional?: number;
+    highlightTextShiftXAdditional?: number;
+    highlightTextShiftYAdditional?: number;
+    highlightTextWeightAdditional?: number;
+    highlightTextWidthAdditional?: number;
     highlightByHover?: boolean;
     highlightDownStep?: number;
     highlightUpStep?: number;
     stickAfterDrag?: boolean;
     zoomExtent?: [number, number];
     zoomInitial?: {
-        k: number;
-        x: number;
-        y: number;
+        k?: number;
+        x?: number;
+        y?: number;
     } | null;
     dragPlaceCoefficient?: (node: NodeInterface<NodeData>, pxEvent: number, pyEvent: number, radius: number) => number | undefined;
     nodeRadiusInitial?: number;
@@ -57,14 +68,14 @@ type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData e
         nodes: number;
         links: number;
     };
-    collideRadius?: NodeIterationPropsInterface<NodeData> | number | null;
+    collideRadius?: NodeIterationPropsInterface<NodeData, LinkData> | number | null;
     collideAdditionalRadius?: number;
     collideStrength?: number;
     collideIterations?: number;
     linkDistance?: LinkIterationPropsInterface<NodeData, LinkData> | number;
     linkStrength?: LinkIterationPropsInterface<NodeData, LinkData> | number;
     linkIterations?: number;
-    chargeStrength?: NodeIterationPropsInterface<NodeData> | number;
+    chargeStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
     chargeDistanceMax?: number;
     chargeDistanceMin?: number;
     centerPosition?: {
@@ -72,16 +83,21 @@ type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData e
         y?: number;
     };
     centerStrength?: number;
-    xForce?: NodeIterationPropsInterface<NodeData> | number;
-    xStrength?: NodeIterationPropsInterface<NodeData> | number;
-    yForce?: NodeIterationPropsInterface<NodeData> | number;
-    yStrength?: NodeIterationPropsInterface<NodeData> | number;
+    xForce?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    xStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    yForce?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    yStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
 };
-type NodeSettingsInterface<NodeData extends Record<string, unknown>> = {
-    idGetter?: NodeIterationPropsInterface<NodeData, string | number>;
-    options?: NodeIterationPropsInterface<NodeData, NodeOptionsInterface> | NodeOptionsInterface;
+type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    idGetter?: NodeIterationPropsInterface<NodeData, LinkData, string | number>;
+    options?: NodeIterationPropsInterface<NodeData, LinkData, NodeOptionsInterface> | NodeOptionsInterface;
 };
 type NodeOptionsInterface = {
+    highlightFading?: boolean;
+    highlightSizing?: boolean;
+    highlightTextFading?: boolean;
+    highlightTextSizing?: boolean;
+    highlightColor?: boolean;
     borderColor?: string;
     borderWidth?: number;
     radius?: number;
@@ -90,6 +106,7 @@ type NodeOptionsInterface = {
     color?: string;
     textVisible?: boolean;
     text?: string | null;
+    textAlpha?: number;
     textShiftY?: number;
     textShiftX?: number;
     textFont?: string;
@@ -98,10 +115,10 @@ type NodeOptionsInterface = {
     textAlign?: CanvasTextAlign;
     textWidth?: number;
     textStyle?: TextStyleEnum;
-    textWeight?: TextWeightEnum;
+    textWeight?: number;
     textGap?: number;
 };
-type NodeIterationPropsInterface<NodeData extends Record<string, unknown>, Return = number> = (node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], transform?: ZoomTransform) => Return;
+type NodeIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state?: GraphState<NodeData, LinkData>) => Return;
 type LinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     options?: LinkIterationPropsInterface<NodeData, LinkData, LinkOptionsInterface> | LinkOptionsInterface;
 };
@@ -109,10 +126,11 @@ type LinkOptionsInterface = {
     alpha?: number;
     color?: string;
     width?: number;
+    highlightFading?: boolean;
+    pretty?: boolean;
 };
-type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], transform?: ZoomTransform | null) => Return;
+type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state?: GraphState<NodeData, LinkData>) => Return;
 type TextStyleEnum = "normal" | "italic" | "oblique";
-type TextWeightEnum = "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
 
 type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     nodes: NodeInterface<NodeData>[];
@@ -120,11 +138,38 @@ type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData ext
     root: HTMLElement;
     graphSettings?: GraphSettingsInterface<NodeData>;
     forceSettings?: ForceSettingsInterface<NodeData, LinkData>;
-    nodeSettings?: NodeSettingsInterface<NodeData>;
+    nodeSettings?: NodeSettingsInterface<NodeData, LinkData>;
     linkSettings?: LinkSettingsInterface<NodeData, LinkData>;
     listeners?: ListenersInterface<NodeData, LinkData>;
 };
 type GraphCanvasSimulation<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = Simulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>;
+type GraphState<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    context: CanvasRenderingContext2D | null | undefined;
+    simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;
+    areaTransform: ZoomTransform;
+    eventAbortController: AbortController;
+    cachedNodeText: CachedNodeTextInterface;
+    simulationWorking: boolean;
+    isDragging: boolean;
+    highlightedNode: NodeInterface<NodeData> | null;
+    highlightedNeighbors: Set<string | number> | null;
+    highlightProgress: number;
+    highlightWorking: boolean;
+    highlightDrawing: boolean;
+    width: number;
+    height: number;
+    nodes: NodeInterface<NodeData>[];
+    links: LinkInterface<NodeData, LinkData>[];
+    graphSettings: Required<GraphSettingsInterface<NodeData>>;
+    forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;
+    nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
+    linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+};
+type RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
 
 declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> {
     /** initial data */
@@ -149,13 +194,14 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     private draw;
     private eventAbortController;
     private cachedNodeText;
-    private simulationWorking;
     private isDragging;
     private highlightedNode;
     private highlightedNeighbors;
-    private highlighFading;
-    private highlightFadingWorking;
+    private highlightProgress;
+    private highlightWorking;
     private highlightDrawing;
+    private get simulationWorking();
+    private get state();
     constructor({ links, nodes, root, forceSettings, linkSettings, listeners, nodeSettings, graphSettings, }: GraphCanvasInterface<NodeData, LinkData>);
     get dpi(): number;
     getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, "nodes" | "links">;
@@ -185,4 +231,59 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     private initZoom;
 }
 
-export { type CachedNodeTextInterface, type DragEventInterface, type ForceSettingsInterface, GraphCanvas, type GraphCanvasInterface, type GraphCanvasSimulation, type GraphSettingsInterface, type LinkInterface, type LinkIterationPropsInterface, type LinkOptionsInterface, type LinkSettingsInterface, type ListenersInterface, type NodeInterface, type NodeIterationPropsInterface, type NodeOptionsInterface, type NodeSettingsInterface, type TextStyleEnum, type TextWeightEnum, type ZoomEventInterface };
+declare function linkOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(_: LinkInterface<NodeData, LinkData>, __: number, ___: LinkInterface<NodeData, LinkData>[], state?: GraphState<NodeData, LinkData>): Required<LinkOptionsInterface>;
+
+declare function nodeOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(node: NodeInterface<NodeData>, _: number, __: NodeInterface<NodeData>[], state?: GraphState<NodeData, LinkData>): Required<NodeOptionsInterface>;
+type NodeRadiusGetterOptions = {
+    linkCount: number | undefined;
+    radiusFlexible: boolean;
+    radiusCoefficient: number;
+    radiusFactor: number;
+    radiusInitial: number;
+};
+declare function nodeRadiusGetter({ radiusFlexible, radiusInitial, linkCount, radiusCoefficient, radiusFactor, }: NodeRadiusGetterOptions): number;
+
+declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphState<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: undefined): Result;
+declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphState<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: LinkIterationPropsInterface<NodeData, LinkData, Required<Result>> | Required<Result>): Required<Result>;
+
+declare function nodeIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null>(node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state: GraphState<NodeData, LinkData>, option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: undefined): Result;
+declare function nodeIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null>(node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state: GraphState<NodeData, LinkData>, option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result): Required<Result>;
+
+type DrawTextOptions = {
+    id: string | number;
+    x: number;
+    y: number;
+    text: string;
+    textSize: number;
+    textStyle: TextStyleEnum;
+    textWeight: number;
+    textFont: string;
+    textColor: string;
+    textGap: number;
+    textAlign: CanvasTextAlign;
+    context: CanvasRenderingContext2D;
+    cachedNodeText: CachedNodeTextInterface;
+    maxWidth?: number;
+};
+declare function drawText({ context, id, textAlign, textColor, textFont, textStyle, textGap, textWeight, textSize, text, x, y, cachedNodeText, maxWidth, }: DrawTextOptions): void;
+
+declare function calculateLinkPositionByRadius<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(link: LinkInterface<NodeData, LinkData>): {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | null;
+
+declare function colorToRgb(color: string): string | null;
+
+declare function extractRgb(color: string | null): {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+
+declare function fadeRgb(color: RGB, fade: number): RGB;
+
+declare function rgbAnimationByProgress(start: RGB, end: RGB, progress: number): RGB;
+
+export { type CachedNodeTextInterface, type DragEventInterface, type ForceSettingsInterface, GraphCanvas, type GraphCanvasInterface, type GraphCanvasSimulation, type GraphSettingsInterface, type GraphState, type LinkInterface, type LinkIterationPropsInterface, type LinkOptionsInterface, type LinkSettingsInterface, type ListenersInterface, type NodeInterface, type NodeIterationPropsInterface, type NodeOptionsInterface, type NodeSettingsInterface, type RGB, type TextStyleEnum, type ZoomEventInterface, calculateLinkPositionByRadius, colorToRgb, drawText, extractRgb, fadeRgb, linkIterationExtractor, linkOptionsGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, rgbAnimationByProgress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/graph",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "Krainov graph",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
@@ -28,38 +28,29 @@
   ],
   "scripts": {
     "publish-package": "npm run lint && npm run build && npm publish",
-    "dev": "vite",
-    "build:dev": "vite build",
+    "dev": "vite --host",
+    "clear": "rm -rf ./lib",
+    "build-dev": "vite build",
     "build": "npm run clear && npm run build:types && npm run build:js",
-    "build:js": "rm -rf lib && rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
-    "build:js-dev": "rm -rf lib && rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:development,NODE_ENV:development",
+    "build-singleton": "rm -rf dist && rollup  --config rollup-singleton.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
+    "build:js": "rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
     "build:types": "tspc -p tsconfig.build.json",
-    "lint": "eslint src/** -c ./eslint.config.js --color --max-warnings 0",
-    "lint:debug": "eslint --debug eslint.config.js",
-    "clear": "rm -rf ./lib",
-    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'"
+    "lint": "eslint . -c ./eslint.config.js --color --max-warnings 0",
+    "lint-check": "eslint --debug eslint.config.js",
+    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'",
+    "format-check": "prettier --check ./src",
+    "lint-debug": "npx eslint --print-config eslint.config.js > eslint-config-rules.json",
+    "type-debug": "tsc --showConfig > typescript-config.json"
   },
   "devDependencies": {
-    "@krainovsd/eslint-presets": "0.2.1",
-    "@rollup/plugin-commonjs": "28.0.2",
-    "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "16.0.0",
-    "@rollup/plugin-typescript": "12.1.2",
-    "rollup-plugin-dts": "6.1.1",
-    "rollup-plugin-bundle-stats": "4.17.0",
-    "rollup-plugin-visualizer": "5.12.0",
-    "rollup": "4.21.2",
-    "@types/rollup-plugin-peer-deps-external": "2.2.5",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "@trivago/prettier-plugin-sort-imports": "4.3.0",
-    "@types/node": "22.8.6",
-    "eslint": "9.17.0",
-    "prettier": "3.3.3",
+    "@krainovsd/presets": "0.2.0",
+    "eslint": "9.21.0",
+    "prettier": "3.5.2",
+    "rollup": "4.34.9",
+    "typescript": "5.7.3",
+    "typescript-transform-paths": "3.5.3",
     "ts-patch": "3.3.0",
-    "typescript": "5.6.3",
-    "typescript-transform-paths": "3.5.2",
-    "pixi-viewport": "6.0.3",
-    "pixi.js": "8.6.6",
+    "@types/node": "22.8.6",
     "@types/d3-selection": "3.0.11",
     "@types/d3-drag": "3.0.7",
     "@types/d3-array": "3.2.1",
@@ -67,6 +58,7 @@
     "@types/lodash": "4.17.14"
   },
   "dependencies": {
+    "@krainovsd/js-helpers": "0.12.0",
     "@types/d3-zoom": "3.0.8",
     "@types/d3-force": "3.0.10",
     "@types/d3-drag": "3.0.7",