Attempt Realm + Google One Tap

[DeveloperRic]

• Try using the One Tap for Web API
• Connect it to Realm Google Authentication provider

Related to realm/realm-js#3473

[DeveloperRic]

Problems found:

• won't use google-one-tap package for 2 reasons:
  • repo is sketchy, the release is in beta, code not well documented
  • missing some config options for prompt()
• Google One Tap Library offers low utility:
  • no official npm package, hard to download & import manually (requires also downloading TS declaration file) (see error below)

  • Uncaught TypeError: _._DumpException is not a function
        at Object.<anonymous> (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:4392)
        at Object.h+n9 (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:4393)
        at __webpack_require__ (bootstrap:79)
        at Module.BmKd (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:3084)
        at __webpack_require__ (bootstrap:79)
        at Module.fwBS (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:3925)
        at __webpack_require__ (bootstrap:79)
        at Module.0GiD (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:2047)
        at __webpack_require__ (bootstrap:79)
        at Module.9vUh (/_/gsi/_/js/k=gsi.gsi.en_GB.Se8_wlBBtic.O/am=Ug/d=1/ct=zgms/rs=AF0KOtXM3KdfS24SDQmXpRvzLnKn2zPizg/m=gis_client_library:2513)
        ```
    

Will investigate alternatives

[kraenhansen]

An alternative to the google-one-tap package is consuming the Google API via a CDN as suggested by their guide: https://developers.google.com/identity/one-tap/web/guides/load-one-tap-client-library

[maharjanmilan]

Yes google-one-tap is very unstable.
I used another library and got it working with openid connect. while using openid connect, realm is storing only name of the user. How can we store email of the signing in user?

[DeveloperRic]

I get that @maharjanmilan. Which library did you end up using? I'm thinking of using Auth0 so I can support multiple means of signin

[DeveloperRic]

I've been able to get Auth0 halfway working (the config was super easy!) However, I will need to create a staging environment so I can test the 2nd half (passing credentials to Realm) due to Same-Origin-Policy.

[maharjanmilan]

For my vue app I used https://www.npmjs.com/package/vue-google-login this package. passed id_token to the relam, turned on openid connect nad it worked. But cannot get to store email.