@shopgate/webpack 7.26.0-beta.1 → 7.26.0-beta.2

package/lib/i18n.js

@@ -52,7 +52,11 @@ module.exports = (modulePath) => {
     i18n = new I18n('en');
   }
 
-  const moduleNamespace = path.relative(rootDirectory, modulePath).replace(/(^(lib|src)+\/)|(\.js$)/ig, '');
+  const moduleNamespace = path.relative(rootDirectory, modulePath)
+    .replace(/(^(lib|src)+[/\\])|(\.js$)/ig, '')
+    // Normalize OS specific path separators to forward slashes to be able to access translation
+    // keys inside the translation JSON file.
+    .split(path.sep).join('/');
 
   return (key, data) => {
     const keyPath = [moduleNamespace];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/webpack",
-  "version": "7.26.0-beta.1",
+  "version": "7.26.0-beta.2",
   "description": "The webpack configuration for Shopgate's Engage.",
   "main": "webpack.config.js",
   "license": "Apache-2.0",
@@ -17,16 +17,16 @@
     "intl": "1.2.5",
     "lodash": "^4.17.4",
     "messageformat": "^2.3.0",
-    "progress-bar-webpack-plugin": "^1.12.1",
-    "script-ext-html-webpack-plugin": "^2.1.4",
+    "progress-bar-webpack-plugin": "^2.1.0",
+    "script-ext-html-webpack-plugin": "^2.1.5",
     "style-loader": "0.23.1",
     "terser-webpack-plugin": "^4.2.3",
     "webpack": "^4.47.0",
-    "webpack-cli": "3.3.6",
+    "webpack-cli": "4.10.0",
     "workbox-webpack-plugin": "4.3.1"
   },
   "devDependencies": {
     "rxjs": "~5.5.12",
-    "webpack-dev-server": "3.7.2"
+    "webpack-dev-server": "4.15.2"
   }
 }

package/templates/default.ejs

@@ -6,6 +6,7 @@
   <meta id="libshopgate">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">
   <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
   <title>
     <%= htmlWebpackPlugin.options.title %>
   </title>

package/webpack.config.js

@@ -87,7 +87,7 @@ const config = {
      * release process.
      */
     new webpack.NormalModuleReplacementPlugin(
-      /swiper\/shared\/utils\.mjs$/,
+      /swiper[/\\]shared[/\\]utils\.mjs$/,
       path.resolve(__dirname, 'patches', 'swiper', 'shared', 'utils.mjs')
     ),
     new webpack.DefinePlugin({
@@ -117,7 +117,6 @@ const config = {
     }),
     new webpack.optimize.ModuleConcatenationPlugin(),
     new webpack.HashedModuleIdsPlugin(),
-    new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin(),
     new HTMLWebpackPlugin({
       title: appConfig.shopName || process.env.theme,
@@ -188,7 +187,7 @@ const config = {
       },
       {
         test: /\.(js|jsx)$/,
-        exclude: new RegExp(`node_modules\\b(?!\\${path.sep}@shopgate)\\b.*`),
+        exclude: new RegExp(`node_modules\\b(?!${path.sep}@shopgate|${path.sep}react-leaflet|${path.sep}@react-leaflet)\\b.*`),
         use: [
           {
             loader: 'babel-loader',
@@ -212,15 +211,23 @@ const config = {
   devServer: {
     hot: true,
     headers: { 'Access-Control-Allow-Origin': '*' },
-    publicPath: '/',
-    disableHostCheck: true,
-    contentBase: path.resolve(themePath, PUBLIC_FOLDER),
-    host: process.env.optionsHost,
+    devMiddleware: {
+      publicPath: '/',
+      stats: {
+        colors: true,
+      },
+    },
+    allowedHosts: 'all',
+    static: {
+      directory: path.resolve(themePath, PUBLIC_FOLDER),
+    },
+    client: {
+      // Deactivate full-screen error overlay in dev server
+      overlay: false,
+    },
+    host: '0.0.0.0',
     port: process.env.optionsPort,
     historyApiFallback: true,
-    stats: {
-      colors: true,
-    },
     proxy: process.env.WEB_BRIDGE ? {
       '/api': {
         target: `http://${ip}:${apiPort}`,