@storybook/angular 7.0.0-beta.6 → 7.0.0-beta.60

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -0,0 +1,136 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyExtractor = exports.uniqueArray = exports.REMOVED_MODULES = exports.reflectionCapabilities = void 0;
+const common_1 = require("@angular/common");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const animations_1 = require("@angular/platform-browser/animations");
+const NgModulesAnalyzer_1 = require("./NgModulesAnalyzer");
+exports.reflectionCapabilities = new core_1.ɵReflectionCapabilities();
+exports.REMOVED_MODULES = new core_1.InjectionToken('REMOVED_MODULES');
+const uniqueArray = (arr) => {
+    return arr
+        .flat(Number.MAX_VALUE)
+        .filter(Boolean)
+        .filter((value, index, self) => self.indexOf(value) === index);
+};
+exports.uniqueArray = uniqueArray;
+class PropertyExtractor {
+    /* eslint-enable @typescript-eslint/lines-between-class-members */
+    constructor(metadata, component) {
+        this.metadata = metadata;
+        this.component = component;
+        /* eslint-disable @typescript-eslint/lines-between-class-members */
+        this.declarations = [];
+        /**
+         * Analyze NgModule Metadata
+         *
+         * - Removes Restricted Imports
+         * - Extracts providers from ModuleWithProviders
+         * - Flattens imports
+         * - Returns a new NgModuleMetadata object
+         *
+         *
+         */
+        this.analyzeMetadata = (metadata) => {
+            const declarations = [...(metadata?.declarations || [])];
+            const providers = [...(metadata?.providers || [])];
+            const singletons = [...(metadata?.singletons || [])];
+            const imports = [...(metadata?.imports || [])].reduce((acc, imported) => {
+                // remove ngModule and use only its providers if it is restricted
+                // (e.g. BrowserModule, BrowserAnimationsModule, NoopAnimationsModule, ...etc)
+                const [isRestricted, restrictedProviders] = PropertyExtractor.analyzeRestricted(imported);
+                if (isRestricted) {
+                    singletons.unshift(restrictedProviders || []);
+                    return acc;
+                }
+                acc.push(imported);
+                return acc;
+            }, []);
+            return { ...metadata, imports, providers, singletons, declarations };
+        };
+        this.init();
+    }
+    init() {
+        const analyzed = this.analyzeMetadata(this.metadata);
+        this.imports = (0, exports.uniqueArray)([common_1.CommonModule, analyzed.imports]);
+        this.providers = (0, exports.uniqueArray)(analyzed.providers);
+        this.singletons = (0, exports.uniqueArray)(analyzed.singletons);
+        this.declarations = (0, exports.uniqueArray)(analyzed.declarations);
+        if (this.component) {
+            const { isDeclarable, isStandalone } = PropertyExtractor.analyzeDecorators(this.component);
+            const isDeclared = (0, NgModulesAnalyzer_1.isComponentAlreadyDeclared)(this.component, analyzed.declarations, this.imports);
+            if (isStandalone) {
+                this.imports.push(this.component);
+            }
+            else if (isDeclarable && !isDeclared) {
+                this.declarations.push(this.component);
+            }
+        }
+    }
+}
+exports.PropertyExtractor = PropertyExtractor;
+_a = PropertyExtractor;
+PropertyExtractor.analyzeRestricted = (ngModule) => {
+    /**
+     * BrowserModule is restricted,
+     * because bootstrapApplication API, which mounts the component to the DOM,
+     * automatically imports BrowserModule
+     */
+    if (ngModule === platform_browser_1.BrowserModule) {
+        return [true];
+    }
+    /**
+     * BrowserAnimationsModule imports BrowserModule, which is restricted,
+     * because bootstrapApplication API, which mounts the component to the DOM,
+     * automatically imports BrowserModule
+     */
+    if (ngModule === animations_1.BrowserAnimationsModule) {
+        return [true, (0, animations_1.provideAnimations)()];
+    }
+    /**
+     * NoopAnimationsModule imports BrowserModule, which is restricted,
+     * because bootstrapApplication API, which mounts the component to the DOM,
+     * automatically imports BrowserModule
+     */
+    if (ngModule === animations_1.NoopAnimationsModule) {
+        return [true, (0, animations_1.provideNoopAnimations)()];
+    }
+    return [false];
+};
+PropertyExtractor.analyzeDecorators = (component) => {
+    const decorators = exports.reflectionCapabilities.annotations(component);
+    const isComponent = decorators.some((d) => _a.isDecoratorInstanceOf(d, 'Component'));
+    const isDirective = decorators.some((d) => _a.isDecoratorInstanceOf(d, 'Directive'));
+    const isPipe = decorators.some((d) => _a.isDecoratorInstanceOf(d, 'Pipe'));
+    const isDeclarable = isComponent || isDirective || isPipe;
+    const isStandalone = isComponent && decorators.some((d) => d.standalone);
+    return { isDeclarable, isStandalone };
+};
+PropertyExtractor.isDecoratorInstanceOf = (decorator, name) => {
+    let factory;
+    switch (name) {
+        case 'Component':
+            factory = core_1.Component;
+            break;
+        case 'Directive':
+            factory = core_1.Directive;
+            break;
+        case 'Pipe':
+            factory = core_1.Pipe;
+            break;
+        case 'Injectable':
+            factory = core_1.Injectable;
+            break;
+        case 'Input':
+            factory = core_1.Input;
+            break;
+        case 'Output':
+            factory = core_1.Output;
+            break;
+        default:
+            throw new Error(`Unknown decorator type: ${name}`);
+    }
+    return decorator instanceof factory || decorator.ngMetadataName === name;
+};

package/dist/client/angular-beta/utils/PropertyExtractor.test.d.ts

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

package/dist/client/angular-beta/utils/PropertyExtractor.test.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("@angular/common");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const animations_1 = require("@angular/platform-browser/animations");
+const PropertyExtractor_1 = require("./PropertyExtractor");
+const test_module_1 = require("../__testfixtures__/test.module");
+const TEST_TOKEN = new core_1.InjectionToken('testToken');
+const TestTokenProvider = { provide: TEST_TOKEN, useValue: 123 };
+const TestService = (0, core_1.Injectable)()(class {
+});
+const TestComponent1 = (0, core_1.Component)({})(class {
+});
+const TestComponent2 = (0, core_1.Component)({})(class {
+});
+const StandaloneTestComponent = (0, core_1.Component)({ standalone: true })(class {
+});
+const TestDirective = (0, core_1.Directive)({})(class {
+});
+const TestModuleWithDeclarations = (0, core_1.NgModule)({ declarations: [TestComponent1] })(class {
+});
+const TestModuleWithImportsAndProviders = (0, core_1.NgModule)({
+    imports: [TestModuleWithDeclarations],
+    providers: [TestTokenProvider],
+})(class {
+});
+const analyzeMetadata = (metadata, component) => {
+    return new PropertyExtractor_1.PropertyExtractor(metadata, component);
+};
+const extractImports = (metadata, component) => {
+    const { imports } = new PropertyExtractor_1.PropertyExtractor(metadata, component);
+    return imports;
+};
+const extractDeclarations = (metadata, component) => {
+    const { declarations } = new PropertyExtractor_1.PropertyExtractor(metadata, component);
+    return declarations;
+};
+const extractProviders = (metadata, component) => {
+    const { providers } = new PropertyExtractor_1.PropertyExtractor(metadata, component);
+    return providers;
+};
+const extractSingletons = (metadata, component) => {
+    const { singletons } = new PropertyExtractor_1.PropertyExtractor(metadata, component);
+    return singletons;
+};
+describe('PropertyExtractor', () => {
+    describe('analyzeMetadata', () => {
+        it('should remove BrowserModule', () => {
+            const metadata = {
+                imports: [platform_browser_1.BrowserModule],
+            };
+            const { imports, providers, singletons } = analyzeMetadata(metadata);
+            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            expect(singletons.flat(Number.MAX_VALUE)).toEqual([]);
+        });
+        it('should remove BrowserAnimationsModule and use its providers instead', () => {
+            const metadata = {
+                imports: [animations_1.BrowserAnimationsModule],
+            };
+            const { imports, providers, singletons } = analyzeMetadata(metadata);
+            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            expect(singletons.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
+        });
+        it('should remove NoopAnimationsModule and use its providers instead', () => {
+            const metadata = {
+                imports: [animations_1.NoopAnimationsModule],
+            };
+            const { imports, providers, singletons } = analyzeMetadata(metadata);
+            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            expect(singletons.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideNoopAnimations)());
+        });
+        it('should remove Browser/Animations modules recursively', () => {
+            const metadata = {
+                imports: [animations_1.BrowserAnimationsModule, platform_browser_1.BrowserModule],
+            };
+            const { imports, providers, singletons } = analyzeMetadata(metadata);
+            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule]);
+            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            expect(singletons.flat(Number.MAX_VALUE)).toEqual((0, animations_1.provideAnimations)());
+        });
+        it('should not destructure Angular official module', () => {
+            const metadata = {
+                imports: [test_module_1.WithOfficialModule],
+            };
+            const { imports, providers, singletons } = analyzeMetadata(metadata);
+            expect(imports.flat(Number.MAX_VALUE)).toEqual([common_1.CommonModule, test_module_1.WithOfficialModule]);
+            expect(providers.flat(Number.MAX_VALUE)).toEqual([]);
+            expect(singletons.flat(Number.MAX_VALUE)).toEqual([]);
+        });
+    });
+    describe('extractImports', () => {
+        it('should return Angular official modules', () => {
+            const imports = extractImports({ imports: [TestModuleWithImportsAndProviders] });
+            expect(imports).toEqual([common_1.CommonModule, TestModuleWithImportsAndProviders]);
+        });
+        it('should return standalone components', () => {
+            const imports = extractImports({
+                imports: [TestModuleWithImportsAndProviders],
+            }, StandaloneTestComponent);
+            expect(imports).toEqual([
+                common_1.CommonModule,
+                TestModuleWithImportsAndProviders,
+                StandaloneTestComponent,
+            ]);
+        });
+    });
+    describe('extractDeclarations', () => {
+        it('should return an array of declarations that contains `storyComponent`', () => {
+            const declarations = extractDeclarations({ declarations: [TestComponent1] }, TestComponent2);
+            expect(declarations).toEqual([TestComponent1, TestComponent2]);
+        });
+    });
+    describe('analyzeDecorators', () => {
+        it('isStandalone should be false', () => {
+            const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(TestComponent1);
+            expect(isStandalone).toBe(false);
+        });
+        it('isStandalone should be true', () => {
+            const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(StandaloneTestComponent);
+            expect(isStandalone).toBe(true);
+        });
+    });
+    describe('extractProviders', () => {
+        it('should return an array of providers', () => {
+            const providers = extractProviders({
+                providers: [TestService],
+            });
+            expect(providers).toEqual([TestService]);
+        });
+        it('should return an array of singletons extracted', () => {
+            const singeltons = extractSingletons({
+                imports: [animations_1.BrowserAnimationsModule],
+            });
+            expect(singeltons).toEqual((0, animations_1.provideAnimations)());
+        });
+    });
+});

package/dist/client/config.d.ts

@@ -2,5 +2,5 @@ import './globals';
 export { render, renderToCanvas } from './render';
 export { decorateStory as applyDecorators } from './decorateStory';
 export declare const parameters: {
-    framework: "angular";
+    renderer: "angular";
 };

package/dist/client/config.js

@@ -7,4 +7,4 @@ Object.defineProperty(exports, "render", { enumerable: true, get: function () {
 Object.defineProperty(exports, "renderToCanvas", { enumerable: true, get: function () { return render_1.renderToCanvas; } });
 var decorateStory_1 = require("./decorateStory");
 Object.defineProperty(exports, "applyDecorators", { enumerable: true, get: function () { return decorateStory_1.decorateStory; } });
-exports.parameters = { framework: 'angular' };
+exports.parameters = { renderer: 'angular' };

package/dist/client/decorateStory.js

@@ -19,7 +19,7 @@ exports.default = decorateStory;
 exports.decorateStory = decorateStory;
 const prepareMain = (story, context) => {
     let { template } = story;
-    const component = story.component ?? context.component;
+    const { component } = context;
     const userDefinedTemplate = !hasNoTemplate(template);
     if (!userDefinedTemplate && component) {
         template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, story.props, '');

package/dist/client/docs/compodoc.js

@@ -1,20 +1,18 @@
 "use strict";
-/* eslint-disable no-underscore-dangle */
-/* global window */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractComponentDescription = exports.extractArgTypes = exports.extractArgTypesFromData = exports.extractType = exports.findComponentByName = exports.checkValidCompodocJson = exports.checkValidComponentOrDirective = exports.getCompodocJson = exports.setCompodocJson = exports.isMethod = void 0;
+/* eslint-disable no-underscore-dangle */
+const global_1 = require("@storybook/global");
 const client_logger_1 = require("@storybook/client-logger");
 const isMethod = (methodOrProp) => {
     return methodOrProp.args !== undefined;
 };
 exports.isMethod = isMethod;
 const setCompodocJson = (compodocJson) => {
-    // @ts-expect-error (Converted from ts-ignore)
-    window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
+    global_1.global.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
 exports.setCompodocJson = setCompodocJson;
-// @ts-expect-error (Converted from ts-ignore)
-const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
+const getCompodocJson = () => global_1.global.__STORYBOOK_COMPODOC_JSON__;
 exports.getCompodocJson = getCompodocJson;
 const checkValidComponentOrDirective = (component) => {
     if (!component.name) {
@@ -167,7 +165,7 @@ const extractDefaultValueFromComments = (property, value) => {
     let commentValue = value;
     property.jsdoctags.forEach((tag) => {
         if (['default', 'defaultvalue'].includes(tag.tagName.escapedText)) {
-            const dom = new window.DOMParser().parseFromString(tag.comment, 'text/html');
+            const dom = new global_1.global.DOMParser().parseFromString(tag.comment, 'text/html');
             commentValue = dom.body.textContent;
         }
     });

package/dist/client/docs/config.js

@@ -6,8 +6,7 @@ const compodoc_1 = require("./compodoc");
 const sourceDecorator_1 = require("./sourceDecorator");
 exports.parameters = {
     docs: {
-        // probably set this to true by default once it's battle-tested
-        inlineStories: false,
+        story: { inline: true },
         extractArgTypes: compodoc_1.extractArgTypes,
         extractComponentDescription: compodoc_1.extractComponentDescription,
         source: {

package/dist/client/docs/sourceDecorator.js

@@ -31,7 +31,8 @@ const sourceDecorator = (storyFn, context) => {
     let toEmit;
     (0, preview_api_1.useEffect)(() => {
         if (toEmit) {
-            channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
+            const { id, args } = context;
+            channel.emit(docs_tools_1.SNIPPET_RENDERED, { id, args, source: toEmit, format: 'angular' });
         }
     });
     if (component && !userDefinedTemplate) {

package/dist/client/globals.d.ts

@@ -13,14 +13,6 @@
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-/** *************************************************************************************************
- * BROWSER POLYFILLS
- */
-/** IE9, IE10 and IE11 requires all of the following polyfills. * */
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-/** Evergreen browsers require these. * */
-import 'core-js/es/reflect';
-import 'core-js/proposals/reflect-metadata';
 /**
  * Required to support Web Animations `@angular/animation`.
  * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation

package/dist/client/globals.js

@@ -1,9 +1,6 @@
 "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"));
+const global_1 = require("@storybook/global");
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
@@ -19,29 +16,6 @@ const global_1 = __importDefault(require("global"));
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-/** *************************************************************************************************
- * BROWSER POLYFILLS
- */
-/** IE9, IE10 and IE11 requires all of the following polyfills. * */
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-/** Evergreen browsers require these. * */
-require("core-js/es/reflect");
-require("core-js/proposals/reflect-metadata");
 /**
  * Required to support Web Animations `@angular/animation`.
  * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
@@ -63,5 +37,4 @@ require("zone.js/dist/zone"); // Included with Angular CLI.
  * Need to import at least one locale-data with intl.
  */
 // import 'intl/locale-data/jsonp/en';
-const { window: globalWindow } = global_1.default;
-globalWindow.STORYBOOK_ENV = 'angular';
+global_1.global.STORYBOOK_ENV = 'angular';

package/dist/client/public-api.js

@@ -22,15 +22,15 @@ const core_client_1 = require("@storybook/core-client");
 const render_1 = require("./render");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
 __exportStar(require("./public-types"), exports);
-const FRAMEWORK = 'angular';
+const RENDERER = 'angular';
 const api = (0, core_client_1.start)(render_1.renderToCanvas, { decorateStory: decorateStory_1.default, render: render_1.render });
 const storiesOf = (kind, m) => {
     return api.clientApi.storiesOf(kind, m).addParameters({
-        framework: FRAMEWORK,
+        renderer: RENDERER,
     });
 };
 exports.storiesOf = storiesOf;
-const configure = (...args) => api.configure(FRAMEWORK, ...args);
+const configure = (...args) => api.configure(RENDERER, ...args);
 exports.configure = configure;
 exports.forceReRender = api.forceReRender;
 exports.raw = api.clientApi.raw;

package/dist/client/public-types.d.ts

@@ -1,4 +1,4 @@
-import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs } from '@storybook/types';
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs, ProjectAnnotations } from '@storybook/types';
 import { AngularRenderer } from './types';
 export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
 export type { Parameters as AngularParameters } from './types';
@@ -34,3 +34,4 @@ export type Story<TArgs = Args> = StoryFn<TArgs>;
 export type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
 export type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
 export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;
+export type Preview = ProjectAnnotations<AngularRenderer>;

package/dist/client/render.d.ts

@@ -1,3 +1,4 @@
+import '@angular/compiler';
 import { RenderContext, ArgsStoryFn } from '@storybook/types';
 import { AngularRenderer } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';

package/dist/client/render.js

@@ -1,17 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderToCanvas = exports.render = exports.rendererFactory = void 0;
-const helpers_1 = require("./angular/helpers");
+require("@angular/compiler");
 const RendererFactory_1 = require("./angular-beta/RendererFactory");
 exports.rendererFactory = new RendererFactory_1.RendererFactory();
 const render = (props) => ({ props });
 exports.render = render;
 async function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }, element) {
     showMain();
-    if (parameters.angularLegacyRendering) {
-        (0, helpers_1.renderNgApp)(storyFn, !forceRemount);
-        return;
-    }
     const renderer = await exports.rendererFactory.getRendererInstance(id, element);
     await renderer.render({
         storyFnAngular: storyFn(),

package/dist/client/types.d.ts

@@ -5,6 +5,7 @@ export interface NgModuleMetadata {
     imports?: any[];
     schemas?: any[];
     providers?: any[];
+    singletons?: any[];
 }
 export interface ICollection {
     [p: string]: any;
@@ -29,8 +30,6 @@ export interface AngularRenderer extends WebRenderer {
     storyResult: StoryFnAngularReturnType;
 }
 export type Parameters = DefaultParameters & {
-    /** Uses legacy angular rendering engine that use dynamic component */
-    angularLegacyRendering?: boolean;
     bootstrapModuleOptions?: unknown;
 };
 export type StoryContext = DefaultStoryContext<AngularRenderer> & {

package/dist/index.mjs

@@ -0,0 +1,13 @@
+export * from './client/index';
+export * from './types';
+/*
+ * ATTENTION:
+ * - moduleMetadata
+ * - NgModuleMetadata
+ * - ICollection
+ *
+ * These typings are coped out of decorators.d.ts and types.d.ts in order to fix a bug with tsc
+ * It was imported out of dist before which was not the proper way of exporting public API
+ *
+ * This can be fixed by migrating app/angular to typescript
+ */

package/dist/preset.mjs

@@ -0,0 +1,26 @@
+import path from 'path';
+export const addons = [
+    require.resolve('./server/framework-preset-angular-cli'),
+    require.resolve('./server/framework-preset-angular-ivy'),
+    require.resolve('./server/framework-preset-angular-docs'),
+];
+export const previewAnnotations = (entries = []) => [
+    ...entries,
+    require.resolve('./client/config'),
+];
+export const core = async (config, options) => {
+    const framework = await options.presets.apply('framework');
+    return {
+        ...config,
+        builder: {
+            name: path.dirname(require.resolve(path.join('@storybook/builder-webpack5', 'package.json'))),
+            options: typeof framework === 'string' ? {} : framework.options.builder || {},
+        },
+    };
+};
+export const typescript = async (config) => {
+    return {
+        ...config,
+        skipBabel: true,
+    };
+};

package/dist/renderer.d.ts

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

package/dist/renderer.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStorybookModuleMetadata = exports.AbstractRenderer = exports.rendererFactory = exports.computesTemplateSourceFromComponent = void 0;
+exports.getApplication = exports.AbstractRenderer = exports.rendererFactory = exports.computesTemplateSourceFromComponent = exports.storyPropsProvider = void 0;
+var StorybookProvider_1 = require("./client/angular-beta/StorybookProvider");
+Object.defineProperty(exports, "storyPropsProvider", { enumerable: true, get: function () { return StorybookProvider_1.storyPropsProvider; } });
 var ComputesTemplateFromComponent_1 = require("./client/angular-beta/ComputesTemplateFromComponent");
 Object.defineProperty(exports, "computesTemplateSourceFromComponent", { enumerable: true, get: function () { return ComputesTemplateFromComponent_1.computesTemplateSourceFromComponent; } });
 var render_1 = require("./client/render");
@@ -8,4 +10,4 @@ Object.defineProperty(exports, "rendererFactory", { enumerable: true, get: funct
 var AbstractRenderer_1 = require("./client/angular-beta/AbstractRenderer");
 Object.defineProperty(exports, "AbstractRenderer", { enumerable: true, get: function () { return AbstractRenderer_1.AbstractRenderer; } });
 var StorybookModule_1 = require("./client/angular-beta/StorybookModule");
-Object.defineProperty(exports, "getStorybookModuleMetadata", { enumerable: true, get: function () { return StorybookModule_1.getStorybookModuleMetadata; } });
+Object.defineProperty(exports, "getApplication", { enumerable: true, get: function () { return StorybookModule_1.getApplication; } });

package/dist/renderer.mjs

@@ -0,0 +1,5 @@
+export { storyPropsProvider } from './client/angular-beta/StorybookProvider';
+export { computesTemplateSourceFromComponent } from './client/angular-beta/ComputesTemplateFromComponent';
+export { rendererFactory } from './client/render';
+export { AbstractRenderer } from './client/angular-beta/AbstractRenderer';
+export { getApplication } from './client/angular-beta/StorybookModule';

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

@@ -1,3 +1,4 @@
 import webpack from 'webpack';
 import { PresetOptions } from './preset-options';
-export declare function webpackFinal(baseConfig: webpack.Configuration, options: PresetOptions): Promise<webpack.Configuration>;
+export declare function webpackFinal(baseConfig: webpack.Configuration, options: PresetOptions): Promise<any>;
+export declare const migrationToBuilderReferrenceMessage: string;