Video

Hey bro what about js part? Are there ways to do that?

fantastic, a super simple minimalistic and working code

Brilliant. Awsome mate. Thank you.

Thx, just what i needed!

Thank you so much 😭

full video pleasee

Thanks Umar!

Thanks Brother!

Thanks!

_

thanks man thanks I need to redesign a website under 4 hours this gonna help am sure

Awesome vid. Only thing that'll stop me from doing open ai requests in the browser is exposing the API keys. That's why I always end up using a server so I can authenticate a user and not expose API keys + Server Sent events

This is amazing useful!!!

you cant do this for most website you want to copy from, it jst gives you inherited values unable to copy the styles #

what is the plugin that shows you content of console.log?

Nice one!

wrr

nice content, well explained. for await is cool. also the destructuring of the json was interesting, I haven't used that before, nice exposition.

Watched all of your performance videos. Very helpful. No other channel has such quality videos about performance. Waiting for more.

Ur video changed my life completely... I am not kidding even 1%. I did not know the concept and power of chatgpt until I came across your video... I immediately signed up for chatgpt and my life as a developer changed completely for the best. You brought a major turning point in my life... I am forever grateful to u... ❤❤❤

0:11 nice

There is a website which has really cool animations and design and i wanna use some for my own website... How can i copy the animations and other html stuff for particular parts?

For demo it is fine to call the OpenAI endpoint from the web side, but it is bad for other purposes because your API Key remains exposed to being stolen easily. It is more recommended to made the call on the server side, IMHO.

☺️ "promo sm"

Exactly what I needed I have been copying a website I liked and finding and deleting code manually going back and forth between vs and chrome. Wow lifesaver lol

I can't use it in Edge: "Uncaught TypeError: copy is not a function at <anonymous>"

This couldve saved me an entire weekend digging through the code.

Great tutorial! One wired bug that I've encountered if anyone is interested (not in the video) The 1st text content is missing. It turned out that, the 1st chunk in my response body contains 2 data pieces (just like the last one), and the 1st piece which looks like this "choices":[{"delta":{"role":"assistant"},"index":0,"finish_reason":null}] has no "content" property in "delta" and should be excluded like the "data: [DONE]".

Reminds me of the bundle analyzer plug-in in Webpack

You have the best quality videos for javascript and cutting edge technology... Thanks... Keep uploading javascript videos.... Pls put all links in the description

Umar, this is golden

I'd love to have a docker setup for this.

Thanks Umar

This is a really cool video. Thanks for showing the prompt that gets used for the interaction. Will definitely check out the repo.

Great way to avoid waiting for graphic designers 👍 But Apple devices... 💩 I would rather keep my sanity

Helpful

Is that an extension? Thanks for doing this

If the API would work with GET instead of POST, you could just use EventSource, since streaming just seems to be SSE in this case

Nice work, man

Great!

3:04 - what plugin shows this 2letter hotkeys to be able to navigate to any place in code? I wonder can i found same for jetBrains ide

Very cool video! Thank you! What is your coding setup? It looks like a bit more than autocomplete going on there.

SOOOO badaasss, omg - Is see practical ways I could use that - didn't even know streaming was that ... simple in a sens (obvisouly considering the API you're consuming)

Your videos are the best. I don't miss videos nor shorts ❤

Very interesting example, I like doing my things using vanilla JS as much as I can. It will be very useful if you can explain more browser's web APIs. Thanks Umar👍🚀

Nice, love your videos

00:01:30 - Making a Fetch Request 00:03:01 - Non-streamed data 00:03:50 - Streaming the data 0:05:20 - Decoding Streamed Data 0:09:43 - Running the Script with Node JS 0:10:58 - Adding an Abort Controller 0:12:17 - Recap of Fetch API Streaming 0:12:47 - Conclusion and recap

can we use async await for RxJs catchError function also?

I wasn't aware of the "i" flag. Thanks Umar, that was a very nice refresher👍

Nice... Good for getting shit done. But I will stick to my custom component with error handling and loading indicator.