feat(linting): add eslint

packages/core/src/hooks/useDrag/utils.ts

@@ -78,7 +78,6 @@ export function calcNextPosition(
             ]
           : currentExtent;
     } else {
-      // @ts-ignore
       if (process.env.NODE_ENV === 'development') {
         console.warn('[React Flow]: Only child nodes can use a parent extent. Help: https://reactflow.dev/error#500');
       }

packages/core/src/hooks/useNodesEdgesState.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { useState, useCallback, SetStateAction, Dispatch } from 'react';
 
 import { applyNodeChanges, applyEdgeChanges } from '../utils/changes';

packages/core/src/hooks/useOnInitHandler.ts

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import useReactFlow from './useReactFlow';
 import { OnInit } from '../types';
 
-function useOnInitHandler(onInit: OnInit<any> | undefined) {
+function useOnInitHandler(onInit: OnInit | undefined) {
   const ReactFlowInstance = useReactFlow();
   const isInitialized = useRef<boolean>(false);
 

packages/core/src/hooks/useReactFlow.ts

@@ -13,6 +13,7 @@ import {
   EdgeRemoveChange,
 } from '../types';
 
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 export default function useReactFlow<NodeData = any, EdgeData = any>(): ReactFlowInstance<NodeData, EdgeData> {
   const { initialized: viewportInitialized, ...viewportHelperFunctions } = useViewportHelper();
   const store = useStoreApi();

packages/core/src/hooks/useResizeHandler.ts

@@ -16,7 +16,6 @@ function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>)
 
       const size = getDimensions(rendererNode.current);
 
-      // @ts-ignore
       if (process.env.NODE_ENV === 'development') {
         if (size.height === 0 || size.width === 0) {
           console.warn(

packages/core/src/hooks/useViewportHelper.ts

@@ -4,21 +4,22 @@ import shallow from 'zustand/shallow';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '../utils/graph';
-import { FitViewOptions, Viewport, ViewportHelperFunctions, ReactFlowState, Rect, XYPosition } from '../types';
+import { ViewportHelperFunctions, ReactFlowState, XYPosition } from '../types';
 import { fitView as fitViewStore } from '../store/utils';
 
-const DEFAULT_PADDING = 0.1;
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
 
 const initialViewportHelper: ViewportHelperFunctions = {
-  zoomIn: () => {},
-  zoomOut: () => {},
-  zoomTo: (_: number) => {},
+  zoomIn: noop,
+  zoomOut: noop,
+  zoomTo: noop,
   getZoom: () => 1,
-  setViewport: (_: Viewport) => {},
+  setViewport: noop,
   getViewport: () => ({ x: 0, y: 0, zoom: 1 }),
-  fitView: (_: FitViewOptions = { padding: DEFAULT_PADDING, includeHiddenNodes: false }) => {},
-  setCenter: (_: number, __: number) => {},
-  fitBounds: (_: Rect) => {},
+  fitView: noop,
+  setCenter: noop,
+  fitBounds: noop,
   project: (position: XYPosition) => position,
   initialized: false,
 };

packages/core/src/hooks/useVisibleEdges.ts

@@ -7,7 +7,7 @@ import { internalsSymbol, isNumeric } from '../utils';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
-function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect: boolean = false) {
+function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect = false) {
   let maxLevel = -1;
 
   const levelLookup = edges.reduce<Record<string, Edge[]>>((tree, edge) => {