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

package/README.md

@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-angular-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)

package/dist/types/builders/build-storybook/index.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const architect_1 = require("@angular-devkit/architect");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
-// eslint-disable-next-line import/no-extraneous-dependencies
-const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const read_pkg_up_1 = require("read-pkg-up");
+const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
@@ -21,6 +18,7 @@ function commandBuilder(options, context) {
     }), (0, operators_1.map)(({ tsConfig }) => {
         const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, outputDir, quiet, webpackStatsJson, } = options;
         const standaloneOptions = {
+            packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             configDir,
             docs,
             loglevel,
@@ -54,5 +52,5 @@ async function setup(options, context) {
     };
 }
 function runInstance(options) {
-    return (0, rxjs_1.from)((0, standalone_1.default)(options)).pipe((0, operators_1.catchError)((error) => (0, rxjs_1.throwError)((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error))));
+    return (0, rxjs_1.from)((0, core_server_1.buildStaticStandalone)(options)).pipe((0, operators_1.catchError)((error) => (0, rxjs_1.throwError)((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error))));
 }

package/dist/types/builders/start-storybook/index.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const architect_1 = require("@angular-devkit/architect");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
-// eslint-disable-next-line import/no-extraneous-dependencies
-const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const read_pkg_up_1 = require("read-pkg-up");
+const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
@@ -21,6 +18,7 @@ function commandBuilder(options, context) {
     }), (0, operators_1.map)(({ tsConfig }) => {
         const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, smokeTest, sslCa, sslCert, sslKey, } = options;
         const standaloneOptions = {
+            packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             ci,
             configDir,
             docs,
@@ -61,6 +59,6 @@ async function setup(options, context) {
 function runInstance(options) {
     return new rxjs_1.Observable((observer) => {
         // This Observable intentionally never complete, leaving the process running ;)
-        (0, standalone_1.default)(options).then(() => observer.next(), (error) => observer.error((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error)));
+        (0, core_server_1.buildDevStandalone)(options).then(() => observer.next(), (error) => observer.error((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error)));
     });
 }

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

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStandaloneErrorHandler = void 0;
 const node_logger_1 = require("@storybook/node-logger");
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const buildStandaloneErrorHandler = (error) => {
     // Duplicate code for Standalone error handling
     // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
@@ -26,11 +23,11 @@ const buildStandaloneErrorHandler = (error) => {
     }
     node_logger_1.logger.line();
     return error.close
-        ? (0, ts_dedent_1.default) `
+        ? (0, ts_dedent_1.dedent) `
       FATAL broken build!, will close the process,
       Fix the error below and restart storybook.
     `
-        : (0, ts_dedent_1.default) `
+        : (0, ts_dedent_1.dedent) `
       Broken build, fix the error above.
       You may need to refresh the browser.
     `;

package/dist/types/builders/utils/run-compodoc.js

@@ -48,8 +48,6 @@ const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
             context.logger.info(finalCompodocArgs.join(' '));
             const child = (0, child_process_1.spawn)('npx', finalCompodocArgs, {
                 cwd: context.workspaceRoot,
-                env: process.env,
-                shell: true,
             });
             child.stdout.on('data', (data) => {
                 context.logger.info(data.toString());

package/dist/types/builders/utils/standalone-options.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContext } from '@angular-devkit/architect';
+import type { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/core-common';
+export declare type StandaloneOptions = Partial<CLIOptions & LoadOptions & BuilderOptions & {
+    mode?: 'static' | 'dev';
+    angularBrowserTarget?: string | null;
+    angularBuilderOptions?: Record<string, any> & {
+        styles?: any[];
+        stylePreprocessorOptions?: any;
+    };
+    angularBuilderContext?: BuilderContext | null;
+    tsConfig?: string;
+}>;

package/dist/types/client/{preview/angular/components → angular}/app.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, ViewContainerRef, ComponentFactoryResolver, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
-import { StoryFnAngularReturnType } from '../../types';
+import { StoryFnAngularReturnType } from '../types';
 export declare class AppComponent implements OnInit, OnDestroy {
     private cfr;
     private changeDetectorRef;

package/dist/types/client/{preview/angular/components → angular}/app.component.js

@@ -21,7 +21,7 @@ exports.AppComponent = void 0;
 const core_1 = require("@angular/core");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const app_token_1 = require("../app.token");
+const app_token_1 = require("./app.token");
 let AppComponent = class AppComponent {
     constructor(cfr, changeDetectorRef, data) {
         this.cfr = cfr;

package/dist/types/client/{preview/angular → angular}/helpers.d.ts

@@ -1,5 +1,5 @@
 import type { PartialStoryFn } from '@storybook/csf';
-import type { AngularFramework } from '../types-6-0';
+import type { AngularFramework } from '../types';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;

package/dist/types/client/{preview/angular → angular}/helpers.js

@@ -11,7 +11,7 @@ const forms_1 = require("@angular/forms");
 const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
 const platform_browser_1 = require("@angular/platform-browser");
 const rxjs_1 = require("rxjs");
-const app_component_1 = require("./components/app.component");
+const app_component_1 = require("./app.component");
 const app_token_1 = require("./app.token");
 const { document } = global_1.default;
 let platform = null;
@@ -111,7 +111,7 @@ const initModule = (storyFn) => {
     };
     return getModule(componentDeclarations, [AnnotatedComponent], [app_component_1.AppComponent], story, moduleMetadata);
 };
-const staticRoot = document.getElementById('root');
+const staticRoot = document.getElementById('storybook-root');
 const insertDynamicRoot = () => {
     const app = document.createElement('storybook-dynamic-app-root');
     staticRoot.innerHTML = '';

package/dist/types/client/{preview/angular-beta → angular-beta}/AbstractRenderer.d.ts

@@ -1,6 +1,5 @@
 import { Subject } from 'rxjs';
-import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { ICollection, StoryFnAngularReturnType, Parameters } from '../types';
 declare type StoryRenderInfo = {
     storyFnAngular: StoryFnAngularReturnType;
     moduleMetadataSnapshot: string;

package/dist/types/client/{preview/angular-beta → angular-beta}/CanvasRenderer.d.ts

@@ -1,6 +1,5 @@
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class CanvasRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-beta → angular-beta}/DocsRenderer.d.ts

@@ -1,6 +1,5 @@
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-beta → angular-beta}/RendererFactory.js

@@ -37,16 +37,16 @@ class RendererFactory {
 }
 exports.RendererFactory = RendererFactory;
 const getRenderType = (targetDOMNode) => {
-    return targetDOMNode.id === 'root' ? 'canvas' : 'docs';
+    return targetDOMNode.id === 'storybook-root' ? 'canvas' : 'docs';
 };
 exports.getRenderType = getRenderType;
 function clearRootHTMLElement(renderType) {
     switch (renderType) {
         case 'canvas':
-            global.document.getElementById('docs-root').innerHTML = '';
+            global.document.getElementById('storybook-docs').innerHTML = '';
             break;
         case 'docs':
-            global.document.getElementById('root').innerHTML = '';
+            global.document.getElementById('storybook-root').innerHTML = '';
             break;
         default:
             break;

package/dist/types/client/{preview/angular-beta → angular-beta}/StorybookModule.js

@@ -12,18 +12,18 @@ 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 ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const util_deprecate_1 = __importDefault(require("util-deprecate"));
 const StorybookProvider_1 = require("./StorybookProvider");
 const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.default) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
+const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.dedent) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
         Instead, use \`export const default = () => ({ component: AppComponent });\`
         or
         \`\`\`
-        export const Primary: Story = () => ({});
+        export const Primary: StoryFn = () => ({});
         Primary.parameters = { component: AppComponent };
         \`\`\`
         Read more at 

package/dist/types/client/{preview/config.d.ts → config.d.ts}

@@ -2,5 +2,5 @@ import './globals';
 export { render, renderToDOM } from './render';
 export { decorateStory } from './decorateStory';
 export declare const parameters: {
-    framework: string;
+    framework: "angular";
 };

package/dist/types/client/{preview/decorateStory.d.ts → decorateStory.d.ts}

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

package/dist/types/client/{preview/decorators.d.ts → decorators.d.ts}

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

package/dist/types/client/docs/config.d.ts

@@ -10,5 +10,5 @@ export declare const parameters: {
         };
     };
 };
-export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("..").AngularFramework, import("@storybook/csf").Args>, context: import("..").StoryContext) => import("..").IStory)[];
+export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("../types").AngularFramework, import("@storybook/csf").Args>, context: import("../types").StoryContext) => import("..").IStory)[];
 export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];

package/dist/types/client/docs/sourceDecorator.d.ts

@@ -1,9 +1,9 @@
 import type { PartialStoryFn } from '@storybook/csf';
-import { StoryContext, AngularFramework } from '..';
+import { StoryContext, AngularFramework } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("..").IStory;
+export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-polyfills.d.ts → globals.d.ts}

@@ -29,13 +29,3 @@ import 'core-js/proposals/reflect-metadata';
  * Zone JS is required by Angular itself.
  */
 import 'zone.js/dist/zone';
-/** *************************************************************************************************
- * APPLICATION IMPORTS
- */
-/**
- * Date, currency, decimal and percent pipes.
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
- */
-/**
- * Need to import at least one locale-data with intl.
- */

package/dist/types/client/{preview/angular-polyfills.js → globals.js}

@@ -1,4 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const global_1 = __importDefault(require("global"));
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
@@ -14,7 +19,6 @@
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-Object.defineProperty(exports, "__esModule", { value: true });
 /** *************************************************************************************************
  * BROWSER POLYFILLS
  */
@@ -59,3 +63,5 @@ require("zone.js/dist/zone"); // Included with Angular CLI.
  * Need to import at least one locale-data with intl.
  */
 // import 'intl/locale-data/jsonp/en';
+const { window: globalWindow } = global_1.default;
+globalWindow.STORYBOOK_ENV = 'angular';

package/dist/types/client/index.d.ts

@@ -1,4 +1,5 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
-export * from './preview/types-6-0';
-export type { StoryFnAngularReturnType as IStory } from './preview/types';
-export { moduleMetadata, componentWrapperDecorator } from './preview/decorators';
+import './globals';
+export * from './public-api';
+export * from './public-types';
+export type { StoryFnAngularReturnType as IStory } from './types';
+export { moduleMetadata, componentWrapperDecorator } from './decorators';

package/dist/types/client/index.js

@@ -14,18 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentWrapperDecorator = exports.moduleMetadata = exports.raw = exports.forceReRender = exports.getStorybook = exports.configure = exports.addParameters = exports.addDecorator = exports.setAddon = exports.storiesOf = void 0;
-var preview_1 = require("./preview");
-Object.defineProperty(exports, "storiesOf", { enumerable: true, get: function () { return preview_1.storiesOf; } });
-Object.defineProperty(exports, "setAddon", { enumerable: true, get: function () { return preview_1.setAddon; } });
-Object.defineProperty(exports, "addDecorator", { enumerable: true, get: function () { return preview_1.addDecorator; } });
-Object.defineProperty(exports, "addParameters", { enumerable: true, get: function () { return preview_1.addParameters; } });
-Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return preview_1.configure; } });
-Object.defineProperty(exports, "getStorybook", { enumerable: true, get: function () { return preview_1.getStorybook; } });
-Object.defineProperty(exports, "forceReRender", { enumerable: true, get: function () { return preview_1.forceReRender; } });
-Object.defineProperty(exports, "raw", { enumerable: true, get: function () { return preview_1.raw; } });
-__exportStar(require("./preview/types-6-0"), exports);
-var decorators_1 = require("./preview/decorators");
+exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
+require("./globals");
+__exportStar(require("./public-api"), exports);
+__exportStar(require("./public-types"), exports);
+var decorators_1 = require("./decorators");
 Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: function () { return decorators_1.moduleMetadata; } });
 Object.defineProperty(exports, "componentWrapperDecorator", { enumerable: true, get: function () { return decorators_1.componentWrapperDecorator; } });
 // optimization: stop HMR propagation in webpack

package/dist/types/client/{preview/index.d.ts → public-api.d.ts}

@@ -1,9 +1,8 @@
-/// <reference types="webpack-env" />
 /// <reference types="node" />
+/// <reference types="webpack-env" />
 import type { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import type { IStorybookSection } from './types';
-import type { AngularFramework } from './types-6-0';
+import type { IStorybookSection, AngularFramework } from './types';
+export * from './public-types';
 interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
@@ -22,4 +21,3 @@ export declare const setAddon: ClientApi['setAddon'];
 export declare const forceReRender: ClientApi['forceReRender'];
 export declare const getStorybook: ClientApi['getStorybook'];
 export declare const raw: ClientApi['raw'];
-export {};

package/dist/types/client/{preview/index.js → public-api.js}

@@ -1,22 +1,36 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
 const core_client_1 = require("@storybook/core-client");
-require("./globals");
 const render_1 = require("./render");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
-const framework = 'angular';
+__exportStar(require("./public-types"), exports);
+const FRAMEWORK = 'angular';
 const api = (0, core_client_1.start)(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
 const storiesOf = (kind, m) => {
     return api.clientApi.storiesOf(kind, m).addParameters({
-        framework,
+        framework: FRAMEWORK,
     });
 };
 exports.storiesOf = storiesOf;
-const configure = (...args) => api.configure(framework, ...args);
+const configure = (...args) => api.configure(FRAMEWORK, ...args);
 exports.configure = configure;
 exports.addDecorator = api.clientApi
     .addDecorator;

package/dist/types/client/{preview/types-6-0.d.ts → public-types.d.ts}

@@ -1,10 +1,6 @@
-import type { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import type { StoryFnAngularReturnType } from './types';
+import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types';
 export type { Args, ArgTypes } from '@storybook/csf';
-export declare type AngularFramework = {
-    component: any;
-    storyResult: StoryFnAngularReturnType;
-};
 /**
  * Metadata to configure the stories for a component.
  *
@@ -24,19 +20,8 @@ export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, T
  */
 export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
 /**
- * Story function that represents a CSFv2 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)
- *
- * 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;
-    bootstrapModuleOptions?: unknown;
-};
-export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
-    parameters: Parameters;
-};
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/types/client/{preview/render.d.ts → render.d.ts}

@@ -1,6 +1,6 @@
 import type { RenderContext } from '@storybook/store';
 import type { ArgsStoryFn } from '@storybook/csf';
-import type { AngularFramework } from './types-6-0';
+import type { AngularFramework } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
 export declare const render: ArgsStoryFn<AngularFramework>;

package/dist/types/client/{preview/types.d.ts → types.d.ts}

@@ -1,3 +1,4 @@
+import type { Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/csf';
 export interface NgModuleMetadata {
     declarations?: any[];
     entryComponents?: any[];
@@ -27,3 +28,15 @@ export interface StoryFnAngularReturnType {
     styles?: string[];
     userDefinedTemplate?: boolean;
 }
+export declare type AngularFramework = {
+    component: any;
+    storyResult: StoryFnAngularReturnType;
+};
+export declare type Parameters = DefaultParameters & {
+    /** Uses legacy angular rendering engine that use dynamic component */
+    angularLegacyRendering?: boolean;
+    bootstrapModuleOptions?: unknown;
+};
+export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
+    parameters: Parameters;
+};

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './client';
+export * from './client/index';
 export * from './types';

package/dist/types/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./client"), exports);
+__exportStar(require("./client/index"), exports);
 __exportStar(require("./types"), exports);
 /*
  * ATTENTION:

package/dist/types/preset.d.ts

@@ -1,13 +1,6 @@
+import type { PresetProperty } from '@storybook/core-common';
 import { StorybookConfig } from './types';
+export declare const addons: PresetProperty<'addons', StorybookConfig>;
 export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
-export declare const addons: StorybookConfig['addons'];
-export declare const core: (config: StorybookConfig['core']) => Promise<{
-    builder: string;
-    disableWebpackDefaults?: boolean;
-    channelOptions?: Partial<import("telejson").Options>;
-    disableProjectJson?: boolean;
-    disableTelemetry?: boolean;
-    enableCrashReports?: boolean;
-    crossOriginIsolated?: boolean;
-}>;
-export declare const typescript: (config: StorybookConfig['typescript']) => Promise<StorybookConfig['typescript']>;
+export declare const core: PresetProperty<'core', StorybookConfig>;
+export declare const typescript: PresetProperty<'typescript', StorybookConfig>;

package/dist/types/preset.js

@@ -3,23 +3,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.typescript = exports.core = exports.addons = exports.previewAnnotations = void 0;
+exports.typescript = exports.core = exports.previewAnnotations = exports.addons = void 0;
 const path_1 = __importDefault(require("path"));
-const previewAnnotations = (entries = []) => [
-    ...entries,
-    require.resolve('./client/preview/config'),
-];
-exports.previewAnnotations = previewAnnotations;
 exports.addons = [
     require.resolve('./server/framework-preset-angular'),
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),
     require.resolve('./server/framework-preset-angular-docs'),
 ];
-const core = async (config) => {
+const previewAnnotations = (entries = []) => [
+    ...entries,
+    require.resolve('./client/config'),
+];
+exports.previewAnnotations = previewAnnotations;
+const core = async (config, options) => {
+    const framework = await options.presets.apply('framework');
     return {
         ...config,
-        builder: path_1.default.dirname(require.resolve(path_1.default.join('@storybook/builder-webpack5', 'package.json'))),
+        builder: {
+            name: path_1.default.dirname(require.resolve(path_1.default.join('@storybook/builder-webpack5', 'package.json'))),
+            options: typeof framework === 'string' ? {} : framework.options.builder || {},
+        },
     };
 };
 exports.core = core;

package/dist/types/renderer.d.ts

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

package/dist/types/renderer.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStorybookModuleMetadata = exports.AbstractRenderer = exports.rendererFactory = exports.computesTemplateSourceFromComponent = void 0;
-var ComputesTemplateFromComponent_1 = require("./client/preview/angular-beta/ComputesTemplateFromComponent");
+var ComputesTemplateFromComponent_1 = require("./client/angular-beta/ComputesTemplateFromComponent");
 Object.defineProperty(exports, "computesTemplateSourceFromComponent", { enumerable: true, get: function () { return ComputesTemplateFromComponent_1.computesTemplateSourceFromComponent; } });
-var render_1 = require("./client/preview/render");
+var render_1 = require("./client/render");
 Object.defineProperty(exports, "rendererFactory", { enumerable: true, get: function () { return render_1.rendererFactory; } });
-var AbstractRenderer_1 = require("./client/preview/angular-beta/AbstractRenderer");
+var AbstractRenderer_1 = require("./client/angular-beta/AbstractRenderer");
 Object.defineProperty(exports, "AbstractRenderer", { enumerable: true, get: function () { return AbstractRenderer_1.AbstractRenderer; } });
-var StorybookModule_1 = require("./client/preview/angular-beta/StorybookModule");
+var StorybookModule_1 = require("./client/angular-beta/StorybookModule");
 Object.defineProperty(exports, "getStorybookModuleMetadata", { enumerable: true, get: function () { return StorybookModule_1.getStorybookModuleMetadata; } });

package/dist/types/server/__mocks-ng-workspace__/minimal-config/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/some-config/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/with-angularBrowserTarget/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json

@@ -9,18 +9,12 @@
         "declarationMap": true,
         "inlineSources": true,
         "types": [],
-        "lib": [
-            "dom",
-            "es2018"
-        ]
+        "lib": ["dom", "es2018"]
     },
     "angularCompilerOptions": {
         "skipTemplateCodegen": true,
         "strictMetadataEmit": true,
         "enableResourceInlining": true
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }

package/dist/types/server/__mocks-ng-workspace__/with-lib/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/with-nx/tsconfig.json

@@ -1,7 +1,5 @@
 {
-    "include": [
-        "./src"
-    ],
+    "include": ["./src"],
     "compilerOptions": {
         "sourceMap": true,
         "moduleResolution": "node",
@@ -11,9 +9,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/with-nx-workspace/tsconfig.json

@@ -1,7 +1,5 @@
 {
-    "include": [
-        "./src"
-    ],
+    "include": ["./src"],
     "compilerOptions": {
         "sourceMap": true,
         "moduleResolution": "node",
@@ -11,9 +9,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/with-options-styles/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/tsconfig.lib.json

@@ -9,18 +9,12 @@
         "declarationMap": true,
         "inlineSources": true,
         "types": [],
-        "lib": [
-            "dom",
-            "es2018"
-        ]
+        "lib": ["dom", "es2018"]
     },
     "angularCompilerOptions": {
         "skipTemplateCodegen": true,
         "strictMetadataEmit": true,
         "enableResourceInlining": true
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }

package/dist/types/server/__mocks-ng-workspace__/without-projects-entry/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/__mocks-ng-workspace__/without-tsConfig/tsconfig.json

@@ -8,9 +8,6 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": [
-            "es2017",
-            "dom"
-        ]
+        "lib": ["es2017", "dom"]
     }
 }

package/dist/types/server/framework-preset-angular-cli.js

@@ -31,7 +31,7 @@ const node_logger_1 = require("@storybook/node-logger");
 const architect_1 = require("@angular-devkit/architect");
 const find_up_1 = require("find-up");
 const semver_1 = __importDefault(require("@storybook/semver"));
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const core_1 = require("@angular-devkit/core");
 const module_is_available_1 = require("./utils/module-is-available");
 const angular_cli_webpack_12_2_x_1 = require("./angular-cli-webpack-12.2.x");
@@ -139,7 +139,7 @@ async function getLegacyDefaultBuildOptions(options) {
         // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
         return {};
     }
-    node_logger_1.logger.warn((0, ts_dedent_1.default) `Your Storybook startup uses a solution that will not be supported in version 7.0. 
+    node_logger_1.logger.warn((0, ts_dedent_1.dedent) `Your Storybook startup uses a solution that will not be supported in version 7.0. 
             You must use angular builder to have an explicit configuration on the project used in angular.json
             Read more at:
             - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#sb-angular-builder)

package/dist/types/types.d.ts

@@ -1,13 +1,28 @@
-import type { StorybookConfig as BaseConfig } from '@storybook/core-common';
-export interface AngularOptions {
-    enableIvy: boolean;
-}
+import type { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
+import type { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
+declare type FrameworkName = '@storybook/angular';
+declare type BuilderName = '@storybook/builder-webpack5';
+export declare type FrameworkOptions = AngularOptions & {
+    builder?: BuilderOptions;
+};
+declare type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfigBase['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptionsBuilder & TypescriptOptionsReact> & StorybookConfigBase['typescript'];
+};
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
-export interface StorybookConfig extends BaseConfig {
-    framework: string | {
-        name: '@storybook/angular';
-        options: AngularOptions;
-    };
+export declare type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+export interface AngularOptions {
+    enableIvy: boolean;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.30",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -30,22 +30,23 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "tsc --noEmit",
+    "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.3",
-    "@storybook/api": "7.0.0-alpha.3",
-    "@storybook/builder-webpack5": "7.0.0-alpha.3",
-    "@storybook/client-logger": "7.0.0-alpha.3",
-    "@storybook/core-client": "7.0.0-alpha.3",
-    "@storybook/core-common": "7.0.0-alpha.3",
-    "@storybook/core-events": "7.0.0-alpha.3",
-    "@storybook/core-server": "7.0.0-alpha.3",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.3",
-    "@storybook/node-logger": "7.0.0-alpha.3",
+    "@storybook/addons": "7.0.0-alpha.30",
+    "@storybook/api": "7.0.0-alpha.30",
+    "@storybook/builder-webpack5": "7.0.0-alpha.30",
+    "@storybook/client-logger": "7.0.0-alpha.30",
+    "@storybook/core-client": "7.0.0-alpha.30",
+    "@storybook/core-common": "7.0.0-alpha.30",
+    "@storybook/core-events": "7.0.0-alpha.30",
+    "@storybook/core-server": "7.0.0-alpha.30",
+    "@storybook/csf": "0.0.2--canary.0899bb7.0",
+    "@storybook/docs-tools": "7.0.0-alpha.30",
+    "@storybook/node-logger": "7.0.0-alpha.30",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.3",
+    "@storybook/store": "7.0.0-alpha.30",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -62,7 +63,6 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "read-pkg-up": "^7.0.1",
-    "regenerator-runtime": "^0.13.7",
     "sass-loader": "^12.6.0",
     "telejson": "^6.0.8",
     "ts-dedent": "^2.0.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "629b056190993bcee6445471b8cb27208eb401a9"
+  "gitHead": "aabf7b595cb13d8a86dca27ad3d6039205bd55d6"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/types/client/preview/globals.d.ts

@@ -1 +0,0 @@
-import './angular-polyfills';

package/dist/types/client/preview/globals.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const global_1 = __importDefault(require("global"));
-require("./angular-polyfills");
-const { window: globalWindow } = global_1.default;
-globalWindow.STORYBOOK_ENV = 'angular';

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

@@ -1,9 +0,0 @@
-import type { Args } from '@storybook/csf';
-import type { StoryObj } from './types-6-0';
-export type { 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/standalone.d.ts

@@ -1,21 +0,0 @@
-import type { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
-import type { BuilderContext } from '@angular-devkit/architect';
-
-export type StandaloneOptions = Partial<
-  CLIOptions &
-    LoadOptions &
-    BuilderOptions & {
-      mode?: 'static' | 'dev';
-      angularBrowserTarget?: string | null;
-      angularBuilderOptions?: Record<string, any> & {
-        styles?: any[];
-        stylePreprocessorOptions?: any;
-      };
-      angularBuilderContext?: BuilderContext | null;
-      tsConfig?: string;
-    }
->;
-
-declare module '@storybook/angular/standalone' {
-  export default function buildStandalone(options: StandaloneOptions): Promise<unknown>;
-}

package/standalone.js

@@ -1,7 +0,0 @@
-const build = require('@storybook/core-server/standalone');
-
-async function buildStandalone(options) {
-  return build(options);
-}
-
-module.exports = buildStandalone;

package/types-6-0.d.ts

@@ -1 +0,0 @@
-export * from './dist/types/client/preview/types-6-0.d';

package/types-7-0.d.ts

@@ -1 +0,0 @@
-export * from './dist/types/client/preview/types-7-0.d';