Skip to content

Latest commit

 

History

History
461 lines (314 loc) · 17.9 KB

COLLABORATOR_GUIDE.md

File metadata and controls

461 lines (314 loc) · 17.9 KB

Collaborator Guide

Table of Contents

Issues and Pull Requests

Full courtesy should always be shown in Video.js projects.

Collaborators may manage issues they feel qualified to handle, being mindful of our guidelines.

Any issue and PR can be closed if they are not relevant, when in doubt leave it open for more discussion. Issues can always be re-opened if new information is made available.

If issues or PRs are very short and don't contain much information, ask for more by linking to the issue or PR template. There is also a response guide if you're unsure.

Labels

There are labels that are useful to include on issues and PRs. A few of them are defined below:

Label Issue or PR Description
confirmed Issue and PR Issue: marks as reproducible. PR: marks as ready to be merged
5.x PR Marks as a change to the 5.x branch only
bug Issue Marks as a confirmed bug
good first issue Issue Marks as a good bug or enhancement for first time contributors to Video.js
first-timers-only Issue Marks as a good bug or enhancement to be done by a newcomer to open source
minor, patch, major PR Marks PR with the expected semver classification of the change
needs: LGTM PR Marks PR to be reviewed by a collaborator
needs: more info Issue Marks as needing more information from the issue reporter
needs: reduced test case Issue Marks as needing a reduced test case from the issue reporter

Accepting changes

Any code change in Video.js should be happening through Pull Requests on GitHub. This includes core committers.

Before a PR is merged, it must be reviewed by at least two core committers, at least one if it comes from a core committer.

Feel free to @-mention a particular core committer if you know they are experts in the area that is being changed.

If you are unsure about the modification and cannot take responsibility for it, defer to another core committer.

Before merging the change, it should be left open for other core committers to comment on. At least 24 hours during a weekday, and the 48 hours on a weekend. Trivial changes or bug fixes that have been reviewed by multiple committers may be merged without delay.

For non-breaking changes, if there is no disagreement between the collaborators, the PR may be landed assuming it was reviewed. If there is still disagreement, it may need to be escalated to the TSC.

Bug fixes require a test case that fails beforehand and succeeds after. All code changes should contain tests and pass on the CI.

Involving the TSC

A change or issue can be elevated to the TSC by assigning the tsc-agent label. This should be done in the following scenarios:

  • There will be a major impact on the codebase or project
  • The change is inherently controversial
  • No agreement was reached between collaborators participating in the discussion

The TSC will be the final arbiter when required.

Landing a PR

Landing a PR is fairly easy given that we can use the GitHub UI for it.

When using the big green button on GitHub, make sure the "squash and merge" is selected -- it should be the only allowed option. If a PR has two features in it and should be merged as two separate commits, either ask the contributor to break it up into two, or follow the manual steps.

The commit message should follow our conventional changelog conventions. They are based on the angularjs changelog conventions. The changelog is then generated from these commit messages on release.

The first line of the commit message -- the header, which is the first text box on GitHub -- should be prefixed with a type and optional scope followed by a short description of the commit. The type is required. Two common ones are fix and feat for bug fixes and new features. Scope is optional and can be anything.

The body should contain extra information, potentially copied from the original comment of the PR.

The footer should contain things like whether this is a breaking change or what issues were fixed by this PR.

Here's an example:

fix(html5): a regression with html5 tech

This is where you'd explain what the regression is.

Fixes #123

Landing a PR manually

Optional: ensure you're not in a weird rebase or merge state:

git am --abort
git rebase --abort

Checkout and update the main branch:

git checkout main
git remote update
git rebase upstream/main

Check out the PR:

git fetch upstream pull/{{PR Number}}/head:{{name of branch}}
git checkout -t {{name of branch}}

For example:

git fetch upstream pull/123/head:gkatsev-html5-fix
git checkout -t gkatsev-html5-fix

Optional: If necessary, rebase against main. If you have multiple features in the PR, landing a PR manually with several changes

git rebase main

Fix up any issues that arise from the rebase, change back to the main branch and squash merge:

git checkout main
git merge --squash --no-commit gkatsev-html5-fix

The --no-commit tells git not to make a commit on your behalf. It does stage everything for you, so, you can instead it:

git diff --cached

Now get the author from the original commit:

git log -n 1 --pretty=short gkatsev-html5-fix

Which shows:

  commit 433c58224f5be34480c8e067ca6c5406ba1c1e9c
  Author: Gary Katsevman <git@gkatsev.com>

      Update TOC

Now you can commit the change the change with the author, following our commit guidelines

git commit --author "Gary Katsevman <git@gkatsev.com>"

Now that it's committed, push to main

git push upstream main

Congratulate yourself for a job well done and the contributor for having his change landed in main.

Landing a PR manually with several changes

Follow the same steps as before but when you rebase against main, you want to do an interactive rebase and then squash the changes into just a few commits.

git rebase -i main

This will give you an output like the following:

pick b4dc15d Update CONTRIBUTING.md with latest info
pick 8592149 Add Dev certificate of origin
pick 259dee6 Add grunt and doctoc npm scripts
pick f12af12 Add conventional-changelog-videojs link
pick ae4613a Update node's CONTRIBUTING.md url
pick 433c582 Update TOC

# Rebase f599ef4..433c582 onto f599ef4 (6 command(s))
#
# Commands:
# p, pick = use commit
# r, reword = use commit, but edit the commit message
# e, edit = use commit, but stop for amending
# s, squash = use commit, but meld into previous commit
# f, fixup = like "squash", but discard this commit's log message
# x, exec = run command (the rest of the line) using shell
# d, drop = remove commit
#
# These lines can be re-ordered; they are executed from top to bottom.
#
# If you remove a line here THAT COMMIT WILL BE LOST.
#
# However, if you remove everything, the rebase will be aborted.
#
# Note that empty commits are commented out

Replace pick to fixup or edit depending on how you want the output to look. You can also re-order the commits, if necessary.

fixup will squash the commit it's infront of up into the commit above it

edit will allow you to edit the commit message before continuing

edit b4dc15d Update CONTRIBUTING.md with latest info
fixup 8592149 Add Dev certificate of origin
fixup f12af12 Add conventional-changelog-videojs link
fixup ae4613a Update node's CONTRIBUTING.md url
fixup 433c582 Update TOC
edit 259dee6 Add grunt and doctoc npm scripts

When you get to the edit commits, git will give more information, but you'd want to run amend the current commit while following our commit guidelines

git commit --amend

After going through and making the commits you want, you want to change back to main and then rebase the branch onto main so we get a clean history

git rebase gkatsev-html5-fix

This will put our two commits into main:

b4dc15d chore(contributing.md): Update CONTRIBUTING.md with latest info <Gary Katsevman>
259dee6 chore(package.json): Add grunt and doctoc npm scripts <Gary Katsevman>
9e20386 v5.12.6 <Gary Katsevman>

Now you're ready to push to main as in the normal instructions.

I just made a mistake

While git allows you to update the remote branch with a force push (git push -f). This is generally frowned upon since you're rewriting public history. However, if you just pushed the change and it's been less than 10 minutes since you've done with, you may force push to update the commit, assuming no one else has already pushed after you.

I accidentally pushed a broken commit or incorrect commit to main

Assuming no more than 10 minutes have passed, you may force-push to update or remove the commit. If someone else has already pushed to main or 10 minutes have passed, you should instead use the revert command (git revert) to revert the commit and then commit the proper change, or just fix it forward with a followup commit that fixes things.

I lost changes

Assuming that the changes were committed, even if you lost the commit in your current history does not mean that it is lost. In a lot of cases you can still recover it from the PR branch or if all else fails look at git's reflog.

I accidentally committed a broken change to main

This is a great time to discover that something is broken. Because it hasn't been pushed to GitHub yet, it's very easy to reset the change as if nothing has happened and try again.

To do so, just reset the branch against main.

git reset --hard upstream/main

Video.js releases

Releasing Video.js is partially automated through various scripts. To do a release, all you need is just write access to the repo!

Releases in Video.js are done on npm and GitHub and eventually posted on the CDN. These are the instructions for the npm/GitHub releases.

When we do a release, we release it as a next tag on npm first and then at least a week later, we promote this release to latest on npm.

You can promote it using npm dist-tag add video.js@<version> <tag>.

Getting dependencies

npm access

To see who currently has access run this:

npm owner ls video.js

If you are a core committer, you can request access to npm from one of the current owners. Access is managed via an npm organization for Video.js.

Deciding what type of version release

Since we follow the conventional changelog conventions, all commits are prepended with a type, most commonly feat and fix. If all the commits are fix or other types such as test or chore, then the release will be a patch release. If there's even one feat, the release will be a minor release. If any commit has a BREAKING CHANGE footer, then the release will be a major release. Most common releases will be either patch or minor.

Doing a release

It is also recommended you have a clean clone of Video.js for each release line you want to release. This is because different versions have different expectations for release process and have different dependencies. Plus, during development you could end up with a dirty repo, so, it just usually easier if you have a clean release repo.

# for v8
git clone git@github.com:videojs/video.js.git videojs-8-release
# for v7
git clone git@github.com:videojs/video.js.git videojs-7-release

Current Video.js

Make sure go to the main branch and grab the latest updates.

git checkout main
git pull origin main

At this point, you should run npm install because dependencies may have changed.

Then, it's mostly a standard npm package release process with running npm version, followed by an npm publish.

npm version {major|minor|patch}

Depending on the commits that have been merged, you can choose from major, minor, or patch as the versioning values. See deciding what type of version release section.

Optionally, you can run git show now to verify that the version update and CHANGELOG automation worked as expected.

Afterwards, you want to push the commit and the tag to the repo. It's necessary to do this before running npm publish because our GitHub release automation relies on the commit being available on GitHub.

git push --tags origin main

After the tag was pushed, GitHub actions will trigger the release workflow, which will do the following:

  • Publish to npm with next or next-{n} depending on your current major version.
  • Create GitHub pre-release with changelog and Netlify preview.
  • Create a GitHub releases discussion linked to the GitHub release.
  • Copy files to the CDN with the AWS CLI (this step requires approval, make sure to ping collaborators chat!)

And that's it. Congratulations - you've just released a new version of Video.js.

Legacy Video.js (5)

Make sure to go to the 5.x branch and grab the latest updates.

git checkout 5.x
git pull origin 5.x

Note: you probably need to delete v6 tags due to the way that the our CHANGELOG lib works.

You can run this to delete them:

git tag | grep '^v6' | xargs git tag -d

This will find all tags that start with ^v6 and delete them.

At this point, you should run npm install because dependencies may have changed.

Then, we have a script that automates most of the steps for publishing. It's a little trickier than publishing v6.

Edit git-semver-tags

You'll need to edit git-semver-tags to support our usage of tags that are not part of the branch. In the file node_modules/conventional-changelog-cli/node_modules/conventional-changelog/node_modules/conventional-changelog-core/node_modules/git-semver-tags/index.js, edit the line that says sets the cmd to be:

var cmd = 'git log --all --date-order --decorate --no-color';

And now for the release

After getting rid of the tags and getting the latest updates, you can just run the release script:

VJS_GITHUB_USER=gkatsev VJS_GITHUB_TOKEN=123 ./build/bin/release-next.sh

It will prompt you for a version change type, so, input patch or minor or major. See deciding what type of version release section.

When it's done building everything, it'll show you the commit that's made via the default pager (i.e., less). At this point you can verify that things look normal rather than, for example, missing all the CSS.

After exiting the pager, it'll make sure you want to continue with publishing.

It will automatically release it as a next-5 tag on npm.

Then push the local changes up:

git push --tags origin 5.x

Also, you'll need to copy the CHANGELOG for this version and manually edit the GitHub release to include it. The current release's CHANGELOG could be copied from the raw CHANGELOG.md file (or locally from the markdown file) and then pasted into the correct GitHub release.

Deploy as a patch to the CDN

Follow the steps on the CDN repo for the CDN release process. If it's a next or next-5 release, only publish the patch version to the CDN.

When the version gets promoted to latest or latest-5, the corresponding minor or latest version should be published to the CDN.

Announcement

An announcement should automatically make it's way to #announcements channel on slack, it uses IFTTT and might take a while.

You can also post it to twitter or ask someone (like @gkatsev) to post on your behalf.

If it's a large enough release, consider writing a blog post as well.

Doc credit

This collaborator guide was heavily inspired by node.js's guide