fixed dashboard to use the openai api key secret

Author: TimLFletcher

.github/workflows/fetch-and-deploy.yml

@@ -42,6 +42,8 @@ jobs:
           JIRA_EMAIL: ${{ secrets.JIRA_EMAIL }}
           JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }}
           JIRA_PROJECT_KEY: ${{ secrets.JIRA_PROJECT_KEY }}
+          # OpenAI
+          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
         run: npm run fetch-data
 
       - name: Build dashboard

scripts/fetch-data.js

@@ -69,6 +69,77 @@ function generateInsights(analytics, jira) {
   return insights
 }
 
+// Fetch insights using OpenAI
+async function fetchAIInsights(analyticsData, jiraData) {
+  console.log('🧠 Fetching AI-powered insights...')
+  
+  if (!process.env.OPENAI_API_KEY) {
+    console.log('⚠️  OPENAI_API_KEY not found, skipping AI insights generation')
+    return null
+  }
+
+  try {
+    // Import the insights API handler
+    const { default: insightsHandler } = await import('./insights-api.js')
+    
+    // Create a mock request object with the dashboard data
+    const mockReq = {
+      method: 'POST',
+      body: {
+        apiKey: process.env.OPENAI_API_KEY,
+        analysisTypes: ['traffic', 'jira', 'duplicates']
+      }
+    }
+
+    // Create a mock response object
+    let responseData = null
+    const mockRes = {
+      status: (code) => ({
+        json: (data) => {
+          responseData = data
+          return Promise.resolve()
+        }
+      })
+    }
+
+    // Temporarily override the getDashboardData function in insights-api.js
+    const originalGetDashboardData = (await import('./insights-api.js')).getDashboardData
+    // We need to patch this to use our current data instead of reading from file
+    const insightsApiModule = await import('./insights-api.js')
+    
+    // Create a temporary file with our data for the insights API to read
+    const tempDataPath = path.join(__dirname, '..', 'temp-dashboard-data.json')
+    const tempDashboardData = {
+      analytics: analyticsData,
+      jira: jiraData
+    }
+    fs.writeFileSync(tempDataPath, JSON.stringify(tempDashboardData, null, 2))
+    
+    // Override the data path in the insights API
+    const originalFilename = insightsApiModule.__filename
+    insightsApiModule.__filename = tempDataPath
+
+    // Call the insights handler
+    await insightsHandler(mockReq, mockRes)
+
+    // Clean up temp file
+    if (fs.existsSync(tempDataPath)) {
+      fs.unlinkSync(tempDataPath)
+    }
+
+    if (responseData && responseData.success) {
+      console.log('   ✅ AI insights generated successfully')
+      return responseData.results
+    } else {
+      console.log('⚠️  Failed to generate AI insights')
+      return null
+    }
+  } catch (error) {
+    console.error('❌ Error fetching AI insights:', error.message)
+    return null
+  }
+}
+
 /**
  * Main execution
  */
@@ -102,6 +173,12 @@ async function main() {
   }
 
   const insights = generateInsights(analyticsData, jiraData)
+  
+  // Fetch AI insights if OpenAI API key is available
+  const aiInsights = await fetchAIInsights(analyticsData, jiraData)
+  if (aiInsights) {
+    insights.aiInsights = aiInsights
+  }
 
   // Combine into dashboard data
   const dashboardData = {

scripts/insights-api.js

@@ -163,7 +163,10 @@ export default async function handler(req, res) {
   }
 
   try {
-    const { apiKey, analysisTypes = ['traffic', 'jira', 'duplicates'] } = req.body
+    const { analysisTypes = ['traffic', 'jira', 'duplicates'] } = req.body
+
+    // Use API key from environment variable (server-side) or from request (development)
+    const apiKey = process.env.OPENAI_API_KEY || req.body.apiKey
 
     if (!apiKey) {
       return res.status(400).json({ error: 'OpenAI API key is required' })

server.js

@@ -39,4 +39,5 @@ app.use(express.static(join(__dirname, 'public')))
 app.listen(PORT, () => {
   console.log(`🚀 API server running on http://localhost:${PORT}`)
   console.log(`📊 Insights endpoint available at http://localhost:${PORT}/api/insights`)
+  console.log(`🔑 Using OPENAI_API_KEY from environment: ${process.env.OPENAI_API_KEY ? '✅' : '❌ Not set'}`)
 })

src/App.jsx

@@ -388,7 +388,7 @@ function App() {
         {activeTab === 'insights' && (
           <div className="space-y-8">
             {/* LLM-Powered Insights */}
-            <LLMInsights />
+            <LLMInsights dashboardData={data} />
 
             {/* Legacy Content Gaps */}
             <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">