Working on your first Pull Request? You can learn how from this free series How to Contribute to an Open Source Project on GitHub
After you clone your forked repo, follow the following steps to bootstrap your local environment:
» yarn install
» yarn setup:dev
» yarn test
» (cd workspaces/homepage && yarn develop)
# or to get everything like in production
» now dev
Crypton is a monorepo. It consists of a number of packages that all live under the workspaces
folder. We use a combination of lerna and yarn
workspaces to manage them.
We install all mono-repo dependencies with single top-level yarn install
or just yarn
.
Because our monorepo contains a number of packages under the workspaces
directory, some of them may need to be build before they can be published.
The build command uses lerna
in order to trigger the build script
for every single workspace. Please use a convenience script build
defined in the root package.json
.
We run all the tests from the top level - this is far more efficient especially if the number of workspaces in the monorepo increases:
» yarn test
» yarn test --no-cache // good to know this
» yarn jest --clearCache // a nice one
This is our landing page. It uses Confluenza, which is based on Gatsby.
To start development server or to build version that is ready for distribution you can run:
» cd workspaces/homepage
» yarn develop
» yarn build
Take advantage of now dev
to run a development server and have a mirror of your production hot-reloading. Read more at Introducing now dev
– Serverless, on localhost.
We use Babel 7.
Babel 7 has changed in how babel configuration is discovered.
It allows three different configuration files: babel.config.js
,
.babelrc.js
, and the familiar .babelrc
. The semantics of file
discovery have changed. If babel.config.js
is present at your
current working directory, only this file will be used and .babelrc
and .babelrc.js
will be ignored (and it does not matter if they are
in your cwd
or in one of the subfolders).
If babel.config.js
is not present, you can decide to either use
.babelrc
for static configuration or .babelrc.js
if you prefer to
programmatically create your configuration. If you use the .babelrc
variant, please notice that Babel 7 will look for a .babelrc
in the current directory. If Babel finds
other .babelrc
files while transpiling files in a subfolder, it will merge the configurations together.
Because our packages share the same Babel configuration, we chose
to create a single top-level babel.config.js
where we can
programmatically create the configuration based on the BABEL_ENV
and
NODE_ENV
environment variables. The same configuration file is used
to run jest tests.
We could not avoid having babel configurations in subfolders because
the babel 7 does not continue searching above the first package.json
that it finds, and we run the yarn build
command for the packages via top-level yarn lerna run build
, which means it will be executed from the package folder.
Fortunately, we are able to reuse the top-level
babel.config.js
by having the package-specific babel.config.js
with just the following content:
module.exports = {
extends: '../../babel.config.js'
}
Alternatively, you can also use .babelrc.js
with the following content:
const babelConfig = require('../../babel.config')
module.exports = babelConfig
In this case, make sure that you do not use the
--no-babelrc
option in any of the babel commands in thetools/build.js
top-level script.
So to summarize, we have a top-level babel.config.js
and then for each package that we intend to publish to npm registry or which needs a custom babel configuration we have a babel.config.js
file in the corresponding workspace directory.
Please notice that we run tests from the top-running of the tests is nicely handled by the top-level
babel.config.js
.
In order to get a better grip on Babel 7 and how does it handle configuration files in version 7, please refer to the following documents:
You can follow the steps described in Syncing a fork. We recommend that you keep your local master branch pointing to the upstream master branch. Remaining in sync then becomes really easy:
git remote add upstream https://github.com/identity-box/crypton.git
git fetch upstream
git branch --set-upstream-to=upstream/master master
Now, when you do git pull
from your local master
branch git will
fetch changes from the upstream
remote. Then you can make all of
your pull request branches based on this master
branch.
Please go through existing issues and pull requests to check if
somebody else is already working on it, we use someone working on it
label to mark such issues.
We define a release as a sequence of Pull Requests. When creating a pull request that should be part of a next release, we add one of the following labels to it:
- PR: Breaking Change 💣,
- PR: New Feature 🚀,
- PR: Enhancement 😻,
- PR: Bug Fix 🐛,
- PR: Documentation 📖,
- PR: Refactoring 🔨
Some discipline is required to make sure that a pull request is focused on one of the above mentioned categories. One can say that our releases are pull-request-oriented rather than commit oriented. This allows us to have enough information and structure while leaving a level of freedom. This is in contrast to so-called conventional commits, where each commit must adhere to a set of predefined formatting rules. We find this restriction an inconvenience.
We use lerna-changelog to have some level of automation, so that not everything needs to be done by hand. We describe the process of creating a release below.
Because we have consciously chosen to have one version for all our packages, it is important to run lerna publish
with --force-publish
option:
$ yarn lerna publish --force-publish
This will not only remove confusion among our users, but will also make releases easier to follow.
After packages are published and all relevant Pull Requests are merged to the master branch, we run:
$ yarn lerna-changelog --from=vx.y.z --to=vX.Y.Z
where vx.y.z
refers to the release tag preceding the most recent tag vX.Y.Z
. Foe example, if last release was tagged v1.0.18
and the tag for the candidate release already merged and pushed to master is v1.0.19
, then the command would be:
$ yarn lerna-changelog --from=v1.0.18 --to=v1.0.19
The output of this command should be then manually prepended to CHANGELOG.md
and pushed to the master branch.
On github, use Draft a new release using the output of the lerna-changelog
command as the input.
Adjust the fields so that the new release follows the structure of previous releases (unless a new formatting is desired).