{
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "build:seo": "tsc && vite build --mode seo",
    "preview": "vite preview",
    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
    "type-check": "tsc --noEmit"
  }
}

{
  "scripts": {
    "generate-sitemap": "node scripts/generate-sitemap.js",
    "generate-sitemap:simple": "node scripts/generate-sitemap-simple.js"
  }
}

// vite.config.ts
export default defineConfig(({ mode }) => ({
  plugins: [react(), versionPlugin()],
  resolve: {
    alias: {
      '@': resolve(__dirname, './src'),
    },
  },
  define: {
    __APP_VERSION__: JSON.stringify(process.env.npm_package_version || '1.0.0'),
    __BUILD_TIME__: JSON.stringify(new Date().toISOString()),
    __BUILD_HASH__: JSON.stringify(generateBuildHash()),
  },
  esbuild: mode === 'production'
    ? { 
        pure: ['console.log', 'console.info', 'console.debug', 'console.trace'],
        drop: ['debugger']
      }
    : {},
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom'],
          router: ['react-router-dom'],
          supabase: ['@supabase/supabase-js'],
        },
      },
    },
  },
}))

manualChunks: {
  vendor: ['react', 'react-dom'],        // Core React libraries
  router: ['react-router-dom'],          // Routing library
  supabase: ['@supabase/supabase-js'],   // Backend client
}

function versionPlugin() {
  return {
    name: 'version-plugin',
    transformIndexHtml(html: string) {
      const version = process.env.npm_package_version || '1.0.0'
      const buildTime = new Date().toISOString()
      const buildHash = generateBuildHash()
      
      // Update meta tags in HTML
      let updatedHtml = html
        .replace(/<meta name="app-version" content="[^"]*">/g, 
                `<meta name="app-version" content="${version}">`)
        .replace(/<meta name="build-time" content="[^"]*">/g, 
                `<meta name="build-time" content="${buildTime}">`)
        .replace(/<meta name="build-hash" content="[^"]*">/g, 
                `<meta name="build-hash" content="${buildHash}">`)
      
      return updatedHtml
    },
    generateBundle() {
      const version = {
        version: process.env.npm_package_version || '1.0.0',
        buildTime: new Date().toISOString(),
        hash: generateBuildHash(),
        environment: process.env.NODE_ENV || 'development'
      }
      
      // Write version info to public directory
      this.emitFile({
        type: 'asset',
        fileName: 'version.json',
        source: JSON.stringify(version, null, 2)
      })
    }
  }
}

// scripts/generate-sitemap.js
const fs = require('fs')
const path = require('path')

async function generateSitemap() {
  const baseUrl = process.env.VITE_APP_URL || 'https://sto-education.com'
  
  // Static pages
  const staticPages = [
    '/',
    '/about',
    '/courses',
    '/teachers',
    '/contact',
    '/privacy',
    '/terms'
  ]
  
  // Dynamic pages (from database)
  const dynamicPages = await fetchDynamicPages()
  
  // Generate sitemap XML
  const sitemap = generateSitemapXML([...staticPages, ...dynamicPages], baseUrl)
  
  // Write to public directory
  fs.writeFileSync(path.join(__dirname, '../public/sitemap.xml'), sitemap)
  
  console.log('✅ Sitemap generated successfully')
}

function generateSitemapXML(pages, baseUrl) {
  const urls = pages.map(page => `
  <url>
    <loc>${baseUrl}${page}</loc>
    <lastmod>${new Date().toISOString()}</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>`).join('')
  
  return `<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
${urls}
</urlset>`
}

// scripts/generate-sitemap-simple.js
const fs = require('fs')
const path = require('path')

function generateSimpleSitemap() {
  const baseUrl = 'https://sto-education.com'
  
  const pages = [
    { url: '/', priority: '1.0' },
    { url: '/courses', priority: '0.9' },
    { url: '/teachers', priority: '0.8' },
    { url: '/about', priority: '0.7' },
    { url: '/contact', priority: '0.6' }
  ]
  
  const sitemap = generateXML(pages, baseUrl)
  
  fs.writeFileSync(path.join(__dirname, '../public/sitemap.xml'), sitemap)
  console.log('✅ Simple sitemap generated')
}

function generateXML(pages, baseUrl) {
  const urls = pages.map(page => `
  <url>
    <loc>${baseUrl}${page.url}</loc>
    <priority>${page.priority}</priority>
    <changefreq>weekly</changefreq>
  </url>`).join('')
  
  return `<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
${urls}
</urlset>`
}

dist/
├── index.html                 # Main HTML file
├── assets/
│   ├── index-[hash].js       # Main application bundle
│   ├── index-[hash].css      # Main stylesheet
│   ├── vendor-[hash].js      # Vendor libraries chunk
│   ├── router-[hash].js      # Router chunk
│   └── supabase-[hash].js    # Supabase chunk
├── version.json              # Build version information
└── sitemap.xml               # Generated sitemap

{
  "version": "1.0.0",
  "buildTime": "2024-01-15T10:30:00.000Z",
  "hash": "build-20240115-1030",
  "environment": "production"
}

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "installCommand": "npm install",
  "framework": "vite"
}

# .github/workflows/deploy.yml
name: Build and Deploy
on:
  push:
    branches: [main]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '18'
      - run: npm install
      - run: npm run type-check
      - run: npm run lint
      - run: npm run build
      - run: npm run generate-sitemap

# Verbose build output
npm run build -- --debug

# Analyze bundle
npm run build -- --analyze

# Check build size
npm run build && npx vite-bundle-analyzer dist