@storybook/angular 7.1.0-alpha.2 → 7.1.0-alpha.20

package/dist/builders/build-storybook/index.d.ts

@@ -13,6 +13,17 @@ export type StorybookBuilderOptions = JsonObject & {
     stylePreprocessorOptions?: StylePreprocessorOptions;
     assets?: AssetPattern[];
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'webpackStatsJson' | 'disableTelemetry'>;
-export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
+export type StorybookBuilderOutput = JsonObject & BuilderOutput & {
+    [key: string]: any;
+};
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<JsonObject & {
+    browserTarget?: string | null | undefined;
+    tsConfig?: string | undefined;
+    docs: boolean;
+    compodoc: boolean;
+    compodocArgs: string[];
+    styles?: StyleElement[] | undefined;
+    stylePreprocessorOptions?: StylePreprocessorOptions | undefined;
+    assets?: AssetPattern[] | undefined;
+} & Pick<CLIOptions, "webpackStatsJson" | "outputDir" | "configDir" | "loglevel" | "quiet" | "disableTelemetry">>;
 export default _default;

package/dist/builders/build-storybook/index.js

@@ -11,9 +11,8 @@ const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
 (0, telemetry_1.addToGlobalContext)('cliVersion', cli_1.versions.storybook);
-exports.default = (0, architect_1.createBuilder)(commandBuilder);
-function commandBuilder(options, context) {
-    return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
+const commandBuilder = (options, context) => {
+    const builder = (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
         const runCompodoc$ = options.compodoc
             ? (0, run_compodoc_1.runCompodoc)({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe((0, operators_1.mapTo)({ tsConfig }))
             : (0, rxjs_1.of)({});
@@ -47,7 +46,9 @@ function commandBuilder(options, context) {
     }), (0, operators_1.switchMap)((standaloneOptions) => runInstance({ ...standaloneOptions, mode: 'static' })), (0, operators_1.map)(() => {
         return { success: true };
     }));
-}
+    return builder;
+};
+exports.default = (0, architect_1.createBuilder)(commandBuilder);
 async function setup(options, context) {
     let browserOptions;
     let browserTarget;

package/dist/builders/build-storybook/index.spec.js

@@ -1,4 +1,7 @@
 "use strict";
+/*
+ * @jest-environment node
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -32,14 +35,25 @@ const buildStaticStandaloneMock = jest.fn();
 const buildMock = {
     buildDevStandalone: buildDevStandaloneMock,
     buildStaticStandalone: buildStaticStandaloneMock,
+    withTelemetry: (name, options, fn) => fn(),
 };
 jest.doMock('@storybook/core-server', () => buildMock);
+jest.doMock('@storybook/cli', () => ({
+    JsPackageManagerFactory: {
+        getPackageManager: () => ({
+            runPackageCommand: mockRunScript,
+        }),
+    },
+    getEnvConfig: (options) => options,
+    versions: {
+        storybook: 'x.x.x',
+    },
+}));
 jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const cpSpawnMock = {
-    spawn: jest.fn(),
-};
-jest.doMock('child_process', () => cpSpawnMock);
-describe('Build Storybook Builder', () => {
+const mockRunScript = jest.fn();
+// Randomly fails on CI. TODO: investigate why
+// eslint-disable-next-line jest/no-disabled-tests
+describe.skip('Build Storybook Builder', () => {
     let architect;
     let architectHost;
     beforeEach(async () => {
@@ -65,12 +79,7 @@ describe('Build Storybook Builder', () => {
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
     beforeEach(() => {
-        buildStaticStandaloneMock.mockImplementation((_options) => Promise.resolve());
-        cpSpawnMock.spawn.mockImplementation(() => ({
-            stdout: { on: () => { } },
-            stderr: { on: () => { } },
-            on: (_event, cb) => cb(0),
-        }));
+        buildStaticStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
     });
     afterEach(() => {
         jest.clearAllMocks();
@@ -83,21 +92,20 @@ describe('Build Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             configDir: '.storybook',
-            docs: undefined,
             loglevel: undefined,
             quiet: false,
+            disableTelemetry: undefined,
             outputDir: 'storybook-static',
             packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
-        });
+        }));
     });
     it('should start storybook with tsConfig', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
@@ -107,21 +115,20 @@ describe('Build Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             configDir: '.storybook',
-            docs: undefined,
             loglevel: undefined,
             quiet: false,
+            disableTelemetry: undefined,
             outputDir: 'storybook-static',
             packageJson: expect.any(Object),
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,
-        });
+        }));
     });
     it('should build storybook with webpack stats.json', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
@@ -132,13 +139,11 @@ describe('Build Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             configDir: '.storybook',
-            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
@@ -146,13 +151,12 @@ describe('Build Storybook Builder', () => {
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: true,
-        });
+        }));
     });
     it('should throw error', async () => {
         buildStaticStandaloneMock.mockRejectedValue(true);
-        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
             browserTarget: 'angular-cli:build-2',
-            port: 4400,
             compodoc: false,
         });
         try {
@@ -171,16 +175,11 @@ describe('Build Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
-            cwd: '',
-            shell: true,
-        });
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             configDir: '.storybook',
-            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
@@ -188,7 +187,7 @@ describe('Build Storybook Builder', () => {
             mode: 'static',
             tsConfig: './storybook/tsconfig.ts',
             webpackStatsJson: false,
-        });
+        }));
     });
     it('should start storybook with styles options', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
@@ -199,13 +198,12 @@ describe('Build Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: { styles: ['style.scss'] },
+            angularBuilderOptions: { assets: [], styles: ['style.scss'] },
             configDir: '.storybook',
-            docs: undefined,
             loglevel: undefined,
             quiet: false,
             outputDir: 'storybook-static',
@@ -213,6 +211,6 @@ describe('Build Storybook Builder', () => {
             mode: 'static',
             tsConfig: 'path/to/tsConfig.json',
             webpackStatsJson: false,
-        });
+        }));
     });
 });

package/dist/builders/start-storybook/index.d.ts

@@ -14,5 +14,14 @@ export type StorybookBuilderOptions = JsonObject & {
     assets?: AssetPattern[];
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'disableTelemetry'>;
 export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<JsonObject & {
+    browserTarget?: string | null | undefined;
+    tsConfig?: string | undefined;
+    docs: boolean;
+    compodoc: boolean;
+    compodocArgs: string[];
+    styles?: StyleElement[] | undefined;
+    stylePreprocessorOptions?: StylePreprocessorOptions | undefined;
+    assets?: AssetPattern[] | undefined;
+} & Pick<CLIOptions, "configDir" | "quiet" | "disableTelemetry" | "port" | "host" | "https" | "sslCa" | "sslCert" | "sslKey" | "smokeTest" | "ci">>;
 export default _default;

package/dist/builders/start-storybook/index.js

@@ -11,9 +11,8 @@ const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
 (0, telemetry_1.addToGlobalContext)('cliVersion', cli_1.versions.storybook);
-exports.default = (0, architect_1.createBuilder)(commandBuilder);
-function commandBuilder(options, context) {
-    return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
+const commandBuilder = (options, context) => {
+    const builder = (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
         const runCompodoc$ = options.compodoc
             ? (0, run_compodoc_1.runCompodoc)({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe((0, operators_1.mapTo)({ tsConfig }))
             : (0, rxjs_1.of)({});
@@ -56,7 +55,9 @@ function commandBuilder(options, context) {
     }), (0, operators_1.switchMap)((standaloneOptions) => runInstance(standaloneOptions)), (0, operators_1.map)((port) => {
         return { success: true, info: { port } };
     }));
-}
+    return builder;
+};
+exports.default = (0, architect_1.createBuilder)(commandBuilder);
 async function setup(options, context) {
     let browserOptions;
     let browserTarget;

package/dist/builders/start-storybook/index.spec.js

@@ -1,4 +1,7 @@
 "use strict";
+/*
+ * @jest-environment node
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -32,14 +35,25 @@ const buildStaticStandaloneMock = jest.fn();
 const buildMock = {
     buildDevStandalone: buildDevStandaloneMock,
     buildStaticStandalone: buildStaticStandaloneMock,
+    withTelemetry: (_, __, fn) => fn(),
 };
 jest.doMock('@storybook/core-server', () => buildMock);
 jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const cpSpawnMock = {
-    spawn: jest.fn(),
-};
-jest.doMock('child_process', () => cpSpawnMock);
-describe('Start Storybook Builder', () => {
+const mockRunScript = jest.fn();
+jest.mock('@storybook/cli', () => ({
+    getEnvConfig: (options) => options,
+    versions: {
+        storybook: 'x.x.x',
+    },
+    JsPackageManagerFactory: {
+        getPackageManager: () => ({
+            runPackageCommand: mockRunScript,
+        }),
+    },
+}));
+// Randomly fails on CI. TODO: investigate why
+// eslint-disable-next-line jest/no-disabled-tests
+describe.skip('Start Storybook Builder', () => {
     let architect;
     let architectHost;
     beforeEach(async () => {
@@ -65,12 +79,7 @@ describe('Start Storybook Builder', () => {
         await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
     });
     beforeEach(() => {
-        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve());
-        cpSpawnMock.spawn.mockImplementation(() => ({
-            stdout: { on: () => { } },
-            stderr: { on: () => { } },
-            on: (_event, cb) => cb(0),
-        }));
+        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
     });
     afterEach(() => {
         jest.clearAllMocks();
@@ -84,14 +93,13 @@ describe('Start Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             ci: false,
             configDir: '.storybook',
-            docs: undefined,
+            disableTelemetry: undefined,
             host: 'localhost',
             https: false,
             packageJson: expect.any(Object),
@@ -102,7 +110,7 @@ describe('Start Storybook Builder', () => {
             sslCert: undefined,
             sslKey: undefined,
             tsConfig: './storybook/tsconfig.ts',
-        });
+        }));
     });
     it('should start storybook with tsConfig', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
@@ -113,14 +121,13 @@ describe('Start Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).not.toHaveBeenCalledWith();
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             ci: false,
             configDir: '.storybook',
-            docs: undefined,
+            disableTelemetry: undefined,
             host: 'localhost',
             https: false,
             packageJson: expect.any(Object),
@@ -131,7 +138,7 @@ describe('Start Storybook Builder', () => {
             sslCert: undefined,
             sslKey: undefined,
             tsConfig: 'path/to/tsConfig.json',
-        });
+        }));
     });
     it('should throw error', async () => {
         buildDevStandaloneMock.mockRejectedValue(true);
@@ -156,17 +163,13 @@ describe('Start Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
-            cwd: '',
-            shell: true,
-        });
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
             angularBrowserTarget: 'angular-cli:build-2',
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {},
             ci: false,
+            disableTelemetry: undefined,
             configDir: '.storybook',
-            docs: undefined,
             host: 'localhost',
             https: false,
             packageJson: expect.any(Object),
@@ -177,7 +180,7 @@ describe('Start Storybook Builder', () => {
             sslCert: undefined,
             sslKey: undefined,
             tsConfig: './storybook/tsconfig.ts',
-        });
+        }));
     });
     it('should start storybook with styles options', async () => {
         const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
@@ -189,16 +192,14 @@ describe('Start Storybook Builder', () => {
         const output = await run.result;
         await run.stop();
         expect(output.success).toBeTruthy();
-        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(mockRunScript).not.toHaveBeenCalledWith();
         expect(buildDevStandaloneMock).toHaveBeenCalledWith({
             angularBrowserTarget: null,
             angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: {
-                styles: ['src/styles.css'],
-            },
+            angularBuilderOptions: { assets: [], styles: ['src/styles.css'] },
+            disableTelemetry: undefined,
             ci: false,
             configDir: '.storybook',
-            docs: undefined,
             host: 'localhost',
             https: false,
             port: 4400,

package/dist/builders/utils/run-compodoc.js

@@ -44,7 +44,7 @@ const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
         ];
         const packageManager = cli_1.JsPackageManagerFactory.getPackageManager();
         try {
-            const stdout = packageManager.runPackageCommand('compodoc', finalCompodocArgs, context.workspaceRoot);
+            const stdout = packageManager.runPackageCommandSync('compodoc', finalCompodocArgs, context.workspaceRoot, 'inherit');
             context.logger.info(stdout);
             observer.next();
             observer.complete();

package/dist/builders/utils/run-compodoc.spec.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const operators_1 = require("rxjs/operators");
-const cpSpawnMock = {
-    spawn: jest.fn(),
-};
-jest.doMock('child_process', () => cpSpawnMock);
 const { runCompodoc } = require('./run-compodoc');
+const mockRunScript = jest.fn();
+jest.mock('@storybook/cli', () => ({
+    JsPackageManagerFactory: {
+        getPackageManager: () => ({
+            runPackageCommandSync: mockRunScript,
+        }),
+    },
+}));
 const builderContextLoggerMock = {
     createChild: jest.fn(),
     log: jest.fn(),
@@ -16,15 +20,8 @@ const builderContextLoggerMock = {
     fatal: jest.fn(),
 };
 describe('runCompodoc', () => {
-    beforeEach(() => {
-        cpSpawnMock.spawn.mockImplementation(() => ({
-            stdout: { on: () => { } },
-            stderr: { on: () => { } },
-            on: (_event, cb) => cb(0),
-        }));
-    });
     afterEach(() => {
-        jest.clearAllMocks();
+        mockRunScript.mockClear();
     });
     it('should run compodoc with tsconfig from context', async () => {
         runCompodoc({
@@ -36,10 +33,7 @@ describe('runCompodoc', () => {
         })
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], {
-            cwd: 'path/to/project',
-            shell: true,
-        });
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
     });
     it('should run compodoc with tsconfig from compodocArgs', async () => {
         runCompodoc({
@@ -51,10 +45,7 @@ describe('runCompodoc', () => {
         })
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], {
-            cwd: 'path/to/project',
-            shell: true,
-        });
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], 'path/to/project', 'inherit');
     });
     it('should run compodoc with default output folder.', async () => {
         runCompodoc({
@@ -66,9 +57,7 @@ describe('runCompodoc', () => {
         })
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], {
-            cwd: 'path/to/project',
-        });
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
     });
     it('should run with custom output folder specified with --output compodocArgs', async () => {
         runCompodoc({
@@ -80,9 +69,7 @@ describe('runCompodoc', () => {
         })
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], {
-            cwd: 'path/to/project',
-        });
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], 'path/to/project', 'inherit');
     });
     it('should run with custom output folder specified with -d compodocArgs', async () => {
         runCompodoc({
@@ -94,8 +81,6 @@ describe('runCompodoc', () => {
         })
             .pipe((0, operators_1.take)(1))
             .subscribe();
-        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], {
-            cwd: 'path/to/project',
-        });
+        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], 'path/to/project', 'inherit');
     });
 });

package/dist/client/angular-beta/AbstractRenderer.d.ts

@@ -1,11 +1,10 @@
 import { Subject } from 'rxjs';
-import { ICollection, Parameters, StoryFnAngularReturnType } from '../types';
+import { ICollection, StoryFnAngularReturnType } from '../types';
 type StoryRenderInfo = {
     storyFnAngular: StoryFnAngularReturnType;
     moduleMetadataSnapshot: string;
 };
 export declare abstract class AbstractRenderer {
-    storyId: string;
     /**
      * Wait and destroy the platform
      */
@@ -17,7 +16,7 @@ export declare abstract class AbstractRenderer {
     protected static resetCompiledComponents: () => Promise<void>;
     protected previousStoryRenderInfo: Map<HTMLElement, StoryRenderInfo>;
     protected storyProps$: Subject<ICollection | undefined>;
-    constructor(storyId: string);
+    constructor();
     protected abstract beforeFullRender(domNode?: HTMLElement): Promise<void>;
     protected abstract afterFullRender(): Promise<void>;
     /**
@@ -28,13 +27,11 @@ export declare abstract class AbstractRenderer {
      * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
      * - false fully recharges or initializes angular module & component
      * @param component {Component}
-     * @param parameters {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
+    render({ storyFnAngular, forced, component, targetDOMNode, }: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
         component?: any;
-        parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     /**

package/dist/client/angular-beta/AbstractRenderer.js

@@ -46,8 +46,7 @@ class AbstractRenderer {
             }
         });
     }
-    constructor(storyId) {
-        this.storyId = storyId;
+    constructor() {
         this.previousStoryRenderInfo = new Map();
         if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
             try {
@@ -68,9 +67,8 @@ class AbstractRenderer {
      * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
      * - false fully recharges or initializes angular module & component
      * @param component {Component}
-     * @param parameters {Parameters}
      */
-    async render({ storyFnAngular, forced, parameters, component, targetDOMNode, }) {
+    async render({ storyFnAngular, forced, component, targetDOMNode, }) {
         const targetSelector = this.generateTargetSelectorFromStoryId(targetDOMNode.id);
         const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
         if (!this.fullRendererRequired({

package/dist/client/angular-beta/ComputesTemplateFromComponent.d.ts

@@ -14,4 +14,4 @@ export declare const computesTemplateFromComponent: (component: Type<unknown>, i
  * @param initialProps
  * @param innerTemplate
  */
-export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string;
+export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string | null;

package/dist/client/angular-beta/RendererFactory.d.ts

@@ -3,7 +3,7 @@ type RenderType = 'canvas' | 'docs';
 export declare class RendererFactory {
     private lastRenderType;
     private rendererMap;
-    getRendererInstance(storyId: string, targetDOMNode: HTMLElement): Promise<AbstractRenderer | null>;
+    getRendererInstance(targetDOMNode: HTMLElement): Promise<AbstractRenderer | null>;
     private buildRenderer;
 }
 export declare const getRenderType: (targetDOMNode: HTMLElement) => RenderType;

package/dist/client/angular-beta/RendererFactory.js

@@ -8,7 +8,7 @@ class RendererFactory {
     constructor() {
         this.rendererMap = new Map();
     }
-    async getRendererInstance(storyId, targetDOMNode) {
+    async getRendererInstance(targetDOMNode) {
         const targetId = targetDOMNode.id;
         // do nothing if the target node is null
         // fix a problem when the docs asks 2 times the same component at the same time
@@ -24,20 +24,21 @@ class RendererFactory {
             this.rendererMap.clear();
         }
         if (!this.rendererMap.has(targetId)) {
-            this.rendererMap.set(targetId, this.buildRenderer(storyId, renderType));
+            this.rendererMap.set(targetId, this.buildRenderer(renderType));
         }
         this.lastRenderType = renderType;
         return this.rendererMap.get(targetId);
     }
-    buildRenderer(storyId, renderType) {
+    buildRenderer(renderType) {
         if (renderType === 'docs') {
-            return new DocsRenderer_1.DocsRenderer(storyId);
+            return new DocsRenderer_1.DocsRenderer();
         }
-        return new CanvasRenderer_1.CanvasRenderer(storyId);
+        return new CanvasRenderer_1.CanvasRenderer();
     }
 }
 exports.RendererFactory = RendererFactory;
 const getRenderType = (targetDOMNode) => {
+    console.log(targetDOMNode);
     return targetDOMNode.id === 'storybook-root' ? 'canvas' : 'docs';
 };
 exports.getRenderType = getRenderType;