refactors, dynamic constants (lol)

This commit is contained in:
mrfry 2023-03-29 19:12:41 +02:00
parent 755891710a
commit d4553896af
25 changed files with 323 additions and 312 deletions

View file

@ -3,7 +3,7 @@ import Link from 'next/link'
import Header from '../components/header'
import constants from '../constants.json'
import constants from '../constants'
import styles from './faq.module.css'
function PasswordSection() {
@ -90,11 +90,7 @@ function FAQSection() {
(így nicknevek sem kellenek), és még IP cím sincs sehol letárolva
szerver oldalon.
<br />
Több infó a{' '}
<Link href="/faq?tab=risk">
kockázatok résznél
</Link>
.
Több infó a <Link href="/faq?tab=risk">kockázatok résznél</Link>.
</li>
<li>
<b>Ki és miért csinálja ezt a weboldalt?</b>
@ -108,130 +104,130 @@ function FAQSection() {
</li>
</ul>
</div>
);
)
}
function RiskSection() {
return <>
Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
<i>#1</i>
<ul>
<li>
<b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
sehol gyűjtve.
</li>
<li>
<b>
Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
</b>
Semmi személyes információ nincs eltárolva szerveren. Egyedüli
információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
teszi.
<p />
Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
<Link href="/contribute#gitrepo">
ezek repository-ja publikus
</Link>{' '}
(contribute oldal alja), és akármikor felülvizsgálható. A script a te
böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
milyen kód fut pontosan.
</li>
<li>
<b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
<a
href={`${constants.siteUrl}dataeditor`}
target="_blank"
rel="noreferrer"
>
Manuálisan is be lehet küldeni kérdés-válaszokat.
</a>
<p />
A script shadow-root hoz teszi hozzá az összes megjelenített
elementet, így ezeket szinte lehetetlen detektálni. A moodle
semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
böngésződben. Nem látja az XMLHttp requesteket se, amit a script
végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
moodle-ről, de a script nem linkekkel irányít át, hanem javascript
eseménnyel, amit nem tud nyomon követni.
<p />
Aztán ki tudja ténylegesen hogy lehet
</li>
<li>
<b>Bármikor leállhat a szerver</b>
És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
<a
href="http://qmining.frylabs.net/allqr.txt?man"
target="_blank"
rel="noreferrer"
>
összes kérdés TXT
</a>
</li>
<li>
<b>Akármelyik válasz rossz lehet</b>
Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
</li>
</ul>
</>;
return (
<>
Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
<i>#1</i>
<ul>
<li>
<b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
sehol gyűjtve.
</li>
<li>
<b>
Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
</b>
Semmi személyes információ nincs eltárolva szerveren. Egyedüli
információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
teszi.
<p />
Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
<Link href="/contribute#gitrepo">
ezek repository-ja publikus
</Link>{' '}
(contribute oldal alja), és akármikor felülvizsgálható. A script a te
böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
milyen kód fut pontosan.
</li>
<li>
<b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
<a
href={`${constants.siteUrl}dataeditor`}
target="_blank"
rel="noreferrer"
>
Manuálisan is be lehet küldeni kérdés-válaszokat.
</a>
<p />
A script shadow-root hoz teszi hozzá az összes megjelenített
elementet, így ezeket szinte lehetetlen detektálni. A moodle
semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
böngésződben. Nem látja az XMLHttp requesteket se, amit a script
végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
moodle-ről, de a script nem linkekkel irányít át, hanem javascript
eseménnyel, amit nem tud nyomon követni.
<p />
Aztán ki tudja ténylegesen hogy lehet
</li>
<li>
<b>Bármikor leállhat a szerver</b>
És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
<a
href="http://qmining.frylabs.net/allqr.txt?man"
target="_blank"
rel="noreferrer"
>
összes kérdés TXT
</a>
</li>
<li>
<b>Akármelyik válasz rossz lehet</b>
Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
</li>
</ul>
</>
)
}
function WebsiteSaveSection() {
return <>
<p>
Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
menteni egy oldalt:
</p>
<ul>
<li>
Lementett oldalon jobb klikk, oldal mentése
<br />
<img
src="img/faq/sitesave-1.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A lementett oldal egy fájlból és mappából áll.
<br />
<img
src="img/faq/sitesave-2.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A fájlt nyisd meg szövegszerkesztővel (notepad), és keress a
nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
adom ki soha. Amit beküldesz, azt csak én látom.{' '}
<Link href="/faq?tab=risk">
Több infó itt
</Link>{' '}
</li>
<li>
<Link href="/contact">
Ide tudod feltölteni
</Link>{' '}
</li>
</ul>
<p>
Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
azt az oldalt amin hibával találkozol.
</p>
</>;
return (
<>
<p>
Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
menteni egy oldalt:
</p>
<ul>
<li>
Lementett oldalon jobb klikk, oldal mentése
<br />
<img
src="img/faq/sitesave-1.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A lementett oldal egy fájlból és mappából áll.
<br />
<img
src="img/faq/sitesave-2.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A fájlt nyisd meg szövegszerkesztővel (notepad), és keress a
nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
adom ki soha. Amit beküldesz, azt csak én látom.{' '}
<Link href="/faq?tab=risk">Több infó itt</Link>{' '}
</li>
<li>
<Link href="/contact">Ide tudod feltölteni</Link>{' '}
</li>
</ul>
<p>
Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
azt az oldalt amin hibával találkozol.
</p>
</>
)
}
function ScriptSection() {
@ -240,9 +236,7 @@ function ScriptSection() {
<ul>
<li>
<b>Hogy kell a scriptet telepíteni, és milyen oldalakon működik? </b>
<Link href="/script">
Ezen az oldalon van leírva
</Link>{' '}
<Link href="/script">Ezen az oldalon van leírva</Link>{' '}
</li>
<li>
<b>Hogyan működik a script?</b>
@ -258,10 +252,7 @@ function ScriptSection() {
</li>
<li>
Más felhasználóknak köszönhetően már valószínűleg lesznek
megoldások a tesztjeidhez.{' '}
<Link href="/allQuestions">
Itt
</Link>{' '}
megoldások a tesztjeidhez. <Link href="/allQuestions">Itt</Link>{' '}
meg tudod tekinteni, hogy vannak-e válaszok a tárgyadhoz.
</li>
<li>
@ -378,77 +369,74 @@ function ScriptSection() {
</li>
</ul>
</div>
);
)
}
function AddSite() {
return <>
Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
forráskódjába. Ez itt látható:{' '}
<a
rel="noreferrer"
target="_blank"
href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
>
stable.user.js#L52
</a>
{'. '}
Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
támogat is.
<p />
Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
a scriptet hogy azon a domainen is fusson és működjön alapból.
<p />
Egyetem moodle oldalának hozzáadása a scripthez kézzel:
<ul>
<li>
<Link href="/script">
Először telepítsd a scriptet rendesen
</Link>{' '}
</li>
<li>
Böngészőben nyisd meg a Tampermonkey bővítményt <br />
<img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
<br />
Itt kattints a Dashboard-ra.
</li>
<li>
Keresd meg a scriptet, majd kattints :
<br />
<img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
</li>
<li>
A felugró szerkesztőben keresd meg a következő sorokat:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
</li>
<li>
Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
<i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
példát. <i>A {'"*"'} a végén fontos!</i>
</li>
<li>
Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
Tampermonkey menüjében is:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
</li>
<li>
Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
van, nem működik valami, vagy éppen működik, de alapból nincs
hozzáadva:{' '}
<Link href="/contact">
írj a kapcsolat oldalon!
</Link>
</li>
</ul>
</>;
return (
<>
Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
forráskódjába. Ez itt látható:{' '}
<a
rel="noreferrer"
target="_blank"
href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
>
stable.user.js#L52
</a>
{'. '}
Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
támogat is.
<p />
Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
a scriptet hogy azon a domainen is fusson és működjön alapból.
<p />
Egyetem moodle oldalának hozzáadása a scripthez kézzel:
<ul>
<li>
<Link href="/script">Először telepítsd a scriptet rendesen</Link>{' '}
</li>
<li>
Böngészőben nyisd meg a Tampermonkey bővítményt <br />
<img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
<br />
Itt kattints a Dashboard-ra.
</li>
<li>
Keresd meg a scriptet, majd kattints :
<br />
<img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
</li>
<li>
A felugró szerkesztőben keresd meg a következő sorokat:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
</li>
<li>
Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
<i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
példát. <i>A {'"*"'} a végén fontos!</i>
</li>
<li>
Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
Tampermonkey menüjében is:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
</li>
<li>
Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
van, nem működik valami, vagy éppen működik, de alapból nincs
hozzáadva: <Link href="/contact">írj a kapcsolat oldalon!</Link>
</li>
</ul>
</>
)
}
const pages = {