Update node

package.json

@@ -24,7 +24,7 @@
     "@typescript-eslint/parser": "^5.61.0",
     "babel-loader": "^9.1.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.43.0",  
+    "eslint": "^8.43.0",
     "eslint-plugin-import": "^2.27.5",
     "expose-loader": "^4.1.0",
     "prettier": "^2.8.8",

src/Components/Derived/Node.ts

@@ -6,11 +6,13 @@ import Text from "../Text";
 
 export type NodeOptions = CircleOptions & {
   label?: string;
+  color?: number;
 };
 
 const defaultNodeOptions: NodeOptions = {
   ...defaultShapeOptions,
   label: "",
+  color: 0xfaa307,
 };
 
 type Edge = {
@@ -19,6 +21,18 @@ type Edge = {
   weight?: number;
 };
 
+type ConnectOptions = {
+  directed: boolean;
+  value: number | undefined;
+  color: number;
+};
+
+const defaultConnectOptions: ConnectOptions = {
+  directed: false,
+  value: undefined,
+  color: 0x080007,
+};
+
 class Node extends Circle {
   adjacencyList: Edge[];
   label?: Text;
@@ -75,7 +89,9 @@ class Node extends Circle {
    * @param directed - Booleean for whether the edge is directed (directed edges will also have curve)
    * @param value - Number for eeight/value of the edge
    */
-  connectTo(other: Node, directed = false, value?: number): void {
+  connectTo(other: Node, options?: ConnectOptions): void {
+    const { directed, value, color } = { ...defaultConnectOptions, ...options };
+
     if (!this.isAdjacentTo(other) && !(!directed && other.isAdjacentTo(this))) {
       const dx = other.position.x - this.position.x;
       const dy = other.position.y - this.position.y;
@@ -95,7 +111,8 @@ class Node extends Circle {
           {
             arrowhead: directed,
             curve: directed ? 2 : 0,
-            label: value !== undefined ? value.toString() : "",
+            label: value?.toString() ?? "",
+            color: color,
           }
         );
         this.adjacencyList.push({ node: other, line: line, weight: value });
@@ -154,7 +171,11 @@ class Node extends Circle {
       }
 
       if (!directed) {
-        other.connectTo(this, false);
+        other.connectTo(this, {
+          directed: false,
+          value: undefined,
+          color: 0x080007,
+        });
       }
     }
   }

src/Components/LegendText.ts

@@ -5,7 +5,6 @@ type LegendTextOptions = {
 };
 
 const defaultLegendTextOptions = {
-
   shape: "circle",
   color: "#faa307",
   useStates: false,

src/index.ts

@@ -1,4 +1,4 @@
-/* export { default as Core } from "./Core";
+export { default as Core } from "./Core";
 export { default as Arc } from "./Components/Arc";
 export { default as Bracket } from "./Components/Bracket";
 export { default as Button } from "./Components/Button";
@@ -24,14 +24,3 @@ export { default as Node } from "./Components/Derived/Node";
 export { default as OperationButtonPanel } from "./Components/Derived/OperationButtonPanel";
 export { default as BarDiagram } from "./Components/Derived/BarDiagram";
 export * as three from "three";
- */
-
-import Grid from "./Components/Grid";
-import Core from "./Core";
-
-const a = new Core({disableZoom: true, disablePan: true});
-const g = new Grid();
-
-a.add(g)
-
-a.run()