aws-amplify / docs

AWS Amplify Framework Documentation
https://docs.amplify.aws
Apache License 2.0
475 stars 1k forks source link

Feature Request: Add Svelte Support for Gen 2 #7586

Open sjcengine opened 1 month ago

sjcengine commented 1 month ago

Amplify is great, Svelte is great - but the two do not currently play well together.

I've managed to get Svelte running alongside the Amplify backend and some of the APIs but the JS tutorial for Authenticator etc. just directs you to install the React UI package with Gen 2 and know "vanilla" package seems to exist.

Is it possible to add either proper JS tutorials/modules or Svelte specific ones instead of defaulting to React? Currently, it doesn't seem like JS as a standalone environment is actually supported by Amplify, let alone Svelte.

Maybe there is a clever workaround, but currently Svelte can't be fully integrated with Amplify - if they could be, it would be a winning combo!

reesscot commented 1 month ago

Hi @sjcengine, Unfortunately, we don't have an Authentictor UI component available for Svelte. However, you can use the vanilla JS API's to create login UI flows yourself. https://docs.amplify.aws/javascript/start/quickstart/ https://docs.amplify.aws/javascript/build-a-backend/auth/connect-your-frontend/ https://docs.amplify.aws/javascript/build-a-backend/auth/connect-your-frontend/sign-up/

sjcengine commented 1 month ago

Update: Got it working!

Just missed the config reference in my main.js

I'll make some UI components and give it a test. Thanks for your help.


Hi Scott,

Thanks for this - I've followed all the above and am getting:

Unhandled Promise Rejection: AuthUserPoolException: Auth UserPool not configured.

I've followed the quick start and left all the boiletplates as is. I.e. auth/resource.ts and backend.ts aren't touched.

I've tried with both the deployment amplify_outputs.json and sandbox.

Feels like I'm close. Any idea what it could be?

Cheers.

reesscot commented 1 month ago

@sjcengine I'm going to transfer this over to our docs repo as a request to document Svelte use cases.