Feedback Widget

import { Feedback } from '@/components/custom/feedback'

<div className="prose max-w-none">
            <MDXRemote ... />
          </div>

          <Feedback />
        </article>

export function getBaseUrl() {
  if (typeof window === 'undefined') return '/api/feedback'
  const hostname = window.location.hostname
  if (hostname === 'localhost' || hostname === '127.0.0.1') {
    return 'http://localhost:3002/api/feedback'
  }
  if (hostname.startsWith('docs-dev.')) {
    return 'https://dev.example.com/api/feedback'
  }
  if (hostname.startsWith('docs-staging.')) {
    return 'https://staging.example.com/api/feedback'
  }
  return '/api/feedback'
}

const express = require('express')
const cors = require('cors')
const { MongoClient } = require('mongodb')

const app = express()
const port = process.env.PORT || 3002

app.use(express.json())
app.use(cors({
  origin: ['http://localhost:3000', 'https://docs.example.com'],
}))

const client = new MongoClient(process.env.MONGODB_URI || 'mongodb://localhost:27017')
const db = client.db('trellis')
const feedback = db.collection('feedback')

// --- POST /api/feedback/submit ---
app.post('/api/feedback/submit', async (req, res) => {
  try {
    const { page, type, options, comment } = req.body

    if (!page || !type) {
      return res.status(400).json({ error: 'Missing required fields: page, type' })
    }
    if (type !== 'like' && type !== 'dislike') {
      return res.status(400).json({ error: 'type must be "like" or "dislike"' })
    }

    await feedback.insertOne({
      page, type,
      options: options || [],
      comment: comment || '',
      createdAt: new Date(),
    })

    res.json({ success: true })
  } catch (err) {
    console.error('Submit error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

// --- GET /api/feedback/summary ---
app.get('/api/feedback/summary', async (req, res) => {
  try {
    const { period } = req.query
    const filter = {}

    if (period === '7d') {
      filter.createdAt = { $gte: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) }
    } else if (period === '30d') {
      filter.createdAt = { $gte: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000) }
    }

    const docs = await feedback.find(filter).sort({ createdAt: -1 }).toArray()

    const likes = docs.filter(d => d.type === 'like').length
    const dislikes = docs.filter(d => d.type === 'dislike').length
    const total = docs.length
    const satisfactionRate = total > 0 ? (likes / total) * 100 : 0

    const pageMap = new Map()
    for (const doc of docs) {
      const entry = pageMap.get(doc.page) || { page: doc.page, likes: 0, dislikes: 0, total: 0 }
      entry[doc.type === 'like' ? 'likes' : 'dislikes']++
      entry.total++
      pageMap.set(doc.page, entry)
    }
    const byPage = Array.from(pageMap.values()).map(p => ({
      ...p,
      satisfactionRate: p.total > 0 ? (p.likes / p.total) * 100 : 0,
    }))

    const optionMap = new Map()
    for (const doc of docs) {
      for (const opt of doc.options || []) {
        const key = `${opt}:${doc.type}`
        const entry = optionMap.get(key) || { option: opt, count: 0, type: doc.type }
        entry.count++
        optionMap.set(key, entry)
      }
    }
    const byOption = Array.from(optionMap.values())

    const recentEntries = docs.slice(0, 100).map(d => ({
      id: d._id.toString(),
      page: d.page,
      type: d.type,
      options: d.options || [],
      comment: d.comment || '',
      createdAt: d.createdAt.toISOString(),
    }))

    res.json({ totals: { total, likes, dislikes, satisfactionRate }, byPage, byOption, recentEntries })
  } catch (err) {
    console.error('Summary error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

client.connect().then(() => {
  app.listen(port, () => console.log(`Feedback API running on port ${port}`))
})

const express = require('express')
const cors = require('cors')
const { CosmosClient } = require('@azure/cosmos')

const app = express()
const port = process.env.PORT || 3002

app.use(express.json())
app.use(cors({
  origin: ['http://localhost:3000', 'https://docs.example.com'],
}))

const client = new CosmosClient({
  endpoint: process.env.COSMOS_ENDPOINT,
  key: process.env.COSMOS_KEY,
})
const container = client.database('trellis').container('feedback')

// --- POST /api/feedback/submit ---
app.post('/api/feedback/submit', async (req, res) => {
  try {
    const { page, type, options, comment } = req.body

    if (!page || !type) {
      return res.status(400).json({ error: 'Missing required fields: page, type' })
    }
    if (type !== 'like' && type !== 'dislike') {
      return res.status(400).json({ error: 'type must be "like" or "dislike"' })
    }

    await container.items.create({
      page, type,
      options: options || [],
      comment: comment || '',
      createdAt: new Date().toISOString(),
    })

    res.json({ success: true })
  } catch (err) {
    console.error('Submit error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

// --- GET /api/feedback/summary ---
app.get('/api/feedback/summary', async (req, res) => {
  try {
    const { period } = req.query

    // Build date filter
    let dateFilter = ''
    if (period === '7d') {
      dateFilter = `AND c.createdAt >= "${new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString()}"`
    } else if (period === '30d') {
      dateFilter = `AND c.createdAt >= "${new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString()}"`
    }

    const { resources: docs } = await container.items
      .query(`SELECT * FROM c WHERE 1=1 ${dateFilter} ORDER BY c.createdAt DESC`)
      .fetchAll()

    const likes = docs.filter(d => d.type === 'like').length
    const dislikes = docs.filter(d => d.type === 'dislike').length
    const total = docs.length
    const satisfactionRate = total > 0 ? (likes / total) * 100 : 0

    const pageMap = new Map()
    for (const doc of docs) {
      const entry = pageMap.get(doc.page) || { page: doc.page, likes: 0, dislikes: 0, total: 0 }
      entry[doc.type === 'like' ? 'likes' : 'dislikes']++
      entry.total++
      pageMap.set(doc.page, entry)
    }
    const byPage = Array.from(pageMap.values()).map(p => ({
      ...p,
      satisfactionRate: p.total > 0 ? (p.likes / p.total) * 100 : 0,
    }))

    const optionMap = new Map()
    for (const doc of docs) {
      for (const opt of doc.options || []) {
        const key = `${opt}:${doc.type}`
        const entry = optionMap.get(key) || { option: opt, count: 0, type: doc.type }
        entry.count++
        optionMap.set(key, entry)
      }
    }
    const byOption = Array.from(optionMap.values())

    const recentEntries = docs.slice(0, 100).map(d => ({
      id: d.id,
      page: d.page,
      type: d.type,
      options: d.options || [],
      comment: d.comment || '',
      createdAt: d.createdAt,
    }))

    res.json({ totals: { total, likes, dislikes, satisfactionRate }, byPage, byOption, recentEntries })
  } catch (err) {
    console.error('Summary error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

app.listen(port, () => console.log(`Feedback API running on port ${port}`))

const express = require('express')
const cors = require('cors')
const { Pool } = require('pg')

const app = express()
const port = process.env.PORT || 3002

app.use(express.json())
app.use(cors({
  origin: ['http://localhost:3000', 'https://docs.example.com'],
}))

const pool = new Pool({ connectionString: process.env.DATABASE_URL })

// --- POST /api/feedback/submit ---
app.post('/api/feedback/submit', async (req, res) => {
  try {
    const { page, type, options, comment } = req.body

    if (!page || !type) {
      return res.status(400).json({ error: 'Missing required fields: page, type' })
    }
    if (type !== 'like' && type !== 'dislike') {
      return res.status(400).json({ error: 'type must be "like" or "dislike"' })
    }

    await pool.query(
      'INSERT INTO feedback (page, type, options, comment) VALUES ($1, $2, $3, $4)',
      [page, type, options || [], comment || '']
    )

    res.json({ success: true })
  } catch (err) {
    console.error('Submit error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

// --- GET /api/feedback/summary ---
app.get('/api/feedback/summary', async (req, res) => {
  try {
    const { period } = req.query

    let dateClause = ''
    const params = []
    if (period === '7d') {
      dateClause = 'WHERE created_at >= NOW() - INTERVAL \'7 days\''
    } else if (period === '30d') {
      dateClause = 'WHERE created_at >= NOW() - INTERVAL \'30 days\''
    }

    const { rows: docs } = await pool.query(
      `SELECT id, page, type, options, comment, created_at FROM feedback ${dateClause} ORDER BY created_at DESC`,
      params
    )

    const likes = docs.filter(d => d.type === 'like').length
    const dislikes = docs.filter(d => d.type === 'dislike').length
    const total = docs.length
    const satisfactionRate = total > 0 ? (likes / total) * 100 : 0

    const pageMap = new Map()
    for (const doc of docs) {
      const entry = pageMap.get(doc.page) || { page: doc.page, likes: 0, dislikes: 0, total: 0 }
      entry[doc.type === 'like' ? 'likes' : 'dislikes']++
      entry.total++
      pageMap.set(doc.page, entry)
    }
    const byPage = Array.from(pageMap.values()).map(p => ({
      ...p,
      satisfactionRate: p.total > 0 ? (p.likes / p.total) * 100 : 0,
    }))

    const optionMap = new Map()
    for (const doc of docs) {
      for (const opt of doc.options || []) {
        const key = `${opt}:${doc.type}`
        const entry = optionMap.get(key) || { option: opt, count: 0, type: doc.type }
        entry.count++
        optionMap.set(key, entry)
      }
    }
    const byOption = Array.from(optionMap.values())

    const recentEntries = docs.slice(0, 100).map(d => ({
      id: d.id.toString(),
      page: d.page,
      type: d.type,
      options: d.options || [],
      comment: d.comment || '',
      createdAt: d.created_at.toISOString(),
    }))

    res.json({ totals: { total, likes, dislikes, satisfactionRate }, byPage, byOption, recentEntries })
  } catch (err) {
    console.error('Summary error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

app.listen(port, () => console.log(`Feedback API running on port ${port}`))

const express = require('express')
const cors = require('cors')
const { initializeApp, cert } = require('firebase-admin/app')
const { getFirestore, Timestamp } = require('firebase-admin/firestore')

const app = express()
const port = process.env.PORT || 3002

app.use(express.json())
app.use(cors({
  origin: ['http://localhost:3000', 'https://docs.example.com'],
}))

initializeApp({ credential: cert(JSON.parse(process.env.FIREBASE_CREDENTIALS)) })
const db = getFirestore()
const feedbackRef = db.collection('feedback')

// --- POST /api/feedback/submit ---
app.post('/api/feedback/submit', async (req, res) => {
  try {
    const { page, type, options, comment } = req.body

    if (!page || !type) {
      return res.status(400).json({ error: 'Missing required fields: page, type' })
    }
    if (type !== 'like' && type !== 'dislike') {
      return res.status(400).json({ error: 'type must be "like" or "dislike"' })
    }

    await feedbackRef.add({
      page, type,
      options: options || [],
      comment: comment || '',
      createdAt: Timestamp.now(),
    })

    res.json({ success: true })
  } catch (err) {
    console.error('Submit error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

// --- GET /api/feedback/summary ---
app.get('/api/feedback/summary', async (req, res) => {
  try {
    const { period } = req.query

    let query = feedbackRef.orderBy('createdAt', 'desc')
    if (period === '7d') {
      query = query.where('createdAt', '>=', Timestamp.fromDate(new Date(Date.now() - 7 * 24 * 60 * 60 * 1000)))
    } else if (period === '30d') {
      query = query.where('createdAt', '>=', Timestamp.fromDate(new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)))
    }

    const snapshot = await query.get()
    const docs = snapshot.docs.map(d => ({ id: d.id, ...d.data() }))

    const likes = docs.filter(d => d.type === 'like').length
    const dislikes = docs.filter(d => d.type === 'dislike').length
    const total = docs.length
    const satisfactionRate = total > 0 ? (likes / total) * 100 : 0

    const pageMap = new Map()
    for (const doc of docs) {
      const entry = pageMap.get(doc.page) || { page: doc.page, likes: 0, dislikes: 0, total: 0 }
      entry[doc.type === 'like' ? 'likes' : 'dislikes']++
      entry.total++
      pageMap.set(doc.page, entry)
    }
    const byPage = Array.from(pageMap.values()).map(p => ({
      ...p,
      satisfactionRate: p.total > 0 ? (p.likes / p.total) * 100 : 0,
    }))

    const optionMap = new Map()
    for (const doc of docs) {
      for (const opt of doc.options || []) {
        const key = `${opt}:${doc.type}`
        const entry = optionMap.get(key) || { option: opt, count: 0, type: doc.type }
        entry.count++
        optionMap.set(key, entry)
      }
    }
    const byOption = Array.from(optionMap.values())

    const recentEntries = docs.slice(0, 100).map(d => ({
      id: d.id,
      page: d.page,
      type: d.type,
      options: d.options || [],
      comment: d.comment || '',
      createdAt: d.createdAt.toDate().toISOString(),
    }))

    res.json({ totals: { total, likes, dislikes, satisfactionRate }, byPage, byOption, recentEntries })
  } catch (err) {
    console.error('Summary error:', err)
    res.status(500).json({ error: 'Internal server error' })
  }
})

app.listen(port, () => console.log(`Feedback API running on port ${port}`))

export const siteConfig = {
  repoUrl: 'https://github.com/your-org/your-repo',
  // ...
}