Update setup

README.md

@@ -87,7 +87,7 @@ and remove unnecessary files.
 
 ```bash
 rm -r src/App
-rm src/keycloak-theme/valuesTransferredOverUrl.ts
+rm src/keycloak-theme/login/valuesTransferredOverUrl.ts
 mv src/keycloak-theme/* src/
 rm -r src/keycloak-theme
 

package.json

@@ -20,6 +20,10 @@
         "extraLoginPages": [
             "my-extra-page-1.ftl",
             "my-extra-page-2.ftl"
+        ],
+        "extraAccountPages": [
+            "my-extra-page-1.ftl",
+            "my-extra-page-2.ftl"
         ]
     },
     "author": "u/garronej",

src/App/App.tsx

@@ -5,9 +5,12 @@ import { createOidcClientProvider, useOidcClient } from "./oidc";
 import { addFooToQueryParams, addBarToQueryParams } from "../keycloak-theme/login/valuesTransferredOverUrl";
 import jwt_decode from "jwt-decode";
 
+const keycloakUrl = "https://auth.code.gouv.fr"
+const keycloakRealm = "keycloakify";
+
 const { OidcClientProvider } = createOidcClientProvider({
-    url: "https://auth.code.gouv.fr/auth",
-    realm: "keycloakify",
+    url: `${keycloakUrl}/auth`,
+    realm: keycloakRealm,
     clientId: "starter",
     //This function will be called just before redirecting, 
     //it should return the current langue. 
@@ -42,6 +45,8 @@ function ContextualizedApp() {
                     oidcClient.isUserLoggedIn ?
                         <>
                             <h1>You are authenticated !</h1>
+                            {/* On older Keycloak version its /auth/realms instead of /realms */}
+                            <a href={`${keycloakUrl}/realms/${keycloakRealm}/account`} target="_blank">Link to your Keycloak account</a>
                             <pre style={{ textAlign: "left" }}>{JSON.stringify(jwt_decode(oidcClient.getAccessToken()), null, 2)}</pre>
                             <button onClick={() => oidcClient.logout({ redirectTo: "home" })}>Logout</button>
                         </>