@backstage/cli 0.18.1-next.0 → 0.18.2-next.0

package/dist/cjs/{paths-b34f135a.cjs.js → paths-75e8c849.cjs.js}

@@ -12,8 +12,9 @@ var cliCommon = require('@backstage/cli-common');
 var getPackages = require('@manypkg/get-packages');
 var MiniCssExtractPlugin = require('mini-css-extract-plugin');
 var svgrTemplate = require('./svgrTemplate-550efce6.cjs.js');
-var index = require('./index-50703ee1.cjs.js');
-var run = require('./run-722b1384.cjs.js');
+var ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+var index = require('./index-a01857b1.cjs.js');
+var run = require('./run-94823671.cjs.js');
 var ESLintPlugin = require('eslint-webpack-plugin');
 var pickBy = require('lodash/pickBy');
 
@@ -26,6 +27,7 @@ var ModuleScopePlugin__default = /*#__PURE__*/_interopDefaultLegacy(ModuleScopeP
 var webpack__default = /*#__PURE__*/_interopDefaultLegacy(webpack);
 var nodeExternals__default = /*#__PURE__*/_interopDefaultLegacy(nodeExternals);
 var MiniCssExtractPlugin__default = /*#__PURE__*/_interopDefaultLegacy(MiniCssExtractPlugin);
+var ReactRefreshPlugin__default = /*#__PURE__*/_interopDefaultLegacy(ReactRefreshPlugin);
 var ESLintPlugin__default = /*#__PURE__*/_interopDefaultLegacy(ESLintPlugin);
 var pickBy__default = /*#__PURE__*/_interopDefaultLegacy(pickBy);
 
@@ -80,7 +82,6 @@ const optimization = (options) => {
 
 const transforms = (options) => {
   const { isDev, isBackend } = options;
-  const extraTransforms = isDev && !isBackend ? ["react-hot-loader"] : [];
   function insertBeforeJssStyles(element) {
     const head = document.head;
     const firstJssNode = head.querySelector("style[data-jss]");
@@ -94,22 +95,54 @@ const transforms = (options) => {
     {
       test: /\.(tsx?)$/,
       exclude: /node_modules/,
-      loader: require.resolve("@sucrase/webpack-loader"),
-      options: {
-        transforms: ["typescript", "jsx", ...extraTransforms],
-        disableESTransforms: true,
-        production: !isDev
-      }
+      use: [
+        {
+          loader: "swc-loader",
+          options: {
+            jsc: {
+              target: "es2019",
+              externalHelpers: !isBackend,
+              parser: {
+                syntax: "typescript",
+                tsx: true,
+                dynamicImport: true
+              },
+              transform: {
+                react: {
+                  runtime: "automatic",
+                  refresh: isDev
+                }
+              }
+            }
+          }
+        }
+      ]
     },
     {
       test: /\.(jsx?|mjs|cjs)$/,
       exclude: /node_modules/,
-      loader: require.resolve("@sucrase/webpack-loader"),
-      options: {
-        transforms: ["jsx", ...extraTransforms],
-        disableESTransforms: true,
-        production: !isDev
-      }
+      use: [
+        {
+          loader: "swc-loader",
+          options: {
+            jsc: {
+              target: "es2019",
+              externalHelpers: !isBackend,
+              parser: {
+                syntax: "ecmascript",
+                jsx: true,
+                dynamicImport: true
+              },
+              transform: {
+                react: {
+                  runtime: "automatic",
+                  refresh: isDev
+                }
+              }
+            }
+          }
+        }
+      ]
     },
     {
       test: /\.(js|mjs|cjs)/,
@@ -121,11 +154,17 @@ const transforms = (options) => {
       test: [/\.icon\.svg$/],
       use: [
         {
-          loader: require.resolve("@sucrase/webpack-loader"),
+          loader: "swc-loader",
           options: {
-            transforms: ["jsx", ...extraTransforms],
-            disableESTransforms: true,
-            production: !isDev
+            jsc: {
+              target: "es2019",
+              externalHelpers: !isBackend,
+              parser: {
+                syntax: "ecmascript",
+                jsx: true,
+                dynamicImport: true
+              }
+            }
           }
         },
         {
@@ -187,7 +226,12 @@ const transforms = (options) => {
   ];
   const plugins = new Array();
   if (isDev) {
-    plugins.push(new webpack__default["default"].HotModuleReplacementPlugin());
+    plugins.push(
+      new ReactRefreshPlugin__default["default"]({
+        esModule: true,
+        overlay: { sockProtocol: "ws" }
+      })
+    );
   } else {
     plugins.push(
       new MiniCssExtractPlugin__default["default"]({
@@ -319,17 +363,13 @@ async function createConfig(paths, options) {
       "process.env.BUILD_INFO": JSON.stringify(buildInfo)
     })
   );
-  const resolveAliases = {};
-  try {
-    const { version: reactDomVersion } = require("react-dom/package.json");
-    if (reactDomVersion.startsWith("16.")) {
-      resolveAliases["react-dom"] = "@hot-loader/react-dom-v16";
-    } else {
-      resolveAliases["react-dom"] = "@hot-loader/react-dom-v17";
-    }
-  } catch (error) {
-    console.warn(`WARNING: Failed to read react-dom version, ${error}`);
-  }
+  const reactRefreshFiles = [
+    require.resolve(
+      "@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"
+    ),
+    require.resolve("@pmmmwh/react-refresh-webpack-plugin/overlay/index.js"),
+    require.resolve("react-refresh")
+  ];
   return {
     mode: isDev ? "development" : "production",
     profile: false,
@@ -340,9 +380,9 @@ async function createConfig(paths, options) {
     },
     devtool: isDev ? "eval-cheap-module-source-map" : "source-map",
     context: paths.targetPath,
-    entry: [require.resolve("react-hot-loader/patch"), paths.targetEntry],
+    entry: [paths.targetEntry],
     resolve: {
-      extensions: [".ts", ".tsx", ".mjs", ".js", ".jsx"],
+      extensions: [".ts", ".tsx", ".mjs", ".js", ".jsx", ".json", ".wasm"],
       mainFields: ["browser", "module", "main"],
       fallback: {
         ...pickBy__default["default"](require("node-libs-browser")),
@@ -363,10 +403,9 @@ async function createConfig(paths, options) {
         new LinkedPackageResolvePlugin(paths.rootNodeModules, externalPkgs),
         new ModuleScopePlugin__default["default"](
           [paths.targetSrc, paths.targetDev],
-          [paths.targetPackageJson]
+          [paths.targetPackageJson, ...reactRefreshFiles]
         )
-      ],
-      alias: resolveAliases
+      ]
     },
     module: {
       rules: loaders
@@ -432,7 +471,7 @@ async function createBackendConfig(paths, options) {
       paths.targetRunFile ? paths.targetRunFile : paths.targetEntry
     ],
     resolve: {
-      extensions: [".ts", ".tsx", ".mjs", ".js", ".jsx"],
+      extensions: [".ts", ".tsx", ".mjs", ".js", ".jsx", ".json"],
       mainFields: ["main"],
       modules: [paths.rootNodeModules, ...moduleDirs],
       plugins: [
@@ -441,10 +480,7 @@ async function createBackendConfig(paths, options) {
           [paths.targetSrc, paths.targetDev],
           [paths.targetPackageJson]
         )
-      ],
-      alias: {
-        "react-dom": "@hot-loader/react-dom"
-      }
+      ]
     },
     module: {
       rules: loaders
@@ -539,4 +575,4 @@ exports.createBackendConfig = createBackendConfig;
 exports.createConfig = createConfig;
 exports.resolveBaseUrl = resolveBaseUrl;
 exports.resolveBundlingPaths = resolveBundlingPaths;
-//# sourceMappingURL=paths-b34f135a.cjs.js.map
+//# sourceMappingURL=paths-75e8c849.cjs.js.map

package/dist/cjs/{print-e99d7c2e.cjs.js → print-68e156e3.cjs.js}

@@ -2,9 +2,9 @@
 
 var yaml = require('yaml');
 var config$1 = require('@backstage/config');
-var config = require('./config-4a59f918.cjs.js');
+var config = require('./config-c80d95cb.cjs.js');
 require('@backstage/config-loader');
-require('./index-50703ee1.cjs.js');
+require('./index-a01857b1.cjs.js');
 require('commander');
 require('chalk');
 require('fs-extra');
@@ -12,7 +12,7 @@ require('semver');
 require('@backstage/cli-common');
 require('@backstage/errors');
 require('@manypkg/get-packages');
-require('./PackageGraph-6e1d4bd4.cjs.js');
+require('./PackageGraph-217e30de.cjs.js');
 require('path');
 require('child_process');
 require('util');
@@ -61,4 +61,4 @@ function serializeConfigData(appConfigs, schema, visibility) {
 }
 
 exports["default"] = print;
-//# sourceMappingURL=print-e99d7c2e.cjs.js.map
+//# sourceMappingURL=print-68e156e3.cjs.js.map

package/dist/cjs/{run-722b1384.cjs.js → run-94823671.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var child_process = require('child_process');
-var index = require('./index-50703ee1.cjs.js');
+var index = require('./index-a01857b1.cjs.js');
 var util = require('util');
 var errors = require('@backstage/errors');
 
@@ -78,4 +78,4 @@ async function waitForExit(child, name) {
 exports.run = run;
 exports.runCheck = runCheck;
 exports.runPlain = runPlain;
-//# sourceMappingURL=run-722b1384.cjs.js.map
+//# sourceMappingURL=run-94823671.cjs.js.map

package/dist/cjs/{schema-c636e913.cjs.js → schema-3d2e8fe5.cjs.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var yaml = require('yaml');
-var config = require('./config-4a59f918.cjs.js');
+var config = require('./config-c80d95cb.cjs.js');
 var configLoader = require('@backstage/config-loader');
 require('@backstage/config');
-require('./index-50703ee1.cjs.js');
+require('./index-a01857b1.cjs.js');
 require('commander');
 require('chalk');
 require('fs-extra');
@@ -12,7 +12,7 @@ require('semver');
 require('@backstage/cli-common');
 require('@backstage/errors');
 require('@manypkg/get-packages');
-require('./PackageGraph-6e1d4bd4.cjs.js');
+require('./PackageGraph-217e30de.cjs.js');
 require('path');
 require('child_process');
 require('util');
@@ -40,4 +40,4 @@ var schema = async (opts) => {
 };
 
 exports["default"] = schema;
-//# sourceMappingURL=schema-c636e913.cjs.js.map
+//# sourceMappingURL=schema-3d2e8fe5.cjs.js.map

package/dist/cjs/{tasks-4776baa6.cjs.js → tasks-4dfbb510.cjs.js}

@@ -2,7 +2,7 @@
 
 var fs = require('fs-extra');
 var path = require('path');
-var index = require('./index-50703ee1.cjs.js');
+var index = require('./index-a01857b1.cjs.js');
 var chalk = require('chalk');
 var handlebars = require('handlebars');
 var ora = require('ora');
@@ -241,4 +241,4 @@ exports.addPackageDependency = addPackageDependency;
 exports.getCodeownersFilePath = getCodeownersFilePath;
 exports.parseOwnerIds = parseOwnerIds;
 exports.templatingTask = templatingTask;
-//# sourceMappingURL=tasks-4776baa6.cjs.js.map
+//# sourceMappingURL=tasks-4dfbb510.cjs.js.map

package/dist/cjs/{test-76539f57.cjs.js → test-3104a9d1.cjs.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-50703ee1.cjs.js');
-var run = require('./run-722b1384.cjs.js');
+var index = require('./index-a01857b1.cjs.js');
+var run = require('./run-94823671.cjs.js');
 require('commander');
 require('chalk');
 require('fs-extra');
@@ -54,4 +54,4 @@ var test = async (_opts, cmd) => {
 };
 
 exports["default"] = test;
-//# sourceMappingURL=test-76539f57.cjs.js.map
+//# sourceMappingURL=test-3104a9d1.cjs.js.map

package/dist/cjs/{validate-f9273594.cjs.js → validate-3ae83ea3.cjs.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var config = require('./config-4a59f918.cjs.js');
+var config = require('./config-c80d95cb.cjs.js');
 require('@backstage/config-loader');
 require('@backstage/config');
-require('./index-50703ee1.cjs.js');
+require('./index-a01857b1.cjs.js');
 require('commander');
 require('chalk');
 require('fs-extra');
@@ -11,7 +11,7 @@ require('semver');
 require('@backstage/cli-common');
 require('@backstage/errors');
 require('@manypkg/get-packages');
-require('./PackageGraph-6e1d4bd4.cjs.js');
+require('./PackageGraph-217e30de.cjs.js');
 require('path');
 require('child_process');
 require('util');
@@ -27,4 +27,4 @@ var validate = async (opts) => {
 };
 
 exports["default"] = validate;
-//# sourceMappingURL=validate-f9273594.cjs.js.map
+//# sourceMappingURL=validate-3ae83ea3.cjs.js.map

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 require('commander');
 require('chalk');
-require('./cjs/index-50703ee1.cjs.js');
+require('./cjs/index-a01857b1.cjs.js');
 require('fs-extra');
 require('semver');
 require('@backstage/cli-common');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/cli",
   "description": "CLI for developing Backstage plugins and apps",
-  "version": "0.18.1-next.0",
+  "version": "0.18.2-next.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -33,14 +33,13 @@
   "dependencies": {
     "@backstage/cli-common": "^0.1.9",
     "@backstage/config": "^1.0.1",
-    "@backstage/config-loader": "^1.1.3",
+    "@backstage/config-loader": "^1.1.4-next.0",
     "@backstage/errors": "^1.1.0",
-    "@backstage/release-manifests": "^0.0.5",
+    "@backstage/release-manifests": "^0.0.6-next.0",
     "@backstage/types": "^1.0.0",
-    "@hot-loader/react-dom-v16": "npm:@hot-loader/react-dom@^16.0.2",
-    "@hot-loader/react-dom-v17": "npm:@hot-loader/react-dom@^17.0.2",
     "@manypkg/get-packages": "^1.1.3",
     "@octokit/request": "^6.0.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
@@ -54,6 +53,9 @@
     "@svgr/plugin-svgo": "6.3.x",
     "@svgr/rollup": "6.3.x",
     "@svgr/webpack": "6.3.x",
+    "@swc/core": "^1.2.239",
+    "@swc/helpers": "^0.4.7",
+    "@swc/jest": "^0.2.22",
     "@types/webpack-env": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^5.9.0",
     "@typescript-eslint/parser": "^5.9.0",
@@ -102,7 +104,7 @@
     "postcss": "^8.1.0",
     "process": "^0.11.10",
     "react-dev-utils": "^12.0.0-next.60",
-    "react-hot-loader": "^4.13.0",
+    "react-refresh": "^0.14.0",
     "recursive-readdir": "^2.2.2",
     "replace-in-file": "^6.0.0",
     "rollup": "^2.60.2",
@@ -114,10 +116,11 @@
     "semver": "^7.3.2",
     "style-loader": "^3.3.1",
     "sucrase": "^3.20.2",
+    "swc-loader": "^0.2.3",
     "tar": "^6.1.2",
     "terser-webpack-plugin": "^5.1.3",
     "util": "^0.12.3",
-    "webpack": "^5.66.0",
+    "webpack": "^5.70.0",
     "webpack-dev-server": "^4.7.3",
     "webpack-node-externals": "^3.0.0",
     "yaml": "^2.0.0",
@@ -126,13 +129,13 @@
     "zod": "^3.11.6"
   },
   "devDependencies": {
-    "@backstage/backend-common": "^0.15.0-next.0",
+    "@backstage/backend-common": "^0.15.1-next.0",
     "@backstage/config": "^1.0.1",
-    "@backstage/core-app-api": "^1.0.5-next.0",
-    "@backstage/core-components": "^0.10.1-next.0",
-    "@backstage/core-plugin-api": "^1.0.5-next.0",
-    "@backstage/dev-utils": "^1.0.5-next.0",
-    "@backstage/test-utils": "^1.1.3-next.0",
+    "@backstage/core-app-api": "^1.0.6-next.0",
+    "@backstage/core-components": "^0.11.1-next.0",
+    "@backstage/core-plugin-api": "^1.0.6-next.0",
+    "@backstage/dev-utils": "^1.0.6-next.0",
+    "@backstage/test-utils": "^1.1.4-next.0",
     "@backstage/theme": "^0.2.16",
     "@types/diff": "^5.0.0",
     "@types/express": "^4.17.6",
@@ -152,7 +155,7 @@
     "@types/yarnpkg__lockfile": "^1.1.4",
     "del": "^6.0.0",
     "mock-fs": "^5.1.0",
-    "msw": "^0.44.0",
+    "msw": "^0.45.0",
     "nodemon": "^2.0.2",
     "ts-node": "^10.0.0"
   },
@@ -250,5 +253,5 @@
       }
     }
   },
-  "gitHead": "fc3229c49caf6eced02ed9516199015bf4682664"
+  "gitHead": "c6c0b1978a7ab4d29d813996c56beb7e6b48a268"
 }

package/templates/default-backend-plugin/package.json.hbs

@@ -41,7 +41,7 @@
     "@backstage/cli": "{{versionQuery '@backstage/cli'}}",
     "@types/supertest": "{{versionQuery '@types/supertest' '2.0.8'}}",
     "supertest": "{{versionQuery 'supertest' '4.0.2'}}",
-    "msw": "{{versionQuery 'msw' '0.44.0'}}"
+    "msw": "{{versionQuery 'msw' '0.45.0'}}"
   },
   "files": [
     "dist"

package/templates/default-plugin/package.json.hbs

@@ -49,7 +49,7 @@
     "@testing-library/user-event": "{{versionQuery '@testing-library/user-event' '14.0.0'}}",
     "@types/jest": "{{versionQuery '@types/jest' '26.0.7'}}",
     "@types/node": "{{versionQuery '@types/node' '16.11.26'}}",
-    "msw": "{{versionQuery 'msw' '0.44.0'}}",
+    "msw": "{{versionQuery 'msw' '0.45.0'}}",
     "cross-fetch": "{{versionQuery 'cross-fetch' '3.1.5'}}"
   },
   "files": [

package/config/jestEsmTransform.js

@@ -1,19 +0,0 @@
-/*
- * Copyright 2021 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-throw new Error(
-  'The ./jestEsmTransform.js transform has been removed, switch to using ./jestSucraseTransform.js instead',
-);