Wesprzyj nas i przeglądaj Hejto bez reklam

Zostań Patronem

#frontend

5
88
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
2

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

@mortt Nie, to do UserScript.

Zaloguj się aby komentować

Zapytaj się chata gpt

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
4

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

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

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

Zaloguj się aby komentować

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
239008d7-b83f-4e30-8268-a499736627a7
Opornik userbar
12

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

@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

Może najpierw niech działają?

@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
2

@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ć

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
8

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

@koszotorobur pokaze jak pisac dobre prompty pod promptengineering ;]

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

@GrindFaterAnona tak, bedzie na moim kanale.

@Sheppard30 super, to wolaj potem jak juz nagrasz

@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ć

@Michumi kto wchodzi na główną

@Acrivec ten z policji, hop, hop, hop

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
9

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

@Sheppard30 otaguj to odpowiednio #2137

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

Zaloguj się aby komentować

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
6

@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

@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

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

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

@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
9929d71d-89b1-4aa9-9c42-a04417af8f54
Opornik userbar
3

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 c⁎⁎ju!
Może jednak zapiszesz się do newslettera.
Załóż konto.

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

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

Ta to "szalone lata 90-te" 😃

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 d⁎⁎y, 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.

@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"
0

Zaloguj się aby komentować

0

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 d⁎⁎ie?! ni wiem. Po⁎⁎⁎⁎ne 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
13

@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

@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 😃

@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.

@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

@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".

@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
0

Zaloguj się aby komentować