# Kurzovity grafik uloh
Veřejné preview je dostupné na adrese https://ksp.vsq.cz/grafik. Automaticky se nasazuje nová verze při každém commitu do masteru. Aktuálně nasazená verze je:
## Spuštění pro vývoj
**Závislosti (Arch packages):** dotnet-sdk, yarn, aspnet-runtime
```
cd frontend/
yarn install
yarn dev
```
* **uživatel:** http://localhost:5000/grafik
* **editor:** http://localhost:5000/grafik.html#editor
## Vývoj
Frontend je napsaný ve Svelte, tady je (slušný) tutoriál: https://svelte.dev/tutorial/basics.
Pokud se nekamarádíte s JavaScriptem, existuje série knížek **You Don't Know JS (Yet)** .
Taky používáme TypeScript (typy do Javascriptu) a D3 (magická knihovna na něco s daty a SVG)
## Integrace do KSPího webu
Vývojový server je magická proxy napsaná v ASP.NET Core. Na produkci není potřeba, když KSP web přesvědčíme k tomu:
* vrátit /tasks.json
* vrátit /grafik v té KSP template (je to html obsahující jeden `div` , `link` a `script` )
* soubory z frontend/public/ (stačí ten JavaScript a CSS)
* linky na kurzy z menu (nebo nějak)
Zároveň by se pro provoz webové aplikace hodilo přidat tato API. Aktuálně data získáváme všelijakými hacky:
* seznam úloh ze cvičiště a získané body
* HTML/text zadání a řešení jedné konkrétní úlohy
* API odevzdávátka
* Na stránce je potřeba zjistit jestli je uživatel přihlášený
Dále bychom potřebovali web rozšířit o novou funkcionalitu:
* definice opendatovek, co jsou technicky akorát ve cvičišti a nejsou ideálně na webu vůbec vidět
