@configuratorware/configurator-admingui 1.32.1-beta.0 → 1.32.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.32.1-beta.0",
+  "version": "1.32.1",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
@@ -19,8 +19,8 @@
     "monaco-editor-webpack-plugin": "^1.9.1",
     "prop-types": "^15.7.2",
     "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-file-drop": "^0.2.8",
     "react-hot-loader": "^4.13.0",
     "react-i18nify": "^1.11.18",
@@ -29,7 +29,7 @@
     "react-redux-i18n": "^1.9.3",
     "react-router": "^3.2.6",
     "react-sortable-hoc": "^1.11.0",
-    "redhotmagma-visualization": "1.32.1-beta.0",
+    "redhotmagma-visualization": "1.32.1",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
@@ -60,5 +60,6 @@
   "scripts": {
     "copy-public": "node ./scripts/cpFavicon.js",
     "install": "npm run copy-public"
-  }
+  },
+  "readme": "# configurator-admingui\n\n## Setup for development\n1. Follow the \"preparation\", \"install\" and \"start development\" steps in frontend/README.md\n1. Open the core app in the browser: http://localhost:3000\n\n## Ready to build the artifacts\n- run `pnpm build` from project scope (does not build workspace dependencies automatically)\n- or run `pnpm build` from workspace root\n"
 }

package/scripts/getDefaultWebpackConfig.js

@@ -23,19 +23,11 @@ const moduleRules = [
     },
     {
         test: /\.(png|jpg|gif|svg)$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'images/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=images/[name].[hash].[ext]',
     },
     {
         test: /\.ttf$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'fonts/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=fonts/[name].[hash].[ext]',
     },
 ];
 
@@ -73,7 +65,7 @@ function getDevConfig(dirname, options = {}) {
             filename: 'bundle.js',
             publicPath: '/',
         },
-        devtool: 'eval-cheap-module-source-map',
+        devtool: 'cheap-module-eval-source-map',
         devServer: {
             hot: true,
             contentBase: BUILD_DIR,
@@ -112,10 +104,7 @@ function getDevConfig(dirname, options = {}) {
             'react/lib/ExecutionEnvironment': true,
             'react/lib/ReactContext': true,
         },
-        optimization: {
-            moduleIds: 'named',
-        },
-        plugins: [new webpack.HotModuleReplacementPlugin(), monaco],
+        plugins: [new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), monaco],
     };
 }
 
@@ -123,17 +112,17 @@ function importPluginsForBuild() {
     try {
         const TerserPlugin = require('terser-webpack-plugin');
         const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-        const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+        const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
         return {
             TerserPlugin,
             MiniCssExtractPlugin,
-            CssMinimizerPlugin,
+            OptimizeCSSAssetsPlugin,
         };
     } catch (e) {
         const packages = [
             'terser-webpack-plugin',
             'mini-css-extract-plugin',
-            'css-minimizer-webpack-plugin',
+            'optimize-css-assets-webpack-plugin',
         ];
         console.error(
             'To use the build script, please install the following packages: ' + packages.join(', ')
@@ -146,14 +135,14 @@ function getProdConfig(dirname) {
     const BUILD_DIR = path.resolve(dirname, 'public');
     const APP_DIR = path.resolve(dirname, 'src');
 
-    const { TerserPlugin, MiniCssExtractPlugin, CssMinimizerPlugin } = importPluginsForBuild();
+    const { TerserPlugin, MiniCssExtractPlugin, OptimizeCSSAssetsPlugin } = importPluginsForBuild();
 
     const extractSass = new MiniCssExtractPlugin({
         filename: 'bundle.css',
         chunkFilename: 'bundle.[name].css',
     });
 
-    const optimizeCss = new CssMinimizerPlugin();
+    const optimizeCss = new OptimizeCSSAssetsPlugin({});
 
     const minimizer = new TerserPlugin({
         extractComments: true,
@@ -199,9 +188,9 @@ function getProdConfig(dirname) {
             ],
             noParse: moduleNoParse,
         },
-        plugins: [env, extractSass, monaco],
+        plugins: [env, extractSass, optimizeCss, monaco],
         optimization: {
-            minimizer: [minimizer, optimizeCss],
+            minimizer: [minimizer],
         },
     };
 }