update project deps and disable checkLoginIframe for localhost auth

Author: xcodeassociated

.env

@@ -1,3 +1,6 @@
 VITE_APP_DOMAIN=http://localhost:3000
-VITE_APP_KEYCLOAK_URL=http://localhost:8090
-VITE_APP_BACKEND_URL=http://localhost:8080
+; VITE_APP_KEYCLOAK_URL=http://localhost:8090
+; VITE_APP_BACKEND_URL=http://localhost:8080
+
+VITE_APP_KEYCLOAK_URL=https://auth.softeno.com
+VITE_APP_BACKEND_URL=https://api.softeno.com/spring-reactive-template

.gitignore

@@ -24,6 +24,9 @@ coverage
 *.sln
 *.sw?
 
+# AI
+CLAUDE.md
+
 src/graphql/*.ts
 src/graphql/*.js
 

bun.lockb

@@ -15,74 +15,74 @@
     "generate:graphql": "graphql-codegen --config codegen.ts"
   },
   "dependencies": {
-    "@apollo/client": "^3.11.8",
-    "@hookform/resolvers": "^3.9.0",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.2",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-navigation-menu": "^1.2.1",
-    "@radix-ui/react-select": "^2.1.2",
-    "@radix-ui/react-slot": "^1.1.0",
+    "@apollo/client": "^3.13.9",
+    "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-dialog": "^1.1.3",
+    "@radix-ui/react-dropdown-menu": "^2.1.3",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.3",
+    "@radix-ui/react-slot": "^1.1.1",
     "@react-keycloak/web": "^3.4.0",
-    "@reduxjs/toolkit": "^2.2.8",
-    "@tanstack/react-table": "^8.20.5",
-    "class-variance-authority": "^0.7.0",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@tanstack/react-table": "^8.20.6",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "graphql": "^16.9.0",
+    "cmdk": "^1.0.4",
+    "graphql": "^16.10.0",
     "graphql-codegen": "^0.4.0",
-    "i18next-browser-languagedetector": "^8.0.0",
-    "keycloak-js": "^26.0.0",
-    "lucide-react": "^0.451.0",
+    "i18next-browser-languagedetector": "^8.0.2",
+    "keycloak-js": "^26.2.0",
+    "lucide-react": "^0.469.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-i18next": "^15.0.2",
-    "react-redux": "^9.1.2",
-    "react-router-dom": "^6.26.2",
+    "react-hook-form": "^7.54.2",
+    "react-i18next": "^15.1.3",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^6.28.1",
     "redux-persist": "^6.0.0",
-    "tailwind-merge": "^2.5.3",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.23.8"
+    "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.13",
-    "@types/node": "^22.7.5",
-    "@types/react": "^18.3.11",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.10.2",
+    "@types/react": "^18.3.13",
     "@types/react-dom": "^18.3.1",
     "@types/keycloak-js": "^3.4.1",
     "@types/react-i18next": "^8.1.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/redux-persist": "^4.3.1",
-    "@graphql-codegen/cli": "^5.0.3",
-    "@graphql-codegen/client-preset": "^4.3.3",
-    "@graphql-codegen/typescript-operations": "^4.2.3",
-    "@graphql-codegen/typescript-react-apollo": "^4.3.2",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-react-swc": "^3.7.1",
-    "@vitest/coverage-v8": "^2.1.2",
-    "@vitest/ui": "^2.1.2",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/client-preset": "^4.5.1",
+    "@graphql-codegen/typescript-operations": "^4.3.1",
+    "@graphql-codegen/typescript-react-apollo": "^4.3.3",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/ui": "^2.1.8",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.12.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
     "jsdom": "^25.0.1",
-    "postcss": "^8.4.47",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "tailwindcss": "^3.4.13",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8",
-    "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.1.2",
-    "msw": "^2.4.10"
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8",
+    "msw": "^2.7.0"
   }
 }

package.json

@@ -47,10 +47,10 @@ export default function CookieConsent({ demo, onAcceptCallback, onDeclineCallbac
           }, 700)
         }
       }
-    } catch (e) {
+    } catch {
       // console.log("Error: ", e);
     }
-  }, [])
+  }, [demo])
 
   return (
     <div

src/components/custom/coockie-consent.tsx

@@ -424,7 +424,9 @@ const MultipleSelector = React.forwardRef<MultipleSelectorRef, MultipleSelectorP
               }}
               onFocus={(event) => {
                 setOpen(true)
-                triggerSearchOnFocus && onSearch?.(debouncedSearchTerm)
+                if (triggerSearchOnFocus) {
+                  onSearch?.(debouncedSearchTerm)
+                }
                 inputProps?.onFocus?.(event)
               }}
               placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}

src/components/custom/multiple-selector.tsx

@@ -21,7 +21,7 @@ const Command = React.forwardRef<
 ))
 Command.displayName = CommandPrimitive.displayName
 
-interface CommandDialogProps extends DialogProps {}
+type CommandDialogProps = DialogProps
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (

src/components/ui/command.tsx

@@ -2,8 +2,7 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, ...props }, ref) => {

src/components/ui/input.tsx

@@ -22,10 +22,8 @@ const onKeycloakEvent = (_event: AuthClientEvent, error?: AuthClientError): void
   }
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/ban-ts-comment
-// @ts-expect-error
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const onKeycloakTokens = (tokens: AuthClientTokens): void => {
+const onKeycloakTokens = (_tokens: AuthClientTokens): void => {
   // handle keycloak token
   // console.info("Keycloak token: " + JSON.stringify(tokens))
 }
@@ -58,6 +56,7 @@ root.render(
     initOptions={{
       onLoad: 'check-sso',
       silentCheckSsoRedirectUri: import.meta.env.VITE_APP_DOMAIN + '/silent-check-sso.html',
+      checkLoginIframe: false,
     }}
   >
     <React.StrictMode>

src/main.tsx

@@ -37,9 +37,7 @@ const toPayload = (data: Page): PayloadAction<{ page: number; pageSize: number;
   return { payload: { page: data.page, pageSize: data.pageSize, sort: data.sort, direction: data.direction }, type: '' }
 }
 
-export type UsersProps = {
-  // props goes here...
-}
+export type UsersProps = Record<string, never>
 
 export const Users: React.FC<UsersProps> = (/* props: UsersProps */) => {
   const getSearchParams = (): UsersSearchParams => {