@storybook/angular 7.0.1 → 7.1.0-alpha.0

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

@@ -9,16 +9,16 @@ export declare abstract class AbstractRenderer {
     /**
      * Wait and destroy the platform
      */
-    static resetApplications(): void;
+    static resetApplications(domNode?: HTMLElement): void;
     /**
      * Reset compiled components because we often want to compile the same component with
      * more than one NgModule.
      */
     protected static resetCompiledComponents: () => Promise<void>;
-    protected previousStoryRenderInfo: StoryRenderInfo;
+    protected previousStoryRenderInfo: Map<HTMLElement, StoryRenderInfo>;
     protected storyProps$: Subject<ICollection | undefined>;
     constructor(storyId: string);
-    protected abstract beforeFullRender(): Promise<void>;
+    protected abstract beforeFullRender(domNode?: HTMLElement): Promise<void>;
     protected abstract afterFullRender(): Promise<void>;
     /**
      * Bootstrap main angular module with main component or send only new `props` with storyProps$

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

@@ -33,21 +33,22 @@ const StorybookModule_1 = require("./StorybookModule");
 const StorybookProvider_1 = require("./StorybookProvider");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const PropertyExtractor_1 = require("./utils/PropertyExtractor");
-const applicationRefs = new Set();
+const applicationRefs = new Map();
 class AbstractRenderer {
     /**
      * Wait and destroy the platform
      */
-    static resetApplications() {
+    static resetApplications(domNode) {
         StorybookWrapperComponent_1.componentNgModules.clear();
-        applicationRefs.forEach((appRef) => {
-            if (!appRef.destroyed) {
+        applicationRefs.forEach((appRef, appDOMNode) => {
+            if (!appRef.destroyed && (!domNode || appDOMNode === domNode)) {
                 appRef.destroy();
             }
         });
     }
     constructor(storyId) {
         this.storyId = storyId;
+        this.previousStoryRenderInfo = new Map();
         if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
             try {
                 // platform should be set after enableProdMode()
@@ -73,6 +74,7 @@ class AbstractRenderer {
         const targetSelector = this.generateTargetSelectorFromStoryId(targetDOMNode.id);
         const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
         if (!this.fullRendererRequired({
+            targetDOMNode,
             storyFnAngular,
             moduleMetadata: {
                 ...storyFnAngular.moduleMetadata,
@@ -82,7 +84,7 @@ class AbstractRenderer {
             this.storyProps$.next(storyFnAngular.props);
             return;
         }
-        await this.beforeFullRender();
+        await this.beforeFullRender(targetDOMNode);
         // Complete last BehaviorSubject and set a new one for the current module
         if (this.storyProps$) {
             this.storyProps$.complete();
@@ -104,7 +106,7 @@ class AbstractRenderer {
                 ...(storyFnAngular.applicationConfig?.providers ?? []),
             ],
         });
-        applicationRefs.add(applicationRef);
+        applicationRefs.set(targetDOMNode, applicationRef);
         await this.afterFullRender();
     }
     /**
@@ -130,13 +132,13 @@ class AbstractRenderer {
         targetDOMNode.innerHTML = '';
         targetDOMNode.appendChild(document.createElement(targetSelector));
     }
-    fullRendererRequired({ storyFnAngular, moduleMetadata, forced, }) {
-        const { previousStoryRenderInfo } = this;
+    fullRendererRequired({ targetDOMNode, storyFnAngular, moduleMetadata, forced, }) {
+        const previousStoryRenderInfo = this.previousStoryRenderInfo.get(targetDOMNode);
         const currentStoryRender = {
             storyFnAngular,
             moduleMetadataSnapshot: (0, telejson_1.stringify)(moduleMetadata),
         };
-        this.previousStoryRenderInfo = currentStoryRender;
+        this.previousStoryRenderInfo.set(targetDOMNode, currentStoryRender);
         if (
         // check `forceRender` of story RenderContext
         !forced ||

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

@@ -8,6 +8,6 @@ export declare class DocsRenderer extends AbstractRenderer {
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
-    beforeFullRender(): Promise<void>;
+    beforeFullRender(domNode?: HTMLElement): Promise<void>;
     afterFullRender(): Promise<void>;
 }

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

@@ -30,8 +30,8 @@ class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
         });
         await super.render({ ...options, forced: false });
     }
-    async beforeFullRender() {
-        DocsRenderer.resetApplications();
+    async beforeFullRender(domNode) {
+        DocsRenderer.resetApplications(domNode);
     }
     async afterFullRender() {
         await AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.1",
+  "version": "7.1.0-alpha.0",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -36,20 +36,20 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.1",
-    "@storybook/cli": "7.0.1",
-    "@storybook/client-logger": "7.0.1",
-    "@storybook/core-client": "7.0.1",
-    "@storybook/core-common": "7.0.1",
-    "@storybook/core-events": "7.0.1",
-    "@storybook/core-server": "7.0.1",
-    "@storybook/core-webpack": "7.0.1",
-    "@storybook/docs-tools": "7.0.1",
+    "@storybook/builder-webpack5": "7.1.0-alpha.0",
+    "@storybook/cli": "7.1.0-alpha.0",
+    "@storybook/client-logger": "7.1.0-alpha.0",
+    "@storybook/core-client": "7.1.0-alpha.0",
+    "@storybook/core-common": "7.1.0-alpha.0",
+    "@storybook/core-events": "7.1.0-alpha.0",
+    "@storybook/core-server": "7.1.0-alpha.0",
+    "@storybook/core-webpack": "7.1.0-alpha.0",
+    "@storybook/docs-tools": "7.1.0-alpha.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.0.1",
-    "@storybook/node-logger": "7.0.1",
-    "@storybook/preview-api": "7.0.1",
-    "@storybook/types": "7.0.1",
+    "@storybook/manager-api": "7.1.0-alpha.0",
+    "@storybook/node-logger": "7.1.0-alpha.0",
+    "@storybook/preview-api": "7.1.0-alpha.0",
+    "@storybook/types": "7.1.0-alpha.0",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -123,5 +123,5 @@
   "bundler": {
     "tsConfig": "tsconfig.build.json"
   },
-  "gitHead": "2fe0c39167a40d6856f5cbc2ab927b3b65fc384b"
+  "gitHead": "8ff2938f8ac0c2d524ae653cd89251e5cd4721a4"
 }