chore: migrate to eslint 9 flat config and format the codebase - #219
Closed
edospadoni wants to merge 1 commit into
Closed
edospadoni wants to merge 1 commit into
edospadoni wants to merge 1 commit into
Conversation
ESLint was entirely broken on main: .eslintrc.cjs extended 'react-app' and 'react-app/jest' while eslint-config-react-app was never installed, so 'npm run lint' failed before linting a single file. Rather than repair the eslintrc setup on eslint 8, this migrates to eslint 9 flat config, which also unblocks the two Renovate majors that were stuck on the 'eslint >= 9' peer requirement: - eslint ^8.56.0 -> ^9.39.5 - @electron-toolkit/eslint-config-ts ^1.0.1 -> ^3.1.0 (#206) - @electron-toolkit/eslint-config-prettier ^2.0.0 -> ^3.0.0 (#205) - eslint-plugin-react ^7.33.2 -> ^7.37.5 (flat config support) - eslint-plugin-react-hooks ^5.2.0 (was referenced, never installed) .eslintrc.cjs and .eslintignore are replaced by eslint.config.mjs. Config decisions: - React and react-hooks rules are scoped to src/renderer/**. The main process has plain functions named use* (useNethVoiceAPI, useLogin) that rules-of-hooks reported as hook violations in AccountController. - camelcase is off. Every one of its 41 reports was a snake_case field fixed by the backend API contract (speeddial_num, shared_groups, dst_cnam) or a theme token (extra_large, full_w). - react/prop-types is off, since TypeScript already checks props. - spaced-comment carries markers: ['/'] so --fix cannot mangle TypeScript triple-slash directives into '// / <reference ... />', which silently broke the vite/client types for .svg imports. Beyond formatting, these lint errors needed real fixes: - useNethVoiceAPI.ts: drop the redundant async Promise executor around logout; the body already resolved unconditionally, so behaviour is unchanged and no rejection path is lost. - logger.ts: replace the unsafe Function type with an explicit signature. - main.ts, Modal/index.tsx: merge duplicate imports. - AboutModule.tsx: drop the empty destructuring pattern. - usePresenceService.ts: drop an empty finally block. - ipcEvents.ts: document the intentionally silent catch in the drag path. - store.ts: move a // @ts-ignore next to the expression it suppresses. Reformatting split the statement it used to cover onto two lines, which silently un-suppressed the error. 'npm run lint' now reports 0 errors and 336 warnings. typecheck and build are green. Supersedes #215.
Member
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Rifà #215 partendo da main aggiornato, e nel farlo sblocca anche #205 e #206.
Closes #205
Closes #206
Il problema
ESLint era completamente rotto su main:
.eslintrc.cjsestendevareact-appereact-app/jest, maeslint-config-react-appnon è mai stato installato.npm run lintfalliva prima ancora di analizzare un file:Per questo nessuno vedeva più né errori né problemi di formattazione.
La scelta
Invece di rattoppare la configurazione eslintrc su eslint 8, ho migrato a eslint 9 + flat config. Questo risolve la #215 e contemporaneamente sblocca le due major di Renovate ferme sul peer
eslint >= 9, che era esattamente la domanda aperta:eslint@electron-toolkit/eslint-config-ts@electron-toolkit/eslint-config-prettiereslint-plugin-reacteslint-plugin-react-hooks.eslintrc.cjse.eslintignoresono sostituiti daeslint.config.mjs.Scelte di configurazione
Partivo da 190 errori e 3485 warning. Tre decisioni non ovvie:
src/renderer/**.rules-of-hookssegnalava 4 violazioni inAccountController, una classe del main process:useNethVoiceAPIeuseLoginsono funzioni normali che si chiamanouse*, non hook. Restringere lo scope è più corretto che spegnere la regola.camelcasedisattivata. Tutti e 41 i report erano identificatori snake_case vincolati dal contratto con il backend (speeddial_num,shared_groups,dst_cnam) o token del tema (extra_large,full_w). Non sono rinominabili.react/prop-typesdisattivata, TypeScript già controlla le props.Due trappole incontrate
Le segnalo perché non erano evidenti e sarebbero passate inosservate:
1.
spaced-comment --fixdistrugge le direttive triple-slash. Trasformava/// <reference types="vite/client" />in// / <reference ... />, annullando la direttiva. Conseguenza: tutti gli import.svgsmettevano di risolvere, perché le dichiarazioni le forniscevite/client. Risolto conmarkers: ['/']nella configurazione della regola.2. Prettier può spostare un
@ts-ignorelontano dall'errore che sopprime. Instore.tsla direttiva copriva una riga che conteneva l'intera espressione; riformattando, la riga è stata spezzata in due e la soppressione è finita sulla riga sbagliata, facendo riemergere un errore di tipo zustand. Spostata accanto all'argomento corretto.Correzioni oltre la formattazione
useNethVoiceAPI.ts: rimosso l'executorasyncridondante attorno alogout. Il corpo risolveva già incondizionatamente infinally, quindi il comportamento è identico e non si perde nessun percorso di rejection.logger.ts: il tipoFunctionsostituito da una firma esplicita.main.ts,Modal/index.tsx: import duplicati uniti.AboutModule.tsx: rimosso il pattern di destructuring vuoto.usePresenceService.ts: rimosso un bloccofinallyvuoto.ipcEvents.ts: documentato il catch volutamente silenzioso nel percorso di drag.Verifica
npm run lint: 0 errori, 336 warning (nessuno bloccante:no-explicit-any,no-unused-vars,exhaustive-deps).npm run typecheckenpm run build: verdi.ipcEvents.tsè sopravvissuto alla riformattazione (verificato).@ts-ignore/@ts-expect-errorsono le stesse di main, nessuna persa per spostamento.Fuori scope
Prettier segnala altri 14 file non coperti da eslint (workflow YAML,
README.md, template di issue,renovate.json,index.html,index.css). Li ho lasciati fuori per non aggiungere rumore a un diff già di 140 file:npm run formatli toccherebbe, ed è una condizione preesistente.