wp-blank-scripts 3.0.0-beta.4 → 3.0.0-beta.6

package/README.md

@@ -2,7 +2,26 @@
 
 CLI and build tool for Wordpress projects.
 
-### Project Structure
+## Upgrade to v3
+
+Surprisingly there are no breaking changes.
+
+**v3 Warnings**
+
+#### Sass division outside of calc() deprecated
+
+Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
+Recommendation: math.div(-$grid-gutter, 2) or calc(-1 * $grid-gutter / 2). More info and automated migrator: https://sass-lang.com/d/slash-div
+
+Fix:
+
+```
+npm install -g sass-migrator
+sass-migrator division **/*.scss
+
+```
+
+## Project Structure
 
 ```
 /

package/config/.prettierrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  parser: 'babel',
   printWidth: 100,
   tabWidth: 2,
   useTabs: false,

package/lib/buildProject.js

@@ -165,7 +165,6 @@ module.exports = async (envConfig = {}, buildOptions, failOnError = false) => {
 
     if (stats.hasErrors()) {
       info.errors.forEach((error) => {
-        console.log(error);
         logger.error(chalk.red(error));
       });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wp-blank-scripts",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.6",
   "description": "Personal Wordpress Scripts",
   "main": "index.js",
   "bin": {
@@ -31,8 +31,9 @@
   "author": "ViVO Digital",
   "license": "ISC",
   "dependencies": {
-    "@hot-loader/react-dom": "^17.0.2",
     "@prettier/plugin-php": "^0.19.6",
+    "@swc/cli": "^0.1.62",
+    "@swc/core": "^1.3.67",
     "browser-sync": "^2.29.3",
     "chalk": "4.1.2",
     "copy-webpack-plugin": "^11.0.0",
@@ -66,7 +67,6 @@
     "postcss-preset-env": "^8.5.0",
     "prettier": "^2.8.8",
     "raw-loader": "^4.0.2",
-    "react-hot-loader": "^4.13.1",
     "replace-in-file": "^7.0.1",
     "rimraf": "^5.0.1",
     "rsync": "^0.6.1",

package/webpack.react.config.js

@@ -50,11 +50,13 @@ function makeReactWebpackConfig(options) {
           test: /\.[jt]sx?$/,
           exclude: /node_modules\/(?!(dom7|swiper)\/)/,
           use: {
-            loader: 'esbuild-loader',
+            loader: 'swc-loader',
             options: {
-              loader: 'jsx',
-              jsxFactory: 'React.createElement',
-              target: 'es2015',
+              jsc: {
+                parser: {
+                  jsx: true,
+                },
+              },
             },
           },
         },
@@ -198,13 +200,8 @@ function makeReactWebpackConfig(options) {
   };
 
   if (!isProd) {
-    config.entry.main = [
-      'webpack-hot-middleware/client',
-      'react-hot-loader/patch',
-      config.entry.main,
-    ];
+    config.entry.main = ['webpack-hot-middleware/client', config.entry.main];
     config.plugins.push(new webpack.HotModuleReplacementPlugin());
-    config.resolve.alias['react-dom'] = '@hot-loader/react-dom';
   }
 
   return config;