@startupjs/bundler 0.40.6 → 0.41.4

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.6",
+  "version": "0.41.4",
   "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.2",
     "@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.6",
+    "babel-preset-startupjs": "^0.41.4",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
@@ -49,5 +49,5 @@
   "peerDependencies": {
     "react-native-svg": ">= 12.1.0"
   },
-  "gitHead": "a2c393f4d922498374151663530fb689c8d9c4d6"
+  "gitHead": "72a5409df2bace2e81385b40be4246282155fbaf"
 }

package/webpack.web.config.js

@@ -258,7 +258,9 @@ module.exports = function getConfig (env, {
             {
               loader: 'postcss-loader',
               options: {
-                plugins: [autoprefixer]
+                postcssOptions: {
+                  plugins: [autoprefixer]
+                }
               }
             },
             {