This repository uses lerna to manage WordPress modules and publish them as packages to npm.
When creating a new package, you need to provide at least the following:
package.json
based on the template:This assumes that your code is located in the{ "name": "@wordpress/package-name", "version": "1.0.0-beta.0", "description": "Package description.", "author": "The WordPress Contributors", "license": "GPL-2.0-or-later", "keywords": [ "wordpress" ], "homepage": "https://github.com/WordPress/gutenberg/tree/master/packages/package-name/README.md", "repository": { "type": "git", "url": "https://github.com/WordPress/gutenberg.git" }, "bugs": { "url": "https://github.com/WordPress/gutenberg/issues" }, "main": "build/index.js", "module": "build-module/index.js", "react-native": "src/index", "dependencies": { "@babel/runtime": "^7.4.4" }, "publishConfig": { "access": "public" } }
src
folder and will be transpiled withBabel
..npmrc
file which disables creatingpackage-lock.json
file for the package:package-lock=false
README.md
file containing at least:- Package name
- Package description
- Installation details
- Usage example
Code is Poetry
logo (<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
)
There are two types of dependencies that you might want to add to one of the existing WordPress packages.
Production dependencies are stored in the dependencies
section of the package’s package.json
file.
The simplest way to add a production dependency to one of the packages is to run a very convenient lerna add command from the root of the project.
Example:
lerna add lodash packages/a11y
This command adds the latest version of lodash
as a dependency to the @wordpress/a11y
package, which is located in packages/a11y
folder.
Removing a dependency from one of the WordPress packages requires some manual work. You need to remove the line in the corresponding dependencies
section of the package.json
file.
Example:
+++ b/packages/scripts/package.json
@@ -43,7 +43,6 @@
"check-node-version": "^3.1.1",
"cross-spawn": "^5.1.0",
"eslint": "^5.16.0",
- "jest": "^24.7.1",
"jest-puppeteer": "^4.0.0",
"minimist": "^1.2.0",
"npm-package-json-lint": "^3.6.0",
Next, you need to run npm install
in the root of the project to ensure that package-lock.json
file gets properly regenerated.
This is the most confusing part of working with lerna which causes a lot of hassles for contributors. The most successful strategy so far is to do the following:
- First, remove the existing dependency as described in the previous section.
- Next, add the same dependency back as described in the first section of this chapter. This time it wil get the latest version applied unless you enforce a different version explicitly.
In contrast to production dependencies, development dependencies shouldn't be stored in individual WordPress packages. Instead they should be installed in the project's package.json
file using the usual npm install
command. In effect, all development tools are configured to work with every package at the same time to ensure they share the same characteristics and integrate correctly with each other.
Example:
npm install glob --save-dev
This commands adds the latest version of glob
as a development dependency to the package.json
file. It has to be executed from the root of the project.
In maintaining dozens of npm packages, it can be tough to keep track of changes. To simplify the release process, each package includes a CHANGELOG.md
file which details all published releases and the unreleased ("Master") changes, if any exist.
For each pull request, you should always include relevant changes in a "Master" heading at the top of the file. You should add the heading if it doesn't already exist.
Example:
## Master
### Bug Fix
- Fixed an off-by-one error with the `sum` function.
There are a number of common release subsections you can follow. Each is intended to align to a specific meaning in the context of the Semantic Versioning (semver
) specification the project adheres to. It is important that you describe your changes accurately, since this is used in the packages release process to help determine the version of the next release.
- "Breaking Change" - A backwards-incompatible change which requires specific attention of the impacted developers to reconcile (requires a major version bump).
- "New Feature" - The addition of a new backwards-compatible function or feature to the existing public API (requires a minor verison bump).
- "Enhancement" - Backwards-compatible improvements to existing functionality (requires a minor version bump).
- "Bug Fix" - Resolutions to existing buggy behavior (requires a patch version bump).
- "Internal" - Changes which do not have an impact on the public interface or behavior of the module (requires a patch version bump).
While other section naming can be used when appropriate, it's important that are expressed clearly to avoid confusion for both the packages releaser and third-party consumers.
When in doubt, refer to Semantic Versioning specification.
If you are publishing new versions of packages, note that there are versioning recommendations outlined in the Gutenberg Release Process document which prescribe minimum version bumps for specific types of releases. The chosen version should be the greater of the two between the semantic versioning and Gutenberg release minimum version bumps.
Lerna automatically releases all outdated packages. To check which packages are outdated and will be released, type npm run publish:check
.
If you have the ability to publish packages, you must have 2FA enabled on your npm account.
Confirm that you're logged in to npm, by running npm whoami
. If you're not logged in, run npm adduser
to login.
If you're publishing a new package, ensure that its package.json
file contains the correct publishConfig
settings:
{
"publishConfig": {
"access": "public"
}
}
You can check your package configs by running npm run lint-pkg-json
.
Run the following command to release a dev version of the outdated packages.
npm run publish:dev
Lerna will ask you which version number you want to choose for each package. For a dev
release, you'll more likely want to choose the "prerelease" option. Repeat the same for all the outdated packages and confirm your version updates.
Lerna will then publish to npm, commit the package.json
changes and create the git tags.
To release a production version for the outdated packages, run the following command:
npm run publish:prod
Choose the correct version based on CHANGELOG.md
files, confirm your choices and let Lerna do its magic.