Skip to content

Instantly share code, notes, and snippets.

@brianclements
Last active July 19, 2024 13:32
Show Gist options
  • Save brianclements/841ea7bffdb01346392c to your computer and use it in GitHub Desktop.
Save brianclements/841ea7bffdb01346392c to your computer and use it in GitHub Desktop.
Angular Commit Format Reference Sheet

Commit Message Guidelines

We have very precise rules over how our git commit messages can be formatted. This leads to more readable messages that are easy to follow when looking through the project history. But also, we use the git commit messages to generate the Angular change log.

Commit Message Format

Each commit message consists of a header, a body and a footer. The header has a special format that includes a type, a scope and a subject:

<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>

The header is mandatory and the scope of the header is optional.

Any line of the commit message cannot be longer than 100 characters! This allows the message to be easier to read on GitHub as well as in various git tools.

The footer should contain a closing reference to an issue if any.

Samples: (even more samples)

docs(changelog): update changelog to beta.5
fix(release): need to depend on latest rxjs and zone.js

The version in our package.json gets copied to the one we publish, and users need the latest of these.

Revert

If the commit reverts a previous commit, it should begin with revert: , followed by the header of the reverted commit. In the body it should say: This reverts commit <hash>., where the hash is the SHA of the commit being reverted.

Type

Must be one of the following:

  • build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
  • ci: Changes to our CI configuration files and scripts (example scopes: Circle, BrowserStack, SauceLabs)
  • docs: Documentation only changes
  • feat: A new feature
  • fix: A bug fix
  • perf: A code change that improves performance
  • refactor: A code change that neither fixes a bug nor adds a feature
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
  • test: Adding missing tests or correcting existing tests

Scope

The scope should be the name of the npm package affected (as perceived by the person reading the changelog generated from commit messages).

The following is the list of supported scopes:

  • animations
  • bazel
  • benchpress
  • common
  • compiler
  • compiler-cli
  • core
  • elements
  • forms
  • http
  • language-service
  • localize
  • platform-browser
  • platform-browser-dynamic
  • platform-server
  • platform-webworker
  • platform-webworker-dynamic
  • router
  • service-worker
  • upgrade
  • zone.js

There are currently a few exceptions to the "use package name" rule:

  • packaging: used for changes that change the npm package layout in all of our packages, e.g. public path changes, package.json changes done to all packages, d.ts file/format changes, changes to bundles, etc.
  • changelog: used for updating the release notes in CHANGELOG.md
  • docs-infra: used for docs-app (angular.io) related changes within the /aio directory of the repo
  • dev-infra: used for dev-infra related changes within the directories /scripts, /tools and /dev-infra
  • ngcc: used for changes to the Angular Compatibility Compiler
  • ve: used for changes specific to ViewEngine (legacy compiler/renderer).
  • none/empty string: useful for style, test and refactor changes that are done across all packages (e.g. style: add missing semicolons) and for docs changes that are not related to a specific package (e.g. docs: fix typo in tutorial).

Subject

The subject contains a succinct description of the change:

  • use the imperative, present tense: "change" not "changed" nor "changes"
  • don't capitalize the first letter
  • no dot (.) at the end

Body

Just as in the subject, use the imperative, present tense: "change" not "changed" nor "changes". The body should include the motivation for the change and contrast this with previous behavior.

Footer

The footer should contain any information about Breaking Changes and is also the place to reference GitHub issues that this commit Closes.

Breaking Changes should start with the word BREAKING CHANGE: with a space or two newlines. The rest of the commit message is then used for this.

A detailed explanation can be found in this [document][commit-message-format].

@demisx
Copy link

demisx commented Sep 25, 2019

The chore type is no longer on their type list. It's been replaced by build and ci types.

@fangxlmr
Copy link

fangxlmr commented Dec 6, 2019

The chore type is no longer on their type list. It's been replaced by build and ci types.

Yeah. Which makes it more reasonalbe.

@brianclements
Copy link
Author

Thanks for that; updated!

@rafaelfachinelli
Copy link

What does CI mean?

@bufordeeds
Copy link

What does CI mean?

I think Continuous Integration in this context.

@boy51
Copy link

boy51 commented Jul 5, 2021

How is one supposed to format breaking changes? I tend to want to do it like this

fix(thing): bla bla

BREAKING CHANGE:
- something
- something you wouldn't expect
- damn

But that seems to be wrong as its in my release the formatting is off. Bulletpoints in breaking changes body are not cool?

@abdelrany
Copy link

Hello, how to separate a line between the head and the body and the Footer?

@bboysnick5
Copy link

Can I have two fixes in one commit?

@Conaclos
Copy link

Conaclos commented Jul 21, 2022

@bboysnick5

Can I have two fixes in one commit?

Yes.

@Conaclos
Copy link

Conaclos commented Jul 21, 2022

@abdelrany

Hello, how to separate a line between the head and the body and the Footer?

I am not sure to understand your question.

I have the following interpretation of the convention:

  • The head always consists in a single line.
  • A blank line separates the head from the body.
  • The body may include blank lines.
  • A blank line separates the body from the footer.
  • The footer starts when you encounter a special token such as BREAKING CHANGE:, Fixes #1, ...
  • According to the encountered token, a footer may contain blank lines (this is the case for BREAKING CHANGE:)
  • You can add several footers

For instance :

head     | feat(js-compiler): parse arrow functions
         |
body     | JS allows a shorthand syntax to define a function.
         | e.g.
         |
         |    const f = (x) => x + 1
         |
footer 1 | BREAKING CHANGE: example
         |
         | description...
         |
footer 2 | Fixes #1
footer 3 | Fixes #2

@ogun-code
Copy link

gid:HPM4uupx7UNyFevRgqsR2E

@akshay-thence
Copy link

What does CI mean?

Continuous Integration

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment