Handle theme for custom auth components

[Nathanael-Mtd]

I use that plugin https://github.com/p2-inc/keycloak-magic-link to handle email OTP login, but the theme page for that component use the default keycloak theme instead of using Tailcloakify one. I think the issue is present with other custom auth components.

I think it's linked to the missing/not generated template.ftl file.

On Tailcloakify :

On Keywind (yes, buttons are not rendered) :

[waynemorphic]

Hey @Nathanael-Mtd. template.ftl is handled via template.tsx file in Tailcloakify. However, other ftl files generated from Keycloak are handled/styled individually as components. That's why custom pages from third-party plugins will default to the Keycloak theme since they do not originate from Keycloak. Not sure how Keywind handled this. Please share how Keywind handled it. Thank you

[Nathanael-Mtd]

Hey @waynemorphic, Keywind include template.ftl file : https://github.com/lukin/keywind/blob/master/theme/keywind/login/template.ftl

[waynemorphic]

@Nathanael-Mtd. Are you able to pick this up?

[Nathanael-Mtd]

@waynemorphic I don't find in Keycloakify how to generate that template.ftl file 😒
But maybe we can add OtpForm page to handle the needs of the PhaseTwo OTP module
: https://docs.keycloakify.dev/features/styling-a-custom-page-not-included-in-base-keycloak ?

[paulwer]

Hi @Nathanael-Mtd,
we descided to support p2-inc magic link plugin, because we will also use it in our system.
If you like, please contribute to the stylings, as of my latest implementation was just a quick start to get support for this page quickly.

#46 + #47

We should definatly look into the template.ftl page as well.
I have created an keycloakify issue for this, because i think keycloakify should add this first an we can will adopt the default way, if they descide to implement it:
keycloakify/keycloakify#804

[Nathanael-Mtd]

Hi @paulwer !
Oh great, thank you for that add !

I think about changing the OTP form to use the same form we can found on LoginOtp.tsx, it's nicer and because p2-int dosen't offer the possibility to change the format (number or characters or use of letters instead of digits), I don't think it's an issue.
I can make the PR for that if it's seems OK for you