Test the final code

[SaravanakumarR2018]

Docker Setup with Clerk Authentication

## Build the Docker Image with Clerk Authentication

Clone the following GitHub branch and pull the latest changes before building:

git clone https://github.com/SaravanakumarR2018/DragDropAIAgentBuilder.git
cd DragDropAIAgentBuilder
git checkout codex/update-dockerfile-and-makefile-for-clerk-integration
git pull origin codex/update-dockerfile-and-makefile-for-clerk-integration

Then follow the remaining build steps to create the Docker image.

Step 1: Enable BuildKit and Run Build

Ensure Docker BuildKit is enabled (available in modern Docker installations) and run the make target with your Clerk keys:

DOCKER_BUILDKIT=1 \
VITE_CLERK_AUTH_ENABLED=true \
VITE_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key> \
make docker_build

---

Step 2: Create an Environment File

Start by copying from the provided .env.clerk file and add the values

# Clerk authentication
CLERK_AUTH_ENABLED=
# Publishable key for Clerk when authentication is enabled
CLERK_PUBLISHABLE_KEY=
LANGFLOW_CLERK_AUTH_ENABLED=true
LANGFLOW_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key>
LANGFLOW_AUTO_LOGIN=false

---

Step 3: Run the Container

Run the Docker container using the environment file:

docker run -p 7860:7860 --env-file .env.clerk <docker file build using make docker_build command:version>

The backend will use the runtime environment variables from the file, while the frontend uses values embedded during the image build.

---

Authentication Test Cases

Sign-up Flow

• Navigate to /sign-up.

• Fill in username and password, confirm the password.

• On success:

  • User is logged out.

  • Redirected to /login.

  • Verify new user exists (optional: backend check).

Sign-in Flow

• Navigate to /login.

• Log in with created credentials.

• Validate:

  • App loads.

  • access_token_lf cookie is present.

Invalid Sign-in

• Use incorrect credentials.

• Ensure:

  • Error message is shown.

  • No session created.

Invalid Sign-up

• Enter mismatched passwords.

• Form should reject with error.

Sign-out Flow

• Select "Logout" from the account menu.

• Ensure:

  • Session cookies cleared.

  • Clerk session terminated.

  • Redirect to /login.

Session Persistence

• After login, refresh the page.

• Session should remain active.

---

You can rebuild or restart the container with updated environment values to test different auth configurations.