How to create documentation.json for each project configured with storybook?

nx g @nrwl/angular:storybook-configuration <project-name> does not create documentation.json for that specific lib / app. How to create documentation.json for each project which are configured with storybook? Can we have some kind of executor/task or so to generate it? something like: nx run project-name:generate-doc and also can it be even part of storybook runner task?

For Angular we have to do something like the below: but for multiple libs/apps how we can do this?

{
  ...
  "scripts": {
    "docs:json": "compodoc -p ./tsconfig.json -e json -d .",
    "storybook": "npm run docs:json && start-storybook -p 6006 -s src/assets",
    ...
  },
}

[its-ratikant]

This way it works!!

"storybook-all": {
      "executor": "nx:run-commands",
      "options": {
        "commands": [
          "nx run ui-components:generate-docs-json",
          "nx run ui-components:storybook"
        ],
        "parallel": false
      }

[mandarini]

Hi there @its-ratikant !

So, I see you’re using Angular with Storybook and Nx. In that case, you can use the Storybook official documentation for how to create docs.

If you’re using React with Storybook and Nx, I dare say the process would be quite similar, here’s the Storybook documentation.

There is no executor on the Nx side at the moment to generate docs for all projects that have a Storybook configuration at once, since, I believe this could fall easily into traps - or assumptions as to how each project is configured.

However, if you do want to generate docs massively, for more than one project at the time, you can configure the storybook/build-storybook targets of your projects (in each project’s project.json) to use compodoc and generate docs. Then, you can use the run-many command, and generate the docs for all the projects you provide!

Take a look here as well. You can create your custom target and combine the storybook command into one!

Let me know if that’s helpful, or if you need any more info!