gatsby-remark-graph plugin mention

[konsumer]

I made a nice plugin for making graphs with mermaid

[KyleAMathews]

Deploy preview failed.

Built with commit 9f1f6f7

https://app.netlify.com/sites/using-glamor/deploys/5a0bb6b2df99532513c8bd1d

[gatsbybot]

Deploy preview ready!

Built with commit 9f1f6f7

https://deploy-preview-2921--gatsbygram.netlify.com

[gatsbybot]

Deploy preview ready!

Built with commit 9f1f6f7

https://deploy-preview-2921--using-drupal.netlify.com

[KyleAMathews]

Nice!

BTW, you could make this a bit more plug-n-play by adding a gatsby-browser.js file where you import the mermaid package (or if that doesn't work, gatsby-ssr.js can add the script tag to the HTML).

[konsumer]

I like the idea. mermaid uses client-side DOM api to make the SVG, so I'm not sure how to import it into the client-side code. Do you have any suggestions?

[KyleAMathews]

You could use onRouteUpdate e.g. in https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-google-analytics/src/gatsby-browser.js & https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-twitter/src/gatsby-browser.js

[konsumer]

Will this work If I just do this in my index.js? Awesome. Much better solution.

[KyleAMathews]

Add a gatsby-browser.js file. It has a number of APIs you can implement include the onCreateUpdate https://www.gatsbyjs.org/docs/browser-apis/

There's a bunch of plugins you can look at for examples https://github.com/gatsbyjs/gatsby/search?utf8=%E2%9C%93&q=gatsby-browser.js&type=

[konsumer]

Added in gatsby-remark-graph@v0.1.1. Thanks for your help!