Method drawSlots

src/LGraphNode.ts:3672–3706

* Draws the node's input and output slots.

(ctx: CanvasRenderingContext2D, {
    fromSlot,
    colorContext,
    editorAlpha,
    lowQuality,
  }: DrawSlotsOptions)

   * Draws the node's input and output slots.
   */
  drawSlots(ctx: CanvasRenderingContext2D, {
    fromSlot,
    colorContext,
    editorAlpha,
    lowQuality,
  }: DrawSlotsOptions) {
    for (const slot of [...this.#concreteInputs, ...this.#concreteOutputs]) {
      const isValidTarget = fromSlot && slot.isValidTarget(fromSlot)
      const isMouseOverSlot = this.#isMouseOverSlot(slot)

      // change opacity of incompatible slots when dragging a connection
      const isValid = !fromSlot || isValidTarget
      const highlight = isValid && isMouseOverSlot

      // Show slot if it's not a widget input slot
      // or if it's a widget input slot and satisfies one of the following:
      // - the mouse is over the widget
      // - the slot is valid during link drop
      // - the slot is connected
      if (
        isMouseOverSlot ||
        isValidTarget ||
        !slot.isWidgetInputSlot ||
        this.#isMouseOverWidget(this.getWidgetFromSlot(slot)) ||
        slot.isConnected
      ) {
        ctx.globalAlpha = isValid ? editorAlpha : 0.4 * editorAlpha
        slot.draw(ctx, {
          colorContext,
          lowQuality,
          highlight,
        })
      }
    }
  }

  /**
   * Arranges the node's widgets vertically.