0:00:20
what is going on guys welcome back to
0:00:23
another session of buildbreaking fix
0:00:25
brought to you by the rule coders
0:00:28
and today we have zayn and tanesh
0:00:31
how are we doing tonight
0:00:34
hey yeah yeah good to be back um yeah
0:00:37
yeah can you get into it as always
0:00:45
looking forward to these
0:00:48
every day a lot to learn a lot of
0:00:51
excitement and a lot of water in the
0:01:02
oh it's really hot today so
0:01:04
it was boiling man as in
0:01:08
how did you manage to stay outside for
0:01:10
that long to be honest
0:01:12
yeah true this is luckily we were in the
0:01:15
shade but yeah very hot
0:01:23
um no it's like 37 degrees or something
0:01:28
it was here you know
0:01:30
on an australia 37 is like pretty hot
0:01:33
you know it's like dry and
0:01:38
true that's absolutely right though as
0:01:43
the best part is that i think
0:01:47
we're not in the northern
0:01:48
territory because over there i was
0:01:50
talking to a friend it was
0:01:54
oh wow and i was like whoa that's what
0:02:02
good to have you um can we please
0:02:05
knowledge that's what it is
0:02:09
yes we sure can um
0:02:11
uh i don't see why not uh so
0:02:14
um i'm not entirely
0:02:17
as in fully aware of what exactly
0:02:19
happened on this australia day uh
0:02:23
do you by any chance n no
0:02:26
uh international no my knowledge is a
0:02:29
bit vague on that as well so yeah right
0:02:32
right because what i do know is um and i
0:02:36
don't know how much of this is correct
0:02:44
taken over from british
0:02:50
when they came here
0:02:54
as in as an invasion day okay oh that
0:02:58
makes sense because
0:03:00
the the misses will
0:03:03
actually showing me that there was a
0:03:08
somewhere in melbourne as in by
0:03:13
they're making that makes sense yeah
0:03:21
yeah um i think like some people
0:03:24
or a lot of people uh have you know a
0:03:28
they think that the name should be
0:03:30
changed or that they completely
0:03:41
so we can actually call them apples for
0:03:44
sure right yeah i keep doing i think
0:03:48
i don't think so i think uh
0:03:50
i think that's not the right i don't
0:03:52
know but i don't think that's the right
0:03:57
saying i think maybe gagdev might be
0:04:02
from the tone of his sentence i think
0:04:05
yeah it might be serious
0:04:11
so yeah it's i think i think that's a
0:04:14
derogatory term uh if i'm not mistaken
0:04:18
but my knowledge like i said is a bit
0:04:25
so you're saying that um
0:04:29
yeah see he was he was yeah he was
0:04:32
pulling you like i think ah okay then in
0:04:36
right cool no problem
0:04:43
first things first
0:04:44
let's do the acknowledgment for the
0:04:47
country and pay our our respect to that
0:04:52
uh elders so here goes
0:04:58
i begin today by acknowledging the
0:05:00
traditional custodians of the land on
0:05:02
which we gather today and pay my
0:05:04
respects to the elders past present and
0:05:07
future i extend their respect to
0:05:09
aboriginal and torres strait islander
0:05:21
anything specifically we need to mention
0:05:31
yeah i don't think so i don't know so
0:05:34
i'm just asking because i don't
0:05:38
this day as a normal day when there is a
0:05:42
huge history behind it so if we need to
0:05:47
any respect as a special
0:05:49
respects to as in in terms of words or
0:05:54
anything um we can also do that
0:06:00
but not that i'm aware of um
0:06:03
yeah not that i'm aware yeah cool no
0:06:14
just to recall what we did yesterday we
0:06:18
uploaded a and we included the uh s3
0:06:23
in our cloud formations so the whole
0:06:27
idea for that is to
0:06:34
in cloud formation we want to have the
0:06:40
over there already
0:06:41
and then we want to manually upload all
0:06:46
folders into s3 from our front end and
0:06:49
there i believe we're gonna do it with
0:06:58
we did do that last night but um
0:07:02
we were experiencing the some
0:07:07
permissions issues
0:07:09
so that is why we're gonna
0:07:13
try that again before we need to give
0:07:20
s3 to actually accept all the files all
0:07:28
do you want wanna actually just play
0:07:30
some music as well
0:07:44
it's actually really in interesting
0:07:47
because the music is really cool
0:07:51
uh but it's name is even cooler feeling
0:08:04
all right cool uh so
0:08:08
do you want to shave the screen maybe
0:08:11
yeah sure do you prefer if i
0:08:14
um share the screen
0:08:27
i need to pull what you guys did as well
0:08:31
i tried to push it by the way at the end
0:08:36
yeah i'll show you i actually didn't
0:08:38
have permissions to push it
0:08:41
really interesting
0:08:44
enriched branch where you pushing it
0:08:48
oh that's pushing it yeah
0:08:55
um it's always really helpful that
0:09:00
when you want to push stuff as in
0:09:13
because that actually tells you
0:09:16
first of all in which
0:09:17
branch you are second of all what is
0:09:21
what is staged and what's not
0:09:34
i didn't know but i like i forget to do
0:09:47
my subconscious mind was always as in
0:09:51
just doing an ad comment and then push
0:09:54
add comment push and then i'm about to
0:09:57
basically practice it that i kind of
0:10:02
created a brand new folder and then
0:10:07
gear in it and then i purposely did 10
0:10:10
to 15 commits using status add commit
0:10:15
push status add commit push status add
0:10:18
comment and then it just became
0:10:23
subconscious habit
0:10:25
yeah yeah true true
0:10:47
i think there might be a setting in
0:10:51
kind of the profile
0:10:53
uh in mac that we can basically
0:10:57
a different account
0:11:05
for the streaming purposes
0:11:11
everything is just
0:11:12
zoomed in so we don't have to
0:11:15
manually do it every every time
0:11:20
as in just basically
0:11:22
create a different profile
0:11:25
dedicated to streaming audrey
0:11:28
yeah yeah okay yeah that's a good idea
0:11:37
have you done a git pull already yes sir
0:11:45
the first thing we want to work on is
0:11:46
the permissions right
0:12:06
so buckets already been created and now
0:12:09
i need what how can i visualize the
0:12:13
because i need to have a look at it
0:12:17
okay so the issue you can visualize the
0:12:23
all the file and folders from the
0:12:28
and upload everything to the bucket then
0:12:35
like manually or you mean through like
0:12:40
uh i would prefer cli but if you feel
0:12:51
i just don't know how to do it
0:12:53
okay cool right so
0:12:56
um if so where are you at the moment in
0:13:01
it's there so if you basically open up
0:13:16
t-shirt in the wash
0:13:25
one might do because uh um uh
0:13:29
kartik has two pairs now as well so when
0:13:33
link up um i'll give you the mug as well
0:13:39
give us as a present and i'll give you
0:13:43
another pair of the t-shirt
0:13:46
cool man sounds good yeah
0:13:48
fantastic okay cool so
0:13:51
um you're on the user okay
0:13:55
can you go in the folder in which all
0:13:58
your repos are kept
0:14:15
right um so if you wanna
0:14:19
go into scrambler enhancement
0:14:51
it just always catches me
0:15:10
so spacey yeah space cp
0:15:14
and then your source source
0:15:17
directly which would be the
0:15:43
s3 colon 4 set four slash
0:15:49
and then the bucket name which is
0:15:51
scrambler front end
0:15:58
press enter and it will allow you but it
0:16:02
will come as x is denied for
0:16:10
oh sorry my bad um you need to add
0:16:14
recursive as well right then
0:16:17
so minus minus recursive
0:16:25
you what's happening upload failed
0:16:27
upload film million times there
0:16:31
yeah so probably do unable to look at
0:16:34
ah so you've got that issue unable to
0:16:39
locate the credentials have you got your
0:16:44
profile i just profile
0:16:47
could be the issue yeah yeah
0:16:49
yeah that could be the issue
0:17:03
why does this look like it's working
0:17:05
because it is working well done
0:17:13
see this is the same upload upload
0:17:38
list the content of the bucket from the
0:17:41
city and i i can name blank no again
0:17:45
here's console is fine
0:17:48
you can use the console it's good
0:17:51
how do you do it if i say like oh
0:17:57
just do it with that um
0:18:17
uh by the way if you did wanted to do by
0:18:31
and then i think it would be
0:18:39
ls and then the bucket name so
0:18:43
this command here i'll just
0:18:45
i'll just kind of type it
0:18:47
in the private chat
0:19:10
um if you're going to
0:19:14
um we need to check if his public reads
0:19:28
block all public classes okay yeah
0:19:31
that's fine is public um
0:19:48
we need to turn this on right oh here we
0:19:53
it's been ages i've had a look at
0:20:00
yeah actually we shouldn't admit
0:20:03
that's right going to
0:20:04
i know continue please
0:20:08
i thought maybe we would um
0:20:12
what's it called we would
0:20:18
yeah i wanted to but then um
0:20:23
the thing that actually stopped us
0:20:26
was if we want to make any change to the
0:20:31
then we would have to deploy the entire
0:20:34
stack over and over again
0:20:43
true true than he's doing at the moment
0:20:46
yeah which is absolutely
0:20:49
yeah oh sorry girl
0:20:53
you know i i'm just
0:20:54
gonna say which is why we kind of took
0:20:57
this route because
0:20:59
when we because the front end and the
0:21:01
back end are microservices
0:21:06
and they're separate from
0:21:09
each other so it's a good idea to keep
0:21:11
them separate as well
0:21:22
it actually publishes as in everything
0:21:27
all or alright then we're going to be
0:21:30
implementing as pipeline and that this
0:21:34
whole process will happen
0:21:39
i'm going to say the same thing yeah
0:21:43
cool so index document
0:21:46
uh no no yeah yeah that's fine home to
0:21:52
no optional optional that's optional we
0:22:08
interview go really curious about it as
0:22:23
access tonight is saying
0:22:27
maybe it's not public the objects
0:22:49
it's been eight years of seeing the
0:22:52
s3 console to be honest
0:22:56
when public okay yeah
0:22:58
make public it's fine
0:23:08
but after this we would probably have to
0:23:22
all right let's have a look
0:23:27
yeah hey hey you did it well done finish
0:23:41
he's even triggering anything what does
0:23:44
website oh okay um
0:23:47
can you tell me the socky url
0:23:50
because i think that might have changed
0:23:54
d k a r w i'll copy it
0:24:09
raw coders are speeding through
0:24:32
oh great job tori apparently you think
0:24:39
a pass to the final round so
0:24:43
fantastic congratulations
0:24:46
you always underestimate yourself man we
0:24:50
all believe in you
0:25:07
okay so i'll just give you the um
0:25:10
websocket url and um we'll check because
0:25:14
i'm pretty sure that is the issue at the
0:25:22
okay so we face the stream private chat
0:25:27
yeah that was the issue and here you go
0:25:29
that's your website url
0:25:38
so you'll need to show me where to put
0:25:39
this thing because um there would be in
0:25:46
okay you'll probably have to
0:25:49
environment.js file
0:25:55
no no no no sorry my bad my bad goal
0:26:00
go um in this still front end
0:26:08
yep oh yeah replace that one
0:26:28
so just rerun the same
0:26:33
it should only replace the files that
0:26:41
to be honest i forgot how it used to
0:26:53
i'm going to actually check if there's a
0:26:56
way to just change the oh right um
0:27:03
i think it might be a better idea to
0:27:09
for all the files and re-load it because
0:27:13
if you update the files in
0:27:15
s3 there is a bit of a
0:27:22
it takes a while to propagate the
0:27:32
as the exam coming in handy now
0:27:47
try and see if it does the trick
0:27:52
we need to make it public again
0:28:06
uh women's singles
0:28:16
the the polish player
0:28:19
her name's pretty hard to pronounce and
0:28:24
the one before that as well
0:28:26
um french player and then i also saw the
0:28:31
since it passed yeah really good games
0:28:47
so it does it is connecting to the
0:28:49
websocket um is your
0:28:55
right apparently not
0:28:58
because it's not getting anything
0:29:08
go to street front and 97 i just wanna
0:29:16
in your car diamonds
0:29:33
can you do a guest ss
0:29:58
it's a url maybe it's true
0:30:01
um can you go to the url
0:30:06
what stop uh five what
0:30:20
what's going on i'll just get it from
0:30:26
w hang on let me just confirm that if
0:30:31
because you might be right this is the
0:30:37
it's the euro issue i'll give you that
0:30:49
yeah yeah go for it
0:30:51
it's amazing what sir
0:30:53
don't you think it's
0:30:55
really amazing that we've
0:30:59
on this project them that much as in all
0:31:02
this all these skills are being enhanced
0:31:04
and we are identifying the problems
0:31:06
within minutes now
0:31:10
okay good point absolutely
0:31:18
yeah i'm the biggest problem okay
0:31:23
so you got this whole study right now
0:31:26
um we're still still working through the
0:31:29
hosting sorry by the way
0:31:33
i think more or less though
0:31:36
we are said 95 there
0:31:40
then next thing to do would be to point
0:31:44
at uh to point s3 to
0:31:47
cloudfront and then
0:31:49
do the domain setup in a
0:31:52
in a way that it uses our domain
0:32:06
should we just upload that file
0:32:08
we just upload that file
0:32:11
just have one file please
0:32:16
should probably do
0:32:21
yeah that's the one
0:32:28
and if you can remove the recursive
0:32:32
because that's a file
0:32:35
not the folder anymore
0:32:39
there we go perfect
0:32:46
this one we should we should also be
0:32:48
conscious that we don't want to make
0:32:53
yeah so we can actually make this as in
0:32:58
private if you go back first because
0:33:02
just this one file we can make it
0:33:06
we can make it private i don't know if
0:33:08
you can do this do that
0:33:28
i just want to see if this is yeah
0:33:45
no apparently it doesn't have any public
0:33:47
access which is good
0:33:54
yeah cool nice right
0:33:56
let's give this a shot
0:34:04
sure i cannot access url before
0:34:11
can you go back to the file
0:34:20
europe before initialization so go right
0:34:25
i want to see where the url is actually
0:34:28
okay and we go to your environment.js
0:34:35
yeah yeah that's fine
0:34:40
okay yeah i thought um the board
0:34:44
forced that wasn't there but is
0:34:46
there why is it saying
0:34:55
url before it's assigned
0:35:03
actually might be there
0:35:05
we need to give that
0:35:07
page or the file public access as well
0:35:11
and then it will pick up
0:35:14
yeah yeah i think yeah that's what i'm
0:35:19
tool is filled um so all the
0:35:24
all the files and the client
0:35:34
so essentially all the front end things
0:35:41
okay so that's what
0:35:46
cool um now i'm gonna go to
0:35:55
and check if the entry has been there
0:36:03
tables previous connection
0:36:09
do you wanna connect again
0:36:20
we um we need to add a button on the
0:36:24
front end to actually do this can
0:36:27
leave or disconnect
0:36:34
what do you mean sir
0:36:38
once the user connects to the websocket
0:36:42
which is opens um their
0:36:45
index or html page opens up
0:36:48
but when they leave that page
0:36:52
i wanna call disconnect
0:36:54
function of the websocket
0:36:57
as it's so soon as they
0:37:00
leave uh the index page then they will
0:37:04
automatically disconnect from the web
0:37:07
from the websocket server sorry
0:37:10
would there be a way to instead of
0:37:14
when they close the page we just
0:37:17
that's exactly what i was
0:37:21
we're gonna search on doing because yeah
0:37:24
you're right we sh shouldn't really have
0:37:30
so that the user had
0:37:32
has doesn't deliberately
0:37:36
on that to disconnect
0:37:39
but yeah that's looking good so far do
0:37:42
you want to connect again when i ask you
0:37:45
to because i just want to make sure that
0:37:48
the uh the insertion of the website
0:37:52
connection id is actually working
0:37:55
okay yeah you mean just refresh
0:37:58
um so just connect
0:38:33
uh i just found a bug yeah
0:38:41
let's see if that's coming up
0:38:51
why are there two connection ids
0:38:56
should be only one
0:39:04
so maybe you open that in
0:39:07
incognito after closing after closing it
0:39:22
the websocket will time out after 10
0:39:25
minutes from where i read
0:39:26
so that would happen if it doesn't
0:39:36
so you will try to to connect
0:39:39
for 10 minutes and then if it doesn't
0:39:42
then it will timeout should just be
0:39:44
connected to time zone code
0:39:52
okay yep finish go for it
0:40:08
please okay and i'll check how many
0:40:12
please just insert one
0:40:17
connection ids i'm not entirely sure
0:40:22
why and actually what i might do if you
0:40:29
flash i'm gonna drown my side
0:40:34
is it possible saying that it's
0:40:36
inserting one for this and then one more
0:40:38
when we create the board
0:40:46
just bear with me for a second
0:40:48
this isn't interesting
0:41:46
sorry always does that huh
0:42:31
not this same thing but my
0:42:34
that's just battery died
0:42:36
i i just get carried away
0:42:42
anyway coming back
0:42:45
what were you saying
0:42:52
uh oh what i was trying to say is that
0:42:55
what if it's because it is loading it
0:42:57
here once and then loading it again
0:43:00
when we create the board
0:43:04
that can't be because um
0:43:06
we're actually only connecting when the
0:43:13
load of index.html
0:43:16
i see okay that makes sense
0:43:20
this is very interesting because
0:43:22
i'm running in the dynamodb
0:43:27
no matter how many times i'm running
0:43:30
it's giving me a connection id
0:43:32
see if you do it now
0:43:41
page and create both
0:43:50
um you must be right
0:43:56
you must be right you must be right hang
0:43:58
on i just because i think that is doing
0:44:03
what you said is doing
0:44:14
now if you want to load the home page
0:44:23
okay so wait let me let me okay i'm
0:44:29
is it no connection id now say
0:44:32
uh no connection id
0:44:44
yes okay yeah there's one connection i
0:44:47
just so that is exactly what's happening
0:44:51
it's actually connecting to a web socket
0:44:57
on home.html as well
0:45:04
okay so that is a bug
0:45:06
we need to fix that first before moving
0:45:12
all right we're gonna basically come
0:45:15
shall we come back to that or shall we
0:45:18
do this first and then move on to
0:45:22
changing the domain name
0:45:28
i mean in terms of functionality
0:45:30
um perhaps this seems like more of a
0:45:36
yeah so that we can kind of like give it
0:45:38
up to to the people that you were
0:45:41
suggesting as well
0:45:53
okay then yeah that is fine um
0:46:00
okay cool so we can basically move on to
0:46:15
what's on your mind
0:46:18
what i was trying to say is i feel like
0:46:20
i felt that this was more of a priority
0:46:24
yeah i don't know if you feel felt the
0:46:29
yeah i'm feeling this is
0:46:31
more for priority um
0:46:40
yeah and actually just fix this one
0:46:45
first and then we can move on to the um
0:46:54
uh i'm not really familiar with this
0:46:56
though because yeah
0:46:59
when you guys did this
0:47:01
okay try to read the read the code and
0:47:06
take your time there's no rush
0:47:53
what it's doing go to home.html
0:48:01
which files is importing
0:48:09
there's the culprit
0:48:14
do you know what's happening
0:48:19
that this is exactly what's happening
0:48:21
because it's loading the file
0:48:26
home.html so it's ultimate and the code
0:48:30
is in the home.html um it's still
0:48:38
connect connecting twice
0:48:43
we can basically insert
0:48:46
insert an if statement that if
0:48:52
if it's coming from home donation
0:48:55
demo then don't insert it
0:49:01
don't insert it like you mean
0:49:10
you know where the on connects function
0:49:12
is is being called
0:49:14
so try to find the
0:49:18
where on connect function has been
0:49:21
over there we will probably have to
0:49:24
do an if statement that if it's home to
0:49:28
html file then don't connect it
0:49:34
skip that statement
0:49:39
you know how to do that
0:49:41
no not very familiar okay i will google
0:49:46
i haven't done that either so um
0:50:10
oh no sorry um can you go back i think i
0:50:15
might i might know what what needs to
0:50:21
we need to choose the part
0:50:24
windows door location yeah
0:50:29
tory basically told us that
0:50:39
here you probably already knew
0:50:53
um i think there has to be
0:51:00
pause the name so it will probably be um
0:51:05
actually can you go back to the browser
0:51:18
as in our project page
0:51:25
can we go back to home.html
0:51:31
right so it's not giving
0:51:47
i was thinking they must have a path
0:51:50
name but it doesn't have it
0:52:02
actually um probably uh
0:52:11
empty string basically
0:52:13
and see if that works
0:52:17
oh no so windows door location dot path
0:52:52
do you maybe want to do a 10 year
0:52:59
generate statement could
0:53:10
convert the okay nevermind you can do it
0:53:40
super familiar because
0:53:45
actually don't worry about it
0:53:51
other way around as in
0:53:54
again in this classic way and fix it up
0:54:05
so we wanna we don't wanna connect so if
0:54:13
if it's not empty then connect
0:54:25
if it's and if it's not if the path
0:54:31
then constant open
0:54:34
connect and console.log
0:54:42
um you probably want to put the send
0:54:46
the if statement as well
0:54:49
as in the whole thing
0:54:58
do everything only if it can um
0:55:19
we have tori's approval
0:55:34
we it probably won't work here because
0:55:38
it won't work here
0:55:40
yeah we want to check it and uh
0:55:50
okay let's just check it in
0:55:52
should i just redeploy this
0:56:05
see how fast is cli
0:56:09
yeah that's true actually
0:56:13
there you go boom done simple
0:56:16
actually yeah if i was to open the
0:56:18
console and then dragging yeah
0:56:24
cool done say here we go
0:56:30
not even a minute yet and it's done
0:56:54
make sure that there are no ids anymore
0:56:58
and then you can oh you've already
0:57:03
thing i'll try it i'll reopen it oh okay
0:57:06
i'll close this one
0:57:08
yeah if you can taste that because
0:57:12
close everything and reopen that one
0:57:15
hopefully it doesn't come in now
0:57:19
okay and no ideas right
0:57:37
let me check hopefully not
0:57:40
now it's still coming up
0:57:44
so that didn't work obviously
0:58:12
hang on a minute um
0:58:26
yeah yeah for sure good work
0:58:30
definitely do this
0:58:39
that's correct writing javascript is it
0:58:49
might be wrong as well
0:58:57
what's the worst can happen
0:59:17
oh the expert advice is about to come
0:59:33
hang on i'll just delete that one and
0:59:35
see where it comes back
1:00:08
brilliant so let's see
1:00:25
that is working good job thanks man
1:00:31
what did torah say the dev tools
1:00:34
all right that's what we did yeah he
1:00:36
said he's exactly what you did yeah
1:00:39
cool so this is done this has been a
1:00:41
productive session
1:00:46
yeah it's been really good got a lot
1:01:02
maybe the front end code
1:01:06
yeah yes just a front-end
1:01:08
code and just make sure you do
1:01:15
your status um you won't be able to push
1:01:20
way to devil or master
1:01:23
because it won't allow you to base a
1:01:26
really good habit to get into
1:01:31
yeah and then not to push to the master
1:01:42
the the issue was uh well yeah what zayn
1:01:45
was saying i can't push the master and i
1:01:48
tried to do that in the previous
1:01:51
stream so that's why
1:01:58
finish can you do the honors
1:02:05
was a productive session we
1:02:08
managed to create a new
1:02:11
or managed to push the files the local
1:02:14
files uh front-end files into os3 bucket
1:02:18
that we created in the last episode
1:02:21
um and we got that to display as well
1:02:25
but we're having a few issues in terms
1:02:27
of the urls which we we got fixed pretty
1:02:32
and then in the last little bit we
1:02:36
um we were getting two websocket
1:02:38
connection in dynamodb
1:02:40
but we fixed that up with a simple if
1:02:45
um it's working now and yeah on to the
1:02:47
next stage which is uh getting the
1:02:51
uh linked up with with s3 bucket so
1:02:54
if you want to see that yeah see us
1:02:56
tomorrow uh same time same place and
1:03:02
fantastic guys have a good night and
1:03:06
we'll see you tomorrow
1:03:08
see everyone good night