Copy button plugin

example-plugin.js

'use babel'

import { React } from 'inkdrop'

function createCodeBlockClass (OriginalCode) {
  return class CodeBlock extends React.Component {
    static propTypes = {
      className: PropTypes.string,
      lang: PropTypes.string,
      children: PropTypes.any
    }

    render () {
      return (
        <div>
          {/* COPY BUTTON GOES HERE */}
          <OriginalCode {...this.props} />
        </div>
      )
    }
  }
}
  
module.exports = {
  activate () {
    const { MDEPreview } = inkdrop.components.classes
    if (MDEPreview) {
      // override `code` component
      this.originalCode = MDEPreview.remarkReactOptions.remarkReactComponents.code
      MDEPreview.remarkReactOptions.remarkReactComponents.code = createCodeBlockClass(this.originalCode)
    }
  },

  deactivate () {
    const { MDEPreview } = inkdrop.components.classes
    if (MDEPreview) {
      MDEPreview.remarkReactOptions.remarkReactComponents.code = this.originalCode
    }
  }
}