TRANSCRIPTEnglish

Responsive TUIs aren't hard

5m 40s637 words102 segmentsEnglish

FULL TRANSCRIPT

0:00

Can we just talk about this for one

0:02

second?

0:03

When did anthropic engineering figure

0:05

out how to do responsive two? This is

0:07

wild. How

0:54

Five 4 3 two Oh, dang.

1:12

What is it? Uh, we'll go row.

1:15

columns.

1:17

How does that sound? Is that Is that

1:18

pretty good? Is that Is that what we

1:21

want?

1:23

Let's just see what happens. Uh

1:27

make a resi uh on resize function. I

1:30

don't know if that's even I don't even

1:32

know if that's an event. I don't even

1:33

think that's an event in node or in bun.

1:36

But let's just do let's just see what

1:37

happens because I already know what I

1:38

would do.

1:40

I know how I would implement this.

1:43

But it is very interesting to see if

1:45

this actually exists.

1:51

All right, while we wait for that

1:52

function center uh text

1:57

uh text uh term uh

2:00

uh type uh term is just going to be this

2:04

uh what is it? By the way, my uh my my

2:08

uh indenting has broken. Okay, guys. It

2:11

is I I I just just reinstalled um Yeah,

2:14

my my indenting is broken. It sucks.

2:18

Okay,

2:20

so just deal with it.

2:24

Uh print uh let's see uses S. Let's see.

2:28

Uh how how should we do this? Um clear

2:31

screen with an

2:34

put text into center of screen.

2:38

There we go. Bada bing, bada boom. Okay,

2:40

let's see. Okay, does it have is resize

2:42

a real thing? Is resize actually a real

2:45

thing? I don't know if is is it a real

2:47

thing?

2:50

Um resize

2:53

really resize this thing. Okay, well I

2:54

mean that makes it pretty easy. Okay,

2:56

there we go. We have center text uh

2:58

function init. Uh here we go.

3:02

Let's see. Uh makes the terminal into

3:04

raw mode.

3:06

That seems good. Uh, listens for resize.

3:10

Prints the uh, rows and calls in the

3:14

center of the screen.

3:19

All right, here we go, boys. Look at

3:21

that. I barely even typed. I just I just

3:22

I just did these things. Uh, Annette,

3:27

I know, guys. I'm about Dude, we're

3:30

about to do something crazy here.

3:33

Okay,

3:36

I know this might seem kind of crazy. Uh

3:39

bun. Where where was this? That was in

3:41

game. Okay. Uh source. Let's see. Game

3:45

test

3:47

run. There we go.

3:49

All right. Nice. All right. Good. Good.

3:52

Good. Good. Good. Good. Good. Good.

3:53

Good. Good. Good. Good. Why is it Why?

3:56

Let's see. Why did we uh leave? This

3:57

shouldn't have left because I thought I

3:58

had the re Oh, it's We're not actually

4:01

keeping this thing alive. Uh, let's just

4:03

go like this.

4:05

I thought that thing would keep it alive

4:06

because I have a listener. I'm

4:08

surprised. I'm surprised that the

4:09

listener doesn't uh stay alive, right? I

4:12

thought that would keep my process

4:13

alive. Do I not understand note anymore?

4:16

Maybe.

4:19

I don't know. I don't know.

4:23

Maybe I just don't understand it

4:24

anymore.

4:29

There you go. Look at how silly that is.

4:35

There we go.

4:37

That's some That's some pretty crappy

4:39

programming right there. But I'm pretty

4:42

sure that if I go like this

4:45

Oh my gosh. No way, bros. No. Oh my

4:49

gosh. He Dude, I just Dude, I just made

4:52

Dude, I just did what Anthropic did.

4:55

Brothers. Brothers. Oh my gosh. Huh?

5:00

Huh? Huh? Oh my gosh. How did we do it?

5:03

How did we do it? It's impossible. This

5:07

is actually impossible.

5:09

Oh my gosh. Rows are expansive as well.

5:11

Okay. Oh my gosh. Rows are expansive.

5:17

Impossible.

5:20

Anyways, so of course this led to my

5:22

what I would consider to be my greatest

5:24

ratio of all time, which is I can't

5:26

believe we have integer-based UIs that

5:30

can respond to ins. We h we've we've hit

5:34

new levels of technology that have never

5:36

been seen before.

UNLOCK MORE

Sign up free to access premium features

INTERACTIVE VIEWER

Watch the video with synced subtitles, adjustable overlay, and full playback control.

SIGN UP FREE TO UNLOCK

AI SUMMARY

Get an instant AI-generated summary of the video content, key points, and takeaways.

SIGN UP FREE TO UNLOCK

TRANSLATE

Translate the transcript to 100+ languages with one click. Download in any format.

SIGN UP FREE TO UNLOCK

MIND MAP

Visualize the transcript as an interactive mind map. Understand structure at a glance.

SIGN UP FREE TO UNLOCK

CHAT WITH TRANSCRIPT

Ask questions about the video content. Get answers powered by AI directly from the transcript.

SIGN UP FREE TO UNLOCK

GET MORE FROM YOUR TRANSCRIPTS

Sign up for free and unlock interactive viewer, AI summaries, translations, mind maps, and more. No credit card required.