Docs: Update and refactor release workflow recipe

- infer version bump from commits - make release commit message adhere to Conventional Commits - read GitHub personal access token from git-ignored `.env` file - functions instead of `gulp.task` - eliminate usage of gulp plugins - improve readability with `execa` and `pify`

Author: silvenon

docs/recipes/automate-release-workflow.md

@@ -1,79 +1,94 @@
 # Automate release workflow
 
 If your project follows a semantic versioning, it may be a good idea to automatize the steps needed to do a release.
-Below you have a simple recipe that bumps the project version, commits the changes to git and creates a new tag.
-
-``` javascript
-
-var gulp = require('gulp');
-var conventionalChangelog = require('gulp-conventional-changelog');
-var conventionalGithubReleaser = require('conventional-github-releaser');
-var bump = require('gulp-bump');
-var log = require('gulplog');
-var git = require('gulp-git');
-var fs = require('fs');
-
-gulp.task('changelog', function () {
- return gulp.src('CHANGELOG.md', {
- buffer: false
- })
- .pipe(conventionalChangelog({
- preset: 'angular' // Or to any other commit message convention you use.
- }))
- .pipe(gulp.dest('./'));
-});
-
-gulp.task('github-release', function(done) {
- conventionalGithubReleaser({
- type: "oauth",
- token: 'abcdefghijklmnopqrstuvwxyz1234567890' // change this to your own GitHub token or use an environment variable
- }, {
- preset: 'angular' // Or to any other commit message convention you use.
- }, done);
-});
-
-gulp.task('bump-version', function () {
-// We hardcode the version change type to 'patch' but it may be a good idea to
-// use minimist (https://www.npmjs.com/package/minimist) to determine with a
-// command argument whether you are doing a 'major', 'minor' or a 'patch' change.
- return gulp.src(['./bower.json', './package.json'])
- .pipe(bump({type: "patch"}).on('error', log.error))
- .pipe(gulp.dest('./'));
-});
-
-gulp.task('commit-changes', function () {
- return gulp.src('.')
- .pipe(git.add())
- .pipe(git.commit('[Prerelease] Bumped version number'));
-});
-
-gulp.task('push-changes', function (done) {
- git.push('origin', 'master', done);
-});
-
-gulp.task('create-new-tag', function (done) {
- var version = getPackageJsonVersion();
- git.tag(version, 'Created Tag for version: ' + version, function (error) {
- if (error) {
- return done(error);
- }
- git.push('origin', 'master', {args: '--tags'}, done);
+The recipe below bumps the project version, commits the changes to git and creates a new GitHub release.
+
+For publishing a GitHub release you'll need to [create a personal access token](https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/creating-a-personal-access-token) and add it to your project. However, we don't want to commit it, so we'll use [`dotenv-safe`](https://www.npmjs.com/package/dotenv-safe) to load it from a git-ignored `.env` file.
+
+Create an `.env.example` file to define required environment variables:
+
+```
+GH_TOKEN=
+```
+
+We'll commit this, so leave it empty. Next, duplicate this file, rename it to `.env` and add your GitHub token:
+
+```
+GH_TOKEN=ff34885...
+```
+
+Finally, add `.env` to your `.gitignore`.
+
+Moving on, install all the necessary dependencies for this recipe:
+
+```sh
+npm install --save-dev conventional-recommended-bump conventional-changelog-cli conventional-github-releaser dotenv-safe execa pify
+```
+
+Finally, `gulpfile.js`:
+
+``` js
+const gulp = require('gulp');
+const conventionalRecommendedBump = require('conventional-recommended-bump');
+const conventionalGithubReleaser = require('conventional-github-releaser');
+const execa = require('execa');
+const fs = require('fs/promises');
+const pify = require('pify');
+const dotenv = require('dotenv-safe');
+
+// load environment variables
+dotenv.config();
+
+// Conventional Changelog preset
+const preset = 'angular';
+// print output of commands into the terminal
+const stdio = 'inherit';
+
+async function bumpVersion() {
+ // get recommended version bump based on commits
+ const { releaseType } = await pify(conventionalRecommendedBump)({ preset });
+ // bump version without committing and tagging
+ await execa('npm', ['version', releaseType, '--no-git-tag-version'], {
+ stdio,
  });
+}
+
+async function changelog() {
+ await execa(
+ 'npx',
+ [
+ 'conventional-changelog',
+ '--preset',
+ preset,
+ '--infile',
+ 'CHANGELOG.md',
+ '--same-file',
+ ],
+ { stdio }
+ );
+}
+
+async function commitTagPush() {
+ const { version } = JSON.parse(await fs.readFile('package.json'));
+ const commitMsg = `chore: release ${version}`;
+ await execa('git', ['add', '.'], { stdio });
+ await execa('git', ['commit', '--message', commitMsg], { stdio });
+ await execa('git', ['tag', `v${version}`], { stdio });
+ await execa('git', ['push', '--follow-tags'], { stdio });
+}
 
- function getPackageJsonVersion () {
- // We parse the json file instead of using require because require caches
- // multiple calls so the version number won't be updated
- return JSON.parse(fs.readFileSync('./package.json', 'utf8')).version;
- };
-});
-
-gulp.task('release', gulp.series(
- 'bump-version',
- 'changelog',
- 'commit-changes',
- 'push-changes',
- 'create-new-tag',
- 'github-release'
-));
+function githubRelease(done) {
+ conventionalGithubReleaser(
+ { type: 'oauth', token: process.env.GH_TOKEN },
+ { preset },
+ done
+ );
+}
 
+exports.release = gulp.series(
+ bumpVersion,
+ changelog,
+ commitTagPush,
+ githubRelease
+);
 ```