Files
vulp/docs/guide-designer.md
T
2026-06-10 12:41:14 +02:00

199 lines
6.4 KiB
Markdown

# Poradnik dla grafika — jak używać fxg
> Ten poradnik zakłada, że nigdy wcześniej nie używałeś terminalu do pracy z kodem. Spokojnie — to jest prostsze niż myślisz.
---
## Co to jest i po co to komuś?
Wyobraź sobie, że każdy projekt (strona, aplikacja, assets) mieszka w osobnym folderze na GitHubie. `fxg` to program, który pozwala ci zarządzać tymi wszystkimi folderami jednocześnie — zobaczyć co się zmieniło, wysłać zmiany na serwer, pobrać najnowszą wersję — wszystko bez klikania po interfejsie GitHuba.
**Dla Ciebie oznacza to:** zamiast wchodzić na stronę GitHuba i klikać w każde repozytorium osobno, wpisujesz jedną komendę i widzisz status wszystkiego.
---
## Krok 1 — Instalacja
### Windows
1. Pobierz plik `fxg.exe` z sekcji [Releases](https://github.com/twoj-team/fxg/releases) (zakładka "Assets")
2. Przenieś plik do folderu `C:\Users\TwojeImie\` (czyli do swojego folderu domowego)
3. Otwórz **Terminal** (wyszukaj "Terminal" w menu Start, lub `Windows + R` → wpisz `cmd` → Enter)
4. Wpisz `fxg --version` i naciśnij Enter — jeśli widzisz numer wersji, instalacja się udała
> Jeśli system pyta "Czy chcesz uruchomić ten plik?" — kliknij "Tak" / "Uruchom mimo to".
### Linux (np. Linux Mint)
Otwórz terminal i wklej:
```
curl -fsSL https://github.com/twoj-team/fxg/install.sh | bash
```
Gotowe.
### macOS
```
brew install twoj-team/tap/fxg
```
(wymaga Homebrew — jeśli nie masz, zapytaj kolegę programistę)
---
## Krok 2 — Pierwsze uruchomienie (robisz to RAZ)
Otwórz terminal i wpisz:
```
fxg config
```
Pojawi się ekran konfiguracji. Ustaw:
| Pole | Co wpisać |
|---|---|
| `workspace_root` | Folder gdzie trzymasz projekty, np. `C:\Users\TwojeImie\projekty` lub `/home/twoje/projekty` |
| `username` | Twoje imię i nazwisko lub nick (to będzie widoczne w commitach) |
| `email` | Twój email z GitHuba |
Poruszasz się strzałkami, edytujesz pole po naciśnięciu Enter, zapisujesz przez `q` lub `Ctrl+S`.
---
## Krok 3 — Podłącz konto GitHub (robisz to RAZ)
Potrzebujesz **tokenu dostępu** z GitHuba. Oto jak go zdobyć:
1. Wejdź na [github.com/settings/tokens](https://github.com/settings/tokens)
2. Kliknij **"Generate new token (classic)"**
3. Wpisz nazwę (np. "fxg na moim laptopie")
4. Zaznacz: `repo` (cały zakres)
5. Kliknij **"Generate token"** na dole
6. **Skopiuj token** — zobaczysz go tylko raz!
Teraz wróć do terminalu i wpisz (zamień `TWOJ_TOKEN` na skopiowany token):
```
fxg auth add --provider github --token TWOJ_TOKEN
```
Gotowe. Token jest bezpiecznie zapisany na Twoim komputerze.
---
## Codzienne użycie
### Sprawdź co się dzieje we wszystkich projektach
```
fxg status
```
Zobaczysz tabelę z projektami. Co oznaczają kolumny:
```
# NAZWA BRANCH AHEAD BEHIND DIRTY OSTATNI COMMIT
1 projekt-strona main 0 2 ✗ 2h temu
2 projekt-logo develop 1 0 ✓ wczoraj
```
| Kolumna | Co znaczy |
|---|---|
| `AHEAD` | Masz zmiany gotowe do wysłania na serwer |
| `BEHIND` | Na serwerze są nowsze zmiany — ktoś coś dodał |
| `DIRTY ✓` | Masz niezapisane zmiany (jak "niezapisany dokument") |
**Poruszanie się:** strzałki góra/dół, `Enter` żeby wejść w szczegóły projektu, `q` żeby wyjść.
---
### Pobierz najnowszą wersję projektu
Jeśli `BEHIND` pokazuje liczbę większą od 0, ktoś dodał zmiany na serwerze. Pobierz je:
```
fxg sync pull --all
```
To pobierze najnowszą wersję **wszystkich** projektów naraz.
---
### Wyślij swoje zmiany na serwer
Masz nowe pliki (np. nowe grafiki, zaktualizowane assets)? Użyj interaktywnego trybu:
```
fxg sync
```
Pojawi się ekran z listą projektów. Obsługa:
1. **Zaznacz projekt** — naciśnij `Spacja` przy projekcie który chcesz wysłać. Możesz zaznaczyć kilka.
- `a` — zaznacz wszystkie naraz
2. **Naciśnij Enter** — przejdziesz do wyboru akcji
3. **Wybierz "Commit"** — strzałkami, potem Enter. Wpisz opis zmian (np. "nowe bannery dla kampanii Q2"), Enter.
4. **Wybierz "Push"** — to faktycznie wysyła na serwer.
> **Commit vs Push:** Commit to jak "zapisanie wersji" lokalnie. Push to wysłanie tej wersji na serwer. Zawsze robisz najpierw Commit, potem Push.
---
### Szybki push z linii komend (jeśli wiesz co robisz)
```
fxg sync push --all -m "aktualizacja grafik landing page"
```
To jednocześnie commita (z wiadomością po `-m`) i pushuje wszystkie zmienione projekty.
---
## Słowniczek
| Słowo | Po ludzku |
|---|---|
| **Repozytorium** (repo) | Folder projektu na GitHubie. Jak teczka z plikami projektu. |
| **Commit** | Zapisanie wersji plików z opisem "co zmieniłem". Jak ctrl+S z etykietką. |
| **Push** | Wysłanie swoich zmian na serwer GitHuba. |
| **Pull** | Pobranie zmian z serwera na swój komputer. |
| **Branch** | Wersja projektu. `main` to główna, `develop` to robocza. |
| **Dirty** | Pliki zmienione ale jeszcze nie scommitowane. |
| **Merge** | Połączenie dwóch wersji projektu w jedną. Robi to zwykle programista. |
---
## Coś nie działa?
**Terminal nie zna komendy `fxg`**
- Windows: sprawdź czy plik `fxg.exe` jest w folderze który jest w PATH. Najprostsze rozwiązanie: przenieś plik do `C:\Windows\System32\`
- Linux/Mac: sprawdź czy `~/.cargo/bin` jest w PATH, lub uruchom ręcznie: `./fxg`
**"Permission denied" lub "access denied"**
- Linux/Mac: wpisz `chmod +x fxg` przed pierwszym uruchomieniem
**"Authentication failed" przy push/pull**
- Token prawdopodobnie wygasł lub nie ma uprawnień do `repo`
- Wygeneruj nowy token i dodaj: `fxg auth add --provider github --token NOWY_TOKEN`
**Nie widzę swoich projektów w `fxg status`**
- Sprawdź czy `workspace_root` w `fxg config` wskazuje na właściwy folder
- Folder musi zawierać podfoldery z projektami (każdy projekt to osobny podfolder z `.git` w środku)
**Zmiany się nie wysyłają, `fxg sync push` nic nie robi**
- Najpierw sprawdź `fxg status` — kolumna `DIRTY` musi być `✓` żeby był co wysyłać
- Jeśli `DIRTY` jest `✗`, ale `AHEAD` > 0 — wystarczy sam push bez commita
---
## Szybka ściąga
```
fxg status # sprawdź co się dzieje
fxg sync pull --all # pobierz najnowsze wersje
fxg sync # interaktywny ekran: commit + push
fxg sync push --all -m "opis zmian" # szybki commit + push
fxg auth add --provider github --token TOKEN # dodaj konto
fxg config # zmień ustawienia
```