@storybook/angular 6.5.6 → 7.0.0-alpha.0

package/dist/{ts3.9 → types}/builders/build-storybook/index.d.ts

@@ -11,5 +11,5 @@ export declare type StorybookBuilderOptions = JsonObject & {
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs' | 'webpackStatsJson'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

@@ -0,0 +1,58 @@
+"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 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);
+function commandBuilder(options, context) {
+    return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
+        const runCompodoc$ = options.compodoc
+            ? (0, run_compodoc_1.runCompodoc)({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe((0, operators_1.mapTo)({ tsConfig }))
+            : (0, rxjs_1.of)({});
+        return runCompodoc$.pipe((0, operators_1.mapTo)({ tsConfig }));
+    }), (0, operators_1.map)(({ tsConfig }) => {
+        const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, outputDir, quiet, webpackStatsJson, } = options;
+        const standaloneOptions = {
+            configDir,
+            docs,
+            loglevel,
+            outputDir,
+            quiet,
+            angularBrowserTarget: browserTarget,
+            angularBuilderContext: context,
+            angularBuilderOptions: {
+                ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
+                ...(styles ? { styles } : {}),
+            },
+            tsConfig,
+            webpackStatsJson,
+        };
+        return standaloneOptions;
+    }), (0, operators_1.switchMap)((standaloneOptions) => runInstance({ ...standaloneOptions, mode: 'static' })), (0, operators_1.map)(() => {
+        return { success: true };
+    }));
+}
+async function setup(options, context) {
+    let browserOptions;
+    let browserTarget;
+    if (options.browserTarget) {
+        browserTarget = (0, architect_1.targetFromTargetString)(options.browserTarget);
+        browserOptions = await context.validateOptions(await context.getTargetOptions(browserTarget), await context.getBuilderNameForTarget(browserTarget));
+    }
+    return {
+        tsConfig: options.tsConfig ??
+            (0, find_up_1.sync)('tsconfig.json', { cwd: options.configDir }) ??
+            browserOptions.tsConfig,
+    };
+}
+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))));
+}

package/dist/{ts3.9 → types}/builders/start-storybook/index.d.ts

@@ -11,5 +11,5 @@ export declare type StorybookBuilderOptions = JsonObject & {
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

@@ -0,0 +1,66 @@
+"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 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);
+function commandBuilder(options, context) {
+    return (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {
+        const runCompodoc$ = options.compodoc
+            ? (0, run_compodoc_1.runCompodoc)({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe((0, operators_1.mapTo)({ tsConfig }))
+            : (0, rxjs_1.of)({});
+        return runCompodoc$.pipe((0, operators_1.mapTo)({ tsConfig }));
+    }), (0, operators_1.map)(({ tsConfig }) => {
+        const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, smokeTest, sslCa, sslCert, sslKey, } = options;
+        const standaloneOptions = {
+            ci,
+            configDir,
+            docs,
+            host,
+            https,
+            port,
+            quiet,
+            smokeTest,
+            sslCa,
+            sslCert,
+            sslKey,
+            angularBrowserTarget: browserTarget,
+            angularBuilderContext: context,
+            angularBuilderOptions: {
+                ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
+                ...(styles ? { styles } : {}),
+            },
+            tsConfig,
+        };
+        return standaloneOptions;
+    }), (0, operators_1.switchMap)((standaloneOptions) => runInstance(standaloneOptions)), (0, operators_1.map)(() => {
+        return { success: true };
+    }));
+}
+async function setup(options, context) {
+    let browserOptions;
+    let browserTarget;
+    if (options.browserTarget) {
+        browserTarget = (0, architect_1.targetFromTargetString)(options.browserTarget);
+        browserOptions = await context.validateOptions(await context.getTargetOptions(browserTarget), await context.getBuilderNameForTarget(browserTarget));
+    }
+    return {
+        tsConfig: options.tsConfig ??
+            (0, find_up_1.sync)('tsconfig.json', { cwd: options.configDir }) ??
+            browserOptions.tsConfig,
+    };
+}
+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)));
+    });
+}

package/dist/{ts3.9 → types}/builders/utils/build-standalone-errors-handler.js

@@ -6,8 +6,7 @@ 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"));
-exports.buildStandaloneErrorHandler = (error) => {
-    var _a;
+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
     node_logger_1.instance.heading = '';
@@ -22,17 +21,18 @@ exports.buildStandaloneErrorHandler = (error) => {
             node_logger_1.logger.error(error);
         }
     }
-    else if ((_a = error.compilation) === null || _a === void 0 ? void 0 : _a.errors) {
+    else if (error.compilation?.errors) {
         error.compilation.errors.forEach((e) => node_logger_1.logger.plain(e));
     }
     node_logger_1.logger.line();
     return error.close
-        ? ts_dedent_1.default `
+        ? (0, ts_dedent_1.default) `
       FATAL broken build!, will close the process,
       Fix the error below and restart storybook.
     `
-        : ts_dedent_1.default `
+        : (0, ts_dedent_1.default) `
       Broken build, fix the error above.
       You may need to refresh the browser.
     `;
 };
+exports.buildStandaloneErrorHandler = buildStandaloneErrorHandler;

package/dist/{ts3.9 → types}/builders/utils/run-compodoc.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -29,7 +33,7 @@ const hasTsConfigArg = (args) => args.indexOf('-p') !== -1;
 const toRelativePath = (pathToTsConfig) => {
     return path.isAbsolute(pathToTsConfig) ? path.relative('.', pathToTsConfig) : pathToTsConfig;
 };
-exports.runCompodoc = ({ compodocArgs, tsconfig }, context) => {
+const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
     return new rxjs_1.Observable((observer) => {
         const tsConfigPath = toRelativePath(tsconfig);
         const finalCompodocArgs = [
@@ -42,7 +46,7 @@ exports.runCompodoc = ({ compodocArgs, tsconfig }, context) => {
         ];
         try {
             context.logger.info(finalCompodocArgs.join(' '));
-            const child = child_process_1.spawn('npx', finalCompodocArgs, {
+            const child = (0, child_process_1.spawn)('npx', finalCompodocArgs, {
                 cwd: context.workspaceRoot,
                 env: process.env,
                 shell: true,
@@ -68,3 +72,4 @@ exports.runCompodoc = ({ compodocArgs, tsconfig }, context) => {
         }
     });
 };
+exports.runCompodoc = runCompodoc;

package/dist/{ts3.9 → types}/client/docs/compodoc.js

@@ -4,25 +4,30 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractComponentDescription = exports.extractArgTypes = exports.extractArgTypesFromData = exports.extractType = exports.findComponentByName = exports.checkValidCompodocJson = exports.checkValidComponentOrDirective = exports.getCompodocJson = exports.setCompodocJson = exports.isMethod = void 0;
 const client_logger_1 = require("@storybook/client-logger");
-exports.isMethod = (methodOrProp) => {
+const isMethod = (methodOrProp) => {
     return methodOrProp.args !== undefined;
 };
-exports.setCompodocJson = (compodocJson) => {
+exports.isMethod = isMethod;
+const setCompodocJson = (compodocJson) => {
     // @ts-ignore
     window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
+exports.setCompodocJson = setCompodocJson;
 // @ts-ignore
-exports.getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
-exports.checkValidComponentOrDirective = (component) => {
+const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
+exports.getCompodocJson = getCompodocJson;
+const checkValidComponentOrDirective = (component) => {
     if (!component.name) {
         throw new Error(`Invalid component ${JSON.stringify(component)}`);
     }
 };
-exports.checkValidCompodocJson = (compodocJson) => {
+exports.checkValidComponentOrDirective = checkValidComponentOrDirective;
+const checkValidCompodocJson = (compodocJson) => {
     if (!compodocJson || !compodocJson.components) {
         throw new Error('Invalid compodoc JSON');
     }
 };
+exports.checkValidCompodocJson = checkValidCompodocJson;
 const hasDecorator = (item, decoratorName) => item.decorators && item.decorators.find((x) => x.name === decoratorName);
 const mapPropertyToSection = (item) => {
     if (hasDecorator(item, 'ViewChild')) {
@@ -50,7 +55,7 @@ const mapItemToSection = (key, item) => {
             return 'outputs';
         case 'properties':
         case 'propertiesClass':
-            if (exports.isMethod(item)) {
+            if ((0, exports.isMethod)(item)) {
                 throw new Error("Cannot be of type Method if key === 'propertiesClass'");
             }
             return mapPropertyToSection(item);
@@ -58,23 +63,24 @@ const mapItemToSection = (key, item) => {
             throw new Error(`Unknown key: ${key}`);
     }
 };
-exports.findComponentByName = (name, compodocJson) => compodocJson.components.find((c) => c.name === name) ||
+const findComponentByName = (name, compodocJson) => compodocJson.components.find((c) => c.name === name) ||
     compodocJson.directives.find((c) => c.name === name) ||
     compodocJson.pipes.find((c) => c.name === name) ||
     compodocJson.injectables.find((c) => c.name === name) ||
     compodocJson.classes.find((c) => c.name === name);
+exports.findComponentByName = findComponentByName;
 const getComponentData = (component) => {
     if (!component) {
         return null;
     }
-    exports.checkValidComponentOrDirective(component);
-    const compodocJson = exports.getCompodocJson();
+    (0, exports.checkValidComponentOrDirective)(component);
+    const compodocJson = (0, exports.getCompodocJson)();
     if (!compodocJson) {
         return null;
     }
-    exports.checkValidCompodocJson(compodocJson);
+    (0, exports.checkValidCompodocJson)(compodocJson);
     const { name } = component;
-    const metadata = exports.findComponentByName(name, compodocJson);
+    const metadata = (0, exports.findComponentByName)(name, compodocJson);
     if (!metadata) {
         client_logger_1.logger.warn(`Component not found in compodoc JSON: '${name}'`);
     }
@@ -91,10 +97,9 @@ const extractTypeFromValue = (defaultValue) => {
         : null;
 };
 const extractEnumValues = (compodocType) => {
-    var _a, _b;
-    const compodocJson = exports.getCompodocJson();
-    const enumType = (_b = (_a = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous) === null || _a === void 0 ? void 0 : _a.enumerations) === null || _b === void 0 ? void 0 : _b.find((x) => x.name === compodocType);
-    if (enumType === null || enumType === void 0 ? void 0 : enumType.childs.every((x) => x.value)) {
+    const compodocJson = (0, exports.getCompodocJson)();
+    const enumType = compodocJson?.miscellaneous?.enumerations?.find((x) => x.name === compodocType);
+    if (enumType?.childs.every((x) => x.value)) {
         return enumType.childs.map((x) => x.value);
     }
     if (typeof compodocType !== 'string' || compodocType.indexOf('|') === -1) {
@@ -107,7 +112,7 @@ const extractEnumValues = (compodocType) => {
         return null;
     }
 };
-exports.extractType = (property, defaultValue) => {
+const extractType = (property, defaultValue) => {
     const compodocType = property.type || extractTypeFromValue(defaultValue);
     switch (compodocType) {
         case 'string':
@@ -124,6 +129,7 @@ exports.extractType = (property, defaultValue) => {
         }
     }
 };
+exports.extractType = extractType;
 const castDefaultValue = (property, defaultValue) => {
     const compodocType = property.type;
     // All these checks are necessary as compodoc does not always set the type ie. @HostBinding have empty types.
@@ -167,11 +173,10 @@ const extractDefaultValueFromComments = (property, value) => {
     return commentValue;
 };
 const extractDefaultValue = (property) => {
-    var _a, _b;
     try {
-        let value = (_a = property.defaultValue) === null || _a === void 0 ? void 0 : _a.replace(/^'(.*)'$/, '$1');
+        let value = property.defaultValue?.replace(/^'(.*)'$/, '$1');
         value = castDefaultValue(property, value);
-        if (value == null && ((_b = property.jsdoctags) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+        if (value == null && property.jsdoctags?.length > 0) {
             value = extractDefaultValueFromComments(property, value);
         }
         return value;
@@ -182,12 +187,11 @@ const extractDefaultValue = (property) => {
     }
 };
 const resolveTypealias = (compodocType) => {
-    var _a, _b;
-    const compodocJson = exports.getCompodocJson();
-    const typeAlias = (_b = (_a = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous) === null || _a === void 0 ? void 0 : _a.typealiases) === null || _b === void 0 ? void 0 : _b.find((x) => x.name === compodocType);
+    const compodocJson = (0, exports.getCompodocJson)();
+    const typeAlias = compodocJson?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
     return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
 };
-exports.extractArgTypesFromData = (componentData) => {
+const extractArgTypesFromData = (componentData) => {
     const sectionToItems = {};
     const compodocClasses = ['component', 'directive'].includes(componentData.type)
         ? ['propertiesClass', 'methodsClass', 'inputsClass', 'outputsClass']
@@ -196,20 +200,26 @@ exports.extractArgTypesFromData = (componentData) => {
         const data = componentData[key] || [];
         data.forEach((item) => {
             const section = mapItemToSection(key, item);
-            const defaultValue = exports.isMethod(item) ? undefined : extractDefaultValue(item);
-            const type = exports.isMethod(item) || (section !== 'inputs' && section !== 'properties')
+            const defaultValue = (0, exports.isMethod)(item) ? undefined : extractDefaultValue(item);
+            const type = (0, exports.isMethod)(item) || (section !== 'inputs' && section !== 'properties')
                 ? { name: 'void' }
-                : exports.extractType(item, defaultValue);
+                : (0, exports.extractType)(item, defaultValue);
             const action = section === 'outputs' ? { action: item.name } : {};
-            const argType = Object.assign(Object.assign({ name: item.name, description: item.rawdescription || item.description, defaultValue,
-                type }, action), { table: {
+            const argType = {
+                name: item.name,
+                description: item.rawdescription || item.description,
+                defaultValue,
+                type,
+                ...action,
+                table: {
                     category: section,
                     type: {
-                        summary: exports.isMethod(item) ? displaySignature(item) : item.type,
-                        required: exports.isMethod(item) ? false : !item.optional,
+                        summary: (0, exports.isMethod)(item) ? displaySignature(item) : item.type,
+                        required: (0, exports.isMethod)(item) ? false : !item.optional,
                     },
                     defaultValue: { summary: defaultValue },
-                } });
+                },
+            };
             if (!sectionToItems[section]) {
                 sectionToItems[section] = [];
             }
@@ -237,11 +247,14 @@ exports.extractArgTypesFromData = (componentData) => {
     });
     return argTypes;
 };
-exports.extractArgTypes = (component) => {
+exports.extractArgTypesFromData = extractArgTypesFromData;
+const extractArgTypes = (component) => {
     const componentData = getComponentData(component);
-    return componentData && exports.extractArgTypesFromData(componentData);
+    return componentData && (0, exports.extractArgTypesFromData)(componentData);
 };
-exports.extractComponentDescription = (component) => {
+exports.extractArgTypes = extractArgTypes;
+const extractComponentDescription = (component) => {
     const componentData = getComponentData(component);
     return componentData && (componentData.rawdescription || componentData.description);
 };
+exports.extractComponentDescription = extractComponentDescription;

package/dist/{ts3.9 → types}/client/docs/config.d.ts

@@ -3,7 +3,7 @@ export declare const parameters: {
     docs: {
         inlineStories: boolean;
         prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import("..").AngularFramework, import("@storybook/csf").Args>, { id, parameters, component }: import("..").StoryContext) => import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<undefined>, undefined>;
-        extractArgTypes: (component: import("./types").Directive) => import("@storybook/api").ArgTypes;
+        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist/types").ArgTypes;
         extractComponentDescription: (component: import("./types").Directive) => string;
         source: {
             type: SourceType;
@@ -12,4 +12,4 @@ 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 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("@storybook/addons").Parameters)[];
+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/{ts3.9 → types}/client/docs/index.js

@@ -1,13 +1,17 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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("./compodoc"), exports);

package/dist/types/client/docs/prepareForInline.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareForInline = void 0;
+const react_1 = __importDefault(require("react"));
+const p_limit_1 = __importDefault(require("p-limit"));
+const nanoid_1 = require("nanoid");
+const renderer_1 = require("../../renderer");
+const limit = (0, p_limit_1.default)(1);
+/**
+ * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
+ */
+const prepareForInline = (storyFn, { id, parameters, component }) => {
+    const el = react_1.default.useRef();
+    react_1.default.useEffect(() => {
+        (async () => {
+            limit(async () => {
+                const renderer = await renderer_1.rendererFactory.getRendererInstance(`${id}-${(0, nanoid_1.nanoid)(10)}`.toLowerCase(), el.current);
+                if (renderer) {
+                    await renderer.render({
+                        forced: false,
+                        component,
+                        parameters,
+                        storyFnAngular: storyFn(),
+                        targetDOMNode: el.current,
+                    });
+                }
+            });
+        })();
+    });
+    return react_1.default.createElement('div', {
+        ref: el,
+    });
+};
+exports.prepareForInline = prepareForInline;

package/dist/{ts3.9 → types}/client/docs/sourceDecorator.js

@@ -4,38 +4,38 @@ exports.sourceDecorator = exports.skipSourceRender = void 0;
 const addons_1 = require("@storybook/addons");
 const docs_tools_1 = require("@storybook/docs-tools");
 const renderer_1 = require("../../renderer");
-exports.skipSourceRender = (context) => {
-    var _a;
-    const sourceParams = (_a = context === null || context === void 0 ? void 0 : context.parameters.docs) === null || _a === void 0 ? void 0 : _a.source;
+const skipSourceRender = (context) => {
+    const sourceParams = context?.parameters.docs?.source;
     // always render if the user forces it
-    if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === docs_tools_1.SourceType.DYNAMIC) {
+    if (sourceParams?.type === docs_tools_1.SourceType.DYNAMIC) {
         return false;
     }
     // never render if the user is forcing the block to render code, or
     // if the user provides code
-    return (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === docs_tools_1.SourceType.CODE;
+    return sourceParams?.code || sourceParams?.type === docs_tools_1.SourceType.CODE;
 };
+exports.skipSourceRender = skipSourceRender;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-exports.sourceDecorator = (storyFn, context) => {
+const sourceDecorator = (storyFn, context) => {
     const story = storyFn();
-    if (exports.skipSourceRender(context)) {
+    if ((0, exports.skipSourceRender)(context)) {
         return story;
     }
     const channel = addons_1.addons.getChannel();
     const { props, template, userDefinedTemplate } = story;
     const { component, argTypes } = context;
     let toEmit;
-    addons_1.useEffect(() => {
+    (0, addons_1.useEffect)(() => {
         if (toEmit) {
             channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
         }
     });
     if (component && !userDefinedTemplate) {
-        const source = renderer_1.computesTemplateSourceFromComponent(component, props, argTypes);
+        const source = (0, renderer_1.computesTemplateSourceFromComponent)(component, props, argTypes);
         // We might have a story with a Directive or Service defined as the component
         // In these cases there might exist a template, even if we aren't able to create source from component
         if (source || template) {
@@ -47,3 +47,4 @@ exports.sourceDecorator = (storyFn, context) => {
     }
     return story;
 };
+exports.sourceDecorator = sourceDecorator;

package/dist/{ts3.9 → types}/client/index.js

@@ -1,15 +1,20 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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; } });
@@ -23,6 +28,5 @@ __exportStar(require("./preview/types-6-0"), exports);
 var decorators_1 = require("./preview/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; } });
-if (module && module.hot && module.hot.decline) {
-    module.hot.decline();
-}
+// optimization: stop HMR propagation in webpack
+module?.hot?.decline();

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

@@ -31,7 +31,7 @@ let AppComponent = class AppComponent {
         this.propSubscriptions = new Map();
     }
     ngOnInit() {
-        this.data.pipe(operators_1.first()).subscribe((data) => {
+        this.data.pipe((0, operators_1.first)()).subscribe((data) => {
             this.target.clear();
             const compFactory = this.cfr.resolveComponentFactory(data.component);
             const componentRef = this.target.createComponent(compFactory);
@@ -126,15 +126,15 @@ let AppComponent = class AppComponent {
     }
 };
 __decorate([
-    core_1.ViewChild('target', { read: core_1.ViewContainerRef, static: true }),
+    (0, core_1.ViewChild)('target', { read: core_1.ViewContainerRef, static: true }),
     __metadata("design:type", core_1.ViewContainerRef)
 ], AppComponent.prototype, "target", void 0);
 AppComponent = __decorate([
-    core_1.Component({
+    (0, core_1.Component)({
         selector: 'storybook-dynamic-app-root',
         template: '<ng-template #target></ng-template>',
     }),
-    __param(2, core_1.Inject(app_token_1.STORY)),
+    __param(2, (0, core_1.Inject)(app_token_1.STORY)),
     __metadata("design:paramtypes", [core_1.ComponentFactoryResolver,
         core_1.ChangeDetectorRef,
         rxjs_1.Observable])