💬 Feedback Collection

// Feedback collection system
class FeedbackCollector {
  constructor(config) {
    this.apiEndpoint = config.apiEndpoint
    this.componentTracker = new ComponentTracker()
    this.surveyTrigger = new SurveyTrigger(config.surveyRules)
  }

  // Contextual feedback widget
  showFeedbackWidget(componentName, usage) {
    const widget = document.createElement('div')
    widget.className = 'feedback-widget'
    widget.innerHTML = `
      <div class="feedback-prompt">
        <p>How was your experience with ${componentName}?</p>
        <div class="rating-stars">
          ${[1,2,3,4,5].map(n => `<span data-rating="${n}">⭐</span>`).join('')}
        </div>
        <textarea placeholder="Tell us more..."></textarea>
        <button type="submit">Submit Feedback</button>
      </div>
    `
    
    // Handle submission
    widget.addEventListener('submit', (e) => {
      this.submitFeedback({
        component: componentName,
        rating: e.target.rating,
        message: e.target.message,
        context: usage,
        timestamp: Date.now()
      })
    })
    
    return widget
  }

  // Automatic usage tracking
  trackComponentUsage(componentName, props, performance) {
    const feedback = {
      component: componentName,
      props: Object.keys(props),
      renderTime: performance.renderTime,
      errorRate: performance.errors / performance.renders,
      satisfaction: this.inferSatisfaction(performance),
      automated: true
    }
    
    this.submitFeedback(feedback)
  }

  // Survey trigger logic
  shouldTriggerSurvey(user, component) {
    const rules = this.surveyTrigger.getRules(component)
    return (
      user.usageCount >= rules.minUsage &&
      user.lastSurvey < (Date.now() - rules.cooldownPeriod) &&
      Math.random() < rules.samplingRate
    )
  }

  // Feedback analysis
  analyzeFeedback(timeframe) {
    return {
      satisfaction: this.calculateSatisfaction(timeframe),
      commonIssues: this.identifyPatterns(timeframe),
      sentimentTrends: this.analyzeSentiment(timeframe),
      priorityActions: this.generateActionItems(timeframe)
    }
  }
}