# Frontend development commands for Captain's Log

# Start development server with backend API proxy
[working-directory: 'frontend']
dev-frontend:
    npm run dev

# Build frontend for production (includes SSR build)
[working-directory: 'frontend']
build-frontend:
    npm run build

# Run all tests
[working-directory: 'frontend']
test-frontend:
    npm run test:run

# Run tests with coverage reporting
[working-directory: 'frontend']
test-coverage-frontend:
    npm run test:coverage

# Run tests in watch mode
[working-directory: 'frontend']
test-watch-frontend:
    npm run test

# Run TypeScript type checking
[working-directory: 'frontend']
typecheck-frontend:
    npm run typecheck

# Lint code with ESLint
[working-directory: 'frontend']
lint-frontend:
    npm run lint

# Fix linting issues automatically
[working-directory: 'frontend']
lint-fix-frontend:
    npm run lint:fix

# Format code with Prettier
[working-directory: 'frontend']
fmt-frontend:
    npm run format

# Check if code is properly formatted
[working-directory: 'frontend']
fmt-check-frontend:
    npm run format:check

# Install dependencies
[working-directory: 'frontend']
install-frontend:
    npm install

# Clean build artifacts and dependencies
[working-directory: 'frontend']
clean-frontend:
    rm -rf build .react-router node_modules

# Start production server
[working-directory: 'frontend']
start-frontend:
    npm run start

# Run full quality checks (lint + format + typecheck + test)
[working-directory: 'frontend']
check-frontend: lint-frontend fmt-check-frontend typecheck-frontend test-frontend