chore: add eslint action and activate CLA

.eslintrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+  ignorePatterns: ['dist'],
+  extends: [
+    'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+    'plugin:prettier/recommended' // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
+  parserOptions: {
+    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+    sourceType: 'module' // Allows for the use of imports
+  },
+  rules: {
+    '@typescript-eslint/no-explicit-any': ['warn'] // any returns linter error by default.
+  }
+}

.github/cla.yml → .github/workflows/cla.yml

@@ -23,7 +23,7 @@ jobs:
           # branch should not be protected
           branch: 'main'
           # user names of users allowed to contribute without CLA
-          allowlist: dasanra,DaniSomoza,yagopv,bot*
+          allowlist: dasanra,DaniSomoza,yagopv,tmjssz,bot*
 
           # the followings are the optional inputs - If the optional inputs are not given, then default values will be taken
           # enter the remote organization name where the signatures should be stored (Default is storing the signatures in the same repository)

.github/workflows/lint.yml

@@ -0,0 +1,19 @@
+name: 'ESLint check'
+on: [pull_request]
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: yarn
+
+      - name: Install Dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Run eslint
+        run: yarn lint:check

package.json

@@ -16,6 +16,7 @@
     "coverage": "jest --coverage",
     "format:check": "prettier --check \"*/**/*.{js,json,md,ts}\"",
     "format": "prettier --write \"*/**/*.{js,json,md,ts}\"",
+    "lint:check": "eslint './{src,test}/**/*.{js,jsx,ts,tsx}'",
     "unbuild": "rm -rf dist cache *.tsbuildinfo",
     "build": "yarn unbuild && tsc -p tsconfig.build.json && tsc-alias"
   },
@@ -50,8 +51,14 @@
     "@types/jest": "^29.5.13",
     "@types/react": ">=18.3.11",
     "@types/react-dom": ">=18.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.3.3",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "ts-jest": "^29.2.5",

src/hooks/helpers/useCompare.ts

@@ -5,7 +5,7 @@ import { usePrevious } from './usePrevious.js'
  * @param object Object to compare.
  * @returns Whether the object has changed.
  */
-export function useCompareObject(object?: Object) {
+export function useCompareObject(object?: object) {
   const prevObject = usePrevious(object)
   return JSON.stringify(prevObject) !== JSON.stringify(object)
 }

src/hooks/useConfirmTransaction.test.ts

@@ -7,7 +7,7 @@ import * as useWaitForTransaction from '@/hooks/useWaitForTransaction.js'
 import * as useSignerClientMutation from '@/hooks/useSignerClientMutation.js'
 import { configExistingSafe } from '@test/config.js'
 import { ethereumTxHash, safeAddress, safeTxHash, signerPrivateKeys } from '@test/fixtures/index.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey, QueryKey } from '@/constants.js'
 import { queryClient } from '@/queryClient.js'

src/hooks/usePublicClient.test.ts

@@ -52,7 +52,8 @@ describe('usePublicClient', () => {
 
     it('should create a new SafeClient client if the passed config changes', async () => {
       const { result, rerender } = renderHookInSafeProvider(
-        ({ config = configPredictedSafe }: UsePubicClientParams = {}) => usePublicClient({ config }),
+        ({ config = configPredictedSafe }: UsePubicClientParams = {}) =>
+          usePublicClient({ config }),
         { config: configExistingSafe }
       )
 
@@ -73,7 +74,8 @@ describe('usePublicClient', () => {
 
     it('should NOT create a new SafeClient client if the config param matches the one from previous render', async () => {
       const { result, rerender } = renderHookInSafeProvider(
-        ({ config = configPredictedSafe }: UsePubicClientParams = {}) => usePublicClient({ config }),
+        ({ config = configPredictedSafe }: UsePubicClientParams = {}) =>
+          usePublicClient({ config }),
         { config: configExistingSafe }
       )
 

src/hooks/usePublicClientQuery.test.ts

@@ -12,7 +12,6 @@ import { renderHookInQueryClientProvider } from '@test/utils.js'
 // "TypeError: Cannot redefine property: useQuery"
 jest.mock('@tanstack/react-query', () => ({
   __esModule: true,
-  // @ts-ignore
   ...jest.requireActual('@tanstack/react-query')
 }))
 

src/hooks/useSafeInfo/index.test.ts

@@ -51,6 +51,7 @@ describe('useSafeInfo', () => {
   })
 
   it('should return fetch and return Safe infos using individual hooks', () => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { refetch, ...expectedResult } = createCustomQueryResult({
       status: 'success',
       data: safeInfo
@@ -98,6 +99,7 @@ describe('useSafeInfo', () => {
   it('should return with loading state + partial data if any individual hook returns with loading state', async () => {
     useThresholdSpy.mockReturnValueOnce(createCustomQueryResult({ status: 'pending' }))
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { refetch, ...expectedResult } = {
       ...queryPendingResult,
       data: { ...safeInfo, threshold: undefined }
@@ -127,6 +129,7 @@ describe('useSafeInfo', () => {
     useAddressSpy.mockReturnValueOnce(queryLoadingErrorResult)
     useOwnersSpy.mockReturnValueOnce(queryLoadingErrorResult)
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { refetch, ...expectedResult } = {
       ...queryLoadingErrorResult,
       errorUpdateCount: 2,

src/hooks/useSendTransaction.test.ts

@@ -6,7 +6,7 @@ import * as useWaitForTransaction from '@/hooks/useWaitForTransaction.js'
 import * as useSignerClientMutation from '@/hooks/useSignerClientMutation.js'
 import { configExistingSafe } from '@test/config.js'
 import { ethereumTxHash, safeAddress, safeTxHash, signerPrivateKeys } from '@test/fixtures/index.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey, QueryKey } from '@/constants.js'
 import { queryClient } from '@/queryClient.js'

src/hooks/useSignerClientMutation.test.ts

@@ -6,14 +6,13 @@ import * as useSignerClient from '@/hooks/useSignerClient.js'
 import * as useConfig from '@/hooks/useConfig.js'
 import { configExistingSafe } from '@test/config.js'
 import { safeMultisigTransaction, signerPrivateKeys } from '@test/fixtures/index.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 
 // This is necessary to set a spy on the `useMutation` function without getting the following error:
 // "TypeError: Cannot redefine property: useMutation"
 jest.mock('@tanstack/react-query', () => ({
   __esModule: true,
-  // @ts-ignore
   ...jest.requireActual('@tanstack/react-query')
 }))
 

src/hooks/useUpdateOwners/index.test.ts

@@ -4,7 +4,7 @@ import * as useSwapOwner from '@/hooks/useUpdateOwners/useSwapOwner.js'
 import { configExistingSafe } from '@test/config.js'
 import { signerPrivateKeys } from '@test/fixtures/index.js'
 import { renderHookInMockedSafeProvider } from '@test/utils.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { useUpdateOwners } from './index.js'
 
 describe('useUpdateOwners', () => {

src/hooks/useUpdateOwners/useAddOwner.test.ts

@@ -11,7 +11,7 @@ import {
   signerPrivateKeys
 } from '@test/fixtures/index.js'
 import { configPredictedSafe } from '@test/config.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey } from '@/constants.js'
 

src/hooks/useUpdateOwners/useRemoveOwner.test.ts

@@ -11,7 +11,7 @@ import {
   signerPrivateKeys
 } from '@test/fixtures/index.js'
 import { configPredictedSafe } from '@test/config.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey } from '@/constants.js'
 

src/hooks/useUpdateOwners/useSwapOwner.test.ts

@@ -11,7 +11,7 @@ import {
   signerPrivateKeys
 } from '@test/fixtures/index.js'
 import { configPredictedSafe } from '@test/config.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey } from '@/constants.js'
 

src/hooks/useUpdateThreshold.test.ts

@@ -6,7 +6,7 @@ import * as useSendTransaction from '@/hooks/useSendTransaction.js'
 import * as useSignerClientMutation from '@/hooks/useSignerClientMutation.js'
 import { ethereumTxHash, safeMultisigTransaction, signerPrivateKeys } from '@test/fixtures/index.js'
 import { configPredictedSafe } from '@test/config.js'
-import { createCustomMutationResult } from '@test/fixtures/mutationResult.js'
+import { createCustomMutationResult } from '@test/fixtures/mutationResult/index.js'
 import { renderHookInQueryClientProvider } from '@test/utils.js'
 import { MutationKey } from '@/constants.js'
 

src/hooks/useUpdateThreshold.ts

@@ -40,9 +40,8 @@ export function useUpdateThreshold(
     ...params,
     mutationKey: [MutationKey.UpdateThreshold],
     mutationSafeClientFn: async (signerClient, updateThresholdParams) => {
-      const updateThresholdTx = await signerClient.createChangeThresholdTransaction(
-        updateThresholdParams
-      )
+      const updateThresholdTx =
+        await signerClient.createChangeThresholdTransaction(updateThresholdParams)
       return sendTransactionAsync({ transactions: [updateThresholdTx] })
     }
   })

test/fixtures/mutationResult/error.ts

@@ -0,0 +1,46 @@
+import { MutationObserverErrorResult } from '@tanstack/react-query'
+import { RenameProp } from '@test/types.js'
+import { createMutationIdleResult } from './idle.js'
+
+export type MutationErrorResult<
+  TMutateFnName extends string,
+  TError extends Error,
+  TVariables,
+  TResult extends MutationObserverErrorResult<
+    unknown,
+    TError,
+    TVariables
+  > = MutationObserverErrorResult<unknown, TError, TVariables>
+> = RenameProp<TResult, 'mutate', TMutateFnName> & {
+  [key in `${TMutateFnName}Async`]: TResult['mutate']
+}
+
+export type CreateErrorMutationResultParam = {
+  status: 'error'
+  mutateFnName: string
+  error: Error
+  variables: unknown
+  data?: undefined
+}
+
+export function createMutationErrorResult<
+  TMutateFnName extends string,
+  TError extends Error,
+  TVariables
+>(
+  mutateFnName: TMutateFnName,
+  error: TError,
+  variables: TVariables
+): MutationErrorResult<TMutateFnName, TError, TVariables> {
+  return {
+    ...createMutationIdleResult(mutateFnName),
+    isIdle: false,
+    isError: true,
+    status: 'error',
+    failureCount: 1,
+    submittedAt: expect.any(Number),
+    error,
+    failureReason: error,
+    variables
+  }
+}