@backstage/cli 0.33.2-next.0 → 0.34.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @backstage/cli
 
+## 0.34.0-next.2
+
+### Minor Changes
+
+- 923ceb2: **BREAKING**: The new app build based on [Rspack](https://rspack.dev/) is now the default, and the `EXPERIMENTAL_RSPACK` flag has been removed. To revert to the old behavior, set the `LEGACY_WEBPACK_BUILD` environment flag and install the following optional dependencies:
+
+  ```json
+  {
+    "dependencies": {
+      "@module-federation/enhanced": "^0.9.0",
+      "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
+      "esbuild-loader": "^4.0.0",
+      "eslint-webpack-plugin": "^4.2.0",
+      "fork-ts-checker-webpack-plugin": "^9.0.0",
+      "mini-css-extract-plugin": "^2.4.2",
+      "terser-webpack-plugin": "^5.1.3",
+      "webpack": "^5.96.0",
+      "webpack-dev-server": "^5.0.0"
+    }
+  }
+  ```
+
+  If you do encounter a blocking issue that forces you to use the old WebPack build, please [open an issue](https://github.com/backstage/backstage/issues) explaining the problem. The WebPack build will be removed in a future release.
+
+- eda80c7: **BREAKING**: Removed support for `.icon.svg` imports, which have been deprecated since the 1.19 release.
+
+### Patch Changes
+
+- 8b1bf6e: Deprecated new frontend system config setting `app.experimental.packages` to just `app.packages`. The old config will continue working for the time being, but may be removed in a future release.
+- ead626f: The Node.js transform in `@backstage/cli/config/nodeTransformHooks.mjs` now supports the built-in type stripping in Node.js, which is enabled by default from v22.18.0.
+
+## 0.34.0-next.1
+
+### Minor Changes
+
+- 38b4243: Added plugin and module templates for the new frontend system. These templates are not included by default, but can be included by adding `@backstage/cli/templates/new-frontend-plugin` and `@backstage/cli/templates/new-frontend-plugin-module` as [custom templates](https://backstage.io/docs/tooling/cli/templates#installing-custom-templates).
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/catalog-model@1.7.5
+  - @backstage/cli-common@0.1.15
+  - @backstage/cli-node@0.2.13
+  - @backstage/config@1.3.3
+  - @backstage/config-loader@1.10.2
+  - @backstage/errors@1.2.7
+  - @backstage/eslint-plugin@0.1.11
+  - @backstage/integration@1.17.1
+  - @backstage/release-manifests@0.0.13
+  - @backstage/types@1.2.1
+
 ## 0.33.2-next.0
 
 ### Patch Changes

package/asset-types/asset-types.d.ts

@@ -65,44 +65,6 @@ declare module '*.yaml' {
   export default src;
 }
 
-/**
- * @deprecated support for .icon.svg extensions are being removed, inline the SVG elements in a MUI SvgIcon instead.
- * @example
- * ```tsx
- * import SvgIcon from '@material-ui/core/SvgIcon';
- *
- * const MyIcon = () => (
- *   <SvgIcon>
- *     <g>
- *        <path d="..." />
- *      </g>
- *   </SvgIcon>
- * )
- * ```
- */
-declare module '*.icon.svg' {
-  import { ComponentType } from 'react';
-  import { SvgIconProps } from '@material-ui/core';
-
-  /**
-   * @deprecated support for .icon.svg extensions are being removed, inline the SVG elements in a MUI SvgIcon instead.
-   * @example
-   * ```tsx
-   * import SvgIcon from '@material-ui/core/SvgIcon';
-   *
-   * const MyIcon = () => (
-   *   <SvgIcon>
-   *     <g>
-   *        <path d="..." />
-   *      </g>
-   *   </SvgIcon>
-   * )
-   * ```
-   */
-  const Icon: ComponentType<SvgIconProps>;
-  export default Icon;
-}
-
 declare module '*.svg' {
   const src: string;
   export default src;

package/config/nodeTransformHooks.mjs

@@ -255,6 +255,18 @@ export async function load(url, context, nextLoad) {
     return nextLoad(url, { ...context, format });
   }
 
+  // If the Node.js version we're running supports TypeScript, i.e. type
+  // stripping, we hand over to the default loader. This is done for all cases
+  // except if we're loading a .ts file that's been resolved to CommonJS format.
+  // This is because these files aren't actually CommonJS in the Backstage build
+  // system, and need to be transformed to CommonJS.
+  if (
+    format === 'module-typescript' ||
+    (format === 'module-commonjs' && ext !== '.ts')
+  ) {
+    return nextLoad(url, { ...context, format });
+  }
+
   const transformed = await transformFile(fileURLToPath(url), {
     sourceMaps: 'inline',
     module: {

package/dist/lib/version.cjs.js

@@ -13,13 +13,16 @@ var _package$7 = require('../packages/core-components/package.json.cjs.js');
 var _package$8 = require('../packages/core-plugin-api/package.json.cjs.js');
 var _package$9 = require('../packages/dev-utils/package.json.cjs.js');
 var _package$a = require('../packages/errors/package.json.cjs.js');
-var _package$b = require('../packages/test-utils/package.json.cjs.js');
-var _package$d = require('../plugins/scaffolder-node/package.json.cjs.js');
-var _package$e = require('../plugins/scaffolder-node-test-utils/package.json.cjs.js');
-var _package$f = require('../plugins/auth-backend/package.json.cjs.js');
-var _package$g = require('../plugins/auth-backend-module-guest-provider/package.json.cjs.js');
-var _package$h = require('../plugins/catalog-node/package.json.cjs.js');
-var _package$c = require('../packages/theme/package.json.cjs.js');
+var _package$b = require('../packages/frontend-defaults/package.json.cjs.js');
+var _package$c = require('../packages/frontend-plugin-api/package.json.cjs.js');
+var _package$d = require('../packages/frontend-test-utils/package.json.cjs.js');
+var _package$e = require('../packages/test-utils/package.json.cjs.js');
+var _package$g = require('../plugins/scaffolder-node/package.json.cjs.js');
+var _package$h = require('../plugins/scaffolder-node-test-utils/package.json.cjs.js');
+var _package$i = require('../plugins/auth-backend/package.json.cjs.js');
+var _package$j = require('../plugins/auth-backend-module-guest-provider/package.json.cjs.js');
+var _package$k = require('../plugins/catalog-node/package.json.cjs.js');
+var _package$f = require('../packages/theme/package.json.cjs.js');
 var _package = require('../packages/backend-defaults/package.json.cjs.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -39,13 +42,16 @@ const packageVersions = {
   "@backstage/core-plugin-api": _package$8.version,
   "@backstage/dev-utils": _package$9.version,
   "@backstage/errors": _package$a.version,
-  "@backstage/test-utils": _package$b.version,
-  "@backstage/theme": _package$c.version,
-  "@backstage/plugin-scaffolder-node": _package$d.version,
-  "@backstage/plugin-scaffolder-node-test-utils": _package$e.version,
-  "@backstage/plugin-auth-backend": _package$f.version,
-  "@backstage/plugin-auth-backend-module-guest-provider": _package$g.version,
-  "@backstage/plugin-catalog-node": _package$h.version
+  "@backstage/frontend-defaults": _package$b.version,
+  "@backstage/frontend-plugin-api": _package$c.version,
+  "@backstage/frontend-test-utils": _package$d.version,
+  "@backstage/test-utils": _package$e.version,
+  "@backstage/theme": _package$f.version,
+  "@backstage/plugin-scaffolder-node": _package$g.version,
+  "@backstage/plugin-scaffolder-node-test-utils": _package$h.version,
+  "@backstage/plugin-auth-backend": _package$i.version,
+  "@backstage/plugin-auth-backend-module-guest-provider": _package$j.version,
+  "@backstage/plugin-catalog-node": _package$k.version
 };
 function findVersion() {
   const pkgContent = fs__default.default.readFileSync(paths.paths.resolveOwn("package.json"), "utf8");

package/dist/modules/build/commands/package/build/command.cjs.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
 
 async function command(opts) {
-  const rspack = process.env.EXPERIMENTAL_RSPACK ? require("@rspack/core") : void 0;
+  const webpack = process.env.LEGACY_WEBPACK_BUILD ? require("webpack") : void 0;
   const role$1 = await role.findRoleFromCommand(opts);
   if (role$1 === "frontend" || role$1 === "backend") {
     const configPaths = opts.config.map((arg) => {
@@ -29,7 +29,7 @@ async function command(opts) {
         targetDir: paths.paths.targetDir,
         configPaths,
         writeStats: Boolean(opts.stats),
-        rspack
+        webpack
       });
     }
     return buildBackend.buildBackend({
@@ -50,7 +50,7 @@ async function command(opts) {
       configPaths: [],
       writeStats: Boolean(opts.stats),
       isModuleFederationRemote: true,
-      rspack
+      webpack
     });
   }
   const roleInfo = cliNode.PackageRoles.getRoleInfo(role$1);

package/dist/modules/build/commands/package/start/startFrontend.cjs.js

@@ -3,20 +3,17 @@
 var fs = require('fs-extra');
 var path = require('path');
 require('yn');
-require('webpack');
+require('@rspack/core');
 require('react-dev-utils/FileSizeReporter');
 require('react-dev-utils/formatWebpackMessages');
-require('eslint-webpack-plugin');
-require('fork-ts-checker-webpack-plugin');
+require('eslint-rspack-plugin');
+require('ts-checker-rspack-plugin');
 require('html-webpack-plugin');
-require('@module-federation/enhanced/webpack');
 require('react-dev-utils/ModuleScopePlugin');
-require('@pmmmwh/react-refresh-webpack-plugin');
+require('@module-federation/enhanced/rspack');
 var paths = require('../../../../../lib/paths.cjs.js');
-require('../../../lib/bundler/optimization.cjs.js');
 require('lodash/pickBy');
 require('../../../../../lib/run.cjs.js');
-require('mini-css-extract-plugin');
 require('../../../../../lib/version.cjs.js');
 var hasReactDomClient = require('../../../lib/bundler/hasReactDomClient.cjs.js');
 require('@manypkg/get-packages');

package/dist/modules/build/commands/repo/build.cjs.js

@@ -16,8 +16,7 @@ var chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
 
 async function command(opts, cmd) {
   let packages = await cliNode.PackageGraph.listTargetPackages();
-  const shouldUseRspack = Boolean(process.env.EXPERIMENTAL_RSPACK);
-  const rspack = shouldUseRspack ? require("@rspack/core") : void 0;
+  const webpack = process.env.LEGACY_WEBPACK_BUILD ? require("webpack") : void 0;
   if (opts.since) {
     const graph = cliNode.PackageGraph.fromPackages(packages);
     const changedPackages = await graph.listChangedPackages({
@@ -86,7 +85,7 @@ async function command(opts, cmd) {
           targetDir: pkg.dir,
           configPaths: buildOptions.config ?? [],
           writeStats: Boolean(buildOptions.stats),
-          rspack
+          webpack
         });
       }
     });

package/dist/modules/build/lib/buildFrontend.cjs.js

@@ -6,20 +6,17 @@ var bundle = require('./bundler/bundle.cjs.js');
 var moduleFederation = require('./bundler/moduleFederation.cjs.js');
 require('chalk');
 require('react-dev-utils/openBrowser');
-require('webpack');
-require('webpack-dev-server');
+require('@rspack/core');
+require('@rspack/dev-server');
 require('../../../lib/paths.cjs.js');
 var config = require('../../config/lib/config.cjs.js');
-require('eslint-webpack-plugin');
-require('fork-ts-checker-webpack-plugin');
+require('eslint-rspack-plugin');
+require('ts-checker-rspack-plugin');
 require('html-webpack-plugin');
-require('@module-federation/enhanced/webpack');
 require('react-dev-utils/ModuleScopePlugin');
-require('@pmmmwh/react-refresh-webpack-plugin');
-require('./bundler/optimization.cjs.js');
+require('@module-federation/enhanced/rspack');
 require('lodash/pickBy');
 require('../../../lib/run.cjs.js');
-require('mini-css-extract-plugin');
 require('../../../lib/version.cjs.js');
 require('yn');
 require('@manypkg/get-packages');
@@ -31,7 +28,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 
 async function buildFrontend(options) {
-  const { targetDir, writeStats, configPaths, rspack } = options;
+  const { targetDir, writeStats, configPaths, webpack } = options;
   const packageJson = await fs__default.default.readJson(
     path.resolve(targetDir, "package.json")
   );
@@ -49,7 +46,7 @@ async function buildFrontend(options) {
       args: configPaths,
       fromPackage: packageJson.name
     }),
-    rspack
+    webpack
   });
 }
 

package/dist/modules/build/lib/builder/config.cjs.js

@@ -7,14 +7,12 @@ var commonjs = require('@rollup/plugin-commonjs');
 var resolve = require('@rollup/plugin-node-resolve');
 var postcss = require('rollup-plugin-postcss');
 var esbuild = require('rollup-plugin-esbuild');
-var svgr = require('@svgr/rollup');
 var dts = require('rollup-plugin-dts');
 var json = require('@rollup/plugin-json');
 var yaml = require('@rollup/plugin-yaml');
 var plugins = require('./plugins.cjs.js');
 var types = require('./types.cjs.js');
 var paths = require('../../../../lib/paths.cjs.js');
-var svgrTemplate = require('../../../../lib/svgrTemplate.cjs.js');
 var entryPoints = require('../../../../lib/entryPoints.cjs.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,7 +23,6 @@ var commonjs__default = /*#__PURE__*/_interopDefaultCompat(commonjs);
 var resolve__default = /*#__PURE__*/_interopDefaultCompat(resolve);
 var postcss__default = /*#__PURE__*/_interopDefaultCompat(postcss);
 var esbuild__default = /*#__PURE__*/_interopDefaultCompat(esbuild);
-var svgr__default = /*#__PURE__*/_interopDefaultCompat(svgr);
 var dts__default = /*#__PURE__*/_interopDefaultCompat(dts);
 var json__default = /*#__PURE__*/_interopDefaultCompat(json);
 var yaml__default = /*#__PURE__*/_interopDefaultCompat(yaml);
@@ -201,10 +198,6 @@ async function makeRollupConfigs(options) {
         }),
         json__default.default(),
         yaml__default.default(),
-        svgr__default.default({
-          include: /\.icon\.svg$/,
-          template: svgrTemplate.svgrTemplate
-        }),
         esbuild__default.default({
           target: "ES2022",
           minify: options.minify

package/dist/modules/build/lib/bundler/bundle.cjs.js

@@ -3,7 +3,7 @@
 var yn = require('yn');
 var fs = require('fs-extra');
 var path = require('path');
-var webpack = require('webpack');
+var core = require('@rspack/core');
 var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 var config = require('./config.cjs.js');
@@ -15,7 +15,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var yn__default = /*#__PURE__*/_interopDefaultCompat(yn);
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
-var webpack__default = /*#__PURE__*/_interopDefaultCompat(webpack);
 var formatWebpackMessages__default = /*#__PURE__*/_interopDefaultCompat(formatWebpackMessages);
 var chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
 
@@ -26,7 +25,7 @@ function applyContextToError(error, moduleName) {
   ${error}`;
 }
 async function buildBundle(options) {
-  const { statsJsonEnabled, schema: configSchema, rspack } = options;
+  const { statsJsonEnabled, schema: configSchema, webpack } = options;
   const paths$1 = paths.resolveBundlingPaths(options);
   const publicPaths = await paths.resolveOptionalBundlingPaths({
     targetDir: options.targetDir,
@@ -91,12 +90,10 @@ async function buildBundle(options) {
       { spaces: 2 }
     );
   }
-  if (rspack) {
-    console.log(
-      chalk__default.default.yellow(`\u26A0\uFE0F  WARNING: Using experimental RSPack bundler.`)
-    );
+  if (webpack) {
+    console.log(chalk__default.default.yellow(`\u26A0\uFE0F  WARNING: Using legacy WebPack bundler`));
   }
-  const { stats } = await build(configs, isCi, rspack);
+  const { stats } = await build(configs, isCi, webpack);
   if (!stats) {
     throw new Error("No stats returned");
   }
@@ -124,29 +121,27 @@ async function buildBundle(options) {
     );
   }
 }
-async function build(configs, isCi, rspack) {
-  const bundler = rspack ?? webpack__default.default;
-  const stats = await new Promise(
-    (resolve, reject) => {
-      bundler(configs, (err, buildStats) => {
-        if (err) {
-          if (err.message) {
-            const { errors: errors2 } = formatWebpackMessages__default.default({
-              errors: [err.message],
-              warnings: new Array(),
-              _showErrors: true,
-              _showWarnings: true
-            });
-            throw new Error(errors2[0]);
-          } else {
-            reject(err);
-          }
+async function build(configs, isCi, webpack) {
+  const bundler = webpack ?? core.rspack;
+  const stats = await new Promise((resolve, reject) => {
+    bundler(configs, (err, buildStats) => {
+      if (err) {
+        if (err.message) {
+          const { errors: errors2 } = formatWebpackMessages__default.default({
+            errors: [err.message],
+            warnings: new Array(),
+            _showErrors: true,
+            _showWarnings: true
+          });
+          throw new Error(errors2[0]);
         } else {
-          resolve(buildStats);
+          reject(err);
         }
-      });
-    }
-  );
+      } else {
+        resolve(buildStats);
+      }
+    });
+  });
   if (!stats) {
     throw new Error("Failed to compile: No stats provided");
   }

package/dist/modules/build/lib/bundler/config.cjs.js

@@ -1,13 +1,12 @@
 'use strict';
 
 var path = require('path');
-var webpack$1 = require('webpack');
-var ESLintPlugin = require('eslint-webpack-plugin');
-var ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+var core = require('@rspack/core');
+var ESLintRspackPlugin = require('eslint-rspack-plugin');
+var tsCheckerRspackPlugin = require('ts-checker-rspack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
-var webpack = require('@module-federation/enhanced/webpack');
 var ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
-var ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+var rspack = require('@module-federation/enhanced/rspack');
 var paths = require('../../../../lib/paths.cjs.js');
 var fs = require('fs-extra');
 var optimization = require('./optimization.cjs.js');
@@ -22,12 +21,9 @@ var ConfigInjectingHtmlWebpackPlugin = require('./ConfigInjectingHtmlWebpackPlug
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var webpack__default = /*#__PURE__*/_interopDefaultCompat(webpack$1);
-var ESLintPlugin__default = /*#__PURE__*/_interopDefaultCompat(ESLintPlugin);
-var ForkTsCheckerWebpackPlugin__default = /*#__PURE__*/_interopDefaultCompat(ForkTsCheckerWebpackPlugin);
+var ESLintRspackPlugin__default = /*#__PURE__*/_interopDefaultCompat(ESLintRspackPlugin);
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefaultCompat(HtmlWebpackPlugin);
 var ModuleScopePlugin__default = /*#__PURE__*/_interopDefaultCompat(ModuleScopePlugin);
-var ReactRefreshPlugin__default = /*#__PURE__*/_interopDefaultCompat(ReactRefreshPlugin);
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 var pickBy__default = /*#__PURE__*/_interopDefaultCompat(pickBy);
 var yn__default = /*#__PURE__*/_interopDefaultCompat(yn);
@@ -83,7 +79,7 @@ async function createConfig(paths, options) {
     frontendConfig,
     moduleFederation,
     publicSubPath = "",
-    rspack
+    webpack
   } = options;
   const { plugins, loaders } = transforms.transforms(options);
   const validBaseUrl = resolveBaseUrl(frontendConfig, moduleFederation);
@@ -103,25 +99,30 @@ async function createConfig(paths, options) {
         sockPort: port
       }
     };
-    if (rspack) {
+    if (webpack) {
+      const ReactRefreshPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
+      plugins.push(new ReactRefreshPlugin(refreshOptions));
+    } else {
       const RspackReactRefreshPlugin = require("@rspack/plugin-react-refresh");
       plugins.push(new RspackReactRefreshPlugin(refreshOptions));
-    } else {
-      plugins.push(new ReactRefreshPlugin__default.default(refreshOptions));
     }
   }
   if (checksEnabled) {
+    const TsCheckerPlugin = webpack ? require("fork-ts-checker-webpack-plugin") : tsCheckerRspackPlugin.TsCheckerRspackPlugin;
+    const ESLintPlugin = webpack ? require("eslint-webpack-plugin") : ESLintRspackPlugin__default.default;
     plugins.push(
-      new ForkTsCheckerWebpackPlugin__default.default({
-        typescript: { configFile: paths.targetTsConfig, memoryLimit: 4096 }
+      new TsCheckerPlugin({
+        typescript: { configFile: paths.targetTsConfig, memoryLimit: 8192 }
       }),
-      new ESLintPlugin__default.default({
+      new ESLintPlugin({
+        cache: false,
+        // Cache seems broken
         context: paths.targetPath,
         files: ["**/*.(ts|tsx|mts|cts|js|jsx|mjs|cjs)"]
       })
     );
   }
-  const bundler = rspack ? rspack : webpack__default.default;
+  const bundler = webpack ? webpack : core.rspack;
   plugins.push(
     new bundler.ProvidePlugin({
       process: require.resolve("process/browser"),
@@ -139,15 +140,15 @@ async function createConfig(paths, options) {
         config: frontendConfig
       }
     };
-    if (rspack) {
+    if (webpack) {
+      plugins.push(new HtmlWebpackPlugin__default.default(templateOptions));
+    } else {
       plugins.push(
         new ConfigInjectingHtmlWebpackPlugin.ConfigInjectingHtmlWebpackPlugin(
           templateOptions,
           options.getFrontendAppConfigs
         )
       );
-    } else {
-      plugins.push(new HtmlWebpackPlugin__default.default(templateOptions));
     }
     plugins.push(
       new HtmlWebpackPlugin__default.default({
@@ -165,7 +166,7 @@ async function createConfig(paths, options) {
   }
   if (options.moduleFederation) {
     const isRemote = options.moduleFederation?.mode === "remote";
-    const AdaptedModuleFederationPlugin = rspack ? require("@module-federation/enhanced/rspack").ModuleFederationPlugin : webpack.ModuleFederationPlugin;
+    const AdaptedModuleFederationPlugin = webpack ? require("@module-federation/enhanced/webpack").ModuleFederationPlugin : rspack.ModuleFederationPlugin;
     const exposes = options.moduleFederation?.exposes ? Object.fromEntries(
       Object.entries(options.moduleFederation?.exposes).map(([k, v]) => [
         k,
@@ -233,15 +234,26 @@ async function createConfig(paths, options) {
   }
   const buildInfo = await readBuildInfo();
   plugins.push(
-    new bundler.DefinePlugin({
+    webpack ? new webpack.DefinePlugin({
       "process.env.BUILD_INFO": JSON.stringify(buildInfo),
-      "process.env.APP_CONFIG": rspack ? JSON.stringify([]) : bundler.DefinePlugin.runtimeValue(
+      "process.env.APP_CONFIG": webpack.DefinePlugin.runtimeValue(
         () => JSON.stringify(options.getFrontendAppConfigs()),
         true
       ),
       // This allows for conditional imports of react-dom/client, since there's no way
       // to check for presence of it in source code without module resolution errors.
-      "process.env.HAS_REACT_DOM_CLIENT": JSON.stringify(hasReactDomClient.hasReactDomClient())
+      "process.env.HAS_REACT_DOM_CLIENT": JSON.stringify(
+        hasReactDomClient.hasReactDomClient()
+      )
+    }) : new bundler.DefinePlugin({
+      "process.env.BUILD_INFO": JSON.stringify(buildInfo),
+      "process.env.APP_CONFIG": JSON.stringify([]),
+      // Inject via index.html instead
+      // This allows for conditional imports of react-dom/client, since there's no way
+      // to check for presence of it in source code without module resolution errors.
+      "process.env.HAS_REACT_DOM_CLIENT": JSON.stringify(
+        hasReactDomClient.hasReactDomClient()
+      )
     })
   );
   if (options.linkedWorkspace) {
@@ -252,7 +264,7 @@ async function createConfig(paths, options) {
       )
     );
   }
-  const reactRefreshFiles = rspack ? [] : [
+  const reactRefreshFiles = webpack ? [
     require.resolve(
       "@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"
     ),
@@ -260,7 +272,7 @@ async function createConfig(paths, options) {
       "@pmmmwh/react-refresh-webpack-plugin/overlay/index.js"
     ),
     require.resolve("react-refresh")
-  ];
+  ] : [];
   const mode = isDev ? "development" : "production";
   const optimization$1 = optimization.optimization(options);
   return {
@@ -304,7 +316,7 @@ async function createConfig(paths, options) {
         util: require.resolve("util/")
       },
       // FIXME: see also https://github.com/web-infra-dev/rspack/issues/3408
-      ...!rspack && {
+      ...webpack && {
         plugins: [
           new ModuleScopePlugin__default.default(
             [paths.targetSrc, paths.targetDev],
@@ -331,7 +343,7 @@ async function createConfig(paths, options) {
     },
     experiments: {
       lazyCompilation: yn__default.default(process.env.EXPERIMENTAL_LAZY_COMPILATION),
-      ...rspack && {
+      ...!webpack && {
         // We're still using `style-loader` for custom `insert` option
         css: false
       }

package/dist/modules/build/lib/bundler/optimization.cjs.js

@@ -1,9 +1,10 @@
 'use strict';
 
-const { EsbuildPlugin } = require("esbuild-loader");
+var core = require('@rspack/core');
+
 const optimization = (options) => {
-  const { isDev, rspack } = options;
-  const MinifyPlugin = rspack ? rspack.SwcJsMinimizerRspackPlugin : EsbuildPlugin;
+  const { isDev, webpack } = options;
+  const MinifyPlugin = webpack ? require("esbuild-loader").EsbuildPlugin : core.SwcJsMinimizerRspackPlugin;
   return {
     minimize: !isDev,
     minimizer: [
@@ -18,7 +19,7 @@ const optimization = (options) => {
         format: void 0,
         include: "remoteEntry.js"
       }),
-      rspack && new rspack.LightningCssMinimizerRspackPlugin()
+      webpack ? void 0 : new core.LightningCssMinimizerRspackPlugin()
     ],
     runtimeChunk: "single",
     splitChunks: {
@@ -44,7 +45,7 @@ const optimization = (options) => {
           priority: 10,
           minSize: 1e5,
           minChunks: 1,
-          ...!rspack && {
+          ...webpack && {
             maxAsyncRequests: Infinity,
             maxInitialRequests: Infinity
           }

package/dist/modules/build/lib/bundler/packageDetection.cjs.js

@@ -15,27 +15,22 @@ var PQueue__default = /*#__PURE__*/_interopDefaultCompat(PQueue);
 
 const DETECTED_MODULES_MODULE_NAME = "__backstage-autodetected-plugins__";
 function readPackageDetectionConfig(config$1) {
-  const packages = config$1.getOptional("app.experimental.packages");
+  const packages = config$1.getOptional("app.packages") ?? config$1.getOptional("app.experimental.packages");
   if (packages === void 0 || packages === null) {
     return void 0;
   }
   if (typeof packages === "string") {
     if (packages !== "all") {
       throw new Error(
-        `Invalid app.experimental.packages mode, got '${packages}', expected 'all'`
+        `Invalid app.packages mode, got '${packages}', expected 'all'`
       );
     }
     return {};
   }
   if (typeof packages !== "object" || Array.isArray(packages)) {
-    throw new Error(
-      "Invalid config at 'app.experimental.packages', expected object"
-    );
+    throw new Error("Invalid config at 'app.packages', expected object");
   }
-  const packagesConfig = new config.ConfigReader(
-    packages,
-    "app.experimental.packages"
-  );
+  const packagesConfig = new config.ConfigReader(packages, "app.packages");
   return {
     include: packagesConfig.getOptionalStringArray("include"),
     exclude: packagesConfig.getOptionalStringArray("exclude")