storybook/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.ts

import { dedent } from 'ts-dedent';
import semver from 'semver';
import chalk from 'chalk';
import type { Fix } from '../types';
import { isNxProject, AngularJSON } from 'storybook/internal/cli';
import { getFrameworkPackageName } from '../helpers/mainConfigFile';

interface AngularBuildersMultiprojectRunOptions {}

export const angularBuildersMultiproject: Fix<AngularBuildersMultiprojectRunOptions> = {
  id: 'angular-builders-multiproject',
  promptType: 'manual',

  versionRange: ['<7', '>=7'],

  async check({ packageManager, mainConfig }) {
    // Skip in case of NX
    const angularVersion = await packageManager.getPackageVersion('@angular/core');
    const frameworkPackageName = getFrameworkPackageName(mainConfig);

    if (
      (await isNxProject()) ||
      frameworkPackageName !== '@storybook/angular' ||
      !angularVersion ||
      semver.lt(angularVersion, '14.0.0')
    ) {
      return null;
    }

    const angularJSON = new AngularJSON();

    const { hasStorybookBuilder } = angularJSON;

    // skip if workspace has already one or more Storybook builder
    if (hasStorybookBuilder) {
      return null;
    }

    if (angularJSON.rootProject || Object.keys(angularJSON.projects).length === 1) {
      return null;
    }

    return {};
  },

  prompt() {
    return dedent`
    In Storybook 6.4 we have deprecated calling Storybook directly (npm run storybook) for Angular. In Storybook 7.0, we've removed it entirely. Instead you have to set up the Storybook builder in your ${chalk.yellow(
      'angular.json'
    )} and execute ${chalk.yellow('ng run <your-project>:storybook')} to start Storybook. 
    
    ❌ Your Angular workspace uses multiple projects defined in the ${chalk.yellow(
      'angular.json'
    )} file and we were not able to detect a root project. Therefore we are not able to automigrate to use Angular Storybook builder. Instead, please visit ${chalk.yellow(
      'https://github.com/storybookjs/storybook/tree/next/code/frameworks/angular'
    )} to do the migration manually.
    `;
  },
};