v2: prepare to move

v2/lib/theme/Markdown/index.js

@@ -0,0 +1,94 @@
+/* eslint-disable */
+
+import React from 'react';
+import Markdown from 'remarkable';
+import Helmet from 'react-helmet';
+import highlight from './highlight';
+import anchors from './anchors';
+
+class MarkdownBlock extends React.Component {
+  content() {
+    if (this.props.source) {
+      return (
+        <span
+          dangerouslySetInnerHTML={{
+            __html: this.renderMarkdown(this.props.source)
+          }}
+        />
+      );
+    }
+    return React.Children.map(this.props.children, child => {
+      if (typeof child === 'string') {
+        return (
+          <span
+            dangerouslySetInnerHTML={{__html: this.renderMarkdown(child)}}
+          />
+        );
+      }
+      return child;
+    });
+  }
+
+  renderMarkdown(source) {
+    const alias = {
+      js: 'jsx'
+    };
+    const {siteConfig} = this.props;
+    const md = new Markdown({
+      langPrefix: 'hljs css language-',
+      highlight: highlight,
+      html: true,
+      linkify: true
+    });
+
+    // Register anchors plugin
+    md.use(anchors);
+
+    // Allow client sites to register their own plugins
+    if (siteConfig.markdownPlugins) {
+      siteConfig.markdownPlugins.forEach(plugin => {
+        md.use(plugin);
+      });
+    }
+
+    const html = md.render(source);
+
+    // Ensure fenced code blocks use Highlight.js hljs class
+    // https://github.com/jonschlinkert/remarkable/issues/224
+    return html.replace(/<pre><code>/g, '<pre><code class="hljs">');
+  }
+
+  render() {
+    const {siteConfig} = this.props;
+    const highlight = Object.assign(
+      {},
+      {
+        version: '9.12.0',
+        theme: 'default'
+      },
+      siteConfig.highlight
+    );
+
+    // Use user-provided themeUrl if it exists, else construct one from version and theme.
+    const highlightThemeURL = highlight.themeUrl
+      ? highlight.themeUrl
+      : `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${
+          highlight.version
+        }/styles/${highlight.theme}.min.css`;
+
+    return (
+      <div>
+        <Helmet>
+          <link rel="stylesheet" type="text/css" href={highlightThemeURL} />
+        </Helmet>
+        {this.content()}
+      </div>
+    );
+  }
+}
+
+MarkdownBlock.defaultProps = {
+  siteConfig: {}
+};
+
+export default MarkdownBlock;