refactor(all): update libraries (release) (#1633)

guillaume-chervet · web-flow · commit 49975e24a7dd · 2026-01-28T19:00:44.000+01:00
* refactor(all): update libraries

* update (alpha)

* fix (alpha)
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -10,7 +10,7 @@ on:
 
 env:
   PNPM_VERSION: 8.6.11
-  NODE_VERSION: 18
+  NODE_VERSION: 20
 
 jobs:
   tests:
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -12,7 +12,7 @@ on:
 
 env:
   PNPM_VERSION: 8.6.11
-  NODE_VERSION: 18    
+  NODE_VERSION: 20    
 
 jobs:
   run-linters:
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
@@ -11,7 +11,7 @@ on:
 
 env:
   PNPM_VERSION: 8.6.11
-  NODE_VERSION: 18
+  NODE_VERSION: 20
 jobs:
   skip_ci:
     runs-on: ubuntu-latest
diff --git a/package.json b/package.json
@@ -23,31 +23,31 @@
     "lint": "eslint --cache .",
     "lint-fix": "eslint --cache --fix .",
     "outdated": "pnpm outdated -r",
-    "test": "pnpm run test --workspaces --if-present",
+    "test": "pnpm --filter=./packages/* run test",
+    "test:ci": "pnpm --filter=./packages/* run test --run",
     "build": "pnpm -r --filter=./packages/* run build"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.2.9",
-    "@typescript-eslint/eslint-plugin": "^8.32.0",
-    "@typescript-eslint/parser": "^8.32.0",
-    "eslint": "^9.26.0",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-define-config": "^2.1.0",
-    "eslint-plugin-import": "^2.31.0",
+    "@eslint/compat": "^2.0.1",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-n": "^17.17.0",
+    "eslint-plugin-n": "^17.23.2",
     "eslint-plugin-no-only-tests": "^3.3.0",
-    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-regexp": "^2.7.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-regexp": "^3.0.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-testing-library": "^7.1.1",
-    "prettier": "^3.5.3",
+    "eslint-plugin-testing-library": "^7.15.4",
+    "prettier": "^3.8.1",
     "tslib": "^2.8.1",
-    "tsx": "4.19.4",
-    "typescript": "5.8.3",
-    "vitest": "3.1.3"
+    "tsx": "4.21.0",
+    "typescript": "5.9.3",
+    "vitest": "4.0.18"
   },
   "engines": {
     "node": ">= 18.0.0"
diff --git a/packages/oidc-client-service-worker/package.json b/packages/oidc-client-service-worker/package.json
@@ -34,14 +34,14 @@
     "lint": "eslint src"
   },
   "devDependencies": {
-    "@vitest/coverage-v8": "3.1.3",
-    "cpy": "11.1.0",
-    "cpy-cli": "^5.0.0",
-    "rimraf": "6.0.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vite-plugin-dts": "4.5.3",
-    "vitest": "3.1.3"
+    "@vitest/coverage-v8": "4.0.18",
+    "cpy": "12.1.0",
+    "cpy-cli": "^6.0.0",
+    "rimraf": "6.1.2",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "4.0.18"
   },
   "publishConfig": {
     "access": "public",
diff --git a/packages/oidc-client/package.json b/packages/oidc-client/package.json
@@ -23,17 +23,18 @@
     "@axa-fr/oidc-client-service-worker": "workspace:*"
   },
   "devDependencies": {
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.3.0",
-    "@vitest/coverage-v8": "3.1.3",
-    "cpy": "11.1.0",
-    "cpy-cli": "^5.0.0",
-    "rimraf": "6.0.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vite-plugin-dts": "4.5.3",
-    "vitest": "3.1.3"
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/node": "^22.12.0",
+    "@vitest/coverage-v8": "4.0.18",
+    "cpy": "12.1.0",
+    "cpy-cli": "^6.0.0",
+    "rimraf": "6.1.2",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "4.0.18"
   },
   "keywords": [
     "oidc",
diff --git a/packages/oidc-client/tsconfig.json b/packages/oidc-client/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "target": "ES2019",
     "lib": ["ES2021", "DOM"],
+    "types": ["node"],
     "outDir": "dist",
     "baseUrl": ".",
     "skipLibCheck": true,
diff --git a/packages/react-oidc/package.json b/packages/react-oidc/package.json
@@ -47,24 +47,24 @@
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/react": "19.1.2",
-    "@vitejs/plugin-react": "4.4.1",
-    "@vitest/coverage-v8": "3.1.3",
-    "cpy": "11.1.0",
-    "cpy-cli": "^5.0.0",
-    "cross-env": "^7.0.3",
-    "jsdom": "26.1.0",
-    "msw": "2.7.6",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "rimraf": "6.0.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vite-plugin-dts": "4.5.3",
-    "vitest": "3.1.3"
+    "@types/react": "19.2.10",
+    "@vitejs/plugin-react": "5.1.2",
+    "@vitest/coverage-v8": "4.0.18",
+    "cpy": "12.1.0",
+    "cpy-cli": "^6.0.0",
+    "cross-env": "^10.1.0",
+    "jsdom": "27.4.0",
+    "msw": "2.12.7",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rimraf": "6.1.2",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "4.0.18"
   },
   "license": "MIT",
   "publishConfig": {
diff --git a/packages/react-oidc/src/FetchToken.tsx b/packages/react-oidc/src/FetchToken.tsx
@@ -53,7 +53,7 @@ export const useOidcFetch = (
       );
       return newFetch(input, init);
     },
-    [previousFetch, configurationName],
+    [previousFetch, configurationName, demonstratingProofOfPossession],
   );
   return { fetch: memoizedFetchCallback };
 };
diff --git a/packages/react-oidc/src/OidcProvider.tsx b/packages/react-oidc/src/OidcProvider.tsx
@@ -117,7 +117,7 @@ export const OidcProvider: FC<PropsWithChildren<OidcProviderProps>> = ({
 
   const [loading, setLoading] = useState(true);
   const [event, setEvent] = useState(defaultEventState);
-  const [currentConfigurationName, setConfigurationName] = useState('default');
+  const [currentConfigurationName, setConfigurationName] = useState(configurationName);
 
   useEffect(() => {
     const oidc = getOidc(configurationName);
@@ -170,8 +170,11 @@ export const OidcProvider: FC<PropsWithChildren<OidcProviderProps>> = ({
       }
     });
 
-    setConfigurationName(configurationName);
-    setLoading(false);
+    queueMicrotask(() => {
+      setConfigurationName(configurationName);
+      setLoading(false);
+    });
+
     return () => {
       const previousOidc = getOidc(configurationName);
       previousOidc.removeEventSubscription(newSubscriptionId);
diff --git a/packages/react-oidc/src/ReactOidc.tsx b/packages/react-oidc/src/ReactOidc.tsx
@@ -25,7 +25,6 @@ export const useOidc = (configurationName = defaultConfigurationName) => {
   useEffect(() => {
     let isMounted = true;
     const oidc = getOidc(configurationName);
-    setIsAuthenticated(defaultIsAuthenticated(getOidc, configurationName));
 
     const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
       if (
@@ -118,18 +117,11 @@ function getGenerateDemonstrationOfProofOfPossessionAsync(oidc: OidcClient, toke
 
 export const useOidcAccessToken = (configurationName = defaultConfigurationName) => {
   const getOidc = OidcClient.get;
-  const [state, setAccessToken] = useState<OidcAccessToken>(initTokens(configurationName));
+  const [state, setAccessToken] = useState<OidcAccessToken>(() => initTokens(configurationName));
 
   useEffect(() => {
     let isMounted = true;
     const oidc = getOidc(configurationName);
-    if (oidc.tokens) {
-      const tokens = oidc.tokens;
-      setAccessToken({
-        accessToken: tokens.accessToken,
-        accessTokenPayload: tokens.accessTokenPayload,
-      });
-    }
 
     const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
       if (
@@ -183,15 +175,11 @@ export type OidcIdToken = {
 
 export const useOidcIdToken = (configurationName = defaultConfigurationName) => {
   const getOidc = OidcClient.get;
-  const [state, setIDToken] = useState<OidcIdToken>(initIdToken(configurationName));
+  const [state, setIDToken] = useState<OidcIdToken>(() => initIdToken(configurationName));
 
   useEffect(() => {
     let isMounted = true;
     const oidc = getOidc(configurationName);
-    if (oidc.tokens) {
-      const tokens = oidc.tokens;
-      setIDToken({ idToken: tokens.idToken, idTokenPayload: tokens.idTokenPayload });
-    }
 
     const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
       if (
diff --git a/packages/react-oidc/src/User.ts b/packages/react-oidc/src/User.ts
@@ -34,7 +34,13 @@ export const useOidcUser = <T extends OidcUserInfo = OidcUserInfo>(
       if (isCache && oidc.userInfo<T>()) {
         return;
       }
-      setOidcUser({ ...oidcUser, status: OidcUserStatus.Loading });
+      // Use queueMicrotask to defer setState to avoid synchronous call in effect
+      queueMicrotask(() => {
+        if (isMounted) {
+          setOidcUser({ ...oidcUser, status: OidcUserStatus.Loading });
+          setPreviousOidcUserId(oidcUserId);
+        }
+      });
       oidc
         .userInfoAsync(!isCache, demonstrating_proof_of_possession)
         .then(info => {
@@ -44,9 +50,12 @@ export const useOidcUser = <T extends OidcUserInfo = OidcUserInfo>(
           }
         })
         .catch(() => setOidcUser({ ...oidcUser, status: OidcUserStatus.LoadingError }));
-      setPreviousOidcUserId(oidcUserId);
     } else {
-      setOidcUser({ user: null, status: OidcUserStatus.Unauthenticated });
+      queueMicrotask(() => {
+        if (isMounted) {
+          setOidcUser({ user: null, status: OidcUserStatus.Unauthenticated });
+        }
+      });
     }
     const newSubscriptionId = oidc.subscribeEvents((name: string) => {
       if (
diff --git a/packages/react-oidc/src/core/routes/OidcRoutes.spec.tsx b/packages/react-oidc/src/core/routes/OidcRoutes.spec.tsx
@@ -1,16 +1,30 @@
 import { render } from '@testing-library/react';
 import React from 'react';
-import { describe, expect, it } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import OidcRoutes from './OidcRoutes';
 
 describe('Authenticating test suite', () => {
+  beforeEach(() => {
+    // Mock window.location
+    delete (window as any).location;
+    window.location = { href: 'http://example.com:3000/' } as any;
+
+    // Mock window event listeners
+    window.addEventListener = vi.fn();
+    window.removeEventListener = vi.fn();
+  });
+
   it('renders correctly', () => {
     const props = {
       children: 'http://url.com',
-      callbackComponent: () => <div>tcallback component</div>,
       redirect_uri: 'http://example.com:3000/authentication/callback',
       configurationName: '',
+      location: {
+        pathname: '/',
+        search: '',
+        hash: '',
+      },
     };
     const { asFragment } = render(<OidcRoutes {...props} />);
     expect(asFragment()).toMatchSnapshot();
diff --git a/packages/react-oidc/src/core/routes/__snapshots__/OidcRoutes.spec.tsx.snap b/packages/react-oidc/src/core/routes/__snapshots__/OidcRoutes.spec.tsx.snap
@@ -5,9 +5,3 @@ exports[`Authenticating test suite > renders correctly 1`] = `
   http://url.com
 </DocumentFragment>
 `;
-
-exports[`Authenticating test suite renders correctly 1`] = `
-<DocumentFragment>
-  http://url.com
-</DocumentFragment>
-`;
diff --git a/packages/react-oidc/src/core/routes/withRouter.spec.tsx b/packages/react-oidc/src/core/routes/withRouter.spec.tsx
@@ -7,7 +7,7 @@ describe('WithRouter test Suite', () => {
   beforeEach(() => {});
   it('should CreateEvent return correct Event if not on IE', () => {
     const windowMock = {
-      CustomEvent: vi.fn().mockImplementation((event, params) => {
+      CustomEvent: vi.fn(function (event, params) {
         return { event, params };
       }),
     };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
