@s-ui/bundler 9.57.0-beta.0 → 9.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.57.0-beta.0",
+  "version": "9.58.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -22,6 +22,7 @@
   "homepage": "https://github.com/SUI-Components/sui/tree/master/packages/sui-bundler#readme",
   "dependencies": {
     "@babel/core": "7.18.10",
+    "@builder.io/react-hydration-overlay": "0.0.8",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@s-ui/helpers": "1",
     "@s-ui/sass-loader": "1",
@@ -37,12 +38,12 @@
     "escape-string-regexp": "4.0.0",
     "fast-glob": "3.2.11",
     "find-free-ports": "3.0.0",
+    "html-webpack-inject-attributes-plugin": "1.0.6",
     "html-webpack-plugin": "5.5.0",
     "https-browserify": "1.0.0",
-    "million": "3.0.3",
     "mini-css-extract-plugin": "2.7.7",
-    "postcss": "8.4.31",
     "postcss-loader": "7.3.4",
+    "postcss": "8.4.31",
     "process": "0.11.10",
     "react-refresh": "0.14.0",
     "sass": "1.54.5",
@@ -50,9 +51,9 @@
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.1",
     "url": "0.11.0",
-    "webpack": "5.82.1",
-    "webpack-dev-server": "4.10.0",
+    "webpack-dev-server": "4.15.2",
     "webpack-manifest-plugin": "5.0.0",
-    "webpack-node-externals": "3.0.0"
+    "webpack-node-externals": "3.0.0",
+    "webpack": "5.82.1"
   }
 }

package/webpack.config.client.dev.js

@@ -6,6 +6,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 const {WebpackManifestPlugin} = require('webpack-manifest-plugin')
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const HtmlWebpackInjectAttributesPlugin = require('html-webpack-inject-attributes-plugin')
+const {withHydrationOverlayWebpack} = require('@builder.io/react-hydration-overlay/webpack')
 
 const {envVars, MAIN_ENTRY_POINT, config, cleanList, when} = require('./shared/index.js')
 const definePlugin = require('./shared/define.js')
@@ -83,7 +85,10 @@ const webpackConfig = {
     }),
     new WebpackManifestPlugin({fileName: 'asset-manifest.json'}),
     new webpack.HotModuleReplacementPlugin(),
-    new ReactRefreshWebpackPlugin({overlay: false})
+    new ReactRefreshWebpackPlugin({overlay: false}),
+    new HtmlWebpackInjectAttributesPlugin({
+      crossorigin: 'anonymous'
+    })
   ],
   resolveLoader,
   module: {
@@ -122,4 +127,7 @@ const webpackConfig = {
   devtool: config.sourcemaps && config.sourcemaps.dev ? config.sourcemaps.dev : false
 }
 
-module.exports = webpackConfig
+module.exports = withHydrationOverlayWebpack({
+  appRootSelector: '#root',
+  isMainAppEntryPoint: entryPointName => entryPointName === 'app'
+})(webpackConfig)

package/webpack.config.prod.js

@@ -3,7 +3,6 @@
 /* eslint-disable no-console */
 const webpack = require('webpack')
 const path = require('path')
-const million = require('million/compiler')
 
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const {WebpackManifestPlugin} = require('webpack-manifest-plugin')
@@ -101,8 +100,7 @@ const webpackConfig = {
       template: './index.html'
     }),
     new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime/]),
-    new WebpackManifestPlugin({fileName: 'asset-manifest.json'}),
-    million.webpack({auto: true})
+    new WebpackManifestPlugin({fileName: 'asset-manifest.json'})
   ]),
   module: {
     rules: cleanList([

package/webpack.config.server.js

@@ -1,6 +1,5 @@
 const webpack = require('webpack')
 const webpackNodeExternals = require('webpack-node-externals')
-const million = require('million/compiler')
 const path = require('path')
 
 const {config, when, cleanList} = require('./shared/index.js')
@@ -45,7 +44,7 @@ const webpackConfig = {
     compression: !isProduction ? 'gzip' : false
   },
   externals: [webpackNodeExternals()],
-  plugins: [new webpack.DefinePlugin({'global.GENTLY': false}), million.webpack({auto: true})],
+  plugins: [new webpack.DefinePlugin({'global.GENTLY': false})],
   resolveLoader,
   module: {
     rules: cleanList([