nimib 🐳 - nim 👑 driven ⛵ publishing ✍

Nimib provides an API to convert your Nim code and its outputs to html documents.

The type of html output that is obtained by default is similar to html notebooks produced by tools like Jupyter or RMarkdown, but nimib provides this starting directly from standard nim files. It currently does not provide any type of interactivity or automatic reloading.

If you have some nim code lying around that echoes stuff you can try how nimib works with following these steps:

• run in shell nimble install nimib
• add import nimib at the top of your nim file
• add a nbInit command right after that
• split your code into one or more nbCode: blocks
• add some text commentary in markdown through nbText: blocks
• add a nbSave command at the end
• compile and run
• open the html file that has been generated next to your nim file (same name)
• (you can use runtime option --nbShow to open the html file automatically in your default browser)

See below for an example of this.

Nimib strives for:

• a simple API
• sane defaults
• easy customization

The main goal of Nimib is to empower people to explore nim and its ecosystem and share with others.

This document is generated though nimib both as an index.html file and as a README.md, you should be reading one of the two, for the other:

• README.md
• index.html

Nimib was presented at NimConf2022, see the slides and click thumbnail to see video.

Nimib was also presented in NimConf2021, see video and slides.

The VS Codium / Code extension nimiboost (Open VSX) provides syntax highlighting of embedded languages in nimib documents (eg. markdown, python, html) and a preview window of nimib documents inside the editor.

👋 🌍 Example Usage

First have a look at the following html document: hello.html

This was produced with nim r docsrc/hello, where docsrc/hello.nim is:

import strformat, strutils
import nimib

nbInit

nbText: """
## Secret talk with a computer
Let me show you how to talk with the computer like a [real hacker](https://mango.pdf.zone/)
and incidentally you might learn the basics of [nimib](https://github.com/pietroppeter/nimib).
### A secret message
Inside this document is hidden a secret message. I will ask the computer to spit it out:
"""

let secret = [104, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100]

nbCode:
  echo secret

nbText: fmt"""
what does this integer sequence mean?
Am I supposed to [recognize it](https://oeis.org/search?q={secret.join("%2C+")}&language=english&go=Search)?

### A cryptoanalytic weapon
Luckily I happen to have a [nim](https://nim-lang.org/) implementation of
a recently declassified top-secret cryptoanalytic weapon:"""

nbCode:
  func decode(secret: openArray[int]): string =
    ## classified by NSA as <strong>TOP SECRET</strong>
    for c in secret:
      result.add char(c)

nbText: """
  ### The great revelation
  Now I can just apply it to my secret message and
  finally decrypt what the computer wants to tell me:"""

nbCode:
  let msg = decode secret
  echo msg  # what will it say?

nbText:
  fmt"_Hey_, there must be a bug somewhere, the message (`{msg}`) is not even addressed to me!"

nbSave

Other examples of usage

in this repo:

• index: generate an HTML and a README.md at the same time (you are reading one of the two).
• penguins: explore palmer penguins dataset using ggplotnim (example of showing images).
• numerical: example usage of NumericalNim (example of custom style, usage of latex).
• cheatsheet: markdown cheatsheet (example of a custom block, custom highlighting and a simple TOC).
• mostaccio: examples of usage of nim-mustache and of dark mode.
• interactivity: shows the basic API of creating interactive elements using nbJsFromCode.
• counter: shows how to create reusable interactive widgets by creating a counter button.
• caesar: a Caesar cipher implemented using nbKaraxCode and karax.

elsewhere:

• adventofnim: solutions for advent of code in nim
• intro to binarylang: a introduction to library binarylang (first public usage of nimib I was aware of)
• nblog: a blog about nimib and its ecosystem
• nimibook: a port of mdbook to nim(ib)
• SciNim Getting Started: tutorials for nim in scientific computing
• Norm documentation: documentation of a Nim ORM library.
• NimiSlides: a reveal.js theme for nimib.

you are welcome to add here what you have built with nimib!

🛠 Features

“I try all things, I achieve what I can.” ― Herman Melville, Moby-Dick or, the Whale

The following are the main elements of a default nimib document:

• nbInit: initializes a nimib document, required for all other commands to work. In particular it creates and injects into scope a nb object used by all other blocks (see below section API for internal details).
• nbCode: code blocks with automatic stdout capture and capture of code source
• nbText: text blocks with automatic conversion from markdown to html (thanks to nim-markdown)
• nbSave: save the document (by default to html)
• styling with water.css, light mode is default, dark mode available (nb.darkMode after nbInit).
• static highlighting of nim code. Highlight styling classes are the same of highlightjs and you can pick a different styling (atom-one-light is default for light mode, androidstudio is default for dark mode).
• (optional) latex rendering through katex (see below)
• a header with navigation to a home page, a minimal title and an automatic detection of github repo (with link)
• a footer with a "made with nimib" line and a Show source button that shows the full source to create the document.
• (optional) possibility to create a markdown version of the same document (see this document for an example: docsrc/index.nim)

Customization over the default is mostly achieved through nim-mustache or changing NbDoc and NbBlock elements (see below api). Currently most of the documentation on customization is given by the examples.

other blocks

You can find a complete description of the code blocks along with examples in allblocks.

creating custom blocks

• newNbCodeBlock(cmd: string, body, blockImpl: untyped): template that can be used to create custom code block that will need both a body and an implementation which might make use of body. Also, the source code in body is read. Example blocks created with newNbCodeBlock are nbCode and nbTextWithCode.
• newNbSlimBlock(cmd: string, blockImpl: untyped): template that can be used to create a custom block that does not need a separate body. Example blocks created with newNbSlimBlock are nbText, nbImage.

See src/nimib.nim for examples on nimib blocks that are built using these two templates.

• a newId proc is available for nb: NbDoc object and provides an incremental integer. It can be used in some custom blocks (it is used in nbJsFromCode described below).

interactivity using nim js backend

Nimib can incorporate javascript code generated from nim code using template nbJsFromCode. It also provides a template nbKaraxCode to add code based on karax.

See interactivity for an explanation of the api and counter for examples of how to create widgets using it. In caesar we have an example of a karax app that implements Caesar cipher.

highlighting

Code blocks produced by nbCode are statically highlighted, but code in markdown code blocks are dynamically highlighted using highlightjs. The dynamic highlighting can be disabled by running nb.disableHighlightJs(). The supported languages are the ones listed as "common" here plus Nim, Julia and Latex.

Highlight styling classes are the same of highlightjs and you can pick a different styling (atom-one-light is default for light mode, androidstudio is default for dark mode).

latex

See numerical for an example of latex usage.

To add latex support:

• add a nb.useLatex command somewhere between nbInit and nbSave
• use delimiters $ for inline-math or $$ for display math inside nbText blocks.

Latex is rendered with katex through an autodetection during document loading.

config, command line options and interaction with filesystem

In the default situation a single nimib document that writes or reads from filesystem will behave as a normal nim file: the current directory is the directory from where you launch the executable.

When nimib is used to produce a website or in general a collection of document it is useful to set up a configuration file. A nimib configuration file is a file named nimib.toml and it is a toml file. Every time nbInit is called nimib tries to find a config file in current directory or in any parent directory. Inside a config file you can define two special directory:

• homeDir: the directory to set as current directory. It can be given as an absolute directory or as a relative directory. When it is given as a relative directory it is relative with respect to the directory of config file.
• srcDir: the directory where all the sources resides. It is used to create the output filename that includes a relative path. In this way the folder structure of nim files can be recreated in the output. As homeDir, it can be set as absolute or relative (to config).

nbInit also parses command line options that start with nb or nimib that allow to override the above value, skip the config file or other options.

All the options available can be seen by running any nimib file with option nbHelp (execution will stop after nbInit).

import osproc
withDir nb.srcDir:
  echo execProcess("nim r --verbosity:0 --hints:off --warnings:off hello --nbHelp")

Nimib options:

  --nbHelp,     --nimibHelp                 print this help
  --nbSkipCfg,  --nimibSkipCfg              skip nimib config file
  --nbCfgName,  --nimibCfgName              change name of config file (default "nimib.toml")
  --nbSrcDir,   --nimibSrcDir               set srcDir as relative (to CfgDir) or absolute; overrides config 
  --nbHomeDir,  --nimibHomeDir              set homeDir as relative (to CfgDir) or absolute; overrides config 
  --nbFilename, --nimibFilename             overrides name of output file (e.g. somefile --nbFilename:othername.html)
  --nbShow,     --nimibShow                 open in browser at the end of nbSave

The value of options are available in nb.options field which also tracks further options in nb.options.other: seq[tuple[kind: CmdLineKind; name, value: string]].

define flags

nimib's behavior can be further turned via Nim's define flags:

• -d:nimibQuiet: Completely disables nimib's logging to stdout
• -d:nimibCodeFromAst: Makes nimib capture block code from AST of body (as opposed to from file source; see next section). Available since version 0.3

Code capture

The code capture of a block like nbCode (or other custom blocks) can happen in two different ways:

• CodeAsInSource (default since version 0.3): code for a single block is parsed from file source (available in nb.source).
• CodeFromAst (default in versions 0.1 and 0.2): code for a single block is rendered from AST of body. This means that only documentation comments are shown (since normal comments are not part of the AST) and that the source show might be different from original source.

🐝 API

• nbInit template creates and injects a nb variable of type NbDoc.
• templates like nbCode and nbText create a new object of type NbBlock, these objects are added to a sequence of blocks accessible in nb.blocks
• the last processed block is available as nb.blk
• nb.blk.output contains the (non rendered) output of block
• nb.blk.code contains the source code of the block (if it was created with newNbCodeBlock)
• NbBlock is a ref object, so changing nb.blk, changes the last block in nb.blocks.

Here are two examples that show how to hijack the api:

• nolan: how to mess up the timeline of blocks ⏳
• pythno: a reminder that nim is not python 😜

Rendering

• rendering is currently based on nim-mustache. This will likely be changed in a next release and in fact refactoring the rendering part of nimib is the main target for next breaking change, see #111
• there are two rendering backends, a html one and a markdown backend. In order to use the markdown backend one must initialize its document with nbInitMd instead of nbInit
• rendering happens during the call to nbSave, and two steps are performed:
  1. rendering all blocks and adding them to a sequence of blocks (added to nb.context["blocks"])
  2. rendering the document starting from document partial using
• rendering of a single block depends on a number of fields of nb object:
  • partials: a Table[string, string] that contains the templates/partials for every command (e.g. nb.partials["nbCode"]);
  • templateDirs: a seq[string] of folders where to look for .mustache templates that can complement/override the templates in partials. A common usage is to add a head_other.mustache template that contain additional content added to head section of every document (in many repositories - including nimib - it is used to add a plausible analytics script)
  • renderPlans: a Table[string, seq[string]] that contains the render plan (a seq[string]) for every step of render plan an associated renderProc is called;
  • renderProcs: a Table[string, NbRenderProc] that contains all available render procs by name. (type NbRenderProc = proc (doc: var NbDoc, blk: var NbBlock) {. nimcall .})
• the above fields are initialized during nbInit with a call to render backend and can be customized by a call to theme (render and theme have default values).

Changelog and 🙏 Thanks

In the changelog you find all recent changes, some early history of nimib, pointers to relevant examples of usage of nimib and heartfelt thanks to some of the fine folks that made this development possible.

🌅 Roadmap

• add more themes such as nimibook. In particular themes for blogging and for creating general websites.
• can I use nimib to build a library directly from documentation (like in nbdev)?
• nimib executable for scaffolding and to support different publishing workflows
• server-side dynamic sites (streamlit style? take advantage of caching instead of hot code reloading)
• possibility of editing document in the browser (similar to jupyter UI, not necessarily taking advantage of hot code reloading)
• ...

completed in 0.3:

• [x] refactor rendering of blocks and simplify api extensions (#24)
• [x] client-side dynamic site: interactivity of documents, e.g. a dahsboard (possibly taking advantage of nim js backend)

❓ ❗ Q & A

why the name?

corruption of ninib:

a solar deity; firstborn of Bel and consort was Gula; god of war and the chase and agriculture; sometimes identified with biblical Nimrod

also:

He explains that the seven directions were interpreted by the Babylonian theologians as a reference to the seven great celestial bodies, the sun and moon, Ishtar, Marduk, Ninib, Nergal and Nabu.

This process, which reached its culmination in the post-Khammurabic period, led to identifying the planet Jupiter with Marduk, Venus with Ishtar, Mars with Nergal, Mercury with Nebo, and Saturn with Ninib.

and I should not need to tell you what Marduk is and why Saturn is the best planet.

why the whale 🐳?

why do you need a logo when you have emojis?

no particular meaning about the whale apart the fact that I like the emoji and this project is something I have been chasing for a while (and I expect to be chasing it indefinitely).

also googling nimib whale you might discover the existence of a cool place: Skeleton Coast.

why the emojis?

because I made a package for that and someone has to use it

why the Q & A?

because someone made it into an art form and they tell me imitation is the sincerest form of flattery