GitLab Verify Group, 26 Nov 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Faster Contributing with GitPod

Description

In this video I dive in to how you vcan contribute to GitLab without having to run a single line of set-up code. Run the GDK in the cloud with the power of GitPod!

A

Okay, so I wanted to show you a way to do these buttons that has a much lower barrier to entry right, so the actual changes that we need to make to these they're relatively straightforward.

A

um You know you take uh something like this or button button success and replace it with button geo button button success and it's pretty easy. uh You can do a regex. In fact, I tried doing that myself as well, but the problem is um when you want to see these buttons to verify that the changes you've made actually work.

A

uh You need to then download and install the gdk, which is a pretty big project and it's great when it works. But let's be real. It's it's not the easiest thing to set up it's fantastic, but for changing a button. It's a lot of work right.

A

So I've come across gitpod right, uh which is absolutely fantastic um and basically gets around us having to set up the whole gdk thing, so it it gives you not only um like a vs code style, editing experience.

A

It also combines the actual um dev environment as well, and we've set it up at gitlab so that it uses the gdk for this. So it's running the gdk. In the background on a I don't know, I'm going to say the cloud. Why not? um I don't fully know how it works, it's pretty magic, but it does work uh and it's really easy itself as well, so you can just log in with your gitlab account, um so obviously I've already created an account and we just create a new workspace.

A

I've forgotten how to do it already. uh Okay, put your browser to a gitlab, github or bitbucket repository eg, this one okay, uh either prefix the url, the address bar I'll click, the gitpod button. If you've installed the github browser extension, so you can install the browser extension. I've not actually done that. I'm going to go over to this one oops.

A

Right, okay, so I won this is this is the button I want to actually change. So if I go to the project overview, so obviously uh I have developer access to gitlab, but you probably want to use your fork if you're using a fork um and what does it say.

A

A

Right, okay, so that this this takes a while, obviously we're setting up the whole um gdk and and whatever it is so get to this point in the screen and um go make a cup of tea or cup of coffee or whatever it is. You want to drink, okay, so when that finally loads, um you get this, which is um an editor on the left side of the screen and in this preview on the on the right side of the screen.

A

This preview just lives at a url, so you can click on that.

A

Let's allow that pop-up um and then this this is this- is your local version of gitlab right local to this, this dev environment? So it's running in the cloud any changes you make to the github. I think it lab source code over here um gets gets made in this instance of gitlab, which is really good.

A

uh You can sign into that instance with root and the password is uh five life like that. um It's in the gdk documentation, I'll put it in the description this video too. um So we don't want to save that password, but we do want to log in now. The only thing is this is actually um the community version of github. It's not the full enterprise edition.

A

So when you're picking these up, if you look this uh this issue that I've picked up here, it's in the ee directory, so without a license, we can't actually see um you know the the thing that we're changing here, because we need an ultimate license to even see this feature.

A

So what you can do, if you don't have a license, is when you're looking for these just make sure it's not one like this, where it's ee app views and it's just the ones that are in app views. So there's a few of them. App views, app views, app views, deploy, keys, see there's a few, but just avoid the ee once if you don't have a gitlab license that allows you to see our enterprise features.

A

um I do have that license right. So what are we actually looking for here? We are looking for the buttons in this file here. Project settings default issue, template so I'll, just copy that and use command p and oh yeah. That was all recently opened.

A

So what is that click on a project, and then it was settings and default there. We had default issue template, uh so I'm guessing is this save changes button here, but let's shrink this down a little and let's find uh btn.

A

uh Oh there's, two buttons. Oh I see okay, so the collapse in expand is also part of this. So we need to update this one as well and this one down here, so we should. In fact I think this is exactly like the example um in the epic, so yeah replace button button success with button gl button button success, so we just need to replace this with gl button and we'll do this one up here as well, so gl button uh and then the easy way to check.

A

uh If we hover over this, uh you see this there's not really a big border um same with this collapse button. So if we get a screenshot hovering over this.

A

They'll come in handy later and then we where's my sidebar there's my sidebar uh reload this page, um it's better to click on the page, then actually reload it at the top here, because for some reason this takes you right back to the root, I'm not sure why that is.

A

But then we can go back down to default issue template! Oh, it didn't work because we didn't save the file. That would have been helpful. So let's reload that again.

A

Okay and let me scroll down, where are we where's it going default issue template there we go so you see you've got that nice thick border on on this button now. So it's a to propagate that button uh same with save changes, so we can screenshot that too.

A

um So now we have the two screenshots that we want for our parallel merge request layer. We just need to create that merge request right. um So this is done. Let's just make sure the buttons still work. I don't see why they wouldn't um I'm not gonna, bother clicking that it works. It's a button right, um okay, so we can go over here and you can use the um source control stuff.

A

uh I'm not gonna do that, because I don't normally- and I have no idea what I'm doing with it. So I'm going to open a new terminal window here.

A

um Am I in the right file? Yes, yes, okay! This is good. Okay, I've not actually tried this bit before so this might not work. I don't know if I do get status. Yeah, okay,.

A

Let's get the issue number um update.

A

Settings nice, big branch, name, okay, so now we should be able to add everything. Just double check that yep okay commit!

A

um Oh okay! I was expecting vim, but this this works too.

A

A

Damn it uh don't don't use shortcuts to close the the window, because you end up closing the browser window, which closes everything so better in mind. um All right, that's gl, button classes to uh was it issue.

A

Issue: settings: okay, save that and then click the cross. Don't use the shortcut and let's see if this works get push yeah we need to set the upstream origin. This is just standard good stuff. Again, if you prefer using the the built-in thing that you get with vs code, use that I don't really use it normally, so I'm not fully sure what I'm doing there, so I'm just using the normal terminal stuff, but that should push it up and give you a new merge request.

A

Right here um so in here, I'm going to do this.

A

Template um settings screenshots strongly suggested, so what I like to do is screenshots create a cheeky table.

A

A

A

A

This screenshot.

A

A

Oh, I forgot to add a changelog entry. Okay I'll go back and do that um documentation is not needed. Code review guidelines. That's not uh sorry! Yes, that's done. Most performance guidelines sure start guides no different stuff in here separation.

A

Yes, more risks.

A

There's no tests or there might be we'll find out, um but I think we're fine tested in all supported browsers. um I haven't actually done that, so I'm going to leave that blank and do that afterwards. No one wants to watch me. Do that informed infrastructure department. In fact, let me set that to do a draft.

A

There's no reason for infrastructure security is fine. Let's just delete that section related to this issue. That's good right now, in theory, I'll sign it to myself now submit that mod request and now again this floor might be different for yourself um mine's a little simpler because I'm a developer, a git lab and I have access to the project and everything, but you may not.

A

um Yeah you'll actually have to do it as a fork that comes back into the main project, but it's largely the same sort of um workflow.

A

So if you click on change log entry, it tells you how to add them in um you can do them uh yourself manually or you can do the the easier version which was just um in the the terminal inside here we can do bin slash change. Log dash m for merge, request and then come over here and go merge. Request number oh paste, that in there and then a little message.

A

Template template settings.

A

uh That is probably other.

A

um This an author thing here as well right, uh so it opens it up here, um I'm not going to add my name because I'm not a community contributor, but you would add your gitlab handle here um just so you get the proper recognition, um but not that's good!

A

Oh, why is it doing.

A

This I don't know why I did that I've never seen you do that before um yeah, just close it when you're done, I guess and then, if we go to get status, see we've got our change log in there now, so we can do git, add dot and then hit commit.

A

A

We should see when this returns it's a little slow, because it's actually doing all of this in.

A

In the cloud right, let's say um so, we should, if we refresh this, see that we've got two commits now um and we can check off change log entry, and this is this- is ready to be to be submitted. um If you don't know who to submit it to just tag me in here.

A

Mention me there and then I'll get that sorry for you and that's it. That's that's a whole thing done.