Claude-skill-registry local-dev-startup
Start the website (Docusaurus) and dashboard (Vite) locally. Use when asked to "run the website", "start docs locally", "run the dashboard", "start dev servers", or any request to run local development services.
git clone https://github.com/majiayu000/claude-skill-registry
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/local-dev-startup" ~/.claude/skills/majiayu000-claude-skill-registry-local-dev-startup && rm -rf "$T"
skills/data/local-dev-startup/SKILL.mdLocal Development Startup Guide
Comprehensive guide for starting and troubleshooting the Orient local development environment.
Quick Start
# Start everything ./run.sh dev # Stop everything ./run.sh dev stop
Containerized Test Environment
For production-like testing with all services running in Docker containers:
# Start test environment ./run.sh test # View container logs ./run.sh test logs # Show container status ./run.sh test status # Stop test environment ./run.sh test stop
What ./run.sh test
Does
./run.sh test-
Builds Docker images for all services:
- bot-slack
- dashboard (includes WhatsApp integration)
- opencode
-
Starts containers in dependency order:
- MinIO (object storage)
- Dashboard API (with WhatsApp routes)
- OpenCode API
- Bot services (Slack)
- Nginx (reverse proxy)
-
Creates SQLite database and pushes schema
-
Exposes services via Nginx at port 80
Test Environment Access Points
| Service | URL |
|---|---|
| WhatsApp QR | http://localhost/qr/ |
| Dashboard | http://localhost/dashboard/ |
| OpenCode API | http://localhost/opencode/ |
| MinIO Console | http://localhost:9001 |
Test Environment vs Dev Mode
| Aspect | | |
|---|---|---|
| Services | Native processes | Docker containers |
| Hot reload | Yes (Vite HMR) | No (requires rebuild) |
| Frontend | http://localhost:5173 | http://localhost/dashboard/ |
| Database | SQLite (local file) | SQLite (container volume) |
| Use case | Daily development | Integration/production testing |
Verifying Test Environment
# Check all containers are running docker ps --filter "name=orienter" # Check dashboard health curl http://localhost/dashboard/api/health # View container logs ./run.sh test logs # Check specific container docker logs orienter-dashboard
What ./run.sh dev
Does
./run.sh dev- Checks for orphaned processes on required ports
- Starts Docker infrastructure (MinIO, Nginx)
- Creates SQLite database directory if needed
- Pushes database schema with Drizzle
- Seeds agent registry if empty
- Starts Vite frontend dev server (port 5173)
- Starts Dashboard API server with WhatsApp integration (port 4098)
- Starts Slack bot
Service Ports
| Service | Port | URL |
|---|---|---|
| Dashboard Frontend (Vite) | 5173 | http://localhost:5173 |
| Dashboard API + WhatsApp | 4098 | http://localhost:4098 |
| OpenCode | 4099 | http://localhost:4099 |
| MinIO Console | 9001 | http://localhost:9001 |
| MinIO API | 9000 | http://localhost:9000 |
| Nginx | 80 | http://localhost:80 |
Note: WhatsApp functionality is integrated into the Dashboard service on port 4098.
Common Startup Errors and Solutions
1. Database File Not Found
Error:
SQLITE_CANTOPEN: unable to open database file
Cause: Database directory doesn't exist.
Solution:
./run.sh dev stop ./run.sh dev # Or manually: mkdir -p .dev-data/instance-0
2. Missing Module Export (ESM Resolution)
Error:
SyntaxError: The requested module '@orientbot/database-services' does not provide an export named 'X'
Cause: Package dist files are stale or missing.
Solution: Rebuild packages in dependency order:
pnpm --filter @orientbot/core build pnpm --filter @orientbot/database build pnpm --filter @orientbot/database-services build pnpm --filter @orientbot/integrations build
3. Missing Database Table
Error:
SqliteError: no such table: user_version_preferences
Solution:
- Push schema:
pnpm --filter @orientbot/database run db:push:sqlite - Or restart:
./run.sh dev stop && ./run.sh dev
4. Container Name Conflict
Error:
Conflict. The container name "/orienter-minio-0" is already in use
Solution:
./run.sh dev stop docker rm orienter-minio-0 2>/dev/null ./run.sh dev
5. Port Already in Use
Error:
EADDRINUSE: address already in use :::4098
Solution:
# Find what's using the port lsof -i :4098 # Kill the process or stop dev mode ./run.sh dev stop
Package Build Order
When ESM errors occur, rebuild in this order:
pnpm --filter @orientbot/core build pnpm --filter @orientbot/database build pnpm --filter @orientbot/database-services build pnpm --filter @orientbot/integrations build
Database Management
Database Location
SQLite database file:
.dev-data/instance-N/orient.db
Pushing Schema
# Push schema changes pnpm --filter @orientbot/database run db:push:sqlite # Or via run.sh (done automatically) ./run.sh dev
Inspecting Database
# Using sqlite3 CLI sqlite3 .dev-data/instance-0/orient.db ".tables" sqlite3 .dev-data/instance-0/orient.db "SELECT * FROM agents;" # Using Drizzle Studio pnpm db:studio
Verification Checklist
# 1. API Health (includes WhatsApp status) curl http://localhost:4098/health # 2. Frontend Loading curl -s http://localhost:5173 | head -5 # 3. Database Connectivity sqlite3 .dev-data/instance-0/orient.db "SELECT COUNT(*) FROM agents;" # 4. Check Running Processes ps aux | grep -E "tsx|vite" | grep -v grep # 5. WhatsApp QR Status curl http://localhost:4098/qr/status
Environment Configuration
.env
.envDATABASE_TYPE=sqlite SQLITE_DB_PATH=.dev-data/instance-0/orient.db DASHBOARD_JWT_SECRET=your-secret-here ORIENT_MASTER_KEY=your-master-key
Troubleshooting Commands
# View dashboard logs tail -f logs/instance-0/dashboard-dev.log # Check Docker containers docker ps # Check database tables sqlite3 .dev-data/instance-0/orient.db ".tables" # Check for errors grep -i error logs/instance-0/*.log | tail -20
Blank Page / Loading Issues via Nginx (Port 80)
Symptoms
- Blank page or stuck on "Loading your workspace..." when accessing http://localhost:80
- No JavaScript console errors visible
- Network requests return 200/304 successfully
- React app intermittently fails to mount (
element is empty)#root - Direct access to http://localhost:5173 works perfectly
Root Causes
1. ES Module Execution Issues Through Proxy When Vite dev server runs behind Nginx proxy, ES modules can intermittently fail to execute:
- Module scripts load (network shows 200/304) but don't run
- No JavaScript errors - silent failure
- Issue is timing/race-condition related with Nginx proxying
2. Browser Extension Interference Extensions like MetaMask use SES (Secure EcmaScript) lockdown which can block:
- Vite's hot module replacement (HMR)
- React prototype modifications
- Look for "SES Removing unpermitted intrinsics" in console
Diagnosis
// In browser console on http://localhost:80/ document.getElementById('root')?.children?.length; // 0 = React not mounted
Solution: Use Direct Vite Access (Strongly Recommended)
For ALL daily development, use http://localhost:5173 directly:
http://localhost:5173/
Benefits:
- 100% reliable React mounting
- Faster hot reload (no Nginx proxy overhead)
- No browser extension conflicts
- Full API access (Vite proxies /api/ requests to port 4098)
Use http://localhost:80 (Nginx) ONLY when testing:
- Production-like routing scenarios
- Auth flows requiring specific hostnames
- Multi-service integration testing
- Always test in incognito mode to avoid extension conflicts
Creating Dashboard Users
When database is recreated, users are lost:
cd packages/dashboard HASH=$(npx tsx -e "import bcrypt from 'bcryptjs'; bcrypt.hash('password', 10).then(h => console.log(h));") sqlite3 ../.dev-data/instance-0/orient.db " INSERT INTO dashboard_users (username, password_hash) VALUES ('username', '$HASH'); "