Commit Graph

125 Commits

Author SHA1 Message Date
eca25d29cd (dep-add) add library for better handling form
Adding the react-hook-form library for better form handling than React's built-in state management, which often renders
every time input is entered.
2025-10-04 22:34:12 +07:00
bf286af235 🚩 (flags) create signup provision page 2025-10-03 00:29:17 +07:00
a2216b44db 🚚 (mv) separating card from other components 2025-10-02 23:56:20 +07:00
b0d72f7a13 🔧 (config) publish sentry credentials to client side 2025-10-02 23:35:01 +07:00
8e69819444 🚧 (wip) proping function into page component
Prop the page component state function on the main to the page component so that the page can be changed from the page
component. Used for step-by-step login procedures.
2025-10-02 10:33:40 +07:00
57affc70ca 🔧 (config) remove git prefix from bun command 2025-09-29 22:31:42 +07:00
e522e3e861 🧑‍💻 (dev) merge open signup dan login popup button 2025-09-29 22:31:01 +07:00
1a0dba6903 💚 (fix-ci) fix gitlab ci error
remove additional step before execution except `bun install` because nessecary module need to be installed first.
2025-09-13 13:35:04 +07:00
e4a19d4e41 💚 (fix-ci) fix gitlab ci error
install curl first before using it
2025-09-13 13:32:24 +07:00
05df43c218 💚 (fix ci script for gitlab) 2025-09-13 13:29:57 +07:00
d1d75d6722 💚 (fix-ci) change bun version 2025-09-13 13:16:43 +07:00
7abd0c6843 👷 (ci) adding github ci into workflow 2025-09-13 13:13:43 +07:00
6d5fee823e 👌 (review) update connector error handling
Improve error handling by creating a function handler for connections on servers that use KY, and use the status key in
the response as the key to success instead of catch. Use catch if an error occurs between the client and server, not
between the server and backend.
2025-09-13 12:50:43 +07:00
3e6eae5151 (feat) add toast element
Implement the toast element belonging to heroUI into the project and perform testing by adding the toast registry into
the provider, then running it as an error handler during authentication.
2025-09-12 22:24:52 +07:00
4e7b939e93 🔒 (security) remove disableDevtools
Removed disableDevtools from the security features because it was redundant with the popup feature, which caused the
authentication popup to always close.
2025-09-08 23:11:42 +07:00
1899050ceb 🐛 (fix) handle the fetch error 2025-09-08 22:58:05 +07:00
5ead7c7197 🔧 (config) add sentry field in example env 2025-09-06 22:22:00 +07:00
9205909600 📈 (analytics) Add Sentry for error tracker 2025-09-06 22:21:01 +07:00
3a780ae9e7 💡 (docs-code) add code documentation 2025-09-03 23:26:48 +07:00
8b2d74ed3f 🚩 (flags) send callback uri
Send the frontend callback URI to the backend as required by the OAuth vendor. The frontend explicitly sends the
callback URI for flexibility in the backend system.
2025-09-03 23:17:24 +07:00
8b43c65886 💡 (docs-code) create simple code documentation 2025-09-02 11:24:06 +07:00
64a9cf1cf3 💥 (breaking) replace useEffect with runOnce hook
using useRunOnce instead of using useEffect in a primitive way just to avoid React strict mode.
2025-09-02 11:20:42 +07:00
f95da1771e 🔥 (prune) removing empty file 2025-09-01 19:30:15 +07:00
0c45eb69dc 💡 (docs) add documentation for runOnce hook 2025-09-01 19:29:30 +07:00
1b2709f9eb 🚩 (flags) create run once hooks
A custom React hook that ensures a function is executed only once  across the entire application, even in React Strict
Mode or during development hot reloads. Maintains a global registry to track execution status using a unique key.
2025-09-01 19:26:24 +07:00
8d644103d8 📝 add code documentation 2025-08-31 23:40:14 +07:00
41babd10a1 📦 add skip react srictmode
Adding new hooks as a replacement for `useEffects(() => {}, [])` in React by adding React strict mode safety, which
means that this function will only be executed once, even in development mode.
2025-08-31 23:33:04 +07:00
2d671b189a 👔 add provider option
Create a provider option in the callback handler to define the provider name for flexibility when used with multiple
providers and requiring multiple endpoints.
2025-08-31 22:45:16 +07:00
2bcd2a4ead 👔 create callback forwader
create a handler to forward callback requests from the OAuth provider to the main backend system.
2025-08-31 22:02:31 +07:00
e804f259b7 🚧 (wip) forward callback to backend 2025-08-28 23:26:33 +07:00
73c5bff44c 👔 forwarding callback data
create a type and implement it in props that pass callback data from root to the component that will process the
request.
2025-08-27 22:47:55 +07:00
1bf56603e0 👔 complete handler callback
Complete the logic checking and loading on the OAuth module callback handler.
2025-08-26 12:53:53 +07:00
17a3415457 👔 add oauth callback handler 2025-08-26 11:43:42 +07:00
d679910737 🩹 increase the size of icons on the provider 2025-08-26 10:49:45 +07:00
d82945123a 💫 add loading animation
show loading indicator in continue with provider if is pressed and hide indicator if something failed
2025-08-26 10:29:48 +07:00
07f86c005e 🚩 complete oauth process
Complete the OAuth process by adding a redirect when pressing the login button with the provider. When the button is
pressed, the system will request the authentication URL from the backend, then the user will be redirected.
2025-08-26 10:25:58 +07:00
d80cb29ab6 📝 creating docs 2025-08-24 21:05:08 +07:00
eaf6a4de8e 🎨 format oauth provider list
fixing the list format on oauth login.
2025-08-24 14:20:10 +07:00
a5e3af9367 🎨 clear the unused import 2025-08-23 21:55:38 +07:00
ab5bbd3491 🚧 (wip) get oauth url from backend
this function is under development and still need fixing
2025-08-22 22:43:34 +07:00
a6b8ba9c3d 👔 bind the signup button to signup popup features 2025-08-21 22:32:13 +07:00
02a4b3a3d1 create new signup page 2025-08-20 22:07:12 +07:00
6290f6bffa create new login page
create all UI components on the login page, including the header, login form, and OAuth selection
2025-08-19 19:58:29 +07:00
5e4047a500 📝 creating docs for login page 2025-08-18 22:41:51 +07:00
a848d4dcb5 creating login popup security check
Perform security checks on the login popup to minimize bugs in unexpected situations.
2025-08-17 22:50:24 +07:00
b12a3211b6 🚚 reconstructing and fixing file structures
The reconstruction includes moving the Navbar component from shared to widget because Navbar is a group of elements, and
removing the login-signup form due to changes in logic that will use a popup flow to improve the user experience without
navigating to another page for authentication.
2025-08-17 21:25:49 +07:00
3dad8ef528 🔧 create backend connector
create a connector to communicate with the backend service using the ky module.
2025-08-15 16:39:40 +07:00
e06360b5a9 🔧 create example env
Create .env.example to help you figure out what variables should be in the .env file. Run the command `bun run
env:publish` to sync the .env.example file with the .env file.
2025-08-05 13:26:10 +07:00
a2c9b7fd08 🚩 create HTML meta tag helper 2025-08-05 13:17:04 +07:00
fcebe9708d 🚚 separating forms ui and logic
separate the form from other elements on the signup and login cards
2025-08-05 10:40:21 +07:00