Initial project commit

Author: JosephEigenraam

README.md

@@ -1,2 +1,61 @@
 # jest-mdx-loader
+
 Jest transformer that wraps mdx-js/mx webpack loader
+
+## Install
+
+```
+yarn add --dev jest-mdx-loader
+```
+
+## Usage
+
+Install jest-mdx-loader and then add it to your jest.config.js under transform:
+
+```js
+/// jest.config.js
+
+module.exports = {
+  //...
+  transform: {
+    "^.+\\.jsx?$": "babel-jest",
+    ".mdx?$": "jest-mdx-loader"
+  }
+  //...
+};
+```
+
+If you need to perform any additional pre-processing prior to parsing with mdx you can easily extend the loader as follows:
+
+```js
+// src/my-custom-jest-mdx-loader.js
+
+preMdxParseCallback = function(src) {
+  var modifiedSrc = src;
+
+  // CUSTOM LOGIC HERE
+
+  return modifiedSrc;
+};
+
+module.exports = {
+  process: createTransformer(preMdxParseCallback)
+};
+```
+
+```js
+/// jest.config.js
+
+module.exports = {
+  //...
+  transform: {
+    "^.+\\.jsx?$": "babel-jest",
+    ".mdx?$": "<rootDir>/src/my-custom-jest-mdx-loader.js"
+  }
+  //...
+};
+```
+
+## Licence
+
+MIT © [Joseph Black](https://josephconradblack.com)

createTransformer.js

@@ -0,0 +1,34 @@
+var mdx = require("@mdx-js/mdx");
+var babel = require("babel-core");
+
+createTransformer = function(preMdxParseCallback) {
+  return function(src, filename, config, options) {
+    let rawMDX = src;
+
+    if (preMdxParseCallback) {
+      rawMDX = preMdxParseCallback(rawMDX);
+    }
+
+    // Convert .MDX file into JSX
+    var rawJSX = mdx.sync(rawMDX);
+
+    // Inject React and MDXTag imports
+    var injectedJSX =
+      "import React from 'react'; import MDXTag from '@mdx-js/tag/dist/mdx-tag';" +
+      rawJSX;
+
+    // Transform ES6 with babel
+    var babelRes = babel.transform(injectedJSX, {
+      presets: ["env", "react"],
+      plugins: [
+        "transform-class-properties",
+        "transform-object-rest-spread",
+        "react-hot-loader/babel"
+      ]
+    }).code;
+
+    return babelRes;
+  };
+};
+
+module.exports = createTransformer;

index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var createTransformer = require("./src/createTransformer");
+
+module.exports = {
+  process: createTransformer()
+};

package.json

@@ -0,0 +1,26 @@
+{
+  "name": "jest-mdx-loader",
+  "version": "0.1.0",
+  "description": "Jest transformer that wraps mdx-js/mx webpack loader",
+  "main": "index.js",
+  "scripts": {},
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JosephConradBlack/jest-mdx-loader.git"
+  },
+  "keywords": [
+    "jest",
+    "mdx"
+  ],
+  "devDependencies": {
+    "@mdx-js/loader": "^0.15.0",
+    "@mdx-js/mdx": "^0.15.0",
+    "babel-core": "^6.26.3"
+  },
+  "author": "Joseph Black <josephconradblack@gmail.com> (https://josephconradblack.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/JosephConradBlack/jest-mdx-loader/issues"
+  },
+  "homepage": "https://github.com/JosephConradBlack/jest-mdx-loader#readme"
+}