#frontend

5
65
W `chatgpt.com`, `textarea` jest czyszczona po 1 sekundzie od załadowania strony.
Przez to skrypt który wkleja tekst poprzez `textareaEl.value = "tekst"` nie wystarcza.

Zrobiłem z `setTimeout` 1001 ms, to działa, już przy 1000 ms nie działa.
Observery nie ogarniają, ale może źle coś robię?
Z opóźnieniem 1001 ms jest to zawodne, bo czasem dzieje się to w dłuższym czasie, więc pomóż znaleźć lepszą metodę?

Następny problem, to że nawet jak wpiszę, to `buttonEl.click();` i tak nie zadziała, bo aktywuje się dopiero po wpisaniu czegoś z klawiatury, a wywołanie event `keydown` itp. też nie działa. Więc pozostaje po wklejeniu poprzez `textareaEl.value = "tekst"`, naciśnięcie jakiegoś znaku na klawiaturze, skasowanie go, i naciśnięcie Enter, żeby wiadomość została wysłana.
Też mógłbyś pomóc to rozwiązać?

Dosłownie nie ma metody, żeby stworzyć Search Engine dla Firefox dla ChatGPT.

Metoda którą opisałem, jest niedoskonała oraz niedokończona.

Przed tymi dwoma krokami, po prostu pobieram parametr z URL, w formie `https://chatgpt.com/?usq=test`, strona nie kasuje parametru `usq` po załadowaniu strony, więc spokojnie można z tego skorzystać.

Jak to się uda, to spakuję to w WebExtension, i upublicznię.

#frontend #javascript #userscript #skrypt #addons #extensions #dodatki #rozszerzenia #plugin #wtyczki #chatgpt #ai #firefox
mortt

czy ja dobrze rozumiem, że probujesz użyć interfejsu wizualnego jako API?

fewtoast

@mortt Nie, to do UserScript.

Zaloguj się aby komentować

Idzie GPT4o, a ja nadal nie wiem, jak dodać ChatGPT jako wyszukiwarkę w Firefox.
Jak to zrobić?
Da się robić customowe wyszukiwarki tutaj mycroftproject.com/search-engines.html - ale dla ChatGPT się nie da.
#frontend #javascript #userscript #skrypt #addons #extensions #dodatki #rozszerzenia #plugin #wtyczki #chatgpt #ai #firefox
fewtoast

@Taxidriver Nie pomaga.

Zaloguj się aby komentować

CSS ma `hyphens: auto`, do auto łamania w punktach dzielenia wyrazu (na sylaby).
Jaki to algorytm? Czy jest dostępny w JavaScript?

Znalazłem to: https://github.com/ytiurin/hyphen
Wygląda ok. Używa się łatwo z polskim językiem `import { hyphenate } from "hyphen/pl";`.
Ale jaki algorytm używa konkretnie Firefox czy Chrome? Bo może są po prostu lepsze od tej biblioteki z GitHub.
#javascript #css #firefox #chrome #webdev #frontend
zgrzyt

skoro css to ogarnia to po co Ci to w JS?

fewtoast

@zgrzyt Żeby przerobiło dłuższy tekst, na taki podzielony na sylaby.

zgrzyt

@fewtoast a CSS nie ogarnia dłuższego tekstu czy nie łamie tak jak byś chciał?

Zaloguj się aby komentować

Zostań Patronem Hejto i odblokuj dodatkowe korzyści tylko dla Patronów

  • Włączona możliwość zarabiania na swoich treściach
  • Całkowity brak reklam na każdym urządzeniu
  • Oznaczenie w postaci rogala , który świadczy o Twoim wsparciu
  • Wcześniejszy dostęp, do wybranych funkcji na Hejto
Zostań Patronem
Szalom.

Składam wniosek formalny by czcionka w w cytacie była w kursywie. To sekunda w #css
Nie zaszkodziła by też inna czcionka i może minimalnie mniejszy rozmiar.

#hejto #frontend
Opornik userbar
239008d7-b83f-4e30-8268-a499736627a7
Pan_Buk

@Opornik Ja nie chcę. Głupi pomysł.

Opornik

@Pan_Buk Nie głupi pomysł tylko standard na świecie.


A u nas różne głupoty typu


  • automatyczne

  • tworzenie listy

  • jak tylko ktoś wpisze myślnik

woohoo

Może najpierw niech działają?

kris

@Opornik zapraszam do stworzenia ankiety

Zaloguj się aby komentować

As ⟨ÿ⟩ rarely appears as the first letter in a name, and all-caps text typically omitted all accents, initially there was assumed to be no need for an uppercase ⟨Ÿ⟩ when computer character sets such as CP437 and ISO 8859-1 were designed. However much software assumes that conversion from lower-case to upper-case and then back again is lossless, so ⟨Ÿ⟩ was added to many character sets such as CP1252, ISO 8859-15, and Unicode. This also happened to a more prominent character, the German ß.

W ogóle co do ß to ciekawostka, text-transform zmienia je na SS, bo jakaś reforma była czy coś jest w niemieckim, że capsie ten znak zawsze jest SS a nie "normalnie" pisany.

#programowanie #webdev #frontend #css
8e39b901-9307-4a53-9ec0-b5762104a184
GtotheG

@Deykun ogolnie jezyk niemiecki raczej dazy do usuniecia scharfes S calkowicie, byly jakies reformy gdzie juz to nastepowalo w niektorych wyrazach.

Zaloguj się aby komentować

Siema. Kto tam chce to zapraszam na krótkiego strima o 21

Posprzedaje patenty jak ogarnąć logowanie we własnych apkach

1. Pokażę gotowy flow uwierzytelniania przez zewnętrzny serwis z moim bekendem
2. Napiszemy frontową obsługę logowania

Tag do śledzenia #programujzpasterzem

https://www.youtube.com/watch?v=83kc-BPMh-s

#openapi #backend #frontend #nodejs #javascript #programista15k #naukaprogramowania #programowanie

Zaloguj się aby komentować

WykopApi (w przyszłości też hejto) + ChatGPT

Zapraszam w czwartek o 20:00 na pierwszy odcinek z serii edukacyjnych live codingów, podczas których napiszemy użytecznego chat bota na konkurencyjny wykop w oparciu o GPT-4 i pogadamy o sytuacji w AjTi. Zachęcam do supukcji oraz obejrzeniu prologa do tego co robimy.

Tag do czarnolistowania / followania #programujzpasterzem

https://www.youtube.com/watch?v=3mCb2a6NFQ0

#programujzwykopem #naukaprogramowania #chatgpt #openai #programista15k #programowanie #nodejs #webdev #frontend #javascript #backend
koszotorobur

@Sheppard30 - przydatne do tego jak nauczyć się bycia obsługiwaczem AI - bo w niedalekiej przyszłości tylko takie prace w IT się ostaną

Sheppard30

@koszotorobur pokaze jak pisac dobre prompty pod promptengineering ;]

GrindFaterAnona

@Sheppard30 czy nagranie będzie dostępne po spotkaniu? w czwartek o 20 raczej nie będzie mnie przy kompie

Sheppard30

@GrindFaterAnona tak, bedzie na moim kanale.

GrindFaterAnona

@Sheppard30 super, to wolaj potem jak juz nagrasz

cebulion

@Sheppard30 promoty promptami, ale dlaczego to 💩 ma tak dużo "halucynacji", czy jak to po polsku będzie. Ostatnio przez miesiąc gpt 4 takie cyrki odwalał, że czułem się jakbym rozmawiał z wykopkiem. Żadne prompty nie pomagały, ignorował wszystkie instrukcje. Dopiero ostatnio się troche naprawił

Zaloguj się aby komentować

Wkurza Cię nowy front vikop i postanowiłeś przejść na hejto? Nic nie działa tam jak trzeba? To dobrze się składa bo w ramach nauki #frontend przygotowuję serię streamów w których spróbujemy napisać własnego klienta i pokazać, że, w co trudno uwierzyć, może być jeszcze gorzej ( ͡° ͜ʖ ͡°) Pokażę Wam jak używać wykopAPI v3 i AntDesign oraz pogadamy o życiu.

https://www.youtube.com/watch?v=stEWW7UVD4Y

Zapraszam na stream o 21:37

Tag do czarnolistowania #programujzpasterzem 

#frontend #webdev #naukaprogramowania #programowanie #react #javascript #programista15k #programista20k #wykopapi
kodyak

Kuzwa dlaczego? Czemu chcesz to sobie zrobić i jeszcze wciągasz w to innych

ramzes

@Sheppard30 otaguj to odpowiednio #2137

POWERUSER

@Sheppard30 poszło do zakładek, może kiedyś se obejrzę

Zaloguj się aby komentować

Pisząc aplikację, przeskoczyłem do frontendu od sporej przerwy.

I tak sobie myśle, że dzisiaj pracować w frontendzie to spoko sprawa w stosunku do kiedyś.

Dzięki standaryzacji, powszechności modułów ESM w przeglądarkach, już wszystkie babele, transpilery, CSS prefixery i uje muje dzikie węże to historia.

Jesteśmy już w tym stanie, gdzie wszystkie przeglądarki są spoko. Nie ma obecnie żadnego IE czy netscape który tylko wk@#^@.

Jestem tylko ciekaw, czy dożyje momentu, gdy JS pójdzie do historii i pozostanie tylko typescript To by było dobre.

#przemyslenia #programowanie #nodejs #node #javascript #typescript #frontend
Klopsztanga userbar
Catharsis

@Klopsztanga Jest jeszcze Safari xD

JS pójdzie do historii i pozostanie tylko typescript  To by było dobre.

Oby tak się nigdy nie stało. Zresztą idę o zakład, że to JS będzie jeszcze tańczyć na grobie TypeScripta xD

emdet

@Klopsztanga nie jestem od dawna w temacie, ale fakt faktem że standaryzacja ułatwiła wiele na tym polu.

Pamiętam pierwsze zajęcia z HTML na studiach, gdzie jedna z pierwszych informacji było to, że dla IE piszemy w zasadzie osobne wszystko xD

damw

czy dożyje momentu, gdy JS pójdzie do historii i pozostanie tylko typescript

@Klopsztanga eeee what? Przecież typescript jest do JS transpilowany... Przeglądarki nie wykonują natywnie TS

Klopsztanga

@damw chodzi mi o składnie języka niż o to co jest wykonywane.

damw

@Klopsztanga No ale nikt Ci przecież nie zabronia TS używać i potem do JS konwersję odpalić. A jeśli już siedzisz w projekcie, gdzie troglodyci zmuszają innych do pisania w JS, to zmień projekt xD

Zaloguj się aby komentować

Czy na prawdę wklepanie myślnika musi przerabiać go na listę kropkowaną?
Bez sensu.
Po cholerę to w ogóle? Przez to muszę używać Alt-0151

#hejto #frontend #css
Opornik userbar
9929d71d-89b1-4aa9-9c42-a04417af8f54
VonTrupka

ja trzymam półpauzę w podręcznym schowku do specjalnych poruczeń bo mi się nie chce klepać 0150 (☞ ゚ ∀ ゚)☞

Zaloguj się aby komentować

Pamięta ktoś adres tej stronki na której koleś zrobił parodię współczesnych stron www?
Mam na myśli wkurwianie userów tymi wszystkimi:
Zapisz się do newslettera!
Porozmawiaj z konsultantem!
Czy pozwalasz stronie wysyłać ci powiadomienia?
Akceptuj pliki kuki!
Poświęcisz krótką chwilę na wypełnienie ankiety?
Zobacz najnowsze promocje chuju!
Może jednak zapiszesz się do newslettera.
Załóż konto.

#frontend #webdesign #usability #wkurw
Opornik userbar
8e192913-73bf-4119-ab3d-d339744c2e4d
Opornik

@maximilianan Heh. Nie, tamta była nowsza, że tak powiem, "współczesna".

Ta to "szalone lata 90-te"

cec

Do tego wszystkie elementy strony bez żadnego kontrastu, oddzielenia wizualnego, zlewające się ze sobą.

Zwariowane fonty bez polskich znaków, żeby polskie litery jak najmocniej się wyróżniały.

Po wejściu na stronę wszystko schowane pod "hamburger menu", przez co jest on jedynym domyślnie widocznym elementem strony internetowej.

Gówniany krój czcionki, który jest kompletnie nieczytelny.

Aaaaa! I jeszcze te strony typu one page meaningless bullshit - jedna strona na której nie ma ani adresu firmy ani konkretów czym się zajmuje tylko jakieś pierdoły, że liczy się dla nich klient, spełniają jego najskrytsze oczekiwania i dbają o środowisko.

No i strony gdzie w nagłówku jest jebitne zdjęcie na cały ekran, które trzeba za każdym razem całe przewinąć, żeby dostać się do treści.

Albo strony ilustrowane obrazkami z dupy, kompletnie nie związanymi z treścią artykułu, a wstawionymi tylko dla atencji, bo debile jak widzą obrazek to częściej klikają.

No i strony seo z treścią wygenerowaną przez boty i translatory - za takie coś bym wieszał za jaja.

Opornik

@cec lets not forget endless scrolling

Zaloguj się aby komentować

Cześć!

Dzisiaj jeszcze garść krótkich ciekawostek o #react a później już zaczniemy może coś bardziej technicznego

ReactJS: 7 Ciekawostek:

  1. Początki w Facebook
  2. Pierwsze publiczne przedstawienie
  3. To nie jest framework!
  4. Virtual DOM – bohater (bardzo) niewidzialny
  5. Inspiracja wzięta z XHP
  6. React Native - brat bliźniak
  7. A w sumie, to dlaczego "React"?

 Pełny post na https://programystics.com/reactjs/reactjs-7-ciekawostek/

Zostaw piorun, komentarz albo ... cokolwiek

#reactjs #programowanie #javascript #typescript #frontend

#programystic <- tag do obserwowania lub "czarnolisto-wania"

Zaloguj się aby komentować

Cześć Wam!

Wracamy do gry, po burzliwym okresie w PL
Ostatnio pastwiliśmy się nad wadami Virutal DOM 

Dziś przyszedł czas na jego zalety. Jedną z nich poznaliśmy 2 posty wcześniej, lecz to tylko "liźnięcie" tematu.

Wirtualny DOM, to Świety Graal Frontendu?

Więcej na ten temat: https://programystics.com/bez-kategorii/wirtualny-dom-to-swiety-graal-frontendu/

ps jeśli chcesz się podzielić INNYMI doświadczeniami na w/w, to zapraszam do komentowania

#react #reactjs #programowanie #javascript #typescript #frontend

Zaloguj się aby komentować

Właśnie zrobiłem upgrade bibliotek projektu w React, chociaż jestem backendowcem głównie, ale ogólnie orkiestrą.

  1. Wyje@#% yarn'a i dałem NPM'a. Kiedyś yarn miał sens, ale npm rowniez jest szybki lub nawet szybszy
  2. Jako to ze npm install && npm update jest czysty, to może bun'a zaciągne dla nich, by Ci/CD był szybszy.
  3. Nie wiem jakim cudem wczesniej yarn install działał ale npm install nie. Były locki między bibliotekami, ale yarn ma to w dupie?! ni wiem. Pojebane narzędzie, npm lepszy, bo prosty i ładniej pokazuje zależności i błędy. Yarn czasem działał jak wywalilem npm_modules
  4. Upgrade nodeJS z 16lts na 18lts
  5. Z 50 paczek co były updatetowane, tylko 6 nie jest najnowszych, z powodu że locki na reacie 17 są
  6. Frontend team miał wyjebane na to od 3 lat
  7. A to wszystko w 1 dniówkę.
  8. TypeScript działa jak powinien. Dzięki TS upgrade dla mnie był możliwy i łatwy. Ale też ma swoje błędy (np react-google-recaptcha robiła mnie w konia przez zły import statement)
  9. Odchudziłem projekt z wielu bibliotek, które nie były wykorzystywane
  10. Poustawiałem rygorystyczne eslinty, depchecki itp by nie zostawiali po sobie syfu
  11. Ustawiłem sbom by ich ganiać jak jest jakiś security bug w bibliotekach w przyszłości, że ponad 50 bilbiotek ma security bug xD

Zostaje jeszcze przeniesienie material-ui na wersję 5, ale tego na razie nie tykam.

Krzyczeli że nie możliwe, a wystarczyło usiąść po prostu do tego i na spokjnie ogarnąć bez złego nastawienia.

Czuje dobrze człowiek dzisiaj. #react #programowanie #nodejs #typescript #frontend #backend
Klopsztanga userbar
HmmJakiWybracNick

@Klopsztanga Ja mega lubię podbijać biblioteki i rozwiązywać problemy, które powodują. Jak wszystko zacznie działać, to jest mega satysfakcja. Gorzej jak wychodzi po miesiącu, że coś zjebało się mega specyficznego, na produkcji XD

Co do yarna to jednak moim zdaniem działa szybciej od npma i lokalnie zawsze używamy yarna, ale wszystko na ci/cd leci na npmie.

Frontendowcy to tak mają, że coś się nie da zrobić, do tego narzekają, że coś tam brzydko i jeszcze nieczytelnie piszą kod ;x

Klopsztanga

@HmmJakiWybracNick na CI/CD widać różnicę, i to sporo. około 25% szybszy jest NPM.


Jak ogarniasz yarna i npm na raz z ich venodr lockami?


Co to satysfakcji - to prawda, spoko robota. Po prostu zabijasz "muchy" po kolei

HmmJakiWybracNick

@Klopsztanga 

Nie miałem nigdy problemu z mieszaniem yarna i npma, ale znalazłem, że yarn-locka można zrobić na podstawie package-locka, więc jakby były jakieś problemy, to można uderzyć w tym kierunku - https://classic.yarnpkg.com/blog/2018/06/04/yarn-import-package-lock/

Ale faktycznie, od jakiegoś czasu npm jest dużo szybszy, niż był jakiś czas temu. Pamiętam, że jak kiedyś dodawałem nową libkę, to yarn całość robił w 15 sekund, a npm potrafił mielić przez 3-4 minuty, jakby wszystko przerzucał od początku, a nie tylko tą jedną dodawaną libkę.

Mam w planach podbić jeszcze yarn classic (1.x.x), na tego nowego 3.x.x, może pod koniec roku będzie przestój jakiś, to się zrobi, bo ciekawy jestem czy będzie szybszy.

Marchew

@wombatDaiquiri @Klopsztanga

Wygląda ciekawie, ale może przetłumaczcie na język osobnika którego szczytem kodzenia jest jeżeli w jeżeli w jeżeli w jeżeli w jeżeli w jeżeli. xlsx

wombatDaiquiri

@Marchew generalnie kolega zrobił "sprzątanie", tzn. zaktualizował wersje paczek z których korzystają (to jak byś miał zewnętrzne arkusze np. z innego działu), wymienił narzędzia żeby szybciej rzeczy działały, ustawił wymagania tego jak pisać kod, żeby mógł być wdrożony do głównej gałęzi. Generalnie "ogarnął" środowisko pracy o którym jak rozumiem koledzy mówili że "się nie da".

rakokuc

@Klopsztanga na froncie pokazujemy prącie, stąd te problemy.

Zaloguj się aby komentować

Cześć Wam

Dzisiaj ciekawostka o ReactJs numer #3

> Wirtualny DOM (Virtual DOM) w ReactJS przynosi wiele korzyści, lecz ma również wady! Jakie?

Więcej na ten temat: https://programystics.com/reactjs/wirutualny-dom-nie-taki-bez-wad/

ps te ciekawostki nie omawiają tematów dogłębnie, mają jedynie zachęcić osoby do przyglądnięcia się reactjs tak, wiem, doskonały temat na zachętę dot. WAD

pss jeśli chcesz podzielić się doświadczeniami na w/w to śmiało, zapraszam będzie mi bardzo miło!

#react #reactjs #programowanie #javascript #typescript #frontend

Zaloguj się aby komentować

Tomasz Nikodem Hajto, ps. „Gianni” [...] – Ja kupuję tylko firmy Gianni Versace – powiedział i w ten sposób został na długie lata „Giannim”

Lubię przekazywać nazwami funkcji / podprojektów jakieś skojarzenie w formie easter-egga. Mam nadzieję, że śmieszne. #lajko <---- tag z #hejto dad jokes

No więc dzisiaj - frontend z użyciem Vue (nazwany właśnie `gianni` - sprawdź repo, daj gwiazdkę https://github.com/wombatDaiquiri/lajko ). Znowu pojęcie o tym jak działa framework mam mgliste. Ale działa. Jak chcielibyście mnie poprawić, to zapraszam do komentarzy

Jak po sznurku, z tutoriala https://vuejs.org/guide/quick-start.html#creating-a-vue-application

> npm create vue@latest

tutaj poklikałem co mi się wydawało sensowne na czuja xD

> Project name: … gianni
> Add TypeScript? … No
> Add JSX Support? … No
> Add Vue Router for Single Page Application development? … No
> Add Pinia for state management? … No
> Add Vitest for Unit Testing? … No
> Add an End-to-End Testing Solution? › No
> Add ESLint for code quality? Yes
> Add Prettier for code formatting? Yes

no więc mamy folder z przykładową apką vue.

> cd gianni
> npm run dev

wchodzimy z przeglądarki na http://localhost:5173/ - no coś tam się wyświetla.

ponieważ jestem totalnym beztalenciem graficznym, to po prostu odtworzę wygląd z hejto.

Efekt końcowy na screenie poniżej;

No więc jak teraz sobie użyć apki? (tutaj jak otworzyć terminal: ) Otóż musicie;

1. odpalić `nodejs scrape.js` żeby pobrać dane z hejto
2. skopiować nazwę pliku utworzonego w data-snapshots ( będzie wyglądała mniej-więcej tak: 2023-09-21T2331.109Z.json )
2.1. (już w tym momencie możecie sobie przejść do kroku X ale wtedy dostaniecie normalne hejto tylko brzydsze)
3. odpalić skrypt do przesortowania postów (możecie odpalić oba)
3.1. `nodejs process.js --cmd=likes_total --source=data-snapshots/2023-09-21T2331.109Z.json`
3.2. `nodejs process.js --cmd=comment_likes_sum --source=data-snapshots/2023-09-21T2331.109Z.json`
4. wskazać w pliku ./gianni/src/App.vue skąd pobrać posty ( `import posts from '../../data-processed/cls/2023-09-21T2331.109Z.json';` )
5. wejść do folderu gianni: `cd gianni`
6. odpalić serwer z frontendem xD kiedyś se o tym też pogadamy ( `npm run dev` )
7. wchodzicie na http://localhost:5173/ i widzicie brzydkie hejto, ale z postami być może w innej kolejności niż na hejto
8. zauważcie, że tylko raz kopiowaliśmy nazwę i wszędzie ją podmieniliśmy - to oczywiście super kandydat na automatyzację/flagę. Ale napisanie aplikacji w taki sposób to albo zdrowy rozsądek albo doświadczenie. Nie chcę na Was wywierać presji więc pozwolę sobie być nieskromny.

wszystkie te kroki można zautomatyzować - ale automatyzowanie czas. a moja doba ma jedynie 24 godziny, tak samo jak Wasze. Więc mam jeszcze dużo tematów na posty.

#programowanie #javascript #frontend #webdev

inb4 czemu nie czysty js: bo wymaga więcej tłumaczenia a tutaj można robić "cargo cult" i używać magicznych formułek do tworzenia interfejsów

permalink do repo: https://github.com/wombatDaiquiri/lajko/tree/v0.0.3
7cde359b-b5d1-4331-af81-b6f1062b08f3

Zaloguj się aby komentować

Następna