Better support for environement variables

package.json

@@ -20,7 +20,7 @@
   "keywords": [],
   "dependencies": {
     "evt": "^2.5.7",
-    "keycloakify": "^9.5.6",
+    "keycloakify": "^9.5.8",
     "oidc-spa": "^4.2.1",
     "powerhooks": "^1.0.8",
     "react": "^18.2.0",

src/keycloak-theme/account/kcContext.ts

@@ -10,7 +10,10 @@ export const { getKcContext } = createGetKcContext<KcContextExtension>({
 			pageId: "my-extra-page-2.ftl",
 			someCustomValue: "foo bar"
 		}
-	]
+	],
+	mockProperties: {
+		MY_ENV_VARIABLE: "Mocked value"
+	}
 });
 
 export const { kcContext } = getKcContext({

src/keycloak-theme/login/Template.tsx

@@ -1,6 +1,6 @@
 // Copy pasted from: https://github.com/InseeFrLab/keycloakify/blob/main/src/login/Template.tsx
 
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { assert } from "keycloakify/tools/assert";
 import { clsx } from "keycloakify/tools/clsx";
 import { usePrepareTemplate } from "keycloakify/lib/usePrepareTemplate";
@@ -47,6 +47,10 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
 
     useState(()=> { document.title = i18n.msgStr("loginTitle", kcContext.realm.displayName); });
 
+    useEffect(() => {
+        console.log(`Value of MY_ENV_VARIABLE on the Keycloak server: "${kcContext.properties.MY_ENV_VARIABLE}"`);
+    }, []);
+
     if (!isReady) {
         return null;
     }