* feat: add service tabs refactor with GitHub, GitLab, Supabase, Vercel, and Netlify integration This commit introduces a comprehensive refactor of the connections system, replacing the single connections tab with dedicated service integration tabs: ✨ New Service Tabs: - GitHub Tab: Complete integration with repository management, stats, and API - GitLab Tab: GitLab project integration and management - Supabase Tab: Database project management with comprehensive analytics - Vercel Tab: Project deployment management and monitoring - Netlify Tab: Site deployment and build management 🔧 Supporting Infrastructure: - Enhanced store management for each service with auto-connect via env vars - API routes for secure server-side token handling and data fetching - Updated TypeScript types with missing properties and interfaces - Comprehensive hooks for service connections and state management - Security utilities for API endpoint validation 🎨 UI/UX Improvements: - Individual service tabs with tailored functionality - Motion animations and improved loading states - Connection testing and health monitoring - Advanced analytics dashboards for each service - Consistent design patterns across all service tabs 🛠️ Technical Changes: - Removed legacy connection tab in favor of individual service tabs - Updated tab configuration and routing system - Added comprehensive error handling and loading states - Enhanced type safety with extended interfaces - Implemented environment variable auto-connection features Note: Some TypeScript errors remain and will need to be resolved in follow-up commits. The dev server runs successfully and the service tabs are functional. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * feat: comprehensive service integration refactor with enhanced tabs architecture Major architectural improvements to service integrations: **Service Integration Refactor:** - Complete restructure of service connection tabs (GitHub, GitLab, Vercel, Netlify, Supabase) - Migrated from centralized ConnectionsTab to dedicated service-specific tabs - Added shared service integration components for consistent UX - Implemented auto-connection feature using environment variables **New Components & Architecture:** - ServiceIntegrationLayout for consistent service tab structure - ConnectionStatus, ServiceCard components for reusable UI patterns - BranchSelector component for repository branch management - Enhanced authentication dialogs with improved error handling **API & Backend Enhancements:** - New API endpoints: github-branches, gitlab-branches, gitlab-projects, vercel-user - Enhanced GitLab API service with comprehensive project management - Improved connection testing hooks (useConnectionTest) - Better error handling and rate limiting across all services **Configuration & Environment:** - Updated .env.example with comprehensive service integration guides - Added auto-connection support for all major services - Improved development and production environment configurations - Enhanced tab management with proper service icons **Code Quality & TypeScript:** - Fixed all TypeScript errors across service integration components - Enhanced type definitions for Vercel, Supabase, and other service integrations - Improved type safety with proper optional chaining and type assertions - Better separation of concerns between UI and business logic **Removed Legacy Code:** - Removed redundant connection components and consolidated into service tabs - Cleaned up unused imports and deprecated connection patterns - Streamlined authentication flows across all services This refactor provides a more maintainable, scalable architecture for service integrations while significantly improving the user experience for managing external connections. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * refactor: clean up dead code and consolidate utilities - Remove legacy .eslintrc.json (replaced by flat config) - Remove duplicate app/utils/types.ts (unused type definitions) - Remove app/utils/cn.ts and consolidate with classNames utility - Clean up unused ServiceErrorHandler class implementation - Enhance classNames utility to support boolean values - Update GlowingEffect.tsx to use consolidated classNames utility Removes ~150+ lines of unused code while maintaining all functionality. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * Simplify terminal health checks and improve project setup Removed aggressive health checking and reconnection logic from TerminalManager to prevent issues with terminal responsiveness. Updated TerminalTabs to remove onReconnect handlers. Enhanced projectCommands utility to generate non-interactive setup commands and detect shadcn projects, improving automation and reliability of project setup. * fix: resolve GitLab deployment issues and enhance GitHub deployment reliability GitLab Deployment Fixes: - Fix COEP header issue for avatar images by adding crossOrigin and referrerPolicy attributes - Implement repository name sanitization to handle special characters and ensure GitLab compliance - Enhance error handling with detailed validation error parsing and user-friendly messages - Add explicit path field and description to project creation requests - Improve URL encoding and project path resolution for proper API calls - Add graceful file commit handling with timeout and error recovery GitHub Deployment Enhancements: - Add comprehensive repository name validation and sanitization - Implement real-time feedback for invalid characters in repository name input - Enhance error handling with specific error types and retry suggestions - Improve user experience with better error messages and validation feedback - Add repository name length limits and character restrictions - Show sanitized name preview to users before submission General Improvements: - Add GitLabAuthDialog component for improved authentication flow - Enhance logging and debugging capabilities for deployment operations - Improve accessibility with proper dialog titles and descriptions - Add better user notifications for name sanitization and validation issues 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com>
210 lines
7.0 KiB
Plaintext
210 lines
7.0 KiB
Plaintext
# ======================================
|
|
# Environment Variables for Bolt.diy
|
|
# ======================================
|
|
# Copy this file to .env.local and fill in your API keys
|
|
# See README.md for setup instructions
|
|
|
|
# ======================================
|
|
# AI PROVIDER API KEYS
|
|
# ======================================
|
|
|
|
# Anthropic Claude
|
|
# Get your API key from: https://console.anthropic.com/
|
|
ANTHROPIC_API_KEY=your_anthropic_api_key_here
|
|
|
|
# OpenAI GPT models
|
|
# Get your API key from: https://platform.openai.com/api-keys
|
|
OPENAI_API_KEY=your_openai_api_key_here
|
|
|
|
# GitHub Models (OpenAI models hosted by GitHub)
|
|
# Get your Personal Access Token from: https://github.com/settings/tokens
|
|
# - Select "Fine-grained tokens"
|
|
# - Set repository access to "All repositories"
|
|
# - Enable "GitHub Models" permission
|
|
GITHUB_API_KEY=github_pat_your_personal_access_token_here
|
|
|
|
# Perplexity AI (Search-augmented models)
|
|
# Get your API key from: https://www.perplexity.ai/settings/api
|
|
PERPLEXITY_API_KEY=your_perplexity_api_key_here
|
|
|
|
# DeepSeek
|
|
# Get your API key from: https://platform.deepseek.com/api_keys
|
|
DEEPSEEK_API_KEY=your_deepseek_api_key_here
|
|
|
|
# Google Gemini
|
|
# Get your API key from: https://makersuite.google.com/app/apikey
|
|
GOOGLE_GENERATIVE_AI_API_KEY=your_google_gemini_api_key_here
|
|
|
|
# Cohere
|
|
# Get your API key from: https://dashboard.cohere.ai/api-keys
|
|
COHERE_API_KEY=your_cohere_api_key_here
|
|
|
|
# Groq (Fast inference)
|
|
# Get your API key from: https://console.groq.com/keys
|
|
GROQ_API_KEY=your_groq_api_key_here
|
|
|
|
# Mistral
|
|
# Get your API key from: https://console.mistral.ai/api-keys/
|
|
MISTRAL_API_KEY=your_mistral_api_key_here
|
|
|
|
# Together AI
|
|
# Get your API key from: https://api.together.xyz/settings/api-keys
|
|
TOGETHER_API_KEY=your_together_api_key_here
|
|
|
|
# X.AI (Elon Musk's company)
|
|
# Get your API key from: https://console.x.ai/
|
|
XAI_API_KEY=your_xai_api_key_here
|
|
|
|
# Moonshot AI (Kimi models)
|
|
# Get your API key from: https://platform.moonshot.ai/console/api-keys
|
|
MOONSHOT_API_KEY=your_moonshot_api_key_here
|
|
|
|
# Hugging Face
|
|
# Get your API key from: https://huggingface.co/settings/tokens
|
|
HuggingFace_API_KEY=your_huggingface_api_key_here
|
|
|
|
# Hyperbolic
|
|
# Get your API key from: https://app.hyperbolic.xyz/settings
|
|
HYPERBOLIC_API_KEY=your_hyperbolic_api_key_here
|
|
|
|
# OpenRouter (Meta routing for multiple providers)
|
|
# Get your API key from: https://openrouter.ai/keys
|
|
OPEN_ROUTER_API_KEY=your_openrouter_api_key_here
|
|
|
|
# ======================================
|
|
# CUSTOM PROVIDER BASE URLS (Optional)
|
|
# ======================================
|
|
|
|
# Ollama (Local models)
|
|
# DON'T USE http://localhost:11434 due to IPv6 issues
|
|
# USE: http://127.0.0.1:11434
|
|
OLLAMA_API_BASE_URL=http://127.0.0.1:11434
|
|
|
|
# OpenAI-like API (Compatible providers)
|
|
OPENAI_LIKE_API_BASE_URL=your_openai_like_base_url_here
|
|
OPENAI_LIKE_API_KEY=your_openai_like_api_key_here
|
|
|
|
# Together AI Base URL
|
|
TOGETHER_API_BASE_URL=your_together_base_url_here
|
|
|
|
# Hyperbolic Base URL
|
|
HYPERBOLIC_API_BASE_URL=https://api.hyperbolic.xyz/v1/chat/completions
|
|
|
|
# LMStudio (Local models)
|
|
# Make sure to enable CORS in LMStudio
|
|
# DON'T USE http://localhost:1234 due to IPv6 issues
|
|
# USE: http://127.0.0.1:1234
|
|
LMSTUDIO_API_BASE_URL=http://127.0.0.1:1234
|
|
|
|
# ======================================
|
|
# CLOUD SERVICES CONFIGURATION
|
|
# ======================================
|
|
|
|
# AWS Bedrock Configuration (JSON format)
|
|
# Get your credentials from: https://console.aws.amazon.com/iam/home
|
|
# Example: {"region": "us-east-1", "accessKeyId": "yourAccessKeyId", "secretAccessKey": "yourSecretAccessKey"}
|
|
AWS_BEDROCK_CONFIG=your_aws_bedrock_config_json_here
|
|
|
|
# ======================================
|
|
# GITHUB INTEGRATION
|
|
# ======================================
|
|
|
|
# GitHub Personal Access Token
|
|
# Get from: https://github.com/settings/tokens
|
|
# Used for importing/cloning repositories and accessing private repos
|
|
VITE_GITHUB_ACCESS_TOKEN=your_github_personal_access_token_here
|
|
|
|
# GitHub Token Type ('classic' or 'fine-grained')
|
|
VITE_GITHUB_TOKEN_TYPE=classic
|
|
|
|
# ======================================
|
|
# GITLAB INTEGRATION
|
|
# ======================================
|
|
|
|
# GitLab Personal Access Token
|
|
# Get your GitLab Personal Access Token here:
|
|
# https://gitlab.com/-/profile/personal_access_tokens
|
|
#
|
|
# This token is used for:
|
|
# 1. Importing/cloning GitLab repositories
|
|
# 2. Accessing private projects
|
|
# 3. Creating/updating branches
|
|
# 4. Creating/updating commits and pushing code
|
|
# 5. Creating new GitLab projects via the API
|
|
#
|
|
# Make sure your token has the following scopes:
|
|
# - api (for full API access including project creation and commits)
|
|
# - read_repository (to clone/import repositories)
|
|
# - write_repository (to push commits and update branches)
|
|
VITE_GITLAB_ACCESS_TOKEN=your_gitlab_personal_access_token_here
|
|
|
|
# Set the GitLab instance URL (e.g., https://gitlab.com or your self-hosted domain)
|
|
VITE_GITLAB_URL=https://gitlab.com
|
|
|
|
# GitLab token type should be 'personal-access-token'
|
|
VITE_GITLAB_TOKEN_TYPE=personal-access-token
|
|
|
|
# ======================================
|
|
# VERCEL INTEGRATION
|
|
# ======================================
|
|
|
|
# Vercel Access Token
|
|
# Get your access token from: https://vercel.com/account/tokens
|
|
# This token is used for:
|
|
# 1. Deploying projects to Vercel
|
|
# 2. Managing Vercel projects and deployments
|
|
# 3. Accessing project analytics and logs
|
|
VITE_VERCEL_ACCESS_TOKEN=your_vercel_access_token_here
|
|
|
|
# ======================================
|
|
# NETLIFY INTEGRATION
|
|
# ======================================
|
|
|
|
# Netlify Access Token
|
|
# Get your access token from: https://app.netlify.com/user/applications
|
|
# This token is used for:
|
|
# 1. Deploying sites to Netlify
|
|
# 2. Managing Netlify sites and deployments
|
|
# 3. Accessing build logs and analytics
|
|
VITE_NETLIFY_ACCESS_TOKEN=your_netlify_access_token_here
|
|
|
|
# ======================================
|
|
# SUPABASE INTEGRATION
|
|
# ======================================
|
|
|
|
# Supabase Project Configuration
|
|
# Get your project details from: https://supabase.com/dashboard
|
|
# Select your project → Settings → API
|
|
VITE_SUPABASE_URL=your_supabase_project_url_here
|
|
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key_here
|
|
|
|
# Supabase Access Token (for management operations)
|
|
# Generate from: https://supabase.com/dashboard/account/tokens
|
|
VITE_SUPABASE_ACCESS_TOKEN=your_supabase_access_token_here
|
|
|
|
# ======================================
|
|
# DEVELOPMENT SETTINGS
|
|
# ======================================
|
|
|
|
# Development Mode
|
|
NODE_ENV=development
|
|
|
|
# Application Port (optional, defaults to 5173 for development)
|
|
PORT=5173
|
|
|
|
# Logging Level (debug, info, warn, error)
|
|
VITE_LOG_LEVEL=debug
|
|
|
|
# Default Context Window Size (for local models)
|
|
DEFAULT_NUM_CTX=32768
|
|
|
|
# ======================================
|
|
# SETUP INSTRUCTIONS
|
|
# ======================================
|
|
# 1. Copy this file to .env.local: cp .env.example .env.local
|
|
# 2. Fill in the API keys for the services you want to use
|
|
# 3. All service integration keys use VITE_ prefix for auto-connection
|
|
# 4. Restart your development server: pnpm run dev
|
|
# 5. Services will auto-connect on startup if tokens are provided
|
|
# 6. Go to Settings > Service tabs to manage connections manually if needed
|