Skip to main content

Versioning Components

When we version or 'tag' a component, we commit changes and prepare it to be exported to a remote scope. This process most often includes compiling and testing, as well.

Tag a component#

bit tag <component-id> <new-version>

For example:

bit tag ui/button 1.0.0

Tag a component with a message#

bit tag <component-id> <new-version> --message "this is the tag message"

Tag all components in the workspace#

Tag all components and bump the patch number of each component version

bit tag --all

Use bit tag --help or bit tag -h to get a list of available options for this command.

Soft and hard tags: component collaboration#

When collaborating on components it is not advisable to tag a new component release version locally, but instead to have it done by the CI.

The process:

  1. Tag a component using the --soft option. This will not create a new release version but will update the .bitmap file to suggest a new version.
bit tag --soft <component-id>
  1. Commit changes made to the .bitmap file (the previous version update suggestion) and push to the remote repository.

  2. Have the CI run the following command to tag all components suggested to be versioned (suggested by the previous 'soft tag')

bit tag --persist --all

Untag a component#

To untag our a component run the following:

bit untag <component-id>

List all 'tagged' components#

'tagged' or versioned components are components stored in your local scope.

bit list

Example output:

  โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”  โ”‚ component ID                                                         โ”‚ local   โ”‚ used    โ”‚  โ”‚                                                                      โ”‚ version โ”‚ version โ”‚  โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค  โ”‚ button                                                               โ”‚ 1.0.0   โ”‚ 1.0.0   โ”‚  โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Actions executed by the 'tag' command#

1. Runs the environment's 'build pipeline'#

The 'build pipeline' is a series of tasks defined by the environment. In our case, we've set all our components to use the React environment which has, as a default, two tasks in its build pipeline:

  1. Compile (using the React environment compiler)
  2. Test (using the React environment tester)

If any of the build pipeline's tasks fail, the tagging is aborted.

As with any other service provided by the environment, the 'build pipeline' can too be extended and customized.

2. Sets a new version for the tagged component#

Bit's versioning follows the common semantic structure of [major].[minor].[patch]. As a default, if a version number was not included in the tag command, Bit will bump the patch number.

3. Tags all components that are dependant on this component#

Bit makes sure to run the tagging process on every component affected by the modified (versioned) component. As mentioned earlier, that process also includes compiling and testing. This process let's us know immediately when another component breaks due to that change.

To see a diagram of the dependencies in your workspace or scope, take a look at the 'Dependencies' tab (in the Workspace UI/ Remote Scope)

4. Locks any further changes to that version and stores it in the local scope#

The above example uses the --persist flag to perform a 'hard tag'. In most cases, you would not want to commit changes (and later on, export) components directly from your local environment. It is usually preferable to use 'soft tag' to propose a new version and let your CI set a new version with the committed changes (using 'hard tag')

// soft-tagbit tag <component-id>