@startupjs/bundler 0.40.1 → 0.41.0

package/lib/mdxExamplesLoader.js

@@ -1,5 +1,5 @@
 const REGEX = /(```jsx +example[\s\S]*?\n)([\s\S]*?)(```)/g
-const PURE_REGEX = /(```jsx) +pure-example([\s\S]*?)(```)/g
+const PURE_REGEX = /(```jsx +pure-example[\s\S]*?\n)([\s\S]*?)(```)/g
 
 const EXAMPLE_FLAGS = [
   'noscroll'
@@ -44,11 +44,21 @@ function replacer (match, p1, p2, p3) {
 }
 
 function pureReplacer (match, p1, p2, p3) {
+  const parts = p1.trim().split(' ')
+  const sectionParts = []
+
+  for (const part of parts) {
+    if (EXAMPLE_FLAGS.includes(part)) {
+      sectionParts.push(part)
+      continue
+    }
+  }
+
   p2 = p2.trim().replace(/\n+/g, '\n')
   if (/^</.test(p2)) p2 = 'return (<React.Fragment>' + p2 + '</React.Fragment>)'
 
   return (
-    `<section>
+    `<section ${sectionParts.join(' ')}>
       <React.Fragment>
         {React.createElement(__observer(function Example () {
           ${p2}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.40.1",
+  "version": "0.41.0",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -20,12 +20,12 @@
     "@mdx-js/mdx": "^1.6.22",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
     "@startupjs/css-to-react-native-transform": "^1.9.0-1",
-    "@startupjs/plugin": "^0.40.0",
+    "@startupjs/plugin": "^0.41.0",
     "@svgr/webpack": "~5.5.0",
     "assets-webpack-plugin": "^7.1.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
-    "babel-preset-startupjs": "^0.40.1",
+    "babel-preset-startupjs": "^0.41.0",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
@@ -39,6 +39,7 @@
     "postcss-loader": "^6.2.0",
     "process": "^0.11.10",
     "react-native-svg-transformer": "0.14.3",
+    "react-refresh": "^0.10.0",
     "style-loader": "^3.3.1",
     "stylus": "0.54.7",
     "stylus-loader": "^6.2.0",
@@ -48,5 +49,5 @@
   "peerDependencies": {
     "react-native-svg": ">= 12.1.0"
   },
-  "gitHead": "1898cc1fbd2af1b336958e161817f28d842404c5"
+  "gitHead": "3f2d1582418ddbb989fd48de6dbc2c6847f36f26"
 }

package/webpack.server.config.js

@@ -2,7 +2,6 @@ const { getPluginConfigs } = require('@startupjs/plugin/manager.cjs')
 const pickBy = require('lodash/pickBy')
 const path = require('path')
 const nodeExternals = require('webpack-node-externals')
-const webpack = require('webpack')
 const PROD = !process.env.WEBPACK_DEV
 const BUILD_DIR = '/build/'
 const BUILD_PATH = path.join(process.cwd(), BUILD_DIR)
@@ -44,7 +43,9 @@ module.exports = function getConfig (env, {
       server: ['@babel/polyfill', './server.js']
     },
     plugins: [
-      new webpack.ProgressPlugin()
+      // TODO: Reenable progress plugin if the following issue gets fixed:
+      //       https://github.com/open-cli-tools/concurrently/issues/85
+      // new webpack.ProgressPlugin()
     ],
     output: {
       path: BUILD_PATH,

package/webpack.web.config.js

@@ -155,7 +155,9 @@ module.exports = function getConfig (env, {
       }
     }, Boolean),
     plugins: [
-      new webpack.ProgressPlugin(),
+      // TODO: Reenable progress plugin if the following issue gets fixed:
+      //       https://github.com/open-cli-tools/concurrently/issues/85
+      // new webpack.ProgressPlugin(),
       new MomentLocalesPlugin(), // strip all locales except 'en'
       !PROD && new ReactRefreshWebpackPlugin({ forceEnable: true, overlay: { sockPort: DEV_PORT } }),
       PROD && new MiniCssExtractPlugin({
@@ -172,7 +174,7 @@ module.exports = function getConfig (env, {
         global: 'window'
       }),
       new webpack.ProvidePlugin({
-        process: 'process/browser'
+        process: 'process/browser.js'
       })
     ].filter(Boolean),
     output: {
@@ -325,7 +327,7 @@ module.exports = function getConfig (env, {
       alias: {
         ...DEFAULT_ALIAS,
         ...alias,
-        process: 'process/browser'
+        process: 'process/browser.js'
       },
       extensions: EXTENSIONS,
       mainFields: ['jsnext:main', 'browser', 'main']