AI Composer

The Composer is the heart of Abdulrhman-io IDE. Describe a complete feature and it will analyze, plan, edit multiple files, run verification, and apply changes safely.

How it Works

Analyze — Understands your request + full project structure + dependencies
Plan — Generates a clear execution plan with affected files
Preview — Shows exact diffs for every file before applying
Execute — Applies changes with atomic writes and backups
Verify — Runs tests and analyzes errors if any
Commit — Creates a git branch and commit with clear message

Real Examples

User: "Add Stripe payments with subscriptions"

Composer output:
- Updated package.json (added stripe)
- Created .env.example keys
- Added /api/stripe routes
- Created CheckoutButton.tsx + SubscriptionPage.tsx
- Updated database schema for subscriptions
- Added tests

User: "Create authentication system with login, signup, JWT, and tests"

Result: 7 files modified, 3 new files, all tests passing.

Approval & Safety

The Composer will ask for explicit approval before applying changes to production-critical files or running dangerous terminal commands. You can always rollback.

// Example diff preview
+ export async function login(email, password) {
+   const user = await db.users.findByEmail(email);
+   if (!user || !await verifyPassword(password, user.hash)) {
+     throw new AuthError('Invalid credentials');
+   }
+   return generateToken(user);
+ }