Create a Sync Generator

Sync generators are generators that are used to ensure that your file system is in the correct state before a task is run or the CI process is started. From a technical perspective, a sync generator is no different from any other generator, but it has some additional performance considerations and needs to be registered in a particular way.

Create a Global Sync Generator

Global sync generators are executed when the nx sync or nx sync:check command is explicitly run by a user or in a script. They are not associated with an individual task or project and typically update root-level configuration files.

Create a sync generator the same way you would create any generator:

nx g my-sync-generator --directory=tools/my-plugin/src/generators/my-sync-generator

A sync generator should be able to run without any required options, so update the schema accordingly:

tools/my-plugin/src/generators/my-sync-generator/schema.json
1{ 2 "$schema": "https://json-schema.org/schema", 3 "$id": "MySyncGenerator", 4 "title": "", 5 "type": "object", 6 "properties": {}, 7 "required": [] 8} 9

Sync generators can optionally return an outOfSyncMessage to display to users when the sync generator needs to be run.

tools/my-plugin/src/generators/my-sync-generator/my-sync-generator.ts
1import { Tree } from '@nx/devkit'; 2import { SyncGeneratorResult } from 'nx/src/utils/sync-generators'; 3 4export async function mySyncGenerator( 5 tree: Tree 6): Promise<SyncGeneratorResult> { 7 if ( 8 !tree.exists('/legal-message.txt') || 9 tree.read('/legal-message.txt').toString() !== 10 'This is an important legal message.' 11 ) { 12 tree.write('/legal-message.txt', 'This is an important legal message.'); 13 } 14 return { 15 outOfSyncMessage: 'The legal-message.txt file needs to be created', 16 }; 17} 18 19export default mySyncGenerator; 20

Register a Global Sync Generator

Global sync generators are registered in the nx.json file like this:

project.json
1{ 2 "sync": { 3 "globalGenerators": ["my-plugin:my-sync-generator"] 4 } 5} 6

Now my-sync-generator will be executed any time the nx sync command is run.

Create a Task Sync Generator that Uses the Project Graph

Task sync generators are run before a particular task and are used to ensure that the files are in the correct state for the task to be run. The primary use case for this is to set up configuration files based on the project graph. To read from the project graph, use the createProjectGraphAsync from the @nx/devkit package. Create a generator in the same way as a global sync generator and then read the project graph like this:

tools/my-plugin/src/generators/my-sync-generator/my-sync-generator.ts
1import { Tree, createProjectGraphAsync } from '@nx/devkit'; 2import { SyncGeneratorResult } from 'nx/src/utils/sync-generators'; 3 4export async function mySyncGenerator( 5 tree: Tree 6): Promise<SyncGeneratorResult> { 7 const projectGraph = await createProjectGraphAsync(); 8 Object.values(projectGraph.nodes).forEach((project) => { 9 tree.write( 10 joinPathFragments(project.data.root, 'license.txt'), 11 `${project.name} uses the Acme Corp license.` 12 ); 13 }); 14 return { 15 outOfSyncMessage: 'Some projects are missing a license.txt file.', 16 }; 17} 18 19export default mySyncGenerator; 20

Register a Task Sync Generator

To register a generator as a sync generator for a particular task, add the generator to the syncGenerators property of the task configuration:

apps/my-app/package.json
1{ 2 "targets": { 3 "build": { 4 "syncGenerators": ["my-plugin:my-sync-generator"] 5 } 6 } 7} 8

With this configuration in place, running nx build my-app will first run my-sync-generator and then run the build task. The my-sync-generator and any other task or global sync generators will be run when nx sync or nx sync:check is run.

Performance and DX Considerations

Task sync generators will block the execution of the task while they are running and both global and task sync generators will block the CI pipeline until the nx sync:check command finishes. Because of this, make sure to keep in mind the following performance tips:

  • Make the generator idempotent. Running the generator multiple times in a row should have the same impact as running the generator a single time.
  • Only write to the file system when a file is actually changed. Avoid reformatting files that have not been actually modified. Nx will identify the workspace as out of sync if there's any file change after the sync generator is run.
  • Make sure to provide an informative outOfSyncMessage so that developers know what to do to unblock their tasks.

Do whatever you can to make your sync generators as fast and user-friendly as possible, because users will be running them over and over again without even realizing it.