Spaces:

LevinAleksey
/

chat_b

Sleeping

App Files Files Community

Levin-Aleksey commited on Mar 8

Commit

2a7af07

1 Parent(s): 5187777

start

Browse files

Files changed (12) hide show

Dockerfile +52 -8
main.py → backend/main.py +0 -0
requirements.txt → backend/requirements.txt +0 -0
frontend/app/globals.css +33 -0
frontend/app/layout.tsx +16 -0
frontend/app/page.tsx +89 -0
frontend/next.config.js +14 -0
frontend/package.json +25 -0
frontend/postcss.config.js +6 -0
frontend/tailwind.config.js +11 -0
frontend/tsconfig.json +27 -0
nginx.conf +35 -0

Dockerfile CHANGED Viewed

@@ -1,16 +1,60 @@
 FROM python:3.10-slim
 WORKDIR /app
-# Установка зависимостей
-COPY requirements.txt .
-RUN pip install --no-cache-dir -r requirements.txt
-# Копируем код
-COPY . .
-# Открываем порт 7860 (требование HF)
 EXPOSE 7860
-# Запуск через uvicorn
-CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

+# Stage 1: Build frontend
+FROM node:20-alpine AS frontend-builder
+WORKDIR /app/frontend
+COPY frontend/package.json ./
+RUN npm install
+COPY frontend/ ./
+RUN npm run build
+# Stage 2: Final image
 FROM python:3.10-slim
+# Install nginx and supervisor
+RUN apt-get update && apt-get install -y nginx supervisor && rm -rf /var/lib/apt/lists/*
 WORKDIR /app
+# Backend
+COPY backend/requirements.txt ./backend/
+RUN pip install --no-cache-dir -r backend/requirements.txt
+COPY backend/ ./backend/
+# Frontend from builder
+COPY --from=frontend-builder /app/frontend/.next/standalone ./frontend/
+COPY --from=frontend-builder /app/frontend/.next/static ./frontend/.next/static
+COPY --from=frontend-builder /app/frontend/public ./frontend/public
+# Nginx config
+COPY nginx.conf /etc/nginx/nginx.conf
+# Supervisor config
+RUN cat > /etc/supervisor/conf.d/app.conf << 'EOF'
+[supervisord]
+nodaemon=true
+[program:backend]
+command=uvicorn backend.main:app --host 127.0.0.1 --port 8000
+directory=/app
+autostart=true
+autorestart=true
+[program:frontend]
+command=node frontend/server.js
+directory=/app
+environment=PORT=3000
+autostart=true
+autorestart=true
+[program:nginx]
+command=nginx -g "daemon off;"
+autostart=true
+autorestart=true
+EOF
 EXPOSE 7860
+CMD ["supervisord", "-c", "/etc/supervisor/supervisord.conf"]

main.py → backend/main.py RENAMED Viewed

File without changes

requirements.txt → backend/requirements.txt RENAMED Viewed

File without changes

frontend/app/globals.css ADDED Viewed

	@@ -0,0 +1,33 @@

+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  background-color: #1a1a1a;
+  color: #e5e5e5;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+}
+/* Кастомный скроллбар */
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background: #2a2a2a;
+}
+::-webkit-scrollbar-thumb {
+  background: #4a4a4a;
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #5a5a5a;
+}

frontend/app/layout.tsx ADDED Viewed

	@@ -0,0 +1,16 @@

+import './globals.css'
+export default function RootLayout({
+  children
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="ru">
+      <head>
+        <title>Equipment Assistant</title>
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}

frontend/app/page.tsx ADDED Viewed

	@@ -0,0 +1,89 @@

+'use client'
+import { useChat } from 'ai/react'
+import { useEffect, useRef } from 'react'
+export default function Chat() {
+  const { messages, input, handleInputChange, handleSubmit, isLoading } = useChat({
+    api: '/api/chat'
+  })
+  const messagesEndRef = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }, [messages])
+  return (
+    <div className="flex flex-col h-screen bg-zinc-900">
+      <header className="flex items-center justify-center py-4 border-b border-zinc-800">
+        <h1 className="text-lg font-medium text-white">Equipment Assistant</h1>
+      </header>
+      <main className="flex-1 overflow-y-auto px-4 py-6">
+        <div className="max-w-3xl mx-auto space-y-6">
+          {messages.length === 0 && (
+            <div className="flex flex-col items-center justify-center text-center py-20">
+              <div className="w-16 h-16 mb-6 rounded-full bg-zinc-800 flex items-center justify-center">
+                <svg className="w-8 h-8 text-zinc-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" />
+                </svg>
+              </div>
+              <h2 className="text-xl font-medium text-white mb-2">Чем могу помочь?</h2>
+              <p className="text-zinc-500 max-w-md">Задайте вопрос о научном оборудовании</p>
+            </div>
+          )}
+          {messages.map((message) => (
+            <div key={message.id} className={`flex ${message.role === 'user' ? 'justify-end' : 'justify-start'}`}>
+              <div className={`max-w-[80%] px-4 py-3 rounded-2xl ${message.role === 'user' ? 'bg-zinc-700 text-white' : 'bg-zinc-800 text-zinc-100'}`}>
+                <p className="whitespace-pre-wrap leading-relaxed">{message.content}</p>
+              </div>
+            </div>
+          ))}
+          {isLoading && (
+            <div className="flex justify-start">
+              <div className="bg-zinc-800 px-4 py-3 rounded-2xl flex space-x-2">
+                <div className="w-2 h-2 bg-zinc-600 rounded-full animate-bounce"></div>
+                <div className="w-2 h-2 bg-zinc-600 rounded-full animate-bounce" style={{animationDelay: '150ms'}}></div>
+                <div className="w-2 h-2 bg-zinc-600 rounded-full animate-bounce" style={{animationDelay: '300ms'}}></div>
+              </div>
+            </div>
+          )}
+          <div ref={messagesEndRef} />
+        </div>
+      </main>
+      <footer className="border-t border-zinc-800 px-4 py-4">
+        <form onSubmit={handleSubmit} className="max-w-3xl mx-auto">
+          <div className="flex items-end gap-3 bg-zinc-800 rounded-2xl px-4 py-3">
+            <textarea
+              value={input}
+              onChange={handleInputChange}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                  e.preventDefault()
+                  handleSubmit(e)
+                }
+              }}
+              placeholder="Введите сообщение..."
+              rows={1}
+              className="flex-1 bg-transparent text-white placeholder-zinc-500 resize-none outline-none max-h-32"
+            />
+            <button
+              type="submit"
+              disabled={isLoading || !input.trim()}
+              className="p-2 rounded-lg bg-white text-black disabled:opacity-40 hover:bg-zinc-200 transition-colors"
+            >
+              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 12h14M12 5l7 7-7 7" />
+              </svg>
+            </button>
+          </div>
+        </form>
+      </footer>
+    </div>
+  )
+}

frontend/next.config.js ADDED Viewed

	@@ -0,0 +1,14 @@

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'standalone',
+  async rewrites() {
+    return [
+      {
+        source: '/api/:path*',
+        destination: 'http://localhost:8000/api/:path*'
+      }
+    ]
+  }
+}
+module.exports = nextConfig

frontend/package.json ADDED Viewed

	@@ -0,0 +1,25 @@

+{
+  "name": "chat-frontend",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "14.2.0",
+    "react": "18.3.0",
+    "react-dom": "18.3.0",
+    "ai": "3.4.0",
+    "react-markdown": "9.0.1"
+  },
+  "devDependencies": {
+    "typescript": "5.4.0",
+    "@types/node": "20.12.0",
+    "@types/react": "18.3.0",
+    "tailwindcss": "3.4.0",
+    "postcss": "8.4.38",
+    "autoprefixer": "10.4.19"
+  }
+}

frontend/postcss.config.js ADDED Viewed

	@@ -0,0 +1,6 @@

+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}

frontend/tailwind.config.js ADDED Viewed

	@@ -0,0 +1,11 @@

+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}'
+  ],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+}

frontend/tsconfig.json ADDED Viewed

	@@ -0,0 +1,27 @@

+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

nginx.conf ADDED Viewed

	@@ -0,0 +1,35 @@

+events {
+    worker_connections 1024;
+}
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+    server {
+        listen 7860;
+        server_name localhost;
+        # Backend API
+        location /api/ {
+            proxy_pass http://127.0.0.1:8000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection 'upgrade';
+            proxy_set_header Host $host;
+            proxy_cache_bypass $http_upgrade;
+            proxy_buffering off;
+            proxy_read_timeout 120s;
+        }
+        # Frontend (Next.js standalone)
+        location / {
+            proxy_pass http://127.0.0.1:3000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection 'upgrade';
+            proxy_set_header Host $host;
+            proxy_cache_bypass $http_upgrade;
+        }
+    }
+}