@storybook/angular 7.0.0-beta.4 → 7.0.0-beta.41

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

@@ -1,20 +1,9 @@
 "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;
-};
 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 StorybookProvider_1 = require("./StorybookProvider");
-const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
-const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
+exports.getApplication = void 0;
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const getStorybookModuleMetadata = ({ storyFnAngular, component, targetSelector, }, storyProps$) => {
+const getApplication = ({ storyFnAngular, component, targetSelector, }) => {
     const { props, styles, moduleMetadata = {} } = storyFnAngular;
     let { template } = storyFnAngular;
     const hasTemplate = !hasNoTemplate(template);
@@ -24,39 +13,9 @@ const getStorybookModuleMetadata = ({ storyFnAngular, component, targetSelector,
     /**
      * Create a component that wraps generated template and gives it props
      */
-    const ComponentToInject = (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)(targetSelector, template, component, styles, props);
-    const isStandalone = (0, NgComponentAnalyzer_1.isStandaloneComponent)(component);
-    // Look recursively (deep) if the component is not already declared by an import module
-    const requiresComponentDeclaration = (0, NgComponentAnalyzer_1.isDeclarable)(component) &&
-        !(0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(component, moduleMetadata.declarations, moduleMetadata.imports) &&
-        !isStandalone;
-    return {
-        declarations: [
-            ...(requiresComponentDeclaration ? [component] : []),
-            ComponentToInject,
-            ...(moduleMetadata.declarations ?? []),
-        ],
-        imports: [
-            platform_browser_1.BrowserModule,
-            ...(isStandalone ? [component] : []),
-            ...(moduleMetadata.imports ?? []),
-        ],
-        providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$), ...(moduleMetadata.providers ?? [])],
-        entryComponents: [...(moduleMetadata.entryComponents ?? [])],
-        schemas: [...(moduleMetadata.schemas ?? [])],
-        bootstrap: [ComponentToInject],
-    };
-};
-exports.getStorybookModuleMetadata = getStorybookModuleMetadata;
-const createStorybookModule = (ngModule) => {
-    let StorybookModule = class StorybookModule {
-    };
-    StorybookModule = __decorate([
-        (0, core_1.NgModule)(ngModule)
-    ], StorybookModule);
-    return StorybookModule;
+    return (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)(targetSelector, template, component, styles, moduleMetadata, props);
 };
-exports.createStorybookModule = createStorybookModule;
+exports.getApplication = getApplication;
 function hasNoTemplate(template) {
     return template === null || template === undefined;
 }

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,13 @@ 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 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 PropertyExtractor_1 = require("./utils/PropertyExtractor");
 const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
     const inputs = ngComponentInputsOutputs.inputs
         .filter((i) => i.templateName in props)
@@ -27,16 +28,39 @@ const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
         .map((o) => o.templateName);
     return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
 };
+// component modules cache
+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 imports = (0, PropertyExtractor_1.extractImports)(moduleMetadata);
+    const declarations = (0, PropertyExtractor_1.extractDeclarations)(moduleMetadata, storyComponent);
+    const providers = (0, PropertyExtractor_1.extractProviders)(moduleMetadata);
+    // Only create a new module if it doesn't already exist
+    // This is to prevent the module from being recreated on every story change
+    // Declarations & Imports are only added once
+    // Providers are added on every story change to allow for story-specific providers
+    let ngModule = exports.componentNgModules.get(storyComponent);
+    if (!ngModule) {
+        let StorybookComponentModule = class StorybookComponentModule {
+        };
+        StorybookComponentModule = __decorate([
+            (0, core_1.NgModule)({
+                declarations,
+                imports,
+                exports: [...declarations, ...imports],
+            })
+        ], StorybookComponentModule);
+        exports.componentNgModules.set(storyComponent, StorybookComponentModule);
+        ngModule = exports.componentNgModules.get(storyComponent);
+    }
     let StorybookWrapperComponent = class StorybookWrapperComponent {
         constructor(storyProps$, changeDetectorRef) {
             this.storyProps$ = storyProps$;
@@ -104,7 +128,11 @@ const createStorybookWrapperComponent = (selector, template, storyComponent, sty
         (0, core_1.Component)({
             selector,
             template,
+            standalone: true,
+            imports: [ngModule],
+            providers,
             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/__testfixtures__/test.module.d.ts

@@ -0,0 +1,4 @@
+export declare class WithAnimationsModule {
+}
+export declare class WithOfficialModule {
+}

package/dist/client/angular-beta/__testfixtures__/test.module.js

@@ -0,0 +1,34 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithOfficialModule = exports.WithAnimationsModule = void 0;
+const common_1 = require("@angular/common");
+const http_1 = require("@angular/common/http");
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const animations_1 = require("@angular/platform-browser/animations");
+let WithAnimationsModule = class WithAnimationsModule {
+};
+WithAnimationsModule = __decorate([
+    (0, core_1.NgModule)({
+        imports: [
+            //
+            platform_browser_1.BrowserModule,
+            animations_1.BrowserAnimationsModule,
+        ],
+    })
+], WithAnimationsModule);
+exports.WithAnimationsModule = WithAnimationsModule;
+let WithOfficialModule = class WithOfficialModule {
+};
+WithOfficialModule = __decorate([
+    (0, core_1.NgModule)({
+        imports: [common_1.CommonModule, http_1.HttpClientModule],
+    })
+], WithOfficialModule);
+exports.WithOfficialModule = WithOfficialModule;

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/angular-beta/utils/NgModulesAnalyzer.d.ts

@@ -3,4 +3,4 @@
  *
  * Checks recursively if the component has already been declared in all import Module
  */
-export declare const isComponentAlreadyDeclaredInModules: (componentToFind: any, moduleDeclarations: any[], moduleImports: any[]) => boolean;
+export declare const isComponentAlreadyDeclared: (componentToFind: any, moduleDeclarations: any[], moduleImports: any[]) => boolean;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isComponentAlreadyDeclaredInModules = void 0;
+exports.isComponentAlreadyDeclared = void 0;
 const core_1 = require("@angular/core");
 const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
@@ -8,7 +8,7 @@ const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
  *
  * Checks recursively if the component has already been declared in all import Module
  */
-const isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclarations, moduleImports) => {
+const isComponentAlreadyDeclared = (componentToFind, moduleDeclarations, moduleImports) => {
     if (moduleDeclarations &&
         moduleDeclarations.some((declaration) => declaration === componentToFind)) {
         // Found component in declarations array
@@ -23,10 +23,10 @@ const isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclarations
             // Not an NgModule
             return false;
         }
-        return (0, exports.isComponentAlreadyDeclaredInModules)(componentToFind, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
+        return (0, exports.isComponentAlreadyDeclared)(componentToFind, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
     });
 };
-exports.isComponentAlreadyDeclaredInModules = isComponentAlreadyDeclaredInModules;
+exports.isComponentAlreadyDeclared = isComponentAlreadyDeclared;
 const extractNgModuleMetadata = (importItem) => {
     const target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
     const decorators = reflectionCapabilities.annotations(target);

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

@@ -12,12 +12,12 @@ const AlphaModule = (0, core_1.NgModule)({ imports: [BetaModule] })(class {
 });
 describe('isComponentAlreadyDeclaredInModules', () => {
     it('should return true when the component is already declared in one of modules', () => {
-        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(FooComponent, [], [AlphaModule])).toEqual(true);
+        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclared)(FooComponent, [], [AlphaModule])).toEqual(true);
     });
     it('should return true if the component is in moduleDeclarations', () => {
-        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(BarComponent, [BarComponent], [AlphaModule])).toEqual(true);
+        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclared)(BarComponent, [BarComponent], [AlphaModule])).toEqual(true);
     });
     it('should return false if the component is not declared', () => {
-        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(BarComponent, [], [AlphaModule])).toEqual(false);
+        expect((0, NgModulesAnalyzer_1.isComponentAlreadyDeclared)(BarComponent, [], [AlphaModule])).toEqual(false);
     });
 });

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

@@ -0,0 +1,50 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { NgModuleMetadata } from '../../types';
+export declare const REMOVED_MODULES: InjectionToken<unknown>;
+/**
+ * Analyze NgModule Metadata
+ *
+ * - Removes Restricted Imports
+ * - Extracts providers from ModuleWithProviders
+ * - Flattens imports
+ * - Returns a new NgModuleMetadata object
+ *
+ *
+ */
+export declare const analyzeMetadata: (metadata: NgModuleMetadata) => {
+    imports: any;
+    providers: any[];
+    singletons: any[];
+    declarations: any[];
+    entryComponents?: any[];
+    schemas?: any[];
+};
+/**
+ * Extract Imports from NgModule
+ *
+ * CommonModule is always imported
+ * Only standalone components are imported
+ *
+ */
+export declare const extractImports: (metadata: NgModuleMetadata) => any[];
+/**
+ * Extract providers from NgModule
+ *
+ * - A new array is returned with:
+ *   - metadata.providers
+ *   - providers from each **ModuleWithProviders** (e.g. forRoot() & forChild() )
+ *
+ *
+ */
+export declare const extractProviders: (metadata: NgModuleMetadata) => Provider[];
+export declare const extractSingletons: (metadata: NgModuleMetadata) => Provider[];
+/**
+ * Extract declarations from NgModule
+ *
+ * - If a story component is provided, it will be added to the declarations array if:
+ *    - It is a component or directive or pipe
+ *    - It is not already declared
+ *    - It is not a standalone component
+ *
+ */
+export declare const extractDeclarations: (metadata: NgModuleMetadata, storyComponent?: any) => any[];