talk/docs/themes/coral/scripts/graphqldocs.js

/* global hexo */

const path = require('path');
const fs = require('fs');
const { stripIndent } = require('common-tags');
const docsScript = fs.readFileSync(
  require.resolve('graphql-docs/dist/graphql-docs.min.js'),
  { encoding: 'utf8' }
);

hexo.extend.tag.register('graphqldocs', args => {
  const filename = path.resolve(hexo.source_dir, args[0]);
  const introspectionQuery = fs.readFileSync(filename, { encoding: 'utf8' });

  return stripIndent`
    <div id="graphql-docs"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react.min.js" integrity="sha256-oj3q2t3QPvtdjo4M5gZfrAXyHEfTfvYdfRL2jA2ZfOY=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js" integrity="sha256-sqgMIZkGTh7B/tF2nSyXc+tGBYCsfWiTl2II167jrOQ=" crossorigin="anonymous"></script>
    <script>${docsScript}</script>
    <script>
        function fetcher() {
            return new Promise(function(resolve) {
                resolve({"data": ${introspectionQuery}});
            });
        }
        const rootElem = document.getElementById('graphql-docs');
        ReactDOM.render(
            React.createElement(
                GraphQLDocs.GraphQLDocs,
                {
                    fetcher: fetcher,
                }),
            rootElem
        );
    </script>
    `;
});