Skip to content
TD edited this page Oct 13, 2022 · 43 revisions

Lab 4

Due Date

Friday Oct 7th by Midnight.

Overview

This week we are going to practice using git remotes and merges to collaborate with our peers on some code changes.

To accomplish this we'll continue to add a new feature to our SSG repos. This lab will help you practice the following:

  • creating branches to work on new features and fix bugs
  • working on a more complex code change in another project you didn't write
  • using git remote and sharing commits, branches
  • using tracking branches
  • understanding the difference between git push, git pull, and git fetch
  • working with Draft Pull Requests on GitHub
  • reviewing and testing a branch from another repo locally
  • using git merge
  • using git push to update a remote repo
  • manually closing pull requests by merging/pushing

NOTE: it is highly recommended that you watch this week's video on git remotes before you start this lab. We're going to use a number of features of git that are important to understand going forward, so please ask questions if you get stuck.

New SSG Feature: Support --config with Config File

Description

Users want to be able to specify all of their SSG options in a JSON formatted configuration file instead of having to pass them all as command line arguments every time. For example, consider the following config file, ./ssg-config.json:

{
  "input": "./site",
  "output": "./build",
  "stylesheet": "https://cdn.jsdelivr.net/npm/water.css@2/out/water.css",
  "lang": "fr"
}

A user could run the SSG by doing either of the following:

# Option 1: use command line arguments:
ssg --input ./site --output ./build --stylesheet https://cdn.jsdelivr.net/npm/water.css@2/out/water.css --lang fr

# Option 2: use a config file
ssg --config ./ssg-config.json

The config file option means we can have a much shorter command, and instead store our options in a file.

Requirements

  1. The -c or --config flags accept a file path to a JSON config file.
  2. If the file is missing, or can't be parsed as JSON, exit with an appropriate error message.
  3. If the -c or --config option is provided, ignore all other options (i.e., a config file overrides other options on the command line).
  4. The program should ignore any options in the config file it doesn't recognize. For example, if the SSG doesn't support stylesheets, ignore a stylesheet property.
  5. If the config file is missing any options, assume the usual defaults. For example, use dist/ as the output directory if it isn't specified.

Here are some valid config files to try:

{}
{
  "input": "./docs"
}
{
  "input": "./docs",
  "output": "./web"
}
{
  "input": "./docs",
  "output": "./web",
  "future-feature": "should be ignored for now"
}

Step 1. Pick a Repo to Work in and File an Issue

You are asked to add this new config file feature to another student's SSG repo. Pick a new repo from the 0.1 Submissions list, ideally one that you haven't worked on before. You may NOT add it to your own repo. Only one student can add the feature per repo.

Before you begin, check to see if an Issue is already filed for this feature. If it is, move on to another repo. If not, file a new Issue, letting the owner know what you intend to do, and start talking to them about how you should do it via Slack or in comments in the Issue on GitHub.

NOTE: if you notice two people filing the same issue in your repo, make sure you close the second one as a duplicate of the first.

Step 2. Create and Work on a Topic Branch

Fork and clone your partner's repo to begin your work.

Create a new topic branch for this work. If you filed Issue 6, consider naming your branch issue-6. You could also name it config-file, the naming is up to you.

Do all of your work on this branch, committing every significant change as you go.

You should also git push your branch to your fork on a regular basis. To do so (substitute your branch name for issue-6):

$ git push origin issue-6

The origin remote is the repo from which you cloned, and is automatically created when you clone a repo.

You can find your work on GitHub using the appropriate URL for your branch, for example:

https://github.com/{your-username}/{your-fork-repo-name}/tree/{your-branch-name}

Step 3. Collaborate with the Repo Owner

Throughout the week, as you work on the config file feature, keep in regular contact with the owner of the repo. Don't wait until things are finished to get in touch. You are likely going to run into problems, have questions, or need advice on how they want something handled. Work in the open and force yourself to communicate and help one another.

To do so, you are encouraged to create a Draft Pull Request at the start of the week and continually add more commits to it as you do your work. A Draft PR is a work-in-progress, and you can keep updating it until it's ready for review, at which point you can change its status to "Ready for review".

Step 4. Complete the Feature

When you have completed the feature, commit and push all the changes on your branch to your fork:

$ git checkout issue-6
$ git push origin issue-6

Let the other student know that you're done in the GitHub Issue. Mark your Draft PR to "Ready for review", and ask the owner of the repo to review and test your code.

Step 5. Reviewing and Testing via Remotes

When you are reviewing and testing a PR, you often need to both read the code and also test the functionality locally. We know how to clone a repo, but how do we work with a different repo that we didn't clone? The answer is to add a git remote.

If your repo is being worked on by another student, get the name of their fork and the name of the branch they are working on. Next, add them as a remote to your local repo:

$ git remote add <name-of-student> <https://git-url-of-other-studnet-fork.git>

The https://...git URL is the same one you'd use to clone this repo. You can name the remote anything you like. Just remember what you called it. You can use git remote to list your remotes later, if you forget.

Next, git fetch their work into your local repo:

$ git fetch <name-of-student>

This will download all the commits and branches in the remote repo to your local repo, but not merge anything (i.e., it's safe to do on any current branch). Everything they have in their repo is now copied to your git repo.

Next set up a tracking branch in your local repo, so you can track the work on their branch (substitute the name of the student and branch):

$ git checkout -b <branch-name> <name-of-student>/<branch-name>

This will create a branch in your repo that points to the same commit as the other student's repo and branch.

Use this branch to review and test their work. If you notice any issues, or something doesn't work, make comments in the pull request. Ask the author to fix their work.

NOTE: if you ever need to update your local tracking branch to see new changes that the other student has pushed to their fork, you can do that with git pull (assuming tracking branch is called issue-6):

$ git checkout issue-6
$ git pull <name-of-student> issue-6

If you have any trouble working with git during this process, make sure you ask for help in Slack. It is important that you understand how these commands work, so don't skip anything, and don't give up if you're confused!

Step 6. Merge the Feature When Ready

For the owner of the original repo: once you are satisfied that the feature is complete, and the pull request is done, try merging it manually and pushing to your repo:

$ git fetch <name-of-student>
# substitute master for main if that is your default branch
$ git checkout main
$ git merge <student-name>/issue-6
$ git push origin main

Merging the work and pushing to the main branch should automatically close the pull request.

Step 7. Write a Blog Post

Write a blog post about the process of working on this new feature using remotes. First, how did the code itself go? Did you run into any problems? How did you tackle the work? Second, how did it go using git? Did you find any of it difficult? How did you get around this? What would you do differently next time? What did you learn from the experience?

Submission

When you have completed all the requirements above, please add your details to the table below.

Name Blog Post (URL) Issue URL PR URL Merge Commit URL on upstream default branch
Example Name https://example.com/blog/1 10 12 ddeaf180
Tong Liu https://dev.to/liutng/reflect-for-lab-4-4dl4 12 13 f336779
Piotr Drozd https://dev.to/pdr0zd/open-source-lab-4-227b 12 13 d3d4f49
Neil An https://dev.to/neilan99/working-with-git-remote-and-adding-to-my-ssg-1bm8 17 18 379a9c0e
Mario Leonardo https://dev.to/ririio/adding-config-for-ssg-234n Issue-20 Pull-21 5ea8f54
Alexander Samaniego https://dev.to/alexsam29/dps909-blog-lab-4-using-git-remotes-and-merges-jfn 13 14 29cdeba
Chan Dinh (Oscar) Phu https://dev.to/lostbutton/json-config-parser-3koa 37 38 6aa3471
Ivan Gabrovsky https://blogforwebdevelopment.blogspot.com/2022/10/lab-4-blog.html 10 11 9a40c3e
Maxim Nosov https://dev.to/mnosov622/adding-feature-to-a-project-27kg 24 25 8da459e
Rudy Chung https://dev.to/rudychung/osd600-lab-4-3749 12 13 de7d8773
Denes Adam Dolhay https://dev.to/dadolhay/osd600-lab-4-a4b 9 10 f73c976
Gulnur Baimukhambetova https://dev.to/gulyapulya/my-first-usage-of-git-remote-2ejk 29 30 3a9a2ac
Eakampreet Singh https://dev.to/eakam/adding-config-parsing-to-a-ssg-4oob 11 12 a380b04
Wonkeun No https://dev.to/genne23v/knowing-better-about-git-357n 13 14 merge commit
Artem Tanyhin New feature for Izyum 15 16 1b33339
Tymur Levtsun Another week, another feature for SSG 10 11 f36845b
Batuhan Ipci palpatine supports config file in JSON format issue #11 pull#12 f3551c0
Rohan Kaicker OSD600 Blog #6 - Lab 4 issue #10 PR URL 35ffbee
Chen-Yuan Chu https://dev.to/cychu42/working-with-remote-repo-469b 5 6 86b4c7ee
Samina Rahman Purba https://dev.to/saminarp/implementing-difficult-features-while-learning-new-things-in-c-1ohm issue #11   pull #12 c08c63a
Stefan Frunza Lab 4 issue   PR 7f16a5
Arryell Parris https://dev.to/aparris21/lab-4-config-file-support-remote-repos-1jl7 8 9 4ee1450
Taimoor Dawami https://dev.to/tdaw/adding-support-config-option-to-an-ssg-2aa4 14 15 fb9769