Calliope Mermaid Diagram Plugin

This plugin is for Calliope and is designed to provide functionality for mermaid diagrams inside of pages and posts.

Installation

The plugin can be installed from NPM via:

    npm install calliope-mermaid

Usage

Inside of your _calliope/app/config/plugins/index.jsx file, add the following:

    // Import the module at the top
    import MermaidDiagram from "calliope-mermaid";
    // and then further down inside of the switch statement add the following
    // ...
    case "mermaid":
      console.log(MermaidDiagram);
      let { diagram } = props.attributes;
      if (diagram) {
        return <MermaidDiagram diagram={diagram} />;
      } else {
        return <></>;
      }
    // ...