(prettier formatting)

src/draw.ts

@@ -1,9 +1,9 @@
-import type { Vector2 } from "./litegraph";
-import type { INodeSlot } from "./interfaces"
-import { LinkDirection, RenderShape } from "./types/globalEnums"
+import type { Vector2 } from './litegraph'
+import type { INodeSlot } from './interfaces'
+import { LinkDirection, RenderShape } from './types/globalEnums'
 
 export enum SlotType {
-  Array = "array",
+  Array = 'array',
   Event = -1,
 }
 
@@ -25,8 +25,8 @@ export enum SlotDirection {
 }
 
 export enum LabelPosition {
-  Left = "left",
-  Right = "right",
+  Left = 'left',
+  Right = 'right',
 }
 
 export function drawSlot(
@@ -34,7 +34,7 @@ export function drawSlot(
   slot: Partial<INodeSlot>,
   pos: Vector2,
   {
-    label_color = "#AAA",
+    label_color = '#AAA',
     label_position = LabelPosition.Right,
     horizontal = false,
     low_quality = false,
@@ -42,44 +42,42 @@ export function drawSlot(
     do_stroke = false,
     highlight = false,
   }: {
-    label_color?: string;
-    label_position?: LabelPosition;
-    horizontal?: boolean;
-    low_quality?: boolean;
-    render_text?: boolean;
-    do_stroke?: boolean;
-    highlight?: boolean;
-  } = {}
+    label_color?: string
+    label_position?: LabelPosition
+    horizontal?: boolean
+    low_quality?: boolean
+    render_text?: boolean
+    do_stroke?: boolean
+    highlight?: boolean
+  } = {},
 ) {
   // Save the current fillStyle and strokeStyle
-  const originalFillStyle = ctx.fillStyle;
-  const originalStrokeStyle = ctx.strokeStyle;
-  const originalLineWidth = ctx.lineWidth;
+  const originalFillStyle = ctx.fillStyle
+  const originalStrokeStyle = ctx.strokeStyle
+  const originalLineWidth = ctx.lineWidth
 
-  const slot_type = slot.type as SlotType;
-  const slot_shape = (
-    slot_type === SlotType.Array ? SlotShape.Grid : slot.shape
-  ) as SlotShape;
+  const slot_type = slot.type as SlotType
+  const slot_shape = (slot_type === SlotType.Array ? SlotShape.Grid : slot.shape) as SlotShape
 
-  ctx.beginPath();
-  let doStroke = do_stroke;
-  let doFill = true;
+  ctx.beginPath()
+  let doStroke = do_stroke
+  let doFill = true
 
   if (slot_type === SlotType.Event || slot_shape === SlotShape.Box) {
     if (horizontal) {
-      ctx.rect(pos[0] - 5 + 0.5, pos[1] - 8 + 0.5, 10, 14);
+      ctx.rect(pos[0] - 5 + 0.5, pos[1] - 8 + 0.5, 10, 14)
     } else {
-      ctx.rect(pos[0] - 6 + 0.5, pos[1] - 5 + 0.5, 14, 10);
+      ctx.rect(pos[0] - 6 + 0.5, pos[1] - 5 + 0.5, 14, 10)
     }
   } else if (slot_shape === SlotShape.Arrow) {
-    ctx.moveTo(pos[0] + 8, pos[1] + 0.5);
-    ctx.lineTo(pos[0] - 4, pos[1] + 6 + 0.5);
-    ctx.lineTo(pos[0] - 4, pos[1] - 6 + 0.5);
-    ctx.closePath();
+    ctx.moveTo(pos[0] + 8, pos[1] + 0.5)
+    ctx.lineTo(pos[0] - 4, pos[1] + 6 + 0.5)
+    ctx.lineTo(pos[0] - 4, pos[1] - 6 + 0.5)
+    ctx.closePath()
   } else if (slot_shape === SlotShape.Grid) {
-    const gridSize = 3;
-    const cellSize = 2;
-    const spacing = 3;
+    const gridSize = 3
+    const cellSize = 2
+    const spacing = 3
 
     for (let x = 0; x < gridSize; x++) {
       for (let y = 0; y < gridSize; y++) {
@@ -88,58 +86,58 @@ export function drawSlot(
           pos[1] - 4 + y * spacing,
           cellSize,
           cellSize
-        );
+        )
       }
     }
-    doStroke = false;
+    doStroke = false
   } else {
     // Default rendering for circle, hollow circle.
     if (low_quality) {
-      ctx.rect(pos[0] - 4, pos[1] - 4, 8, 8);
+      ctx.rect(pos[0] - 4, pos[1] - 4, 8, 8)
     } else {
-      let radius: number;
+      let radius: number
       if (slot_shape === SlotShape.HollowCircle) {
-        doFill = false;
-        doStroke = true;
-        ctx.lineWidth = 3;
-        ctx.strokeStyle = ctx.fillStyle;
-        radius = highlight ? 4 : 3;
+        doFill = false
+        doStroke = true
+        ctx.lineWidth = 3
+        ctx.strokeStyle = ctx.fillStyle
+        radius = highlight ? 4 : 3
       } else {
         // Normal circle
-        radius = highlight ? 5 : 4;
+        radius = highlight ? 5 : 4
       }
-      ctx.arc(pos[0], pos[1], radius, 0, Math.PI * 2);
+      ctx.arc(pos[0], pos[1], radius, 0, Math.PI * 2)
     }
   }
 
-  if (doFill) ctx.fill();
-  if (!low_quality && doStroke) ctx.stroke();
+  if (doFill) ctx.fill()
+  if (!low_quality && doStroke) ctx.stroke()
 
   // render slot label
   if (render_text) {
-    const text = slot.label != null ? slot.label : slot.name;
+    const text = slot.label != null ? slot.label : slot.name
     if (text) {
       // TODO: Finish impl.  Highlight text on mouseover unless we're connecting links.
-      ctx.fillStyle = label_color;
+      ctx.fillStyle = label_color
 
       if (label_position === LabelPosition.Right) {
         if (horizontal || slot.dir == LinkDirection.UP) {
-          ctx.fillText(text, pos[0], pos[1] - 10);
+          ctx.fillText(text, pos[0], pos[1] - 10)
         } else {
-          ctx.fillText(text, pos[0] + 10, pos[1] + 5);
+          ctx.fillText(text, pos[0] + 10, pos[1] + 5)
         }
       } else {
         if (horizontal || slot.dir == LinkDirection.DOWN) {
-          ctx.fillText(text, pos[0], pos[1] - 8);
+          ctx.fillText(text, pos[0], pos[1] - 8)
         } else {
-          ctx.fillText(text, pos[0] - 10, pos[1] + 5);
+          ctx.fillText(text, pos[0] - 10, pos[1] + 5)
         }
       }
     }
   }
 
   // Restore the original fillStyle and strokeStyle
-  ctx.fillStyle = originalFillStyle;
-  ctx.strokeStyle = originalStrokeStyle;
-  ctx.lineWidth = originalLineWidth;
+  ctx.fillStyle = originalFillStyle
+  ctx.strokeStyle = originalStrokeStyle
+  ctx.lineWidth = originalLineWidth
 }