@storybook/angular 7.0.0-beta.3 → 7.0.0-beta.30

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

@@ -11,9 +11,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@angular/core");
 const testing_1 = require("@angular/core/testing");
-const platform_browser_1 = require("@angular/platform-browser");
 const rxjs_1 = require("rxjs");
 const StorybookModule_1 = require("./StorybookModule");
+const StorybookProvider_1 = require("./StorybookProvider");
 describe('StorybookModule', () => {
     describe('getStorybookModuleMetadata', () => {
         describe('with simple component', () => {
@@ -70,12 +70,15 @@ describe('StorybookModule', () => {
                     localProperty: 'localProperty',
                     localFunction: () => 'localFunction',
                 };
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: { props },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, new rxjs_1.BehaviorSubject(props));
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
+                });
                 fixture.detectChanges();
                 expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(props.input);
                 expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(props.inputBindingPropertyName);
@@ -93,12 +96,15 @@ describe('StorybookModule', () => {
                         expectedOutputBindingValue = value;
                     },
                 };
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: { props },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, new rxjs_1.BehaviorSubject(props));
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
+                });
                 fixture.detectChanges();
                 fixture.nativeElement.querySelector('p#output').click();
                 fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
@@ -111,12 +117,15 @@ describe('StorybookModule', () => {
                     inputBindingPropertyName: '',
                 };
                 const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: { props: initialProps },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, storyProps$);
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
+                });
                 fixture.detectChanges();
                 expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
                 expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual('');
@@ -146,12 +155,15 @@ describe('StorybookModule', () => {
                     },
                 };
                 const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: { props: initialProps },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, storyProps$);
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
+                });
                 fixture.detectChanges();
                 const newProps = {
                     input: 'new input',
@@ -176,15 +188,18 @@ describe('StorybookModule', () => {
                     input: 'input',
                 };
                 const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: {
                         props: initialProps,
                         template: '<p [style.color]="color"><foo [input]="input"></foo></p>',
                     },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, storyProps$);
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
+                });
                 fixture.detectChanges();
                 expect(fixture.nativeElement.querySelector('p').style.color).toEqual('red');
                 expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
@@ -202,12 +217,15 @@ describe('StorybookModule', () => {
                     setter: 'init',
                 };
                 const storyProps$ = new rxjs_1.BehaviorSubject(initialProps);
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: { props: initialProps },
                     component: FooComponent,
                     targetSelector: 'my-selector',
-                }, storyProps$);
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$)],
+                });
                 fixture.detectChanges();
                 expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
                 const newProps = {
@@ -228,15 +246,18 @@ describe('StorybookModule', () => {
             ], WithoutSelectorComponent);
             it('should display the component', async () => {
                 const props = {};
-                const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+                const application = (0, StorybookModule_1.getApplication)({
                     storyFnAngular: {
                         props,
                         moduleMetadata: { entryComponents: [WithoutSelectorComponent] },
                     },
                     component: WithoutSelectorComponent,
                     targetSelector: 'my-selector',
-                }, new rxjs_1.BehaviorSubject(props));
-                const { fixture } = await configureTestingModule(ngModule);
+                });
+                const { fixture } = await configureTestingModule({
+                    imports: [application],
+                    providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject(props))],
+                });
                 fixture.detectChanges();
                 expect(fixture.nativeElement.innerHTML).toContain('The content');
             });
@@ -250,28 +271,22 @@ describe('StorybookModule', () => {
                     template: `Should not be displayed`,
                 })
             ], FooComponent);
-            const ngModule = (0, StorybookModule_1.getStorybookModuleMetadata)({
+            const application = (0, StorybookModule_1.getApplication)({
                 storyFnAngular: { template: '' },
                 component: FooComponent,
                 targetSelector: 'my-selector',
-            }, new rxjs_1.BehaviorSubject({}));
-            const { fixture } = await configureTestingModule(ngModule);
+            });
+            const { fixture } = await configureTestingModule({
+                imports: [application],
+                providers: [(0, StorybookProvider_1.storyPropsProvider)(new rxjs_1.BehaviorSubject({}))],
+            });
             fixture.detectChanges();
             expect(fixture.nativeElement.innerHTML).toEqual('');
         });
     });
     async function configureTestingModule(ngModule) {
-        await testing_1.TestBed.configureTestingModule({
-            declarations: ngModule.declarations,
-            providers: ngModule.providers,
-        })
-            .overrideModule(platform_browser_1.BrowserModule, {
-            set: {
-                entryComponents: [...ngModule.entryComponents],
-            },
-        })
-            .compileComponents();
-        const fixture = testing_1.TestBed.createComponent(ngModule.bootstrap[0]);
+        await testing_1.TestBed.configureTestingModule(ngModule).compileComponents();
+        const fixture = testing_1.TestBed.createComponent(ngModule.imports[0]);
         return {
             fixture,
         };

package/dist/client/angular-beta/StorybookWrapperComponent.d.ts

@@ -1,9 +1,10 @@
 import { Type } from '@angular/core';
-import { ICollection } from '../types';
+import { ICollection, NgModuleMetadata } from '../types';
+export declare const componentNgModules: Map<any, Type<any>>;
 /**
  * Wraps the story template into a component
  *
  * @param storyComponent
  * @param initialProps
  */
-export declare const createStorybookWrapperComponent: (selector: string, template: string, storyComponent: Type<unknown> | undefined, styles: string[], initialProps?: ICollection) => Type<any>;
+export declare const createStorybookWrapperComponent: (selector: string, template: string, storyComponent: Type<unknown> | undefined, styles: string[], moduleMetadata: NgModuleMetadata, initialProps?: ICollection) => Type<any>;

package/dist/client/angular-beta/StorybookWrapperComponent.js

@@ -12,12 +12,14 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStorybookWrapperComponent = void 0;
+exports.createStorybookWrapperComponent = exports.componentNgModules = void 0;
+const common_1 = require("@angular/common");
 const core_1 = require("@angular/core");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const StorybookProvider_1 = require("./StorybookProvider");
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
+const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
 const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
     const inputs = ngComponentInputsOutputs.inputs
         .filter((i) => i.templateName in props)
@@ -27,16 +29,51 @@ const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
         .map((o) => o.templateName);
     return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
 };
+exports.componentNgModules = new Map();
 /**
  * Wraps the story template into a component
  *
  * @param storyComponent
  * @param initialProps
  */
-const createStorybookWrapperComponent = (selector, template, storyComponent, styles, initialProps) => {
+const createStorybookWrapperComponent = (selector, template, storyComponent, styles, moduleMetadata, initialProps) => {
     // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
     // storyComponent was not provided.
     const viewChildSelector = storyComponent ?? '__storybook-noop';
+    const isStandalone = (0, NgComponentAnalyzer_1.isStandaloneComponent)(storyComponent);
+    // Look recursively (deep) if the component is not already declared by an import module
+    const requiresComponentDeclaration = (0, NgComponentAnalyzer_1.isDeclarable)(storyComponent) &&
+        !(0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(storyComponent, moduleMetadata.declarations, moduleMetadata.imports) &&
+        !isStandalone;
+    const providersNgModules = (moduleMetadata.providers ?? []).map((provider) => {
+        if (!exports.componentNgModules.get(provider)) {
+            let ProviderModule = class ProviderModule {
+            };
+            ProviderModule = __decorate([
+                (0, core_1.NgModule)({
+                    providers: [provider],
+                })
+            ], ProviderModule);
+            exports.componentNgModules.set(provider, ProviderModule);
+        }
+        return exports.componentNgModules.get(provider);
+    });
+    if (!exports.componentNgModules.get(storyComponent)) {
+        const declarations = [
+            ...(requiresComponentDeclaration ? [storyComponent] : []),
+            ...(moduleMetadata.declarations ?? []),
+        ];
+        let StorybookComponentModule = class StorybookComponentModule {
+        };
+        StorybookComponentModule = __decorate([
+            (0, core_1.NgModule)({
+                declarations,
+                imports: [common_1.CommonModule, ...(moduleMetadata.imports ?? [])],
+                exports: [...declarations, ...(moduleMetadata.imports ?? [])],
+            })
+        ], StorybookComponentModule);
+        exports.componentNgModules.set(storyComponent, StorybookComponentModule);
+    }
     let StorybookWrapperComponent = class StorybookWrapperComponent {
         constructor(storyProps$, changeDetectorRef) {
             this.storyProps$ = storyProps$;
@@ -104,7 +141,15 @@ const createStorybookWrapperComponent = (selector, template, storyComponent, sty
         (0, core_1.Component)({
             selector,
             template,
+            standalone: true,
+            imports: [
+                common_1.CommonModule,
+                exports.componentNgModules.get(storyComponent),
+                ...providersNgModules,
+                ...(isStandalone ? [storyComponent] : []),
+            ],
             styles,
+            schemas: moduleMetadata.schemas,
         }),
         __param(0, (0, core_1.Inject)(StorybookProvider_1.STORY_PROPS)),
         __metadata("design:paramtypes", [rxjs_1.Subject,

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

@@ -76,7 +76,7 @@ const isStandaloneComponent = (component) => {
     const decorators = reflectionCapabilities.annotations(component);
     // TODO: `standalone` is only available in Angular v14. Remove cast to `any` once
     // Angular deps are updated to v14.x.x.
-    return (decorators || []).some((d) => d instanceof core_1.Component && d.standalone);
+    return (decorators || []).some((d) => (d instanceof core_1.Component || d instanceof core_1.Directive || d instanceof core_1.Pipe) && d.standalone);
 };
 exports.isStandaloneComponent = isStandaloneComponent;
 /**

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

@@ -252,8 +252,6 @@ describe('isComponent', () => {
 });
 describe('isStandaloneComponent', () => {
     it('should return true with a Component with "standalone: true"', () => {
-        // TODO: `standalone` is only available in Angular v14. Remove cast to `any` once
-        // Angular deps are updated to v14.x.x.
         let FooComponent = class FooComponent {
         };
         FooComponent = __decorate([
@@ -262,8 +260,6 @@ describe('isStandaloneComponent', () => {
         expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooComponent)).toEqual(true);
     });
     it('should return false with a Component with "standalone: false"', () => {
-        // TODO: `standalone` is only available in Angular v14. Remove cast to `any` once
-        // Angular deps are updated to v14.x.x.
         let FooComponent = class FooComponent {
         };
         FooComponent = __decorate([
@@ -284,7 +280,23 @@ describe('isStandaloneComponent', () => {
         }
         expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooPipe)).toEqual(false);
     });
-    it('should return false with Directive', () => {
+    it('should return true with a Directive with "standalone: true"', () => {
+        let FooDirective = class FooDirective {
+        };
+        FooDirective = __decorate([
+            (0, core_1.Directive)({ standalone: true })
+        ], FooDirective);
+        expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooDirective)).toEqual(true);
+    });
+    it('should return false with a Directive with "standalone: false"', () => {
+        let FooDirective = class FooDirective {
+        };
+        FooDirective = __decorate([
+            (0, core_1.Directive)({ standalone: false })
+        ], FooDirective);
+        expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooDirective)).toEqual(false);
+    });
+    it('should return false with Directive without the "standalone" property', () => {
         let FooDirective = class FooDirective {
         };
         FooDirective = __decorate([
@@ -292,6 +304,32 @@ describe('isStandaloneComponent', () => {
         ], FooDirective);
         expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooDirective)).toEqual(false);
     });
+    it('should return true with a Pipe with "standalone: true"', () => {
+        let FooPipe = class FooPipe {
+        };
+        FooPipe = __decorate([
+            (0, core_1.Pipe)({ name: 'FooPipe', standalone: true })
+        ], FooPipe);
+        expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooPipe)).toEqual(true);
+    });
+    it('should return false with a Pipe with "standalone: false"', () => {
+        let FooPipe = class FooPipe {
+        };
+        FooPipe = __decorate([
+            (0, core_1.Pipe)({ name: 'FooPipe', standalone: false })
+        ], FooPipe);
+        expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooPipe)).toEqual(false);
+    });
+    it('should return false with Pipe without the "standalone" property', () => {
+        let FooPipe = class FooPipe {
+        };
+        FooPipe = __decorate([
+            (0, core_1.Pipe)({
+                name: 'fooPipe',
+            })
+        ], FooPipe);
+        expect((0, NgComponentAnalyzer_1.isStandaloneComponent)(FooPipe)).toEqual(false);
+    });
 });
 describe('getComponentDecoratorMetadata', () => {
     it('should return Component with a Component', () => {

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/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.
@@ -63,5 +60,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/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

@@ -29,8 +29,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;