Image Paths Not Replaced + Images Broken

[karlhorky]

I've tried using gatsby-plugin-relative-paths with a project, and it seems to mostly work, really cool, thanks!

However, it seems that media paths such as image and video paths are not getting replaced.... 🤔 Maybe because Gatsby doesn't consider them to change when assetPath is used? I tried changing both assetPath and pathPrefix (and also ONLY pathPrefix), as well as trying gatsby-plugin-ipfs, but nothing seems to help here... :(

I'm using the following:

• [email protected]
• import img from './img.jpg' in one of the slides of the slide deck

---

Edit: it seems as if the images themselves are actually broken when using this plugin too 🤔 See below...

[karlhorky]

Seems like part of this is a bug in mdx-deck: jxnblk/mdx-deck#799

But another part of it seems to be broken images and media as a result of gatsby-plugin-relative-paths, which show up as this in eg. VS Code:

Here are a few example files that are broken:

• draft-diff-view-aaad5185a9e69300d74eacdb4c387820
• https://user-images.githubusercontent.com/1935696/122384395-f394d600-cf6b-11eb-81d5-e780aa624228.mp4

---

No idea why these are broken - tried looking at the binary image data, but couldn't see any perceptible differences...

Here's the originals:

• draft-diff-view
• https://user-images.githubusercontent.com/1935696/122384638-2fc83680-cf6c-11eb-8502-85f68b7ed750.mp4

[karlhorky]

I've figured out a much simpler solution, that allows for avoiding usage of the gatsby-plugin-ipfs and gatsby-plugin-relative-paths plugins altogether (by using a programmatic value for the pathPrefix option in the Gatsby config):

jxnblk/mdx-deck#535 (comment)