ui-syncup 0.3.13 → 0.4.0-beta.2

package/scripts/test-ci-error-handling.sh

@@ -0,0 +1,237 @@
+#!/bin/bash
+# Test CI/CD Error Handling
+# This script helps test error handling in the GitHub Actions workflows
+# 
+# Requirements: 2.5, 3.5, 4.3, 5.4
+# - 2.5: WHEN migrations fail on preview THEN the system SHALL halt deployment
+# - 3.5: WHEN migrations fail on production THEN the system SHALL halt deployment
+# - 4.3: WHEN a migration fails THEN the system SHALL capture the error message, exit with non-zero status
+# - 5.4: WHEN environment secrets are missing THEN the system SHALL fail with clear error message
+
+set -e
+
+# Colors for output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+BLUE='\033[0;34m'
+NC='\033[0m' # No Color
+
+echo -e "${BLUE}========================================${NC}"
+echo -e "${BLUE}CI/CD Error Handling Test Script${NC}"
+echo -e "${BLUE}========================================${NC}"
+echo ""
+
+# Function to print test step
+print_step() {
+    echo -e "${YELLOW}[STEP]${NC} $1"
+}
+
+# Function to print success
+print_success() {
+    echo -e "${GREEN}[PASS]${NC} $1"
+}
+
+# Function to print failure
+print_failure() {
+    echo -e "${RED}[FAIL]${NC} $1"
+}
+
+# Function to print info
+print_info() {
+    echo -e "${BLUE}[INFO]${NC} $1"
+}
+
+# Check if we're in the right directory
+if [ ! -f "package.json" ]; then
+    print_failure "Please run this script from the project root directory"
+    exit 1
+fi
+
+# Check if gh CLI is installed
+if ! command -v gh &> /dev/null; then
+    print_failure "GitHub CLI (gh) is not installed. Please install it first."
+    echo "  brew install gh  # macOS"
+    echo "  See: https://cli.github.com/manual/installation"
+    exit 1
+fi
+
+# Check if authenticated with GitHub
+if ! gh auth status &> /dev/null; then
+    print_failure "Not authenticated with GitHub. Please run: gh auth login"
+    exit 1
+fi
+
+echo -e "${BLUE}========================================${NC}"
+echo -e "${BLUE}Test 1: Failing Migration Error Handling${NC}"
+echo -e "${BLUE}========================================${NC}"
+echo ""
+
+print_info "This test verifies that:"
+print_info "  - Failing migrations halt the deployment workflow"
+print_info "  - Error messages are clear and actionable"
+print_info "  - The workflow exits with non-zero status code"
+echo ""
+
+# Get current branch
+CURRENT_BRANCH=$(git branch --show-current)
+TEST_BRANCH="test/ci-error-handling-$(date +%s)"
+
+print_step "Creating test branch: $TEST_BRANCH"
+
+# Create a test branch
+git checkout -b "$TEST_BRANCH"
+
+print_step "Creating a failing migration file..."
+
+# Create a migration file with invalid SQL
+MIGRATION_FILE="drizzle/9999_test_failing_migration.sql"
+cat > "$MIGRATION_FILE" << 'EOF'
+-- Test failing migration for CI/CD error handling verification
+-- This migration intentionally contains invalid SQL to test error handling
+
+-- Invalid SQL: referencing a non-existent table
+ALTER TABLE "non_existent_table_xyz" ADD COLUMN "test_column" varchar(50);
+
+-- This should cause the migration to fail with a clear error message
+EOF
+
+print_success "Created failing migration: $MIGRATION_FILE"
+
+# Update the journal to include the new migration
+print_step "Updating migration journal..."
+
+# Read current journal and add new entry
+JOURNAL_FILE="drizzle/meta/_journal.json"
+TIMESTAMP=$(date +%s)000
+
+# Use node to update the journal JSON
+node -e "
+const fs = require('fs');
+const journal = JSON.parse(fs.readFileSync('$JOURNAL_FILE', 'utf8'));
+journal.entries.push({
+  idx: journal.entries.length,
+  version: '7',
+  when: $TIMESTAMP,
+  tag: '9999_test_failing_migration',
+  breakpoints: true
+});
+fs.writeFileSync('$JOURNAL_FILE', JSON.stringify(journal, null, 2));
+console.log('Journal updated successfully');
+"
+
+print_success "Migration journal updated"
+
+# Stage the changes
+git add "$MIGRATION_FILE" "$JOURNAL_FILE"
+git commit -m "test: add failing migration for CI/CD error handling test"
+
+echo ""
+print_step "Ready to push test branch to GitHub"
+echo ""
+print_info "The following will happen when you push:"
+print_info "  1. GitHub Actions will trigger the deploy workflow"
+print_info "  2. The migration will fail with an error about 'non_existent_table_xyz'"
+print_info "  3. The workflow should exit with a non-zero status code"
+print_info "  4. Vercel deployment should NOT proceed"
+echo ""
+
+read -p "Push to GitHub and trigger workflow? (y/n) " -n 1 -r
+echo ""
+
+if [[ $REPLY =~ ^[Yy]$ ]]; then
+    print_step "Pushing to GitHub..."
+    git push origin "$TEST_BRANCH"
+    
+    echo ""
+    print_success "Branch pushed to GitHub"
+    echo ""
+    print_info "Monitor the workflow at:"
+    print_info "  https://github.com/$(gh repo view --json nameWithOwner -q .nameWithOwner)/actions"
+    echo ""
+    print_info "Expected behavior:"
+    print_info "  ✓ Workflow should fail at 'Run database migrations' step"
+    print_info "  ✓ Error message should mention 'non_existent_table_xyz'"
+    print_info "  ✓ Workflow status should be 'failure'"
+    print_info "  ✓ No Vercel deployment should occur"
+    echo ""
+    
+    # Wait for workflow to start
+    print_step "Waiting for workflow to start..."
+    sleep 10
+    
+    # Get the latest workflow run
+    WORKFLOW_RUN=$(gh run list --branch "$TEST_BRANCH" --limit 1 --json databaseId,status,conclusion -q '.[0]')
+    
+    if [ -n "$WORKFLOW_RUN" ]; then
+        RUN_ID=$(echo "$WORKFLOW_RUN" | jq -r '.databaseId')
+        print_info "Workflow run ID: $RUN_ID"
+        print_info "View at: https://github.com/$(gh repo view --json nameWithOwner -q .nameWithOwner)/actions/runs/$RUN_ID"
+        
+        echo ""
+        print_step "Waiting for workflow to complete (this may take a few minutes)..."
+        
+        # Wait for workflow to complete
+        gh run watch "$RUN_ID" --exit-status || true
+        
+        # Get final status
+        FINAL_STATUS=$(gh run view "$RUN_ID" --json conclusion -q '.conclusion')
+        
+        echo ""
+        if [ "$FINAL_STATUS" == "failure" ]; then
+            print_success "Workflow failed as expected!"
+            print_success "Error handling is working correctly"
+        else
+            print_failure "Workflow did not fail as expected. Status: $FINAL_STATUS"
+            print_info "Please check the workflow logs for details"
+        fi
+    else
+        print_info "Could not find workflow run. Please check GitHub Actions manually."
+    fi
+else
+    print_info "Skipping push. You can push manually with:"
+    print_info "  git push origin $TEST_BRANCH"
+fi
+
+echo ""
+echo -e "${BLUE}========================================${NC}"
+echo -e "${BLUE}Cleanup${NC}"
+echo -e "${BLUE}========================================${NC}"
+echo ""
+
+read -p "Clean up test branch and migration? (y/n) " -n 1 -r
+echo ""
+
+if [[ $REPLY =~ ^[Yy]$ ]]; then
+    print_step "Cleaning up..."
+    
+    # Switch back to original branch
+    git checkout "$CURRENT_BRANCH"
+    
+    # Delete local test branch
+    git branch -D "$TEST_BRANCH" 2>/dev/null || true
+    
+    # Delete remote test branch
+    git push origin --delete "$TEST_BRANCH" 2>/dev/null || true
+    
+    print_success "Cleanup complete"
+else
+    print_info "Skipping cleanup. To clean up manually:"
+    print_info "  git checkout $CURRENT_BRANCH"
+    print_info "  git branch -D $TEST_BRANCH"
+    print_info "  git push origin --delete $TEST_BRANCH"
+fi
+
+echo ""
+echo -e "${BLUE}========================================${NC}"
+echo -e "${BLUE}Test Summary${NC}"
+echo -e "${BLUE}========================================${NC}"
+echo ""
+print_info "Error handling test completed."
+print_info "Please verify the following in the GitHub Actions logs:"
+echo ""
+print_info "  ✓ Migration step failed with clear error message"
+print_info "  ✓ Error mentions the invalid table name"
+print_info "  ✓ Workflow exited with non-zero status"
+print_info "  ✓ No deployment occurred after migration failure"
+echo ""

package/scripts/test-ci-workflow.sh

@@ -0,0 +1,200 @@
+#!/bin/bash
+
+# Test script for CI Quality Checks workflow
+# This script tests all quality check scenarios:
+# 1. Valid code (all checks pass)
+# 2. TypeScript errors
+# 3. ESLint errors
+# 4. Test failures
+
+set -o pipefail
+
+ORIGINAL_BRANCH=$(git branch --show-current)
+TEST_RESULTS_FILE="ci-test-results.txt"
+
+echo "=== CI Workflow Testing Script ===" > "$TEST_RESULTS_FILE"
+echo "Original branch: $ORIGINAL_BRANCH" >> "$TEST_RESULTS_FILE"
+echo "" >> "$TEST_RESULTS_FILE"
+
+# Function to cleanup and return to original branch
+cleanup() {
+    echo "Cleaning up..."
+    git checkout "$ORIGINAL_BRANCH" 2>/dev/null || true
+    git branch -D test-ci-valid 2>/dev/null || true
+    git branch -D test-ci-typescript-fail 2>/dev/null || true
+    git branch -D test-ci-eslint-fail 2>/dev/null || true
+    git branch -D test-ci-test-fail 2>/dev/null || true
+    rm -rf src/test-failures
+}
+
+# Trap to ensure cleanup on exit
+trap cleanup EXIT
+
+echo "Starting CI workflow tests..."
+echo ""
+
+# Test 1: Valid code (all checks should pass)
+echo "=== Test 1: Valid Code (All Checks Pass) ===" | tee -a "$TEST_RESULTS_FILE"
+git branch -D test-ci-valid 2>/dev/null || true
+git checkout -b test-ci-valid
+echo "Branch created: test-ci-valid" | tee -a "$TEST_RESULTS_FILE"
+
+# Run all checks locally
+echo "Running TypeScript check..." | tee -a "$TEST_RESULTS_FILE"
+if bun run typecheck; then
+    echo "✓ TypeScript check passed" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✗ TypeScript check failed" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+echo "Running ESLint..." | tee -a "$TEST_RESULTS_FILE"
+if bun run lint; then
+    echo "✓ ESLint passed" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✗ ESLint failed" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+echo "Running tests..." | tee -a "$TEST_RESULTS_FILE"
+if bun run test; then
+    echo "✓ Tests passed" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✗ Tests failed" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+echo "Running build..." | tee -a "$TEST_RESULTS_FILE"
+if bun run build; then
+    echo "✓ Build passed" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✗ Build failed" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+echo "" | tee -a "$TEST_RESULTS_FILE"
+
+# Test 2: TypeScript errors
+echo "=== Test 2: TypeScript Errors ===" | tee -a "$TEST_RESULTS_FILE"
+git checkout "$ORIGINAL_BRANCH"
+git branch -D test-ci-typescript-fail 2>/dev/null || true
+git checkout -b test-ci-typescript-fail
+echo "Branch created: test-ci-typescript-fail" | tee -a "$TEST_RESULTS_FILE"
+
+# Create a file with TypeScript errors
+mkdir -p src/test-failures
+cat > src/test-failures/typescript-error.ts << 'EOF'
+// This file intentionally contains TypeScript errors for CI testing
+
+export function testFunction(value: string): number {
+    // Type error: returning string instead of number
+    return value;
+}
+
+export const testVariable: number = "not a number";
+
+export function anotherTest() {
+    const x: string = 123; // Type error
+    return x;
+}
+EOF
+
+echo "Created file with TypeScript errors" | tee -a "$TEST_RESULTS_FILE"
+
+echo "Running TypeScript check (should fail)..." | tee -a "$TEST_RESULTS_FILE"
+if bun run typecheck; then
+    echo "✗ TypeScript check passed (expected to fail)" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✓ TypeScript check failed as expected" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+# Cleanup test file
+rm -rf src/test-failures
+echo "" | tee -a "$TEST_RESULTS_FILE"
+
+# Test 3: ESLint errors
+echo "=== Test 3: ESLint Errors ===" | tee -a "$TEST_RESULTS_FILE"
+git checkout "$ORIGINAL_BRANCH"
+git branch -D test-ci-eslint-fail 2>/dev/null || true
+git checkout -b test-ci-eslint-fail
+echo "Branch created: test-ci-eslint-fail" | tee -a "$TEST_RESULTS_FILE"
+
+# Create a file with ESLint errors
+mkdir -p src/test-failures
+cat > src/test-failures/eslint-error.tsx << 'EOF'
+// This file intentionally contains ESLint errors for CI testing
+import React from 'react';
+
+export function TestComponent() {
+    var unusedVariable = 'test'; // eslint error: prefer const/let
+    var anotherUnused = 123;
+    
+    // eslint error: missing dependency in useEffect
+    React.useEffect(() => {
+        console.log(unusedVariable);
+    }, []);
+    
+    return <div>Test</div>;
+}
+EOF
+
+echo "Created file with ESLint errors" | tee -a "$TEST_RESULTS_FILE"
+
+echo "Running ESLint (should fail)..." | tee -a "$TEST_RESULTS_FILE"
+if bun run lint; then
+    echo "✗ ESLint passed (expected to fail)" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✓ ESLint failed as expected" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+# Cleanup test file
+rm -rf src/test-failures
+echo "" | tee -a "$TEST_RESULTS_FILE"
+
+# Test 4: Test failures
+echo "=== Test 4: Test Failures ===" | tee -a "$TEST_RESULTS_FILE"
+git checkout "$ORIGINAL_BRANCH"
+git branch -D test-ci-test-fail 2>/dev/null || true
+git checkout -b test-ci-test-fail
+echo "Branch created: test-ci-test-fail" | tee -a "$TEST_RESULTS_FILE"
+
+# Create a failing test
+mkdir -p src/test-failures
+cat > src/test-failures/failing-test.test.ts << 'EOF'
+// This file intentionally contains failing tests for CI testing
+import { describe, it, expect } from 'vitest';
+
+describe('Failing Test Suite', () => {
+    it('should fail intentionally', () => {
+        expect(1 + 1).toBe(3); // This will fail
+    });
+    
+    it('should also fail', () => {
+        expect(true).toBe(false); // This will fail
+    });
+});
+EOF
+
+echo "Created failing test file" | tee -a "$TEST_RESULTS_FILE"
+
+echo "Running tests (should fail)..." | tee -a "$TEST_RESULTS_FILE"
+if bun run test; then
+    echo "✗ Tests passed (expected to fail)" | tee -a "$TEST_RESULTS_FILE"
+else
+    echo "✓ Tests failed as expected" | tee -a "$TEST_RESULTS_FILE"
+fi
+
+# Cleanup test file
+rm -rf src/test-failures
+echo "" | tee -a "$TEST_RESULTS_FILE"
+
+# Return to original branch
+git checkout "$ORIGINAL_BRANCH"
+
+echo "=== Test Summary ===" | tee -a "$TEST_RESULTS_FILE"
+echo "All CI workflow tests completed!" | tee -a "$TEST_RESULTS_FILE"
+echo "Results saved to: $TEST_RESULTS_FILE" | tee -a "$TEST_RESULTS_FILE"
+echo ""
+echo "To push these test branches to GitHub and trigger the CI workflow:"
+echo "  git push origin test-ci-valid"
+echo "  git push origin test-ci-typescript-fail"
+echo "  git push origin test-ci-eslint-fail"
+echo "  git push origin test-ci-test-fail"
+echo ""
+echo "Then check the Actions tab in GitHub to verify the workflow behavior."

package/scripts/test-migration.sh

@@ -0,0 +1,151 @@
+#!/bin/bash
+
+# =============================================================================
+# Migration Testing Script
+# =============================================================================
+# This script helps you test database migrations safely before deploying
+# It validates the migration and optionally applies it to your dev database
+#
+# Usage:
+#   bash scripts/test-migration.sh                    # Interactive mode
+#   bash scripts/test-migration.sh --auto-approve     # Auto-apply to dev DB
+# =============================================================================
+
+set -e  # Exit on error
+
+# Colors for output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+BLUE='\033[0;34m'
+NC='\033[0m' # No Color
+
+# Banner
+echo ""
+echo "╔════════════════════════════════════════════════╗"
+echo "║     Database Migration Testing Tool           ║"
+echo "╔════════════════════════════════════════════════╗"
+echo ""
+
+# Check if running in development environment
+if [ "$NODE_ENV" = "production" ]; then
+  echo -e "${RED}❌ ERROR: Cannot run in production environment!${NC}"
+  exit 1
+fi
+
+# Check for migration files
+MIGRATION_DIR="drizzle"
+LATEST_MIGRATION=$(ls -t $MIGRATION_DIR/*.sql 2>/dev/null | head -n 1)
+
+if [ -z "$LATEST_MIGRATION" ]; then
+  echo -e "${RED}❌ No migration files found in $MIGRATION_DIR/${NC}"
+  echo "Run 'bun run db:generate' first to create a migration"
+  exit 1
+fi
+
+echo -e "${BLUE}📁 Latest migration file:${NC}"
+echo "   $LATEST_MIGRATION"
+echo ""
+
+# Display migration content
+echo -e "${BLUE}📄 Migration SQL:${NC}"
+echo "┌────────────────────────────────────────────────┐"
+cat "$LATEST_MIGRATION" | sed 's/^/│ /'
+echo "└────────────────────────────────────────────────┘"
+echo ""
+
+# Validate migration (basic checks)
+echo -e "${YELLOW}🔍 Validating migration...${NC}"
+
+VALIDATION_PASSED=true
+
+# Check for dangerous operations
+if grep -qi "DROP TABLE" "$LATEST_MIGRATION"; then
+  echo -e "${RED}⚠️  WARNING: Migration contains DROP TABLE${NC}"
+  VALIDATION_PASSED=false
+fi
+
+if grep -qi "DROP COLUMN" "$LATEST_MIGRATION"; then
+  echo -e "${RED}⚠️  WARNING: Migration contains DROP COLUMN${NC}"
+  VALIDATION_PASSED=false
+fi
+
+if grep -qi "TRUNCATE" "$LATEST_MIGRATION"; then
+  echo -e "${RED}⚠️  WARNING: Migration contains TRUNCATE${NC}"
+  VALIDATION_PASSED=false
+fi
+
+# Check for best practices
+if ! grep -qi "IF EXISTS\|IF NOT EXISTS" "$LATEST_MIGRATION"; then
+  echo -e "${YELLOW}💡 TIP: Consider using IF EXISTS/IF NOT EXISTS for safer migrations${NC}"
+fi
+
+if $VALIDATION_PASSED; then
+  echo -e "${GREEN}✅ Basic validation passed${NC}"
+else
+  echo -e "${YELLOW}⚠️  Migration contains potentially dangerous operations${NC}"
+fi
+echo ""
+
+# Check if dev database URL is set
+if [ -z "$DIRECT_URL" ]; then
+  echo -e "${YELLOW}⚠️  DIRECT_URL not set in environment${NC}"
+  echo "Loading from .env.local..."
+
+  if [ -f ".env.local" ]; then
+    export $(grep DIRECT_URL .env.local | xargs)
+  else
+    echo -e "${RED}❌ .env.local not found${NC}"
+    exit 1
+  fi
+fi
+
+# Ask for confirmation (unless --auto-approve flag is set)
+if [[ "$1" != "--auto-approve" ]]; then
+  echo -e "${YELLOW}Do you want to apply this migration to your DEV database?${NC}"
+  echo -e "${YELLOW}Database: ${DIRECT_URL:0:50}...${NC}"
+  echo ""
+  read -p "Apply migration? (y/N): " -n 1 -r
+  echo ""
+
+  if [[ ! $REPLY =~ ^[Yy]$ ]]; then
+    echo -e "${BLUE}Migration not applied. Exiting.${NC}"
+    exit 0
+  fi
+fi
+
+# Apply migration
+echo ""
+echo -e "${BLUE}🚀 Applying migration to DEV database...${NC}"
+echo ""
+
+if bun run db:push; then
+  echo ""
+  echo -e "${GREEN}✅ Migration applied successfully!${NC}"
+  echo ""
+  echo -e "${BLUE}📊 Next steps:${NC}"
+  echo "   1. Verify changes in Supabase Studio"
+  echo "   2. Test your application locally"
+  echo "   3. Commit migration file: git add drizzle/ && git commit -m 'feat: migration'"
+  echo "   4. Push to develop: git push origin develop"
+  echo ""
+else
+  echo ""
+  echo -e "${RED}❌ Migration failed!${NC}"
+  echo "Check the error messages above and fix any issues."
+  exit 1
+fi
+
+# Offer to open Supabase Studio
+echo -e "${YELLOW}Open Supabase Studio to verify changes? (y/N):${NC} "
+read -p "" -n 1 -r
+echo ""
+
+if [[ $REPLY =~ ^[Yy]$ ]]; then
+  echo "Opening Supabase Studio..."
+  open "https://supabase.com/dashboard/project/vgmarozegrghrpgopmbs/editor"
+fi
+
+echo ""
+echo -e "${GREEN}Done! 🎉${NC}"
+echo ""

package/scripts/validate-env.ts

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+/**
+ * Standalone environment variable validation script
+ * Can be run independently to verify environment configuration
+ * Usage: bun run scripts/validate-env.ts
+ */
+
+import "../src/lib/env"
+
+console.log("✅ Environment variables validated successfully!")
+console.log("\nValidated configuration:")
+console.log(`  • NODE_ENV: ${process.env.NODE_ENV}`)
+console.log(`  • NEXT_PUBLIC_APP_URL: ${process.env.NEXT_PUBLIC_APP_URL}`)
+console.log(`  • Database: ${process.env.DATABASE_URL ? "✓ configured" : "✗ missing"}`)
+console.log(`  • Storage (R2): ${process.env.R2_BUCKET_NAME ? "✓ configured" : "✗ missing"}`)
+console.log(`  • Auth (Google): ${process.env.GOOGLE_CLIENT_ID ? "✓ configured" : "✗ missing"}`)
+console.log(`  • better-auth: ${process.env.BETTER_AUTH_SECRET ? "✓ configured" : "✗ missing"}
+  • Email (Resend): ${process.env.RESEND_API_KEY ? "✓ configured" : "✗ missing"}`)
+
+if (process.env.VERCEL_ENV) {
+  console.log(`\nVercel deployment detected:`)
+  console.log(`  • Environment: ${process.env.VERCEL_ENV}`)
+  console.log(`  • Branch: ${process.env.VERCEL_GIT_COMMIT_REF || "unknown"}`)
+  console.log(`  • Commit: ${process.env.VERCEL_GIT_COMMIT_SHA?.substring(0, 7) || "unknown"}`)
+}