@storybook/angular 9.2.0-alpha.3 → 10.0.0-beta.1

package/dist/preset.js

@@ -1,10 +1,57 @@
-'use strict';
+import CJS_COMPAT_NODE_URL_x1uj59add6 from 'node:url';
+import CJS_COMPAT_NODE_PATH_x1uj59add6 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_x1uj59add6 from "node:module";
 
-var path = require('path');
+var __filename = CJS_COMPAT_NODE_URL_x1uj59add6.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_x1uj59add6.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_x1uj59add6.createRequire(import.meta.url);
 
-var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var getAbsolutePath=input=>path.dirname(__require.resolve(path.join(input,"package.json"))),addons=[__require.resolve("./server/framework-preset-angular-cli"),__require.resolve("./server/framework-preset-angular-ivy")],previewAnnotations=async(entries=[],options)=>{let config=path.join(getAbsolutePath("@storybook/angular"),"dist/client/config.mjs"),annotations=[...entries,config];if(options.enableProdMode){let previewProdPath=path.join(getAbsolutePath("@storybook/angular"),"dist/client/preview-prod.mjs");annotations.unshift(previewProdPath);}let docsConfig=await options.presets.apply("docs",{},options);if(Object.keys(docsConfig).length>0){let docsConfigPath=path.join(getAbsolutePath("@storybook/angular"),"dist/client/docs/config.mjs");annotations.push(docsConfigPath);}return annotations},core=async(config,options)=>{let framework=await options.presets.apply("framework");return {...config,builder:{name:getAbsolutePath("@storybook/builder-webpack5"),options:typeof framework=="string"?{}:framework.options.builder||{}}}},typescript=async config=>({...config,skipCompiler:!0});
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-2MYYSDON.js";
 
-exports.addons = addons;
-exports.core = core;
-exports.previewAnnotations = previewAnnotations;
-exports.typescript = typescript;
+// src/preset.ts
+var addons = [
+  import.meta.resolve("@storybook/angular/server/framework-preset-angular-cli"),
+  import.meta.resolve("@storybook/angular/server/framework-preset-angular-ivy")
+];
+var previewAnnotations = /* @__PURE__ */ __name(async (entries = [], options) => {
+  const config = import.meta.resolve("@storybook/angular/client/config");
+  const annotations = [...entries, config];
+  if (options.enableProdMode) {
+    const previewProdPath = import.meta.resolve("@storybook/angular/client/preview-prod");
+    annotations.unshift(previewProdPath);
+  }
+  const docsConfig = await options.presets.apply("docs", {}, options);
+  const docsEnabled = Object.keys(docsConfig).length > 0;
+  if (docsEnabled) {
+    const docsConfigPath = import.meta.resolve("@storybook/angular/client/docs/config");
+    annotations.push(docsConfigPath);
+  }
+  return annotations;
+}, "previewAnnotations");
+var core = /* @__PURE__ */ __name(async (config, options) => {
+  const framework = await options.presets.apply("framework");
+  return {
+    ...config,
+    builder: {
+      name: import.meta.resolve("@storybook/builder-webpack5"),
+      options: typeof framework === "string" ? {} : framework.options.builder || {}
+    }
+  };
+}, "core");
+var typescript = /* @__PURE__ */ __name(async (config) => {
+  return {
+    ...config,
+    skipCompiler: true
+  };
+}, "typescript");
+export {
+  addons,
+  core,
+  previewAnnotations,
+  typescript
+};

package/dist/server/framework-preset-angular-cli.js

@@ -1,23 +1,317 @@
-'use strict';
+import CJS_COMPAT_NODE_URL_x1uj59add6 from 'node:url';
+import CJS_COMPAT_NODE_PATH_x1uj59add6 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_x1uj59add6 from "node:module";
 
-var nodeLogger = require('storybook/internal/node-logger');
-var serverErrors = require('storybook/internal/server-errors');
-var builderWebpack5 = require('@storybook/builder-webpack5');
-var architect = require('@angular-devkit/architect');
-var core = require('@angular-devkit/core');
-var path2 = require('path');
-var process2 = require('process');
-var fs = require('fs');
-var url = require('url');
-var common = require('storybook/internal/common');
+var __filename = CJS_COMPAT_NODE_URL_x1uj59add6.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_x1uj59add6.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_x1uj59add6.createRequire(import.meta.url);
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  findUp
+} from "../_node-chunks/chunk-QEVN44EN.js";
+import {
+  __name
+} from "../_node-chunks/chunk-2MYYSDON.js";
 
-var path2__default = /*#__PURE__*/_interopDefault(path2);
-var process2__default = /*#__PURE__*/_interopDefault(process2);
+// src/server/framework-preset-angular-cli.ts
+import { logger } from "storybook/internal/node-logger";
+import { AngularLegacyBuildOptionsError } from "storybook/internal/server-errors";
+import { WebpackDefinePlugin, WebpackIgnorePlugin } from "@storybook/builder-webpack5";
+import { targetFromTargetString } from "@angular-devkit/architect";
+import { logging } from "@angular-devkit/core";
 
-var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var filter_out_styling_rules_exports={};__export(filter_out_styling_rules_exports,{filterOutStylingRules:()=>filterOutStylingRules});var isStylingRule,filterOutStylingRules,init_filter_out_styling_rules=__esm({"src/server/utils/filter-out-styling-rules.ts"(){isStylingRule=rule=>{let{test}=rule;return !test||!(test instanceof RegExp)?!1:test.test(".css")||test.test(".scss")||test.test(".sass")},filterOutStylingRules=config=>config.module.rules.filter(rule=>!isStylingRule(rule));}});var storybook_normalize_angular_entry_plugin_exports={};__export(storybook_normalize_angular_entry_plugin_exports,{default:()=>StorybookNormalizeAngularEntryPlugin});var PLUGIN_NAME,StorybookNormalizeAngularEntryPlugin,init_storybook_normalize_angular_entry_plugin=__esm({"src/server/plugins/storybook-normalize-angular-entry-plugin.js"(){PLUGIN_NAME="storybook-normalize-angular-entry-plugin",StorybookNormalizeAngularEntryPlugin=class{constructor(options){this.options=options;}apply(compiler){compiler.hooks.environment.tap(PLUGIN_NAME,()=>{let originalEntry=compiler.options.entry;compiler.options.entry=async()=>{let entryResult;if(typeof originalEntry=="function")try{entryResult=await originalEntry();}catch(error){throw console.error("Failed to execute the entry function:",error),error}else entryResult=originalEntry;return entryResult&&entryResult.main&&entryResult.styles?{main:{import:Array.from(new Set([...entryResult.main.import,...entryResult.styles.import]))}}:entryResult};}),compiler.hooks.thisCompilation.tap(PLUGIN_NAME,compilation=>{this.compilation=compilation;});}};}});var require_angular_cli_webpack=__commonJS({"src/server/angular-cli-webpack.js"(exports){var{generateI18nBrowserWebpackConfigFromContext}=__require("@angular-devkit/build-angular/src/utils/webpack-browser-config"),TsconfigPathsPlugin=__require("tsconfig-paths-webpack-plugin"),{filterOutStylingRules:filterOutStylingRules2}=(init_filter_out_styling_rules(),__toCommonJS(filter_out_styling_rules_exports)),{default:StorybookNormalizeAngularEntryPlugin2}=(init_storybook_normalize_angular_entry_plugin(),__toCommonJS(storybook_normalize_angular_entry_plugin_exports)),{getCommonConfig,getStylesConfig,getDevServerConfig,getTypeScriptConfig}=__require("@angular-devkit/build-angular/src/tools/webpack/configs");exports.getWebpackConfig=async(baseConfig,{builderOptions,builderContext})=>{async function getCustomStylesConfig(wco){let{root}=wco;if((()=>{try{return __require.resolve("@tailwindcss/postcss",{paths:[root]}),!0}catch{return !1}})()){let fs3=__require("fs/promises"),originalReaddir=fs3.readdir;fs3.readdir=async function(path3,options){let results=await originalReaddir.call(this,path3,options),tailwindFiles=["tailwind.config.js","tailwind.config.cjs","tailwind.config.mjs","tailwind.config.ts"];return results.filter(file=>!tailwindFiles.includes(file))};let styleConfig=await getStylesConfig(wco);fs3.readdir=originalReaddir;let tailwindPackagePath=__require.resolve("@tailwindcss/postcss",{paths:[root]}),extraPostcssPlugins=[__require(tailwindPackagePath)()];return styleConfig.module.rules.map(rule=>rule.rules).forEach(rule=>{rule.forEach(r=>{r.oneOf?.forEach?.(oneOfRule=>oneOfRule.use.forEach(use=>{if(use.loader.includes("postcss-loader")&&use.options.postcssOptions){let originalOptionsFn=use.options.postcssOptions;use.options.postcssOptions=loaderOptions=>{let originalOptions=originalOptionsFn(loaderOptions);return {...originalOptions,plugins:[...originalOptions.plugins,...extraPostcssPlugins]}};}}));});}),styleConfig}else return getStylesConfig(wco)}let{config:cliConfig}=await generateI18nBrowserWebpackConfigFromContext({index:"noop-index",main:"noop-main",...builderOptions,styles:builderOptions.styles?.map(style=>typeof style=="string"?style:style.input).filter(style=>typeof style=="string"||style.inject!==!1),outputPath:typeof builderOptions.outputPath=="string"?builderOptions.outputPath:builderOptions.outputPath?.base??"noop-out",optimization:!1,namedChunks:!1,progress:!1,buildOptimizer:!1,aot:!1},builderContext,wco=>[getCommonConfig(wco),getCustomStylesConfig(wco),getTypeScriptConfig?getTypeScriptConfig(wco):getDevServerConfig(wco)]);!builderOptions.experimentalZoneless&&!cliConfig.entry.polyfills?.includes("zone.js")&&(cliConfig.entry.polyfills??=[],cliConfig.entry.polyfills.push("zone.js"));let entry=[...cliConfig.entry.polyfills??[],...baseConfig.entry,...cliConfig.entry.styles??[]],rulesExcludingStyles=filterOutStylingRules2(baseConfig),module2={...baseConfig.module,rules:[...cliConfig.module.rules,...rulesExcludingStyles]},plugins=[...cliConfig.plugins??[],...baseConfig.plugins,new StorybookNormalizeAngularEntryPlugin2],resolve={...baseConfig.resolve,modules:Array.from(new Set([...baseConfig.resolve.modules,...cliConfig.resolve.modules])),plugins:[new TsconfigPathsPlugin({configFile:builderOptions.tsConfig,mainFields:["browser","module","main"]})]};return {...baseConfig,entry,module:module2,plugins,resolve,resolveLoader:cliConfig.resolveLoader}};}});var Node=class{value;next;constructor(value){this.value=value;}},Queue=class{#head;#tail;#size;constructor(){this.clear();}enqueue(value){let node=new Node(value);this.#head?(this.#tail.next=node,this.#tail=node):(this.#head=node,this.#tail=node),this.#size++;}dequeue(){let current=this.#head;if(current)return this.#head=this.#head.next,this.#size--,current.value}peek(){if(this.#head)return this.#head.value}clear(){this.#head=void 0,this.#tail=void 0,this.#size=0;}get size(){return this.#size}*[Symbol.iterator](){let current=this.#head;for(;current;)yield current.value,current=current.next;}*drain(){for(;this.#head;)yield this.dequeue();}};function pLimit(concurrency){if(!((Number.isInteger(concurrency)||concurrency===Number.POSITIVE_INFINITY)&&concurrency>0))throw new TypeError("Expected `concurrency` to be a number from 1 and up");let queue=new Queue,activeCount=0,next=()=>{activeCount--,queue.size>0&&queue.dequeue()();},run=async(fn,resolve,args)=>{activeCount++;let result=(async()=>fn(...args))();resolve(result);try{await result;}catch{}next();},enqueue=(fn,resolve,args)=>{queue.enqueue(run.bind(void 0,fn,resolve,args)),(async()=>(await Promise.resolve(),activeCount<concurrency&&queue.size>0&&queue.dequeue()()))();},generator=(fn,...args)=>new Promise(resolve=>{enqueue(fn,resolve,args);});return Object.defineProperties(generator,{activeCount:{get:()=>activeCount},pendingCount:{get:()=>queue.size},clearQueue:{value:()=>{queue.clear();}}}),generator}var EndError=class extends Error{constructor(value){super(),this.value=value;}},testElement=async(element,tester)=>tester(await element),finder=async element=>{let values=await Promise.all(element);if(values[1]===!0)throw new EndError(values[0]);return !1};async function pLocate(iterable,tester,{concurrency=Number.POSITIVE_INFINITY,preserveOrder=!0}={}){let limit=pLimit(concurrency),items=[...iterable].map(element=>[element,limit(testElement,element,tester)]),checkLimit=pLimit(preserveOrder?1:Number.POSITIVE_INFINITY);try{await Promise.all(items.map(element=>checkLimit(finder,element)));}catch(error){if(error instanceof EndError)return error.value;throw error}}var typeMappings={directory:"isDirectory",file:"isFile"};function checkType(type){if(!Object.hasOwnProperty.call(typeMappings,type))throw new Error(`Invalid type specified: ${type}`)}var matchType=(type,stat)=>stat[typeMappings[type]](),toPath=urlOrPath=>urlOrPath instanceof URL?url.fileURLToPath(urlOrPath):urlOrPath;async function locatePath(paths,{cwd=process2__default.default.cwd(),type="file",allowSymlinks=!0,concurrency,preserveOrder}={}){checkType(type),cwd=toPath(cwd);let statFunction=allowSymlinks?fs.promises.stat:fs.promises.lstat;return pLocate(paths,async path_=>{try{let stat=await statFunction(path2__default.default.resolve(cwd,path_));return matchType(type,stat)}catch{return !1}},{concurrency,preserveOrder})}function toPath2(urlOrPath){return urlOrPath instanceof URL?url.fileURLToPath(urlOrPath):urlOrPath}var findUpStop=Symbol("findUpStop");async function findUpMultiple(name,options={}){let directory=path2__default.default.resolve(toPath2(options.cwd)??""),{root}=path2__default.default.parse(directory),stopAt=path2__default.default.resolve(directory,toPath2(options.stopAt??root)),limit=options.limit??Number.POSITIVE_INFINITY,paths=[name].flat(),runMatcher=async locateOptions=>{if(typeof name!="function")return locatePath(paths,locateOptions);let foundPath=await name(locateOptions.cwd);return typeof foundPath=="string"?locatePath([foundPath],locateOptions):foundPath},matches=[];for(;;){let foundPath=await runMatcher({...options,cwd:directory});if(foundPath===findUpStop||(foundPath&&matches.push(path2__default.default.resolve(directory,foundPath)),directory===stopAt||matches.length>=limit))break;directory=path2__default.default.dirname(directory);}return matches}async function findUp(name,options={}){return (await findUpMultiple(name,{...options,limit:1}))[0]}var import_angular_cli_webpack=__toESM(require_angular_cli_webpack());var moduleIsAvailable=moduleName=>{try{return __require.resolve(moduleName),!0}catch{return !1}};async function webpackFinal(baseConfig,options){if(!moduleIsAvailable("@angular-devkit/build-angular"))return nodeLogger.logger.info('=> Using base config because "@angular-devkit/build-angular" is not installed'),baseConfig;checkForLegacyBuildOptions(options);let builderContext=getBuilderContext(options),builderOptions=await getBuilderOptions(options,builderContext),webpackConfig=await(0, import_angular_cli_webpack.getWebpackConfig)(baseConfig,{builderOptions:{watch:options.configType==="DEVELOPMENT",...builderOptions},builderContext});webpackConfig.plugins=webpackConfig.plugins??[];let miniCssPlugin=webpackConfig?.plugins?.find(plugin=>plugin?.constructor?.name==="MiniCssExtractPlugin");miniCssPlugin&&"options"in miniCssPlugin&&(miniCssPlugin.options.filename="[name].[contenthash].css",miniCssPlugin.options.chunkFilename="[name].iframe.[contenthash].css"),webpackConfig.plugins.push(new builderWebpack5.WebpackDefinePlugin({STORYBOOK_ANGULAR_OPTIONS:JSON.stringify({experimentalZoneless:builderOptions.experimentalZoneless})}));try{__require.resolve("@angular/animations");}catch{webpackConfig.plugins.push(new builderWebpack5.WebpackIgnorePlugin({resourceRegExp:/@angular\/platform-browser\/animations$/}));}return webpackConfig}function getBuilderContext(options){return options.angularBuilderContext??{target:{project:"noop-project",builder:"",options:{}},workspaceRoot:process.cwd(),getProjectMetadata:()=>({}),getTargetOptions:()=>({}),logger:new core.logging.Logger("Storybook")}}function deepMerge(target,source){let result={...target};for(let key in source)source[key]!==void 0&&source[key]!==null&&(typeof source[key]=="object"&&!Array.isArray(source[key])&&typeof target[key]=="object"&&!Array.isArray(target[key])&&target[key]!==null?result[key]=deepMerge(target[key],source[key]):result[key]=source[key]);return result}async function getBuilderOptions(options,builderContext){let browserTargetOptions={};if(options.angularBrowserTarget){let browserTarget=architect.targetFromTargetString(options.angularBrowserTarget);nodeLogger.logger.info(`=> Using angular browser target options from "${browserTarget.project}:${browserTarget.target}${browserTarget.configuration?`:${browserTarget.configuration}`:""}"`),browserTargetOptions=await builderContext.getTargetOptions(browserTarget);}let builderOptions=deepMerge(browserTargetOptions,options.angularBuilderOptions||{});return builderOptions.tsConfig=options.tsConfig??await findUp("tsconfig.json",{cwd:options.configDir,stopAt:common.getProjectRoot()})??browserTargetOptions.tsConfig,nodeLogger.logger.info(`=> Using angular project with "tsConfig:${builderOptions.tsConfig}"`),builderOptions}function checkForLegacyBuildOptions(options){if(options.angularBrowserTarget===void 0)throw new serverErrors.AngularLegacyBuildOptionsError}
+// src/server/angular-cli-webpack.js
+import { createRequire } from "node:module";
 
-exports.deepMerge = deepMerge;
-exports.getBuilderOptions = getBuilderOptions;
-exports.webpackFinal = webpackFinal;
+// src/server/plugins/storybook-normalize-angular-entry-plugin.js
+var PLUGIN_NAME = "storybook-normalize-angular-entry-plugin";
+var StorybookNormalizeAngularEntryPlugin = class {
+  static {
+    __name(this, "StorybookNormalizeAngularEntryPlugin");
+  }
+  constructor(options) {
+    this.options = options;
+  }
+  apply(compiler) {
+    compiler.hooks.environment.tap(PLUGIN_NAME, () => {
+      const originalEntry = compiler.options.entry;
+      compiler.options.entry = async () => {
+        let entryResult;
+        if (typeof originalEntry === "function") {
+          try {
+            entryResult = await originalEntry();
+          } catch (error) {
+            console.error("Failed to execute the entry function:", error);
+            throw error;
+          }
+        } else {
+          entryResult = originalEntry;
+        }
+        if (entryResult && entryResult.main && entryResult.styles) {
+          return {
+            main: {
+              import: Array.from(
+                /* @__PURE__ */ new Set([...entryResult.main.import, ...entryResult.styles.import])
+              )
+            }
+          };
+        }
+        return entryResult;
+      };
+    });
+    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+      this.compilation = compilation;
+    });
+  }
+};
+
+// src/server/utils/filter-out-styling-rules.ts
+var isStylingRule = /* @__PURE__ */ __name((rule) => {
+  const { test } = rule;
+  if (!test) {
+    return false;
+  }
+  if (!(test instanceof RegExp)) {
+    return false;
+  }
+  return test.test(".css") || test.test(".scss") || test.test(".sass");
+}, "isStylingRule");
+var filterOutStylingRules = /* @__PURE__ */ __name((config) => {
+  return config.module.rules.filter((rule) => !isStylingRule(rule));
+}, "filterOutStylingRules");
+
+// src/server/angular-cli-webpack.js
+var require2 = createRequire(import.meta.url);
+var {
+  generateI18nBrowserWebpackConfigFromContext
+} = require2("@angular-devkit/build-angular/src/utils/webpack-browser-config");
+var TsconfigPathsPlugin = require2("tsconfig-paths-webpack-plugin");
+var {
+  getCommonConfig,
+  getStylesConfig,
+  getDevServerConfig,
+  getTypeScriptConfig
+} = require2("@angular-devkit/build-angular/src/tools/webpack/configs");
+var getWebpackConfig = /* @__PURE__ */ __name(async (baseConfig, { builderOptions, builderContext }) => {
+  async function getCustomStylesConfig(wco) {
+    const { root } = wco;
+    const isTailwind4 = /* @__PURE__ */ __name(() => {
+      try {
+        const output = import.meta.resolve("@tailwindcss/postcss", root);
+        return isAbsolute(output);
+      } catch {
+        return false;
+      }
+    }, "isTailwind4");
+    if (isTailwind4()) {
+      const fs = require2("node:fs/promises");
+      const originalReaddir = fs.readdir;
+      fs.readdir = async function(path, options) {
+        const results = await originalReaddir.call(this, path, options);
+        const tailwindFiles = [
+          "tailwind.config.js",
+          "tailwind.config.cjs",
+          "tailwind.config.mjs",
+          "tailwind.config.ts"
+        ];
+        return results.filter((file) => !tailwindFiles.includes(file));
+      };
+      const styleConfig = await getStylesConfig(wco);
+      fs.readdir = originalReaddir;
+      const tailwindPackagePath = import.meta.resolve("@tailwindcss/postcss", root);
+      const tailwindPackage = await import(tailwindPackagePath);
+      const extraPostcssPlugins = [
+        typeof tailwindPackage === "function" ? tailwindPackage() : tailwindPackage.default()
+      ];
+      styleConfig.module.rules.map((rule) => rule.rules).forEach((rule) => {
+        rule.forEach((r) => {
+          r.oneOf?.forEach?.((oneOfRule) => {
+            return oneOfRule.use.forEach((use) => {
+              if (use.loader.includes("postcss-loader") && use.options.postcssOptions) {
+                const originalOptionsFn = use.options.postcssOptions;
+                use.options.postcssOptions = (loaderOptions) => {
+                  const originalOptions = originalOptionsFn(loaderOptions);
+                  return {
+                    ...originalOptions,
+                    plugins: [...originalOptions.plugins, ...extraPostcssPlugins]
+                  };
+                };
+              }
+            });
+          });
+        });
+      });
+      return styleConfig;
+    } else {
+      return getStylesConfig(wco);
+    }
+  }
+  __name(getCustomStylesConfig, "getCustomStylesConfig");
+  const { config: cliConfig } = await generateI18nBrowserWebpackConfigFromContext(
+    {
+      // Default options
+      index: "noop-index",
+      main: "noop-main",
+      // Options provided by user
+      ...builderOptions,
+      styles: builderOptions.styles?.map((style) => typeof style === "string" ? style : style.input).filter((style) => typeof style === "string" || style.inject !== false),
+      outputPath: typeof builderOptions.outputPath === "string" ? builderOptions.outputPath : builderOptions.outputPath?.base ?? "noop-out",
+      // Fixed options
+      optimization: false,
+      namedChunks: false,
+      progress: false,
+      buildOptimizer: false,
+      aot: false
+    },
+    builderContext,
+    (wco) => [
+      getCommonConfig(wco),
+      getCustomStylesConfig(wco),
+      getTypeScriptConfig ? getTypeScriptConfig(wco) : getDevServerConfig(wco)
+    ]
+  );
+  if (!builderOptions.experimentalZoneless && !cliConfig.entry.polyfills?.includes("zone.js")) {
+    cliConfig.entry.polyfills ??= [];
+    cliConfig.entry.polyfills.push("zone.js");
+  }
+  const entry = [
+    ...cliConfig.entry.polyfills ?? [],
+    ...baseConfig.entry,
+    ...cliConfig.entry.styles ?? []
+  ];
+  const rulesExcludingStyles = filterOutStylingRules(baseConfig);
+  const module = {
+    ...baseConfig.module,
+    rules: [...cliConfig.module.rules, ...rulesExcludingStyles]
+  };
+  const plugins = [
+    ...cliConfig.plugins ?? [],
+    ...baseConfig.plugins,
+    new StorybookNormalizeAngularEntryPlugin()
+  ];
+  const resolve = {
+    ...baseConfig.resolve,
+    modules: Array.from(/* @__PURE__ */ new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
+    plugins: [
+      new TsconfigPathsPlugin({
+        configFile: builderOptions.tsConfig,
+        mainFields: ["browser", "module", "main"]
+      })
+    ]
+  };
+  return {
+    ...baseConfig,
+    entry,
+    module,
+    plugins,
+    resolve,
+    resolveLoader: cliConfig.resolveLoader
+  };
+}, "getWebpackConfig");
+
+// src/server/framework-preset-angular-cli.ts
+import { getProjectRoot, resolvePackageDir } from "storybook/internal/common";
+async function webpackFinal(baseConfig, options) {
+  if (!resolvePackageDir("@angular-devkit/build-angular")) {
+    logger.info('=> Using base config because "@angular-devkit/build-angular" is not installed');
+    return baseConfig;
+  }
+  checkForLegacyBuildOptions(options);
+  const builderContext = getBuilderContext(options);
+  const builderOptions = await getBuilderOptions(options, builderContext);
+  const webpackConfig = await getWebpackConfig(baseConfig, {
+    builderOptions: {
+      watch: options.configType === "DEVELOPMENT",
+      ...builderOptions
+    },
+    builderContext
+  });
+  webpackConfig.plugins = webpackConfig.plugins ?? [];
+  const miniCssPlugin = webpackConfig?.plugins?.find(
+    (plugin) => plugin?.constructor?.name === "MiniCssExtractPlugin"
+  );
+  if (miniCssPlugin && "options" in miniCssPlugin) {
+    miniCssPlugin.options.filename = "[name].[contenthash].css";
+    miniCssPlugin.options.chunkFilename = "[name].iframe.[contenthash].css";
+  }
+  webpackConfig.plugins.push(
+    new WebpackDefinePlugin({
+      STORYBOOK_ANGULAR_OPTIONS: JSON.stringify({
+        experimentalZoneless: builderOptions.experimentalZoneless
+      })
+    })
+  );
+  try {
+    resolvePackageDir("@angular/animations");
+  } catch (e) {
+    webpackConfig.plugins.push(
+      new WebpackIgnorePlugin({
+        resourceRegExp: /@angular\/platform-browser\/animations$/
+      })
+    );
+    webpackConfig.plugins.push(
+      new WebpackIgnorePlugin({
+        resourceRegExp: /@angular\/animations\/browser$/
+      })
+    );
+  }
+  return webpackConfig;
+}
+__name(webpackFinal, "webpackFinal");
+function getBuilderContext(options) {
+  return options.angularBuilderContext ?? {
+    target: { project: "noop-project", builder: "", options: {} },
+    workspaceRoot: process.cwd(),
+    getProjectMetadata: /* @__PURE__ */ __name(() => ({}), "getProjectMetadata"),
+    getTargetOptions: /* @__PURE__ */ __name(() => ({}), "getTargetOptions"),
+    logger: new logging.Logger("Storybook")
+  };
+}
+__name(getBuilderContext, "getBuilderContext");
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    if (source[key] !== void 0 && source[key] !== null) {
+      if (typeof source[key] === "object" && !Array.isArray(source[key]) && typeof target[key] === "object" && !Array.isArray(target[key]) && target[key] !== null) {
+        result[key] = deepMerge(target[key], source[key]);
+      } else {
+        result[key] = source[key];
+      }
+    }
+  }
+  return result;
+}
+__name(deepMerge, "deepMerge");
+async function getBuilderOptions(options, builderContext) {
+  let browserTargetOptions = {};
+  if (options.angularBrowserTarget) {
+    const browserTarget = targetFromTargetString(options.angularBrowserTarget);
+    logger.info(
+      `=> Using angular browser target options from "${browserTarget.project}:${browserTarget.target}${browserTarget.configuration ? `:${browserTarget.configuration}` : ""}"`
+    );
+    browserTargetOptions = await builderContext.getTargetOptions(browserTarget);
+  }
+  const explicitAngularBuilderOptions = await builderContext.getTargetOptions(
+    builderContext.target
+  );
+  const builderOptions = deepMerge(browserTargetOptions, explicitAngularBuilderOptions || {});
+  builderOptions.tsConfig = options.tsConfig ?? await findUp("tsconfig.json", { cwd: options.configDir, stopAt: getProjectRoot() }) ?? browserTargetOptions.tsConfig;
+  logger.info(`=> Using angular project with "tsConfig:${builderOptions.tsConfig}"`);
+  return builderOptions;
+}
+__name(getBuilderOptions, "getBuilderOptions");
+function checkForLegacyBuildOptions(options) {
+  if (options.angularBrowserTarget !== void 0) {
+    return;
+  }
+  throw new AngularLegacyBuildOptionsError();
+}
+__name(checkForLegacyBuildOptions, "checkForLegacyBuildOptions");
+export {
+  deepMerge,
+  getBuilderOptions,
+  webpackFinal
+};

package/dist/server/framework-preset-angular-ivy.js

@@ -1,8 +1,60 @@
-'use strict';
+import CJS_COMPAT_NODE_URL_x1uj59add6 from 'node:url';
+import CJS_COMPAT_NODE_PATH_x1uj59add6 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_x1uj59add6 from "node:module";
 
-var path = require('path');
+var __filename = CJS_COMPAT_NODE_URL_x1uj59add6.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_x1uj59add6.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_x1uj59add6.createRequire(import.meta.url);
 
-var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});function loadEsmModule(modulePath){return new Function("modulePath","return import(modulePath);")(modulePath)}var runNgcc=async()=>{let ngcc;try{ngcc=__require("@angular/compiler-cli/ngcc");}catch{ngcc=await loadEsmModule("@angular/compiler-cli/ngcc");}ngcc.process({async:!1,basePath:path.join(process.cwd(),"node_modules"),createNewEntryPointFormats:!0,compileAllFormats:!1});},webpack=async(webpackConfig,options)=>{let framework=await options.presets.apply("framework");return (typeof framework=="object"?framework.options:{}).enableIvy===!1?webpackConfig:{...webpackConfig,resolve:{...webpackConfig.resolve,mainFields:["browser","module","main"]}}};
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../_node-chunks/chunk-2MYYSDON.js";
 
-exports.runNgcc = runNgcc;
-exports.webpack = webpack;
+// src/server/framework-preset-angular-ivy.ts
+import { join } from "node:path";
+import { createRequire } from "node:module";
+var require2 = createRequire(import.meta.url);
+function loadEsmModule(modulePath) {
+  return new Function("modulePath", `return import(modulePath);`)(modulePath);
+}
+__name(loadEsmModule, "loadEsmModule");
+var runNgcc = /* @__PURE__ */ __name(async () => {
+  let ngcc;
+  try {
+    ngcc = require2("@angular/compiler-cli/ngcc");
+  } catch (error) {
+    ngcc = await loadEsmModule("@angular/compiler-cli/ngcc");
+  }
+  ngcc.process({
+    // should be async: true but does not work due to
+    // https://github.com/storybookjs/storybook/pull/11157/files#r615413803
+    async: false,
+    basePath: join(process.cwd(), "node_modules"),
+    // absolute path to node_modules
+    createNewEntryPointFormats: true,
+    // --create-ivy-entry-points
+    compileAllFormats: false
+    // --first-only
+  });
+}, "runNgcc");
+var webpack = /* @__PURE__ */ __name(async (webpackConfig, options) => {
+  const framework = await options.presets.apply("framework");
+  const angularOptions = typeof framework === "object" ? framework.options : {};
+  if (angularOptions.enableIvy === false) {
+    return webpackConfig;
+  }
+  return {
+    ...webpackConfig,
+    resolve: {
+      ...webpackConfig.resolve,
+      mainFields: ["browser", "module", "main"]
+    }
+  };
+}, "webpack");
+export {
+  runNgcc,
+  webpack
+};

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@storybook/angular",
-  "version": "9.2.0-alpha.3",
-  "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
+  "version": "10.0.0-beta.1",
+  "description": "Storybook for Angular: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
-    "angular"
+    "storybook-framework",
+    "angular",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/angular",
   "bugs": {
@@ -20,56 +23,26 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "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"
+      "default": "./dist/index.js"
     },
+    "./builders/build-storybook": "./dist/builders/build-storybook/index.js",
+    "./builders/start-storybook": "./dist/builders/start-storybook/index.js",
+    "./client": "./dist/client/index.js",
+    "./client/config": "./dist/client/config.js",
+    "./client/docs/config": "./dist/client/docs/config.js",
+    "./client/preview-prod": "./dist/client/preview-prod.js",
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "import": "./dist/node/index.js",
-      "require": "./dist/node/index.js"
+      "default": "./dist/node/index.js"
     },
     "./package.json": "./package.json",
-    "./*": "./*"
-  },
-  "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"
-      ]
-    }
+    "./preset": "./dist/preset.js",
+    "./server/framework-preset-angular-cli": "./dist/server/framework-preset-angular-cli.js",
+    "./server/framework-preset-angular-ivy": "./dist/server/framework-preset-angular-ivy.js"
   },
   "files": [
     "builders.json",
@@ -84,11 +57,11 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "9.2.0-alpha.3",
+    "@storybook/builder-webpack5": "10.0.0-beta.1",
     "@storybook/global": "^5.0.0",
     "telejson": "8.0.0",
     "ts-dedent": "^2.0.0",
@@ -108,7 +81,7 @@
     "@angular/forms": "^19.1.1",
     "@angular/platform-browser": "^19.1.1",
     "@angular/platform-browser-dynamic": "^19.1.1",
-    "@storybook/core-webpack": "9.2.0-alpha.3",
+    "@storybook/core-webpack": "10.0.0-beta.1",
     "@types/node": "^22.0.0",
     "fd-package-json": "^1.2.0",
     "find-up": "^7.0.0",
@@ -131,7 +104,7 @@
     "@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.2.0-alpha.3",
+    "storybook": "^10.0.0-beta.1",
     "typescript": "^4.9.0 || ^5.0.0",
     "zone.js": ">=0.14.0"
   },
@@ -146,28 +119,9 @@
       "optional": true
     }
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
   "builders": "builders.json",
-  "bundler": {
-    "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": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';

package/dist/chunk-CUDJAP6K.mjs

@@ -1,3 +0,0 @@
-import { global } from '@storybook/global';
-
-global.STORYBOOK_ENV="angular";

package/dist/chunk-KMSSK3DZ.mjs

@@ -1,6 +0,0 @@
-import { render_exports, isComponent, computesTemplateFromComponent, formatPropInTemplate } from './chunk-LXSTVAFF.mjs';
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';
-
-function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(render_exports),setProjectAnnotations$1(projectAnnotations)}var moduleMetadata=metadata=>storyFn=>{let story=storyFn(),storyMetadata=story.moduleMetadata||{};return metadata=metadata||{},{...story,moduleMetadata:{declarations:[...metadata.declarations||[],...storyMetadata.declarations||[]],entryComponents:[...metadata.entryComponents||[],...storyMetadata.entryComponents||[]],imports:[...metadata.imports||[],...storyMetadata.imports||[]],schemas:[...metadata.schemas||[],...storyMetadata.schemas||[]],providers:[...metadata.providers||[],...storyMetadata.providers||[]]}}};function applicationConfig(config){return storyFn=>{let story=storyFn(),storyConfig=story.applicationConfig;return {...story,applicationConfig:storyConfig||config?{...config,...storyConfig,providers:[...config?.providers||[],...storyConfig?.providers||[]]}:void 0}}}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,...currentProps||story.props?{props:{...currentProps,...story.props}}:{}}};function argsToTemplate(args,options={}){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(" ")}
-
-export { applicationConfig, argsToTemplate, componentWrapperDecorator, moduleMetadata, setProjectAnnotations };