@storybook/angular 6.5.9 → 7.0.0-alpha.10

package/dist/ts3.9/client/docs/prepareForInline.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PartialStoryFn } from '@storybook/csf';
-import { AngularFramework, StoryContext } from '..';
-/**
- * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
- */
-export declare const prepareForInline: (storyFn: PartialStoryFn<AngularFramework>, { id, parameters, component }: StoryContext) => React.DetailedReactHTMLElement<React.HTMLAttributes<undefined>, undefined>;

package/dist/ts3.9/client/docs/prepareForInline.js

@@ -1,45 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.prepareForInline = void 0;
-const react_1 = __importDefault(require("react"));
-const p_limit_1 = __importDefault(require("p-limit"));
-const nanoid_1 = require("nanoid");
-const renderer_1 = require("../../renderer");
-const limit = p_limit_1.default(1);
-/**
- * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
- */
-exports.prepareForInline = (storyFn, { id, parameters, component }) => {
-    const el = react_1.default.useRef();
-    react_1.default.useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            limit(() => __awaiter(void 0, void 0, void 0, function* () {
-                const renderer = yield renderer_1.rendererFactory.getRendererInstance(`${id}-${nanoid_1.nanoid(10)}`.toLowerCase(), el.current);
-                if (renderer) {
-                    yield renderer.render({
-                        forced: false,
-                        component,
-                        parameters,
-                        storyFnAngular: storyFn(),
-                        targetDOMNode: el.current,
-                    });
-                }
-            }));
-        }))();
-    });
-    return react_1.default.createElement('div', {
-        ref: el,
-    });
-};

package/dist/ts3.9/client/index.d.ts

@@ -1,4 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
-export * from './preview/types-6-0';
-export type { StoryFnAngularReturnType as IStory } from './preview/types';
-export { moduleMetadata, componentWrapperDecorator } from './preview/decorators';

package/dist/ts3.9/client/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var preview_1 = require("./preview");
-Object.defineProperty(exports, "storiesOf", { enumerable: true, get: function () { return preview_1.storiesOf; } });
-Object.defineProperty(exports, "setAddon", { enumerable: true, get: function () { return preview_1.setAddon; } });
-Object.defineProperty(exports, "addDecorator", { enumerable: true, get: function () { return preview_1.addDecorator; } });
-Object.defineProperty(exports, "addParameters", { enumerable: true, get: function () { return preview_1.addParameters; } });
-Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return preview_1.configure; } });
-Object.defineProperty(exports, "getStorybook", { enumerable: true, get: function () { return preview_1.getStorybook; } });
-Object.defineProperty(exports, "forceReRender", { enumerable: true, get: function () { return preview_1.forceReRender; } });
-Object.defineProperty(exports, "raw", { enumerable: true, get: function () { return preview_1.raw; } });
-__exportStar(require("./preview/types-6-0"), exports);
-var decorators_1 = require("./preview/decorators");
-Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: function () { return decorators_1.moduleMetadata; } });
-Object.defineProperty(exports, "componentWrapperDecorator", { enumerable: true, get: function () { return decorators_1.componentWrapperDecorator; } });
-if (module && module.hot && module.hot.decline) {
-    module.hot.decline();
-}

package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.js

@@ -1,34 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CanvasRenderer = void 0;
-const AbstractRenderer_1 = require("./AbstractRenderer");
-class CanvasRenderer extends AbstractRenderer_1.AbstractRenderer {
-    render(options) {
-        const _super = Object.create(null, {
-            render: { get: () => super.render }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            yield _super.render.call(this, options);
-        });
-    }
-    beforeFullRender() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield CanvasRenderer.resetPlatformBrowserDynamic();
-        });
-    }
-    afterFullRender() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
-        });
-    }
-}
-exports.CanvasRenderer = CanvasRenderer;

package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.js

@@ -1,59 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocsRenderer = void 0;
-const addons_1 = require("@storybook/addons");
-const core_events_1 = __importDefault(require("@storybook/core-events"));
-const AbstractRenderer_1 = require("./AbstractRenderer");
-class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
-    render(options) {
-        const _super = Object.create(null, {
-            render: { get: () => super.render }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            const channel = addons_1.addons.getChannel();
-            /**
-             * Destroy and recreate the PlatformBrowserDynamic of angular
-             * For several stories to be rendered in the same docs we should
-             * not destroy angular between each rendering but do it when the
-             * rendered stories are not needed anymore.
-             *
-             * Note for improvement: currently there is one event per story
-             * rendered in the doc. But one event could be enough for the whole docs
-             *
-             */
-            channel.once(core_events_1.default.STORY_CHANGED, () => __awaiter(this, void 0, void 0, function* () {
-                yield DocsRenderer.resetPlatformBrowserDynamic();
-            }));
-            /**
-             * Destroy and recreate the PlatformBrowserDynamic of angular
-             * when doc re render. Allows to call ngOnDestroy of angular
-             * for previous component
-             */
-            channel.once(core_events_1.default.DOCS_RENDERED, () => __awaiter(this, void 0, void 0, function* () {
-                yield DocsRenderer.resetPlatformBrowserDynamic();
-            }));
-            yield _super.render.call(this, Object.assign(Object.assign({}, options), { forced: false }));
-        });
-    }
-    beforeFullRender() {
-        return __awaiter(this, void 0, void 0, function* () { });
-    }
-    afterFullRender() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
-        });
-    }
-}
-exports.DocsRenderer = DocsRenderer;

package/dist/ts3.9/client/preview/angular-beta/RendererFactory.js

@@ -1,65 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearRootHTMLElement = exports.getRenderType = exports.RendererFactory = void 0;
-const AbstractRenderer_1 = require("./AbstractRenderer");
-const DocsRenderer_1 = require("./DocsRenderer");
-const CanvasRenderer_1 = require("./CanvasRenderer");
-class RendererFactory {
-    constructor() {
-        this.rendererMap = new Map();
-    }
-    getRendererInstance(storyId, targetDOMNode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // do nothing if the target node is null
-            // fix a problem when the docs asks 2 times the same component at the same time
-            // the 1st targetDOMNode of the 1st requested rendering becomes null 🤷‍♂️
-            if (targetDOMNode === null) {
-                return null;
-            }
-            const renderType = exports.getRenderType(targetDOMNode);
-            // keep only instances of the same type
-            if (this.lastRenderType && this.lastRenderType !== renderType) {
-                yield AbstractRenderer_1.AbstractRenderer.resetPlatformBrowserDynamic();
-                clearRootHTMLElement(renderType);
-                this.rendererMap.clear();
-            }
-            if (!this.rendererMap.has(storyId)) {
-                this.rendererMap.set(storyId, this.buildRenderer(storyId, renderType));
-            }
-            this.lastRenderType = renderType;
-            return this.rendererMap.get(storyId);
-        });
-    }
-    buildRenderer(storyId, renderType) {
-        if (renderType === 'docs') {
-            return new DocsRenderer_1.DocsRenderer(storyId);
-        }
-        return new CanvasRenderer_1.CanvasRenderer(storyId);
-    }
-}
-exports.RendererFactory = RendererFactory;
-exports.getRenderType = (targetDOMNode) => {
-    return targetDOMNode.id === 'root' ? 'canvas' : 'docs';
-};
-function clearRootHTMLElement(renderType) {
-    switch (renderType) {
-        case 'canvas':
-            global.document.getElementById('docs-root').innerHTML = '';
-            break;
-        case 'docs':
-            global.document.getElementById('root').innerHTML = '';
-            break;
-        default:
-            break;
-    }
-}
-exports.clearRootHTMLElement = clearRootHTMLElement;

package/dist/ts3.9/client/preview/globals.d.ts

@@ -1 +0,0 @@
-import './angular-polyfills';

package/dist/ts3.9/client/preview/globals.js

@@ -1,9 +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 global_1 = __importDefault(require("global"));
-require("./angular-polyfills");
-const { window: globalWindow } = global_1.default;
-globalWindow.STORYBOOK_ENV = 'angular';

package/dist/ts3.9/client/preview/index.js

@@ -1,27 +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.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
-const core_1 = require("@storybook/core");
-require("./globals");
-const render_1 = require("./render");
-const decorateStory_1 = __importDefault(require("./decorateStory"));
-const framework = 'angular';
-const api = core_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
-exports.storiesOf = (kind, m) => {
-    return api.clientApi.storiesOf(kind, m).addParameters({
-        framework,
-    });
-};
-exports.configure = (...args) => api.configure(framework, ...args);
-exports.addDecorator = api.clientApi
-    .addDecorator;
-exports.addParameters = api.clientApi
-    .addParameters;
-exports.clearDecorators = api.clientApi.clearDecorators;
-exports.setAddon = api.clientApi.setAddon;
-exports.forceReRender = api.forceReRender;
-exports.getStorybook = api.clientApi.getStorybook;
-exports.raw = api.clientApi.raw;

package/dist/ts3.9/client/preview/render.js

@@ -1,34 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
-const helpers_1 = require("./angular/helpers");
-const RendererFactory_1 = require("./angular-beta/RendererFactory");
-exports.rendererFactory = new RendererFactory_1.RendererFactory();
-exports.render = (props) => ({ props });
-function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }, element) {
-    return __awaiter(this, void 0, void 0, function* () {
-        showMain();
-        if (parameters.angularLegacyRendering) {
-            helpers_1.renderNgApp(storyFn, !forceRemount);
-            return;
-        }
-        const renderer = yield exports.rendererFactory.getRendererInstance(id, element);
-        yield renderer.render({
-            storyFnAngular: storyFn(),
-            component,
-            parameters,
-            forced: !forceRemount,
-            targetDOMNode: element,
-        });
-    });
-}
-exports.renderToDOM = renderToDOM;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -1,9 +0,0 @@
-import type { Args } from '@storybook/csf';
-import type { StoryObj } from './types-6-0';
-export type { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.9/demo/button.component.d.ts

@@ -1,5 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export default class ButtonComponent {
-    text: string;
-    onClick: EventEmitter<any>;
-}

package/dist/ts3.9/demo/button.component.js

@@ -1,46 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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 __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular/core");
-let ButtonComponent = class ButtonComponent {
-    constructor() {
-        this.text = '';
-        this.onClick = new core_1.EventEmitter();
-    }
-};
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Object)
-], ButtonComponent.prototype, "text", void 0);
-__decorate([
-    core_1.Output(),
-    __metadata("design:type", Object)
-], ButtonComponent.prototype, "onClick", void 0);
-ButtonComponent = __decorate([
-    core_1.Component({
-        selector: 'storybook-button-component',
-        template: ` <button (click)="onClick.emit($event)">{{ text }}</button> `,
-        styles: [
-            `
-      button {
-        border: 1px solid #eee;
-        border-radius: 3px;
-        background-color: #ffffff;
-        cursor: pointer;
-        font-size: 15px;
-        padding: 3px 10px;
-        margin: 10px;
-      }
-    `,
-        ],
-    })
-], ButtonComponent);
-exports.default = ButtonComponent;

package/dist/ts3.9/demo/welcome.component.d.ts

@@ -1,4 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export default class WelcomeComponent {
-    showApp: EventEmitter<any>;
-}

package/dist/ts3.9/demo/welcome.component.js

@@ -1,99 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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 __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular/core");
-let WelcomeComponent = class WelcomeComponent {
-    constructor() {
-        this.showApp = new core_1.EventEmitter();
-    }
-};
-__decorate([
-    core_1.Output(),
-    __metadata("design:type", Object)
-], WelcomeComponent.prototype, "showApp", void 0);
-WelcomeComponent = __decorate([
-    core_1.Component({
-        selector: 'storybook-welcome-component',
-        template: `
-    <main>
-      <h1>Welcome to storybook</h1>
-      <p>This is a UI component dev environment for your app.</p>
-      <p>
-        We've added some basic stories inside the
-        <span class="inline-code">src/stories</span> directory. <br />
-        A story is a single state of one or more UI components. You can have as many stories as you
-        want. <br />
-        (Basically a story is like a visual test case.)
-      </p>
-      <p>
-        See these sample
-        <a (click)="showApp.emit($event)" role="button" tabIndex="0">stories</a> for a component
-        called <span class="inline-code">Button</span> .
-      </p>
-      <p>
-        Just like that, you can add your own components as stories. <br />
-        You can also edit those components and see changes right away. <br />
-        (Try editing the <span class="inline-code">Button</span> stories located at
-        <span class="inline-code">src/stories/index.js</span>.)
-      </p>
-      <p>
-        Usually we create stories with smaller UI components in the app.<br />
-        Have a look at the
-        <a
-          href="https://storybook.js.org/basics/writing-stories"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Writing Stories
-        </a>
-        section in our documentation.
-      </p>
-      <p class="note">
-        <b>NOTE:</b> <br />
-        Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add
-        webpack loaders and plugins you are using in this project.
-      </p>
-    </main>
-  `,
-        styles: [
-            `
-      main {
-        padding: 15px;
-        line-height: 1.4;
-        font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-        background-color: #ffffff;
-      }
-
-      .note {
-        opacity: 0.5;
-      }
-
-      .inline-code {
-        font-size: 15px;
-        font-weight: 600;
-        padding: 2px 5px;
-        border: 1px solid #eae9e9;
-        border-radius: 4px;
-        background-color: #f3f2f2;
-        color: #3a3a3a;
-      }
-
-      a {
-        color: #1474f3;
-        text-decoration: none;
-        border-bottom: 1px solid #1474f3;
-        padding-bottom: 2px;
-      }
-    `,
-        ],
-    })
-], WelcomeComponent);
-exports.default = WelcomeComponent;

package/dist/ts3.9/public_api.d.ts

@@ -1 +0,0 @@
-export * from './client';

package/dist/ts3.9/renderer.d.ts

@@ -1,4 +0,0 @@
-export { computesTemplateSourceFromComponent } from './client/preview/angular-beta/ComputesTemplateFromComponent';
-export { rendererFactory } from './client/preview/render';
-export { AbstractRenderer } from './client/preview/angular-beta/AbstractRenderer';
-export { getStorybookModuleMetadata } from './client/preview/angular-beta/StorybookModule';

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

@@ -1,56 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-// 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 = (baseConfig, { builderOptions, builderContext }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    /**
-     * Get angular-cli Webpack config
-     */
-    const { config: cliConfig } = yield generateI18nBrowserWebpackConfigFromContext(Object.assign(Object.assign({ 
-        // Default options
-        index: 'noop-index', main: 'noop-main', outputPath: 'noop-out' }, 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,
-        ...((_a = cliConfig.entry.styles) !== null && _a !== void 0 ? _a : []),
-        ...((_b = cliConfig.entry.polyfills) !== null && _b !== void 0 ? _b : []),
-    ];
-    // 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 = Object.assign(Object.assign({}, baseConfig.module), { rules: [...cliConfig.module.rules, ...rulesExcludingStyles] });
-    const plugins = [...((_c = cliConfig.plugins) !== null && _c !== void 0 ? _c : []), ...baseConfig.plugins];
-    const resolve = Object.assign(Object.assign({}, baseConfig.resolve), { modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])), plugins: [
-            new TsconfigPathsPlugin({
-                configFile: builderOptions.tsConfig,
-                mainFields: ['browser', 'module', 'main'],
-            }),
-        ] });
-    return Object.assign(Object.assign({}, baseConfig), { entry,
-        module,
-        plugins,
-        resolve, resolveLoader: cliConfig.resolveLoader });
-});

package/dist/ts3.9/server/angular-cli-webpack-13.x.x.js

@@ -1,60 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-// Private angular devkit stuff
-const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
-const { getCommonConfig, getStylesConfig, getDevServerConfig, 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 13.x.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 = (baseConfig, { builderOptions, builderContext }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    /**
-     * Get angular-cli Webpack config
-     */
-    const { config: cliConfig } = yield generateI18nBrowserWebpackConfigFromContext(Object.assign(Object.assign({ 
-        // Default options
-        index: 'noop-index', main: 'noop-main', outputPath: 'noop-out' }, builderOptions), { 
-        // Fixed options
-        optimization: false, namedChunks: false, progress: false, buildOptimizer: false, aot: false }), builderContext, (wco) => [
-        getCommonConfig(wco),
-        getStylesConfig(wco),
-        getTypeScriptConfig ? getTypeScriptConfig(wco) : getDevServerConfig(wco),
-    ]);
-    /**
-     * Merge baseConfig Webpack with angular-cli Webpack
-     */
-    const entry = [
-        ...baseConfig.entry,
-        ...((_a = cliConfig.entry.styles) !== null && _a !== void 0 ? _a : []),
-        ...((_b = cliConfig.entry.polyfills) !== null && _b !== void 0 ? _b : []),
-    ];
-    // 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 = Object.assign(Object.assign({}, baseConfig.module), { rules: [...cliConfig.module.rules, ...rulesExcludingStyles] });
-    const plugins = [...((_c = cliConfig.plugins) !== null && _c !== void 0 ? _c : []), ...baseConfig.plugins];
-    const resolve = Object.assign(Object.assign({}, baseConfig.resolve), { modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])), plugins: [
-            new TsconfigPathsPlugin({
-                configFile: builderOptions.tsConfig,
-                mainFields: ['browser', 'module', 'main'],
-            }),
-        ] });
-    return Object.assign(Object.assign({}, baseConfig), { entry,
-        module,
-        plugins,
-        resolve, resolveLoader: cliConfig.resolveLoader });
-});