|
|
--- |
|
|
title: Szuflada |
|
|
emoji: 💬 |
|
|
colorFrom: yellow |
|
|
colorTo: purple |
|
|
sdk: gradio |
|
|
sdk_version: 5.0.1 |
|
|
app_file: app.py |
|
|
pinned: false |
|
|
license: cc-by-4.0 |
|
|
short_description: Chatbot korzystający z zasobów serwisu mojaszuflada.pl |
|
|
--- |
|
|
|
|
|
# Szuflada |
|
|
|
|
|
Czatbot korzystający z zasobów serwisu [mojaszuflada.pl](https://mojaszuflada.pl), wykorzystujący Gradio oraz RAG z lokalną bazą Chroma i Hugging Face Inference API. |
|
|
|
|
|
## Instalacja |
|
|
|
|
|
1. Sklonuj repozytorium: |
|
|
|
|
|
```bash |
|
|
git clone https://github.com/<użytkownik>/szuflada.git |
|
|
cd szuflada |
|
|
``` |
|
|
|
|
|
2. Utwórz i aktywuj środowisko wirtualne: |
|
|
|
|
|
```bash |
|
|
python3 -m venv venv |
|
|
source venv/bin/activate # Linux/macOS |
|
|
venv\Scripts\activate # Windows |
|
|
``` |
|
|
|
|
|
3. Zainstaluj zależności: |
|
|
|
|
|
```bash |
|
|
pip install -r requirements.txt |
|
|
``` |
|
|
|
|
|
4. Zaloguj się do Hugging Face (jeśli korzystasz z API): |
|
|
|
|
|
```bash |
|
|
huggingface-cli login |
|
|
``` |
|
|
|
|
|
5. (Opcjonalnie) Ustaw zmienną środowiskową z tokenem: |
|
|
|
|
|
```bash |
|
|
export HUGGINGFACEHUB_API_TOKEN=Twój_Token |
|
|
``` |
|
|
|
|
|
## Użycie |
|
|
|
|
|
Uruchom aplikację lokalnie: |
|
|
|
|
|
```bash |
|
|
python app.py |
|
|
``` |
|
|
|
|
|
Aplikacja będzie dostępna pod adresem <http://localhost:7860>. Otwórz tę stronę w przeglądarce, aby rozpocząć czat. |
|
|
|
|
|
## Osadzanie na innych stronach internetowych |
|
|
|
|
|
### Metoda 1: iframe |
|
|
|
|
|
```html |
|
|
<iframe src="http://adres_twojej_aplikacji:7860" width="700" height="800" frameborder="0"></iframe> |
|
|
``` |
|
|
|
|
|
### Metoda 2: Embed Gradio (Hugging Face Spaces) |
|
|
|
|
|
Jeśli aplikacja jest wdrożona jako Space na Hugging Face, użyj oficjalnego skryptu: |
|
|
|
|
|
```html |
|
|
<script src="https://cdn.jsdelivr.net/npm/@gradio/embed"></script> |
|
|
<gradio-embed |
|
|
src="username/szuflada" <!-- zastąp username swoją nazwą użytkownika/Space --> |
|
|
width="700" |
|
|
height="800" |
|
|
></gradio-embed> |
|
|
``` |
|
|
|
|
|
### Metoda 3: JavaScript SDK |
|
|
|
|
|
```html |
|
|
<script type="module"> |
|
|
import Gradio from "https://cdn.jsdelivr.net/npm/@gradio/embed@2.0.0/+esm"; |
|
|
new Gradio.Embed("https://huggingface.co/embed/username/szuflada", { |
|
|
container: document.getElementById("gradio-container"), |
|
|
width: 700, |
|
|
height: 800 |
|
|
}); |
|
|
</script> |
|
|
<div id="gradio-container"></div> |
|
|
``` |
|
|
|
