View Source FancyFences

FancyFences is a markdown processor on top of EarmarkParser (the default markdown processor used by ExDoc. You can use it to conditionally post-process code blocks allowing you to:

• Ensure that the code examples are valid
• Format code blocks
• Evaluate code blocks and include the output in the documenation, for example you can:
  • add the inspect ouptut of a code block in order to have up to date code samples in your docs
  • auto-generate vega-lite or mermaid plots
  • use it instead of interplation for evaluating functions within the current module.

Usage

In order to use FancyFences you need to set the :markdown_processor option in the :docs section as following:

docs: [
  markdown_processor: {FancyFences, [fences: processors]}
]

where processors defines the code blocks processors.

docs: [
  markdown_processor: {FancyFences, [fences: fancy_processors()]}
]

defp fancy_processors do
  %{
    "format" => {FancyFences.Processors, :format_code, []},
    "inspect" => {FancyFences.Processors, :inspect_code, [format: true]},
    "vl" => {MyProcessors, :vega_lite, []},
    "mermaid" => {MyProcessors, :mermaid, []}
  }
end

will apply the following processors:

• Each format code block will be post-processed using the FancyFences.Processors.format_code/1 which will format the inline code.
• Each inspect code block will be post-processed using the FancyFences.Processors.inspect_code/2 which will replace the existing code block with two blocks:
  • An :elixir code block including the initial code
  • A second :elixir block with the output of the evaluation of the first block.
• Each vl block will apply a custom processor that evaluates the inline code block and replaces it with the original block and the evaluated vega-lite spec. You can see such a processor used throughout Tucan docs
• Similarly for the mermaid blocks.

Now in your markdown docs you can use the above processors as language and fancy_fences will apply the required transformations during mix docs invocation.

Examples

inspect fence processor example:

vl fence processor example:

Example project

You can find a sample project using fancy_fences here.

Installation

In order to install the package add the following to your mix.exs:

def deps do
  [
    {:fancy_fences, "~> 0.3.0", only: :dev, runtime: false}
  ]
end

and configure your fence processors accoring to the docs.

License

Copyright (c) 2023 Panagiotis Nezis

fancy_fences is released under the MIT License. See the LICENSE file for more details.