# All files / src/components/error analyzeError.ts

1.09% Statements 1/91
100% Branches 0/0
0% Functions 0/1
1.09% Lines 1/91

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    921x

     export async function analyzeErrorWithAI(
      errorMessage: string,
      errorStack?: string,
      context?: string
    ): Promise<string> {
      // Check if OpenAI API key is configured
      const apiKey = localStorage.getItem('openai_api_key');

      if (!apiKey) {
        // Fallback to simple error analysis if no API key
        const lines = ['## Error Analysis\n'];

        lines.push('**Error Message:**');
        lines.push(`\`${errorMessage}\`\n`);

        if (context) {
          lines.push('**Context:**');
          lines.push(`${context}\n`);
        }

        lines.push('**Note:** Configure your OpenAI API key in Settings to enable AI-powered error analysis.\n');

        lines.push('**Basic Troubleshooting:**');
        lines.push('1. Check the browser console for more details');
        lines.push('2. Try refreshing the page');
        lines.push('3. Clear your browser cache and local storage');

        return lines.join('\n');
      }

      // Use OpenAI API for advanced error analysis
      try {
        const contextInfo = context ? `\n\nContext: ${context}` : '';
        const stackInfo = errorStack ? `\n\nStack trace: ${errorStack}` : '';

        const prompt = `You are a helpful debugging assistant for a code snippet manager app. Analyze this error and provide:

    1. A clear explanation of what went wrong (in plain language)
    2. Why this error likely occurred
    3. 2-3 specific actionable steps to fix it

    Error message: ${errorMessage}${contextInfo}${stackInfo}

    Keep your response concise, friendly, and focused on practical solutions. Format your response with clear sections using markdown.`;

        const response = await fetch('https://api.openai.com/v1/chat/completions', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'Authorization': `Bearer ${apiKey}`,
          },
          body: JSON.stringify({
            model: 'gpt-4o-mini',
            messages: [
              {
                role: 'system',
                content: 'You are a helpful debugging assistant for a code snippet manager app.',
              },
              {
                role: 'user',
                content: prompt,
              },
            ],
            temperature: 0.7,
            max_tokens: 500,
          }),
        });

        if (!response.ok) {
          throw new Error('Failed to analyze error with AI. Please check your API key.');
        }

        const data = await response.json();
        return data.choices[0]?.message?.content || 'Unable to analyze error.';
      } catch (err) {
        console.error('Error calling OpenAI API:', err);

        // Fallback to simple analysis if API call fails
        return `## Error Analysis

    **Error Message:**
    \`${errorMessage}\`

    **Note:** Failed to get AI analysis. ${err instanceof Error ? err.message : 'Unknown error'}

    **Basic Troubleshooting:**
    1. Check the browser console for more details
    2. Try refreshing the page
    3. Verify your OpenAI API key in Settings`;
      }
    }