Update dependencies

Huulivoide · Huulivoide · commit 42b66f012a44 · 2025-12-01T14:52:06.000+02:00
Not updated:
* Apollo client V3 → V4: A major upgrade
* Headless UI + Tailwind: Major upgrades, separate ticket
* Rollup commonjs/ts plugins: need config changes
* React: Sticking to V8
* Cypress: Major upgrade, needs coordination with node version
* next: Possibly staright upgrade, held for now
* zod: Major upgrade

Other notes:
* react-hook-form: Bound to version 7.66.1, 7.67 has a typing bug,
  which is fixed in main, but has not been published to NPM yet.
* uuid: Bound to version 11.1.0, 12+ versions have problems with
  CJS/MJS import styles, and just don't work proerly with our setup.
  Eventually should be repalced with `crypto.randonUUID()` calls, but
  we need HTTPS support in the CI test runs before we can do that.
diff --git a/codegen/package.json b/codegen/package.json
@@ -9,18 +9,18 @@
     "ts:check": "echo No need to check syntax of generated TS && exit 0"
   },
   "dependencies": {
-    "@babel/core": "^7.28.3",
-    "@graphql-codegen/add": "^5.0.3",
-    "@graphql-codegen/cli": "^5.0.7",
-    "@graphql-codegen/introspection": "^4.0.3",
-    "@graphql-codegen/typescript": "^4.1.6",
-    "@graphql-codegen/typescript-operations": "^4.6.1",
+    "@babel/core": "^7.28.5",
+    "@graphql-codegen/add": "^6.0.0",
+    "@graphql-codegen/cli": "^6.1.0",
+    "@graphql-codegen/introspection": "^5.0.0",
+    "@graphql-codegen/typescript": "^5.0.6",
+    "@graphql-codegen/typescript-operations": "^5.0.6",
     "@graphql-codegen/typescript-react-apollo": "^4.3.3",
-    "@graphql-tools/load": "^8.1.2",
-    "@graphql-tools/merge": "^9.1.1",
-    "@graphql-tools/schema": "^10.0.25",
+    "@graphql-tools/load": "^8.1.7",
+    "@graphql-tools/merge": "^9.1.6",
+    "@graphql-tools/schema": "^10.0.30",
     "@parcel/watcher": "^2.5.0",
-    "graphql": "^16.11.0",
+    "graphql": "^16.12.0",
     "graphql-tag": "^2.12.6"
   }
 }
diff --git a/cypress/cypress.config.ts b/cypress/cypress.config.ts
@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import cypressGrepPlugin from '@cypress/grep/src/plugin';
+import { plugin as cypressGrepPlugin } from '@cypress/grep/plugin';
 import { defineConfig } from 'cypress';
 import { GenerateCtrfReport } from 'cypress-ctrf-json-reporter';
 import cypressSplit from 'cypress-split';
diff --git a/cypress/package.json b/cypress/package.json
@@ -13,21 +13,21 @@
     "cy:run:video": "CYPRESS_BASE_URL=${CYPRESS_BASE_URL:-http://localhost:3300} cypress run --browser chrome --config-file ./cypress.config.video.ts"
   },
   "dependencies": {
-    "@4tw/cypress-drag-drop": "^2.2.5",
-    "@cypress/grep": "^4.1.1",
+    "@4tw/cypress-drag-drop": "^2.3.1",
+    "@cypress/grep": "^5.0.0",
     "@hsl/jore4-test-db-manager": "1.0.0",
     "@hsl/timetables-data-inserter": "1.0.0",
     "cypress": "^14.5.4",
-    "cypress-ctrf-json-reporter": "^0.0.12",
-    "cypress-split": "^1.24.21",
+    "cypress-ctrf-json-reporter": "^0.0.13",
+    "cypress-split": "^1.24.25",
     "lodash": "^4.17.21",
-    "luxon": "^3.7.1",
+    "luxon": "^3.7.2",
     "qs": "^6.14.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.17.20",
+    "@types/lodash": "^4.17.21",
     "@types/luxon": "^3.7.1",
     "@types/qs": "^6.14.0",
-    "find-test-names": "^1.29.18"
+    "find-test-names": "^1.29.19"
   }
 }
diff --git a/cypress/pageObjects/RoutePropertiesForm.ts b/cypress/pageObjects/RoutePropertiesForm.ts
@@ -10,8 +10,7 @@ import { TerminusNameInputs, TerminusValues } from './TerminusNameInputs';
 import { ValidityPeriodFormInfo } from './ValidityPeriodForm';
 
 export interface RouteFormInfo
-  extends ValidityPeriodFormInfo,
-    PriorityFormInfo {
+  extends ValidityPeriodFormInfo, PriorityFormInfo {
   finnishName?: string;
   label?: string;
   variant?: string;
diff --git a/cypress/pageObjects/StopForm.ts b/cypress/pageObjects/StopForm.ts
@@ -5,8 +5,7 @@ import { PriorityForm, PriorityFormInfo } from './PriorityForm';
 import { ValidityPeriodFormInfo } from './ValidityPeriodForm';
 
 export interface BaseStopFormInfo
-  extends ValidityPeriodFormInfo,
-    PriorityFormInfo {
+  extends ValidityPeriodFormInfo, PriorityFormInfo {
   locationFin?: string;
   locationSwe?: string;
   longitude?: string;
diff --git a/cypress/support/e2e.ts b/cypress/support/e2e.ts
@@ -18,7 +18,7 @@ import './commands';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import registerCypressGrep from '@cypress/grep';
+import { register as registerCypressGrep } from '@cypress/grep';
 import { Settings } from 'luxon';
 
 registerCypressGrep();
diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json
@@ -4,7 +4,7 @@
     "noEmit": true,
     // be explicit about types included
     // to avoid clashing with Jest types
-    "types": ["cypress", "./support", "@cypress/grep"],
+    "types": ["cypress", "./support", "@cypress/grep/dist"],
     "allowJs": false,
     "strict": true,
     "strictNullChecks": true,
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -82,7 +82,7 @@ function getExtends({
       ? [
           react.configs.flat['recommended'],
           react.configs.flat['jsx-runtime'],
-          reactHooks.configs['recommended-latest'],
+          reactHooks.configs.flat['recommended-latest'],
           jsxA11y.flatConfigs['recommended'],
         ]
       : []),
diff --git a/eslint/rules/react-hooks.js b/eslint/rules/react-hooks.js
@@ -3,5 +3,14 @@ module.exports = {
     // Verify the list of the dependencies for Hooks like useEffect and similar
     // https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/src/rules/ExhaustiveDeps.ts
     'react-hooks/exhaustive-deps': 'error',
+
+    // Allow refs to be accessed in render bodies
+    'react-hooks/refs': 0,
+
+    // Allow calling setState in useEffect
+    'react-hooks/set-state-in-effect': 0,
+
+    // We are not using React Compiler, don't warn about react-hook-form
+    'react-hooks/incompatible-library': 0,
   },
 };
diff --git a/jore4-hasura b/jore4-hasura
@@ -1 +1 @@
-Subproject commit a11bef7ade55dbe7c61a11e02bee65908e44febe
+Subproject commit 601ad4df8ab9f8a57a4541c0b38ad38b86903632
diff --git a/package.json b/package.json
@@ -31,34 +31,34 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^9.39.1",
     "@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
-    "@stylistic/eslint-plugin": "^5.2.3",
+    "@stylistic/eslint-plugin": "^5.6.1",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.3.0",
+    "@types/node": "^24.10.1",
     "concurrently": "^9.2.1",
     "confusing-browser-globals": "^1.0.11",
-    "eslint": "^9.34.0",
+    "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-cypress": "^5.1.1",
+    "eslint-plugin-cypress": "^5.2.0",
     "eslint-plugin-i18n-json": "4.0.1",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^29.0.1",
+    "eslint-plugin-jest": "^29.2.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-lodash": "^8.0.0",
-    "eslint-plugin-n": "^17.21.3",
+    "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "globals": "^16",
-    "jest": "^30.1.0",
-    "jest-environment-jsdom": "^30.1.0",
-    "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "ts-jest": "^29.4.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "globals": "^16.5.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "prettier": "^3.7.3",
+    "prettier-plugin-tailwindcss": "^0.7.1",
+    "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.41.0"
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.48.0"
   },
   "workspaces": [
     "codegen",
diff --git a/test-db-manager/package.json b/test-db-manager/package.json
@@ -17,18 +17,18 @@
     "ts:build": "yarn tsc --build"
   },
   "dependencies": {
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "cross-fetch": "^4.1.0",
-    "graphql": "^16.11.0",
+    "graphql": "^16.12.0",
     "graphql-tag": "^2.12.6",
     "knex": "^3.1.0",
     "lodash": "^4.17.21",
-    "luxon": "^3.7.1",
+    "luxon": "^3.7.2",
     "pg": "^8.16.3",
-    "rollup": "^4.49.0",
-    "rollup-plugin-dts": "^6.2.3",
+    "rollup": "^4.53.3",
+    "rollup-plugin-dts": "^6.3.0",
     "ts-node": "^10.9.2",
     "uuid": "^11.1.0"
   },
diff --git a/test-db-manager/src/generated/graphql.ts b/test-db-manager/src/generated/graphql.ts
@@ -68557,16 +68557,19 @@ export type GetAllStopPlaceLabelsAndIdsQuery = {
   __typename?: 'query_root',
   stop_registry?: {
     __typename?: 'stop_registryStopPlaceRegister',
-    stopPlace?: Array<{
-      __typename?: 'stop_registry_ParentStopPlace'
-    } | {
-      __typename?: 'stop_registry_StopPlace',
-      id?: string | null,
-      privateCode?: {
-        __typename?: 'stop_registry_PrivateCode',
-        value?: string | null
-      } | null
-    } | null> | null
+    stopPlace?: Array<
+      | {
+        __typename?: 'stop_registry_ParentStopPlace'
+      }
+      | {
+        __typename?: 'stop_registry_StopPlace',
+        id?: string | null,
+        privateCode?: {
+          __typename?: 'stop_registry_PrivateCode',
+          value?: string | null
+        } | null
+      }
+     | null> | null
   } | null
 };
 
diff --git a/ui/package.json b/ui/package.json
@@ -21,34 +21,34 @@
     "@headlessui/react": "1.7.10",
     "@headlessui/tailwindcss": "^0.2.2",
     "@hookform/resolvers": "^3.10.0",
-    "@mapbox/mapbox-gl-draw": "^1.5.0",
+    "@mapbox/mapbox-gl-draw": "^1.5.1",
     "@nebula.gl/edit-modes": "^1.0.4",
-    "@reduxjs/toolkit": "^2.8.2",
+    "@reduxjs/toolkit": "^2.11.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@turf/turf": "^7.2.0",
     "@types/geojson": "^7946.0.16",
     "apollo-link-scalars": "^4.0.3",
-    "axios": "^1.12.0",
-    "graphql": "^16.11.0",
+    "axios": "^1.13.2",
+    "graphql": "^16.12.0",
     "graphql-ws": "^6.0.6",
     "hsl-map-style": "HSLdevcom/hsl-map-style#305b112",
-    "i18next": "^25.4.2",
-    "immer": "^10.1.1",
+    "i18next": "^25.6.3",
+    "immer": "^11.0.1",
     "lodash": "^4.17.21",
-    "luxon": "^3.7.1",
-    "maplibre-gl": "^5.7.0",
+    "luxon": "^3.7.2",
+    "maplibre-gl": "^5.13.0",
     "next": "15.4.7",
     "qs": "^6.14.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",
-    "react-hook-form": "^7.62.0",
+    "react-hook-form": "7.66.1",
     "react-hot-toast": "^2.6.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^16.3.5",
     "react-icons": "^5.5.0",
-    "react-map-gl": "^8.0.4",
+    "react-map-gl": "^8.1.0",
     "react-redux": "^9.2.0",
-    "react-router": "^7.8.2",
+    "react-router": "^7.9.6",
     "react-spinners": "^0.17.0",
     "redux-logger": "^3.0.6",
     "tailwind-merge": "^2.6.0",
@@ -57,24 +57,24 @@
   "devDependencies": {
     "@hsl/jore4-test-db-manager": "1.0.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
-    "@types/lodash": "^4.17.20",
+    "@types/lodash": "^4.17.21",
     "@types/luxon": "^3.7.1",
     "@types/mapbox__mapbox-gl-draw": "1.4.9",
     "@types/qs": "^6.14.0",
-    "@types/react": "^18.3.24",
+    "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@types/redux-logger": "^3.0.13k",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.22",
     "bufferutil": "^4.0.9",
     "cross-fetch": "^4.1.0",
-    "csstype": "^3.1.3",
+    "csstype": "^3.2.3",
     "encoding": "^0.1.13",
     "express": "^5.1.0",
     "http-proxy-middleware": "^3.0.5",
     "postcss": "^8.5.3",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^3.4.18",
     "utf-8-validate": "6.0.5"
   }
 }
diff --git a/ui/src/components/forms/line/LineForm.tsx b/ui/src/components/forms/line/LineForm.tsx
@@ -27,6 +27,10 @@ const testIds = {
   cancelButton: 'LineForm::cancelButton',
 };
 
+const formSchema = linePropertiesFormSchema
+  .merge(changeValidityFormSaveFormSchema)
+  .superRefine(refineValidityPeriodSchema);
+
 type LineFormProps = {
   readonly defaultValues: Partial<FormState>;
   readonly onSubmit: (state: FormState) => void;
@@ -38,10 +42,6 @@ export const LineForm: FC<LineFormProps> = ({ defaultValues, onSubmit }) => {
 
   const { t } = useTranslation();
 
-  const formSchema = linePropertiesFormSchema
-    .merge(changeValidityFormSaveFormSchema)
-    .superRefine(refineValidityPeriodSchema);
-
   const methods = useForm<FormState>({
     defaultValues,
     resolver: zodResolver(formSchema),
diff --git a/ui/src/components/routes-and-lines/line-details/useGetLineDetails.ts b/ui/src/components/routes-and-lines/line-details/useGetLineDetails.ts
@@ -243,10 +243,12 @@ export const useGetLineDetails = () => {
   }, [getHighestPriorityLineDetails, lineDetailsResult, observationDate]);
 
   useEffect(() => {
+    // TODO: This should probably be done differently
     initializeObservationDate();
   }, [initializeObservationDate]);
 
   useEffect(() => {
+    // TODO: This should probably be done differently
     fetchLineDetails().then((filteredLine) => {
       if (filteredLine) {
         setLineError(null);
diff --git a/ui/src/components/stop-registry/search/csv-export/sections/InfoSpotsSection.ts b/ui/src/components/stop-registry/search/csv-export/sections/InfoSpotsSection.ts
@@ -429,9 +429,7 @@ export const InfoSpotsSection = dynamicSection((data) => {
   return new InfoSpotsSectionImplementation(counts, flatFieldCount);
 });
 
-class SingleInfoSposSectionImplementation
-  implements ReportSection<EnrichedStopDetailsWithSelectedInfoSpot>
-{
+class SingleInfoSposSectionImplementation implements ReportSection<EnrichedStopDetailsWithSelectedInfoSpot> {
   private readonly maxPosters: number;
 
   readonly shouldHavePadding = true;
diff --git a/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/getOverlappingCutDates.ts b/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/getOverlappingCutDates.ts
diff --git a/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/useEditStopFormUtils.ts b/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/useEditStopFormUtils.ts
diff --git a/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/useGetOverlappingCutDates.ts b/ui/src/components/stop-registry/stops/stop-details/stop-version/utils/useGetOverlappingCutDates.ts
diff --git a/ui/src/generated/graphql.tsx b/ui/src/generated/graphql.tsx
diff --git a/ui/src/uiComponents/LoadingOverlay.tsx b/ui/src/uiComponents/LoadingOverlay.tsx
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@ function getExtends({`
`82`	`82`	`? [`
`83`	`83`	`react.configs.flat['recommended'],`
`84`	`84`	`react.configs.flat['jsx-runtime'],`
`85`		`- reactHooks.configs['recommended-latest'],`
	`85`	`+ reactHooks.configs.flat['recommended-latest'],`
`86`	`86`	`jsxA11y.flatConfigs['recommended'],`
`87`	`87`	`]`
`88`	`88`	`: []),`