►
Description
In today's stream, we made a Twitch Bot that talks to the GitHub API.
Watch this recording as Bdougie and MishManners walk you through how to create your own chatbot and on stream Twitch integrations with GitHub.
Here are the links we shared:
Git Twitch repo: https://github.com/bdougie/git-twitch
Bey bot repo: https://github.com/open-sauced/beybot
Smee: https://smee.io/N6AHydhyYp4ee7
Octodex for GitHub gifs: https://octodex.github.com/
GitHub Meetup group: https://www.meetup.com/en-AU/pro/github-virtual-meetup#events
Live streamed on 5 Feb 2021, 2pm AEDT.
0:00 - Start
2:45 - bdougie introduction
8:48 - What is git-twitch?
14:11 - beybot, the original twitch bot
26:31 - Opening a Codespace from a Fork
33:38 - What is smeei.io?
35:40 - Creating a webhook
46:30 - Running the git-twitch locally from a Codespace environment.
101:40 - Fixing the content type error
105:00 - It works! Now updating the interaction animation
1:07:58 - Adding to OBS
1:55:30 - End
As always, feel free to leave us a comment below and don't forget to subscribe: http://bit.ly/subgithub
Thanks!
Connect with us.
Facebook: http://fb.com/github
Twitter: http://twitter.com/github
LinkedIn: http://linkedin.com/company/github
About GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Millions of people use GitHub to build amazing things together. For more info, go to http://github.com
B
A
We've
got
an
echo,
let
me
fix
it.
We've
got
an
echo.
Let
me
fix
it.
We've
got
an
echo.
Let
me
fix
it.
Alright
is
that
fixed?
We
have.
The
echoes,
are
fixed,
fixed,
hello,
santiago,
welcome
into
the
chat,
welcome
into
everyone,
and
apologies
for
the
echoes.
You
know
you
all
just
wanted
to
hear
me
talk
like
five
times.
So
that's
why
we
just
had
to
give
you
a
little
bit
of
extra
mish
in
in
the
house.
Hey
we
bw
lizard,
I've
said
lizard
words,
but
it's
liquid
words,
hey
liquid
words,
hey
connie.
A
How
are
you,
how
is
everyone?
We
are
very,
very
excited
about
today's
contest,
really
good
who's
excited
about
today
like
come
on.
It's
also
friday,
well
at
least,
if
you're,
in
apac
or
in
australia
or
somewhere
in
the
southern
hemisphere,
bit
it's
friday.
So
can't
get.
You
know
too
hung
up
about
that.
It's
awesome.
It's
friday,
we've
got
llama
cat.
We've
got
dolly
hello,
welcome
in
again
to
you
too
so
excited
so
it's
thursday
afternoon,
slash
evening
for
everyone
in
the
northern
hemisphere
and
friday
afternoon.
For
all
of
you
it's
down
on
my
my
level.
A
A
I
have
my
trusty
cup
of
tea
in
my
beautiful
github
mug
feel
free
to
bring
your
own
tea
or
coffee
or,
if
it's
after
five,
a
beverage
of
your
choice,
you
are
more
than
welcome
it's
4am
in
germany.
What
are
you
doing
up
at
4am?
Oh
my
gosh?
Well
welcome
in.
We
are
so
welcome
to
be
here
at
four
o'clock
in
the
morning,
and
I
hope
that
we
bring
you
some
really
fun,
exciting
content
and
make
it
worth
your
while
being
up
at
four
o'clock
in
the
morning.
A
So
without
further
ado,
who
would
like
to
meet
today's
guest
who
would
like
to
meet
today's
open
source
friday
guests
now,
if
you've
obviously
seen
the
meetup
group
or
you've
been
watching
on
twitter,
you
probably
already
know
who
it
is.
I'm
excited
for
today's
guest
because
they're
really
cool
we've
got
mads.
Mazda's
excited
lima
cat's
excited,
I'm
excited
so
without
further
ado:
let's
bring
them
in
hello.
My
doggy.
B
B
A
Wow
you
can't
get
much
better
than
that.
Hey
I
mean
like
well,
I
get
to.
I
would
say
it's
it's
the
start
of
my
day,
but
it's
not
really
it's
afternoon
here.
It's
kind
of
like
my
afternoons
spending
time
with
bw
is
like
the
best
thing
ever
now.
If
you
saw
my
tweet,
I
literally
tweeted
that
one
of
the
best
things
about
working
with
github
is
being
with
colleague.
So
you
know
it's
really
cool,
I'm
so
excited!
B
A
bit
too
because
I
always
end
up
coming
after
you.
Whenever
I
do
the
friday
streams.
You'll
do
a
stream
around
this
time
and
then
I'll
just
dream
in
the
morning.
So
I
always
have
to
shout
out
what
michelle
did
the
day
before
and
yeah
lake
welcome
sounds
like
I
could
boost
my
mic
up
a
bit.
I
don't
know
if
it's
on
your
end.
A
Yeah
sure
I
can
boost
you
up
a
little
bit.
I
was.
I
was
trying
to
gauge
the
levels
as
we're
going
that
good
dave.
Let
us
know
I'm
trying
to
like
gauge
as
we're
going.
It's
always
it's
always
fun
trying
to
play
around
with,
like
you
know,
the
the
music
audio
and
my
audio
and
b
doggy's
audio.
But
let
us
know
if
b
doggie
sounds
good.
Now
you
got
a
beautiful
sweet.
What
do
you
got?
A
blue
yeti
microphone?
That's
what
you
got
yeah.
B
A
A
Yeah,
I
know
so
cool
right
and
we've
got
lethal
errors
in
the
chat
saying.
How
much
do
you
guys
make
with
open
source
tech?
Well,
that
might
be
a
good
topic
of
conversation
to
get
to
later.
You
know
why
people
do
open
source,
how
much
money
you
could
potentially
make.
As
far
as
that
question
like,
how
much
do
you
make
in
open
source
is
the
basically
equivalent
of
like
asking?
B
On
what
you're
doing
right,
yeah-
and
I
would
say
like
most
of
those
twitch
streamers-
they
always
respond
back
with,
like
just
do
it
for
the
fun
and
then
that
will
pay
the
pay
to
bills
eventually.
But
it's
a
long
tail,
I
think
open
source
might
be
a
little
bit
similar.
We
do
have
things
like
get
up
sponsors
and
you
know
patreon
and
open
where's,
the
open
collective.
A
Exactly
I
think,
that's
right,
like
you
know,
people
a
lot
of
people
started
off
for
fun.
I
mean
we
know
some
people,
especially
some
people,
have
got
up
to
six
figures
on
their
open
source
projects.
We
know
some
people
like
that
they
they
started
for
fun.
They
end
up
going
bigger
and
better.
So,
oh,
oh
my
gosh.
I
love
your
pizza
emote.
By
the
way
it
is
adorable
how
I'm
gonna,
I'm
gonna
respond
with
my
own
emote.
There
we
go.
I
love
it,
it's
so
cute
and
beautiful.
A
B
A
B
Yeah,
I
am
normally
based
in
san
francisco,
california,
but
at
the
moment
for
the
next
couple
months,
I'll
be
in
florida,
which
is
where
I'm
at
right
now.
A
lot
of
people
have
asked
me
on
twitter.
Why
my
background
so
different?
That
is
not
a
green
screen.
This
is
actually
a
blank
room
with
one
light.
A
B
Yeah
you
know
I
almost
brought
some
posters
that
I
have
been
I've
had
like
sitting
next
to
my
desk
and
they
just
didn't
fit
my
suitcase.
They
were
just
slightly
too
long
and
then
the
github
shop
refreshed
so
there's
no
posters
there,
so
I'm
sort
of
out
of
github
swag.
At
the
moment.
All
I
have
is
a
hoodie,
but
I
do
have
a
coupon
to
buy
some
stuff
in
this
github
shop.
So
maybe
I'll
there
you
go.
Maybe.
A
A
Know
do
people
like
it.
I
actually
helped
design
these.
So
these
are.
These
are
very
limited
edition.
We
did
them
for
some
of
the
live
coders
which
are
bdog.
You
know
I
both
happen
to
be
involved
in
the
live.
Coders
live
coding,
twitch
team,
which
is
exciting
and
a
couple
of
our
github
people
have
it
as
well
so
yeah.
Thank
you.
I'm
glad
you
like
it
was
like
the
esports
look
that
we
kind
of
went
for,
and
I'm
also
loving,
lethal
errors.
Comment,
which
is
api,
is
a
person
in
need.
A
We
know
that's
not
what
it
actually
stands
for,
but
let's
jump
into
it.
I
know
bw
spent
quite
a
bit
of
time,
building
this.
What
do
you
call
it?
Twitch
bot,
thingy
integration,
stuff,
readme
file,
looks
all
pretty
I've
linked
it
in
the
chat.
Would
you
like
to
talk
us
through
a
little
bit
about
this
first
speedo
before
we
jump
into
actually
doing
the
building.
B
Yeah
yeah
so
yeah,
so
api,
meaning
application
protocol
interfaces
it's
a
way,
so
you
can
basically
connect
to
different
tools
like
twitch
or
github.
I
guess
zooming
out
a
bit
if
you
haven't
actually
seen
me.
I
know
there's
a
lot
of
familiar
names
in
the
chat
right
now,
but
I
do
developer
advocacy,
developer
relations
with
michelle
here
at
github,
and
my
focus
for
the
past
couple
years
has
been
around
our
api
in
building
things
like
github,
apps
and
github
actions,
and
now
github
integrations
with
twitch
as
well
just
for
fun.
B
So
I
just
kind
of
have
a
lot
of
knowledge
on
how
github's
api
works
and
because
that
knowledge
I
wanted
to
well.
I
do
some
live
streaming
myself,
so
I
wanted
to
be
able
to
connect
my
github
account
to
my
twitch
account.
While
so,
when
I'm
on
live
streams,
people
can
interact
with
my
github
repos,
and
I
can
see
that
in
my
my
twitch,
chats
and
stuff
like
that,
and
I
think
it's
a
common,
it's
a
common
like
use
case.
I
think
a
lot
of
actually
michelle.
A
B
B
B
That's
a
stream
elements
plug-in
that
someone
else
built
using
code
and
instead
of
putting
it
on
github,
they
just
put
on
stream
elements.
So
if
you
are
familiar
stream
elements,
it's
just
a
place
where
you
can
also
share
these
little
snippets
of
code
kind
of
like
a
marketplace,
but
it's
all!
Well,
I
think
most
majority
is
free.
You
might
be
able
to
buy
integration,
okay,
yeah.
So
what
I'm
getting
at?
B
It's
like
this
integration
that
we're
gonna
mess
with
like
we
could
package
this
up,
make
it
pretty
and
then
go
throw
it
on
stream
elements.
But
one
thing
I
sort
of
realized
when
I
started
streaming
a
year
ago
on
twitch-
is
that
a
lot
of
these
integrations
like
a
lot
of
people,
don't
share
the
code.
A
lot
of
people.
B
How
can
folks
get
connected
to
their
code
on
github
while
you're
doing
that,
because
all
this
stuff
is
open
source
github's,
like
kind
of
the
well,
it
is
a
home
for
open
source
home
for
a
ton
of
developers,
all
developers-
and
I
just
want
to
make
it
so
much
easier
for
for
that.
So
that's
what
this
is:
git
twitch!
It
talks
from
it
talks
to
from
github's
api
using
web
hooks
to
twitch
and
that's
sort
of
the
well
we'll
get
it
to
sort
of
have
the
nuts
and
bolts.
A
We
do
and
I
think,
a
couple
of
questions
around
too
like
what
what
are
we
trying
to
do
and
now?
Obviously,
if
a
lot
of
you
have
joined
in
on
some
live
streams
on
either
b
doggies
channel
my
channel
or
any
other
channels,
you'll
notice
that
obviously
someone
follows:
there's
nearly
always
an
alert
that
pops
up
on
the
stream.
You
know
there's
a
little
gif
and
there's
some
sound
and
there's
alert,
saying
thank
you.
Bw
for
following
and
you'll
get
something.
A
So
the
idea
is
to
do
some
more
integrations
like
that
with
github,
so
we
got
there.
Dave
said
like
if
someone
did
a
git
push
to
our
repo,
the
bot
on
twitch
would
let
us
know
yeah,
maybe
it's
a
maybe
it's
a
little.
Thank
you
like
thank
you
dave
core
for
making
push,
but
also
we
want
notifications
to
pop
up
on
stream.
Like
you
know
this,
this
one
that
b-doggy's
got
on
screen
or
maybe
that
pops
up
and
says
dude,
you
got
some
cool
music
going.
A
It's
like
dave
cool
has
pushed
to
this
repo,
or
even
like.
I
just
I
double
checked
before,
but
I'd
already
started
this
repo,
but
even
if
we
start
a
repo,
maybe
it
pops
up
and
there's
stars
everywhere,
like
you
know,
basically,
we
wanted
to
make
some
more
fun,
on-screen
and
in-stream
interactions
when
you're
actually
interacting
with
github,
because
as
b-doggy
said
you
know,
a
lot
of
a
lot
of
streamers
that
are
live
code.
Is
there's
not
there's
not
that
much
that
you
can
do
like
it's.
A
A
Yeah,
it's
locked
for
me.
Oh,
why
it's
work
but
yeah
like
as
daryl
duck
said
as
well.
Like
you
know,
if
someone
forks
it
copies
it
opens
up,
makes
a
push,
makes
a
pull
request
like
vdoggy's
idea
about
this
is
to
build
it
so
that
you
can
change
what
you
want
like.
In
the
same
way,
you
can
choose
to
show
alerts
of
followers.
Subs
bits
cheers
whatever
it
happens
to
be.
We
want
you
to
be
able
to
use
this
to
integrate
github
and
twitch.
However,
you
like,
oh
there,
we
go
yeah.
B
B
He
built
this
thing
called
comfy.js,
which
is
an
sdk,
and
I
use
the
term
sdk
sdk
is
like
a
software
developer
kit.
It
basically
takes
your
api
and
it
makes
really
approachable
interfaces
with
it.
So
this
one's
in
javascript.
So,
like
I
write
a
lot
of
javascript,
I'm
able
to
do
chat
commands
so
usually
a
chat
command.
B
Some
people
are
here.
I
do
like
basically
exclamation
point
yo
and
that's
a
way
for
people
to
say
hello
when
they
come
into
the
chat
or
if
we
just
want
to
get
hyped
and
what
happens
there.
If
you
scroll
down
to
the
bottom,
there
should
be
an
animation
animated
gif
of
this
happening.
So
that's
the
that's.
The
yellow
happening,
which
is
basically
brandon,
comes
in
the
chat
types
in
yo.
He
lets
me
know
I'm
here
and
then
brandon's.
B
It
says
on
the
screen
that
brandon's
hype,
so
that's
that's
the
basics
of
my
bay
bot
and
it
was
like
my
introduction
to
try
to
build
chat
integrations
and
the
one
thing
I
want
to
point
out
too,
as
well,
is
like
these
all
exist
and
you
can
do
a
stream
element
or
all
these
other
tools
to
sort
of
install
this
brandon.
Here's
his
name
he's
he's
in
the
chat.
His
ears
are
burning,
but
what
I'm
getting
at
is
when
I
first
tried
to
build
these.
B
There
was
like
not
a
lot
of
information
on
how
to
build
these
so
from
scratch.
A
lot
of
folks,
just
kind
of
pointed
you
to
stream
elements,
and
I
just
wanted
to
build
it
to
learn
because,
like
I
know
how
to
code,
so
I
figured
I'd
just
jump
in
and
it
took
a
lot
of
work
so
in
that
actual
readme,
it's
actually
instruction
on
how
to
build
it
yourself.
B
B
The
other
thing
is
that
you
don't
have
to
have
a
server
or
anything
else
running
just
to
get
this
one
integration
working,
you
just
simply
put
fork
the
repo
and
actually
deploy
it
to
a
github
page
by
just
going
into
settings
and
then
taking
a
get
a
page
url
and
throwing
into
a
browser
source.
And
then
you
have
a
chat.
Integration
also
keep
in
mind.
B
A
B
B
I
think
it's
actually
funny,
because
I've
actually
gotten
people
who
weren't
in
my
chat
but
were
testing
it
like
you
could
tell
they
were
testing
that,
because
I
have
a
a
youtube
video
that
I
do
this
too,
as
well
on
a
blog
post.
So
you
can
tell
people
are
reading
the
blog
post
while
it
was
live
on
stream
or
while
it
wasn't
live
on
stream
and
like
the
integration
was
just
go
like
the
chat
ops,
where
this
happened,
which
is
hilarious.
A
way
to
put
my
my
my
name
out
there.
A
Some
of
the
stuff
they
have
on
their
channels
is
really
cool
like
one
of
them
is
like
when
you
come
into
raid.
There's
all
these
things
like
fire
off
over
the
screen
and
like
all
his
viewers,
have
to
try
and
stop
you
raiding
and
they
like
try
and
like
it's
really
fun.
So
I
love
the
fact
that
there's
all
these
things
that
we
can
do-
and
we
have
got
a
few
questions-
don't
worry
we're
not
avoiding
them.
A
I'm
banking
them
up
in
my
head,
but
one
question
we've
got
there
is,
as
duckman
daryl
says
there.
Can
we
see
an
example
of
it
and
you
can
obviously
see
it
in
the
right
me,
so
you
can
see
there's
one
here.
I
think
there's
a
few
other
examples.
You've
got
there
as
well,
otherwise
you
can
always
jump
into
bdoggy's
twitch
channel
watch,
it
watch
them
all
happening,
live.
B
A
B
Yeah,
I
think
brian
or
b
ryan.
He
he
explained
it.
Ghetto
pages
is
kind
of
the
predecessor
to
things
like
netlify
and
purcell.
Vercell
does
a
bit
of
extra
stuff
too,
as
well
with
the
the
sort
of
functions
built
in
and
even
netlify.
At
this
point,
but
inside
of
building,
let's
say
a
javascript
app
or
a
static,
static
site
generated
app.
You
can
build
it
to
html
files.
B
So
a
lot
of
what
you're
going
to
see
soon
when
we
start
integrating
this
chat
integration
is
that
we're
just
putting
html
files
on
the
screen,
like
literally
actually
what's
above
our
head
and
what's
below
our
head?
That's
an
image,
but
we
could
just
as
easily
make
that
html
file
even
better.
My
example
in
my
readme,
if
you
look
on
the
side
of
my
of
my
live
stream,
so
scroll
up
just
one
more
on
the
side
there
and
everything
around
in
the
black
box
is
actually
a
gatsby
site.
B
So
it's
a
statically
generated
react
site
that
I've
created
with
a
url.
That's
actually
hosted
on
github
pages
as
well,
and
I'm
able
to
on
the
fly.
I
can
change
the
the
urls
on
the
page
using
a
browser
source
same
thing
with
the
chat
integration,
that's
sort
of
popping
in
on
the
bottom.
That's
also
a
browser
source.
I
don't
maintain
that
one.
I've
actually
built
one
a
couple
times
and
I've
just
never
been
able
to
make
a
better
version
than
what
stream
elements
is
providing.
B
B
Yeah
yeah,
so
if
you
just
want
to
go
to
the
get
twitch
one
so
there's
gonna
be
things
for
the
bay
bot
that
is
included
in
git
twitch,
so
that's,
which
is
why
we're
going
to
skip
over
baby.
I
just
wanted
to
give
people
a
more
introductory
experience
just
because
that
one
actually
has
a
good
readme.
This
one
is
a
very
limited
readme
that
I
just
wrote
tonight.
So
it's.
B
B
A
As
a
moderator
on
the
channel
for
some
reason,
my
mod
settings
aren't
working
at
the
moment.
So
that's
okay,
I'll
just
pop
out
the
chat
again
and
we'll
see
if
we
can
keep
the
mod
settings
going.
So
I
can
unban
you
all
at
some
point:
nope
still
not
working
there,
we
go
got
it
all
right.
We
can
unban
you
now,
that'll
teach
you
yeah
that'll
teach
you
for
trying
to
try
to
be
helpful,
all
right
cool,
so
we
forked
up
now.
What
do
we
do?
A
B
A
B
A
B
A
B
B
Is
actually
the
funny
thing
is
I
have
a
youtube
account
and
I
talk
about
this
and
it's
like
the
first
video
that
yells
at
you,
so
I
would
actually
before
I
even
go
into
that,
I
would
say
just
go
to
my
youtube
account
and
I
have
a
youtube.
Video
called
how
I
got
my
job
at
github
and
it
actually
explains
it
all,
which
is
the
beauty
of
social
media
and
having
stuff
pre-prepared.
B
A
B
Chatting
on
twitch
right
shots
fired
yeah,
but
I
said
that's
the
case
and
then
stack
at
github
github's,
a
very
large
company,
we're
almost
2000
employees.
We
have
a
very
large
engineering
team.
We
can't
answer
the
question.
What
the
stack
of
github
is
because
we
had
such
a
large
product,
so
it
uses
everything.
B
It
originally
was
a
ruby
on
rails
project
back
in
the
day,
but
it's
now
ruby
on
rails,
with
injected
servers
and
kafka
and
java
and
rust
clones,
and
we
have
some
elixir
and
small
plate
like
a
very
I'm,
not
even
sure
it's
still
in
production,
but
we're
just
doing
so
much
stuff
that
we
can't
answer
that
question
like
that.
So
what
we
do
is
we
hire
engineers
who
can
engineer
so
we
we
and
it's
actually
not
even
microservice,
it's
actually
and
sorry.
I'm
reading
the
the
chat,
daryl.
A
B
Microservices,
it's
a
monorepo
that
has
microservices
sort
of
attached,
so
I
don't
know
how
to
explain
this,
but
it's
something
someone
mentioned
netlify
earlier
netlify
was
my
former
employer.
We
also
had
a
very
similar
structure.
We
had
a
repo
which
a
bunch
of
microservices
attached
to
the
monorepo
to
make
it
work,
that's
just
kind
of
how
cloud
works
and
yeah.
Once
you
get
this
big,
you
sort
of
start
engulfing
all
different
types
of
languages
and
frameworks.
A
B
B
A
We've
got
new
code
space
now
this
this
usually
doesn't
take
too
long.
We
actually
do
a
video
on
this
a
little
while
ago
on
how
quick
a
code
space
works.
Anyone
who
is
tuning
in
from
melbourne
or
knows
how
bad
the
internet
here
is
in
australia.
This
takes
a
little
while,
so
usually
I
think
I
calculated
it
when
I
was
in
the
us
or
like.
I
think
you
might
have
done
it
too
ryan
was
it
takes
about
like
not
like
less
than
a
minute,
but
in
australia.
B
B
Yeah,
and
actually,
while
this
is
working,
I
can
explain
a
bit
of
the
project
too
as
well,
and
actually
we're
going
to
install
a
couple
different,
we'll
install
one
thing
and
then
we'll
have
to
also
set
up
a
webhook
server
or
webhook
receiver,
which
I
am
prepared
to
explain
so
we've
just
basically
we
got
the
code
space
we're
essentially
just
in
step,
one
which
is
great
these
code
spaces.
It
gives
you
a
full
browser
environment
with
vs
code.
B
That's
connected
to
your
github
repo
automatically,
which
sort
of
removes
all
the
sort
of
extra
trying
to
figure
out
how
to
make
sure
your
environment
works
locally.
Like
do
you
have
m?
Do
you
have
node
14?
Do
you
have
node
15?
Do
you
have
node
10
like
we
don't
have
to
know
what
node
version
you
have
michelle
on
your
machine
because
the
code
space
is
going
to
have
the
latest
and
greatest
for
us.
A
A
There's
lots
of
parts
of
australia
without
internet,
but
you
know,
if
you
have
internet
connection
and
a
laptop
like
any
kind
of
laptop,
you
can
pretty
much
run
anything
and
start
developing
code
and
deploying
code
instead
of
waiting
weeks
and
weeks
and
weeks
to
get
the
right,
develop
machine
or
to
get
access
to
certain
projects
or
just
to
get
admin
rights
or
whatever
like
this
just
opens
it,
and
if
this
is
almost
done,
it
looks
like
it's
done
that
looked
on
looks
down.
I
just
said.
A
B
B
A
B
A
A
B
A
B
A
B
A
B
B
A
B
The
doing
mpx,
instead
of
using
this
me
doing
installing
it
globally,
is
good,
but
the
only
issue
is
the
next
command.
We're
about
to
do
is
not
speed,
client
and
sometimes
when
the
mpx
commands
don't
match
with
the
actual
command
I
found
conflicts
so,
which
is
why
we're
using
npx
npx
is
a
way
to
install
and
run
at
the
same
time.
So
the
next
thing
we're
going
to
be
doing
is
not
running
the
command.
We
actually
have
to
set
up
some
environment
variables.
B
B
We
don't
have
any
way
to
receive
these
web
hooks
because
we're
doing
some
local
development
environment,
some
production
stuff
like
vercell,
who
leveraged
like
sakuraio
or
the
other
one
ws
they
will
do
web
hook.
Maneuver
question
mark
anyway
I'll
pause
on
that,
but
yeah.
Basically
they
received
the
the
web
hook.
So
smee
is
kind
of
like
ngrok.
If
you
ever
heard
of
ingrock
ingrock
is
another
place
for
being
able
to
tunnel
apis.
B
B
You
might
not
have
heard
of
smee
because
it
was
built
by
github
employees
and
github
employees
to
kind
of
test
our
web
hooks
internally.
Without
paying
you
know,
money
elsewhere
and
it
sort
of
solves
our
problems.
It
is
open,
source
and
usable
by
anybody
who
wants
it.
We
don't
really
advertise
it,
but
in
this
use
case
in
sort
of
the
training
environment,
where
we're
sort
of
in
right
now
or
sort
of
the
learning
environment
sme
is
a
really
good
cool
tool
to
use.
B
B
Yep
and
that
channel
url
is
something
we're
going
to
need
to
hold
on
to
so
I
would
just
keep
this
tab
open
and
then
we're
going
to
you
probably
want
to
copy
this
me
url
to
as
well
to
your
clipboard
and
the
next
step.
We're
going
to
do
is
actually
create
a
web
hook.
So
we'll
just
go
ahead
and
create
a
web
hook.
Now
we
can
create
a
web
hook
on
your
repo.
That's
probably
the
best
place,
the
one
that
you
forked.
A
B
Cause,
I
think
it
yeah.
So
at
this
point
it's
low
stakes,
so
low
stakes
says
in
like
we
don't
have
to
worry
about
your
your
get,
twitch
fork
being
exposing
secrets
and
stuff
like
that
yeah.
So
at
this
point
you
want
to
go
into
your
developer
settings
for
the
repo.
So
if
you
go
into
the
settings
which
I
think
it's
gonna
be
the
yeah
yeah
there
we
go
and
then
on
the
left
in
that
panel
it's
gonna
say
web
hooks.
B
A
B
Yeah-
and
I
think
that
dave
core
actually
is-
has
a-
I
don't
know
a
question,
oh
question,
so
smee
receives
the
web
hook
and
pushes
something
to
twitch
or
the
twitch
pop
pulls
everything
from
smee
every
x
seconds
or
something
so
yeah.
It's
it's
not
polling,
it's
actually
receiving.
So
every
time
we
push
from
github
or
we
create
a
web
hook
from
github.
So
that's
what
michelle
did,
which
actually
michelle
you
need
to
edit
that
real,
quick.
B
I'll
update
that
later,
or
we
can
update
this
after,
but
we'll
need
to
actually,
instead
of
pushing
everything
directly
to
this
web
hook,
select
only
one
in
one
event,
and
I
like
to
pick
events
that
are
trivial,
that
I
can
test
really
quickly.
So
what
you'll
want
to
do
is
scroll
down
and
pick
the
one
that
says
stars
guest
stars
are
super
they're,
trivial,
they're,
easy
to
sort
of
click
on
and
off.
B
It
it's
pretty
low
stakes.
I
tend
to
always
make
my
secret
secret
when
I'm
on
my
live
stream,
but
you
can
also
turn
it
off
and
make
it
whatever
you
want.
Just
note
that,
with
having
the
secret
enabled
it
means
that
we
can't
get
any
server.
The
thing
is
like
we
have
like
30
odd
people
in
the
chat,
so
anybody
can
hit
that
web
hook
manually
and
send
random
information
to
us.
That's.
A
Yeah,
it's
good
practice
people
to
obviously
this
url
again,
I
don't
mind
if
people
are
gonna
see
that
one
because
we're
gonna
change
that
later,
but
it's
good
practice
that
anytime
you're
typing
in
passwords
or
showing
anything
that
could
be
potentially
taken.
It's
always
good
to
flick.
Your
screen
off.
B
A
B
B
A
B
Because
the
the
guy
who
interviewed
me-
and
we
talked
about
the
interviews,
so
let
me
talk
about
my
interview
because
the
guy
who
mates
me
he
actually
interviewed
me
at
github,
and
so
I
github
I
had
the
introductory
process
where
people
find
out.
You
know,
like
your
background
or
whatever,
and
then
you
go
through
the
process
of
like
the
the.
What
do
you
call
it?
The
informational
situational
interviews
of
like
tell
me
a
time
we
needed
this.
B
Tell
me
time
of
that,
and
then
I
had
a
coding
interview,
a
couple
of
them
where
one
was
a
review
of
pull
quests,
which
I
loved.
They
gave
you
a
pull
request
and
you
had
to
review
the
code.
This
is
not
for
every
team.
This
is
for
my
experience
just
want
to
point
that
out
too
as
well.
We
do
have
centralized
every
engineer
interviews
the
same
way,
but
that
was
not
the
case.
B
But
then
my
next
interview
was,
I
had
to
build
something
with
the
github
api,
so
I
had
the
api,
which
is
funny
because
I
loved
messing
with
the
api
before
then
I
built
an
entire
platform
at
netflix
using
the
api
which
is
netlife
deploys.
But
what
I'm
getting
at
is.
I
just
had
to
build
the
api,
but
the
guy
who
interviewed
me
he
built
me
and
he
doesn't
work
at
github
anymore,
but
that
was
like
a
long,
rambling
story
to
answer
a
question
that
somebody
else
asked
earlier.
A
So
I'm
doing
it
doesn't
want
to
do
it
for
me.
Well
also,
while
you're
chatting,
I
was
editing
the
read
me
file,
yeah
yeah,
I've
tried
control
mouse,
but
obviously
that's
how
I
zoomed
in
here
before
people.
Why
do
you
think
we're
right
now,
150,
because
we
zoomed
in
think
it
works
for
this?
It
just
doesn't
work
for
the
code
space.
A
B
Yeah
there's
a
lot
of,
I
guess,
debugging
for
the
the
zoom
problem,
but
yeah
it's
weird,
because
I
literally
have
a
code
space
open
up
and
a
tab
on
my
my
machine
and
zooming
in
works.
For
me,
the
other
thing
is
probably
just
going
into
the
web.
Browser
are
and
doing
view
in
zoom
manually.
That's
the
other
thing,
but.
A
A
A
A
A
B
B
B
That
was
like
a
pain
point
in
some
of
the
code.
I
was
doing
earlier
this
year
and
yeah.
I
just
sort
of
figured
out
that
it
was
chrome
and
then,
when
I
fixed
it
in
chrome,
then
found
out
the
brave
browser
was
another
problem
and
at
github
we
have
lots
of
users
using
all
different
types
of
browsers,
so
yeah.
That's.
I
always
ask
that
question.
That's.
A
B
A
B
B
B
A
A
B
B
B
A
B
B
B
B
B
A
Cool,
so
we've
got
some
questions
from
people
saying
they've
just
swung
by
and
saw
github
is
streaming,
we
are
creating
twitch
integrations
and
github
integrations.
So,
basically,
when
you
are
on
stream
with
someone
you
follow,
someone
usually
get
a
fancy
notification.
We
want
to
do
the
same
thing
for
github.
So
if
someone
starts
your
repo
forks,
it
creates
a
pull
request.
You
want
to
know-
and
you
want
your
viewers
to
know
as
well,
so
there
we
go.
That's
what
we're
doing
yeah.
B
No
and
that's
what
it
is,
so
if
you
go
back
to
the
console
or
sorry
the
the
terminal,
we
now
have
port
server,
3000
working
and
then
go
back
to
the
the
blank
screen,
just
open
up
the
the
chrome
console.
I
just
want
to
make
sure
there's
not
an
error
message.
Oh
there
is
our
error
message.
There's
one
more
thing:
we
have
to
do.
Okay,
and
that
is
also
super
small.
B
We
need
actually,
I
actually
did
this
intentionally,
because
I
wanted
to
force
myself
to
talk
about
how
this
is
working.
So
in
the
era
of
the
local
host
3000
that
got
opened
up
in
the
other
tab
yeah.
This
is
not
working
because
with
localhost
with
the
browser
that
gets
open,
it's
18,
it's
it's
ssl
encrypted
and
because
we're
doing
localhost
locally,
it's
not
ssl
encrypted.
B
So
this
is
something
I
should
probably
have
in
the
readme
as
a
note
that
you'll
need
to
change
it
if
you're
doing
in
the
browser
or
not
in
the
browser.
So
inside
this
file
go
back
in
the
the
code
yep.
This
gives
me
an
opportunity
to
talk
about
the
code,
so
here
we've
got
a
a
couple
different
things:
we've
got
index.js,
so
that's
where
our
web
hook,
if
you
want
to
click
on
the
index.js,
sorry
as
the
file
that.
B
Yeah
this
is
this
is
how
the
web
hooks
are
working.
So
this
is
the
the
websocket
package
that
we're
leveraging.
This
is
that's
the
web
hook
secret
online.
What
was
that
10.
and
then
we're
also
using
octokit's
web
hooks
library,
so
this
is
make
it
so
much
easier.
It's
sdk
for
the
web
hooks
and
github
to
talk
to
them
within
this
code
and
then
we're
doing
a
couple
different
things,
it's
sort
of
grabbing
the
sender
and
how
it's
sort
of
received
and
printing
that
to
the
console.
B
A
A
B
B
So
we're
actually
using
express
and
express
is
a
way
to
get
a
really
quick
server.
A
web
server
up
in
javascript
or
node,
specifically,
that
express
server
is
pointing
to
the
public
folder.
So
you
can
see
on
line
36.
It
says
public,
that's
where
our
static
output
is
so
that
came
up
in
the
chat
earlier
with,
like
netlify,
so
open
up
your
public
folder,
there
will
be
an
index.html,
and
this
is
like
the
the
beauty
of
browser
sources
and
just
having
simple
html
files.
B
That's
what
this
is
so
we're
pulling
in
copyjs,
which
got
mentioned
earlier
with
the
bay
bot
and
then
on
line
12
no
13.
This
is
13
needs
to
be
instead
of
ws.
It
needs
to
be
wss
and
that's
the
only
that's
the
biggest
difference
and
I
left
it
there
intentionally
because
I
needed
to
slow
myself
down
to
explain
how
this
works.
So
you
should
be
able
to
save
that,
and
now
local
host
3000
will
work.
B
So
we
just
saw
an
animated
gif
to
show
up
once
we
fix
the
server
with
the
wwss,
which
was
the
ssl
encryption,
that
is
our
animated
gif.
So
that
is
essentially
what
it's
going
to
show.
It
just
starts.
Whenever
you
start
the
server,
it
will
just
show
you
what
the
gif
is.
This
is
not
the
best
code.
This
is
the
easiest
code
to
get
something
up
on
the
screen.
So
now
we
have
to
decide
well.
B
B
Yeah,
so
that's
gonna,
be
your
where
your
repo
is
and
then
line.
Six
like
all
this
other
stuff
is
actually
not
as
necessary
to
change.
That's
for
baybot
chat
integrations
to
work,
but
we're
not
actually
gonna
connect
this
directly
to
our
chat
to
github
chat.
We're
gonna
actually
connect
this
to
the
github
repo.
So
that's.
If
you
want
to
go
above
and
beyond
and
connect
it
to
your
chat
integration,
you
just
simply
change
it
to
github.
B
This
one's
actually
not
talking
to
the
api,
it's
actually
just
going
to
print
the
screen,
so
uppercase
is
fine,
but
for
good
practice.
I
always
tend
to
lowercase
stuff
when
it
gets
sent
through
web
urls,
because
it's
yeah
sometimes
that
bites
me
for
errors,
so
we'll
go
ahead
and
save
that
we'll
refresh
the
the
tab
where
we
have
the
browser
open.
A
B
A
B
B
B
A
B
B
B
B
B
B
B
Up
yeah
just
hit
up
on
the
keyboard
and
hit
enter
okay,
so
now
this
is
running,
I
don't
think
it
was
actually
running
before,
which
is
probably
part
of
the
problem
and
then
now
go
the
other
go
to
the
other
terminal
or
just
any
other
one.
Just
only.
We
just
only
want
to
do
this
once
now.
Do
some
npm
start.
B
B
B
A
B
B
B
B
B
A
B
B
B
B
B
A
B
A
B
A
A
B
A
B
A
A
So
obviously,
now
we've
got
a
browser
source
on
the
screen,
as
you
can
see
there,
so
we're
going
to
add
that
url
in
for
the
browser
source
and
then
all
we
need
to
do
is
make
the
width
depth.
We
can
change
that
if
we
want
one
thing
I
like
to
do
with
browser
sources
as
well:
is
click
shut
down
source
when
not
visible?
This
means
that
when
you
are
actually
using
obs
and
you
change
different
scenes,
it's
not
running
in
the
background
and
therefore
your
obs
won't
crash.
Hopefully.
B
Yeah
we'll
have
to
clone
this
locally
and
do
the
same
thing.
This
is
actually
I've
never
actually
got
this
far
with
the
code
space,
which
makes
sense
because
the
code
space
is
going
to
be
running
only
when
you
have
it
up
and
running
in
a
tab.
So
I
think
the
moment
of
truth
is
you
should
actually
just
go
ahead
and
clone
locally.
You
can
do
this
with
desktop
if
you
wanted
to.
A
A
B
A
Yeah,
so
gh
should
just
tell
you
if
you've
got
it
open
now.
What
you
want
to
do
is
go
to
wherever
you
usually
put
all
your
local
copies
of
your
github.
So
mine
are
all
stored
here,
so
we
go
see
and
then
we
open
that
location
and
it
says
gh3
proclone
and
you
just
put
the
name
of
the
repo
in
here.
You
don't
need
to
put
github.com
because
obviously
it's
assuming
it's
github,
some
pre-shots
mish
manners.
A
A
B
B
A
A
A
A
B
Yeah,
I
might
try
that
out
for
my
machine
because,
like
I
have,
I
have
a
windows
machine
and
I
just
don't
really.
It
doesn't
feel
right
when
I'm
writing
code,
because
I
spend
way
too
much
time
on
a
mac.
But
I
am
comfortable
in
linux
and
I've
been
wanting
to
have
a
linux,
a
go-to
linux
machine
at
my
fingertips,
and
I
haven't
had
one
in
a
long
time.
A
Yeah
nice,
so
it
runs
mostly
natively,
but
you
can
access
windows,
files
from
linux,
start
windows,
binaries
and
bash,
et
cetera,
et
cetera,
et
cetera,
and
it's
just
amazing,
apparently
yeah
yeah,
it's
good
like,
as
I
said,
I
used
to
use
it
on
a
usb
in
which,
obviously,
you
still
get
access
to
all
your
files.
Then
that
was
one
of
the
ways
I
used
to
hack
around
getting
people's
files.
A
If
they
couldn't
boot
up
windows,
you
just
like
boot
into
ubuntu,
offer
usb
and
then
you
have
access
to
all
their
files
copy
and
paste
it
over
to
a
reinstall
of
windows
and
then
they've
all
got
their
files.
At
least
it
works.
So
well
all
right!
So
we've
done
this.
I've
installed
npm.
What
else
should
we
do
next,
then?.
B
B
A
As
it
works,
yeah,
okay,
let's
just
do
that
all
right,
so
I'll
flick.
My
screen
back
to
us
too,
while
I'll
do
that.
So
basically
I'll
show
everyone
what
I'm
doing
first.
So
what
I
like
to
do
when
I'm,
when
I
open
and
clone
repos.
This
is
just
the
way
I've
started
learning
to
work.
So
here's
my
git
tich
right.
So
this
is
the
one
we
just
cloned.
It's
all
here.
It's
perfect
it's
nice.
So
what
I
usually
do
is
open
it
up
in
vs
code.
A
A
So
if
I
go
to
example
it's
here,
so
I'm
going
to
do
what
bw
said
before,
which
means
we're
going
to
create
a
new
file
called
env
by
itself
and
we're
going
to
copy
and
paste
this
webhook
for
those
of
you
who
can't
see
it,
it
doesn't
want
to
zoom
in
at
the
moment
there
we
go.
Oh,
it's
huge,
that's
way
too
so
copy
and
paste
that
into
the
environment
here
and
then
I'm
going
to
grab
my
secret.
So
now
you
can
chat
to
people
while
I
go
and
grab
my
secret.
B
B
What
I
love
for
folks
to
do
is
you've
seen
the
readme
needs
a
lot
of
help
if
you
interested
in
sort
of
leveraging
this
for
your
twitch
live
stream
or
if
you
want
to
just
do
a
little
practice,
live
stream
as
well,
you
don't
have
to
even
go
live.
You
can
just
open
up
obs
locally
and
then
put
the
browser
source
in
just
like
michigan
and
yeah,
always
looking
for
feedback
issues,
it's
open
source.
B
B
B
So
every
environment
you
have
your
repo
set
up.
You're
gonna
have
to
always
add
that
environment
variable
back
in
now
there
are
some
tools
you
can
use.
My
stash
that's
dash.
Doppler
is
one
that
can
provide
your
secrets
in
different
environments
and
you
don't
have
to
continue
to
think
about
them.
There's
some
other
I'm
trying
to
think
of
the
one.
That's
hashicorp
they
vault
vault
is
another
one.
B
A
A
A
B
A
A
A
B
A
B
B
B
B
A
B
A
A
B
B
B
B
A
B
B
B
Oh,
did
you
just
close
that
okay
so
see
above
there
you
had.
This
is
creating
a
commit,
commit
message
for
you.
You
might
close
out
this
search
for
star.
This
is
basically
creating
a
merge
commit
for
you,
okay,
and
at
this
point
I
think
this
is.
Is
this
bim?
Can
you
hit
a
shift
semicolon
to
get
the?
B
B
A
A
B
Yeah,
so
this
confused
me
as
well,
because
normally
I
do
this
with
the
vim
on
the
command
line,
but
in
vs
code
just
saving
the
file,
you
could
edit
the
message
to
something
else.
If
you
wanted
to
that's
what
they
were
giving
you
an
option
for,
but
just
by
closing
it
after
saving
it,
it
just
proceeded
with
doing
the
commit.
B
A
A
B
B
A
B
A
B
B
B
A
A
A
A
B
A
B
A
B
B
B
A
B
B
A
B
A
C
B
A
Okay,
we'll
change
that
to
we'll
change
that
in
the
review
this
time,
I
like
it.
Okay,
so
basically
yeah
change
your
secret,
whatever
it
is,
and
then
yeah
and
then
copy
paste
it
onto
everything
scroll.
All
the
way
down,
update
your
webhook
go
to
your
environment,
save
that
there
go
back
to
your
code,
space,
save
it
there
as
well,
and
then
you
should
be
good
you're,
ready.
A
B
B
B
A
B
B
A
B
A
B
A
B
B
B
A
B
A
B
B
A
B
B
B
A
B
A
B
A
B
B
A
A
B
B
B
B
Yeah
so,
like
I
guess
to
recap,
we
basically
were
able
to
get
the
the
the
browser
source
working
in
obs,
so
that
was
a
win.
I
didn't
expect
the
css
to
kind
of
throw
us
for
a
loop,
but
I
think
that
ul
tag
it
is
broken.
It
should
not
actually
be
written
that
way,
so
you
definitely
found
another
bug
for
me.
It
should
be
yeah.
I
don't
think
you
also
are
self-closing
tags,
so
that
might
be
affecting
things.
B
B
Extra
yeah
the
line
13
of
the
public
of
the
index.html.
That's
just
a
little
trickery
that
and
daryl
duck.
Is
it
yeah
daryl
black
mentioned?
We
should
definitely
have
some
sort
of
flag
to
check
for
local
host
and
only
use
ssl
for
when
we
need
it,
yeah
and
I'll
put
in
the
username
before
it
started
the
repo
text.
Oh,
you
know
what
it's
meant
to
yeah
that
15.
You
called
that
up
too
as
well.
It
wasn't
actually
doing
the
username
no.
A
B
B
B
B
B
B
A
B
A
A
So
I'll
add
it
back
in
here
again,
so
there
you
go
so
we've
got
b,
palmer
says
going
to
head
out,
but
great
stream,
some
pretty
good
work
that
I'm
sure
streamers,
who
kind
of
love,
make
sure
we
look
at
doing
some
work
and
submitting
your
pr
in
it.
If
I
get
the
time
that
would
be
awesome,
enjoy
the
rest
of
the
stream
we're
about
to
wrap
up
now,
anyway.
A
A
I
definitely
I'm
still
like
what
do
I
do
here?
What
do
I
do
there?
Yeah?
I'm
really
glad
you
guys
all
really
enjoyed
it
yeah.
I
know
you're
already
following
me:
dave
I'm
just
staying
for
everyone
else
there,
as
we
mentioned
in
our
last
open
source
friday
stream,
when
we
did
the
github
game
off
stuff,
we
now
are
opening
up
our
forums
after
each
stream.
A
So
if
you
feel
like
connecting
with
people
here,
you
want
to
chat
to
b,
doggy
or
myself
as
well
we're
going
to
open
up
these
forums
as
a
way
to
talk
to
people
afterwards.
So
if
we
have
a
quick
look
on
stream,
so
you
attended
the
event,
let's
talk
and
have
a
chat.
So
obviously
we
are
only
just
going
live
now,
so
you
can
check
it
out,
feel
free
to
put
some
stuff
in
there.
A
The
community
team
may
even
decide
to
do
cool
badges
or
open
source
friday
badges,
so
people
who
jumped
in
on
the
game
off
stream
last
week,
anyone
who
commented
on
the
forum
got
a
special
game
off
badge
b-doggy.
You
also
have
a
staff
badge,
so
you
can
look
all
official
when
you
jump
into
these
phones.
A
A
A
I'm
just
grabbing
our
meetup
group
as
well.
I
think
this
should
be
the
one
that
worked,
so
that's
a
link
for
our
meetup
group,
so
we
put
all
our
events
on
there.
So
today's
event
was
on
there.
We've
got
a
few
events
upcoming,
so
if
you're
in
latin
america
or
you
africa,
I
think
or
spain,
I
think,
there's
some
events
coming
up
for
those
areas
so
go
check.
It
out
join
our
meetup
group
as
well.
So
that's
really
good
and
fun
and
yeah.
Do
you
want
to
say
anything
else,
speed?
A
B
A
A
Sometimes
we
don't
mind
if
you
deviate
too
much,
while
we're
waiting
for
a
code
space
to
load,
we're
happy
to
answer
questions
but
yeah
jump
into
the
forum,
a
very
good
way
to
connect
and
continue
the
conversation
after
this,
and
I'm
super
glad
you
enjoyed
it
without
further
ado.
Thanks
again
feed
huggy
for
staying
up
and
being
online
for
the
apac
time
zone,
I'll
probably
have
to
return
the
favor
and
be
online
on
an
american
time
zone,
one
for
you.