vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

function urlFetchPlugin() {
  return {
    name: 'url-fetch-proxy',
    configureServer(server: import('vite').ViteDevServer) {
      server.middlewares.use('/api/fetch-url', async (req, res) => {
        const qs = req.url?.split('?')[1] ?? ''
        const target = new URLSearchParams(qs).get('url')
        if (!target) {
          res.statusCode = 400
          res.end(JSON.stringify({ error: 'missing url param' }))
          return
        }
        try {
          const r = await fetch(target, {
            headers: { 'User-Agent': 'Mozilla/5.0 (compatible; Brain/1.0; +http://localhost)' },
            signal: AbortSignal.timeout(12000),
          })
          const html = await r.text()

          const stripTags = (s: string) =>
            s.replace(/<script[\s\S]*?<\/script>/gi, '')
             .replace(/<style[\s\S]*?<\/style>/gi, '')
             .replace(/<[^>]+>/g, ' ')
             .replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>')
             .replace(/&nbsp;/g, ' ').replace(/&#39;/g, "'").replace(/&quot;/g, '"')
             .replace(/\s+/g, ' ').trim()

          const ogTitle = html.match(/property="og:title"\s+content="([^"]{0,200})"/i)?.[1]
                       ?? html.match(/content="([^"]{0,200})"\s+property="og:title"/i)?.[1]
          const tagTitle = html.match(/<title[^>]*>([^<]{0,200})<\/title>/i)?.[1]
          const title = stripTags(ogTitle ?? tagTitle ?? '').slice(0, 200)

          const mainBlock = html.match(/<(?:article|main)[^>]*>([\s\S]*?)<\/(?:article|main)>/i)?.[1]
                         ?? html.match(/<body[^>]*>([\s\S]*?)<\/body>/i)?.[1]
                         ?? html
          const text = stripTags(mainBlock).slice(0, 8000)

          res.setHeader('Content-Type', 'application/json')
          res.end(JSON.stringify({ title, text }))
        } catch (e) {
          res.statusCode = 500
          res.end(JSON.stringify({ error: String(e) }))
        }
      })
    },
  }
}

const API_TARGET = process.env.VITE_API_BASE_URL ?? 'http://localhost:8090'

const proxyConfig = {
  '/v1': { target: API_TARGET, changeOrigin: true },
  '/sse': { target: API_TARGET, changeOrigin: true, ws: true },
}

export default defineConfig({
  plugins: [react(), urlFetchPlugin()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@api': path.resolve(__dirname, './src/api'),
      '@hooks': path.resolve(__dirname, './src/hooks'),
      '@store': path.resolve(__dirname, './src/store'),
      '@components': path.resolve(__dirname, './src/components'),
      '@pages': path.resolve(__dirname, './src/pages'),
      '@types': path.resolve(__dirname, './src/types'),
    },
  },
  server: {
    host: true,
    port: 5173,
    proxy: proxyConfig,
  },
  preview: {
    host: true,
    port: 5173,
    proxy: proxyConfig,
  },
  build: {
    target: 'esnext',
    sourcemap: process.env.NODE_ENV !== 'production',
  },
})