js29a

Zrobiłem wersję international swojego discordowego bota do gry w kości (link). Było całkiem przyjemnie. Widać, że chłopaki przemyśleli API.

Napisałem gierkę w kości na Discorda (jako czat-bota), dla tych, którzy lubią kombinować. Landing page: link. Instrukcja: link Zaproszenie na serwer testowy: link. Bot jest publiczny, jakby ktoś chciał go zaprosić na swój serwer to: link

Test pewnego pomysłu - komponent do uploadu plików z trochę nietypowym podejściem do UI

https://github.com/js29a/uz

a tutaj (niedokończona jeszcze) jego dokumentacja: https://pub.js29a.info.pl/pub/wiki/UZ

style są do niczego, bo jest on zrobiony tak, żeby dało go się dowolnie ostylować - te style co są występują tylko po to, żeby było cokolwiek widać. więc ostylowanie jest de facto 'do it yourself'

Napisałem prosty komponent w Vue-3, który służy do uploadu plików. Bodźcem było to, że chciałem móc zadać, ile plików jednocześnie ma być ładowanych. Jest ogólny, prawie niczego nie wymusza, daje pełny feedback (progress w %, błędy, pliki w kolejce, pliki właśnie ładowane, pliki już załadowane, itp.), pracuje na slotach (po jednym dla każdego stanu) z callbackami i zdarzeniach. Można go użyć zarówno w gołym Vue-3, jak i z np. Quasarem.

Link do demo tego uploadera: https://vite.js29a.usermd.net/#/q/upload

To demo ładuje pliki 'w kosmos', tzn. na mój serwer, ale tylko z feedbackiem w formacie JSON, który zresztą jest wyświetlany 1:1. Można bez problemu zwracać np. miniaturki plików graficznych - potrzeba dosłownie parę linijek kodu. Błąd można wymusić przez plik o nazwie 'err.html'.

Pliki dodaje się przez przycisk 'Pick' albo drop w polu. Auto start - rozpoczynanie uploadu od razu po zadaniu plików. Auto reset - automatyczny powrót do stanu początkowego, bez raportu o załadowanych plikach. Keep going - błąd nie przerywa procedury uploadu, na końcu pojawi się info o błędach.

Wiem, grafika jest do niczego. Ogólnie do jest test stosu Vite - Quasar - Vue-3, więc jest tu sporo przycisków 'po nic', ale chodzi mi o sam sens publikacji uploadera. Jakby ew. doszło do publikacji, to przerobiłbym to na gołe Vue-3, żeby nie zaciemniać sprawy.

No i mam dylemat - temat (chyba) nadaje się na artykuł, ale nie wiem, czy warto go pisać. Jest tam parę 'smaczków', da się to łatwo połączyć także z OAuth2. Jakie jest Wasze zdanie - publikować to, czy nie warto? Średniozaawansowanym chyba by pomogło ...

Testy pewnej koncepcji interfejsu (wersja mobilna sprawdzona na Navitel T500 - Android 7.0 oraz emulatorze - Android 13):

http://vite.js29a.usermd.net/#/t

działa:

• drag and drop - kolumny i komórki,
• dodawanie i kasowanie kolumn i komórek,
• zmiana rozmiaru kolumn przez przeciąganie myszą,
• edytowanie komórek i kolumn,
• paralaxa w tle,
• menu pod prawym przyciskiem myszy,
• lewy i prawy panel,
• zapis stanu jako download,
• odczyt stanu jako upload,
• ... i jeszcze trochę innych rzeczy.

Są tu jeszcze bugi, ale generalnie chodzi mi o przedstawienie koncepcji.

środowisko: Vite, Vue, Quasar, TypeScript, Pug, Stylus.

Efekty zabawy rxjs - przejście z iteratora asynchronicznego na Observable w TypeScript - może komuś się przyda.

https://gist.github.com/js29a/270d708b7cde9d9ee6cabf44aae8e89b