Refactor code structure and remove redundant sections for improved readability and maintainability

Author: eltorio

.github/workflows/deploy-cloudflare-worker.yaml

@@ -37,7 +37,7 @@ jobs:
         - name: Create .env file
           run: |
             echo -n ${{ secrets.AUTH0_AUDIENCE }} | sed -n 's/http.:\/\/\(.*\)/DOMAIN_NAME=\1\n/p' > cloudflare-fake-secured-api/.env
-
+            echo "AUTHENTICATION_PROVIDER_TYPE=${{ secrets.AUTHENTICATION_PROVIDER_TYPE }}" >> cloudflare-fake-secured-api/.env
             echo "AUTH0_DOMAIN=${{ secrets.AUTH0_DOMAIN }}" >> cloudflare-fake-secured-api/.env
             echo "AUTH0_CLIENT_ID=${{ secrets.AUTH0_CLIENT_ID }}" >> cloudflare-fake-secured-api/.env
             echo "AUTH0_SCOPE=\"${{ secrets.AUTH0_SCOPE }}\"" >> cloudflare-fake-secured-api/.env
@@ -52,7 +52,7 @@ jobs:
             cp wrangler.jsonc wrangler.jsonc.bak
             set -a && source .env && set +a 
             cat .env
-            cat wrangler.jsonc.bak | sed 's|// "vars".*.|,"vars": { "AUTH0_DOMAIN": "'"${AUTH0_DOMAIN}"'", "AUTH0_CLIENT_ID": "'"${AUTH0_CLIENT_ID}"'", "AUTH0_SCOPE": "'"${AUTH0_SCOPE}"'", "AUTH0_AUDIENCE": "'"${AUTH0_AUDIENCE}"'", "API_BASE_URL": "'"${API_BASE_URL}"'", "CORS_ORIGIN": "'"${CORS_ORIGIN}"'", "READ_PERMISSION": "'"${READ_PERMISSION}"'" }|' > wrangler.jsonc.2
+            cat wrangler.jsonc.bak | sed 's|// "vars".*.|,"vars": { "AUTHENTICATION_PROVIDER_TYPE": "'"${AUTHENTICATION_PROVIDER_TYPE}"'", "AUTH0_DOMAIN": "'"${AUTH0_DOMAIN}"'", "AUTH0_CLIENT_ID": "'"${AUTH0_CLIENT_ID}"'", "AUTH0_SCOPE": "'"${AUTH0_SCOPE}"'", "AUTH0_AUDIENCE": "'"${AUTH0_AUDIENCE}"'", "API_BASE_URL": "'"${API_BASE_URL}"'", "CORS_ORIGIN": "'"${CORS_ORIGIN}"'", "READ_PERMISSION": "'"${READ_PERMISSION}"'" }|' > wrangler.jsonc.2
             cat wrangler.jsonc.2 | sed 's|// "routes".*.|,"routes": [{ "pattern": "'"${DOMAIN_NAME}"'", "custom_domain": true }]|'  > wrangler.jsonc
             cat wrangler.jsonc
         - name: Deploy
@@ -62,6 +62,7 @@ jobs:
             accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
             workingDirectory: cloudflare-fake-secured-api
             vars: |
+                AUTHENTICATION_PROVIDER_TYPE
                 AUTH0_DOMAIN
                 AUTH0_CLIENT_ID
                 AUTH0_SCOPE
@@ -70,6 +71,7 @@ jobs:
                 CORS_ORIGIN
                 READ_PERMISSION
           env:
+            AUTHENTICATION_PROVIDER_TYPE: ${{ secrets.AUTHENTICATION_PROVIDER_TYPE }}
             AUTH0_DOMAIN: ${{ secrets.AUTH0_DOMAIN }}
             AUTH0_CLIENT_ID: ${{ secrets.AUTH0_CLIENT_ID }}
             AUTH0_SCOPE: ${{ secrets.AUTH0_SCOPE }}

README.md

@@ -43,6 +43,7 @@
     "i18next": "^25.0.2",
     "i18next-http-backend": "^3.0.2",
     "jose": "^6.0.10",
+    "oidc-client-ts": "^3.2.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-i18next": "^15.5.1",
@@ -69,6 +70,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-unused-imports": "^4.1.4",
+    "globals": "^16.1.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "ts-node": "^10.9.2",

client/package-lock.json

@@ -1,35 +1,41 @@
 import { Route, Routes } from "react-router-dom";
-import { useAuth0 } from "@auth0/auth0-react";
 import { Suspense } from "react";
 import { useTranslation } from "react-i18next";
 
 import { SiteLoading } from "./components/site-loading";
 import DefaultLayout from "./layouts/default";
 import { title } from "./components/primitives";
-import { AuthenticationGuard, LogoutButton } from "./components/auth0";
+import { PageNotFound } from "./pages/404";
+import { AuthenticationGuard, LogoutButton, useAuth } from "./authentication";
 
 import IndexPage from "@/pages/index";
 import ApiPage from "@/pages/api";
 import PricingPage from "@/pages/pricing";
 import BlogPage from "@/pages/blog";
 import AboutPage from "@/pages/about";
-import { PageNotFound } from "./pages/404";
 
 function App() {
-  const { isLoading, error } = useAuth0();
+  const { isLoading, isAuthenticated } = useAuth();
   const { t } = useTranslation();
 
   if (isLoading) {
     return <SiteLoading />;
   }
-  if (error) {
+
+  // Gérer les erreurs
+  if (!isAuthenticated && !isLoading) {
+    // eslint-disable-next-line no-console
+    console.log(
+      "User is not authenticated but auth is not loading - likely an error condition",
+    );
+
     return (
       <DefaultLayout>
         <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
           <div className="inline-block max-w-lg text-center justify-center">
             <div className="mb-4">
               <h1 className={title()}>
-                {t("error")}: {error.message}
+                {t("error")}: {t("authentication_error")}
               </h1>
             </div>
             <div>