fix(cli): use the same list of addons to build main.js as the one a…

…dded during init

lib/cli/src/generators/configure.ts

@@ -1,18 +1,13 @@
 import fse from 'fs-extra';
 
-function mainConfigurationGenerator(addons?: string[], custom?: any) {
+function mainConfigurationGenerator(addons: string[], custom?: any) {
   const hasSrc = fse.existsSync('./src');
 
   const config = {
     stories: [!hasSrc && '../stories/**/*.stories.*', hasSrc && '../src/**/*.stories.*'].filter(
       Boolean
     ),
-    addons: [
-      '@storybook/addon-actions',
-      '@storybook/addon-links',
-      '@storybook/addon-docs',
-      ...addons,
-    ],
+    addons,
     ...custom,
   };
 

lib/cli/src/generators/generator.ts

@@ -42,18 +42,20 @@ const generator = async (
     ...defaultOptions,
     ...options,
   };
-  const packages = [
-    `@storybook/${framework}`,
-    // https://github.com/storybookjs/storybook/issues/9103
-    framework !== 'angular' && '@storybook/addon-essentials',
-    '@storybook/addon-actions',
+
+  const addons = [
     '@storybook/addon-links',
-    ...extraPackages,
-    ...extraAddons,
-  ].filter(Boolean);
+    // If angular add only `actions` because docs is buggy for now (https://github.com/storybookjs/storybook/issues/9103)
+    // for others framework add `essentials` i.e. `actions`, `backgrounds`, `docs`, `viewport`
+    framework !== 'angular' ? '@storybook/addon-essentials' : '@storybook/addon-actions',
+  ];
+
+  const packages = [`@storybook/${framework}`, ...addons, ...extraPackages, ...extraAddons].filter(
+    Boolean
+  );
   const versionedPackages = await getVersionedPackages(npmOptions, ...packages);
 
-  configure(extraAddons);
+  configure([...addons, ...extraAddons]);
   if (addComponents) {
     copyComponents(framework, language);
   }