@startupjs/bundler 0.52.0-alpha.0 → 0.52.1

package/lib/mdxExamplesLoader.js

@@ -1,8 +1,9 @@
-const REGEX = /(```jsx +example[\s\S]*?\n)([\s\S]*?)(```)/g
-const PURE_REGEX = /(```jsx +pure-example[\s\S]*?\n)([\s\S]*?)(```)/g
+const REGEX = /(```jsx +(?:example|pure-example)[\s\S]*?\n)([\s\S]*?)(```)/g
 
-const EXAMPLE_FLAGS = [
-  'noscroll'
+const FLAGS = [
+  'example',
+  'noscroll',
+  'pure-example'
 ]
 
 const DEFAULT_MDX_RENDERER = `
@@ -11,20 +12,17 @@ import { observer as __observer } from 'startupjs'
 `
 
 module.exports = function mdxExamplesLoader (source) {
-  // NOTE: Two line breaks prevent crashing docs without imports
-  // when the text starts from the first line
-  return DEFAULT_MDX_RENDERER +
-    '\n' + source.replace(REGEX, replacer).replace(PURE_REGEX, pureReplacer)
+  return DEFAULT_MDX_RENDERER + '\n' + source.replace(REGEX, replacer)
 }
 
 function replacer (match, p1, p2, p3) {
   const parts = p1.trim().split(' ')
-  const sectionParts = []
   const p1Parts = []
+  const flags = {}
 
   for (const part of parts) {
-    if (EXAMPLE_FLAGS.includes(part)) {
-      sectionParts.push(part)
+    if (FLAGS.includes(part)) {
+      flags[part] = true
       continue
     }
     p1Parts.push(part)
@@ -32,42 +30,22 @@ function replacer (match, p1, p2, p3) {
 
   p1 = p1Parts.join(' ')
 
-  const code = `\n\n${p1}\n${p2}${p3}`
+  const code = flags['pure-example']
+    ? ''
+    : `\n\n${p1}\n[HACK EXAMPLE CODE]${p2}${p3}`
 
   p2 = p2.trim().replace(/\n+/g, '\n')
   if (/^</.test(p2)) p2 = 'return (<React.Fragment>' + p2 + '</React.Fragment>)'
 
   return (
-    `<section ${sectionParts.join(' ')}>
-      <React.Fragment>
-        {React.createElement(__observer(function Example () {
-          ${p2}
-        }))}
-      </React.Fragment>
-    </section>` + code
-  )
-}
-
-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)
-    }
-  }
-
-  p2 = p2.trim().replace(/\n+/g, '\n')
-  if (/^</.test(p2)) p2 = 'return (<React.Fragment>' + p2 + '</React.Fragment>)'
-
-  return (
-    `<section ${sectionParts.join(' ')}>
-      <React.Fragment>
-        {React.createElement(__observer(function Example () {
-          ${p2}
-        }))}
-      </React.Fragment>
-    </section>`
+    `{React.createElement(
+        _components.section,
+        ${JSON.stringify(flags)},
+        <React.Fragment>
+          {React.createElement(__observer(function Example () {
+            ${p2}
+          }))}
+        </React.Fragment>
+      )}` + code
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.52.0-alpha.0",
+  "version": "0.52.1",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -21,12 +21,12 @@
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
     "@startupjs/babel-plugin-react-css-modules": "^6.5.4-1",
     "@startupjs/css-to-react-native-transform": "^1.9.0-1",
-    "@startupjs/plugin": "^0.51.0",
+    "@startupjs/plugin": "^0.52.1",
     "@svgr/webpack": "~7.0.0",
     "assets-webpack-plugin": "^7.1.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
-    "babel-preset-startupjs": "^0.52.0-alpha.0",
+    "babel-preset-startupjs": "^0.52.1",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^5.0.0",
     "file-loader": "^6.2.0",
@@ -50,5 +50,5 @@
   "peerDependencies": {
     "react-native-svg": ">= 12.1.0"
   },
-  "gitHead": "69d52996bc2100f85ae17d8bc09b013f837f1fef"
+  "gitHead": "bfc241fea9b56b2907e1051bf58fa71b3f548f06"
 }