@storybook/angular 7.0.0-alpha.8 → 7.0.0-beta.1

package/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  rules: {
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      { prefer: 'no-type-imports', disallowTypeAnnotations: false },
+    ],
+  },
+};

package/README.md

@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-angular-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)

package/dist/{types/builders → builders}/build-storybook/index.d.ts

@@ -1,8 +1,8 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
-import type { CLIOptions } from '@storybook/core-common';
+import { CLIOptions } from '@storybook/types';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-export declare type StorybookBuilderOptions = JsonObject & {
+export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
@@ -10,6 +10,6 @@ export declare type StorybookBuilderOptions = JsonObject & {
     styles?: ExtraEntryPoint[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs' | 'webpackStatsJson'>;
-export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
+export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,218 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+const testing_1 = require("@angular-devkit/architect/testing");
+const core_1 = require("@angular-devkit/core");
+const path = __importStar(require("path"));
+const buildDevStandaloneMock = jest.fn();
+const buildStaticStandaloneMock = jest.fn();
+const buildMock = {
+    buildDevStandalone: buildDevStandaloneMock,
+    buildStaticStandalone: buildStaticStandaloneMock,
+};
+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('Build Storybook Builder', () => {
+    let architect;
+    let architectHost;
+    beforeEach(async () => {
+        const registry = new core_1.schema.CoreSchemaRegistry();
+        registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
+        architectHost = new testing_1.TestingArchitectHost();
+        architect = new architect_1.Architect(architectHost, registry);
+        architectHost.addBuilder('@angular-devkit/build-angular:browser', (0, architect_1.createBuilder)(() => {
+            return { success: true };
+        }));
+        architectHost.addTarget({ project: 'angular-cli', target: 'build-2' }, '@angular-devkit/build-angular:browser', {
+            outputPath: 'dist/angular-cli',
+            index: 'src/index.html',
+            main: 'src/main.ts',
+            polyfills: 'src/polyfills.ts',
+            tsConfig: 'src/tsconfig.app.json',
+            assets: ['src/favicon.ico', 'src/assets'],
+            styles: ['src/styles.css'],
+            scripts: [],
+        });
+        // This will either take a Node package name, or a path to the directory
+        // for the package.json file.
+        await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+    });
+    beforeEach(() => {
+        buildStaticStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should start storybook with angularBrowserTarget', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            docs: undefined,
+            loglevel: undefined,
+            quiet: false,
+            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', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            docs: undefined,
+            loglevel: undefined,
+            quiet: false,
+            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', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+            webpackStatsJson: true,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            docs: undefined,
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
+            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', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        try {
+            await run.result;
+            expect(false).toEqual('Throw expected');
+        }
+        catch (error) {
+            // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
+            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+        }
+    });
+    it('should run compodoc', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            browserTarget: 'angular-cli:build-2',
+        });
+        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({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            docs: undefined,
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
+            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', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+            styles: ['style.scss'],
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: { styles: ['style.scss'] },
+            configDir: '.storybook',
+            docs: undefined,
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            packageJson: expect.any(Object),
+            mode: 'static',
+            tsConfig: 'path/to/tsConfig.json',
+            webpackStatsJson: false,
+        });
+    });
+});

package/dist/{types/builders → builders}/start-storybook/index.d.ts

@@ -1,8 +1,8 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import type { CLIOptions } from '@storybook/core-common';
-export declare type StorybookBuilderOptions = JsonObject & {
+import { CLIOptions } from '@storybook/types';
+export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
@@ -10,6 +10,6 @@ export declare type StorybookBuilderOptions = JsonObject & {
     styles?: ExtraEntryPoint[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;
-export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
+export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,214 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+const testing_1 = require("@angular-devkit/architect/testing");
+const core_1 = require("@angular-devkit/core");
+const path = __importStar(require("path"));
+const buildDevStandaloneMock = jest.fn();
+const buildStaticStandaloneMock = jest.fn();
+const buildMock = {
+    buildDevStandalone: buildDevStandaloneMock,
+    buildStaticStandalone: buildStaticStandaloneMock,
+};
+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', () => {
+    let architect;
+    let architectHost;
+    beforeEach(async () => {
+        const registry = new core_1.schema.CoreSchemaRegistry();
+        registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
+        architectHost = new testing_1.TestingArchitectHost();
+        architect = new architect_1.Architect(architectHost, registry);
+        architectHost.addBuilder('@angular-devkit/build-angular:browser', (0, architect_1.createBuilder)(() => {
+            return { success: true };
+        }));
+        architectHost.addTarget({ project: 'angular-cli', target: 'build-2' }, '@angular-devkit/build-angular:browser', {
+            outputPath: 'dist/angular-cli',
+            index: 'src/index.html',
+            main: 'src/main.ts',
+            polyfills: 'src/polyfills.ts',
+            tsConfig: 'src/tsconfig.app.json',
+            assets: ['src/favicon.ico', 'src/assets'],
+            styles: ['src/styles.css'],
+            scripts: [],
+        });
+        // This will either take a Node package name, or a path to the directory
+        // for the package.json file.
+        await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+    });
+    beforeEach(() => {
+        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should start storybook with angularBrowserTarget', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            docs: undefined,
+            host: 'localhost',
+            https: false,
+            packageJson: expect.any(Object),
+            port: 4400,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: './storybook/tsconfig.ts',
+        });
+    });
+    it('should start storybook with tsConfig', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            port: 4400,
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            docs: undefined,
+            host: 'localhost',
+            https: false,
+            packageJson: expect.any(Object),
+            port: 4400,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: 'path/to/tsConfig.json',
+        });
+    });
+    it('should throw error', async () => {
+        buildDevStandaloneMock.mockRejectedValue(true);
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        try {
+            await run.result;
+            expect(false).toEqual('Throw expected');
+        }
+        catch (error) {
+            // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
+            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+        }
+    });
+    it('should run compodoc', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+        });
+        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({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            docs: undefined,
+            host: 'localhost',
+            https: false,
+            packageJson: expect.any(Object),
+            port: 9009,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            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', {
+            tsConfig: 'path/to/tsConfig.json',
+            port: 4400,
+            compodoc: false,
+            styles: ['src/styles.css'],
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {
+                styles: ['src/styles.css'],
+            },
+            ci: false,
+            configDir: '.storybook',
+            docs: undefined,
+            host: 'localhost',
+            https: false,
+            port: 4400,
+            packageJson: expect.any(Object),
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: 'path/to/tsConfig.json',
+        });
+    });
+});

package/dist/{types/builders → builders}/utils/build-standalone-errors-handler.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStandaloneErrorHandler = void 0;
 const node_logger_1 = require("@storybook/node-logger");
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const buildStandaloneErrorHandler = (error) => {
     // Duplicate code for Standalone error handling
     // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
@@ -26,11 +23,11 @@ const buildStandaloneErrorHandler = (error) => {
     }
     node_logger_1.logger.line();
     return error.close
-        ? (0, ts_dedent_1.default) `
+        ? (0, ts_dedent_1.dedent) `
       FATAL broken build!, will close the process,
       Fix the error below and restart storybook.
     `
-        : (0, ts_dedent_1.default) `
+        : (0, ts_dedent_1.dedent) `
       Broken build, fix the error above.
       You may need to refresh the browser.
     `;

package/dist/{types/builders → builders}/utils/run-compodoc.js

@@ -48,7 +48,6 @@ const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
             context.logger.info(finalCompodocArgs.join(' '));
             const child = (0, child_process_1.spawn)('npx', finalCompodocArgs, {
                 cwd: context.workspaceRoot,
-                env: process.env,
                 shell: true,
             });
             child.stdout.on('data', (data) => {

package/dist/builders/utils/run-compodoc.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,59 @@
+"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 builderContextLoggerMock = {
+    createChild: jest.fn(),
+    log: jest.fn(),
+    debug: jest.fn(),
+    info: jest.fn(),
+    warn: jest.fn(),
+    error: jest.fn(),
+    fatal: jest.fn(),
+};
+describe('runCompodoc', () => {
+    beforeEach(() => {
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should run compodoc with tsconfig from context', async () => {
+        runCompodoc({
+            compodocArgs: [],
+            tsconfig: 'path/to/tsconfig.json',
+        }, {
+            workspaceRoot: 'path/to/project',
+            logger: builderContextLoggerMock,
+        })
+            .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,
+        });
+    });
+    it('should run compodoc with tsconfig from compodocArgs', async () => {
+        runCompodoc({
+            compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
+            tsconfig: 'path/to/tsconfig.json',
+        }, {
+            workspaceRoot: 'path/to/project',
+            logger: builderContextLoggerMock,
+        })
+            .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,
+        });
+    });
+});

package/dist/{types/builders → builders}/utils/standalone-options.d.ts

@@ -1,6 +1,6 @@
-import type { BuilderContext } from '@angular-devkit/architect';
-import type { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/core-common';
-export declare type StandaloneOptions = Partial<CLIOptions & LoadOptions & BuilderOptions & {
+import { BuilderContext } from '@angular-devkit/architect';
+import { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/types';
+export type StandaloneOptions = Partial<CLIOptions & LoadOptions & BuilderOptions & {
     mode?: 'static' | 'dev';
     angularBrowserTarget?: string | null;
     angularBuilderOptions?: Record<string, any> & {

package/dist/{types/client → client}/angular/app.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ViewContainerRef, ComponentFactoryResolver, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ViewContainerRef, ChangeDetectorRef, OnInit, ComponentFactoryResolver, OnDestroy } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { StoryFnAngularReturnType } from '../types';
 export declare class AppComponent implements OnInit, OnDestroy {

package/dist/{types/client → client}/angular/app.component.js

@@ -13,7 +13,6 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppComponent = void 0;
-/* eslint-disable no-useless-constructor */
 // We could use NgComponentOutlet here but there's currently no easy way
 // to provide @Inputs and subscribe to @Outputs, see
 // https://github.com/angular/angular/issues/15360

package/dist/{types/client → client}/angular/helpers.d.ts

@@ -1,8 +1,8 @@
-import type { PartialStoryFn } from '@storybook/csf';
-import type { AngularFramework } from '../types';
+import { PartialStoryFn } from '@storybook/types';
+import { AngularRenderer } from '../types';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;
     }
 }
-export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;
+export declare const renderNgApp: (storyFn: PartialStoryFn<AngularRenderer>, forced: boolean) => void;