141 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | [
4 | "@babel/preset-env",
5 | {
6 | targets: {
7 | node: "current"
8 | }
9 | }
10 | ],
11 | "babel-preset-react-app"
12 | ]
13 | };
14 |
--------------------------------------------------------------------------------
/cra.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | const matter = require('gray-matter')
4 | const stringifyObject = require('stringify-object')
5 | const mdx = require('@mdx-js/mdx')
6 | const babel = require('@babel/core')
7 |
8 | function parseFrontMatter(src) {
9 | const { content, data } = matter(src)
10 |
11 | return `export const frontMatter = ${stringifyObject(
12 | data,
13 | )};
14 |
15 | ${content}`
16 | }
17 |
18 | function createTransformer(src) {
19 | const withFrontMatter = parseFrontMatter(src)
20 | const jsx = mdx.sync(withFrontMatter)
21 | const toTransform = `import {mdx} from '@mdx-js/react';${jsx}`
22 |
23 | return babel.transform(toTransform, {
24 | presets: [require.resolve('babel-preset-react-app')],
25 | babelrc: false,
26 | configFile: false,
27 | filename: 'null',
28 | }).code
29 | }
30 |
31 | module.exports = {
32 | process: createTransformer,
33 | }
34 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | "use strict"
2 |
3 | const path = require("path")
4 | const matter = require("gray-matter")
5 | const stringifyObject = require("stringify-object")
6 | const mdx = require("@mdx-js/mdx")
7 | const babelJest = require("babel-jest")
8 |
9 | // we support either a path to a file, or the options itself
10 | // see: https://github.com/bitttttten/jest-transformer-mdx/pull/20
11 | function resolveMdxOptions(src) {
12 | if (typeof src === "string") {
13 | return require(path.resolve(process.cwd(), src))
14 | }
15 | return src
16 | }
17 |
18 | function parseFrontMatter(src, frontMatterName = "frontMatter") {
19 | const { content, data } = matter(src)
20 |
21 | return `export const ${frontMatterName} = ${stringifyObject(data)};
22 |
23 | ${content}`
24 | }
25 |
26 | // this helper resolves both jest 27, and versions of jest below 27
27 | // as the way that transformer config is picked up has changed
28 | // see: https://github.com/bitttttten/jest-transformer-mdx/issues/22
29 | function resolveOptions(config) {
30 | if (config?.transformerConfig) {
31 | return config.transformerConfig
32 | }
33 |
34 | if (config?.transform && Array.isArray(config.transform)) {
35 | for (let i = 0; i < config.transform.length; i++) {
36 | if (new RegExp(config.transform[i][0]).test(filename)) {
37 | return config.transform[i][2]
38 | }
39 | }
40 | }
41 |
42 | return {}
43 | }
44 |
45 | module.exports = {
46 | process(src, filepath, config) {
47 | const options = resolveOptions(config)
48 | const mdxOptions = resolveMdxOptions(options?.mdxOptions)
49 |
50 | const withFrontMatter = parseFrontMatter(src, options?.frontMatterName)
51 |
52 | const jsx = mdx.sync(withFrontMatter, { ...mdxOptions, filepath })
53 |
54 | const toTransform = `import {mdx} from '@mdx-js/react';${jsx}`
55 |
56 | // supports babel-jest@27 (which exports with .default) and older versions
57 | // see: https://github.com/bitttttten/jest-transformer-mdx/issues/22
58 | const babelProcess = babelJest.default?.process ?? babelJest.process
59 | return babelProcess(toTransform, filepath, config).code
60 | },
61 | }
62 |
--------------------------------------------------------------------------------
/jest.config.cra.js:
--------------------------------------------------------------------------------
1 | /*
2 | * For a detailed explanation regarding each configuration property, visit:
3 | * https://jestjs.io/docs/configuration
4 | */
5 | const path = require("path")
6 |
7 | module.exports = {
8 | // All imported modules in your tests should be mocked automatically
9 | // automock: false,
10 |
11 | // Stop running tests after `n` failures
12 | // bail: 0,
13 |
14 | // The directory where Jest should store its cached dependency information
15 | // cacheDirectory: "/private/var/folders/zw/mkp1m62d5jv_p2g0yjnp78vw0000gn/T/jest_dx",
16 |
17 | // Automatically clear mock calls and instances between every test
18 | clearMocks: true,
19 |
20 | // Indicates whether the coverage information should be collected while executing the test
21 | // collectCoverage: false,
22 |
23 | // An array of glob patterns indicating a set of files for which coverage information should be collected
24 | // collectCoverageFrom: undefined,
25 |
26 | // The directory where Jest should output its coverage files
27 | // coverageDirectory: undefined,
28 |
29 | // An array of regexp pattern strings used to skip coverage collection
30 | // coveragePathIgnorePatterns: [
31 | // "/node_modules/"
32 | // ],
33 |
34 | // Indicates which provider should be used to instrument code for coverage
35 | // coverageProvider: "babel",
36 |
37 | // A list of reporter names that Jest uses when writing coverage reports
38 | // coverageReporters: [
39 | // "json",
40 | // "text",
41 | // "lcov",
42 | // "clover"
43 | // ],
44 |
45 | // An object that configures minimum threshold enforcement for coverage results
46 | // coverageThreshold: undefined,
47 |
48 | // A path to a custom dependency extractor
49 | // dependencyExtractor: undefined,
50 |
51 | // Make calling deprecated APIs throw helpful error messages
52 | // errorOnDeprecated: false,
53 |
54 | // Force coverage collection from ignored files using an array of glob patterns
55 | // forceCoverageMatch: [],
56 |
57 | // A path to a module which exports an async function that is triggered once before all test suites
58 | // globalSetup: undefined,
59 |
60 | // A path to a module which exports an async function that is triggered once after all test suites
61 | // globalTeardown: undefined,
62 |
63 | // A set of global variables that need to be available in all test environments
64 | // globals: {},
65 |
66 | // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
67 | // maxWorkers: "50%",
68 |
69 | // An array of directory names to be searched recursively up from the requiring module's location
70 | // moduleDirectories: [
71 | // "node_modules"
72 | // ],
73 |
74 | // An array of file extensions your modules use
75 | // moduleFileExtensions: [
76 | // "js",
77 | // "jsx",
78 | // "ts",
79 | // "tsx",
80 | // "json",
81 | // "node"
82 | // ],
83 |
84 | // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
85 | // moduleNameMapper: {},
86 |
87 | // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
88 | // modulePathIgnorePatterns: [],
89 |
90 | // Activates notifications for test results
91 | // notify: false,
92 |
93 | // An enum that specifies notification mode. Requires { notify: true }
94 | // notifyMode: "failure-change",
95 |
96 | // A preset that is used as a base for Jest's configuration
97 | // preset: undefined,
98 |
99 | // Run tests from one or more projects
100 | // projects: undefined,
101 |
102 | // Use this configuration option to add custom reporters to Jest
103 | // reporters: undefined,
104 |
105 | // Automatically reset mock state between every test
106 | // resetMocks: false,
107 |
108 | // Reset the module registry before running each individual test
109 | // resetModules: false,
110 |
111 | // A path to a custom resolver
112 | // resolver: undefined,
113 |
114 | // Automatically restore mock state between every test
115 | // restoreMocks: false,
116 |
117 | // The root directory that Jest should scan for tests and modules within
118 | // rootDir: undefined,
119 |
120 | // A list of paths to directories that Jest should use to search for files in
121 | // roots: [
122 | // "17 | Every man who has lotted here over the centuries, has looked up to the light and imagined climbing to freedom. So easy, so simple! And like shipwrecked men turning to seawater foregoing uncontrollable thirst, many have died trying. And then here there can be no true despair without hope. So as I terrorize Gotham, I will feed its people hope to poison their souls. I will let them believe that they can survive so that you can watch them climbing over each other to stay in the sun. You can watch me torture an entire city. And then when you've truly understood the depth of your failure, we will fulfill Ra's Al Ghul's destiny. We will destroy Gotham. And then, when that is done, and Gotham is... ashes. Then you have my permission to die. 18 |
19 |38 | This is a list: 39 |
40 |17 | Every man who has lotted here over the centuries, has looked up to the light and imagined climbing to freedom. So easy, so simple! And like shipwrecked men turning to seawater foregoing uncontrollable thirst, many have died trying. And then here there can be no true despair without hope. So as I terrorize Gotham, I will feed its people hope to poison their souls. I will let them believe that they can survive so that you can watch them climbing over each other to stay in the sun. You can watch me torture an entire city. And then when you've truly understood the depth of your failure, we will fulfill Ra's Al Ghul's destiny. We will destroy Gotham. And then, when that is done, and Gotham is... ashes. Then you have my permission to die. 18 |
19 |50 | This is a list: 51 |
52 |17 | Every man who has lotted here over the centuries, has looked up to the light and imagined climbing to freedom. So easy, so simple! And like shipwrecked men turning to seawater foregoing uncontrollable thirst, many have died trying. And then here there can be no true despair without hope. So as I terrorize Gotham, I will feed its people hope to poison their souls. I will let them believe that they can survive so that you can watch them climbing over each other to stay in the sun. You can watch me torture an entire city. And then when you've truly understood the depth of your failure, we will fulfill Ra's Al Ghul's destiny. We will destroy Gotham. And then, when that is done, and Gotham is... ashes. Then you have my permission to die. 18 |
19 |38 | This is a list: 39 |
40 |