sku 14.0.0 → 14.0.2

package/CHANGELOG.md

@@ -1,5 +1,175 @@
 # sku
 
+## 14.0.2
+
+### Patch Changes
+
+- Reduce config loading log noise ([#1169](https://github.com/seek-oss/sku/pull/1169))
+
+## 14.0.1
+
+### Patch Changes
+
+- Fix release ([#1165](https://github.com/seek-oss/sku/pull/1165))
+
+## 14.0.0
+
+- Migrating `sku` to ESM from commonjs ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  **BREAKING CHANGE**:
+
+  Most of [`sku`s API entrypoints](https://seek-oss.github.io/sku/#/./docs/api) are now ESM. Consumers that use the following API entrypoints may need to convert some of their configuration files to ESM:
+
+  ***
+
+  `sku/webpack-plugin` is now an ES module and has to be imported as such.
+
+  If you are using `require()` to import `sku/webpack-plugin` you will have to change it to `import`.
+
+  ```diff
+  - const SkuWebpackPlugin = require('sku/webpack-plugin');
+  + import SkuWebpackPlugin from 'sku/webpack-plugin';
+  ```
+
+  > [!NOTE]
+  > The file that is importing `sku/webpack-plugin` must also be an ES module so further changes may be required.
+
+  ***
+
+  `sku/config/eslint` is a new entrypoint that exposes `sku`'s flat ESLint configuration. It now only supports ESM.
+
+- Update `eslint-config-seek` to v14 ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  Alongside the migration to ESLint v9, `eslint-config-seek` has been updated to v14 which supports the new flat config format.
+
+  Some lint rules have been changed or renamed, so consumers should run `sku format` to automatically update their code to conform to the new rules. You may still need to manually review and adjust your code after running `sku format` as not all issues are auto-fixable.
+
+  > [!NOTE]
+  > You may need to migrate your ESLint configuration before running `sku format`.
+  > Please read the release notes for more information on how to migrate your ESLint configuration.
+
+  Additionally, `eslint-plugin-import` has been replaced with `eslint-plugin-import-x`. You should replace any references to `eslint-plugin-import` with `eslint-plugin-import-x` and any `import/` rules with `import-x/`.
+
+  See the [`eslint-config-seek` release notes] for more information.
+
+  [`eslint-config-seek` release notes]: https://github.com/seek-oss/eslint-config-seek/blob/master/CHANGELOG.md#eslint-config-seek
+
+- Change the CLI to commander.js. ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  **BREAKING CHANGE**
+
+  `sku` now uses [commander.js](https://github.com/tj/commander.js) for its CLI. The CLI options and commands are now more narrowly defined and scoped. Some combinations of options that were previously possible may no longer work.
+
+  The new `-h, --help` flag now shows the help output generated by commander.js and shows the available commands and options.
+
+  The following option flags are now available in their respective scope
+
+  #### Global options
+
+  - the `-e, --environment` option
+  - the `-c, --config` option
+  - the `-d, --debug` option
+  - **new:** the `-h, --help` option
+  - **new:** the `-v, --version` option
+
+  #### Scoped options
+
+  - the `build`, `build-ssr`, `start`, and `start-ssr` commands have the following options
+    - `-s, --stats` option
+  - the `serve` command now has the following options
+    - `--port` option
+    - `--site` option
+  - the `translation compile` command now has the following options
+    - `-w, --watch` option
+  - the `translation push` command now has the following option
+    - `--delete-unused-keys` option
+  - the `init` command now has the following options
+    - `-p, --package-manager` option. This has changed from `--packageManager` preferring `kebab-case` over `camelCase` for option flags.
+    - `--verbose` option
+
+- Update to ESLint v9 ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  ESLint v9 defaults to the new [flat config format]. As such, `sku`'s ESLint config has been migrated to this new format, and consumers will need to migrate any custom overrides set via `dangerouslySetESLintConfig` to the new format as well.
+
+  For example, if you are overriding an ESLint rule, you can migrate to the new config format like so:
+
+  ```diff
+  dangerouslySetESLintConfig: (config) => {
+  -  return {
+  -    ...config,
+  -    rules: {
+  -      ...config.rules,
+  -      'no-console': 'off'
+  -    }
+  -  };
+  +  return [
+  +    ...config,
+  +    {
+  +      rules: {
+  +        'no-console': 'off'
+  +      }
+  +    }
+  +  ];
+  }
+  ```
+
+  More complicated overrides such as the use of plugins or modification of parser options may require a more involved migration. Please refer to the [migration guide] for more information.
+
+  Additionally, the `.eslintignore` file is no longer used by ESLint. Instead, [ignore patterns] are now configured directly in your ESLint config file. Since `sku` controls your ESLint config, you can configure any custom ignore patterns in your sku config via the new `eslintIgnore` option.
+
+  For example:
+
+  ```ts
+  import type { SkuConfig } from 'sku';
+
+  export default {
+    eslintIgnore: ['a-large-file.js', '**/generated/'],
+  } satisfies SkuConfig;
+  ```
+
+  > [!TIP]
+  > Upon installation, `sku` will automatically try to migrate any custom entries in your `.eslintignore` to the new `eslintIgnore` configuration.
+  > **This migration must be done locally, it will not be committed to your repository from CI.**
+  > If this migration fails, you will need to manually migrate any custom ignore entries.
+
+  > [!IMPORTANT]
+  > Changes to ignore patterns or other ESLint configuration via `eslintIgnore` and `dangerouslySetESLintConfig` respectively will no longer be reflected directly in your `eslint.config.js` file.
+  > The `sku/config/eslint` entrypoint handles the composition of these configurations.
+  > The best way to visualize your final ESLint configuration is use the official [ESLint config inspector].
+
+  [flat config format]: https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects
+  [migration guide]: https://eslint.org/docs/latest/use/configure/migration-guide
+  [ignore patterns]: https://eslint.org/docs/latest/use/configure/ignore
+  [ESLint config inspector]: https://github.com/eslint/config-inspector
+
+- Drop support for Node.js versions below 20.18.2 ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  **BREAKING CHANGE**:
+
+  The minimum supported Node.js version is now 20.18.2. Consumers must upgrade to Node.js v20.18.2 or later.
+
+- Drop support for React 17.x ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  **BREAKING CHANGE**
+
+  React 17 is no longer supported. Consumers will need to upgrade to React 18. Consumers still on v17 should follow the [How to Upgrade to React 18 guide]. Additionally, ensure any dependencies that rely on React are compatible with React 18.
+
+  [How to Upgrade to React 18 guide]: https://react.dev/blog/2022/03/08/react-18-upgrade-guide
+
+### Minor Changes
+
+- Expose `sku`'s ESLint config under `sku/config/eslint` entrypoint ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  This entrypoint is used by sku to configure ESLint. Most consumers will not need to use this entrypoint directly.
+
+- Add support for `.mjs` sku configuration files ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
+  In addition to `sku.config.ts` and `sku.config.js`, sku will now also look for a `sku.config.mjs` file when attempting to resolve your application's configuration file.
+
+### Patch Changes
+
+- `sku init`: Ensure latest React 18 version is installed in new projects as React 19 is not yet supported ([#1156](https://github.com/seek-oss/sku/pull/1156))
+
 ## 13.4.1
 
 ### Patch Changes
@@ -394,8 +564,8 @@
   // package.json
   {
     "scripts": {
-      "storybook": "sku translations compile && storybook dev" // or storybook build
-    }
+      "storybook": "sku translations compile && storybook dev", // or storybook build
+    },
   }
   ```
 
@@ -1435,7 +1605,7 @@
   // package.json
   {
     "skuSkipConfigure": true,
-    "skuSkipValidatePeerDeps": true
+    "skuSkipValidatePeerDeps": true,
   }
   ```
 

package/dist/bin/sku.d.ts

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

package/dist/bin/sku.js

@@ -0,0 +1,2 @@
+import { program } from '../lib/program/index.js';
+program.parse();

package/dist/config/babel/babelConfig.d.ts

@@ -0,0 +1,29 @@
+import type { PluginItem } from '@babel/core';
+type BabelConfigOptions = {
+    target: 'node' | 'browser' | 'jest';
+    lang: 'js' | 'ts';
+    browserslist?: string[];
+    displayNamesProd?: boolean;
+    removeAssertionsInProduction?: boolean;
+    hot?: boolean;
+    rootResolution?: boolean;
+};
+declare const _default: ({ target, lang, browserslist, displayNamesProd, removeAssertionsInProduction, hot, rootResolution, }: BabelConfigOptions) => {
+    presets: ((string | {
+        targets: string[] | undefined;
+        shippedProposals: boolean;
+    })[] | (string | {
+        isTSX: boolean;
+        allExtensions: boolean;
+        onlyRemoveTypeImports: boolean;
+    })[] | (string | {
+        runtime: string;
+        development: boolean;
+    })[] | null)[];
+    plugins: PluginItem[];
+    cacheDirectory?: boolean | undefined;
+    cacheCompression?: boolean | undefined;
+    babelrc: boolean;
+    sourceType: string;
+};
+export default _default;

package/dist/config/babel/babelConfig.js

@@ -0,0 +1,91 @@
+import { cwd } from '../../lib/cwd.js';
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+export default ({ target, lang = 'js', browserslist, displayNamesProd = false, removeAssertionsInProduction = true, hot = false, rootResolution = false, }) => {
+    const isBrowser = target === 'browser';
+    const isJest = target === 'jest';
+    const isProductionBuild = process.env.NODE_ENV === 'production';
+    const plugins = [
+        [
+            require.resolve('babel-plugin-module-resolver'),
+            {
+                root: rootResolution ? [cwd()] : undefined,
+                extensions: ['.mjs', '.js', '.json', '.ts', '.tsx'],
+            },
+        ],
+        require.resolve('babel-plugin-macros'),
+        require.resolve('@loadable/babel-plugin'),
+        require.resolve('@babel/plugin-transform-runtime'),
+    ];
+    if (hot && isBrowser) {
+        plugins.push([
+            require.resolve('react-refresh/babel'),
+            { skipEnvCheck: true },
+        ]);
+    }
+    if (isJest) {
+        plugins.push([
+            require.resolve('babel-plugin-transform-remove-imports'),
+            {
+                test: /\.css$/,
+                remove: 'effects',
+            },
+        ]);
+    }
+    if (isProductionBuild) {
+        plugins.push(require.resolve('babel-plugin-transform-react-remove-prop-types'), require.resolve('@babel/plugin-transform-react-constant-elements'));
+        if (displayNamesProd) {
+            plugins.push(require.resolve('@zendesk/babel-plugin-react-displayname'));
+        }
+        if (removeAssertionsInProduction) {
+            plugins.push([
+                require.resolve('babel-plugin-unassert'),
+                {
+                    variables: ['assert', 'invariant'],
+                    modules: ['assert', 'node:assert', 'tiny-invariant'],
+                },
+            ]);
+        }
+    }
+    const presets = [
+        [
+            require.resolve('@babel/preset-env'),
+            {
+                targets: browserslist,
+                shippedProposals: true,
+            },
+        ],
+        lang === 'ts'
+            ? [
+                require.resolve('@babel/preset-typescript'),
+                {
+                    isTSX: true,
+                    allExtensions: true,
+                    // babel equivalent of tsconfig `verbatimModuleSyntax: true`
+                    onlyRemoveTypeImports: true,
+                },
+            ]
+            : null,
+        [
+            require.resolve('@babel/preset-react'),
+            {
+                runtime: 'automatic',
+                development: !isProductionBuild,
+            },
+        ],
+    ].filter(Boolean);
+    return {
+        babelrc: false,
+        sourceType: isBrowser ? 'unambiguous' : 'module',
+        // `babel-jest` does not support the `cacheDirectory` option.
+        // It is only used by `babel-loader`.
+        ...(!isJest
+            ? {
+                cacheDirectory: true,
+                cacheCompression: false,
+            }
+            : {}),
+        presets,
+        plugins,
+    };
+};

package/dist/config/eslint/ignores.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Create a new ESLint ignores configuration object
+ */
+export declare const createEslintIgnoresConfig: ({ hasLanguagesConfig, target, }: {
+    hasLanguagesConfig: boolean;
+    target: string | undefined;
+}) => {
+    ignores: string[];
+};

package/dist/config/eslint/ignores.js

@@ -0,0 +1,23 @@
+/**
+ * Create a new ESLint ignores configuration object
+ */
+export const createEslintIgnoresConfig = ({ hasLanguagesConfig, target, }) => {
+    // ESLint migrates ignore entries differently depending on whether a path contains a subdirectory.
+    // We want the sku target to match the migrated entry so it ends up excluded in the migrated
+    // output.
+    const targetIgnore = target && target.includes('/') ? `${target}/` : `**/${target}/`;
+    const ignores = [
+        hasLanguagesConfig && '**/*.vocab/index.ts',
+        '**/.eslintcache',
+        '**/eslint.config.js',
+        '**/.prettierrc',
+        '**/coverage/',
+        targetIgnore,
+        '**/report/',
+        '**/tsconfig.json',
+        '**/pnpm-lock.yaml',
+    ].filter(Boolean);
+    return {
+        ignores,
+    };
+};

package/dist/config/eslint/importOrder.d.ts

@@ -0,0 +1,22 @@
+export declare const importOrderConfig: {
+    rules: {
+        'import-x/order': (string | {
+            'newlines-between': string;
+            alphabetize: {
+                order: string;
+            };
+            groups: string[];
+            pathGroups: {
+                pattern: string;
+                group: string;
+                position: string;
+                patternOptions: {
+                    matchBase: boolean;
+                };
+            }[];
+        })[];
+    };
+    settings?: {
+        'import-x/internal-regex': string;
+    } | undefined;
+};

package/dist/config/eslint/importOrder.js

@@ -0,0 +1,38 @@
+import { basename } from 'node:path';
+import { paths, rootResolution } from '../../context/index.js';
+const internalRegex = `^(${paths.src
+    .map((srcPath) => basename(srcPath))
+    .join('|')})/`;
+const rootResolutionConfig = {
+    settings: {
+        'import-x/internal-regex': internalRegex,
+    },
+};
+export const importOrderConfig = {
+    ...(rootResolution ? rootResolutionConfig : undefined),
+    rules: {
+        'import-x/order': [
+            'error',
+            {
+                'newlines-between': 'always',
+                alphabetize: { order: 'asc' },
+                groups: [
+                    'builtin',
+                    'external',
+                    'internal',
+                    'parent',
+                    'sibling',
+                    'index',
+                ],
+                pathGroups: [
+                    {
+                        pattern: '*.css',
+                        group: 'index',
+                        position: 'after',
+                        patternOptions: { matchBase: true },
+                    },
+                ],
+            },
+        ],
+    },
+};

package/dist/config/eslint/index.d.ts

@@ -0,0 +1,2 @@
+import type { Linter } from 'eslint';
+export declare const eslintConfigSku: Linter.Config[] | undefined;

package/dist/config/eslint/index.js

@@ -0,0 +1,18 @@
+// @ts-expect-error `eslint-config-seek` has no types yet
+import eslintConfigSeek from 'eslint-config-seek';
+import { importOrderConfig } from './importOrder.js';
+import { createEslintIgnoresConfig } from './ignores.js';
+import { eslintDecorator, eslintIgnore, languages, paths, } from '../../context/index.js';
+const { relativeTarget } = paths;
+const _eslintConfigSku = [
+    createEslintIgnoresConfig({
+        hasLanguagesConfig: Boolean(languages && languages.length > 0),
+        target: relativeTarget,
+    }),
+    ...eslintConfigSeek,
+    importOrderConfig,
+    ...(eslintIgnore && eslintIgnore.length > 0
+        ? [{ ignores: eslintIgnore }]
+        : []),
+];
+export const eslintConfigSku = eslintDecorator?.(_eslintConfigSku);

package/dist/config/jest/fileMock.cjs

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = 'MOCK_FILE';

package/dist/config/jest/fileMock.d.cts

@@ -0,0 +1,2 @@
+declare const _exports: string;
+export = _exports;

package/dist/config/jest/getClassNames.d.ts

@@ -0,0 +1,2 @@
+declare function _default(css: any): string[];
+export default _default;

package/dist/config/jest/getClassNames.js

@@ -0,0 +1,10 @@
+export default (css) => {
+    const classNames = [];
+    const classNameRegEx = /\.([-_a-zA-Z0-9]+)(?=[\.:\[\s{]|$)/gm;
+    let match = classNameRegEx.exec(css);
+    while (match !== null) {
+        classNames.push(match[1]);
+        match = classNameRegEx.exec(css);
+    }
+    return classNames;
+};

package/dist/config/jest/jest-preset.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("jest").Config;
+export default _default;

package/dist/config/jest/jest-preset.js

@@ -0,0 +1,42 @@
+import escapeRegex from 'escape-string-regexp';
+import { fileURLToPath } from 'node:url';
+import { cwd } from '../../lib/cwd.js';
+import { paths, rootResolution, jestDecorator } from '../../context/index.js';
+const slash = '[/\\\\]'; // Cross-platform path delimiter regex
+const compilePackagesRegex = paths.compilePackages
+    .map((pkg) => `.*${escapeRegex(pkg)}`)
+    .join('|');
+/** @type {import('jest').Config} */
+export default jestDecorator({
+    testEnvironment: 'jsdom',
+    setupFilesAfterEnv: paths.setupTests,
+    prettierPath: fileURLToPath(import.meta.resolve('prettier')),
+    modulePaths: rootResolution ? [cwd()] : undefined,
+    testMatch: [
+        // Default values, but with 'ts' + 'tsx' support
+        // (https://jestjs.io/docs/en/configuration.html#testmatch-array-string)
+        '**/__tests__/**/*.(js|ts|tsx)',
+        '**/?(*.)+(spec|test).(js|ts|tsx)',
+    ],
+    testPathIgnorePatterns: [
+        `<rootDir>${slash}(${paths.target}|node_modules)${slash}`,
+    ],
+    moduleFileExtensions: ['js', 'json', 'ts', 'tsx'],
+    moduleNameMapper: {
+        '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|svg)$': fileURLToPath(import.meta.resolve('./fileMock.cjs')),
+    },
+    transform: {
+        '\\.css\\.ts$': fileURLToPath(import.meta.resolve('@vanilla-extract/jest-transform')),
+        '\\.tsx?$': fileURLToPath(import.meta.resolve('./tsBabelTransform.js')),
+        '\\.[cm]?js$': fileURLToPath(import.meta.resolve('./jsBabelTransform.js')),
+    },
+    transformIgnorePatterns: [
+        // Allow 'compilePackages' code to be transformed in tests by overriding
+        // the default, which normally excludes everything in node_modules.
+        `node_modules${slash}(?!(${compilePackagesRegex}))`,
+    ],
+    watchPlugins: [
+        fileURLToPath(import.meta.resolve('jest-watch-typeahead/filename')),
+        fileURLToPath(import.meta.resolve('jest-watch-typeahead/testname')),
+    ],
+});

package/dist/config/jest/jsBabelTransform.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import(".pnpm/@jest+transform@29.7.0/node_modules/@jest/transform").SyncTransformer<import("@babel/core").TransformOptions> | Promise<import(".pnpm/@jest+transform@29.7.0/node_modules/@jest/transform").SyncTransformer<import("@babel/core").TransformOptions>>;
+export default _default;

package/dist/config/jest/jsBabelTransform.js

@@ -0,0 +1,9 @@
+import babelJest from 'babel-jest';
+import { rootResolution } from '../../context/index.js';
+import babelConfig from '../babel/babelConfig.js';
+import targets from '../targets.json' with { type: 'json' };
+export default babelJest.createTransformer(babelConfig({
+    target: 'jest',
+    rootResolution,
+    browserslist: targets.browserslistNodeTarget,
+}));

package/dist/config/jest/tsBabelTransform.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import(".pnpm/@jest+transform@29.7.0/node_modules/@jest/transform").SyncTransformer<import("@babel/core").TransformOptions> | Promise<import(".pnpm/@jest+transform@29.7.0/node_modules/@jest/transform").SyncTransformer<import("@babel/core").TransformOptions>>;
+export default _default;

package/dist/config/jest/tsBabelTransform.js

@@ -0,0 +1,10 @@
+import babelJest from 'babel-jest';
+import { rootResolution } from '../../context/index.js';
+import babelConfig from '../babel/babelConfig.js';
+import targets from '../targets.json' with { type: 'json' };
+export default babelJest.createTransformer(babelConfig({
+    target: 'jest',
+    lang: 'ts',
+    rootResolution,
+    browserslist: targets.browserslistNodeTarget,
+}));

package/dist/config/lintStaged/lintStagedConfig.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from 'lint-staged';
+declare const config: Config;
+export default config;

package/dist/config/lintStaged/lintStagedConfig.js

@@ -0,0 +1,15 @@
+import { isYarn, getCommand } from '../../lib/packageManager.js';
+import { lintExtensions } from '../../lib/lint.js';
+const config = {
+    [`**/*.{${lintExtensions},md}`]: ['sku format', 'sku lint'],
+    // Yarn lock integrity check
+    ...(isYarn
+        ? {
+            '+(package.json|yarn.lock)': 
+            // The function form allows running the command without file arguments
+            // https://github.com/lint-staged/lint-staged#example-run-tsc-on-changes-to-typescript-files-but-do-not-pass-any-filename-arguments
+            () => getCommand('yarn', 'install', ['--check-files']),
+        }
+        : {}),
+};
+export default config;

package/dist/config/prettier/prettierConfig.d.ts

@@ -0,0 +1,3 @@
+import type { Options } from 'prettier';
+declare const options: Options;
+export default options;

package/dist/config/prettier/prettierConfig.js

@@ -0,0 +1,6 @@
+const options = {
+    singleQuote: true,
+    tabWidth: 2,
+    trailingComma: 'all',
+};
+export default options;

package/dist/config/storybook/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+// @ts-check
+/**
+ * This file and all its dependencies must be CJS
+ * https://github.com/storybookjs/storybook/pull/23018
+ */
+/** @typedef {import("@storybook/react-webpack5").StorybookConfig} StorybookConfig */
+/** @typedef {import("webpack").Configuration} Configuration */
+/**
+ * @typedef {object} WebpackOptions
+ * @property {'PRODUCTION' | 'DEVELOPMENT' | undefined} [configType]
+ */
+/**
+ * @typedef {function(Configuration, WebpackOptions): Promise<Configuration>} AsyncWebpackFinal
+ */
+/** @type AsyncWebpackFinal */
+const webpackFinal = async (config, { configType }) => {
+    const makeStorybookWebpackConfig = (await import('./storybookWebpackConfig.js')).default;
+    return makeStorybookWebpackConfig(config, {
+        // sku storybook -> configType === 'DEVELOPMENT'
+        // sku build-storybook -> configType === 'PRODUCTION'
+        isDevServer: configType === 'DEVELOPMENT',
+    });
+};
+/** @type {NonNullable<StorybookConfig['babel']>} */
+const babel = async () => {
+    const createBabelConfig = (await import('../babel/babelConfig.js')).default;
+    return createBabelConfig({
+        target: 'browser',
+        lang: 'ts',
+        browserslist: ['chrome > 122'],
+        displayNamesProd: true,
+    });
+};
+module.exports = {
+    webpackFinal,
+    babel,
+};

package/dist/config/storybook/index.d.cts

@@ -0,0 +1,23 @@
+export type StorybookConfig = import("@storybook/react-webpack5").StorybookConfig;
+export type Configuration = import("webpack").Configuration;
+export type WebpackOptions = {
+    configType?: "PRODUCTION" | "DEVELOPMENT" | undefined;
+};
+export type AsyncWebpackFinal = (arg0: Configuration, arg1: WebpackOptions) => Promise<Configuration>;
+/**
+ * This file and all its dependencies must be CJS
+ * https://github.com/storybookjs/storybook/pull/23018
+ */
+/** @typedef {import("@storybook/react-webpack5").StorybookConfig} StorybookConfig */
+/** @typedef {import("webpack").Configuration} Configuration */
+/**
+ * @typedef {object} WebpackOptions
+ * @property {'PRODUCTION' | 'DEVELOPMENT' | undefined} [configType]
+ */
+/**
+ * @typedef {function(Configuration, WebpackOptions): Promise<Configuration>} AsyncWebpackFinal
+ */
+/** @type AsyncWebpackFinal */
+export const webpackFinal: AsyncWebpackFinal;
+/** @type {NonNullable<StorybookConfig['babel']>} */
+export const babel: NonNullable<StorybookConfig["babel"]>;

package/dist/config/storybook/storybookWebpackConfig.d.ts

@@ -0,0 +1,4 @@
+declare function _default(config: import("webpack").Configuration, { isDevServer }: {
+    isDevServer: boolean;
+}): import("webpack").Configuration;
+export default _default;