@startupjs/bundler 0.52.1 → 0.52.3

package/lib/getMDXLoader.js

@@ -0,0 +1,23 @@
+const DEFAULT_MDX_RENDERER = `
+import { mdx } from '@mdx-js/react'
+`
+const remarkGfm = require('remark-gfm')
+
+module.exports = async function getMDXLoader () {
+  const mdx = await import('@mdx-js/mdx')
+
+  return (source) => {
+    source = mdx.compileSync(source, {
+      providerImportSource: '@startupjs/mdx/client/MDXProvider/index.js',
+      remarkPlugins: [remarkGfm]
+    })
+    source = DEFAULT_MDX_RENDERER + '\n' + source
+    // To make mdx works, we should remove somehow the \n character child
+    // from the children of MDXContent in the output source.
+    // MDX v2 has made some changes in how it handles newlines and whitespace
+    // compared to MDX v1. In MDX v1 newline are not inclided in the output,
+    // but in MDX v2 it included.
+    // console.log(source)
+    return source
+  }
+}

package/lib/rnTransformer.js

@@ -6,10 +6,10 @@ const platformSingleton = require(
 const stylusToCssLoader = require('./stylusToCssLoader')
 const cssToReactNativeLoader = require('./cssToReactNativeLoader')
 const mdxExamplesLoader = require('./mdxExamplesLoader')
-const mdxLoader = require('./mdxLoader')
+const getMDXLoader = require('./getMDXLoader')
 const callLoader = require('./callLoader')
 
-module.exports.transform = function ({ src, filename, options = {} }) {
+module.exports.transform = async function ({ src, filename, options = {} }) {
   const { platform } = options
   platformSingleton.value = platform
 
@@ -25,6 +25,7 @@ module.exports.transform = function ({ src, filename, options = {} }) {
   } else if (/\.[cm]?jsx?$/.test(filename) && /['"]startupjs['"]/.test(src)) {
     return upstreamTransformer.transform({ src, filename, options })
   } else if (/\.mdx?$/.test(filename)) {
+    const mdxLoader = await getMDXLoader()
     src = callLoader(mdxExamplesLoader, src, filename)
     src = callLoader(mdxLoader, src, filename)
     return upstreamTransformer.transform({ src, filename, options })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.52.1",
+  "version": "0.52.3",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -26,7 +26,7 @@
     "assets-webpack-plugin": "^7.1.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
-    "babel-preset-startupjs": "^0.52.1",
+    "babel-preset-startupjs": "^0.52.3",
     "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": "bfc241fea9b56b2907e1051bf58fa71b3f548f06"
+  "gitHead": "5e290f4bc00af285a0136e75af62fe323cb5f43c"
 }

package/lib/mdxLoader.js

@@ -1,11 +0,0 @@
-const mdx = require('@mdx-js/mdx')
-
-const DEFAULT_MDX_RENDERER = `
-import { mdx } from '@mdx-js/react'
-`
-
-module.exports = function mdxLoader (source) {
-  source = mdx.sync(source)
-  source = DEFAULT_MDX_RENDERER + '\n' + source
-  return source
-}