Angular: Honor --loglevel and --logfile in dev/build

code/core/src/bin/core.ts

@@ -27,8 +27,10 @@ addToGlobalContext('cliVersion', version);
  */
 
 const handleCommandFailure = async (logFilePath: string | boolean): Promise<never> => {
-  const logFile = await logTracker.writeToFile(logFilePath);
-  logger.log(`Debug logs are written to: ${logFile}`);
+  try {
+    const logFile = await logTracker.writeToFile(logFilePath);
+    logger.log(`Debug logs are written to: ${logFile}`);
+  } catch {}
   logger.outro('Storybook exited with an error');
   process.exit(1);
 };
@@ -66,8 +68,10 @@ const command = (name: string) =>
     })
     .hook('postAction', async (command) => {
       if (logTracker.shouldWriteLogsToFile) {
-        const logFile = await logTracker.writeToFile(command.getOptionValue('logfile'));
-        logger.outro(`Debug logs are written to: ${logFile}`);
+        try {
+          const logFile = await logTracker.writeToFile(command.getOptionValue('logfile'));
+          logger.outro(`Debug logs are written to: ${logFile}`);
+        } catch {}
       }
     });
 

code/core/src/core-server/withTelemetry.ts

@@ -9,8 +9,6 @@ import {
 import type { EventType } from 'storybook/internal/telemetry';
 import type { CLIOptions } from 'storybook/internal/types';
 
-import { dedent } from 'ts-dedent';
-
 import { StorybookError } from '../storybook-error';
 
 type TelemetryOptions = {

code/core/src/node-logger/index.ts

@@ -11,6 +11,8 @@ export { protectUrls, createHyperlink } from './wrap-utils';
 export { CLI_COLORS } from './logger/colors';
 export { ConsoleLogger, StyledConsoleLogger } from './logger/console';
 
+export type { LogLevel } from './logger/logger';
+
 // The default is stderr, which can cause some tools (like rush.js) to think
 // there are issues with the build: https://github.com/storybookjs/storybook/issues/14621
 npmLog.stream = process.stdout;

code/core/src/types/modules/core-common.ts

@@ -2,6 +2,7 @@
 import type { FileSystemCache } from 'storybook/internal/common';
 import { type StoryIndexGenerator } from 'storybook/internal/core-server';
 import { type CsfFile } from 'storybook/internal/csf-tools';
+import type { LogLevel } from 'storybook/internal/node-logger';
 
 import type { Server as HttpServer, IncomingMessage, ServerResponse } from 'http';
 import type { Server as NetServer } from 'net';
@@ -173,7 +174,8 @@ export interface CLIBaseOptions {
   disableTelemetry?: boolean;
   enableCrashReports?: boolean;
   configDir?: string;
-  loglevel?: string;
+  loglevel?: LogLevel;
+  logfile?: string | boolean;
   quiet?: boolean;
 }
 

code/frameworks/angular/build-schema.json

@@ -32,7 +32,11 @@
     "loglevel": {
       "type": "string",
       "description": "Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent].",
-      "pattern": "(silly|verbose|info|warn|silent)"
+      "pattern": "(trace|debug|info|warn|error|silent)"
+    },
+    "logfile": {
+      "type": "string",
+      "description": "If provided, the log output will be written to the specified file path."
     },
     "debugWebpack": {
       "type": "boolean",

code/frameworks/angular/src/builders/build-storybook/index.ts

@@ -4,7 +4,7 @@ import { getEnvConfig, getProjectRoot, versions } from 'storybook/internal/commo
 import { buildStaticStandalone, withTelemetry } from 'storybook/internal/core-server';
 import { addToGlobalContext } from 'storybook/internal/telemetry';
 import type { CLIOptions } from 'storybook/internal/types';
-import { logger } from 'storybook/internal/node-logger';
+import { logger, logTracker } from 'storybook/internal/node-logger';
 
 import type {
   BuilderContext,
@@ -60,6 +60,7 @@ export type StorybookBuilderOptions = JsonObject & {
     | 'statsJson'
     | 'disableTelemetry'
     | 'debugWebpack'
+    | 'logfile'
     | 'previewUrl'
   >;
 
@@ -71,6 +72,14 @@ const commandBuilder: BuilderHandlerFn<StorybookBuilderOptions> = async (
   options,
   context
 ): Promise<BuilderOutput> => {
+  // Apply logger configuration from builder options
+  if (options.loglevel) {
+    logger.setLogLevel(options.loglevel);
+  }
+  if (options.logfile) {
+    logTracker.enableLogWriting();
+  }
+
   logger.intro('Building Storybook');
 
   const { tsConfig } = await setup(options, context);
@@ -147,6 +156,10 @@ const commandBuilder: BuilderHandlerFn<StorybookBuilderOptions> = async (
   };
 
   await runInstance({ ...standaloneOptions, mode: 'static' });
+  if (logTracker.shouldWriteLogsToFile) {
+    const logFile = await logTracker.writeToFile(options.logfile as any);
+    logger.info(`Debug logs are written to: ${logFile}`);
+  }
   logger.outro('Storybook build completed successfully');
   return { success: true } as BuilderOutput;
 };

code/frameworks/angular/src/builders/start-storybook/index.ts

@@ -4,7 +4,7 @@ import { getEnvConfig, getProjectRoot, versions } from 'storybook/internal/commo
 import { buildDevStandalone, withTelemetry } from 'storybook/internal/core-server';
 import { addToGlobalContext } from 'storybook/internal/telemetry';
 import type { CLIOptions } from 'storybook/internal/types';
-import { logger } from 'storybook/internal/node-logger';
+import { logger, logTracker } from 'storybook/internal/node-logger';
 
 import type {
   BuilderContext,
@@ -65,6 +65,7 @@ export type StorybookBuilderOptions = JsonObject & {
     | 'open'
     | 'docs'
     | 'debugWebpack'
+    | 'logfile'
     | 'webpackStatsJson'
     | 'statsJson'
     | 'loglevel'
@@ -80,6 +81,14 @@ const commandBuilder: BuilderHandlerFn<StorybookBuilderOptions> = (
   return new Observable<BuilderOutput>((observer) => {
     (async () => {
       try {
+        // Apply logger configuration from builder options
+        if (options.loglevel) {
+          logger.setLogLevel(options.loglevel);
+        }
+        if (options.logfile) {
+          logTracker.enableLogWriting();
+        }
+
         logger.intro('Starting Storybook');
 
         const { tsConfig } = await setup(options, context);
@@ -187,6 +196,15 @@ const commandBuilder: BuilderHandlerFn<StorybookBuilderOptions> = (
         // so the dev server continues running. Architect will keep subscribing
         // until the Observable completes, which allows watch mode to work.
       } catch (error) {
+        // Write logs to file on failure when enabled
+        try {
+          if (logTracker.shouldWriteLogsToFile) {
+            try {
+              const logFile = await logTracker.writeToFile(options.logfile as any);
+              logger.outro(`Debug logs are written to: ${logFile}`);
+            } catch {}
+          }
+        } catch {}
         observer.error(error);
       }
     })();

code/frameworks/angular/start-schema.json

@@ -148,7 +148,11 @@
     "loglevel": {
       "type": "string",
       "description": "Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent].",
-      "pattern": "(silly|verbose|info|warn|silent)"
+      "pattern": "(trace|debug|info|warn|error|silent)"
+    },
+    "logfile": {
+      "type": "string",
+      "description": "If provided, the log output will be written to the specified file path."
     },
     "sourceMap": {
       "type": ["boolean", "object"],

code/lib/cli-storybook/src/bin/run.ts

@@ -36,8 +36,10 @@ const handleCommandFailure =
       logger.error(String(error));
     }
 
-    const logFile = await logTracker.writeToFile(logFilePath);
-    logger.log(`Debug logs are written to: ${logFile}`);
+    try {
+      const logFile = await logTracker.writeToFile(logFilePath);
+      logger.log(`Debug logs are written to: ${logFile}`);
+    } catch {}
     logger.outro('');
     process.exit(1);
   };
@@ -79,8 +81,10 @@ const command = (name: string) =>
     })
     .hook('postAction', async (command) => {
       if (logTracker.shouldWriteLogsToFile) {
-        const logFile = await logTracker.writeToFile(command.getOptionValue('logfile'));
-        logger.log(`Debug logs are written to: ${logFile}`);
+        try {
+          const logFile = await logTracker.writeToFile(command.getOptionValue('logfile'));
+          logger.log(`Debug logs are written to: ${logFile}`);
+        } catch {}
         logger.outro(CLI_COLORS.success('Done!'));
       }
     });

code/lib/cli-storybook/src/upgrade.ts

@@ -7,6 +7,7 @@ import {
   logger,
   prompt,
 } from 'storybook/internal/node-logger';
+import type { LogLevel } from 'storybook/internal/node-logger';
 import {
   UpgradeStorybookToLowerVersionError,
   UpgradeStorybookUnknownCurrentVersionError,
@@ -123,6 +124,7 @@ export type UpgradeOptions = {
   configDir?: string[];
   fixId?: string;
   skipInstall?: boolean;
+  loglevel?: LogLevel;
   logfile?: string | boolean;
 };
 

code/lib/create-storybook/src/bin/run.ts

@@ -104,7 +104,9 @@ const createStorybookProgram = program
   })
   .hook('postAction', async (command) => {
     if (logTracker.shouldWriteLogsToFile) {
-      await logTracker.writeToFile(command.getOptionValue('logfile'));
+      try {
+        await logTracker.writeToFile(command.getOptionValue('logfile'));
+      } catch {}
     }
   });
 

code/lib/create-storybook/src/commands/FinalizationCommand.ts

@@ -68,8 +68,10 @@ export class FinalizationCommand {
     );
     this.printNextSteps(storybookCommand);
 
-    const logFile = await logTracker.writeToFile(this.logfile);
-    logger.warn(`Debug logs are written to: ${logFile}`);
+    try {
+      const logFile = await logTracker.writeToFile(this.logfile);
+      logger.warn(`Debug logs are written to: ${logFile}`);
+    } catch {}
   }
 
   /** Print success message with feature summary */