diff --git a/package.json b/package.json index d6037e7..6a6bd03 100755 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "dependencies": { "evt": "^2.4.15", "oidc-spa": "^3.0.3", - "keycloakify": "^9.1.6", + "keycloakify": "^9.1.7", "powerhooks": "^0.26.8", "react": "18.1.0", "react-dom": "18.1.0", diff --git a/src/keycloak-theme/account/KcApp.tsx b/src/keycloak-theme/account/KcApp.tsx index ae75c1d..030663a 100644 --- a/src/keycloak-theme/account/KcApp.tsx +++ b/src/keycloak-theme/account/KcApp.tsx @@ -3,8 +3,7 @@ import { lazy, Suspense } from "react"; import type { PageProps } from "keycloakify/account"; import type { KcContext } from "./kcContext"; import { useI18n } from "./i18n"; - -const Template = lazy(() => import("./Template")); +import Template from "./Template"; const Password = lazy(() => import("./pages/Password")); const MyExtraPage1 = lazy(() => import("./pages/MyExtraPage1")); diff --git a/src/keycloak-theme/login/KcApp.tsx b/src/keycloak-theme/login/KcApp.tsx index 683a7c2..2433444 100644 --- a/src/keycloak-theme/login/KcApp.tsx +++ b/src/keycloak-theme/login/KcApp.tsx @@ -3,9 +3,7 @@ import { lazy, Suspense } from "react"; import Fallback, { type PageProps } from "keycloakify/login"; import type { KcContext } from "./kcContext"; import { useI18n } from "./i18n"; - -const Template = lazy(() => import("./Template")); -const DefaultTemplate = lazy(() => import("keycloakify/login/Template")); +import Template from "./Template"; const Login = lazy(() => import("./pages/Login")); // If you can, favor register-user-profile.ftl over register.ftl, see: https://docs.keycloakify.dev/realtime-input-validation @@ -50,10 +48,20 @@ export default function KcApp(props: { kcContext: KcContext; }) { case "register.ftl": return ; case "register-user-profile.ftl": return case "terms.ftl": return ; + // Removes those pages in you project. They are included to show you how to implement keycloak pages + // that are not yes implemented by Keycloakify. + // See: https://docs.keycloakify.dev/limitations#some-pages-still-have-the-default-theme.-why case "my-extra-page-1.ftl": return ; case "my-extra-page-2.ftl": return ; // We choose to use the default Template for the Info page and to download the theme resources. - case "info.ftl": return ; + // This is just an example to show you what is possible. You likely don't want to keep this as is. + case "info.ftl": return ( + import("keycloakify/login/Template"))} + doUseDefaultCss={true} + /> + ); default: return ; } })()} diff --git a/yarn.lock b/yarn.lock index 838ae17..bcc395c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9760,10 +9760,10 @@ jwt-decode@^3.1.2: resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-3.1.2.tgz#3fb319f3675a2df0c2895c8f5e9fa4b67b04ed59" integrity sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A== -keycloakify@^9.1.6: - version "9.1.6" - resolved "https://registry.yarnpkg.com/keycloakify/-/keycloakify-9.1.6.tgz#2d7a633e7727c44afaeec6b2ef98956540097db4" - integrity sha512-OXmW47gGtrtBVolYi/VqMOAxHEAl0tnm1sWaVxFBJQHxAMgX7soV8tTF/fvPwEQpi+BshBQe+wgCXCVfqzKgkA== +keycloakify@^9.1.7: + version "9.1.7" + resolved "https://registry.yarnpkg.com/keycloakify/-/keycloakify-9.1.7.tgz#da411b974edb88abb8c16b80ec2d69cc46e657eb" + integrity sha512-0yd8EHZ4WGCHGXc0tlVMuUpq6wspeY/PPJup9TFKMPHCQnghpfKH4jyM7yPdv2HD7QyVT7FRfD8l2g4L55ysVw== dependencies: "@babel/generator" "^7.22.9" "@babel/parser" "^7.22.7"