@spryker/oryx-for-zed 3.1.0 → 3.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+### 3.3.0
+Released on 31.10.2023
+
+- Adjusted webpack config by introducing `assert` and `stream` polyfills.
+- Deprecated the `NodePolyfillPlugin`.
+
+### 3.2.0
+Released on 04.10.2023
+
+- Removed the `file-loader` dependency.
+- Adjusted webpack config by migration from `file-loader` to `asset/resource`.
+
 ### 3.1.0
 Released on 15.09.2023
 

package/lib/webpack.config.js

@@ -5,12 +5,25 @@ const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const find = require('./find');
 const configurePaths = require('./configure-paths');
 
+/**
+ * @deprecated The NodePolyfillPlugin polyfill will be removed in next major.
+ */
 let NodePolyfillPlugin;
+let NodeAssertFallback;
+let NodeStreamFallback;
 
 try {
     NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
 } catch (e) {}
 
+try {
+    NodeAssertFallback = require.resolve('assert/');
+} catch (e) {}
+
+try {
+    NodeStreamFallback = require.resolve('stream-browserify');
+} catch (e) {}
+
 async function getConfiguration(settings) {
     let mode = 'development';
     let devtool = 'inline-source-map';
@@ -44,6 +57,10 @@ async function getConfiguration(settings) {
         },
 
         resolve: {
+            fallback: {
+                assert: NodeAssertFallback ?? false,
+                stream: NodeStreamFallback ?? false,
+            },
             modules: [
                 ...modulesPaths,
                 'node_modules/@spryker/oryx-for-zed/node_modules',
@@ -120,23 +137,17 @@ async function getConfiguration(settings) {
                 },
                 {
                     test: /\.(ttf|woff2?|eot|svg|otf)\??(\d*\w*=?\.?)+$/i,
-                    use: [{
-                        loader: 'file-loader',
-                        options: {
-                            name: 'fonts/[name].[ext]',
-                            publicPath: settings.paths.publicPath,
-                        },
-                    }],
+                    type: 'asset/resource',
+                    generator: {
+                        filename: 'fonts/[name][ext]',
+                    },
                 },
                 {
                     test: /\.(jpe?g|png|gif|svg)\??(\d*\w*=?\.?)+$/i,
-                    use: [{
-                        loader: 'file-loader',
-                        options: {
-                            name: 'img/[name].[ext]',
-                            publicPath: settings.paths.publicPath,
-                        },
-                    }],
+                    type: 'asset/resource',
+                    generator: {
+                        filename: 'img/[name][ext]',
+                    },
                 },
             ],
         },
@@ -164,6 +175,8 @@ async function getConfiguration(settings) {
                 'require.specified': 'require.resolve',
             }),
 
+            new webpack.EnvironmentPlugin({'NODE_DEBUG': ''}),
+
             new webpack.ProvidePlugin({
                 // jquery global
                 $: 'jquery',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spryker/oryx-for-zed",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "Spryker ZED frontend automation tool",
   "repository": {
     "type": "git",
@@ -25,7 +25,6 @@
     "css-minimizer-webpack-plugin": "~4.2.2",
     "dayjs": "~1.11.7",
     "fast-glob": "~3.2.12",
-    "file-loader": "~1.1.11",
     "fs-extra": "~10.1.0",
     "imports-loader": "~0.8.0",
     "mini-css-extract-plugin": "~2.7.2",
@@ -40,7 +39,7 @@
     "yargs": "~13.3.2"
   },
   "devDependencies": {
-    "@babel/core": "~7.21.3",
-    "@babel/preset-env": "~7.20.2"
+    "@babel/core": "~7.23.2",
+    "@babel/preset-env": "~7.23.2"
   }
 }