qpp-style 9.18.0 → 9.18.1

package/.storybook/main.js

@@ -1,4 +1,5 @@
 const path = require('path');
+
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
@@ -19,31 +20,36 @@ module.exports = {
   ],
   webpackFinal: async (config) => {
     // do mutation to the config
-
     config.plugins.push(
-      new CopyWebpackPlugin([
-        {
-          from: path.join(__dirname, '..', '..', 'shared', 'fonts/'),
-          to: 'fonts/',
-        },
-        {
-          from: path.join(__dirname, '..', '..', 'shared', 'images/'),
-          to: 'images/',
-          force: true,
-        },
-      ])
+      new CopyWebpackPlugin({
+        patterns: [
+          {
+            from: path.join(__dirname, '..', '..', 'shared', 'fonts/'),
+            to: 'fonts/',
+          },
+          {
+            from: path.join(__dirname, '..', '..', 'shared', 'images/'),
+            to: 'images/',
+            force: true,
+          },
+        ],
+      })
     );
-
     config.module.rules.push({
       test: /\.scss$/,
       resolve: {
         extensions: ['.scss', '.sass'],
       },
       use: [
-        { loader: 'style-loader' },
+        {
+          loader: 'style-loader',
+        },
         {
           loader: 'css-loader',
-          options: { sourceMap: true, importLoaders: 1 },
+          options: {
+            sourceMap: true,
+            importLoaders: 1,
+          },
         },
         {
           loader: 'sass-loader',
@@ -53,26 +59,30 @@ module.exports = {
         },
       ],
     });
-
     config.module.rules.push({
       test: /\.svg$/,
-      use: [
-        'raw-loader',
-        {
-          loader: 'svgo-loader',
-          options: {
-            plugins: [
-              { removeTitle: true },
-              { convertColors: { shorthex: false } },
-              { convertPathData: false },
-            ],
-          },
+      type: 'asset/source',
+      use: {
+        loader: 'svgo-loader',
+        options: {
+          plugins: [
+            {
+              removeTitle: true,
+            },
+            {
+              convertColors: {
+                shorthex: false,
+              },
+            },
+            {
+              convertPathData: false,
+            },
+          ],
         },
-      ],
-    });
-
-    // Modify default storybook SVG loader so we can use the one expected by qpp-style
+      },
+    }); // Modify default storybook SVG loader so we can use the one expected by qpp-style
     // NOTE: When updating storybook dependency, double check this override.
+
     const staticAssetLoader = config.module.rules.find((rule) => {
       const regExp = rule.test;
       const isRegExp = regExp && typeof regExp.test === 'function';
@@ -81,9 +91,13 @@ module.exports = {
 
     if (staticAssetLoader) {
       // remove svg matching from storybook's default static asset loader
-      staticAssetLoader.test = /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/;
+      staticAssetLoader.test =
+        /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/;
     }
 
     return config;
   },
+  core: {
+    builder: 'webpack5',
+  },
 };