calepin 0.0.16

A Rust CLI for preprocessing Typst documents with executable code chunks
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

#import "../core/target.typ": _is-html, _is-query

#let columns(
  html-tag: "div",
  html-class: "grid",
  columns: 2,
  gutter: 1em,
  html-item-tag: "div",
  html-item-attrs: ( : ),
  html-attrs: ( : ),
  ..blocks,
) = {
  let _css-track(value) = {
    if type(value) == int {
      str(value) + "fr"
    } else if type(value) == str {
      value
    } else {
      repr(value)
    }
  }

  let column-css = {
    if type(columns) == int {
      "repeat(" + str(columns) + ", 1fr)"
    } else if type(columns) == array {
      let tracks = ()
      for column in columns {
        tracks.push(_css-track(column))
      }
      tracks.join(" ")
    } else {
      "repeat(2, minmax(0, 1fr))"
    }
  }

  let gutter-style = if gutter == none {
    "1em"
  } else if type(gutter) == str {
    gutter
  } else {
    repr(gutter)
  }

  let style-base = "display: grid; grid-template-columns: " + column-css + "; gap: " + gutter-style + ";"
  let extra-style = html-attrs.at("style", default: "")
  let classes = html-attrs.at("class", default: "")
  let attrs-style = if extra-style == "" {
    style-base
  } else {
    style-base + " " + extra-style
  }
  let attrs-class = if classes == "" {
    html-class
  } else {
    html-class + " " + classes
  }

  let items = blocks.pos()
  if _is-query() {
    return items
  }

  if _is-html() {
    let attrs = (
      ..html-attrs,
      class: attrs-class,
      style: attrs-style,
    )
    let item-attrs = html-item-attrs
    return std.html.elem(html-tag, attrs: attrs)[
      #for item in items {
        std.html.elem(html-item-tag, attrs: item-attrs)[
          #item
        ]
      }
    ]
  }

  grid(
    columns: columns,
    gutter: gutter,
    ..items,
  )
}