@html-graph/html-graph 0.1.2 → 0.1.4

package/README.md

@@ -4,14 +4,12 @@
 
 ### Graph visualization library that enables nodes customization using HTML
 
-![CI](https://github.com/html-graph/html-graph/actions/workflows/ci.yml/badge.svg?branch=master)
-
 <a target="_blank" href="https://html-graph.github.io/use-cases/020-advanced-demo/">
     <img width="100%" src="https://raw.githubusercontent.com/html-graph/html-graph/master/media/full-demo.gif"/>
 </a>
 
 Instead of connecting nodes directly this library uses concept of ports, which provide greater fexibility at managing edges.
-Port is an entity of a node to which edge can be attached to.
+Port is an entity of a node to which edges can be attached to.
 
 Visit <a target="_blank" href="https://html-graph.github.io/use-cases/">use cases</a> and [use cases implementation](use-cases).
 
@@ -63,37 +61,25 @@ const canvas = new HtmlGraphBuilder()
   .setResizeReactiveNodes()
   .build();
 
-const node1 = createNode({
-  name: "Node 1",
-  x: 200,
-  y: 400,
-  frontPortId: "node-1-in",
-  backPortId: "node-1-out",
-});
-
-const node2 = createNode({
-  name: "Node 2",
-  x: 600,
-  y: 500,
-  frontPortId: "node-2-in",
-  backPortId: "node-2-out",
-});
-
-const canvasElement = document.getElementById("canvas");
-
 canvas
-  .attach(canvasElement)
-  .addNode(node1)
-  .addNode(node2)
+  .attach(document.getElementById("canvas"))
+  .addNode(
+    createNode({
+      name: "Node 1",
+      x: 200,
+      y: 400,
+      frontPortId: "node-1-in",
+      backPortId: "node-1-out",
+    }),
+  )
+  .addNode(
+    createNode({
+      name: "Node 2",
+      x: 600,
+      y: 500,
+      frontPortId: "node-2-in",
+      backPortId: "node-2-out",
+    }),
+  )
   .addEdge({ from: "node-1-out", to: "node-2-in" });
 ```
-
-## Features:
-
-- easy nodes customization using HTML
-- wide configuration options out of the box
-- draggable and scalable canvas
-- draggable and resize responsive nodes
-- exhaustive set of use cases
-- typescript support
-- mobile devices support

package/dist/main.d.ts

@@ -42,7 +42,7 @@ declare interface AddPortRequest {
     readonly direction: number;
 }
 
-export declare type BeforeTransformStartedFn = () => void;
+export declare type BeforeTransformChangeFn = () => void;
 
 export declare interface BezierEdgeParams {
     readonly color?: string | undefined;
@@ -576,7 +576,7 @@ declare interface StraightEdgeShape_2 {
     readonly detourDirection?: number;
 }
 
-export declare type TransformFinishedFn = () => void;
+export declare type TransformChangeFn = () => void;
 
 export declare interface TransformOptions {
     readonly scale?: {
@@ -587,8 +587,8 @@ export declare interface TransformOptions {
     };
     readonly transformPreprocessor?: TransformPreprocessorOption | TransformPreprocessorOption[];
     readonly events?: {
-        readonly onBeforeTransformStarted?: BeforeTransformStartedFn;
-        readonly onTransformFinished?: TransformFinishedFn;
+        readonly onBeforeTransformChange?: BeforeTransformChangeFn;
+        readonly onTransformChange?: TransformChangeFn;
     };
 }