PromptTune — Монорепо версия для Vercel

Это обновленная версия PromptTune, подготовленная для деплоя на Vercel. Включает:

• extension/ — оригинальное WXT браузерное расширение
• web/ — Next.js веб-приложение с демо-интерфейсом и API

🚀 Быстрый старт

Локальная разработка

# Установить зависимости
npm install

# Запустить веб-приложение на localhost:3000
npm run dev

# Собрать оба проекта
npm run build:all

# Одновременно запустить extension и web (требует concurrently)
npm run dev:all

Структура

prompttune/
├── extension/          # WXT браузерное расширение
│   ├── src/
│   ├── package.json
│   └── wxt.config.ts
├── web/               # Next.js веб-приложение (деплоится на Vercel)
│   ├── app/
│   │   ├── page.tsx         # Главная страница с UI
│   │   ├── api/
│   │   │   └── improve/     # POST /api/improve
│   │   └── layout.tsx
│   ├── next.config.ts
│   └── package.json
├── package.json       # Корневой файл с workspaces
└── vercel.json        # Конфиг для Vercel

📋 Функциональность

Веб-приложение (web/)

• 🎨 Интерфейс для улучшения промптов
• 📊 Rate limiting (10 запросов на сессию в демо режиме)
• 🔧 API Route Handler: POST /api/improve
• 📱 Responsive дизайн с Tailwind CSS

API (web/app/api/improve/route.ts)

POST /api/improve

{
  "text": "Your prompt here"
}

Response:

{
  "improved_text": "Enhanced prompt...",
  "rate_limit": {
    "remaining": 9,
    "total": 10
  },
  "request_id": "uuid"
}

GET /api/improve — Health check, возвращает текущие rate limits

🌐 Деплой на Vercel

Метод 1: Через GitHub (рекомендуется)

1. Залить на GitHub:

   git remote add origin https://github.com/MERSEI/Vibe_prompt.git
   git branch -M main
   git push -u origin main
   

2. Создать проект на Vercel:

   • Перейти на https://vercel.com/new
   • Выбрать репозиторий
   • Framework: Next.js
   • Build command: cd web && npm run build
   • Output directory: web/.next
   • Click Deploy

Метод 2: Через Vercel CLI

# Установить Vercel CLI
npm install -g vercel

# Залить проект
vercel

# Для production
vercel --prod

🔧 Конфигурация

Environment Variables

Если нужны переменные окружения, добавьте их в Vercel Dashboard:

• NEXT_PUBLIC_APP_NAME (по умолчанию: "PromptTune")
• NEXT_PUBLIC_DEMO_MODE (по умолчанию: "true")

vercel.json

{
  "buildCommand": "cd web && npm run build",
  "outputDirectory": "web/.next",
  "framework": "nextjs",
  "nodeVersion": "20.x"
}

📦 Скрипты

Скрипт	Описание
npm run dev	Запустить веб-приложение
npm run build	Собрать веб-приложение
npm run build:all	Собрать всё (extension + web)
npm run dev:all	Запустить extension и web параллельно
npm run lint	Запустить ESLint

🎯 Что дальше

1. Добавить реальный AI API — заменить mock на Claude API или OpenAI
2. Добавить аутентификацию — Clerk, Auth0 или Vercel Sign in
3. Подключить БД — Neon Postgres для сохранения улучшенных промптов
4. Расширить функциональность — история, шаблоны, экспорт

📝 Лицензия

MIT

---

Готово к деплою на Vercel! 🚀