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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "9.1.0-alpha.0",
+  "version": "9.1.0-alpha.10",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -27,6 +27,23 @@
       "require": "./dist/index.js"
     },
     "./preset": "./preset.js",
+    "./server/framework-preset-angular-ivy": "./server/framework-preset-angular-ivy.js",
+    "./server/framework-preset-angular-cli": "./server/framework-preset-angular-cli.js",
+    "./client/config": {
+      "types": "./dist/client/config.d.ts",
+      "import": "./dist/client/config.mjs",
+      "require": "./dist/client/config.js"
+    },
+    "./client/preview-prod": {
+      "types": "./dist/client/preview-prod.d.ts",
+      "import": "./dist/client/preview-prod.mjs",
+      "require": "./dist/client/preview-prod.js"
+    },
+    "./client/docs/config": {
+      "types": "./dist/client/docs/config.d.ts",
+      "import": "./dist/client/docs/config.mjs",
+      "require": "./dist/client/docs/config.js"
+    },
     "./node": {
       "types": "./dist/node/index.d.ts",
       "import": "./dist/node/index.js",
@@ -38,7 +55,26 @@
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "client/config": [
+        "dist/client/config.d.ts"
+      ],
+      "client/preview-prod": [
+        "dist/client/preview-prod.d.ts"
+      ],
+      "client/docs/config": [
+        "dist/client/docs/config.d.ts"
+      ]
+    }
+  },
   "files": [
+    "builders.json",
+    "build-schema.json",
+    "start-schema.json",
     "dist/**/*",
     "template/cli/**/*",
     "README.md",
@@ -48,16 +84,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "yarn run -T tsc",
-    "prep": "rimraf dist && jiti ../../../scripts/prepare/tsc.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "9.1.0-alpha.0",
-    "@storybook/core-webpack": "9.1.0-alpha.0",
+    "@storybook/builder-webpack5": "9.1.0-alpha.10",
     "@storybook/global": "^5.0.0",
-    "@types/webpack-env": "^1.18.0",
-    "fd-package-json": "^1.2.0",
-    "find-up": "^5.0.0",
     "telejson": "8.0.0",
     "ts-dedent": "^2.0.0",
     "tsconfig-paths-webpack-plugin": "^4.0.1",
@@ -76,27 +108,30 @@
     "@angular/forms": "^19.1.1",
     "@angular/platform-browser": "^19.1.1",
     "@angular/platform-browser-dynamic": "^19.1.1",
+    "@storybook/core-webpack": "9.1.0-alpha.10",
     "@types/node": "^22.0.0",
+    "fd-package-json": "^1.2.0",
+    "find-up": "^7.0.0",
     "rimraf": "^6.0.1",
     "typescript": "^5.8.3",
     "webpack": "5",
     "zone.js": "^0.15.0"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": ">=0.1800.0 < 0.2000.0",
-    "@angular-devkit/build-angular": ">=18.0.0 < 20.0.0",
-    "@angular-devkit/core": ">=18.0.0 < 20.0.0",
-    "@angular/animations": ">=18.0.0 < 20.0.0",
-    "@angular/cli": ">=18.0.0 < 20.0.0",
-    "@angular/common": ">=18.0.0 < 20.0.0",
-    "@angular/compiler": ">=18.0.0 < 20.0.0",
-    "@angular/compiler-cli": ">=18.0.0 < 20.0.0",
-    "@angular/core": ">=18.0.0 < 20.0.0",
-    "@angular/forms": ">=18.0.0 < 20.0.0",
-    "@angular/platform-browser": ">=18.0.0 < 20.0.0",
-    "@angular/platform-browser-dynamic": ">=18.0.0 < 20.0.0",
+    "@angular-devkit/architect": ">=0.1800.0 < 0.2100.0",
+    "@angular-devkit/build-angular": ">=18.0.0 < 21.0.0",
+    "@angular-devkit/core": ">=18.0.0 < 21.0.0",
+    "@angular/animations": ">=18.0.0 < 21.0.0",
+    "@angular/cli": ">=18.0.0 < 21.0.0",
+    "@angular/common": ">=18.0.0 < 21.0.0",
+    "@angular/compiler": ">=18.0.0 < 21.0.0",
+    "@angular/compiler-cli": ">=18.0.0 < 21.0.0",
+    "@angular/core": ">=18.0.0 < 21.0.0",
+    "@angular/forms": ">=18.0.0 < 21.0.0",
+    "@angular/platform-browser": ">=18.0.0 < 21.0.0",
+    "@angular/platform-browser-dynamic": ">=18.0.0 < 21.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
-    "storybook": "^9.1.0-alpha.0",
+    "storybook": "^9.1.0-alpha.10",
     "typescript": "^4.9.0 || ^5.0.0",
     "zone.js": ">=0.14.0"
   },
@@ -117,10 +152,22 @@
   "publishConfig": {
     "access": "public"
   },
-  "builders": "dist/builders/builders.json",
+  "builders": "builders.json",
   "bundler": {
-    "post": "./scripts/postbuild.js",
-    "tsConfig": "tsconfig.build.json"
+    "previewEntries": [
+      "./src/index.ts",
+      "./src/client/index.ts",
+      "./src/client/config.ts",
+      "./src/client/preview-prod.ts",
+      "./src/client/docs/config.ts"
+    ],
+    "nodeEntries": [
+      "./src/preset.ts",
+      "./src/server/framework-preset-angular-ivy.ts",
+      "./src/server/framework-preset-angular-cli.ts",
+      "./src/builders/start-storybook/index.ts",
+      "./src/builders/build-storybook/index.ts"
+    ]
   },
   "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
 }

package/start-schema.json

@@ -0,0 +1,234 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "title": "Start Storybook",
+  "description": "Serve up storybook in development mode.",
+  "type": "object",
+  "properties": {
+    "browserTarget": {
+      "type": "string",
+      "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
+      "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
+    },
+    "debugWebpack": {
+      "type": "boolean",
+      "description": "Debug the Webpack configuration",
+      "default": false
+    },
+    "tsConfig": {
+      "type": "string",
+      "description": "The full path for the TypeScript configuration file, relative to the current workspace."
+    },
+    "preserveSymlinks": {
+      "type": "boolean",
+      "description": "Do not use the real path when resolving modules. If true, symlinks are resolved to their real path, if false, symlinks are resolved to their symlinked path.",
+      "default": false
+    },
+    "port": {
+      "type": "number",
+      "description": "Port to listen on.",
+      "default": 9009
+    },
+    "host": {
+      "type": "string",
+      "description": "Host to listen on.",
+      "default": "localhost"
+    },
+    "configDir": {
+      "type": "string",
+      "description": "Directory where to load Storybook configurations from.",
+      "default": ".storybook"
+    },
+    "https": {
+      "type": "boolean",
+      "description": "Serve Storybook over HTTPS. Note: You must provide your own certificate information.",
+      "default": false
+    },
+    "sslCa": {
+      "type": "string",
+      "description": "Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)."
+    },
+    "sslCert": {
+      "type": "string",
+      "description": "Provide an SSL certificate. (Required with --https)."
+    },
+    "sslKey": {
+      "type": "string",
+      "description": "SSL key to use for serving HTTPS."
+    },
+    "smokeTest": {
+      "type": "boolean",
+      "description": "Exit after successful start.",
+      "default": false
+    },
+    "ci": {
+      "type": "boolean",
+      "description": "CI mode (skip interactive prompts, don't open browser).",
+      "default": false
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Whether to open Storybook automatically in the browser.",
+      "default": true
+    },
+    "quiet": {
+      "type": "boolean",
+      "description": "Suppress verbose build output.",
+      "default": false
+    },
+    "enableProdMode": {
+      "type": "boolean",
+      "description": "Disable Angular's development mode, which turns off assertions and other checks within the framework.",
+      "default": false
+    },
+    "docs": {
+      "type": "boolean",
+      "description": "Starts Storybook in documentation mode. Learn more about it : https://storybook.js.org/docs/writing-docs/build-documentation#preview-storybooks-documentation.",
+      "default": false
+    },
+    "compodoc": {
+      "type": "boolean",
+      "description": "Execute compodoc before.",
+      "default": true
+    },
+    "compodocArgs": {
+      "type": "array",
+      "description": "Compodoc options : https://compodoc.app/guides/options.html. Options `-p` with tsconfig path and `-d` with workspace root is always given.",
+      "default": ["-e", "json"],
+      "items": {
+        "type": "string"
+      }
+    },
+    "styles": {
+      "type": "array",
+      "description": "Global styles to be included in the build.",
+      "items": {
+        "$ref": "#/definitions/styleElement"
+      }
+    },
+    "stylePreprocessorOptions": {
+      "description": "Options to pass to style preprocessors.",
+      "type": "object",
+      "properties": {
+        "includePaths": {
+          "description": "Paths to include. Paths will be resolved to workspace root.",
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      },
+      "additionalProperties": false
+    },
+    "assets": {
+      "type": "array",
+      "description": "List of static application assets.",
+      "default": [],
+      "items": {
+        "$ref": "#/definitions/assetPattern"
+      }
+    },
+    "initialPath": {
+      "type": "string",
+      "description": "URL path to be appended when visiting Storybook for the first time"
+    },
+    "webpackStatsJson": {
+      "type": ["boolean", "string"],
+      "description": "Write Webpack Stats JSON to disk",
+      "default": false
+    },
+    "statsJson": {
+      "type": ["boolean", "string"],
+      "description": "Write stats JSON to disk",
+      "default": false
+    },
+    "previewUrl": {
+      "type": "string",
+      "description": "Disables the default storybook preview and lets you use your own"
+    },
+    "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)"
+    },
+    "sourceMap": {
+      "type": ["boolean", "object"],
+      "description": "Configure sourcemaps. See: https://angular.io/guide/workspace-config#source-map-configuration",
+      "default": false
+    },
+    "experimentalZoneless": {
+      "type": "boolean",
+      "description": "Experimental: Use zoneless change detection.",
+      "default": false
+    }
+  },
+  "additionalProperties": false,
+  "definitions": {
+    "assetPattern": {
+      "oneOf": [
+        {
+          "type": "object",
+          "properties": {
+            "followSymlinks": {
+              "type": "boolean",
+              "default": false,
+              "description": "Allow glob patterns to follow symlink directories. This allows subdirectories of the symlink to be searched."
+            },
+            "glob": {
+              "type": "string",
+              "description": "The pattern to match."
+            },
+            "input": {
+              "type": "string",
+              "description": "The input directory path in which to apply 'glob'. Defaults to the project root."
+            },
+            "ignore": {
+              "description": "An array of globs to ignore.",
+              "type": "array",
+              "items": {
+                "type": "string"
+              }
+            },
+            "output": {
+              "type": "string",
+              "description": "Absolute path within the output."
+            }
+          },
+          "additionalProperties": false,
+          "required": ["glob", "input", "output"]
+        },
+        {
+          "type": "string"
+        }
+      ]
+    },
+    "styleElement": {
+      "oneOf": [
+        {
+          "type": "object",
+          "properties": {
+            "input": {
+              "type": "string",
+              "description": "The file to include."
+            },
+            "bundleName": {
+              "type": "string",
+              "pattern": "^[\\w\\-.]*$",
+              "description": "The bundle name for this extra entry point."
+            },
+            "inject": {
+              "type": "boolean",
+              "description": "If the bundle will be referenced in the HTML file.",
+              "default": true
+            }
+          },
+          "additionalProperties": false,
+          "required": ["input"]
+        },
+        {
+          "type": "string",
+          "description": "The file to include."
+        }
+      ]
+    }
+  }
+}

package/dist/builders/build-storybook/index.d.ts

@@ -1,25 +0,0 @@
-import { CLIOptions } from 'storybook/internal/types';
-import { BuilderOutput, Builder as DevkitBuilder } from '@angular-devkit/architect';
-import { StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import { AssetPattern, SourceMapUnion, StyleElement } from '@angular-devkit/build-angular/src/builders/browser/schema';
-import { JsonObject } from '@angular-devkit/core';
-export type StorybookBuilderOptions = JsonObject & {
-    browserTarget?: string | null;
-    tsConfig?: string;
-    test: boolean;
-    docs: boolean;
-    compodoc: boolean;
-    compodocArgs: string[];
-    enableProdMode?: boolean;
-    styles?: StyleElement[];
-    stylePreprocessorOptions?: StylePreprocessorOptions;
-    preserveSymlinks?: boolean;
-    assets?: AssetPattern[];
-    sourceMap?: SourceMapUnion;
-    experimentalZoneless?: boolean;
-} & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'test' | 'webpackStatsJson' | 'statsJson' | 'disableTelemetry' | 'debugWebpack' | 'previewUrl'>;
-export type StorybookBuilderOutput = JsonObject & BuilderOutput & {
-    [key: string]: any;
-};
-declare const _default: DevkitBuilder<StorybookBuilderOptions & JsonObject>;
-export default _default;

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

@@ -1,78 +0,0 @@
-import { getEnvConfig, versions } from 'storybook/internal/common';
-import { buildStaticStandalone, withTelemetry } from 'storybook/internal/core-server';
-import { addToGlobalContext } from 'storybook/internal/telemetry';
-import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
-import { findPackageSync } from 'fd-package-json';
-import { sync as findUpSync } from 'find-up';
-import { from, of, throwError } from 'rxjs';
-import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
-import { errorSummary, printErrorDetails } from '../utils/error-handler';
-import { runCompodoc } from '../utils/run-compodoc';
-addToGlobalContext('cliVersion', versions.storybook);
-const commandBuilder = (options, context) => {
-    const builder = from(setup(options, context)).pipe(switchMap(({ tsConfig }) => {
-        const docTSConfig = findUpSync('tsconfig.doc.json', { cwd: options.configDir });
-        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 = false, } = options;
-        const standaloneOptions = {
-            packageJson: findPackageSync(__dirname),
-            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;
-};
-export 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 {
-        tsConfig: options.tsConfig ??
-            findUpSync('tsconfig.json', { cwd: options.configDir }) ??
-            browserOptions.tsConfig,
-    };
-}
-function runInstance(options) {
-    return from(withTelemetry('build', {
-        cliOptions: options,
-        presetOptions: { ...options, corePresets: [], overridePresets: [] },
-        printError: printErrorDetails,
-    }, () => buildStaticStandalone(options))).pipe(catchError((error) => throwError(errorSummary(error))));
-}

package/dist/builders/build-storybook/index.spec.d.ts

@@ -1 +0,0 @@
-export {};