@storybook/angular 7.0.0-alpha.35 → 7.0.0-alpha.38

package/dist/types/client/angular-beta/StorybookModule.d.ts

@@ -1,7 +1,7 @@
 import { NgModule, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType } from '../types';
-export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
+export declare const getStorybookModuleMetadata: ({ storyFnAngular, component, targetSelector, }: {
     storyFnAngular: StoryFnAngularReturnType;
     component?: any;
     targetSelector: string;

package/dist/types/client/angular-beta/StorybookModule.js

@@ -5,41 +5,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createStorybookModule = exports.getStorybookModuleMetadata = void 0;
 const core_1 = require("@angular/core");
 const platform_browser_1 = require("@angular/platform-browser");
-const ts_dedent_1 = require("ts-dedent");
-const util_deprecate_1 = __importDefault(require("util-deprecate"));
 const StorybookProvider_1 = require("./StorybookProvider");
 const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
-const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.dedent) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
-        Instead, use \`export const default = () => ({ component: AppComponent });\`
-        or
-        \`\`\`
-        export const Primary: StoryFn = () => ({});
-        Primary.parameters = { component: AppComponent };
-        \`\`\`
-        Read more at 
-        - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).
-        - https://storybook.js.org/docs/angular/writing-stories/parameters
-      `);
-const getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedComponent, targetSelector, }, storyProps$) => {
-    const { component: storyComponent, props, styles, moduleMetadata = {} } = storyFnAngular;
-    let { template } = storyFnAngular;
-    if (storyComponent) {
-        deprecatedStoryComponentWarning();
-    }
-    const component = storyComponent ?? annotatedComponent;
-    if (hasNoTemplate(template) && component) {
-        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, props, '');
-    }
+const getStorybookModuleMetadata = ({ storyFnAngular, component, targetSelector, }, storyProps$) => {
+    const { props, styles, moduleMetadata = {} } = storyFnAngular;
+    const { template } = storyFnAngular;
     /**
      * Create a component that wraps generated template and gives it props
      */
@@ -76,6 +52,3 @@ const createStorybookModule = (ngModule) => {
     return StorybookModule;
 };
 exports.createStorybookModule = createStorybookModule;
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}

package/dist/types/client/decorateStory.js

@@ -40,7 +40,7 @@ const cleanArgsDecorator = (storyFn, context) => {
     context.args = Object.entries(argsToClean).reduce((obj, [key, arg]) => {
         const argType = context.argTypes[key];
         // Only keeps args with a control or an action in argTypes
-        if (argType.action || argType.control) {
+        if (argType?.action || argType?.control) {
             return { ...obj, [key]: arg };
         }
         return obj;

package/dist/types/preset.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.typescript = exports.core = exports.previewAnnotations = exports.addons = void 0;
 const path_1 = __importDefault(require("path"));
 exports.addons = [
-    require.resolve('./server/framework-preset-angular'),
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),
     require.resolve('./server/framework-preset-angular-docs'),

package/dist/types/server/framework-preset-angular-cli.js

@@ -30,13 +30,11 @@ exports.webpackFinal = void 0;
 const node_logger_1 = require("@storybook/node-logger");
 const architect_1 = require("@angular-devkit/architect");
 const find_up_1 = require("find-up");
-const semver_1 = __importDefault(require("@storybook/semver"));
+const semver_1 = __importDefault(require("semver"));
 const ts_dedent_1 = require("ts-dedent");
 const core_1 = require("@angular-devkit/core");
 const module_is_available_1 = require("./utils/module-is-available");
-const angular_cli_webpack_12_2_x_1 = require("./angular-cli-webpack-12.2.x");
 const angular_cli_webpack_13_x_x_1 = require("./angular-cli-webpack-13.x.x");
-const angular_cli_webpack_older_1 = require("./angular-cli-webpack-older");
 const angular_read_workspace_1 = require("./angular-read-workspace");
 async function webpackFinal(baseConfig, options) {
     if (!(0, module_is_available_1.moduleIsAvailable)('@angular-devkit/build-angular')) {
@@ -65,23 +63,6 @@ async function webpackFinal(baseConfig, options) {
                 });
             },
         },
-        {
-            info: '=> Loading angular-cli config for angular 12.2.x',
-            condition: semver_1.default.satisfies(angularCliVersion, '12.2.x') && options.angularBuilderContext,
-            getWebpackConfig: async (_baseConfig, _options) => {
-                const builderContext = getBuilderContext(_options);
-                const builderOptions = await getBuilderOptions(_options, builderContext);
-                return (0, angular_cli_webpack_12_2_x_1.getWebpackConfig)(_baseConfig, {
-                    builderOptions,
-                    builderContext,
-                });
-            },
-        },
-        {
-            info: '=> Loading angular-cli config for angular lower than 12.2.0',
-            condition: true,
-            getWebpackConfig: angular_cli_webpack_older_1.getWebpackConfig,
-        },
     ];
     const webpackGetter = webpackGetterByVersions.find((wg) => wg.condition);
     node_logger_1.logger.info(webpackGetter.info);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.35",
+  "version": "7.0.0-alpha.38",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,22 +34,22 @@
     "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.35",
-    "@storybook/api": "7.0.0-alpha.35",
-    "@storybook/builder-webpack5": "7.0.0-alpha.35",
-    "@storybook/client-logger": "7.0.0-alpha.35",
-    "@storybook/core-client": "7.0.0-alpha.35",
-    "@storybook/core-common": "7.0.0-alpha.35",
-    "@storybook/core-events": "7.0.0-alpha.35",
-    "@storybook/core-server": "7.0.0-alpha.35",
-    "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.35",
-    "@storybook/node-logger": "7.0.0-alpha.35",
-    "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.35",
-    "@types/node": "^14.14.20 || ^16.0.0",
+    "@storybook/addons": "7.0.0-alpha.38",
+    "@storybook/api": "7.0.0-alpha.38",
+    "@storybook/builder-webpack5": "7.0.0-alpha.38",
+    "@storybook/client-logger": "7.0.0-alpha.38",
+    "@storybook/core-client": "7.0.0-alpha.38",
+    "@storybook/core-common": "7.0.0-alpha.38",
+    "@storybook/core-events": "7.0.0-alpha.38",
+    "@storybook/core-server": "7.0.0-alpha.38",
+    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/docs-tools": "7.0.0-alpha.38",
+    "@storybook/node-logger": "7.0.0-alpha.38",
+    "@storybook/store": "7.0.0-alpha.38",
+    "@types/node": "^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
+    "@types/semver": "^7.3.4",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
     "find-up": "^5.0.0",
@@ -64,6 +64,7 @@
     "react-dom": "^16.14.0",
     "read-pkg-up": "^7.0.1",
     "sass-loader": "^12.6.0",
+    "semver": "^7.3.7",
     "telejson": "^6.0.8",
     "ts-dedent": "^2.0.0",
     "ts-loader": "^9.2.8",
@@ -94,20 +95,21 @@
     "jest-specific-snapshot": "^5.0.0",
     "tmp": "^0.2.1",
     "typescript": "~4.6.3",
-    "webpack": "5"
+    "webpack": "5",
+    "zone.js": "^0.11.0"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": ">=0.8.9",
-    "@angular-devkit/build-angular": ">=0.8.9 || >= 12.0.0",
-    "@angular-devkit/core": "^0.6.1 || >=7.0.0",
-    "@angular/cli": ">=6.0.0",
-    "@angular/common": ">=6.0.0",
-    "@angular/compiler": ">=6.0.0",
-    "@angular/compiler-cli": ">=6.0.0",
-    "@angular/core": ">=6.0.0",
-    "@angular/forms": ">=6.0.0",
-    "@angular/platform-browser": ">=6.0.0",
-    "@angular/platform-browser-dynamic": ">=6.0.0",
+    "@angular-devkit/architect": ">=0.1300.0",
+    "@angular-devkit/build-angular": ">=13.0.0",
+    "@angular-devkit/core": ">=13.0.0",
+    "@angular/cli": ">=13.0.0",
+    "@angular/common": ">=13.0.0",
+    "@angular/compiler": ">=13.0.0",
+    "@angular/compiler-cli": ">=13.0.0",
+    "@angular/core": ">=13.0.0",
+    "@angular/forms": ">=13.0.0",
+    "@angular/platform-browser": ">=13.0.0",
+    "@angular/platform-browser-dynamic": ">=13.0.0",
     "@babel/core": "*",
     "@nrwl/workspace": "14.6.1",
     "rxjs": "^6.0.0 || ^7.4.0",
@@ -129,5 +131,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
+  "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431"
 }

package/dist/types/server/angular-cli-webpack-12.2.x.d.ts

@@ -1 +0,0 @@
-export function getWebpackConfig(baseConfig: any, { builderOptions, builderContext }: any): Promise<any>;

package/dist/types/server/angular-cli-webpack-12.2.x.js

@@ -1,66 +0,0 @@
-// Private angular devkit stuff
-const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
-const { getCommonConfig, getStylesConfig, getTypeScriptConfig, } = require('@angular-devkit/build-angular/src/webpack/configs');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
-/**
- * Extract webpack config from angular-cli 12.2.x
- * ⚠️ This file is in JavaScript to not use TypeScript. Because current storybook TypeScript version is not compatible with Angular CLI.
- * FIXME: Try another way with TypeScript on future storybook version (7 maybe 🤞)
- *
- * @param {*} baseConfig Previous webpack config from storybook
- * @param {*} options { builderOptions, builderContext }
- */
-exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }) => {
-    /**
-     * Get angular-cli Webpack config
-     */
-    const { config: cliConfig } = await generateI18nBrowserWebpackConfigFromContext({
-        // Default options
-        index: 'noop-index',
-        main: 'noop-main',
-        outputPath: 'noop-out',
-        // Options provided by user
-        ...builderOptions,
-        // Fixed options
-        optimization: false,
-        namedChunks: false,
-        progress: false,
-        buildOptimizer: false,
-        aot: false,
-    }, builderContext, (wco) => [getCommonConfig(wco), getStylesConfig(wco), getTypeScriptConfig(wco)]);
-    /**
-     * Merge baseConfig Webpack with angular-cli Webpack
-     */
-    const entry = [
-        ...baseConfig.entry,
-        ...(cliConfig.entry.styles ?? []),
-        ...(cliConfig.entry.polyfills ?? []),
-    ];
-    // Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
-    // because @angular-devkit/build-angular created rules have include/exclude for global style files.
-    const rulesExcludingStyles = filterOutStylingRules(baseConfig);
-    const module = {
-        ...baseConfig.module,
-        rules: [...cliConfig.module.rules, ...rulesExcludingStyles],
-    };
-    const plugins = [...(cliConfig.plugins ?? []), ...baseConfig.plugins];
-    const resolve = {
-        ...baseConfig.resolve,
-        modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
-        plugins: [
-            new TsconfigPathsPlugin({
-                configFile: builderOptions.tsConfig,
-                mainFields: ['browser', 'module', 'main'],
-            }),
-        ],
-    };
-    return {
-        ...baseConfig,
-        entry,
-        module,
-        plugins,
-        resolve,
-        resolveLoader: cliConfig.resolveLoader,
-    };
-};

package/dist/types/server/angular-cli-webpack-older.d.ts

@@ -1,6 +0,0 @@
-import webpack, { Configuration } from 'webpack';
-import type { PresetOptions } from './preset-options';
-/**
- * Old way currently support version lower than 12.2.x
- */
-export declare function getWebpackConfig(baseConfig: webpack.Configuration, options: PresetOptions): Promise<Configuration>;

package/dist/types/server/angular-cli-webpack-older.js

@@ -1,110 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWebpackConfig = void 0;
-const node_logger_1 = require("@storybook/node-logger");
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const architect_1 = require("@angular-devkit/architect");
-const angular_read_workspace_1 = require("./angular-read-workspace");
-const angular_devkit_build_webpack_1 = require("./angular-devkit-build-webpack");
-const filter_out_styling_rules_1 = require("./utils/filter-out-styling-rules");
-/**
- * Old way currently support version lower than 12.2.x
- */
-async function getWebpackConfig(baseConfig, options) {
-    const dirToSearch = process.cwd();
-    // Read angular workspace
-    let workspaceConfig;
-    try {
-        workspaceConfig = await (0, angular_read_workspace_1.readAngularWorkspaceConfig)(dirToSearch);
-    }
-    catch (error) {
-        node_logger_1.logger.error(`=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`);
-        node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-        return baseConfig;
-    }
-    // Find angular project target
-    let project;
-    let target;
-    let confName;
-    try {
-        // Default behavior when `angularBrowserTarget` are not explicitly defined to null
-        if (options.angularBrowserTarget !== null) {
-            const browserTarget = options.angularBrowserTarget
-                ? (0, architect_1.targetFromTargetString)(options.angularBrowserTarget)
-                : {
-                    configuration: undefined,
-                    project: (0, angular_read_workspace_1.getDefaultProjectName)(workspaceConfig),
-                    target: 'build',
-                };
-            const fondProject = (0, angular_read_workspace_1.findAngularProjectTarget)(workspaceConfig, browserTarget.project, browserTarget.target);
-            project = fondProject.project;
-            target = fondProject.target;
-            confName = browserTarget.configuration;
-            node_logger_1.logger.info(`=> Using angular project "${browserTarget.project}:${browserTarget.target}${confName ? `:${confName}` : ''}" for configuring Storybook`);
-        }
-        // Start storybook when only tsConfig is provided.
-        if (options.angularBrowserTarget === null && options.tsConfig) {
-            node_logger_1.logger.info(`=> Using default angular project with "tsConfig:${options.tsConfig}"`);
-            project = { root: '', extensions: {}, targets: undefined };
-            target = { builder: '', options: { tsConfig: options.tsConfig } };
-        }
-    }
-    catch (error) {
-        node_logger_1.logger.error(`=> Could not find angular project: ${error.message}`);
-        node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-        return baseConfig;
-    }
-    // Use angular-cli to get some webpack config
-    let angularCliWebpackConfig;
-    try {
-        angularCliWebpackConfig = await (0, angular_devkit_build_webpack_1.extractAngularCliWebpackConfig)(dirToSearch, project, target, confName);
-        node_logger_1.logger.info(`=> Using angular-cli webpack config`);
-    }
-    catch (error) {
-        node_logger_1.logger.error(`=> Could not get angular cli webpack config`);
-        throw error;
-    }
-    return mergeAngularCliWebpackConfig(angularCliWebpackConfig, baseConfig);
-}
-exports.getWebpackConfig = getWebpackConfig;
-function mergeAngularCliWebpackConfig({ cliCommonWebpackConfig, cliStyleWebpackConfig, tsConfigPath }, baseConfig) {
-    // Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
-    // because @angular-devkit/build-angular created rules have include/exclude for global style files.
-    const rulesExcludingStyles = (0, filter_out_styling_rules_1.filterOutStylingRules)(baseConfig);
-    // styleWebpackConfig.entry adds global style files to the webpack context
-    const entry = [
-        ...baseConfig.entry,
-        ...Object.values(cliStyleWebpackConfig.entry).reduce((acc, item) => acc.concat(item), []),
-    ];
-    const module = {
-        ...baseConfig.module,
-        rules: [...cliStyleWebpackConfig.module.rules, ...rulesExcludingStyles],
-    };
-    // We use cliCommonConfig plugins to serve static assets files.
-    const plugins = [
-        ...cliStyleWebpackConfig.plugins,
-        ...cliCommonWebpackConfig.plugins,
-        ...baseConfig.plugins,
-    ];
-    const resolve = {
-        ...baseConfig.resolve,
-        modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliCommonWebpackConfig.resolve.modules])),
-        plugins: [
-            new tsconfig_paths_webpack_plugin_1.default({
-                configFile: tsConfigPath,
-                mainFields: ['browser', 'module', 'main'],
-            }),
-        ],
-    };
-    return {
-        ...baseConfig,
-        entry,
-        module,
-        plugins,
-        resolve,
-        resolveLoader: cliCommonWebpackConfig.resolveLoader,
-    };
-}

package/dist/types/server/angular-devkit-build-webpack.d.ts

@@ -1,30 +0,0 @@
-/**
- * This file is to be watched !
- * The code must be compatible from @angular-devkit version 6.1.0 to the latest supported
- *
- * It uses code block of angular cli to extract parts of webpack configuration
- */
-import { Configuration } from 'webpack';
-import { workspaces } from '@angular-devkit/core';
-export declare type AngularCliWebpackConfig = {
-    cliCommonWebpackConfig: {
-        plugins: Configuration['plugins'];
-        resolve: {
-            modules: string[];
-        };
-        resolveLoader: Configuration['resolveLoader'];
-    };
-    cliStyleWebpackConfig: {
-        entry: Configuration['entry'];
-        module: {
-            rules: Configuration['module']['rules'];
-        };
-        plugins: Configuration['plugins'];
-    };
-    tsConfigPath: string;
-};
-/**
- * Uses angular cli to extract webpack configuration.
- * The `AngularCliWebpackConfig` type lists the parts used by storybook
- */
-export declare function extractAngularCliWebpackConfig(dirToSearch: string, project: workspaces.ProjectDefinition, target: workspaces.TargetDefinition, confName?: string): Promise<AngularCliWebpackConfig>;

package/dist/types/server/angular-devkit-build-webpack.js

@@ -1,161 +0,0 @@
-"use strict";
-/**
- * This file is to be watched !
- * The code must be compatible from @angular-devkit version 6.1.0 to the latest supported
- *
- * It uses code block of angular cli to extract parts of webpack configuration
- */
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractAngularCliWebpackConfig = void 0;
-const path_1 = __importDefault(require("path"));
-const core_1 = require("@angular-devkit/core");
-const node_1 = require("@angular-devkit/core/node");
-const module_is_available_1 = require("./utils/module-is-available");
-const normalize_asset_patterns_1 = require("./utils/normalize-asset-patterns");
-const normalize_optimization_1 = require("./utils/normalize-optimization");
-const importAngularCliWebpackConfigGenerator = () => {
-    let angularWebpackConfig;
-    // First we look for webpack config according to directory structure of Angular 11
-    if ((0, module_is_available_1.moduleIsAvailable)('@angular-devkit/build-angular/src/webpack/configs')) {
-        // eslint-disable-next-line global-require
-        angularWebpackConfig = require('@angular-devkit/build-angular/src/webpack/configs');
-    }
-    // We fallback on directory structure of Angular 10 (and below)
-    else if ((0, module_is_available_1.moduleIsAvailable)('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs')) {
-        // eslint-disable-next-line global-require
-        angularWebpackConfig = require('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs');
-    }
-    else {
-        throw new Error('Webpack config not found in "@angular-devkit/build-angular"');
-    }
-    return {
-        getCommonConfig: angularWebpackConfig.getCommonConfig,
-        getStylesConfig: angularWebpackConfig.getStylesConfig,
-    };
-};
-const importAngularCliReadTsconfigUtil = () => {
-    // First we look for webpack config according to directory structure of Angular 11
-    if ((0, module_is_available_1.moduleIsAvailable)('@angular-devkit/build-angular/src/utils/read-tsconfig')) {
-        // eslint-disable-next-line global-require
-        return require('@angular-devkit/build-angular/src/utils/read-tsconfig');
-    }
-    // We fallback on directory structure of Angular 10 (and below)
-    if ((0, module_is_available_1.moduleIsAvailable)('@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig')) {
-        // eslint-disable-next-line global-require
-        return require('@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig');
-    }
-    throw new Error('ReadTsconfig not found in "@angular-devkit/build-angular"');
-};
-const buildWebpackConfigOptions = async (dirToSearch, project, target, confName) => {
-    let conf = {};
-    if (confName) {
-        if (!target.configurations) {
-            throw new Error('Missing "configurations" section in project target');
-        }
-        if (!target.configurations[confName]) {
-            throw new Error(`Missing required configuration in project target. Check "${confName}"`);
-        }
-        conf = target.configurations[confName];
-    }
-    const projectBuildOptions = { ...target.options, ...conf };
-    const requiredOptions = ['tsConfig'];
-    if (!requiredOptions.every((key) => !!projectBuildOptions[key])) {
-        throw new Error(`Missing required options in project target. Check "${requiredOptions.join(', ')}"`);
-    }
-    const workspaceRootNormalized = (0, core_1.normalize)(dirToSearch);
-    const projectRootNormalized = (0, core_1.resolve)(workspaceRootNormalized, (0, core_1.normalize)(project.root || ''));
-    const sourceRootNormalized = project.sourceRoot
-        ? (0, core_1.resolve)(workspaceRootNormalized, (0, core_1.normalize)(project.sourceRoot))
-        : undefined;
-    const tsConfigPath = path_1.default.resolve((0, core_1.getSystemPath)(workspaceRootNormalized), projectBuildOptions.tsConfig);
-    const tsConfig = await importAngularCliReadTsconfigUtil().readTsconfig(tsConfigPath);
-    const ts = await Promise.resolve().then(() => __importStar(require('typescript')));
-    const scriptTarget = tsConfig.options.target || ts.ScriptTarget.ES5;
-    const buildOptions = {
-        // Default options
-        budgets: [],
-        fileReplacements: [],
-        main: '',
-        outputPath: 'dist/storybook-angular',
-        scripts: [],
-        sourceMap: {},
-        styles: [],
-        // Deleted in angular 12. Keep for compatibility with versions lower than angular 12
-        lazyModules: [],
-        // Project Options
-        ...projectBuildOptions,
-        assets: (0, normalize_asset_patterns_1.normalizeAssetPatterns)(projectBuildOptions.assets || [], workspaceRootNormalized, projectRootNormalized, sourceRootNormalized),
-        optimization: (0, normalize_optimization_1.normalizeOptimization)(projectBuildOptions.optimization),
-        // Forced options
-        statsJson: false,
-        // Deleted in angular 12. Keep for compatibility with versions lower than angular 12
-        // @ts-expect-error (Converted from ts-ignore)
-        forkTypeChecker: false,
-    };
-    return {
-        projectName: 'this-is-just-a-fake-name-for-getting-rid-of-the-error',
-        root: (0, core_1.getSystemPath)(workspaceRootNormalized),
-        // The dependency of `@angular-devkit/build-angular` to `@angular-devkit/core` is not exactly the same version as the one for storybook (node modules of node modules ^^)
-        logger: (0, node_1.createConsoleLogger)(),
-        projectRoot: (0, core_1.getSystemPath)(projectRootNormalized),
-        sourceRoot: sourceRootNormalized ? (0, core_1.getSystemPath)(sourceRootNormalized) : undefined,
-        buildOptions,
-        tsConfig,
-        tsConfigPath,
-        scriptTarget,
-    };
-};
-/**
- * Uses angular cli to extract webpack configuration.
- * The `AngularCliWebpackConfig` type lists the parts used by storybook
- */
-async function extractAngularCliWebpackConfig(dirToSearch, project, target, confName) {
-    const { getCommonConfig, getStylesConfig } = importAngularCliWebpackConfigGenerator();
-    const webpackConfigOptions = await buildWebpackConfigOptions(dirToSearch, project, target, confName);
-    const cliCommonConfig = getCommonConfig(webpackConfigOptions);
-    const cliStyleConfig = getStylesConfig(webpackConfigOptions);
-    return {
-        cliCommonWebpackConfig: {
-            plugins: cliCommonConfig.plugins,
-            resolve: {
-                modules: cliCommonConfig.resolve?.modules,
-            },
-            resolveLoader: cliCommonConfig.resolveLoader,
-        },
-        cliStyleWebpackConfig: {
-            entry: cliStyleConfig.entry,
-            module: {
-                rules: [...cliStyleConfig.module.rules],
-            },
-            plugins: cliStyleConfig.plugins,
-        },
-        tsConfigPath: webpackConfigOptions.tsConfigPath,
-    };
-}
-exports.extractAngularCliWebpackConfig = extractAngularCliWebpackConfig;

package/dist/types/server/create-fork-ts-checker-plugin.d.ts

@@ -1,3 +0,0 @@
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import { Options } from 'ts-loader';
-export default function (tsLoaderOptions: Partial<Options>): ForkTsCheckerWebpackPlugin;

package/dist/types/server/create-fork-ts-checker-plugin.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable func-names */
-const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const node_logger_1 = require("@storybook/node-logger");
-function default_1(tsLoaderOptions) {
-    if (tsLoaderOptions && tsLoaderOptions.configFile) {
-        return new fork_ts_checker_webpack_plugin_1.default({
-            typescript: { configFile: tsLoaderOptions.configFile },
-            async: true,
-        });
-    }
-    node_logger_1.logger.info('=> Using default options for ForkTsCheckerWebpackPlugin');
-    return new fork_ts_checker_webpack_plugin_1.default();
-}
-exports.default = default_1;

package/dist/types/server/framework-preset-angular.d.ts

@@ -1,5 +0,0 @@
-import { Configuration } from 'webpack';
-export declare function webpack(config: Configuration, { configDir, angularBuilderContext }: {
-    configDir: string;
-    angularBuilderContext: any;
-}): Promise<Configuration>;

package/dist/types/server/framework-preset-angular.js

@@ -1,103 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpack = void 0;
-const path_1 = __importDefault(require("path"));
-const semver_1 = __importDefault(require("@storybook/semver"));
-const webpack_1 = require("webpack");
-const autoprefixer_1 = __importDefault(require("autoprefixer"));
-const ts_config_1 = __importDefault(require("./ts_config"));
-const create_fork_ts_checker_plugin_1 = __importDefault(require("./create-fork-ts-checker-plugin"));
-async function webpack(config, { configDir, angularBuilderContext }) {
-    try {
-        // Disable all this webpack stuff if we use angular-cli >= 12
-        // Angular cli is in charge of doing all the necessary for angular. If there is any additional configuration to add, it must be done in the preset angular-cli versioned.
-        const angularCliVersion = await Promise.resolve().then(() => __importStar(require('@angular/cli'))).then((m) => semver_1.default.coerce(m.VERSION.full));
-        if ((semver_1.default.satisfies(angularCliVersion, '12.2.x') && angularBuilderContext) ||
-            semver_1.default.satisfies(angularCliVersion, '>=13.0.0')) {
-            return config;
-        }
-    }
-    catch (error) {
-        // do nothing, continue
-    }
-    const tsLoaderOptions = (0, ts_config_1.default)(configDir);
-    return {
-        ...config,
-        module: {
-            ...config.module,
-            rules: [
-                ...config.module.rules,
-                {
-                    test: /\.tsx?$/,
-                    use: [
-                        {
-                            loader: require.resolve('ts-loader'),
-                            options: tsLoaderOptions,
-                        },
-                        { loader: path_1.default.resolve(__dirname, 'ngx-template-loader') },
-                    ],
-                },
-                {
-                    test: /[/\\]@angular[/\\]core[/\\].+\.js$/,
-                    parser: { system: false },
-                },
-                {
-                    test: /\.html$/,
-                    loader: require.resolve('raw-loader'),
-                    exclude: /\.async\.html$/,
-                },
-                {
-                    test: /\.s(c|a)ss$/,
-                    use: [
-                        { loader: require.resolve('raw-loader') },
-                        {
-                            loader: require.resolve('postcss-loader'),
-                            options: {
-                                postcssOptions: {
-                                    plugins: [(0, autoprefixer_1.default)()],
-                                },
-                            },
-                        },
-                        { loader: require.resolve('sass-loader') },
-                    ],
-                },
-            ],
-        },
-        resolve: {
-            ...config.resolve,
-        },
-        plugins: [
-            ...config.plugins,
-            // See https://github.com/angular/angular/issues/11580#issuecomment-401127742
-            new webpack_1.ContextReplacementPlugin(/@angular(\\|\/)core(\\|\/)(fesm5|bundles)/, path_1.default.resolve(__dirname, '..')),
-            (0, create_fork_ts_checker_plugin_1.default)(tsLoaderOptions),
-        ],
-    };
-}
-exports.webpack = webpack;

package/dist/types/server/ngx-template-loader/index.d.ts

@@ -1 +0,0 @@
-export default function (source: string): string;

package/dist/types/server/ngx-template-loader/index.js

@@ -1,46 +0,0 @@
-"use strict";
-/*
- * By the time this file was added the repository for angular2-template-loader received no updates in 3 years
- * This is just a copy of https://github.com/TheLarkInn/angular2-template-loader/blob/master/index.js in order
- * to fix a bug that prevents Storybook from updating raw-loader > ^1.0.0
- *
- * As suggested in https://github.com/storybookjs/storybook/issues/7877#issuecomment-536556755 this code was
- * modified to be compatible with newer versions of raw-loader as well as backwards compatible with raw-loader ^1.0.0
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-// using: regex, capture groups, and capture group variables.
-const templateUrlRegex = /templateUrl\s*:(\s*['"`](.*?)['"`]\s*([,}]))/gm;
-const stylesRegex = /styleUrls *:(\s*\[[^\]]*?\])/g;
-const stringRegex = /(['`"])((?:[^\\]\\\1|.)*?)\1/g;
-const replaceStringsWithRequires = (string) => {
-    return string.replace(stringRegex, (match, quote, url) => {
-        let newUrl = url;
-        if (url.charAt(0) !== '.') {
-            newUrl = `./${url}`;
-        }
-        const requireString = `(require('${newUrl}').default || require('${newUrl}'))`;
-        // without the length check an empty style file will throw
-        // "Expected 'styles' to be an array of strings"
-        return `${requireString}.length ? ${requireString} : ''`;
-    });
-};
-function default_1(source) {
-    const styleProperty = 'styles';
-    const templateProperty = 'template';
-    return source
-        .replace(templateUrlRegex, (_, templateUrlString) => {
-        // replace: templateUrl: './path/to/template.html'
-        // with: template: require('./path/to/template.html')
-        // or: templateUrl: require('./path/to/template.html')
-        // if `keepUrl` query parameter is set to true.
-        return `${templateProperty}:${replaceStringsWithRequires(templateUrlString)}`;
-    })
-        .replace(stylesRegex, (_, styleUrlsString) => {
-        // replace: stylesUrl: ['./foo.css', "./baz.css", "./index.component.css"]
-        // with: styles: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
-        // or: styleUrls: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
-        // if `keepUrl` query parameter is set to true.
-        return `${styleProperty}:${replaceStringsWithRequires(styleUrlsString)}`;
-    });
-}
-exports.default = default_1;

package/dist/types/server/ts_config.d.ts

@@ -1,2 +0,0 @@
-import { Options } from 'ts-loader';
-export default function (configDir: string): Partial<Options>;

package/dist/types/server/ts_config.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const node_logger_1 = require("@storybook/node-logger");
-function resolveTsConfig(tsConfigPath) {
-    if (fs_1.default.existsSync(tsConfigPath)) {
-        node_logger_1.logger.info('=> Found custom tsconfig.json');
-        return tsConfigPath;
-    }
-    return undefined;
-}
-function default_1(configDir) {
-    const tsLoaderOptions = {
-        transpileOnly: true,
-        compilerOptions: {
-            emitDecoratorMetadata: true,
-        },
-    };
-    const configFilePath = resolveTsConfig(path_1.default.resolve(configDir, 'tsconfig.json'));
-    if (configFilePath)
-        tsLoaderOptions.configFile = configFilePath;
-    return tsLoaderOptions;
-}
-exports.default = default_1;