feat: 🎸 Custom UI Boiler Plate Code #121

ceroy-ak · 2024-10-07T09:44:04Z

Prompt Choices for UI Build Type, like Prebuilt or Custom

BREAKING CHANGE: 🧨 NO

✅ Closes: 000

Summary of change

A brief description of what this PR is about

Related issues

Link to issue1 here
Link to issue1 here

Test plan

If added a new boilerplate
- I tested the new boilerplate by running the CLI locally
- I tested that the boilerplate is created and works correctly when using command line flags (--recipe=... for example)
If added a new recipe, frontend or backend
- I tested that the newly added option is usable by passing command line flags (--recipe=... for example)

Checklist for important updates

Changelog has been updated
Changes to the version if needed
- In package.json
- In package-lock.json
- In lib/ts/version.ts
Had run npm run build-pretty
Had installed and ran the pre-commit hook
If added a new recipe, I also modified types to include the new recipe in Recipe and allRecipes
If added a new frontend, I also modified types to include the new frontend in SupportedFrontends and allFrontends if required
If added a new backend, I also modified types to include the new backend in SupportedBackends and allBackends if required

Remaining TODOs for this PR

Item1
Item2

Prompt Choices for UI Build Type, like Prebuilt or Custom BREAKING CHANGE: 🧨 NO ✅ Closes: 000

Added docs for the strategies BREAKING CHANGE: 🧨 NO ✅ Closes: 000

The changes ensures that the user cannot enter unsupported set of arguments to generate the boiler plate and also the argument name is changed and code cleanup is done BREAKING CHANGE: 🧨 YES ✅ Closes: 000

lib/ts/config.ts

lib/ts/filterChoicesUtils.ts

lib/ts/userArgumentUtils.ts

lib/ts/config.ts

Added initial answers for the prompt and also cleaned up the code to remove promises which are not required at the moment BREAKING CHANGE: 🧨 YES ✅ Closes: 000

React Custom UI using Vite BREAKING CHANGE: 🧨 NO ✅ Closes: 000

Removed forked github repo link BREAKING CHANGE: 🧨 NO ✅ Closes: 000

… project setup

Custom React UI Components BREAKING CHANGE: 🧨 NO ✅ Closes: 000

boilerplate/frontend/supertokens-react-custom/config/all_auth.tsx

lib/ts/config.ts

lib/ts/setup-scripts/frontend/supertokens-react-custom.ts

Custom UI design for EmailPassword and PasswordLess. Installed tailwind and also vite port changed BREAKING CHANGE: 🧨 YES ✅ Closes: 000

Custom UI for Thirdparty BREAKING CHANGE: 🧨 YES ✅ Closes: 000

Moved the scripts to scriptUtils to avoid path calculation which may lead to potentials bugs BREAKING CHANGE: 🧨 YES ✅ Closes: 000

boilerplate/frontend/supertokens-react-custom/src/pages/Auth/thirdparty/useSocialLogin.ts

lib/ts/config.ts

lib/ts/index.ts

lib/ts/config.ts

lib/build/filterChoicesUtils.js

lib/build/setup-scripts/frontend/supertokens-react-custom.js

...okens-react-custom/src/pages/Auth/thirdpartypasswordless/passwordless/PasswordlessSignIn.tsx

boilerplate/frontend/supertokens-react-custom/src/config/emailpassword.tsx

boilerplate/frontend/supertokens-react-custom/src/hooks/useSessionInfo.ts

boilerplate/frontend/supertokens-react-custom/src/pages/Auth/emailpassword/useLogin.ts

lib/ts/config.ts

boilerplate/frontend/supertokens-react-custom/src/hooks/useSessionInfo.ts

rishabhpoddar · 2024-10-14T06:11:01Z

boilerplate/frontend/supertokens-react-custom/.gitignore

@@ -0,0 +1,24 @@
+# Logs


Most of it looks good. But i would need the following changes before merging:

Better styling

Removing of "react-custom" id. We should keep frontend as react ID and use the ui type flag in our logic.

Thorough testing cause we have changed a lot of the core CLI logic

ceroy-ak added 3 commits October 7, 2024 15:12

feat: 🎸 Prompt Choices for UI Build Type

1126a89

Prompt Choices for UI Build Type, like Prebuilt or Custom BREAKING CHANGE: 🧨 NO ✅ Closes: 000

docs: ✏️ Added docs

ba57497

Added docs for the strategies BREAKING CHANGE: 🧨 NO ✅ Closes: 000

fix: 🐛 argument name and invalid argument bug fix

27c494e

The changes ensures that the user cannot enter unsupported set of arguments to generate the boiler plate and also the argument name is changed and code cleanup is done BREAKING CHANGE: 🧨 YES ✅ Closes: 000

ceroy-ak changed the title ~~feat: 🎸 Prompt Choices for UI Build Type~~ feat: 🎸 Custom UI Boiler Plate Code Oct 7, 2024

rishabhpoddar suggested changes Oct 7, 2024

View reviewed changes

fix: 🐛 removed unnecessary promises and added initialanswer

3452efe

Added initial answers for the prompt and also cleaned up the code to remove promises which are not required at the moment BREAKING CHANGE: 🧨 YES ✅ Closes: 000

ceroy-ak marked this pull request as draft October 8, 2024 05:51

ceroy-ak added 5 commits October 8, 2024 18:04

feat: 🎸 React Custom UI

a3aefdc

React Custom UI using Vite BREAKING CHANGE: 🧨 NO ✅ Closes: 000

fix: 🐛 removed forked github repo link

7b960b2

Removed forked github repo link BREAKING CHANGE: 🧨 NO ✅ Closes: 000

introduction of script for additional runtime changes when needed for…

96cd85e

… project setup

changes

8abf037

feat: 🎸 Custom React UI Components

5e61425

Custom React UI Components BREAKING CHANGE: 🧨 NO ✅ Closes: 000

rishabhpoddar suggested changes Oct 9, 2024

View reviewed changes

boilerplate/frontend/supertokens-react-custom/config/all_auth.tsx Outdated Show resolved Hide resolved

lib/ts/config.ts Outdated Show resolved Hide resolved

lib/ts/setup-scripts/frontend/supertokens-react-custom.ts Outdated Show resolved Hide resolved

ceroy-ak added 12 commits October 10, 2024 17:49

feat: 🎸 Custom UI design for EmailPassword and PasswordLess

267a54d

Custom UI design for EmailPassword and PasswordLess. Installed tailwind and also vite port changed BREAKING CHANGE: 🧨 YES ✅ Closes: 000

feat: 🎸 Custom UI for Thirdparty

222891d

Custom UI for Thirdparty BREAKING CHANGE: 🧨 YES ✅ Closes: 000

fixes

473df43

thirdpartypasswordless UI

26da43d

Thirdparty Passwordless defunct code removed

4810897

thirdpartypasswordless UI

cc31372

thirdpartyemailpassword UI

19c7fd6

fix: 🐛 Moved Scripts to scriptUtils

e008b0e

Moved the scripts to scriptUtils to avoid path calculation which may lead to potentials bugs BREAKING CHANGE: 🧨 YES ✅ Closes: 000

thirdpartyemailpassword config

16599c0

thirdpartyemailpassword UI

7c269e9

fixes

a8a0315

reset package.json file

911f2fa

rishabhpoddar suggested changes Oct 11, 2024

View reviewed changes

ceroy-ak added 4 commits October 11, 2024 16:04

removed the setup-scripts folder from js build folder

4368abc

added ui flag check for frontend prompt when condition

b0c1e97

fixes

36dc67a

removed import from build type and session initial state is undefined

16b865b

moved the business logic from hooks to utils file

125aafa

rishabhpoddar suggested changes Oct 12, 2024

View reviewed changes

lib/ts/config.ts Show resolved Hide resolved

boilerplate/frontend/supertokens-react-custom/src/hooks/useSessionInfo.ts Outdated Show resolved Hide resolved

ceroy-ak added 3 commits October 12, 2024 18:44

moved all utils to components itself to reduce end user cognition

40d03a4

added loading state for thirdparty

d7728da

fixes

6a0f191

rishabhpoddar suggested changes Oct 14, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 🎸 Custom UI Boiler Plate Code #121

feat: 🎸 Custom UI Boiler Plate Code #121

ceroy-ak commented Oct 7, 2024

rishabhpoddar Oct 14, 2024 •

edited

Loading

feat: 🎸 Custom UI Boiler Plate Code #121

Are you sure you want to change the base?

feat: 🎸 Custom UI Boiler Plate Code #121

Conversation

ceroy-ak commented Oct 7, 2024

Summary of change

Related issues

Test plan

Checklist for important updates

Remaining TODOs for this PR

rishabhpoddar Oct 14, 2024 • edited Loading

Choose a reason for hiding this comment

rishabhpoddar Oct 14, 2024 •

edited

Loading