From 370bde5652f0da8b16b36c20f68dae6038757315 Mon Sep 17 00:00:00 2001 From: anshul Date: Thu, 16 Jul 2020 11:28:04 +0530 Subject: [PATCH 1/5] all relative path in image url --- packages/docusaurus-mdx-loader/src/index.js | 3 +- .../src/remark/relativePath/index.js | 34 +++++++++++++++++++ 2 files changed, 36 insertions(+), 1 deletion(-) create mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/index.js diff --git a/packages/docusaurus-mdx-loader/src/index.js b/packages/docusaurus-mdx-loader/src/index.js index 851ff6cc0b4d..dcce6fed9191 100644 --- a/packages/docusaurus-mdx-loader/src/index.js +++ b/packages/docusaurus-mdx-loader/src/index.js @@ -13,10 +13,11 @@ const matter = require('gray-matter'); const stringifyObject = require('stringify-object'); const slug = require('./remark/slug'); const rightToc = require('./remark/rightToc'); +const relativePath = require('./remark/relativePath'); const DEFAULT_OPTIONS = { rehypePlugins: [], - remarkPlugins: [emoji, slug, rightToc], + remarkPlugins: [emoji, slug, rightToc, relativePath], }; module.exports = async function (fileString) { diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js new file mode 100644 index 000000000000..9cb56ec6f8d7 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js @@ -0,0 +1,34 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +const visit = require('unist-util-visit'); + +const plugin = () => { + const transformer = (root) => { + visit(root, 'image', (node) => { + if (node.url.startsWith('.')) { + node.type = 'jsx'; + node.value = ``; + if (node.url) { + delete node.url; + } + if (node.alt) { + delete node.alt; + } + if (node.title) { + delete node.title; + } + } + }); + }; + + return transformer; +}; + +module.exports = plugin; From c3f873cfb9f29e76e63022a05db05e09c31a02eb Mon Sep 17 00:00:00 2001 From: anshul Date: Mon, 20 Jul 2020 19:26:56 +0530 Subject: [PATCH 2/5] throw error if file doesn't present --- .../templates/bootstrap/docs/doc1.md | 5 +++ .../templates/classic/docs/doc1.md | 4 ++ .../templates/facebook/docs/doc1.md | 4 ++ packages/docusaurus-mdx-loader/src/index.js | 3 +- .../__snapshots__/index.test.js.snap | 18 +++++++++ .../relativePath/__tests__/fixtures/fail.md | 1 + .../relativePath/__tests__/fixtures/img.md | 13 +++++++ .../relativePath/__tests__/index.test.js | 38 ++++++++++++++++++ .../src/remark/relativePath/index.js | 39 ++++++++++++------- .../src/index.ts | 2 + .../src/index.ts | 2 + 11 files changed, 114 insertions(+), 15 deletions(-) create mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap create mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md create mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md create mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js diff --git a/packages/docusaurus-init/templates/bootstrap/docs/doc1.md b/packages/docusaurus-init/templates/bootstrap/docs/doc1.md index 69bc29545b30..f344218b3a57 100644 --- a/packages/docusaurus-init/templates/bootstrap/docs/doc1.md +++ b/packages/docusaurus-init/templates/bootstrap/docs/doc1.md @@ -89,6 +89,11 @@ Reference-style: ![alt text][logo] [logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2' +Images from any folder can be used by providing path to file. Path should be relative to markdown file. + +![img](../static/img/logo.svg) + + --- ## Code diff --git a/packages/docusaurus-init/templates/classic/docs/doc1.md b/packages/docusaurus-init/templates/classic/docs/doc1.md index 69bc29545b30..c6799eacabab 100644 --- a/packages/docusaurus-init/templates/classic/docs/doc1.md +++ b/packages/docusaurus-init/templates/classic/docs/doc1.md @@ -89,6 +89,10 @@ Reference-style: ![alt text][logo] [logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2' +Images from any folder can be used by providing path to file. Path should be relative to markdown file. + +![img](../static/img/logo.svg) + --- ## Code diff --git a/packages/docusaurus-init/templates/facebook/docs/doc1.md b/packages/docusaurus-init/templates/facebook/docs/doc1.md index 69bc29545b30..c6799eacabab 100644 --- a/packages/docusaurus-init/templates/facebook/docs/doc1.md +++ b/packages/docusaurus-init/templates/facebook/docs/doc1.md @@ -89,6 +89,10 @@ Reference-style: ![alt text][logo] [logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2' +Images from any folder can be used by providing path to file. Path should be relative to markdown file. + +![img](../static/img/logo.svg) + --- ## Code diff --git a/packages/docusaurus-mdx-loader/src/index.js b/packages/docusaurus-mdx-loader/src/index.js index dcce6fed9191..3066961f1313 100644 --- a/packages/docusaurus-mdx-loader/src/index.js +++ b/packages/docusaurus-mdx-loader/src/index.js @@ -17,7 +17,7 @@ const relativePath = require('./remark/relativePath'); const DEFAULT_OPTIONS = { rehypePlugins: [], - remarkPlugins: [emoji, slug, rightToc, relativePath], + remarkPlugins: [emoji, slug, rightToc], }; module.exports = async function (fileString) { @@ -30,6 +30,7 @@ module.exports = async function (fileString) { remarkPlugins: [ ...(reqOptions.beforeDefaultRemarkPlugins || []), ...DEFAULT_OPTIONS.remarkPlugins, + [relativePath, {staticDir: reqOptions.staticDir}], ...(reqOptions.remarkPlugins || []), ], rehypePlugins: [ diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap new file mode 100644 index 000000000000..8f165e112448 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap @@ -0,0 +1,18 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`transform md images to 1`] = ` +"![img](https://example.com/img.png) + + + +{\\"img\\"} + +{\\"img\\"} ![img](/img.md) + +## Heading + +\`\`\`md +![img](./image.png) +\`\`\` +" +`; diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md new file mode 100644 index 000000000000..778aa1571570 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md @@ -0,0 +1 @@ +![img](/img/post.png) diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md new file mode 100644 index 000000000000..b3cbb18dc566 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md @@ -0,0 +1,13 @@ +![img](https://example.com/img.png) + +![](./image.png) + +![img](./image.png) + +![img](./image.png 'Title') ![img](/img.md) + +## Heading + +```md +![img](./image.png) +``` diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js new file mode 100644 index 000000000000..850fc89c80e8 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js @@ -0,0 +1,38 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import {join} from 'path'; +import remark from 'remark'; +import mdx from 'remark-mdx'; +import vfile from 'to-vfile'; +import plugin from '../index'; +import slug from '../../slug/index'; + +const processFixture = async (name, options) => { + const path = join(__dirname, 'fixtures', `${name}.md`); + const file = await vfile.read(path); + const result = await remark() + .use(slug) + .use(mdx) + .use(plugin, options) + .process(file); + + return result.toString(); +}; + +test('fail if image donot exists', async () => { + expect( + processFixture('fail', {staticDir: join(__dirname, 'fixtures')}), + ).rejects.toBeInstanceOf(Error); +}); + +test('transform md images to ', async () => { + const result = await processFixture('img', { + staticDir: join(__dirname, 'fixtures'), + }); + expect(result).toMatchSnapshot(); +}); diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js index 9cb56ec6f8d7..a82911c344df 100644 --- a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js @@ -6,23 +6,34 @@ */ const visit = require('unist-util-visit'); +const path = require('path'); +const url = require('url'); +const fs = require('fs-extra'); -const plugin = () => { +const plugin = (options) => { const transformer = (root) => { visit(root, 'image', (node) => { - if (node.url.startsWith('.')) { - node.type = 'jsx'; - node.value = ``; - if (node.url) { - delete node.url; - } - if (node.alt) { - delete node.alt; - } - if (node.title) { - delete node.title; + if (!url.parse(node.url).protocol) { + if (!path.isAbsolute(node.url)) { + node.type = 'jsx'; + node.value = ``; + if (node.url) { + delete node.url; + } + if (node.alt) { + delete node.alt; + } + if (node.title) { + delete node.title; + } + } else if (!fs.existsSync(path.join(options.staticDir, node.url))) { + throw new Error(`File ${node.url} not found in ${options.staticDir}`); } } }); diff --git a/packages/docusaurus-plugin-content-blog/src/index.ts b/packages/docusaurus-plugin-content-blog/src/index.ts index 6e9bfe98e6f5..f00c924ae98b 100644 --- a/packages/docusaurus-plugin-content-blog/src/index.ts +++ b/packages/docusaurus-plugin-content-blog/src/index.ts @@ -10,6 +10,7 @@ import kebabCase from 'lodash.kebabcase'; import path from 'path'; import admonitions from 'remark-admonitions'; import {normalizeUrl, docuHash, aliasedSitePath} from '@docusaurus/utils'; +import {STATIC_DIR_NAME} from '@docusaurus/core/lib/constants'; import {ValidationError} from '@hapi/joi'; import { @@ -362,6 +363,7 @@ export default function pluginContentBlog( options: { remarkPlugins, rehypePlugins, + staticDir: path.join(siteDir, STATIC_DIR_NAME), // Note that metadataPath must be the same/in-sync as // the path from createData for each MDX. metadataPath: (mdxPath: string) => { diff --git a/packages/docusaurus-plugin-content-docs/src/index.ts b/packages/docusaurus-plugin-content-docs/src/index.ts index 23467c66e6ef..facd342f2edc 100644 --- a/packages/docusaurus-plugin-content-docs/src/index.ts +++ b/packages/docusaurus-plugin-content-docs/src/index.ts @@ -12,6 +12,7 @@ import globby from 'globby'; import fs from 'fs-extra'; import path from 'path'; import admonitions from 'remark-admonitions'; +import {STATIC_DIR_NAME} from '@docusaurus/core/lib/constants'; import { normalizeUrl, docuHash, @@ -507,6 +508,7 @@ Available document ids= options: { remarkPlugins, rehypePlugins, + staticDir: path.join(siteDir, STATIC_DIR_NAME), metadataPath: (mdxPath: string) => { // Note that metadataPath must be the same/in-sync as // the path from createData for each MDX. From 00e17f19944c13051dc127b0a7b09036e7e0afa6 Mon Sep 17 00:00:00 2001 From: anshul Date: Mon, 20 Jul 2020 20:31:10 +0530 Subject: [PATCH 3/5] better error --- packages/docusaurus-mdx-loader/src/index.js | 5 ++++- .../src/remark/relativePath/index.js | 16 +++++++++++++++- website/docs/cli.md | 2 +- 3 files changed, 20 insertions(+), 3 deletions(-) diff --git a/packages/docusaurus-mdx-loader/src/index.js b/packages/docusaurus-mdx-loader/src/index.js index 3066961f1313..c9f592ea011e 100644 --- a/packages/docusaurus-mdx-loader/src/index.js +++ b/packages/docusaurus-mdx-loader/src/index.js @@ -30,7 +30,10 @@ module.exports = async function (fileString) { remarkPlugins: [ ...(reqOptions.beforeDefaultRemarkPlugins || []), ...DEFAULT_OPTIONS.remarkPlugins, - [relativePath, {staticDir: reqOptions.staticDir}], + [ + relativePath, + {staticDir: reqOptions.staticDir, filePath: this.resourcePath}, + ], ...(reqOptions.remarkPlugins || []), ], rehypePlugins: [ diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js index a82911c344df..d0c6171a07ff 100644 --- a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js +++ b/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js @@ -15,6 +15,16 @@ const plugin = (options) => { visit(root, 'image', (node) => { if (!url.parse(node.url).protocol) { if (!path.isAbsolute(node.url)) { + if ( + !fs.existsSync(path.join(path.dirname(options.filePath), node.url)) + ) { + throw new Error( + `Image ${path.join( + path.dirname(options.filePath), + node.url, + )} used in ${options.filePath} not found.`, + ); + } node.type = 'jsx'; node.value = ` { delete node.title; } } else if (!fs.existsSync(path.join(options.staticDir, node.url))) { - throw new Error(`File ${node.url} not found in ${options.staticDir}`); + throw new Error( + `Image ${path.join(options.staticDir, node.url)} used in ${ + options.filePath + } not found.`, + ); } } }); diff --git a/website/docs/cli.md b/website/docs/cli.md index ec40208547f5..bdd81b277092 100644 --- a/website/docs/cli.md +++ b/website/docs/cli.md @@ -103,7 +103,7 @@ To learn more about swizzling, check [here](#). ### `docusaurus deploy` -Deploys your site with [GitHub Pages](https://pages.github.com/). Check out the docs on [deployment](deployment.md/#deploying-to-github-pages) for more details. +Deploys your site with [GitHub Pages](https://pages.github.com/). Check out the docs on [deployment](deployment.md/#deploying-to-github-pages) for more details. ![](./img/docusaurs.png) #### Options From f9a682a544f97411b7eff745d01a449a4cb31c5d Mon Sep 17 00:00:00 2001 From: anshul Date: Tue, 21 Jul 2020 00:10:54 +0530 Subject: [PATCH 4/5] add @docusaurus/core to deps --- packages/docusaurus-plugin-content-blog/package.json | 2 +- packages/docusaurus-plugin-content-docs/package.json | 4 ++-- website/docs/cli.md | 2 +- website/docs/markdown-features.mdx | 5 ++++- 4 files changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/docusaurus-plugin-content-blog/package.json b/packages/docusaurus-plugin-content-blog/package.json index c8f1c7f9778c..c46dba708179 100644 --- a/packages/docusaurus-plugin-content-blog/package.json +++ b/packages/docusaurus-plugin-content-blog/package.json @@ -18,6 +18,7 @@ "@docusaurus/mdx-loader": "^2.0.0-alpha.58", "@docusaurus/types": "^2.0.0-alpha.58", "@docusaurus/utils": "^2.0.0-alpha.58", + "@docusaurus/core": "2.0.0-alpha.58", "@hapi/joi": "^17.1.1", "feed": "^4.1.0", "fs-extra": "^8.1.0", @@ -28,7 +29,6 @@ "remark-admonitions": "^1.2.1" }, "peerDependencies": { - "@docusaurus/core": "^2.0.0", "react": "^16.8.4", "react-dom": "^16.8.4" }, diff --git a/packages/docusaurus-plugin-content-docs/package.json b/packages/docusaurus-plugin-content-docs/package.json index 5416da59c9e7..871b2050412b 100644 --- a/packages/docusaurus-plugin-content-docs/package.json +++ b/packages/docusaurus-plugin-content-docs/package.json @@ -31,10 +31,10 @@ "lodash.pick": "^4.4.0", "lodash.pickby": "^4.6.0", "remark-admonitions": "^1.2.1", - "shelljs": "^0.8.4" + "shelljs": "^0.8.4", + "@docusaurus/core": "^2.0.0-alpha.58" }, "peerDependencies": { - "@docusaurus/core": "^2.0.0", "react": "^16.8.4", "react-dom": "^16.8.4" }, diff --git a/website/docs/cli.md b/website/docs/cli.md index bdd81b277092..ec40208547f5 100644 --- a/website/docs/cli.md +++ b/website/docs/cli.md @@ -103,7 +103,7 @@ To learn more about swizzling, check [here](#). ### `docusaurus deploy` -Deploys your site with [GitHub Pages](https://pages.github.com/). Check out the docs on [deployment](deployment.md/#deploying-to-github-pages) for more details. ![](./img/docusaurs.png) +Deploys your site with [GitHub Pages](https://pages.github.com/). Check out the docs on [deployment](deployment.md/#deploying-to-github-pages) for more details. #### Options diff --git a/website/docs/markdown-features.mdx b/website/docs/markdown-features.mdx index 9556513329d9..5a77e2dd565b 100644 --- a/website/docs/markdown-features.mdx +++ b/website/docs/markdown-features.mdx @@ -959,8 +959,11 @@ You can use images by requiring them and using an image tag through MDX: # My markdown page -``` +or + +![](./assets/docusaurus-asset-example-banner.png) +``` The ES imports syntax also works: ```mdx From 5725d6457354592606152e1e32ee29a8d63da8be Mon Sep 17 00:00:00 2001 From: anshul Date: Tue, 21 Jul 2020 00:36:34 +0530 Subject: [PATCH 5/5] fix test --- packages/docusaurus-mdx-loader/src/index.js | 2 +- .../__snapshots__/index.test.js.snap | 18 ----------------- .../relativePath/__tests__/fixtures/img.md | 13 ------------ .../__snapshots__/index.test.js.snap | 20 +++++++++++++++++++ .../__tests__/fixtures/fail.md | 0 .../transformImage/__tests__/fixtures/img.md | 15 ++++++++++++++ .../transformImage/__tests__/fixtures/img.png | 0 .../__tests__/index.test.js | 2 +- .../{relativePath => transformImage}/index.js | 0 9 files changed, 37 insertions(+), 33 deletions(-) delete mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap delete mode 100644 packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md create mode 100644 packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/__snapshots__/index.test.js.snap rename packages/docusaurus-mdx-loader/src/remark/{relativePath => transformImage}/__tests__/fixtures/fail.md (100%) create mode 100644 packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.md create mode 100644 packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.png rename packages/docusaurus-mdx-loader/src/remark/{relativePath => transformImage}/__tests__/index.test.js (95%) rename packages/docusaurus-mdx-loader/src/remark/{relativePath => transformImage}/index.js (100%) diff --git a/packages/docusaurus-mdx-loader/src/index.js b/packages/docusaurus-mdx-loader/src/index.js index c9f592ea011e..f87151e9595e 100644 --- a/packages/docusaurus-mdx-loader/src/index.js +++ b/packages/docusaurus-mdx-loader/src/index.js @@ -13,7 +13,7 @@ const matter = require('gray-matter'); const stringifyObject = require('stringify-object'); const slug = require('./remark/slug'); const rightToc = require('./remark/rightToc'); -const relativePath = require('./remark/relativePath'); +const relativePath = require('./remark/transformImage'); const DEFAULT_OPTIONS = { rehypePlugins: [], diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap deleted file mode 100644 index 8f165e112448..000000000000 --- a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/__snapshots__/index.test.js.snap +++ /dev/null @@ -1,18 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`transform md images to 1`] = ` -"![img](https://example.com/img.png) - - - -{\\"img\\"} - -{\\"img\\"} ![img](/img.md) - -## Heading - -\`\`\`md -![img](./image.png) -\`\`\` -" -`; diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md b/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md deleted file mode 100644 index b3cbb18dc566..000000000000 --- a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/img.md +++ /dev/null @@ -1,13 +0,0 @@ -![img](https://example.com/img.png) - -![](./image.png) - -![img](./image.png) - -![img](./image.png 'Title') ![img](/img.md) - -## Heading - -```md -![img](./image.png) -``` diff --git a/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/__snapshots__/index.test.js.snap b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/__snapshots__/index.test.js.snap new file mode 100644 index 000000000000..371c08d683cb --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/__snapshots__/index.test.js.snap @@ -0,0 +1,20 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`transform md images to 1`] = ` +"![img](https://example.com/img.png) + + + +{\\"img\\"} + +{\\"img\\"} ![img](/img.png) + +## Heading + +\`\`\`md +![img](./img.png) +\`\`\` + +{\\"img\\"} +" +`; diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/fail.md similarity index 100% rename from packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/fixtures/fail.md rename to packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/fail.md diff --git a/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.md b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.md new file mode 100644 index 000000000000..1959b19e23e6 --- /dev/null +++ b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.md @@ -0,0 +1,15 @@ +![img](https://example.com/img.png) + +![](./img.png) + +![img](./img.png) + +![img](./img.png 'Title') ![img](/img.png) + +## Heading + +```md +![img](./img.png) +``` + +![img](img.png) diff --git a/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.png b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/fixtures/img.png new file mode 100644 index 000000000000..e69de29bb2d1 diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/index.test.js similarity index 95% rename from packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js rename to packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/index.test.js index 850fc89c80e8..c995bda00732 100644 --- a/packages/docusaurus-mdx-loader/src/remark/relativePath/__tests__/index.test.js +++ b/packages/docusaurus-mdx-loader/src/remark/transformImage/__tests__/index.test.js @@ -18,7 +18,7 @@ const processFixture = async (name, options) => { const result = await remark() .use(slug) .use(mdx) - .use(plugin, options) + .use(plugin, {...options, filePath: path}) .process(file); return result.toString(); diff --git a/packages/docusaurus-mdx-loader/src/remark/relativePath/index.js b/packages/docusaurus-mdx-loader/src/remark/transformImage/index.js similarity index 100% rename from packages/docusaurus-mdx-loader/src/remark/relativePath/index.js rename to packages/docusaurus-mdx-loader/src/remark/transformImage/index.js