GitLab Pair Programming - Frontend, 16 Sep 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: FE Pairing - 20220916 - Snowplow tracking and links

Description

In this session we visit an MR that replaces a `visitUrl` call with a regular ol' `href`. We also discuss the challenges of tracking link clicks.

- https://gitlab.com/gitlab-org/gitlab/-/merge_requests/97601#note_1102331961

A

There we go we're pairing, what's up Lee.

B

Little JavaScript utility- if we want to call it that um visit URL um and one of you may know better than me. The the background I understand I think it might be purely in existence because we couldn't track um and I'm not sure. If the terminology is right but track snow plow um send events to snowplow just using normal hyperlinks. So we had to use like get rid of hyperlinks and instead use this utility or JavaScript or whatever.

B

You want to call it, which is really kind of straightforward um to to kind of navigate to a URL. But we send a snow plow event beforehand.

B

um So yeah, but one of the kind of things that you lose by removing native hyperlinks is the ability to um command or control click and open it in a new tab.

B

So um I decided to have a little bit of a poke and it looks like it's reasonably straightforward to pass an event um and the event contains information about the environment. If that's the right phrase- and we know whether the control key or the command key is pressed um and based on that, we can um open it in a new tab. So that seemed quite straightforward, but then yeah. Somebody quite rightly pointed out that um do we really need to do this hack, or can we use a normal, a or maybe geolink?

B

So enough of me talking any four sorry experience with this utility or if you know the back story and.

C

No experience from my side just what you said made a red light in my head: go on with said history API, which, when messing around with with links and redirects and stuff, that also might be something to consider.

A

Yeah so I I I have experience and I'm bubbling over. With this conversation, I've had multiple times uh with a we really really really want to lean towards using links instead of using visit. Url I am not familiar with the snowplow limitation that you mentioned uh and I. Don't believe that there is a limitation. Snowplow should be able to capture a click.

B

A

B

At this, as well and I'm thinking having a minute, does this even work, because.

A

B

Does the the admit, in the event actually work because we visit the URL do.

A

B

A

You want to share your screen.

B

Oh, oh um you, you realize exactly what I'm doing. Don't you um highlighting that you cannot say it's.

C

B

um It looks like I might never have shared on Zoom before so. I need to give you access, I'm gonna, try.

C

It but um all the sessions that we never let you share, I'm sure that you've shared I've.

B

Only been using my Mac for uh okay.

C

uh You'll probably have to restart Zoom.

A

Oh, you got to restart your whole computer. ah Okay, I'll, see you see you next time, Lee.

B

There's quit and reopened be right back.

A

Oh all right, I'm gonna share my screen.

A

um So I wonder: I, don't get the um I, don't get the snowplow thing that we're talking about? Oh but I, wonder if it's like! Oh here, we're gonna visit and then we're admitting that we click this yeah. This isn't gonna.

A

Agree with what Lee was just talking about, this isn't going to work because we're going to change.

A

I I agree with what you're saying Lee like this isn't gonna work uh because we're gonna change the url and then and then then it you know it's end of the world for JavaScript. You.

B

Would have thought so right have a look at this visit. Well.

A

In the unit test land everything gets, you know, we don't actually change everything.

C

A

Cool so in unit test land things are mocked out or or this actual Behavior stubbed out, but yeah. This.

B

Is the whole reason this visit URL was used in the first place is completely pointless because you don't think that that have you got access to the system to see if um this, whatever this CI state is badge link, should log in the back end. If, if those events are ever, if they exist, have you got access to snowplow or whatever it is.

A

um That's a really good question. That's a question worth ask like: is this actually working? That's a good question on behalf of the members of Fe pairing to oh nine. Sixteen we besieged now we uh is this event. Tracking, even working we'd expect uh Java scripts to be uh torn down after uh visiting the URL.

B

C

The navigation is a synchronous, then it might have a chance to actually fire.

A

If the what's asynchronous, if the.

C

Somewhere inside the implementation of visit URL whatever it is right right, but then.

B

A

Race condition, then.

B

And that's like even and it just calls window.location.href, which I to the best of my knowledge, doesn't.

C

Do anything but um quick question is I'm currently looking on the implementation of visit, URLs and it says, simulate a Target blank. Well, no open! No, no referral simulating Target plug for me. It means this thing will be opening in a new tab. So.

B

Yeah so so this only happens in two scenarios. One is if you pass the external flag, um which I think this may be used. You know like when you post a comment on an issue I think, depending on what the content of the comment is, you know where I'm going with this and then the other reason is when what I've, literally just added in this Mr, which is, if you've, got the command or control key press so 99 of the time it would be opening in the same tablet window um before I added this functionality.

B

There was no way of opening this in a new window. It would always open in the same window, yeah.

A

This um for things that open in new windows that don't have open and refer, they can actually reference that previous window with window.opener and refer. So this is a huge security issue, because you can have a link to third-party site.

A

um That can then start. You know. Oh that's interesting, the vector for how to.

B

Diagnose all kind of um what I call the the csrf headers or whatever it's called yeah.

A

So it's like, if we had like a um like if we were listening to mess like we had a general message listener like we'd, be able to then have that third party site would be able to start. You know doing doing some actions on that window.

C

A

So anytime, this is for a security reason. Anytime, we go to an external site and we're going to open it link. That's why we're doing this opener equals no clever yeah! That's that's related.

B

But so um I I don't know if you've got specific um place. You want to jump into now, but um David has very kindly already posted what he believes to be um a a kind of solution to using GL link instead of um visit URL. So.

C

B

Know if we want to just you know, it could be a nice, a nice Friday session. If all we have to do if you scroll down just a little bit further and.

A

And I want to highlight, like this point that David mentioned is: this is the real. This is a huge reason of why we shouldn't add gotcha, just partial behavior, for control and command, because there's also middle click and there's right click and, if you're on mobile, there's other ways and it's like no. If we want to be able to open absolutely.

B

Yeah and you know what that's something that um I, when I implemented a form a little while ago and I I was like well, we just need a text box and we need this and a button and and I didn't use the standard like formed, HTML form, tags, Etc and then, as time went on, and you know somebody reviewed it and it you kind of realize that that helps to exhibit standard behaviors. You know it means that when you hit enter it submits.

A

B

Know little bits and pieces, and it's like okay, there's there's reasons these things yeah, so yeah yeah. If we can use a a normal, um well official yeah WC3, whatever it.

A

Is so this is saying on click we navigate to the pipeline? Yes, yes, um I, think I think what is being discussed here. Yes, I think this is gonna work testing, maybe all those needed. Yes, yes, yes,.

B

I still have a slight concern that if we omit the event and then immediately navigate to this new thing that whatever's listening for that event might not have time to process it. So.

A

You ask a really good question, um but I believe I'm pretty sure it's a standard that links will process synchronously if they're click handlers and if nothing is ever called prevent. Then it will do the ahref.

A

So if you have a if, because it's part of the standard behavior that you can actually have a link with an href but have a click listener that will prevent the default Behavior so browsers need to process all the click listeners first before.

B

They, let me rework that slightly um so I think it will admit the event, but I don't know that the thing listening for the event is going to receive it and process it. Yes,.

A

So that is the um this does create some racy condition: stuff races, maybe not the worst. That sounds that sounds scandalous.

A

um This does create some race condition like things, because what, if View, because now we're working a little couple to view handling these things, synchronously and I believe that they do um it's. The rendering of templates that is like has to be next ticked, I believe that this will actually be handled synchronously uh unless the Handler for this is actually asynchronous, which it probably is because uh um yeah, let's, let's, let's find this thing, yes track, link!

A

um Okay, so this Handler is not but I mean certainly track. Is making some sort of web request right yeah. uh So wherever we wherever is where's our track and stuff where's methods track tracking event tracker?

A

B

Oh, what we might need I'm just reading up on admit to understand if it's synchronous or not, but we might have to pass a Handler in a like function. That's got a callback almost that when the tracking event is complete.

A

Well, we need, though, like if we want to get the. If we want to get the native link Behavior, we need all the listeners to be synchronous, uh yeah and so I. That's.

C

A

I'm um gosh: what was the name of the function it was track? Is it URL or oh.

B

C

A

A

Where is that? Where is the vet.

A

Here's event, dispatch, snow, plow event, Windows snowplow yeah. We just call this I guess.

B

Okay, um yeah, you probably won't want to read it, but um you, you clearly know a lot more about you than me, but I really didn't spend, expect the event fast as they call it to be an asynchronous sort of something emits in a van. It goes somewhere and then you know something picks it up and but it seems like it's, especially as I presume you could have multiple lists. No, could you not? Maybe not you.

A

Can okay well yeah? You can because it all uses like the The View. What do they call it and all he uses the V model on which is just like a a very simple event: uh what do they call that? Okay,.

B

Then boss, is it or.

A

I, don't know not whatever the event Target thing and um those those are going to be synchronous, like is this gonna awesome. Well,.

B

I'm sure we can test yeah well.

A

So here's here's the situation though. Like so now we call the snow plow event uh we're tracking something it's got to make a request.

B

A

That's gotta be asynchronous, so, even if all of our stuff here, even if we're not waiting for this, it says bringing up the question of like, are we able to track links uh and I I, just don't know so, I kind of want to just do a quick search for like snow plow track link clicks uh all right. Well here we go link click tracking, whoa, enabled by enable link, click track, each link, click wow, that's a link! Click, that's a little bit of a tongue, twister I'm, also just not good at talking. So probably.

A

As fields where the link link clicks are tracked, a self each Link Event captures the lynx href attribute so has fields, for this looks like a hundred percent. What he's 100 more preferable to doing this manually.

C

B

Is a an npm package or something that we might I mean I.

C

Think so, um quick background information if I recall this right from working with other tracking libraries with links as far as I remember, you usually just write a couple of values to a global JavaScript event and as a Dev, that's kind of all. You do and I suppose the library then would update this JavaScript event immediately or whatever you'll be revisiting the page. But um I only remember when implementing this thing is basically just um editing an object or firing like an event to editors, but there will be it I'm.

A

I'm so curious how this works, uh I'm so curious, how this works, I've, I've, gotten so curious, I'm, I'm, jumping into the source code. I'm! Sorry we could. We could do something else. I.

A

Add click listeners.

A

Okay, oh, look, we can add a little filter. This looks like a hundred percent. What we should do this would be really nice. uh We add the click. Listener, click listener; okay, oh um it's adding it to the mouse up and mouse down on pseudo clicks. Okay or we do this one to get the click Handler.

A

Oh interesting process, the clip.

A

C

A

And it's just it's just going to make this we're just.

A

Return, I, don't know, man I, don't know, add all contacts after track, so you call before track for each one.

A

What is callback.

C

Is callback here.

A

It's called for every ads context. Oh this applies the Callback to the built payload. It's called back something that.

A

Oh man, I've got I'm, so curious, I'm, so curious, but I'm I'm way down the rabbit hole right now, uh um um because I feel like.

B

So should we just have a look at um what David's suggestion was and did we have like a old I? Don't think this is gonna work or I'll? Actually, no.

A

This is something.

B

Off the shelf, so then it makes sense to reuse a tried and tested and maintain. What's the thinking this.

A

Looks like it's gonna work, um right, I think this is gonna work, I think um what was oh 100 I think this is what what was really tripping me up was uh was. How can we make a web request, which is asynchronous yep here, like.

B

A

Is snowplow doing that, but I guess the way this works is it doesn't need to wait for a response, so these requests are actually just fire and forget. So as long as the back end receives a request, that's really the only bit that really matters I, guess so. I think that may be able to be happened. Synchronously from snow plow snowplow is able to say, go.

B

Right so same time, request is synchronous. Receiving the response is the asynchronous bit which we don't care about. I.

A

Think, that's I think that's what's happening um and now that I think about it. Like that's the way the xhr uh works is.

B

Right, well, the synchronous, the the request is synchronous for the response. Is it cool.

A

So yeah I think this will 100 work, but it is highly. This looks really interesting like we should just.

A

I'm gonna I'm, going to say uh I need to hop in up to Reef. Oh, are we doing this refactor is, is Peyton doing this, or are we doing this.

B

um So what I have said we will do is so it may well be that we can end up removing visit URL entirely. Maybe we can spend if we've got. You know the rest of the session. Looking because what is so. This is the specific um case that Chad brought up. That was like oh I, wanted to open this in a new window and I can't so I said well Okay. The reason you can't is because we're using this JavaScript method I'll improve this JavaScript method, so it supports control, can let command kit click.

B

I will update this one call to the method, but there's about 50 or 100 or there's quite a few calls to this method that we need to update. So we could do one of two things. We could look at all those other calls and see whether we think that all of them are redundant and that we should be using something else instead or we can say. Oh no, actually, you know it makes sense that we're using this method.

B

For these reasons, and we need to update some of those to pass the event and allow the command or control click.

A

Yeah, so this I think we won't be able to get rid of this URL, because I think it's used a bit for other situations like you'll see these like form submissions where we do these, like asynchronous non traditional post, form, submission and.

B

Then afterwards,.

A

B

Don't know like as stupid as it sounds the this. This is basically a wrap of a wrapper for a call to window.location or window location, the href or whatever. What's what's the benefit of having the visit URL wrapper.

A

Well, that's a good question. It's five years ago,.

B

I understand if we're passing external, true.

A

I think I think that's got to be. Why.

B

But then why have the other scenario you know visit external URL? Maybe we should yeah.

A

Only use it so I mean that was its original. Well now we're talking this look. Look, oh we're! So far back man, uh so this is, you know we used to have just a global YouTube like this is back before we, you know, had module exports in the project. So you can see. This is one of the early module exports uh and I guess previously. It was just we're just gonna change. The href one of the benefits of having in its own function is for testing.

A

You can just mock this function and your environment won't like throw an error or something like that, because you're trying to change locations or something so that's probably one benefit but I think also encapsulating. This external flag seemed be really related to this specific problem and it's funny how code is just sticky and it's just been around forever since then so yeah.

A

uh We should definitely prefer.

A

um Oh look. It's using document location, that's interesting! We should definitely prefer uh link.

C

B

So, um okay, so I didn't say: as far did you actually respond to um David or didn't quite get that far well.

A

I, don't think I actually I, don't think I did yet um so.

B

What are we gonna, suggest sort of say? Oh here's, this package should we use this is that I.

A

Think this is great, like let's I think we should just Implement.

B

That, okay, let's do it.

A

Yeah I mean I. Think it's just a matter of applying this. Do you want to apply it or do you want me to apply this.

B

um I'm happy to give it a bath.

A

I, don't think I have any um contributions or what activity today so I might maybe I should push up the commit. So it looks like I'm doing something.

B

If you yeah by all means, then if you have a finger Society like once we've it's brilliant again reasons: I love these sessions, because it's not just that. Oh yeah, let's apply this. It works, cool, um proper Deep, dive and understanding and asking questions yes, but yeah. Yeah I am very interested to see some of the other scenarios. So so, as I say, this one is very much: uh oh, we don't need to use visit URL so like we're going to change it to GL link or whatever it might be.

C

B

For some of the other scenarios like that one, you just showed me where it's uh we're, making an asynchronous form submission and then we're redirecting. We do need that method. Yeah.

C

B

B

A

Are you still there more.

B

Use usages yeah, if you lose me, sorry, um no, no! No so I I was just saying that um so they clearly are some scenarios where we do need to use visit, URL, I'm Keen to look like a bunch of places to see. If we can like start finding yeah, which ones can we identify as ones that we can definitely remove in favor of yeah.

A

B

Or just I, if I.

A

Don't I don't know if need is, like I I think it's uh there's probably many many places it's used where it shouldn't be, and it's such a huge win when we can get rid of it. But like look at look at this, do you see how this thing is not a link like so I can't like just highlight, but on this side this little bit is a link like I can highlight this. We used to have like a this used to be handled with a click listener, but it's you know from this perspective.

A

It's so inconvenient, because I do want a middle click, open, tabs or whatever and like, but this is kind of a complex situation of like how do you get a link that kind of has another link inside of it and there's other there's other interesting situations where we've had to um I know.

B

um Do you know what's really bugging me, why are you looking at that in the truncation on the middle collar.

A

Oh yeah, like here yeah.

B

Well, that's unnecessary to try and get it at that position right.

A

I, don't know man, but.

C

That's true, that's true,.

A

uh But I um what I was going to say is there's other places where I know. We've we've had to fancifully shimmy like an anchor in place to get that right, Behavior. So there's really there's interesting ways that you can get link-like Behavior um and we've done it once before.

A

This is related to it, but there's another one, that's related to it as well of we have some complex components, but we need to be able to like middle click and right click on them, and you can do that with uh somehow you shimmy an anchor in there I'm I, don't remember how we did it before, but it was. It was interesting and the result was pretty nice actually so, uh but anyways.

A

um Yes, let's apply this thing. Yes, yes, GL link, that's great um yeah! Look we already get I. Guess we get these things for free, uh I'm wondering if that's the case, uh maybe I should uh maybe we should test this that this looks as we expect.

B

Is that a little pole tip there that you don't need to run yarn in store? You can just run Yarn.

A

Yeah, just yarn knows what you want to do just starts installing things.

A

All right here we go boom all right, so the tests are passing. We got ready to visit URL and- and these aren't asynchronous yep, because all we need to do is just test the href yep yep, yep, yep yep, and then here we'll do the mid to click and we emitted the thing. Everything is great, great, great, great, great, great um yeah. This should work, but I am now just curious. What does this look like you know? Maybe it doesn't look good um because we changed to a GL link which I guess should look fine.

A

Do we want to test this thing out.

B

Yeah about saying the UI: if we can do that, yeah.

A

Let's, let's do that, uh oh man do I still have this thing running, probably should stop GDK at some point. All right, I just ran yarn, so I probably need to run bundle. Let me run start okay,.

A

A

What is CI badge link use? Where is this? Yes? So.

B

If you go on to a merge request, there's a few other places you could do it. You could go on to like the excuse me. The commit list or I can kind of merge requests on the commits tab.

C

B

You know you get the little pipeline yeah, that's it um okay, so for some reason, there's not a pipeline again, it might be that one I did it on the commits tags, weird on the commits tab. It didn't.

A

Oh, this has got to be it uh I lost it. Ci badge link, oh used, then look look. How hopeful that is.

C

B

So hot, what's the better National today, but.

A

Oh wow, this is four years ago. Oh, that's interesting. Wow uh status badge link, oh wow, so this is not it. It's status. Badge link is the.

B

A

Oh interest, oh I, wonder if it's here I wonder if it's this one.

B

It should be definitely on some reason on this Mr.

C

B

Showing one, but if you just jump into another random Mr I'm fairly certain you would see it.

A

B

um I don't know why.

A

Am I a random timeline.

B

Isn't showing on there what.

A

Yeah they're supposed to Shell here right there.

B

Yeah I think I know why that is as well.

C

B

Mr that I'm working on at the moment.

C

B

They supposed to show you really broken, isn't it bad times there we go that'll do oh.

A

Look, that's me.

C

um Where would that thing link to GitHub the job.

B

C

Think? Okay, sorry, the.

A

B

The pipeline, not the job, okay,.

A

B

A

Was expecting some sort of QA selector right.

B

Does that shower in production.

A

B

A

Where is this thing? Where did you say you were used pipelines table First, Column uh yeah, that's got to be out of date, maybe, though, maybe it's not is. Is it this thing? Is this? It.

A

But this says pipeline commit status and this one says status, badge link.

C

B

Look, let me find you another Mr. That's definitely got it on because I I don't understand. What's going on with you all right.

C

um Violently is looking for that. Can I just ask a somehow unrelated question regarding the um regarding the visit URL or the GL link. We are using here like what I'm after is I get the way we are using View at gitlip, which is basically uh not necessarily web component approach, but with a mostly with a dedicated app for each application.

C

Aka each route, um I'm just curious when I'm thinking about tools like I almost said, react router um when I I think about JS routers, and it feels a little Mayhem to me to go from one of our view. Applications to another using window.url regarding page loads, like a link, is probably what we have to deal with and might not be a perfect approach. But um when dealing with the window object sounds like a little much, even though I get the reasons why we're doing this?

C

Is there any chance- and this is getting super theoretical I'm- sorry about that? But is there anything about further optimization I I see us maybe saving some page loads. um Tinkering with that.

B

So you suggesting that we might be able to tear down the view app and load the other view app without navigating to another URL yeah.

C

Yeah I'm not sure, with our kind of architecture if there is even an option, but.

B

I would be in that I mean clearly. You guys are a lot more knowledgeable in this, but because our view apps, are so small, you know they're. A tiny part of the page as opposed to oh, the whole packages contained is, is how how.

C

A

Going to refresh these numbers, if we don't reload the page on every, is it you.

C

A

This is a feature you get, that's how we refresh the numbers.

C

All right, oh, oh, okay, so forget what I just said that absolutely that's! That's a good reason.

A

It's like you know these. These are static. These middle parts, change that we unload and reload the thing and but what's cool is like view routers, so the router um modules are so sophisticated where you can still just use regular links and then we'll hook in okay, um but visit URL you're right visit. Url would circumvent that like visit URL.

A

Will we're gonna refresh no matter what, where, if we were using links, um uh and then we had a we could we we could more easily Implement something that's uh not not at all like it's easy, but but that's how routers work, and so we could transform something to a little bit more single pagey with.

C

A

C

I have to yeah.

A

And these These are these These are links um so like these are links that I can middle click, right click and everything, but you notice it doesn't refresh. This is a single page e thing. uh Oh.

B

Did you say we got response by the way from python.

A

Oh no and I totally lost the MR2. um Can you please resend it to me.

B

B

I'm still getting used to.

C

B

Mac fans copy, it is.

C

A

Thank you, you're.

C

A

B

For us knows how old am I, it works.

C

A

Clicks, yeah I, don't think I, don't understand why that would.

B

Work and it says, unless we're sending those events from some other way, Place whatever that's.

A

What I'm thinking.

C

B

I should I send Payton a link to this um session. Just in case I know it's a bit late.

A

In the day, but.

B

A

Somehow this is.

C

um Somehow this is working, it's the only yeah, the only catch.

A

ah It will work, wait.

A

Let me go back.

B

A

Is no href here.

C

A

I'm I'm um man there's so many bunnies, so many bunnies I'm, following all of their their bunny Trails.

B

So what what? What what was here like? It's like what.

A

I think if I just left click on it and it's capturing my current window and we're going to just change window location, href.

A

This will uh I believe this I. Don't know why this would work, but if I do actually like middle click on it or like that's, but but I see, there's no ahrefs so because, what's interesting is in your Mr there's another path where we don't tear down this JavaScript environment because we're actually opening in a new window, yeah.

B

But that didn't exist before so.

A

Exactly so, that's why I'm I'm just gonna all right, we've got it. We gotta, we gotta figure this out. There's nothing to figure out thing. I want to do is test this, but we don't know where it is. That's the real issue.

B

I've said you uh I've sent you a an Mr Link in the chat. I think. Can we, where I'm 100 sure that that is so there's one? The reason I'm sure is because that's where I tested the the middle click or whatever works, if it hasn't.

C

Got your QA, it doesn't have it yeah.

A

C

Weird idea, folks: um can we reproduce this Behavior like actually executing this link? We can right: okay, yeah what if I can put it? What if we put a debugger just below the air, just above the tracking event, just to verify that this thing is not I still think it's that, like it's nothing.

A

Like console log, it I think we can console log. It.

C

A

Can preserve logs so we'll be able to see it that way? Yes,.

C

Yeah there we go. That's a good idea. Yeah.

A

I'm still trying to find it and I I'm I'm not convinced this. Is it so.

B

Yeah, why am I? Let me see if I can find Chad's original message and that's where I tested the the fix worked so I hope. That's it.

A

So I'm still trying to find where this thing is is uh I did see in the project operations things we have a really interesting I, don't know if I can open it up here, but I should be able to open it up in the GDK which should be started now, let's do it this is it let's open up GDK um there's like a project uh operations, dashboard thing which will show Pipeline and I wonder if that's it great we're here in the GDK I'm gonna open up this thing called operations which I'm not gonna, pretend that I really okay.

B

That's actually on the failed jobs, um tab of a pipeline.

A

This is it this one is one of them awesome.

B

A

uh So this is with the change, so I'm gonna keep this tab. Open, I'm gonna commit this. Let's call it thanks the sec.

A

um That's probably not a good commit message, uh we'll call it um use.

A

Ahref and GL link for um CI badge link all right and we will also link to the comments. Yes. Yes. Yes, yes, yes, yes, yes, yes! Yes, yes, yes,.

C

um All right, cool.

A

Get revert, no commit head all right, so undoing that change.

A

uh Let's see if visually, if we get anything else,.

A

So this is the after.

A

It looks like we are exactly the same except now. Look I can actually see where this thing goes. ah Yes and I can middle click this ah it's so much more. Lovable love it great, but Yannick is unconvinced how how do I know this really works.

A

That's a good question.

A

I I, I I, don't know, but let's add some blocks.

C

um Yeah I might also oh not on my new machine, there's also about debugger Chrome extension for.

A

C

Or whatever extension, yeah.

A

Yeah I'm pretty sure we have docs about this. Can we check it out real fast snow, plow, debugging.

C

Oh, what snow, plow.

A

What a weird Library name! It's like a snow plow of data, all right.

C

A

Oh, yes, yes, which what do we want to do? You must enable snowplow turn off.

A

Okay. Do we want to use this one.

C

A

There's two uh I can I, can I have Chrome, but why do we have two.

A

Which? One's better.

C

um I think I've only worked with the debugger so yeah. Let's.

A

Do the first one.

C

A

C

Probably also be be fine if it comes the lock at the right place, like I'd ever trust snow blower, to actually execute once they're called.

A

Yeah, let's do it, let's confirm snowplow. This is this is good to be testing this out, all right, so I'm on Chrome land, okay, oh my gosh.

A

um Let me move all of your um friendly faces and um I'm looking for extensions, I need to excel install an extension.

A

I also need to enable snowplow tracking in the admin area.

A

um Where is that um tracking can be enabled at uh settings General? Let me go visit. The settings General.

C

Put a link in the chat to the viewer for the extension.

A

Example.Com is for sure, going to be the collector cookie domain.

A

I think I'm just gonna copy this one.

B

Gdk.Test sure.

A

Great all right we're good.

A

uh uh So let me open up. um Oh you. You put a link to the extension you're, not trying to install malware.

A

C

It's my very own extension, but it's really good.

A

All right I got this extension from a friend I met online. He says he's.

C

He says he's my.

A

Friend, all right add to Chrome Seven Stars, that's not a lot of stars. This is really the one.

B

Isn't terrible well.

C

I thought that was happening yeah. Can we speak about that? That doesn't make some.

B

Recommendations.

C

And four and a half Stars, that's what it is. Can.

A

We visit the other one um and see if this has nine. This is more years now. Is this more used because you know there's more there's more, you know they're able to fish more users. They have a better phishing.

A

Process, I, don't know which one I feel like maybe using the one. That's more used.

C

You go go with that. um Oh wait! A second um can I just see the other ones, uh the other the yeah chatting from the video below I, think that is what I've been using. Okay, I'm sure yeah all right do.

A

I want to use what yannick's using or do I want to do what everyone else is using I. Think, let's go with this one. I'm gonna go with this one. What read and change all data on the websites.

C

As every Bros extension, by the way.

B

Just as well, you don't use Chrome right.

A

But yes, this is my developer browser, so I'm gonna, oh man, all right all right, I guess we're good, so I'm using the one that you mentioned using I am then able to go to some sort of snow.

C

Plow yeah go to the exactly and click it and switch to the.

A

Snow plow debugger tab here we go. uh No, uh maybe I need to close this yeah. You probably need to restart the whole. Oh there we go there. You go snow, plow, debugger tab. ah What's going on, what's gonna happen,.

C

Nothing happened: oh my God yeah, but.

B

That's presumably completely different and related events right completely.

A

Different unrelated events.

C

These are page views, it should be all events and we should be able to search for the right one.

A

Well, these are all page View events right.

A

So the right one would have something about badge in it right. So let's look for badge. Nope I've, seen all badge.

B

And have you currently got the original checked out or like Master checked out or if you've got the patch.

A

I have the original one because I've reverted this. This is not working for me. I click on this try.

B

Try your fix, try your fix, yeah.

A

Yeah yeah yeah, so.

B

We're not calling you a liar Peyton I promise.

C

A

uh uh Reset so I resetted the revert so we're we're at the href version. Now.

A

Here we go here, we go all right, I'm, gonna, clear some of these out.

A

What are these this of this brick? This brick is distracting me.

B

It looks like a pizza oven to me, Bob.

A

Yeah, it does look like that. It's.

C

A headless turtle.

B

C

Just the shell.

A

C

Is this? What is this instruction? There's.

A

Some sort of structured event.

C

A

Some project this is showing we showed the Pipelines. That's all it's saying.

C

A

Known your business.

C

And and searching for patch still doesn't give anything advantage: yeah, okay,.

C

But is it looking inside of the event data.

A

When I search for it, I don't know because maybe it's.

C

Not could be, it could be the names yeah, but.

A

This page view one is showing up. First, oh, let me close this. It looks like that was I, don't know. Let me let's try one more time so I'm here. Oh my gosh.

A

So he hit operations.

A

This is some context: data but I'm not getting like a custom, structured event. Projects pipeline show, here's the event, label, project, side, navigation, uh okay, here's another structure to that wow. We do these a whole lot.

A

uh I click on this thing.

A

In this structured event, oh gosh, oh my gosh, okay, oh ah I, keep losing my place, where's the event data yeah. This isn't doing what I I don't know if this is doing what I think it's doing I keep getting this project side- navigation, like that's what? Oh they all.

B

If you do a command click on on it, so we're definitely not navigating away. Did.

A

We get the event, let's see. Oh I, look for a badger. Why was I looking for a badger.

B

Who doesn't want to look for badges.

A

That wasn't correct.

B

So this still doesn't seem to be.

C

Confused, yes,.

A

I am going to say.

B

Brighten, the plugin.

A

Well, yeah, we could try the other extension. Do you want to try that um it's a little late, we've been.

B

A

So I'm gonna just say we weren't able to verify um we weren't able to verify that this was behaving.

A

The way we want I'm gonna ask Peyton if he could verify.

A

This does bring up like doing based on the click listener. Like we won't be capturing. If I did, you know, open link, a new tab and all those things, but that extension, oh yeah,.

C

That extension.

A

That we um that we found uh I must have closed that tab. The extension does pseudo-click listening, so it's like looks for Mouse down and, like all the other kind of that.

B

Was the npm package or whatever, okay.

A

I think I think we're gonna really really want to use that, because it's solving this problem for us, which is obviously it seems, a little bit more more to it than one would think so. I'm Gonna Leave a question for Peyton I'll push.

C

This commit up, but.

A

I'll leave a question for Peyton of like. Could he confirm locally? That is working? We weren't able to confirm that either working uh locally, so um something's, probably wrong with our environment. That's.

C

A

B

For bringing us up really interesting, that's what I sent you guys see.

C

B

Next week,.

C

Awesome bye folks.