@startupjs/bundler 0.60.0-canary.7 → 0.60.0-canary.9

package/lib/mdxLoader.js

@@ -0,0 +1,18 @@
+const remarkGfm = require('remark-gfm').default
+const { compileSync } = require('@mdx-js/mdx')
+
+module.exports = function getMDXLoader (source) {
+  try {
+    source = compileSync(source, {
+      providerImportSource: '@startupjs/mdx/useMDXComponents',
+      remarkPlugins: [remarkGfm],
+      jsx: true
+    }).value
+  } catch (err) {
+    if (err) {
+      console.log('>> mdx compile error', err)
+      throw err
+    }
+  }
+  return source
+}

package/metro-babel-transformer.js

@@ -1,7 +1,7 @@
 const stylusToCssLoader = require('cssxjs/loaders/stylusToCssLoader')
 const cssToReactNativeLoader = require('cssxjs/loaders/cssToReactNativeLoader')
 const mdxExamplesLoader = require('./lib/mdxExamplesLoader')
-const getMDXLoader = require('./lib/getMDXLoader')
+const mdxLoader = require('./lib/mdxLoader')
 const callLoader = require('./lib/callLoader')
 const asyncSvgLoader = require('./lib/asyncSvgLoader')
 
@@ -20,7 +20,6 @@ module.exports.transform = async function startupjsMetroBabelTransform ({
   } else if (/\.svg$/.test(filename)) {
     src = await callLoader(asyncSvgLoader, src, filename)
   } else if (/\.mdx?$/.test(filename)) {
-    const mdxLoader = await getMDXLoader()
     src = callLoader(mdxExamplesLoader, src, filename)
     src = callLoader(mdxLoader, src, filename)
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.60.0-canary.7",
+  "version": "0.60.0-canary.9",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -17,21 +17,21 @@
   "dependencies": {
     "@babel/core": "^7.9.0",
     "@babel/plugin-syntax-jsx": "^7.0.0",
-    "@mdx-js/mdx": "^2.3.0",
+    "@mdx-js/mdx": "^3.0.0",
     "@startupjs/babel-plugin-eliminator": "^0.60.0-canary.7",
     "@startupjs/babel-plugin-startupjs-plugins": "^0.60.0-canary.7",
     "@startupjs/server": "^0.60.0-canary.7",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "babel-preset-startupjs": "^0.60.0-canary.7",
+    "babel-preset-startupjs": "^0.60.0-canary.9",
     "connect": "^3.7.0",
     "lodash": "^4.17.20",
-    "remark-gfm": "^1.0.0"
+    "remark-gfm": "4.0.1"
   },
   "peerDependencies": {
     "cssxjs": "*",
     "react-native-svg": "*"
   },
-  "gitHead": "68c5c8e9757e263133c36a24f46ba35efc9b87b8"
+  "gitHead": "d314ca5e6c7b96f6692fb0eb31990eebab31566f"
 }

package/lib/getMDXLoader.js

@@ -1,23 +0,0 @@
-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
-  }
-}