@storybook/angular 10.1.0-alpha.8 → 10.1.0-beta.0

package/dist/_browser-chunks/{chunk-CV6HSYTZ.js → chunk-T32Z4CGF.js}

@@ -1,10 +1,9 @@
 import {
-  __name,
   computesTemplateFromComponent,
   formatPropInTemplate,
   isComponent,
   render_exports
-} from "./chunk-L4GU2V72.js";
+} from "./chunk-6CHBWP5J.js";
 
 // src/client/portable-stories.ts
 import {
@@ -12,19 +11,15 @@ import {
   setDefaultProjectAnnotations
 } from "storybook/preview-api";
 function setProjectAnnotations(projectAnnotations) {
-  setDefaultProjectAnnotations(render_exports);
-  return originalSetProjectAnnotations(
+  return setDefaultProjectAnnotations(render_exports), originalSetProjectAnnotations(
     projectAnnotations
   );
 }
-__name(setProjectAnnotations, "setProjectAnnotations");
 
 // src/client/decorators.ts
-var moduleMetadata = /* @__PURE__ */ __name((metadata) => (storyFn) => {
-  const story = storyFn();
-  const storyMetadata = story.moduleMetadata || {};
-  metadata = metadata || {};
-  return {
+var moduleMetadata = (metadata) => (storyFn) => {
+  let story = storyFn(), storyMetadata = story.moduleMetadata || {};
+  return metadata = metadata || {}, {
     ...story,
     moduleMetadata: {
       declarations: [...metadata.declarations || [], ...storyMetadata.declarations || []],
@@ -37,11 +32,10 @@ var moduleMetadata = /* @__PURE__ */ __name((metadata) => (storyFn) => {
       providers: [...metadata.providers || [], ...storyMetadata.providers || []]
     }
   };
-}, "moduleMetadata");
+};
 function applicationConfig(config) {
   return (storyFn) => {
-    const story = storyFn();
-    const storyConfig = story.applicationConfig;
+    let story = storyFn(), storyConfig = story.applicationConfig;
     return {
       ...story,
       applicationConfig: storyConfig || config ? {
@@ -52,11 +46,8 @@ function applicationConfig(config) {
     };
   };
 }
-__name(applicationConfig, "applicationConfig");
-var componentWrapperDecorator = /* @__PURE__ */ __name((element, props) => (storyFn, storyContext) => {
-  const story = storyFn();
-  const currentProps = typeof props === "function" ? props(storyContext) : props;
-  const template = isComponent(element) ? computesTemplateFromComponent(element, currentProps ?? {}, story.template) : element(story.template);
+var componentWrapperDecorator = (element, props) => (storyFn, storyContext) => {
+  let story = storyFn(), currentProps = typeof props == "function" ? props(storyContext) : props, template = isComponent(element) ? computesTemplateFromComponent(element, currentProps ?? {}, story.template) : element(story.template);
   return {
     ...story,
     template,
@@ -67,21 +58,15 @@ var componentWrapperDecorator = /* @__PURE__ */ __name((element, props) => (stor
       }
     } : {}
   };
-}, "componentWrapperDecorator");
+};
 
 // src/client/argsToTemplate.ts
 function argsToTemplate(args, options = {}) {
-  const includeSet = options.include ? new Set(options.include) : null;
-  const excludeSet = options.exclude ? new Set(options.exclude) : null;
-  return Object.entries(args).filter(([key]) => args[key] !== void 0).filter(([key]) => {
-    if (includeSet) return includeSet.has(key);
-    if (excludeSet) return !excludeSet.has(key);
-    return true;
-  }).map(
-    ([key, value]) => typeof value === "function" ? `(${key})="${formatPropInTemplate(key)}($event)"` : `[${key}]="${formatPropInTemplate(key)}"`
+  let includeSet = options.include ? new Set(options.include) : null, excludeSet = options.exclude ? new Set(options.exclude) : null;
+  return Object.entries(args).filter(([key]) => args[key] !== void 0).filter(([key]) => includeSet ? includeSet.has(key) : excludeSet ? !excludeSet.has(key) : !0).map(
+    ([key, value]) => typeof value == "function" ? `(${key})="${formatPropInTemplate(key)}($event)"` : `[${key}]="${formatPropInTemplate(key)}"`
   ).join(" ");
 }
-__name(argsToTemplate, "argsToTemplate");
 
 export {
   setProjectAnnotations,

package/dist/_node-chunks/chunk-YMPHFUN2.js

@@ -0,0 +1,43 @@
+import CJS_COMPAT_NODE_URL_ysqodpy6j9j from 'node:url';
+import CJS_COMPAT_NODE_PATH_ysqodpy6j9j from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ysqodpy6j9j from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_ysqodpy6j9j.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ysqodpy6j9j.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ysqodpy6j9j.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// ../../node_modules/empathic/find.mjs
+import { join as join2 } from "node:path";
+import { existsSync, statSync } from "node:fs";
+
+// ../../node_modules/empathic/walk.mjs
+import { dirname } from "node:path";
+
+// ../../node_modules/empathic/resolve.mjs
+import { isAbsolute, join, resolve } from "node:path";
+function absolute(input, root) {
+  return isAbsolute(input) ? input : resolve(root || ".", input);
+}
+
+// ../../node_modules/empathic/walk.mjs
+function up(base, options) {
+  let { last, cwd } = options || {}, tmp = absolute(base, cwd), root = absolute(last || "/", cwd), prev, arr = [];
+  for (; prev !== root && (arr.push(tmp), tmp = dirname(prev = tmp), tmp !== prev); )
+    ;
+  return arr;
+}
+
+// ../../node_modules/empathic/find.mjs
+function up2(name, options) {
+  let dir, tmp, start = options && options.cwd || "";
+  for (dir of up(start, options))
+    if (tmp = join2(dir, name), existsSync(tmp)) return tmp;
+}
+
+export {
+  up2 as up
+};

package/dist/_node-chunks/chunk-Z5FLT7AH.js

@@ -0,0 +1,62 @@
+import CJS_COMPAT_NODE_URL_ysqodpy6j9j from 'node:url';
+import CJS_COMPAT_NODE_PATH_ysqodpy6j9j from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ysqodpy6j9j from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_ysqodpy6j9j.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ysqodpy6j9j.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ysqodpy6j9j.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  up
+} from "./chunk-YMPHFUN2.js";
+
+// ../../node_modules/empathic/package.mjs
+function up2(options) {
+  return up("package.json", options);
+}
+
+// src/builders/utils/error-handler.ts
+import { logger, instance as npmLog } from "storybook/internal/node-logger";
+import { dedent } from "ts-dedent";
+var printErrorDetails = (error) => {
+  npmLog.heading = "", error instanceof Error ? error.error ? logger.error(error.error) : error.stats && error.stats.compilation.errors ? error.stats.compilation.errors.forEach((e) => logger.log(e)) : logger.error(error) : error.compilation?.errors && error.compilation.errors.forEach((e) => logger.log(e));
+}, errorSummary = (error) => error.close ? dedent`
+      FATAL broken build!, will close the process,
+      Fix the error below and restart storybook.
+    ` : dedent`
+      Broken build, fix the error above.
+      You may need to refresh the browser.
+    `;
+
+// src/builders/utils/run-compodoc.ts
+import { isAbsolute, relative } from "node:path";
+import { JsPackageManagerFactory } from "storybook/internal/common";
+import { Observable } from "rxjs";
+var hasTsConfigArg = (args) => args.indexOf("-p") !== -1, hasOutputArg = (args) => args.indexOf("-d") !== -1 || args.indexOf("--output") !== -1, toRelativePath = (pathToTsConfig) => isAbsolute(pathToTsConfig) ? relative(".", pathToTsConfig) : pathToTsConfig, runCompodoc = ({ compodocArgs, tsconfig }, context) => new Observable((observer) => {
+  let tsConfigPath = toRelativePath(tsconfig), finalCompodocArgs = [
+    "compodoc",
+    ...hasTsConfigArg(compodocArgs) ? [] : ["-p", tsConfigPath],
+    ...hasOutputArg(compodocArgs) ? [] : ["-d", `${context.workspaceRoot || "."}`],
+    ...compodocArgs
+  ], packageManager = JsPackageManagerFactory.getPackageManager();
+  try {
+    packageManager.runPackageCommand({
+      args: finalCompodocArgs,
+      cwd: context.workspaceRoot
+    }).then((result) => {
+      context.logger.info(result.stdout), observer.next(), observer.complete();
+    });
+  } catch (e) {
+    context.logger.error(e), observer.error();
+  }
+});
+
+export {
+  up2 as up,
+  printErrorDetails,
+  errorSummary,
+  runCompodoc
+};

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_49fwnnwgxdq from 'node:url';
-import CJS_COMPAT_NODE_PATH_49fwnnwgxdq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_49fwnnwgxdq from "node:module";
+import CJS_COMPAT_NODE_URL_ysqodpy6j9j from 'node:url';
+import CJS_COMPAT_NODE_PATH_ysqodpy6j9j from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ysqodpy6j9j from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_49fwnnwgxdq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_49fwnnwgxdq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_49fwnnwgxdq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ysqodpy6j9j.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ysqodpy6j9j.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ysqodpy6j9j.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,117 +14,99 @@ import {
   printErrorDetails,
   runCompodoc,
   up as up2
-} from "../../_node-chunks/chunk-CKMZCINS.js";
+} from "../../_node-chunks/chunk-Z5FLT7AH.js";
 import {
   up
-} from "../../_node-chunks/chunk-C7I5GKOQ.js";
-import {
-  __name
-} from "../../_node-chunks/chunk-5KBZJOS2.js";
+} from "../../_node-chunks/chunk-YMPHFUN2.js";
 
 // src/builders/build-storybook/index.ts
 import { readFileSync } from "node:fs";
 import { getEnvConfig, getProjectRoot, versions } from "storybook/internal/common";
 import { buildStaticStandalone, withTelemetry } from "storybook/internal/core-server";
 import { addToGlobalContext } from "storybook/internal/telemetry";
+import { logger } from "storybook/internal/node-logger";
 import { createBuilder, targetFromTargetString } from "@angular-devkit/architect";
 import { from, of, throwError } from "rxjs";
 import { catchError, map, mapTo, switchMap } from "rxjs/operators";
 import { VERSION } from "@angular/core";
 addToGlobalContext("cliVersion", versions.storybook);
-var commandBuilder = /* @__PURE__ */ __name((options, context) => {
-  const builder = from(setup(options, context)).pipe(
-    switchMap(({ tsConfig }) => {
-      const docTSConfig = up("tsconfig.doc.json", {
-        cwd: options.configDir,
-        last: getProjectRoot()
-      });
-      const runCompodoc$ = options.compodoc ? runCompodoc(
-        { compodocArgs: options.compodocArgs, tsconfig: docTSConfig ?? tsConfig },
-        context
-      ).pipe(mapTo({ tsConfig })) : of({});
-      return runCompodoc$.pipe(mapTo({ tsConfig }));
-    }),
-    map(({ tsConfig }) => {
-      getEnvConfig(options, {
-        staticDir: "SBCONFIG_STATIC_DIR",
-        outputDir: "SBCONFIG_OUTPUT_DIR",
-        configDir: "SBCONFIG_CONFIG_DIR"
-      });
-      const {
-        browserTarget,
-        stylePreprocessorOptions,
-        styles,
-        configDir,
-        docs,
-        loglevel,
-        test,
-        outputDir,
-        quiet,
-        enableProdMode = true,
-        webpackStatsJson,
-        statsJson,
-        debugWebpack,
-        disableTelemetry,
-        assets,
-        previewUrl,
-        sourceMap = false,
-        preserveSymlinks = false,
-        experimentalZoneless = !!(VERSION.major && Number(VERSION.major) >= 21)
-      } = options;
-      const packageJsonPath = up2({ cwd: __dirname });
-      const packageJson = packageJsonPath != null ? JSON.parse(readFileSync(packageJsonPath, "utf8")) : null;
-      const standaloneOptions = {
-        packageJson,
-        configDir,
-        ...docs ? { docs } : {},
-        loglevel,
-        outputDir,
-        test,
-        quiet,
-        enableProdMode,
-        disableTelemetry,
-        angularBrowserTarget: browserTarget,
-        angularBuilderContext: context,
-        angularBuilderOptions: {
-          ...stylePreprocessorOptions ? { stylePreprocessorOptions } : {},
-          ...styles ? { styles } : {},
-          ...assets ? { assets } : {},
-          sourceMap,
-          preserveSymlinks,
-          experimentalZoneless
-        },
-        tsConfig,
-        webpackStatsJson,
-        statsJson,
-        debugWebpack,
-        previewUrl
-      };
-      return standaloneOptions;
-    }),
-    switchMap((standaloneOptions) => runInstance({ ...standaloneOptions, mode: "static" })),
-    map(() => {
-      return { success: true };
-    })
-  );
-  return builder;
-}, "commandBuilder");
-var build_storybook_default = createBuilder(commandBuilder);
+var commandBuilder = (options, context) => from(setup(options, context)).pipe(
+  switchMap(({ tsConfig }) => {
+    let docTSConfig = up("tsconfig.doc.json", {
+      cwd: options.configDir,
+      last: getProjectRoot()
+    });
+    return (options.compodoc ? runCompodoc(
+      { compodocArgs: options.compodocArgs, tsconfig: docTSConfig ?? tsConfig },
+      context
+    ).pipe(mapTo({ tsConfig })) : of({})).pipe(mapTo({ tsConfig }));
+  }),
+  map(({ tsConfig }) => {
+    getEnvConfig(options, {
+      staticDir: "SBCONFIG_STATIC_DIR",
+      outputDir: "SBCONFIG_OUTPUT_DIR",
+      configDir: "SBCONFIG_CONFIG_DIR"
+    });
+    let {
+      browserTarget,
+      stylePreprocessorOptions,
+      styles,
+      configDir,
+      docs,
+      loglevel,
+      test,
+      outputDir,
+      quiet,
+      enableProdMode = !0,
+      webpackStatsJson,
+      statsJson,
+      debugWebpack,
+      disableTelemetry,
+      assets,
+      previewUrl,
+      sourceMap = !1,
+      preserveSymlinks = !1,
+      experimentalZoneless = !!(VERSION.major && Number(VERSION.major) >= 21)
+    } = options, packageJsonPath = up2({ cwd: __dirname });
+    return {
+      packageJson: packageJsonPath != null ? JSON.parse(readFileSync(packageJsonPath, "utf8")) : null,
+      configDir,
+      ...docs ? { docs } : {},
+      loglevel,
+      outputDir,
+      test,
+      quiet,
+      enableProdMode,
+      disableTelemetry,
+      angularBrowserTarget: browserTarget,
+      angularBuilderContext: context,
+      angularBuilderOptions: {
+        ...stylePreprocessorOptions ? { stylePreprocessorOptions } : {},
+        ...styles ? { styles } : {},
+        ...assets ? { assets } : {},
+        sourceMap,
+        preserveSymlinks,
+        experimentalZoneless
+      },
+      tsConfig,
+      webpackStatsJson,
+      statsJson,
+      debugWebpack,
+      previewUrl
+    };
+  }),
+  switchMap((standaloneOptions) => runInstance({ ...standaloneOptions, mode: "static" })),
+  map(() => ({ success: !0 }))
+), build_storybook_default = createBuilder(commandBuilder);
 async function setup(options, context) {
-  let browserOptions;
-  let browserTarget;
-  if (options.browserTarget) {
-    browserTarget = targetFromTargetString(options.browserTarget);
-    browserOptions = await context.validateOptions(
-      await context.getTargetOptions(browserTarget),
-      await context.getBuilderNameForTarget(browserTarget)
-    );
-  }
-  return {
+  let browserOptions, browserTarget;
+  return options.browserTarget && (browserTarget = targetFromTargetString(options.browserTarget), browserOptions = await context.validateOptions(
+    await context.getTargetOptions(browserTarget),
+    await context.getBuilderNameForTarget(browserTarget)
+  )), {
     tsConfig: options.tsConfig ?? up("tsconfig.json", { cwd: options.configDir, last: getProjectRoot() }) ?? browserOptions.tsConfig
   };
 }
-__name(setup, "setup");
 function runInstance(options) {
   return from(
     withTelemetry(
@@ -134,11 +116,14 @@ function runInstance(options) {
         presetOptions: { ...options, corePresets: [], overridePresets: [] },
         printError: printErrorDetails
       },
-      () => buildStaticStandalone(options)
+      async () => {
+        logger.intro("Building storybook");
+        let result = await buildStaticStandalone(options);
+        return logger.outro("Storybook build completed successfully"), result;
+      }
     )
   ).pipe(catchError((error) => throwError(errorSummary(error))));
 }
-__name(runInstance, "runInstance");
 export {
   build_storybook_default as default
 };