@storybook/angular 9.1.0-alpha.0 → 9.1.0-alpha.10

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

@@ -1,99 +0,0 @@
-import { getEnvConfig, versions } from 'storybook/internal/common';
-import { buildDevStandalone, withTelemetry } from 'storybook/internal/core-server';
-import { addToGlobalContext } from 'storybook/internal/telemetry';
-import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
-import { findPackageSync } from 'fd-package-json';
-import { sync as findUpSync } from 'find-up';
-import { Observable, from, of } from 'rxjs';
-import { map, mapTo, switchMap } from 'rxjs/operators';
-import { errorSummary, printErrorDetails } from '../utils/error-handler';
-import { runCompodoc } from '../utils/run-compodoc';
-addToGlobalContext('cliVersion', versions.storybook);
-const commandBuilder = (options, context) => {
-    const builder = from(setup(options, context)).pipe(switchMap(({ tsConfig }) => {
-        const docTSConfig = findUpSync('tsconfig.doc.json', { cwd: options.configDir });
-        const runCompodoc$ = options.compodoc
-            ? runCompodoc({
-                compodocArgs: [...options.compodocArgs, ...(options.quiet ? ['--silent'] : [])],
-                tsconfig: docTSConfig ?? tsConfig,
-            }, context).pipe(mapTo({ tsConfig }))
-            : of({});
-        return runCompodoc$.pipe(mapTo({ tsConfig }));
-    }), map(({ tsConfig }) => {
-        getEnvConfig(options, {
-            port: 'SBCONFIG_PORT',
-            host: 'SBCONFIG_HOSTNAME',
-            staticDir: 'SBCONFIG_STATIC_DIR',
-            configDir: 'SBCONFIG_CONFIG_DIR',
-            ci: 'CI',
-        });
-        options.port = parseInt(`${options.port}`, 10);
-        const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, enableProdMode = false, smokeTest, sslCa, sslCert, sslKey, disableTelemetry, assets, initialPath, open, debugWebpack, loglevel, webpackStatsJson, statsJson, previewUrl, sourceMap = false, preserveSymlinks = false, experimentalZoneless = false, } = options;
-        const standaloneOptions = {
-            packageJson: findPackageSync(__dirname),
-            ci,
-            configDir,
-            ...(docs ? { docs } : {}),
-            host,
-            https,
-            port,
-            quiet,
-            enableProdMode,
-            smokeTest,
-            sslCa,
-            sslCert,
-            sslKey,
-            disableTelemetry,
-            angularBrowserTarget: browserTarget,
-            angularBuilderContext: context,
-            angularBuilderOptions: {
-                ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
-                ...(styles ? { styles } : {}),
-                ...(assets ? { assets } : {}),
-                preserveSymlinks,
-                sourceMap,
-                experimentalZoneless,
-            },
-            tsConfig,
-            initialPath,
-            open,
-            debugWebpack,
-            webpackStatsJson,
-            statsJson,
-            loglevel,
-            previewUrl,
-        };
-        return standaloneOptions;
-    }), switchMap((standaloneOptions) => runInstance(standaloneOptions)), map((port) => {
-        return { success: true, info: { port } };
-    }));
-    return builder;
-};
-export default createBuilder(commandBuilder);
-async function setup(options, context) {
-    let browserOptions;
-    let browserTarget;
-    if (options.browserTarget) {
-        browserTarget = targetFromTargetString(options.browserTarget);
-        browserOptions = await context.validateOptions(await context.getTargetOptions(browserTarget), await context.getBuilderNameForTarget(browserTarget));
-    }
-    return {
-        tsConfig: options.tsConfig ??
-            findUpSync('tsconfig.json', { cwd: options.configDir }) ??
-            browserOptions.tsConfig,
-    };
-}
-function runInstance(options) {
-    return new Observable((observer) => {
-        // This Observable intentionally never complete, leaving the process running ;)
-        withTelemetry('dev', {
-            cliOptions: options,
-            presetOptions: { ...options, corePresets: [], overridePresets: [] },
-            printError: printErrorDetails,
-        }, () => buildDevStandalone(options))
-            .then(({ port }) => observer.next(port))
-            .catch((error) => {
-            observer.error(errorSummary(error));
-        });
-    });
-}

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

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

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

@@ -1,188 +0,0 @@
-"use strict";
-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 node_path_1 = require("node:path");
-const vitest_1 = require("vitest");
-const buildDevStandaloneMock = vitest_1.vi.fn();
-const buildStaticStandaloneMock = vitest_1.vi.fn();
-const buildMock = {
-    buildDevStandalone: buildDevStandaloneMock,
-    buildStaticStandalone: buildStaticStandaloneMock,
-    withTelemetry: (_, __, fn) => fn(),
-};
-vitest_1.vi.doMock('storybook/internal/core-server', () => buildMock);
-vitest_1.vi.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const mockRunScript = vitest_1.vi.fn();
-vitest_1.vi.mock('storybook/internal/common', () => ({
-    getEnvConfig: (options) => options,
-    versions: {
-        storybook: 'x.x.x',
-    },
-    JsPackageManagerFactory: {
-        getPackageManager: () => ({
-            runPackageCommand: mockRunScript,
-        }),
-    },
-}));
-// Randomly fails on CI. TODO: investigate why
-vitest_1.describe.skip('Start Storybook Builder', () => {
-    let architect;
-    let architectHost;
-    (0, vitest_1.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((0, node_path_1.join)(__dirname, '../../..'));
-    });
-    (0, vitest_1.beforeEach)(() => {
-        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
-    });
-    (0, vitest_1.afterEach)(() => {
-        vitest_1.vi.clearAllMocks();
-    });
-    (0, vitest_1.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();
-        (0, vitest_1.expect)(output.success).toBeTruthy();
-        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
-        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
-            angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: vitest_1.expect.any(Object),
-            ci: false,
-            configDir: '.storybook',
-            disableTelemetry: undefined,
-            host: 'localhost',
-            https: false,
-            packageJson: vitest_1.expect.any(Object),
-            port: 4400,
-            quiet: false,
-            smokeTest: false,
-            sslCa: undefined,
-            sslCert: undefined,
-            sslKey: undefined,
-            tsConfig: './storybook/tsconfig.ts',
-        }));
-    });
-    (0, vitest_1.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();
-        (0, vitest_1.expect)(output.success).toBeTruthy();
-        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
-        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
-            angularBrowserTarget: null,
-            angularBuilderContext: vitest_1.expect.any(Object),
-            ci: false,
-            configDir: '.storybook',
-            disableTelemetry: undefined,
-            host: 'localhost',
-            https: false,
-            packageJson: vitest_1.expect.any(Object),
-            port: 4400,
-            quiet: false,
-            smokeTest: false,
-            sslCa: undefined,
-            sslCert: undefined,
-            sslKey: undefined,
-            tsConfig: 'path/to/tsConfig.json',
-        }));
-    });
-    (0, vitest_1.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;
-            (0, vitest_1.expect)(false).toEqual('Throw expected');
-        }
-        catch (error) {
-            (0, vitest_1.expect)(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
-        }
-    });
-    (0, vitest_1.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();
-        (0, vitest_1.expect)(output.success).toBeTruthy();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
-        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith(vitest_1.expect.objectContaining({
-            angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: vitest_1.expect.any(Object),
-            ci: false,
-            disableTelemetry: undefined,
-            configDir: '.storybook',
-            host: 'localhost',
-            https: false,
-            packageJson: vitest_1.expect.any(Object),
-            port: 9009,
-            quiet: false,
-            smokeTest: false,
-            sslCa: undefined,
-            sslCert: undefined,
-            sslKey: undefined,
-            tsConfig: './storybook/tsconfig.ts',
-        }));
-    });
-    (0, vitest_1.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();
-        (0, vitest_1.expect)(output.success).toBeTruthy();
-        (0, vitest_1.expect)(mockRunScript).not.toHaveBeenCalledWith();
-        (0, vitest_1.expect)(buildDevStandaloneMock).toHaveBeenCalledWith({
-            angularBrowserTarget: null,
-            angularBuilderContext: vitest_1.expect.any(Object),
-            angularBuilderOptions: { assets: [], styles: ['src/styles.css'] },
-            disableTelemetry: undefined,
-            ci: false,
-            configDir: '.storybook',
-            host: 'localhost',
-            https: false,
-            port: 4400,
-            packageJson: vitest_1.expect.any(Object),
-            quiet: false,
-            smokeTest: false,
-            sslCa: undefined,
-            sslCert: undefined,
-            sslKey: undefined,
-            tsConfig: 'path/to/tsConfig.json',
-        });
-    });
-});

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

@@ -1,186 +0,0 @@
-import { Architect, createBuilder } from '@angular-devkit/architect';
-import { TestingArchitectHost } from '@angular-devkit/architect/testing';
-import { schema } from '@angular-devkit/core';
-import { join } from 'node:path';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-const buildDevStandaloneMock = vi.fn();
-const buildStaticStandaloneMock = vi.fn();
-const buildMock = {
-    buildDevStandalone: buildDevStandaloneMock,
-    buildStaticStandalone: buildStaticStandaloneMock,
-    withTelemetry: (_, __, fn) => fn(),
-};
-vi.doMock('storybook/internal/core-server', () => buildMock);
-vi.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
-const mockRunScript = vi.fn();
-vi.mock('storybook/internal/common', () => ({
-    getEnvConfig: (options) => options,
-    versions: {
-        storybook: 'x.x.x',
-    },
-    JsPackageManagerFactory: {
-        getPackageManager: () => ({
-            runPackageCommand: mockRunScript,
-        }),
-    },
-}));
-// Randomly fails on CI. TODO: investigate why
-describe.skip('Start Storybook Builder', () => {
-    let architect;
-    let architectHost;
-    beforeEach(async () => {
-        const registry = new schema.CoreSchemaRegistry();
-        registry.addPostTransform(schema.transforms.addUndefinedDefaults);
-        architectHost = new TestingArchitectHost();
-        architect = new Architect(architectHost, registry);
-        architectHost.addBuilder('@angular-devkit/build-angular:browser', 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(join(__dirname, '../../..'));
-    });
-    beforeEach(() => {
-        buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));
-    });
-    afterEach(() => {
-        vi.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(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
-            angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
-            ci: false,
-            configDir: '.storybook',
-            disableTelemetry: 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(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
-            angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
-            ci: false,
-            configDir: '.storybook',
-            disableTelemetry: 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) {
-            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(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', './storybook/tsconfig.ts', '-d', '.', '-e', 'json'], '');
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith(expect.objectContaining({
-            angularBrowserTarget: 'angular-cli:build-2',
-            angularBuilderContext: expect.any(Object),
-            ci: false,
-            disableTelemetry: undefined,
-            configDir: '.storybook',
-            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(mockRunScript).not.toHaveBeenCalledWith();
-        expect(buildDevStandaloneMock).toHaveBeenCalledWith({
-            angularBrowserTarget: null,
-            angularBuilderContext: expect.any(Object),
-            angularBuilderOptions: { assets: [], styles: ['src/styles.css'] },
-            disableTelemetry: undefined,
-            ci: false,
-            configDir: '.storybook',
-            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',
-        });
-    });
-});