Prefix img src tags with the docs location

Author: lepon01

src/components/BotPageContentBox/index.js

@@ -138,6 +138,12 @@ class BotPageContentBox extends Component {
 
         return;
       },
+      onTagAttr: (tag, name, value, isWhiteAttr) => {
+        if (tag === 'img' && name === 'src' && this.props.cdn && value.startsWith('/')) {
+          return `src="${this.props.cdn}${value}"`
+        }
+        return;
+      },
       onIgnoreTagAttr: (tag, name, value, isWhiteAttr) => {
         if (this.props.allowHTML || name === 'class') {
           return `${name}="${xss.escapeAttrValue(value)}"`

src/data/Locations.js

@@ -4,6 +4,7 @@ const Locations = {
   cdn: 'https://ls.terminal.ink',
   domain: 'https://discordapps.dev',
   docsServer: 'https://docs.discordapps.dev',
+  // docsServer: 'http://127.0.0.1:4000',
   logo: 'https://ls.terminal.ink/img/logo/logo.svg',
   favicon: 'https://ls.terminal.ink/img/logo/logo32.png',
   sourceCode: 'https://github.com/Terminal/discordapps.dev',

src/pages/DocPage/index.js

@@ -61,7 +61,7 @@ class DocPage extends Component {
               {date.toLocaleDateString(this.props.intl.locale, DateFormat)}
             </p>}
           </ContentBox>
-          <BotPageContentBox page={page.content} forceLarge={true} allowHTML={true} />
+          <BotPageContentBox page={page.content} forceLarge={true} allowHTML={true} cdn={Locations.docsServer} />
         </Container>
       </Layout>
     );