Skip to content
Dan R edited this page Oct 11, 2023 · 41 revisions

Lab 4

Due Date

Friday Oct 6th 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 once again add a new feature to our 0.1 Release app 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
  • working with and parsing TOML files
  • 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 Feature: Support -c and --config with Config File

Description

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

output = "./build"
stylesheet = "https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"
lang = "fr"

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

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

# Option 2: use a config file
til ./site --config ./config.toml

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

NOTE: there are many open source TOML implementations you can use to parse the config file. Don't write the parser yourself, pick a well maintained library instead.

Requirements

  1. The -c or --config flags accept a file path to a TOML-based config file.
  2. If the file is missing, or can't be parsed as TOML, 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 app doesn't support stylesheets, ignore a stylesheet property.
  5. If the config file is missing any options, assume the usual defaults.

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 repo. Pick a new repo from the 0.1 Submissions list, ideally one that you have NOT worked on before. You may NOT add it to your own repo. Only one student can add the feature per repo. You don't need to work as partners on each other's repos, but you can.

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

Create a Draft Pull Request at the start of the week and continually add more commits to it as you do your work over the week. 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".

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.

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 (i.e., it is NOT the web URL you use in a browser, notice the .git extension). 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>

Using git fetch 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>
$ 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
Soham Thaker https://dev.to/soham-thaker/contributing-to-another-repo-52cp 13 12 d72f4cd, 0450c48
Hyunjeong Choi https://dev.to/avelynhc/process-of-working-on-this-new-feature-using-remotes-2k56 10 11 213527f
Rachit Chawla My Experience: Working with Draft Pull Requests Issue 11 PR 12 Last Commit
Yousef Majidi https://dev.to/yousefmajidi/using-git-remote-to-collaborate-with-peers-4c88 issue #11 PR #12 0140974
Seog-Jun Hong https://dev.to/seogjun/adding-a-new-feature-to-another-project-that-i-didnt-write-532i issue #12 PR #13 a21f0e8
Paul Seung Kyung Kim Working with Git remotes and merging 21 22 3ad87eb
Pavel Belokon https://dev.to/pbelokon/writing-a-new-feature-acj 11 12 af062d
Sher Ali Khan https://dev.to/alikhan1998/adding-a-toml-config-file-feature-in-collaborative-development-with-remotes-5hcg 12 13 commit
Omar Hussein https://dev.to/omalk98/contributing-to-more-open-source-repos-i3c 16 17 a13484b, 90ea247, 40e1300
Yumei Wang https://dev.to/wanggithub0/collaborating-with-git-remotes-adding-config-file-support-377i 10 12 5c77585
Shaily Shah https://dev.to/sshah135/lab-4-adding-config-file-feature-to-till-tool-1jd4 11 12 b089da3, 899fbae
Katie Liu https://dev.to/katiel/making-and-reviewing-prs-577e 3 4
Nicolas Amatuzio https://dev.to/namatuzio/new-features-with-git-remotes-cbi 18 19 bf895f6
Ian Buenconsejo Contributing to another project Issue 20 PR 21 4e53e12
Amirreza Helaliesfahani TOML 19 PR 2c66508, 14a4585
Ian Jacobs https://dev.to/ijacobscpa/code-contributions-using-git-remotes-3fi8 10 12 5040569
Mingming Ma https://dev.to/mingming-ma/collaborative-git-workflow-learning-git-fetch-and-git-pull-3668 10 11 7c77b04
Maryam Najibi https://dev.to/mnajibi/my-adventure-with-open-source-and-node-tilify-1d21 12 13 8371c9e, efed136
Marco Pasqua https://dev.to/pasqua101/til-remote-in-git-and-tomllib-in-python-3dbo 3 4 68464cf
Bryce Seefieldt https://dev.to/bseefieldt/typescript-in-wsl-1hh3 Issue-18 PR19 91b6b45
Roy J. Wignarajah https://dev.to/rjwignar/using-git-remote-566n Issue-16 PR17 f3b8e51
Amnish Singh Arora https://dev.to/amnish04/working-with-remotes-50lo Issue-12 PR13 69c4950
Bhavikkumar Hemantbhai Mistry https://dev.to/bhmistry/enhancing-user-experience-a-tale-of-adding-toml-config-support-to-a-cli-tool-4fbb Issue-9 PR10 ada87e5, ad1dc77 0d155c5
Ronald Roldan C++ is not easy 8 9 8f26b6e, 1197db6