HCaptcha support

[dukesx]

Feature request

Is your feature request related to a problem? Please describe.

Yes, For Combatting spam. Would love to have H-Captcha Intergrated directly inside auth ui.

Describe the solution you'd like

1, Just add it as dependency or let us specify a "React Node" that we can pass as a component so that before the FORM SUBMIT button, there is a captcha,
2, Allow us to specify the verified token , which can then be taken as a state inside Auth UI so that depending on verification, the state changes and behaves accordingly (to give error or to allow auth request)

Since H-captcha has quite the presence inside the docs and Supabase even has the the server verifying it (as per dashboard auth option), i think this is a very legitimate request,

Describe alternatives you've considered

Imperfect Workarounds

[Charizard13]

Really important for us we use this

[antonioglass]

Are there any updates?

[jaxony]

It would be amazing if HCaptcha could be supported inside AuthUI. At the moment, the best option for me is to copy the code / fork, which isn't ideal.

[hexrw]

How is this not supported yet??

[hexrw]

If there still isn't a response soon I'm taking this on

[Charizard13]

If there still isn't a response soon I'm taking this on

I want to help you add more features to this @hexrw

[hexrw]

If there still isn't a response soon I'm taking this on

I want to help you add more features to this @hexrw

Reach out to me at [email protected]

[gururise]

@Charizard13 Any progress?

[hexrw]

I'm taking this on. I will be making a fork that will utilize the native custom elements, I want to take this project to the direction Swiper.js is taking for example with their Swiper elements library, not focusing on any particular frameworks but instead giving everyone a solid vanilla solution. I'm going to actively work on this fork and hopefully it will make it's way here, into supabase-community. I will absolutely maintain the current APIs and everything so that little change is required to migrate from the current libraries. Using the library will be as simple as this (approximately) (Vue.js example):

<script setup>
  // Import predefined theme
  import { ThemeSupa } from '@supabase/auth-ui-shared'
  import { createClient } from '@supabase/supabase-js'

  import { register } from '@supabase-community/auth-elements'

  const supabaseClient = createClient(
    '<INSERT PROJECT URL>',
    '<INSERT PROJECT ANON API KEY>'
  )
  
 onMounted(() => register())
</script>

<template>
  <sb-auth
    :supabaseClient="supabaseClient"
    :appearance="{
      theme: ThemeSupa
    }"
  ></sb-auth>
</template>

@Charizard13 @gururise