@storybook/angular 6.4.0-alpha.7 → 6.4.0-beta.1

package/dist/ts3.4/builders/build-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'staticDir' | 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;

package/dist/ts3.4/builders/start-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'port' | 'host' | 'staticDir' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;

package/dist/ts3.4/builders/utils/build-standalone-errors-handler.d.ts

@@ -0,0 +1 @@
+export declare const buildStandaloneErrorHandler: (error: any) => any;

package/dist/ts3.4/client/preview/angular/helpers.d.ts

@@ -1,8 +1,8 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from '../types';
+import { PartialStoryFn } from '@storybook/csf';
+import { AngularFramework } from '../types-6-0';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;
     }
 }
-export declare const renderNgApp: (storyFn: StoryFn<StoryFnAngularReturnType>, forced: boolean) => void;
+export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;

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

@@ -28,11 +28,13 @@ export declare abstract class AbstractRenderer {
      * @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 {Component}
      * @param parameters {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, targetDOMNode, }: {
+    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component?: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

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

@@ -6,6 +6,7 @@ export declare class CanvasRenderer extends AbstractRenderer {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
         parameters: Parameters;
+        component: any;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     beforeFullRender(): Promise<void>;

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

@@ -5,6 +5,7 @@ export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

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

@@ -1,10 +1,9 @@
 import { NgModule, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-export declare const getStorybookModuleMetadata: ({ storyFnAngular, parameters, targetSelector, }: {
+export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
     storyFnAngular: StoryFnAngularReturnType;
-    parameters: Parameters;
+    component?: any;
     targetSelector: string;
 }, storyProps$: Subject<ICollection>) => NgModule;
 export declare const createStorybookModule: (ngModule: NgModule) => Type<unknown>;

package/dist/ts3.4/client/preview/config.d.ts

@@ -0,0 +1,4 @@
+export { render, renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

package/dist/ts3.4/client/preview/decorateStory.d.ts

@@ -1,3 +1,3 @@
-import { DecoratorFunction, StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from './types';
-export default function decorateStory(mainStoryFn: StoryFn<StoryFnAngularReturnType>, decorators: DecoratorFunction<StoryFnAngularReturnType>[]): StoryFn<StoryFnAngularReturnType>;
+import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types-6-0';
+export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;

package/dist/ts3.4/client/preview/decorators.d.ts

@@ -1,5 +1,6 @@
 import { Type } from '@angular/core';
-import { DecoratorFunction, StoryContext } from '@storybook/addons';
-import { ICollection, NgModuleMetadata, StoryFnAngularReturnType } from './types';
-export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<StoryFnAngularReturnType>;
-export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext) => ICollection)) => DecoratorFunction<StoryFnAngularReturnType>;
+import { DecoratorFunction, StoryContext } from '@storybook/csf';
+import { ICollection, NgModuleMetadata } from './types';
+import { AngularFramework } from './types-6-0';
+export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework>;
+export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework>) => ICollection)) => DecoratorFunction<AngularFramework>;

package/dist/ts3.4/client/preview/index.d.ts

@@ -2,8 +2,9 @@
 /// <reference types="node" />
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
-import { IStorybookSection, StoryFnAngularReturnType } from './types';
-interface ClientApi extends ClientStoryApi<StoryFnAngularReturnType> {
+import { IStorybookSection } from './types';
+import { AngularFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
     getStorybook(): IStorybookSection[];

package/dist/ts3.4/client/preview/render.d.ts

@@ -1,13 +1,7 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from './types';
-import { Parameters } from './types-6-0';
+import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types-6-0';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
-export default function renderMain({ storyFn, showMain, forceRender, parameters, targetDOMNode, id, }: {
-    storyFn: StoryFn<StoryFnAngularReturnType>;
-    showMain: () => void;
-    forceRender: boolean;
-    parameters: Parameters;
-    targetDOMNode: HTMLElement;
-    id: string;
-}): Promise<void>;
+export declare const render: ArgsStoryFn<AngularFramework>;
+export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -1,26 +1,42 @@
-import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory, Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/addons';
+import { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnAngularReturnType } from './types';
-export { Args, ArgTypes } from '@storybook/addons';
-declare type AngularComponent = any;
-declare type AngularReturnType = StoryFnAngularReturnType;
+export { Args, ArgTypes } from '@storybook/csf';
+export declare type AngularFramework = {
+    component: any;
+    storyResult: StoryFnAngularReturnType;
+};
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<Args = DefaultArgs> = BaseMeta<AngularComponent> & Annotations<Args, AngularReturnType>;
+export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, TArgs>;
 /**
- * Story function that represents a component example.
+ * Story function that represents a CSFv3 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<Args = DefaultArgs> = BaseStory<Args, AngularReturnType> & Annotations<Args, AngularReturnType>;
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;
 export declare type Parameters = DefaultParameters & {
     /** Uses legacy angular rendering engine that use dynamic component */
     angularLegacyRendering?: boolean;
-    component: unknown;
     bootstrapModuleOptions?: unknown;
 };
-export declare type StoryContext = DefaultStoryContext & {
+export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
     parameters: Parameters;
 };

package/dist/ts3.4/client/preview/types-7-0.d.ts

@@ -0,0 +1,9 @@
+import { Args } from '@storybook/csf';
+import { StoryObj } from './types-6-0';
+export { StoryFn, StoryObj, Meta } from './types-6-0';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.4/client/preview/types.d.ts

@@ -10,7 +10,7 @@ export interface ICollection {
 }
 export interface IStorybookStory {
     name: string;
-    render: () => any;
+    render: (context: any) => any;
 }
 export interface IStorybookSection {
     kind: string;
@@ -25,4 +25,5 @@ export interface StoryFnAngularReturnType {
     moduleMetadata?: NgModuleMetadata;
     template?: string;
     styles?: string[];
+    userDefinedTemplate?: boolean;
 }

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.4/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.4/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.4/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

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

@@ -3,6 +3,7 @@ import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import { Options as CoreOptions } from '@storybook/core-common';
 export declare type Options = CoreOptions & {
     angularBrowserTarget?: string;
+    tsConfig?: string;
 };
 export declare function webpackFinal(baseConfig: webpack.Configuration, options: Options): Promise<webpack.Configuration | {
     entry: any[];

package/dist/ts3.9/builders/build-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'staticDir' | 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;

package/dist/ts3.9/builders/build-storybook/index.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -56,40 +67,48 @@ var operators_1 = require("rxjs/operators");
 // eslint-disable-next-line import/no-extraneous-dependencies
 var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
 var run_compodoc_1 = require("../utils/run-compodoc");
+var build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
     return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var browserOptions = _a.browserOptions;
-        return options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: browserOptions.tsConfig }, context)
+        var tsConfig = _a.tsConfig;
+        var runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
             : rxjs_1.of({});
-    }), operators_1.map(function () { return (__assign(__assign({}, options), { angularBrowserTarget: options.browserTarget })); }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
+    }), operators_1.map(function (_a) {
+        var tsConfig = _a.tsConfig;
+        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
+        return __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, tsConfig: tsConfig });
+    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
         return { success: true };
     }));
 }
 function setup(options, context) {
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function () {
-        var browserTarget, browserOptions, _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var browserOptions, browserTarget, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
+                    if (!options.browserTarget) return [3 /*break*/, 4];
                     browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _b = (_a = context).validateOptions;
+                    _d = (_c = context).validateOptions;
                     return [4 /*yield*/, context.getTargetOptions(browserTarget)];
                 case 1:
-                    _c = [_d.sent()];
+                    _e = [_f.sent()];
                     return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _b.apply(_a, _c.concat([_d.sent()]))];
+                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
                 case 3:
-                    browserOptions = _d.sent();
-                    return [2 /*return*/, {
-                            browserOptions: browserOptions,
-                            browserTarget: browserTarget,
-                        }];
+                    browserOptions = _f.sent();
+                    _f.label = 4;
+                case 4: return [2 /*return*/, {
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                    }];
             }
         });
     });
 }
 function runInstance(options) {
-    return rxjs_1.from(standalone_1.default(options));
+    return rxjs_1.from(standalone_1.default(options)).pipe(operators_1.catchError(function (error) { return rxjs_1.throwError(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error)); }));
 }

package/dist/ts3.9/builders/build-storybook/schema.json

@@ -7,7 +7,12 @@
         "browserTarget": {
             "type": "string",
             "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
-            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
+            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
+            "default": null
+        },
+        "tsConfig": {
+            "type": "string",
+            "description": "The full path for the TypeScript configuration file, relative to the current workspace."
         },
         "staticDir": {
             "type": "array",
@@ -56,5 +61,12 @@
         }
     },
     "additionalProperties": false,
-    "required": ["browserTarget"]
+    "oneOf": [
+        {
+            "required": ["browserTarget"]
+        },
+        {
+            "required": ["tsConfig"]
+        }
+    ]
 }

package/dist/ts3.9/builders/start-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'port' | 'host' | 'staticDir' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;

package/dist/ts3.9/builders/start-storybook/index.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -56,36 +67,44 @@ var operators_1 = require("rxjs/operators");
 // eslint-disable-next-line import/no-extraneous-dependencies
 var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
 var run_compodoc_1 = require("../utils/run-compodoc");
+var build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
     return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var browserOptions = _a.browserOptions;
-        return options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: browserOptions.tsConfig }, context)
+        var tsConfig = _a.tsConfig;
+        var runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
             : rxjs_1.of({});
-    }), operators_1.map(function () { return (__assign(__assign({}, options), { angularBrowserTarget: options.browserTarget })); }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
+    }), operators_1.map(function (_a) {
+        var tsConfig = _a.tsConfig;
+        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
+        return __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, tsConfig: tsConfig });
+    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
         return { success: true };
     }));
 }
 function setup(options, context) {
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function () {
-        var browserTarget, browserOptions, _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var browserOptions, browserTarget, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
+                    if (!options.browserTarget) return [3 /*break*/, 4];
                     browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _b = (_a = context).validateOptions;
+                    _d = (_c = context).validateOptions;
                     return [4 /*yield*/, context.getTargetOptions(browserTarget)];
                 case 1:
-                    _c = [_d.sent()];
+                    _e = [_f.sent()];
                     return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _b.apply(_a, _c.concat([_d.sent()]))];
+                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
                 case 3:
-                    browserOptions = _d.sent();
-                    return [2 /*return*/, {
-                            browserOptions: browserOptions,
-                            browserTarget: browserTarget,
-                        }];
+                    browserOptions = _f.sent();
+                    _f.label = 4;
+                case 4: return [2 /*return*/, {
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                    }];
             }
         });
     });
@@ -93,6 +112,6 @@ function setup(options, context) {
 function runInstance(options) {
     return new rxjs_1.Observable(function (observer) {
         // This Observable intentionally never complete, leaving the process running ;)
-        standalone_1.default(options).then(function () { return observer.next(); }, function (error) { return observer.error(error); });
+        standalone_1.default(options).then(function () { return observer.next(); }, function (error) { return observer.error(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error)); });
     });
 }

package/dist/ts3.9/builders/start-storybook/schema.json

@@ -7,7 +7,12 @@
         "browserTarget": {
             "type": "string",
             "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
-            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
+            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
+            "default": null
+        },
+        "tsConfig": {
+            "type": "string",
+            "description": "The full path for the TypeScript configuration file, relative to the current workspace."
         },
         "port": {
             "type": "number",
@@ -83,5 +88,12 @@
         }
     },
     "additionalProperties": false,
-    "required": ["browserTarget"]
+    "oneOf": [
+        {
+            "required": ["browserTarget"]
+        },
+        {
+            "required": ["tsConfig"]
+        }
+    ]
 }

package/dist/ts3.9/builders/utils/build-standalone-errors-handler.d.ts

@@ -0,0 +1 @@
+export declare const buildStandaloneErrorHandler: (error: any) => any;

package/dist/ts3.9/builders/utils/build-standalone-errors-handler.js

@@ -0,0 +1,36 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildStandaloneErrorHandler = void 0;
+var node_logger_1 = require("@storybook/node-logger");
+var ts_dedent_1 = __importDefault(require("ts-dedent"));
+exports.buildStandaloneErrorHandler = function (error) {
+    var _a;
+    // Duplicate code for Standalone error handling
+    // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
+    node_logger_1.instance.heading = '';
+    if (error instanceof Error) {
+        if (error.error) {
+            node_logger_1.logger.error(error.error);
+        }
+        else if (error.stats && error.stats.compilation.errors) {
+            error.stats.compilation.errors.forEach(function (e) { return node_logger_1.logger.plain(e); });
+        }
+        else {
+            node_logger_1.logger.error(error);
+        }
+    }
+    else if ((_a = error.compilation) === null || _a === void 0 ? void 0 : _a.errors) {
+        error.compilation.errors.forEach(function (e) { return node_logger_1.logger.plain(e); });
+    }
+    node_logger_1.logger.line();
+    return error.close
+        ? ts_dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    FATAL broken build!, will close the process,\n    Fix the error below and restart storybook.\n  "], ["\n    FATAL broken build!, will close the process,\n    Fix the error below and restart storybook.\n  "]))) : ts_dedent_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    Broken build, fix the error above.\n    You may need to refresh the browser.\n  "], ["\n    Broken build, fix the error above.\n    You may need to refresh the browser.\n  "])));
+};
+var templateObject_1, templateObject_2;

package/dist/ts3.9/client/preview/angular/helpers.d.ts

@@ -1,8 +1,8 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from '../types';
+import { PartialStoryFn } from '@storybook/csf';
+import { AngularFramework } from '../types-6-0';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;
     }
 }
-export declare const renderNgApp: (storyFn: StoryFn<StoryFnAngularReturnType>, forced: boolean) => void;
+export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;

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

@@ -28,11 +28,13 @@ export declare abstract class AbstractRenderer {
      * @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 {Component}
      * @param parameters {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, targetDOMNode, }: {
+    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component?: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

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

@@ -60,6 +60,7 @@ exports.AbstractRenderer = void 0;
 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");
 // platform must be init only if render is called at least once
 var platformRef;
@@ -113,11 +114,12 @@ var AbstractRenderer = /** @class */ (function () {
      * @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 {Component}
      * @param parameters {Parameters}
      */
     AbstractRenderer.prototype.render = function (_a) {
         var _b;
-        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, targetDOMNode = _a.targetDOMNode;
+        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
         return __awaiter(this, void 0, void 0, function () {
             var targetSelector, newStoryProps$, moduleMetadata;
             return __generator(this, function (_c) {
@@ -125,7 +127,7 @@ var AbstractRenderer = /** @class */ (function () {
                     case 0:
                         targetSelector = "" + this.storyId;
                         newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
-                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: targetSelector }, newStoryProps$);
+                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
                         if (!this.fullRendererRequired({
                             storyFnAngular: storyFnAngular,
                             moduleMetadata: moduleMetadata,
@@ -166,7 +168,7 @@ var AbstractRenderer = /** @class */ (function () {
         var previousStoryRenderInfo = this.previousStoryRenderInfo;
         var currentStoryRender = {
             storyFnAngular: storyFnAngular,
-            moduleMetadataSnapshot: JSON.stringify(moduleMetadata),
+            moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
         };
         this.previousStoryRenderInfo = currentStoryRender;
         if (

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

@@ -6,6 +6,7 @@ export declare class CanvasRenderer extends AbstractRenderer {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
         parameters: Parameters;
+        component: any;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     beforeFullRender(): Promise<void>;