📖 Dokumentáció & Súgó

Üdvözöllek a WebVidrában!

Ez a program segít létrehozni egy villámgyors és modern weboldalt programozói tudás nélkül. Az alábbiakban megtalálod a legfontosabb tudnivalókat.

🚀 Kezdeti Lépések

Hogyan kezdjek hozzá?

A program indításakor válaszd ki a Projekt Mappát ("Projekt Mappa Megnyitása" gomb).
Ez az a mappa a gépeden, ahol a weboldalad összes fájlja tárolódik.
A program automatikusan létrehozza a szükséges almappákat:
- uploads: Ide másolódnak a beillesztett fotók.
- munkaim (vagy egyéni kategória nevek): Ide kerülnek a generált projekt aloldalak.
A legutóbb megnyitott projektek megjelennek az indítóképernyőn — kattints rájuk a gyors visszatéréshez.

💡 Tipp: Érdemes minden weboldaladnak egy teljesen üres, új mappát létrehozni a Dokumentumok között.

A Kezelőfelület felépítése

Bal Oldal (Tulajdonságok): Itt állíthatod be a kiválasztott blokk tulajdonságait (szöveg, kép csere, magasság, stb.). Alul találod a "⚙ Weboldal Beállítások" gombot a globális beállítások eléréséhez.
Közép (Előnézet): Ez az élő előnézet. Ide húzhatod a blokkokat a jobb oldali panelből, és kattintással jelölheted ki őket szerkesztésre.
Jobb Oldal (Blokkok): Innen adhatsz hozzá új elemeket az oldalhoz. Kattintással hozzáadás, vagy húzással az előnézetre.
Felső Eszköztár: Négy csoportra osztott gombsor:
- Előzmények: Visszavonás (↩), Újra (↪), Súgó (?)
- Oldal kezelés: Oldalváltó, Új oldal (+), Oldal törlése (−)
- Oldal szerkesztés: Átnevezés (✎), SEO leírás (📝), Duplikálás (⎘), Sorrend (↑↓), Láthatóság (👁)
- Műveletek: Projektek, Mentés, GENERÁLÁS, Deploy
AI Asszisztens (💬): A jobb alsó sarokban lebegő gomb megnyitja az AI chat ablakot.

Billentyűparancsok

Billentyű	Funkció
Ctrl+S	Projekt mentése
Ctrl+Z	Visszavonás (Undo)
Ctrl+Y	Újra (Redo)
Esc	Aktuális ablak/párbeszédpanel bezárása
Ctrl+`+`	Felügyeleti felület nagyítása (GUI zoom in)
Ctrl+`−`	Felügyeleti felület kicsinyítése (GUI zoom out)
Ctrl+0	Felügyeleti felület méretének visszaállítása (100%)

🎨 Szerkesztés és Blokkok

Elérhető blokk típusok

Blokk	Leírás
Hero / Borító	Nagy, figyelemfelkeltő borítókép szöveggel. Lehet egyetlen kép vagy automatikusan váltakozó diavetítés. Különálló mobil képeket is beállíthatsz.
Szövegdoboz	Szerkeszthető szöveg blokk formázási lehetőségekkel (félkövér, dőlt, link, szín, stb.).
Teljes Kép	Egy kép az oldal teljes szélességében, vagy állítható mérettel.
Kép + Szöveg / Szöveg + Kép	Kétoszlopos elrendezés: kép az egyik oldalon, szöveg a másikon.
Projekt Galéria	Kattintható csempék, amik a részletes projekt aloldalakra vezetnek. Automatikusan generálódik a beállításokból.
Képrács (Photo Grid)	Fotók mozaik-szerű galériában, lightbox előnézettel.
Videó Lejátszó	Videó blokk, amelyhez közvetlenül fájlt választhatsz (`.mp4`, `.webm`).
Gomb	Kattintható gomb egyedi színnel, szöveggel és URL-lel.
Egyedi HTML	Tetszőleges HTML kód beillesztése (pl. beágyazott videó, térkép, kérdőív).
Flex Container	Rugalmas konténer: akár 5 különböző elemet rakhatsz egymás mellé. Keskeny képernyőn automatikusan több sorba csordulnak.

Blokkok hozzáadása és mozgatása

Hozzáadás: Kattints bármelyik gombra a jobb oldali sávban, vagy húzd át az előnézeti vászonra a kívánt pozícióba.

Mozgatás: A középső előnézeti képen fogd meg az egeret egy blokkon, és húzd feljebb vagy lejjebb (Drag & Drop).

Szerkesztés: Kattints egy blokkra az előnézetben — a bal oldali panelben megjelennek a tulajdonságai. Szöveg blokkoknál dupla kattintással közvetlenül is szerkeszthetsz.

Törlés: Jelöld ki a blokkot, majd a bal oldali sáv tetején nyomd meg a piros "Blokk Törlése" gombot. A törlés visszavonható Ctrl+Z-vel.

Blokk stílusok testreszabása

Minden blokknak van egy "🎨 Blokk Stílus Szerkesztése" gombja a tulajdonságok panelen. Ezzel egyéni CSS stílusokat adhatsz hozzá az adott blokkhoz (pl. háttérszín, margó, kitöltés, keret).

A vizuális Box Model szerkesztővel intuitívan állíthatod be a margókat és kitöltéseket.

Képek kezelése és Galériák

Kétféle galéria típus van:

1. Photo Grid (Fotó rács):
Ezt használd, ha csak képeket akarsz kirakni az oldalra (pl. "Legjobb fotóim"). A bal oldali panelen adhatsz hozzá képeket, és egérrel sorrendbe is rendezheted őket. Minden képhez megadhatsz ALT szöveget (SEO) és feliratot.
2. Project Gallery (Projekt lista):
Ez automatikusan generálódik a "Weboldal Beállítások" → "Projects" listája alapján. Ezek kattintható csempék, amik egy részletes aloldalra visznek. Kiválaszthatod, hogy az összes projektet mutassa, vagy csak a kijelölteket.

💡 A program automatikusan átméretezi a képeket több felbontásra, hogy a weboldalad mobilon is villámgyors legyen. A smal mappában találod az átméretezett változatokat.

🤖 Mesterséges Intelligencia (AI)

Mire képes az AI asszisztens a programban?

Az AI segítségével utasításokat adhatsz a szerkesztőnek természetes nyelven (pl. "Készíts egy színátmenetes hátterű bemutatkozó részt", vagy "Írd át a szövegeket barátságosabb stílusra"). Az AI képes:

Új blokkokat létrehozni
Szövegeket írni és módosítani
A weboldal szerkezetét megváltoztatni
Javaslatokat adni (csak chat módban)

Három üzemmód közül választhatsz: Szerkesztés (élő változtatásokat hajt végre), Csak chat (csak javaslatokat ad) és SEO mód, ami keresőoptimalizálás javaslatokat ad.

Biztonságban vannak az adataim az AI használatakor?

Ez a választott szolgáltatótól függ:

Helyi futtatás (Ollama): Ha ezt választod, az AI teljes egészében a saját számítógépeden fut. Soha, semmilyen adat nem hagyja el a gépedet.
Felhő alapú (OpenAI, Google Gemini, Groq): Ezek használata esetén az alábbi adatok kerülnek elküldésre a külső szolgáltatónak:
- A weboldalad tartalma (blokkok szövege, címek, HTML kód, oldal-struktúra, meta leírások).
- A weboldal beállításai (cím, alcím, URL, lábléc szöveg, téma).
- Az általad írt utasítás/kérdés.
- Ha csatoltál fájlokat (CSS, JS, HTML), azok teljes tartalma.
Az adatátvitel HTTPS titkosítással történik.

⚠️ Fontos: A felhő alapú AI szolgáltatók (OpenAI, Gemini, Groq) használatakor a weboldalad tartalma elhagyja a gépedet és a szolgáltató szerverein kerül feldolgozásra. Ha ez nem elfogadható, használd az Ollama helyi megoldást.

API kulcsok tárolása: Az API kulcsaid helyben kerülnek mentésre — a böngésző helyi tárhelyén (localStorage) és egy konfigurációs fájlban a felhasználói mappádban (~/.webvidra_ai_settings.json). A WebVidra nem továbbítja semmilyen saját szervernek az adataidat, kizárólag az általad kiválasztott AI szolgáltatónak.

Kell fizetnem az AI használatért?

A WebVidra AI funkciója ingyenes, de a működéshez szükséges "motor" eltérő lehet:

Ollama: Teljesen ingyenes, de le kell töltened a modellt és a gépeden futtatni. Erős számítógép ajánlott.
Google Gemini: Külső szolgáltató, saját regisztráció és API kulcs szükséges.
Groq: Külső szolgáltató, saját regisztráció és API kulcs szükséges.
OpenAI: Külső szolgáltató, saját regisztráció és API kulcs szükséges.

Az AI beállításait a "Weboldal Beállítások" → "Alkalmazás" fülön konfigurálhatod.

Hibázhat az AI? Kell biztonsági mentés?

Igen, az AI modellek néha "hallucinálhatnak" vagy félreérthetik az utasítást, ami ritkán a weboldal tartalmának nem kívánt módosításához vezethet.

⚠️ Erősen javasoljuk, hogy mielőtt nagyobb átalakítást kérsz az AI-tól, készíts másolatot a projekt mappádról. A programban van Visszavonás (Ctrl+Z) funkció, de a biztonsági mentés a legbiztosabb.

⚙️ Oldalak és Navigáció

Új oldal létrehozása és Menü kezelés

A felső eszköztárban található gombok segítségével kezelheted az oldalakat:

Gomb	Funkció
+	Új oldal létrehozása (megadhatod a nevét)
−	Jelenlegi oldal törlése
✎	Oldal átnevezése (megváltoztatja a megjelenített nevet és a fájlnevet is)
📝	Oldal SEO leírásának szerkesztése (meta description — a Google találatokban jelenik meg)
⎘	Oldal duplikálása az összes blokkal együtt
↑ ↓	Oldalak sorrendjének változtatása a weboldal menüjében
👁	Oldal elrejtése/megjelenítése a navigációs menüből (a link megmarad)

💡 Tipp: Az index oldal a főoldal — ez mindig a weboldal gyökéroldalaként jelenik meg. Ennek a kulcsneve nem változtatható, de a megjelenített címe igen.

Globális Beállítások

A bal oldali sáv alján a "⚙ Weboldal Beállítások" gombbal érheted el. Több lapra van osztva:

Globális: Weboldal címe, URL, alcím, nyelv, meta leírás, lábléc szöveg, téma (Light/Dark), betűtípus, favicon.
Projects: Kategóriák kezelése, projektek hozzáadása, szerkesztése, törlése. Minden projekthez képeket, szövegeket, videókat adhatsz.
Stílusok: Egyedi CSS stílusok, vizuális Box Model szerkesztő, és beépített stílus sablonok (presets) — egy kattintással megváltoztathatod a weboldalad kinézetét.
Alkalmazás: AI szolgáltató beállítások (Ollama, Openai, Gemini, Groq), modell név, API kulcs.
Szkriptek: Egyedi JavaScript fájlok hozzáadása a weboldalhoz.

Stílus sablonok (Presets)

A "Weboldal Beállítások" → "Stílusok" lapon találod a beépített stílus sablonokat. Ezek egy kattintással megváltoztatják a weboldalad teljes kinézetét (színek, árnyékok, keretek, stb.).

Próba: Megnézheted, hogyan néz ki az adott sablon az oldaladra alkalmazva, anélkül hogy véglegesítenéd.
Alkalmaz: Véglegesíti a kiválasztott sablon stílusait.

🎬 Videók és Speciális Tartalmak

Videó hozzáadása

Kétféleképpen adhatsz videót a weboldaladhoz:

1. Videó Lejátszó blokk

A jobb oldali panelból add hozzá a "Videó Lejátszó" blokkot. A tulajdonságoknál a "..." gombbal kiválaszthatod a videófájlt (.mp4 vagy .webm), és beállíthatod a maximális szélességet/magasságot.

2. Videó a projektekben

A projektek aloldalain is megjelenhet videó:

A "Weboldal Beállítások" → "Projects" lapon hozd létre a projektet.
A projekt szerkesztőben használd a videó blokk típust, vagy másold be a videófájlt a projekt mappájába.
A GENERÁLÁS gomb automatikusan felismeri a videót és lejátszót generál köré.

Egyedi HTML beillesztése (haladó)

Ha egyedi objektumot (pl. beágyazott YouTube videót, Google térképet, közösségi média posztot vagy kérdőívet) szeretnél hozzáadni az oldaladhoz, használd a Custom HTML (Egyedi HTML) blokkot.

A szövegszerkesztővel vagy közvetlenül HTML kóddal is szerkesztheted a tartalmat.

🌐 Publikálás és Deploy

Hogyan lesz ebből weboldal? (GENERÁLÁS)

Amikor kész vagy a szerkesztéssel, nyomd meg a kék GENERÁLÁS gombot a felső sávban.

Ekkor a program a munkamappádban létrehozza a végleges .html, .css, és .js fájlokat, valamint az optimalizált képeket.

💡 A generálás után a program felismeri az ismeretlen fájlokat, és felajánlja a törlésüket vagy kivételként jelölésüket.

Deploy — Közvetlen publikálás az internetre

A Deploy gombbal közvetlenül feltöltheted a weboldaladat az internetre, anélkül hogy kézzel kellene másolnod fájlokat.

Támogatott szolgáltatók:

Netlify: Ingyenes opció. Regisztrálj a netlify.com-on, szerezz egy Access Tokent, és másold be a programba.
Bunny.net: Gyorsabb CDN alapú tárhely. Regisztrálj a bunny.net-en, és add meg a Storage Zone nevet, a Storage Zone jelszót (FTP jelszó), valamint opcionálisan a fiók API kulcsot (Account API Key) a Pull Zone automatikus létrehozásához és a CDN cache ürítéséhez.

A Deploy ablakban a "❓ Hogyan állítsam be?" gomb részletes, lépésről-lépésre útmutatót ad a bejelentkezési adatok beszerzéséhez.

⚠️ Milyen adatok kerülnek feltöltésre? A Deploy során a weboldalad összes generált fájlja (HTML, CSS, JS, képek, videók) feltöltődik a kiválasztott szolgáltató szervereire. A projekt.json (a projekt forrásadatai) nem kerül feltöltésre — az mindig a gépeden marad.

💡 A bejelentkezési adataid helyben kerülnek mentésre (a böngésző helyi tárhelyén és a ~/.webvidra_deploy_settings.json fájlban) — nem kell minden alkalommal újra megadnod őket.

Kézi feltöltés (alternatíva)

Ha nem a beépített Deploy-t használod, a generálás után a munkamappa teljes tartalmát töltsd fel egy tárhelyre (pl. GitHub Pages, vagy FTP-n a szolgáltatódhoz).

📁 Fájlkezelés és Projekt Szerkezete

Hogyan épül fel a projekt mappája?

Amikor megnyitsz (vagy létrehozol) egy projektet, a WebVidra az alábbi struktúrát hozza létre a kiválasztott mappában:

Fájl / Mappa	Leírás
`projekt.json`	A projekt összes adatát tároló fő fájl (oldalak, blokkok, beállítások). Ez a projekt "agya".
`uploads/`	Ide kerülnek az összes feltöltött kép másolatai. Ne töröld manuálisan!
`smal/`	Az automatikusan generált, optimalizált (kisebb felbontású) képek. Ezeket a program kezeli.
`index.html`	A generált főoldal. Csak a GENERÁLÁS gomb után jön létre.
`[oldalnév].html`	Minden egyéb oldalhoz egy-egy HTML fájl generálódik.
`style.css`	A generált weboldal stíluslapja (szín, betűtípus, layout).
`lightbox.js`	A lightbox (képnagyítós) funkció JavaScript fájlja.
`sitemap.xml`	Keresőoptimalizáláshoz generált oldaltérkép.
`404.html`	Nem található oldal (404-es hibaoldal).
`[kategória]/`	Minden projekt kategória egy almappát kap, benne az aloldalak HTML fájljaival.

💡 Tipp: A projekt.json fájl a legfontosabb — ez tartalmaz mindent. Ha biztonsági mentést csinálsz, elég ezt a fájlt (és az uploads mappát) elmenteni.

Mi történik a képekkel? (Feltöltés és optimalizálás)

Amikor egy képet hozzáadsz valamelyik blokkhoz, a program a háttérben az alábbiakat teszi:

Másolás: Az eredeti képfájlt átmásolja az uploads/ mappába (ha még nincs ott).
Átméretezés: Több különböző felbontású verziót készít: 48px, 480px, 800px, 1200px, 1600px, 2000px, 2400px szélességeken. Ezek a smal/ almappákba kerülnek.
Reszponzív HTML: A GENERÁLÁS során a program automatikusan srcset attribútumokkal generál képcímkéket, amitől a böngésző a képernyőhöz legjobban illő méretet tölti le.

💡 Az optimalizálatlan eredeti kép az uploads/ mappában marad — ez szükséges, de a weboldalon mindig a kisebb (smal/) verziók töltődnek be gyorsabb betöltés érdekében.

⚠️ Ne nevezd át és ne töröld a képeket kézzel az uploads/ vagy smal/ mappából, mert a projekt.json ezekre az útvonalakra hivatkozik — a projekt elromolhat.

Mikor kell menteni és mi mentődik el?

A Mentés (Ctrl+S) kizárólag a projekt.json fájlt írja/frissíti a projekt mappájában. A generált HTML fájlok nem mentés, hanem a GENERÁLÁS gomb hatására jönnek létre.

Művelet	Mit csinál	Mikor használd
💾 Mentés	A `projekt.json`-t frissíti a jelenlegi állapottal.	Rendszeresen, minden módosítás után.
⚡ GENERÁLÁS	Létrehozza/frissíti az összes HTML, CSS, JS fájlt a mappában.	Mielőtt előnézetet nyitsz, vagy deploy előtt.
🚀 Deploy	Feltölti a generált fájlokat az internetre.	Amikor a weboldalt élőben szeretnéd megjeleníteni.

⚠️ Ha csak mentesz, de nem generálsz, a weboldal fájljai (HTML-ek) még a régi tartalmat mutatják. A Deploy mindig generál is — de manuális előnézet előtt érdemes kézzel is generálni.

Ismeretlen fájlok kezelése generálás után

A GENERÁLÁS gomb megnyomása után a program összehasonlítja a projekt mappájának tartalmát azzal, amit ő generált. Ha ismeretlen fájlokat talál (amiket te adtál oda kézzel), megkérdezi, mit tegyen velük:

Törlés: Az ismeretlen fájl eltávolításra kerül.
Megtartás / Kivétel: A fájl megmarad, és a jövőben a program nem hozza szóba újra.

💡 Ha például egy robots.txt fájlt vagy egyéb egyéni fájlt helyezel a projekt mappájába, jelöld kivételnek, hogy a program ne törölje azt.

Biztonsági mentés és a projekt áthelyezése

A projekt teljes körű biztonsági mentéséhez másold el az egész projekt mappát. A legfontosabb fájlok:

projekt.json — a projekt összes tartalma és beállítása
uploads/ mappa — az összes feltöltött kép

Ha másik számítógépre viszed a projektet:

Másold át a teljes projekt mappát az új gépre.
Nyisd meg a WebVidrát az új gépen.
Válaszd a "Projekt Mappa Megnyitása" opciót, és tallózz a másolt mappára.
A program automatikusan felismeri a projekt.json-t és betölti a projektet.

💡 A generált HTML fájlok (index.html, style.css, stb.) nem szükségesek az átvitelhez — ezeket a GENERÁLÁS gombbal bármikor újra létre lehet hozni a projekt.json alapján.

🔄 Teljes Munkafolyamat — Lépésről Lépésre

Új weboldal készítése az elejétől a végéig

1. lépés — Projekt létrehozása

Hozz létre egy üres mappát a számítógépeden (pl. Dokumentumok/sajat-weboldal).
Nyisd meg a WebVidrát, és kattints a "Projekt Mappa Megnyitása" gombra.
Tallózz a létrehozott mappára, és nyisd meg.
A program automatikusan létrehozza az alap struktúrát (projekt.json, stb.).

2. lépés — Weboldal alapadatok beállítása

Kattints a bal oldali sáv alján a "⚙ Weboldal Beállítások" gombra.
A Globális fülön add meg: weboldal neve, URL-je, rövid leírása, nyelve.
Válassz egy stílus sablont a Stílusok fülön (később bármikor módosítható).
Zárd be a beállításokat.

3. lépés — Oldalak megtervezése

Az index főoldal alapból létezik — ezt szerkeszd először.
Adj hozzá további oldalakat a felső eszköztár + gombjával (pl. Rólam, Kapcsolat).
Állítsd be az oldalak sorrendjét a ↑↓ gombokkal — ez lesz a navigációs menü sorrendje.

4. lépés — Tartalom szerkesztése

Válassz ki egy oldalt az oldalválasztóból.
A jobb oldali panelből húzd a kívánt blokk típust az előnézetre, vagy kattints rá a hozzáadáshoz.
Kattints a blokkra az előnézetben — a bal oldali panelben beállíthatod a tartalmát.
Szöveg blokknál duplán kattintva közvetlenül szerkeszthetsz az előnézetben.
Képeknél a "..." gombbal vagy a képre kattintva tallózhatsz fájlt.
A blokk sorrendjét fogd meg és húzd az előnézeti vásznon.

5. lépés — Mentés

Nyomd meg Ctrl+S-t vagy a Mentés gombot rendszeresen.
A mentés a projekt.json fájlba ír — ez az egyetlen fájl, ami a projekt állapotát tárolja.

6. lépés — Generálás és helyi előnézet

Nyomd meg a kék GENERÁLÁS gombot.
A program elkészíti az összes HTML, CSS és JS fájlt a projekt mappában.
A generálás után automatikusan megnyílik a helyi előnézet a böngésződben.
Ellenőrizd, hogy minden rendben van-e, majd szükség esetén módosíts és generálj újra.

7. lépés — Deploy (Publikálás az internetre)

Kattints a Deploy gombra.
Válassz szolgáltatót (Netlify vagy Bunny.net) és add meg a hozzáférési adatokat.
Kattints a Deploy gombra — a program feltölti a fájlokat és megmutatja az eredményt.
A weboldal elérhető lesz az interneten az általad megadott URL-en.

💡 Tipp: A fenti folyamatot bármikor megismételheted — módosítasz, mentesz, generálsz, deploy-olsz. A módosítások perceken belül élőben megjelennek.

Már meglévő projekt folytatása

Nyisd meg a WebVidrát.
Az indítóképernyőn a legutóbb megnyitott projektek listájában kattints a projekt nevére — azonnal betöltődik.
Vagy kattints a "Projekt Mappa Megnyitása" gombra, és tallózz a mappa elérési útjára.
Folytasd a szerkesztést, mentsd el a változtatásokat, majd generálj és deploy-olj szükség szerint.

Projekt galéria oldalak (munkák/projektek aloldalak) készítése

Ha portfóliót vagy projekt-bemutató oldalt készítesz, az alábbi lépésekkel hozhatsz létre kattintható csempéket, amelyek detail oldalakra vezetnek:

Nyisd meg a "⚙ Weboldal Beállítások" → "Projects" fület.
Hozz létre egy kategóriát (pl. "fotóim", "munkáim").
A kategórián belül adj hozzá projekteket: cím, borítókép, leírás, blokkok (szöveg, galéria, videó).
A kívánt oldalra adj hozzá egy "Projekt Galéria" blokkot a jobb oldali panelből.
A blokk tulajdonságainál válaszd ki, melyik kategória projektjeit mutassa.
Nyomd meg a GENERÁLÁS gombot — a program létrehozza a galéria csempéket és minden projekt aloldalát.

💡 Minden projekt aloldalán megjelenik a projekt neve, leírása, blokkai (képrács, szöveg, videó) — mindezt automatikusan a projekt adataiból generálja.

A mentés–generálás–deploy ciklus megértése

A WebVidra három különálló műveletet különböztet meg, amelyeket fontos érteni:

Lépés	Mit ír?	Szükséges-e a másikhoz?
1. Mentés	Csak `projekt.json`	Igen — a generálás ebből dolgozik
2. Generálás	HTML, CSS, JS, sitemap, 404 oldal	Igen — a deploy ezeket tölti fel
3. Deploy	Nincs helyi írás, feltölti a fájlokat	Automatikusan generál is előtte

Javasolt sorrend:

Módosíts valamit a szerkesztőben.
Nyomd meg Ctrl+S-t (mentés).
Nyomd meg a GENERÁLÁS gombot (HTML-ek frissítése).
Ellenőrizd a helyi előnézetben.
Ha minden rendben, nyomd meg a Deploy gombot (publikálás).

🔒 Adatvédelem és Adatkezelés

Milyen adatok hagyják el a gépemet?

A WebVidra alapesetben offline alkalmazás — a szerkesztés, mentés és generálás során semmilyen adat nem hagyja el a számítógépedet. Azonban két funkció használatakor adatok kerülhetnek külső szerverekre:

Funkció	Mikor hagyja el adat a gépet?	Milyen adatok?
AI (Felhő)	Ha OpenAI, Gemini vagy Groq szolgáltatót választasz	Weboldalad tartalma (szövegek, címek, oldal-struktúra, meta leírások), az utasításod, csatolt fájlok tartalma
AI (Ollama)	Soha — minden helyben fut	—
Deploy	Amikor a Deploy gombot megnyomod	Az összes generált weboldal fájl (HTML, CSS, JS, képek, videók) feltöltődik a szolgáltató szerverére (Netlify / Bunny.net)
Szerkesztés, Mentés, Generálás	Soha	—

💡 A projekt.json (a projekt forrásfájlja) soha nem kerül feltöltésre deploy során sem — az mindig kizárólag a gépeden marad.

A WebVidra gyűjt telemetriát vagy analitikát?

Nem. A WebVidra nem küld semmilyen használati adatot, statisztikát vagy hibajelentést semmilyen szerverre. A program kizárólag az általad választott szolgáltatókkal kommunikál (AI szolgáltató és/vagy Deploy platform), és csak akkor, ha te kezdeményezed.

Hol tárolódnak a bejelentkezési adataim (API kulcsok)?

Az API kulcsaid és bejelentkezési adataid kizárólag a te gépeden kerülnek mentésre, két helyen:

Böngésző helyi tárhely (localStorage): Az alkalmazás böngészőjében, hogy a program újraindításakor ne kelljen újra megadni.
Konfigurációs fájl: A felhasználói mappádban (~/.webvidra_ai_settings.json és ~/.webvidra_deploy_settings.json), hogy a böngésző gyorsítótár törlése esetén se vesszenek el.

Az adatok helyi titkosítással vannak tárolva. A WebVidra soha, semmilyen saját szerverre nem küldi el a kulcsaidat — kizárólag az általad kiválasztott szolgáltatónak (OpenAI, Gemini, Groq, Netlify, Bunny.net).

↩ Visszavonás és Előzmények

Visszavonás (Undo) és Újra (Redo)

A program megjegyzi a változtatásaidat, és visszavonhatod őket:

↩ Visszavonás: Kattints a felső eszköztárban, vagy nyomd meg Ctrl+Z-t.
↪ Újra: Kattints a felső eszköztárban, vagy nyomd meg Ctrl+Y-t.

Az előzmények projektváltáskor törlődnek.

⚠️ A visszavonás a blokkok tartalmát és sorrendjét kezeli, de a globális beállítások (stílusok, projektek) változásait nem mindig — fontos beállítás-módosítás előtt érdemes menteni.

WebVidra | ← Vissza a szerkesztéshez