fix(storybook): use target project instead of default unless otherwis…

…e specified
nrwl · Jan 12, 2022 · 0eb0e7d · 0eb0e7d
1 parent ffd5033
commit 0eb0e7d
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/docs/default/api-storybook/executors/storybook.md b/docs/default/api-storybook/executors/storybook.md
@@ -85,6 +85,14 @@ Type: `array`
 
 Directory where to load static files from, array of strings
 
+### useDefaultProject
+
+Default: `false`
+
+Type: `boolean`
+
+Will use the default project as specified in the workspace configuration.
+
 ### watch
 
 Default: `true`

diff --git a/packages/storybook/src/executors/storybook/schema.json b/packages/storybook/src/executors/storybook/schema.json
@@ -89,6 +89,11 @@
       "type": "boolean",
       "description": "Suppress verbose build output.",
       "default": true
+    },
+    "useDefaultProject": {
+      "type": "boolean",
+      "description": "Will use the default project as specified in the workspace configuration.",
+      "default": false
     }
   },
   "required": ["uiFramework", "config"]

diff --git a/packages/storybook/src/executors/storybook/storybook.impl.ts b/packages/storybook/src/executors/storybook/storybook.impl.ts
@@ -18,6 +18,7 @@ export interface StorybookExecutorOptions extends CommonNxStorybookConfig {
   staticDir?: string[];
   watch?: boolean;
   docsMode?: boolean;
+  useDefaultProject?: boolean;
 }
 
 export default async function* storybookExecutor(
@@ -26,6 +27,21 @@ export default async function* storybookExecutor(
 ) {
   let frameworkPath = getStorybookFrameworkPath(options.uiFramework);
 
+  if (
+    !options.useDefaultProject &&
+    context.projectName &&
+    options.uiFramework === '@storybook/angular'
+  ) {
+    const buildable =
+      !!context?.workspace?.projects?.[context.projectName]?.targets?.build;
+    options = {
+      ...options,
+      projectBuildConfig: `${context.projectName}${
+        buildable ? '' : ':build-storybook'
+      }`,
+    };
+  }
+
   const frameworkOptions = (await import(frameworkPath)).default;
   const option = storybookOptionMapper(options, frameworkOptions, context);