@storybook/angular 6.4.0-beta.0 → 6.4.0-beta.1

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

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

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

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

package/dist/ts3.9/renderer.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var ComputesTemplateFromComponent_1 = require("./client/preview/angular-beta/ComputesTemplateFromComponent");
 Object.defineProperty(exports, "computesTemplateSourceFromComponent", { enumerable: true, get: function () { return ComputesTemplateFromComponent_1.computesTemplateSourceFromComponent; } });
-var RendererService_1 = require("./client/preview/angular-beta/RendererService");
-Object.defineProperty(exports, "RendererService", { enumerable: true, get: function () { return RendererService_1.RendererService; } });
 var render_1 = require("./client/preview/render");
 Object.defineProperty(exports, "rendererFactory", { enumerable: true, get: function () { return render_1.rendererFactory; } });
 var AbstractRenderer_1 = require("./client/preview/angular-beta/AbstractRenderer");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.4.0-beta.0",
+  "version": "6.4.0-beta.1",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,14 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-beta.0",
-    "@storybook/api": "6.4.0-beta.0",
-    "@storybook/core": "6.4.0-beta.0",
-    "@storybook/core-common": "6.4.0-beta.0",
-    "@storybook/core-events": "6.4.0-beta.0",
+    "@storybook/addons": "6.4.0-beta.1",
+    "@storybook/api": "6.4.0-beta.1",
+    "@storybook/core": "6.4.0-beta.1",
+    "@storybook/core-common": "6.4.0-beta.1",
+    "@storybook/core-events": "6.4.0-beta.1",
     "@storybook/csf": "0.0.2--canary.6aca495.0",
-    "@storybook/node-logger": "6.4.0-beta.0",
-    "@storybook/store": "6.4.0-beta.0",
+    "@storybook/node-logger": "6.4.0-beta.1",
+    "@storybook/store": "6.4.0-beta.1",
     "@types/webpack-env": "^1.16.0",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
@@ -131,5 +131,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
+  "gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
 }

package/dist/ts3.4/client/preview/angular-beta/ElementRendererService.d.ts

@@ -1,18 +0,0 @@
-import '@webcomponents/custom-elements';
-import '@webcomponents/custom-elements/src/native-shim';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-export declare class ElementRendererService {
-    private rendererService;
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    renderAngularElement({ storyFnAngular, parameters, component, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        parameters: Parameters;
-        component: any;
-    }): Promise<CustomElementConstructor>;
-}

package/dist/ts3.4/client/preview/angular-beta/RendererService.d.ts

@@ -1,36 +0,0 @@
-import { PlatformRef } from '@angular/core';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application and allows to change the rendering dynamically
- * To be used as a singleton so has to set global properties of render function
- */
-export declare class RendererService {
-    private static instance;
-    static SELECTOR_STORYBOOK_WRAPPER: string;
-    static getInstance(): RendererService;
-    platform: PlatformRef;
-    private staticRoot;
-    private storyProps$;
-    private currentStoryRender;
-    constructor();
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
-     * @param component {Parameters}
-     */
-    render({ storyFnAngular, forced, component, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        component?: any;
-        parameters: Parameters;
-    }): Promise<void>;
-    newPlatformBrowserDynamic(): PlatformRef;
-    destroyPlatformBrowserDynamic(): void;
-    private initAngularRootElement;
-    private fullRendererRequired;
-}

package/dist/ts3.4/element-renderer.d.ts

@@ -1 +0,0 @@
-export { ElementRendererService } from './client/preview/angular-beta/ElementRendererService';

package/dist/ts3.9/client/preview/angular-beta/ElementRendererService.d.ts

@@ -1,18 +0,0 @@
-import '@webcomponents/custom-elements';
-import '@webcomponents/custom-elements/src/native-shim';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-export declare class ElementRendererService {
-    private rendererService;
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    renderAngularElement({ storyFnAngular, parameters, component, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        parameters: Parameters;
-        component: any;
-    }): Promise<CustomElementConstructor>;
-}

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

@@ -1,115 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementRendererService = void 0;
-// Should be added first :
-//   Custom Elements polyfill. Required for browsers that do not natively support Custom Elements.
-require("@webcomponents/custom-elements");
-//   Custom Elements ES5 shim. Required when using ES5 bundles on browsers that natively support
-//   Custom Elements (either because the browser does not support ES2015 modules or because the app
-//   is explicitly configured to generate ES5 only bundles).
-require("@webcomponents/custom-elements/src/native-shim");
-var core_1 = require("@angular/core");
-var elements_1 = require("@angular/elements");
-var rxjs_1 = require("rxjs");
-var StorybookModule_1 = require("./StorybookModule");
-var RendererService_1 = require("./RendererService");
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-var ElementRendererService = /** @class */ (function () {
-    function ElementRendererService() {
-        this.rendererService = RendererService_1.RendererService.getInstance();
-    }
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    ElementRendererService.prototype.renderAngularElement = function (_a) {
-        var _b;
-        var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters, component = _a.component;
-        return __awaiter(this, void 0, void 0, function () {
-            var ngModule;
-            return __generator(this, function (_c) {
-                ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService_1.RendererService.SELECTOR_STORYBOOK_WRAPPER }, new rxjs_1.BehaviorSubject(storyFnAngular.props));
-                return [2 /*return*/, this.rendererService
-                        .newPlatformBrowserDynamic()
-                        .bootstrapModule(createElementsModule(ngModule), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)
-                        .then(function (m) { return m.instance.ngEl; })];
-            });
-        });
-    };
-    return ElementRendererService;
-}());
-exports.ElementRendererService = ElementRendererService;
-var createElementsModule = function (ngModule) {
-    var ElementsModule = /** @class */ (function () {
-        function ElementsModule(injector) {
-            this.injector = injector;
-            this.ngEl = elements_1.createCustomElement(ngModule.bootstrap[0], {
-                injector: this.injector,
-            });
-        }
-        ElementsModule.prototype.ngDoBootstrap = function () { };
-        ElementsModule = __decorate([
-            core_1.NgModule(__assign({}, ngModule)),
-            __metadata("design:paramtypes", [core_1.Injector])
-        ], ElementsModule);
-        return ElementsModule;
-    }());
-    return ElementsModule;
-};

package/dist/ts3.9/client/preview/angular-beta/RendererService.d.ts

@@ -1,36 +0,0 @@
-import { PlatformRef } from '@angular/core';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application and allows to change the rendering dynamically
- * To be used as a singleton so has to set global properties of render function
- */
-export declare class RendererService {
-    private static instance;
-    static SELECTOR_STORYBOOK_WRAPPER: string;
-    static getInstance(): RendererService;
-    platform: PlatformRef;
-    private staticRoot;
-    private storyProps$;
-    private currentStoryRender;
-    constructor();
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
-     * @param component {Parameters}
-     */
-    render({ storyFnAngular, forced, component, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        component?: any;
-        parameters: Parameters;
-    }): Promise<void>;
-    newPlatformBrowserDynamic(): PlatformRef;
-    destroyPlatformBrowserDynamic(): void;
-    private initAngularRootElement;
-    private fullRendererRequired;
-}

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

@@ -1,171 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RendererService = void 0;
-/* eslint-disable no-undef */
-var core_1 = require("@angular/core");
-var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-var rxjs_1 = require("rxjs");
-var telejson_1 = require("telejson");
-var StorybookModule_1 = require("./StorybookModule");
-/**
- * Bootstrap angular application and allows to change the rendering dynamically
- * To be used as a singleton so has to set global properties of render function
- */
-var RendererService = /** @class */ (function () {
-    function RendererService() {
-        this.staticRoot = document.getElementById('root');
-        if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
-            try {
-                // platform should be set after enableProdMode()
-                core_1.enableProdMode();
-            }
-            catch (e) {
-                // eslint-disable-next-line no-console
-                console.debug(e);
-            }
-        }
-    }
-    RendererService.getInstance = function () {
-        if (!RendererService.instance) {
-            RendererService.instance = new RendererService();
-        }
-        return RendererService.instance;
-    };
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
-     * @param component {Parameters}
-     */
-    RendererService.prototype.render = function (_a) {
-        var _b;
-        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, component = _a.component, parameters = _a.parameters;
-        return __awaiter(this, void 0, void 0, function () {
-            var storyProps$, moduleMetadata, resetCompiledComponents;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        storyProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
-                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER }, storyProps$);
-                        if (!this.fullRendererRequired({
-                            storyFnAngular: storyFnAngular,
-                            moduleMetadata: moduleMetadata,
-                            forced: forced,
-                        })) {
-                            this.storyProps$.next(storyFnAngular.props);
-                            return [2 /*return*/];
-                        }
-                        try {
-                            resetCompiledComponents = require('@angular/core').ɵresetCompiledComponents;
-                            resetCompiledComponents();
-                        }
-                        catch (e) {
-                            /**
-                             * noop catch
-                             * This means angular removed or modified ɵresetCompiledComponents
-                             *
-                             * Probably, they added a clearCache mechanism to platform.destroy() and
-                             * we can simply remove this in case no errors are thrown during runtime
-                             */
-                        }
-                        // Complete last BehaviorSubject and set a new one for the current module
-                        if (this.storyProps$) {
-                            this.storyProps$.complete();
-                        }
-                        this.storyProps$ = storyProps$;
-                        return [4 /*yield*/, this.newPlatformBrowserDynamic().bootstrapModule(StorybookModule_1.createStorybookModule(moduleMetadata), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)];
-                    case 1:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    RendererService.prototype.newPlatformBrowserDynamic = function () {
-        // Before creating a new platform, we destroy the previous one cleanly.
-        this.destroyPlatformBrowserDynamic();
-        this.initAngularRootElement();
-        this.platform = platform_browser_dynamic_1.platformBrowserDynamic();
-        return this.platform;
-    };
-    RendererService.prototype.destroyPlatformBrowserDynamic = function () {
-        if (this.platform && !this.platform.destroyed) {
-            // Destroys the current Angular platform and all Angular applications on the page.
-            // So call each angular ngOnDestroy and avoid memory leaks
-            this.platform.destroy();
-        }
-    };
-    RendererService.prototype.initAngularRootElement = function () {
-        // Adds DOM element that angular will use as bootstrap component
-        var storybookWrapperElement = document.createElement(RendererService.SELECTOR_STORYBOOK_WRAPPER);
-        this.staticRoot.innerHTML = '';
-        this.staticRoot.appendChild(storybookWrapperElement);
-    };
-    RendererService.prototype.fullRendererRequired = function (_a) {
-        var _b, _c;
-        var storyFnAngular = _a.storyFnAngular, moduleMetadata = _a.moduleMetadata, forced = _a.forced;
-        var lastStoryRender = this.currentStoryRender;
-        this.currentStoryRender = {
-            storyFnAngular: storyFnAngular,
-            moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
-        };
-        if (
-        // check `forceRender` of story RenderContext
-        !forced ||
-            // if it's the first rendering and storyProps$ is not init
-            !this.storyProps$) {
-            return true;
-        }
-        // force the rendering if the template has changed
-        var hasChangedTemplate = !!(storyFnAngular === null || storyFnAngular === void 0 ? void 0 : storyFnAngular.template) &&
-            ((_b = lastStoryRender === null || lastStoryRender === void 0 ? void 0 : lastStoryRender.storyFnAngular) === null || _b === void 0 ? void 0 : _b.template) !== storyFnAngular.template;
-        if (hasChangedTemplate) {
-            return true;
-        }
-        // force the rendering if the metadata structure has changed
-        var hasChangedModuleMetadata = ((_c = this.currentStoryRender) === null || _c === void 0 ? void 0 : _c.moduleMetadataSnapshot) !== (lastStoryRender === null || lastStoryRender === void 0 ? void 0 : lastStoryRender.moduleMetadataSnapshot);
-        return hasChangedModuleMetadata;
-    };
-    RendererService.SELECTOR_STORYBOOK_WRAPPER = 'storybook-wrapper';
-    return RendererService;
-}());
-exports.RendererService = RendererService;

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

@@ -1 +0,0 @@
-export { ElementRendererService } from './client/preview/angular-beta/ElementRendererService';

package/dist/ts3.9/element-renderer.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ElementRendererService_1 = require("./client/preview/angular-beta/ElementRendererService");
-Object.defineProperty(exports, "ElementRendererService", { enumerable: true, get: function () { return ElementRendererService_1.ElementRendererService; } });

package/element-renderer.d.ts

@@ -1 +0,0 @@
-export * from './dist/ts3.9/element-renderer.d';

package/element-renderer.js

@@ -1 +0,0 @@
-module.exports = require('./dist/ts3.9/element-renderer');