Nim Stateless Components

stateless.nim

import stringinterpolation
import sequtils

type
  Link = tuple[name: string, url: string]
  Links = seq[Link]
  State = tuple[title: string, links: Links]

proc join(items: seq[string]): string =
  result = ""
  for ch in items:
    add(result, ch)    

var state: State = (title: "Menu", links: @[("Contact", "/contact"), ("About Us", "/about-us")])
 

proc li(link: Link): string =
    ifmt"""<li><a href="${link.url}">${link.name}</a></li>"""


proc ul(links: Links): string =
    ifmt"""
        <ul>
            ${links.map(li).join}
        </ul>
    """

proc menu(state: State): string =
    ifmt"""
        <h3>${state.menu}</h3>
        ${ul(state.links)}
    """

echo menu(state)