@storybook/angular 7.1.0-alpha.0 → 7.1.0-alpha.10

package/README.md

@@ -27,12 +27,12 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-angular-app
-npx storybook init
+npx storybook@latest init
 ```
 
 ## Setup Storybook for your Angular projects
 
-Storybook supports Angular multi-project workspace. You can setup Storybook for each project in the workspace. When running `npx storybook init` you will be asked for which project Storybook should be set up. Essentially, during initialization, the `.storybook` folder will be created and the `angular.json` will be edited to add the Storybook configuration for the selected project. The configuration looks approximately like this:
+Storybook supports Angular multi-project workspace. You can setup Storybook for each project in the workspace. When running `npx storybook@latest init` you will be asked for which project Storybook should be set up. Essentially, during initialization, the `.storybook` folder will be created and the `angular.json` will be edited to add the Storybook configuration for the selected project. The configuration looks approximately like this:
 
 ```json
 // angular.json

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

@@ -6,9 +6,11 @@ const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
 const read_pkg_up_1 = require("read-pkg-up");
 const cli_1 = require("@storybook/cli");
+const telemetry_1 = require("@storybook/telemetry");
 const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
+(0, telemetry_1.addToGlobalContext)('cliVersion', cli_1.versions.storybook);
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
 function commandBuilder(options, context) {
     return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {

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

@@ -6,9 +6,11 @@ const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
 const read_pkg_up_1 = require("read-pkg-up");
 const cli_1 = require("@storybook/cli");
+const telemetry_1 = require("@storybook/telemetry");
 const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
+(0, telemetry_1.addToGlobalContext)('cliVersion', cli_1.versions.storybook);
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
 function commandBuilder(options, context) {
     return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {

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

@@ -14,4 +14,4 @@ export declare const computesTemplateFromComponent: (component: Type<unknown>, i
  * @param initialProps
  * @param innerTemplate
  */
-export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string;
+export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string | null;

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

@@ -1,5 +1,5 @@
 import { Provider, InjectionToken } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection } from '../types';
-export declare const STORY_PROPS: InjectionToken<Subject<ICollection>>;
+export declare const STORY_PROPS: InjectionToken<Subject<ICollection | undefined>>;
 export declare const storyPropsProvider: (storyProps$: Subject<ICollection | undefined>) => Provider;

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

@@ -11,6 +11,6 @@ export declare const createStorybookWrapperComponent: ({ selector, template, sto
     storyComponent: Type<unknown> | undefined;
     styles: string[];
     moduleMetadata: NgModuleMetadata;
-    initialProps?: ICollection;
-    analyzedMetadata?: PropertyExtractor;
+    initialProps?: ICollection | undefined;
+    analyzedMetadata?: PropertyExtractor | undefined;
 }) => Type<any>;

package/dist/client/decorators.d.ts

@@ -11,4 +11,4 @@ export declare function applicationConfig<TArgs = any>(
  * Set of config options available during the application bootstrap operation.
  */
 config: ApplicationConfig): DecoratorFunction<AngularRenderer, TArgs>;
-export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection)) => DecoratorFunction<AngularRenderer, TArgs>;
+export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection) | undefined) => DecoratorFunction<AngularRenderer, TArgs>;

package/dist/client/docs/compodoc.d.ts

@@ -5,8 +5,8 @@ export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const getCompodocJson: () => CompodocJson;
 export declare const checkValidComponentOrDirective: (component: Component | Directive) => void;
 export declare const checkValidCompodocJson: (compodocJson: CompodocJson) => void;
-export declare const findComponentByName: (name: string, compodocJson: CompodocJson) => Class | Injectable | Pipe | Directive;
+export declare const findComponentByName: (name: string, compodocJson: CompodocJson) => Class | Injectable | Pipe | Directive | undefined;
 export declare const extractType: (property: Property, defaultValue: any) => SBType;
 export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes<import("@storybook/types").Args>;
-export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("@storybook/types").Args>;
-export declare const extractComponentDescription: (component: Component | Directive) => string;
+export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("@storybook/types").Args> | null | undefined;
+export declare const extractComponentDescription: (component: Component | Directive) => string | null | undefined;

package/dist/client/index.js

@@ -26,4 +26,5 @@ Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: functi
 Object.defineProperty(exports, "componentWrapperDecorator", { enumerable: true, get: function () { return decorators_1.componentWrapperDecorator; } });
 Object.defineProperty(exports, "applicationConfig", { enumerable: true, get: function () { return decorators_1.applicationConfig; } });
 // optimization: stop HMR propagation in webpack
-module?.hot?.decline();
+if (typeof module !== 'undefined')
+    module?.hot?.decline();

package/dist/client/public-api.js

@@ -18,12 +18,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.raw = exports.forceReRender = exports.configure = exports.storiesOf = void 0;
-const core_client_1 = require("@storybook/core-client");
+const preview_api_1 = require("@storybook/preview-api");
 const render_1 = require("./render");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
 __exportStar(require("./public-types"), exports);
 const RENDERER = 'angular';
-const api = (0, core_client_1.start)(render_1.renderToCanvas, { decorateStory: decorateStory_1.default, render: render_1.render });
+const api = (0, preview_api_1.start)(render_1.renderToCanvas, { decorateStory: decorateStory_1.default, render: render_1.render });
 const storiesOf = (kind, m) => {
     return api.clientApi.storiesOf(kind, m).addParameters({
         renderer: RENDERER,

package/dist/server/angular-cli-webpack.js

@@ -1,3 +1,4 @@
+"use strict";
 // Private angular devkit stuff
 const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
 const { getCommonConfig, getStylesConfig, getDevServerConfig, getTypeScriptConfig, } = require('@angular-devkit/build-angular/src/webpack/configs');

package/package.json

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

package/template/cli/Button.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import Button from './button.component';
 
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/angular/writing-stories/introduction
+// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
 const meta: Meta<Button> = {
   title: 'Example/Button',
   component: Button,
@@ -22,7 +22,7 @@ const meta: Meta<Button> = {
 export default meta;
 type Story = StoryObj<Button>;
 
-// More on writing stories with args: https://storybook.js.org/docs/7.0/angular/writing-stories/args
+// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,

package/template/cli/Header.stories.ts

@@ -8,7 +8,7 @@ import Header from './header.component';
 const meta: Meta<Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/7.0/angular/writing-docs/docs-page
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/angular/writing-docs/autodocs
   tags: ['autodocs'],
   render: (args) => ({ props: args }),
   decorators: [
@@ -18,7 +18,7 @@ const meta: Meta<Header> = {
     }),
   ],
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
     layout: 'fullscreen',
   },
 };

package/template/cli/Page.stories.ts

@@ -11,7 +11,7 @@ const meta: Meta<Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
     layout: 'fullscreen',
   },
   decorators: [
@@ -31,7 +31,7 @@ export const LoggedOut: Story = {
   }),
 };
 
-// More on interaction testing: https://storybook.js.org/docs/7.0/angular/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/angular/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   render: (args: Page) => ({
     props: args,