refactored debug rendering

migrated contextual variables to CeTZ context shared-state
adapted participant rendering

.gitea/workflows/ci.yaml

@@ -1,31 +0,0 @@
-name: CI
-on:
-  push:
-    branches: [ main, dev ]
-  pull_request:
-    branches: [ main, dev ]
-
-jobs:
-  tests:
-    runs-on: ubuntu-latest
-    container: catthehacker/ubuntu:rust-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install tytanic
-        run: cargo binstall tytanic@0.2.2
-
-      - name: Run test suite
-        run: tt run
-
-      - name: Archive artifacts
-        uses: https://gitea.com/actions/gitea-upload-artifact@v4
-        if: always()
-        with:
-          name: artifacts
-          path: |
-            tests/**/diff/*.png
-            tests/**/out/*.png
-            tests/**/ref/*.png
-          retention-days: 5

docs/notes.typ

@@ -5,15 +5,13 @@
 /// - color (color): The note's color
 /// - shape (str): The note's shape (see @@SHAPES for accepted values)
 /// - aligned (bool): True if the note is aligned with another note, in which case `side` must be `"over"`, false otherwise
-/// - allow-overlap (bool): If set to `false`, the note will try to reserve space in the column to avoid overlapping with neighboring participants. If set to `true`, the not will overlap other participants
 #let _note(
   side,
   content,
   pos: none,
   color: rgb("#FEFFDD"),
   shape: "default",
-  aligned: false,
+  aligned: false
-  allow-overlap: true
 ) = {}
 
 /// Accepted values for `shape` argument of @@_note()

justfile

@@ -9,10 +9,4 @@ manual:
 
 gallery:
   for f in "{{gallery_dir}}"/*.typ; do typst c --root . "$f" "${f%typ}pdf"; done
-  for f in "{{gallery_dir}}"/readme/*.typ; do typst c --root . "$f" "${f%typ}png"; done
+  for f in "{{gallery_dir}}"/readme/*.typ; do typst c --root . "$f" "${f%typ}png"; done
-
-test *filter:
-  tt run {{filter}}
-
-update-test *filter:
-  tt update {{filter}}

src/cetz.typ

@@ -1 +1 @@
-#import "@preview/cetz:0.4.0": *
+#import "@preview/cetz:0.3.4": *

src/core/draw/delay.typ

@@ -1,6 +1,5 @@
-#import "/src/cetz.typ": draw
+#import "../utils.typ": get-ctx, set-ctx
-
+#import "../../cetz.typ": draw
-#import "/src/core/utils.typ": get-ctx, set-ctx
 
 #let render(delay) = get-ctx(ctx => {
   let y0 = ctx.y

src/core/draw/event.typ

@@ -1,5 +1,5 @@
-#import "/src/consts.typ": *
+#import "../utils.typ": get-ctx, set-ctx
-#import "/src/core/utils.typ": get-ctx, set-ctx
+#import "../../consts.typ": *
 
 #let render(evt) = get-ctx(ctx => {
   let par-name = evt.participant

src/core/draw/group.typ

@@ -1,7 +1,6 @@
-#import "/src/cetz.typ": draw
+#import "../utils.typ": get-ctx, set-ctx
-
+#import "../../consts.typ": *
-#import "/src/consts.typ": *
+#import "../../cetz.typ": draw
-#import "/src/core/utils.typ": get-ctx, set-ctx, expand-parent-group
 
 #let render-start(grp) = get-ctx(ctx => {
   let grp = grp
@@ -18,21 +17,14 @@
     )
   )
   ctx.groups = ctx.groups.map(g => {
-    if g.group.min-i == grp.min-i { g.start-lvl += 1 }
+    if g.at(1).min-i == grp.min-i { g.at(2) += 1 }
-    if g.group.max-i == grp.max-i { g.end-lvl += 1 }
+    if g.at(1).max-i == grp.max-i { g.at(3) += 1 }
     g
   })
   if grp.grp-type == "alt" {
     grp.insert("elses", ())
   }
-  ctx.groups.push((
+  ctx.groups.push((ctx.y, grp, 0, 0))
-    start-y: ctx.y,
-    group: grp,
-    start-lvl: 0,
-    end-lvl: 0,
-    min-x: ctx.x-pos.at(grp.min-i) - 10,
-    max-x: ctx.x-pos.at(grp.max-i) + 10
-  ))
   ctx.y -= m.height / 1pt
 
   set-ctx(c => {
@@ -52,14 +44,18 @@
     (x0, y0),
     (x1, y1)
   )
-  draw.line(
+  draw.merge-path(
-    (x0, y0),
-    (x0 + w, y0),
-    (x0 + w, y0 - h / 2),
-    (x0 + w - 5, y0 - h),
-    (x0, y0 - h),
     fill: COL-GRP-NAME,
-    close: true
+    close: true,
+    {
+      draw.line(
+        (x0, y0),
+        (x0 + w, y0),
+        (x0 + w, y0 - h / 2),
+        (x0 + w - 5, y0 - h),
+        (x0, y0 - h)
+      )
+    }
   )
   draw.content(
     (x0, y0),
@@ -94,16 +90,9 @@
 
 #let render-end(group) = get-ctx(ctx => {
   ctx.y -= Y-SPACE
-  let (
+  let (start-y, group, start-lvl, end-lvl) = ctx.groups.pop()
-    start-y,
+  let x0 = ctx.x-pos.at(group.min-i) - start-lvl * 10 - 20
-    group,
+  let x1 = ctx.x-pos.at(group.max-i) + end-lvl * 10 + 20
-    start-lvl,
-    end-lvl,
-    min-x,
-    max-x
-  ) = ctx.groups.pop()
-  let x0 = min-x - 10
-  let x1 = max-x + 10
   
   draw-group(x0, x1, start-y, ctx.y, group)
 
@@ -118,14 +107,12 @@
     c.groups = ctx.groups
     return c
   })
-
-  expand-parent-group(x0, x1)
 })
 
 #let render-else(else_) = set-ctx(ctx => {
   ctx.y -= Y-SPACE
   let m = measure(text([\[#else_.desc\]], weight: "bold", size: .8em))
-  ctx.groups.last().group.elses.push((
+  ctx.groups.last().at(1).elses.push((
     ctx.y, else_
   ))
   ctx.y -= m.height / 1pt

src/core/draw/note.typ

@@ -1,7 +1,6 @@
-#import "/src/cetz.typ": draw
+#import "../../consts.typ": *
-
+#import "../utils.typ": get-ctx, set-ctx
-#import "/src/consts.typ": *
+#import "../../cetz.typ": draw
-#import "/src/core/utils.typ": get-ctx, set-ctx, expand-parent-group
 
 #let get-size(note) = {
   let PAD = if note.shape == "hex" {NOTE-HEX-PAD} else {NOTE-PAD}
@@ -49,6 +48,10 @@
   return box(note.content, inset: inset)
 }
 
+#let pre-render(note) = {
+  
+}
+
 #let render(note, y: auto, forced: false) = {
   if not note.linked {
     if not note.aligned {
@@ -107,22 +110,21 @@
     let y1 = y0 - h
 
     if note.shape == "default" {
-      draw.line(
+      draw.merge-path(
-        (x0, y0),
-        (x1, y0),
-        (x2, y0 - NOTE-CORNER-SIZE),
-        (x2, y1),
-        (x0, y1),
         stroke: black + .5pt,
         fill: note.color,
-        close: true
+        close: true,
-      )
+        {
-      draw.line(
+          draw.line(
-        (x1, y0),
+            (x0, y0),
-        (x1, y0 - NOTE-CORNER-SIZE),
+            (x1, y0),
-        (x2, y0 - NOTE-CORNER-SIZE),
+            (x2, y0 - NOTE-CORNER-SIZE),
-        stroke: black + .5pt
+            (x2, y1),
+            (x0, y1)
+          )
+        }
       )
+      draw.line((x1, y0), (x1, y0 - NOTE-CORNER-SIZE), (x2, y0 - NOTE-CORNER-SIZE), stroke: black + .5pt)
     } else if note.shape == "rect" {
       draw.rect(
         (x0, y0),
@@ -134,16 +136,20 @@
       let lx = x0 + PAD.last()
       let rx = x2 - PAD.last()
       let my = (y0 + y1) / 2
-      draw.line(
+      draw.merge-path(
-        (lx, y0),
-        (rx, y0),
-        (x2, my),
-        (rx, y1),
-        (lx, y1),
-        (x0, my),
         stroke: black + .5pt,
         fill: note.color,
-        close: true
+        close: true,
+        {
+          draw.line(
+            (lx, y0),
+            (rx, y0),
+            (x2, my),
+            (rx, y1),
+            (lx, y1),
+            (x0, my),
+          )
+        }
       )
     }
 
@@ -159,7 +165,5 @@
         return c
       })
     }
-
-    expand-parent-group(x0, x2)
   })
 }

src/core/draw/participant.typ

@@ -1,7 +1,6 @@
-#import "/src/cetz.typ": draw
+#import "../../consts.typ": *
-
+#import "../../cetz.typ": draw
-#import "/src/consts.typ": *
+#import "../utils.typ": get-ctx, set-ctx, get-style
-#import "/src/core/utils.typ": get-ctx, get-style, set-ctx
 
 #let get-size(par) = {
   if par.invisible {
@@ -81,7 +80,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 
@@ -109,7 +108,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 
@@ -127,7 +126,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 
@@ -150,7 +149,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 
@@ -183,7 +182,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 
@@ -287,7 +286,7 @@
   draw.content(
     (x, y),
     p.display-name,
-    anchor: if bottom {"north"} else {"base"}
+    anchor: if bottom {"north"} else {"south"}
   )
 }
 

src/core/draw/separator.typ

@@ -1,7 +1,6 @@
-#import "/src/cetz.typ": draw
+#import "../utils.typ": get-ctx, set-ctx
-
+#import "../../consts.typ": *
-#import "/src/consts.typ": *
+#import "../../cetz.typ": draw
-#import "/src/core/utils.typ": get-ctx, set-ctx
 
 #let render(sep) = get-ctx(ctx => {
   ctx.y -= Y-SPACE

src/core/draw/sequence.typ

@@ -1,8 +1,8 @@
-#import "/src/cetz.typ": draw, vector
+#import "../utils.typ": get-ctx, set-ctx
-
+#import "../../consts.typ": *
+#import "../../cetz.typ": draw, vector
 #import "note.typ"
-#import "/src/consts.typ": *
+
-#import "/src/core/utils.typ": get-ctx, set-ctx
 
 #let get-arrow-marks(sym, color) = {
   if sym == none {
@@ -15,10 +15,10 @@
     "": none,
     ">": (symbol: ">", fill: color),
     ">>": (symbol: "straight"),
-    "\\": (symbol: ">", fill: color, harpoon: true),
+    "\\": (symbol: ">", fill: color, harpoon: true, flip: true),
-    "\\\\": (symbol: "straight", harpoon: true),
+    "\\\\": (symbol: "straight", harpoon: true, flip: true),
-    "/": (symbol: ">", fill: color, harpoon: true, flip: true),
+    "/": (symbol: ">", fill: color, harpoon: true),
-    "//": (symbol: "straight", harpoon: true, flip: true),
+    "//": (symbol: "straight", harpoon: true),
     "x": none,
     "o": none,
   ).at(sym)
@@ -67,12 +67,9 @@
   if comment != none {
     h = calc.max(h, measure(comment).height / 1pt + 6)
   }
-  h = calc.max(
+  if "linked-note" in seq {
-    h,
+    h = calc.max(h, note.get-size(seq.linked-note).height / 2)
-    ..seq.linked-notes.map(n => {
+  }
-      note.get-size(n).height / 2
-    })
-  )
   ctx.y -= h
 
   let start-info = (
@@ -168,8 +165,9 @@
   )
 
   let y0 = start-info.y
-  for n in seq.linked-notes {
+  if "linked-note" in seq {
-    (n.draw)(n, y: start-info.y, forced: true)
+    // TODO: adapt note.render
+    (seq.linked-note.draw)(seq.linked-note, y: start-info.y, forced: true)
   }
 
   let flip-mark = end-info.i <= start-info.i
@@ -350,14 +348,9 @@
     ctx.lifelines.at(i2) = dst-line
   }
 
-  if seq.linked-notes.len() != 0 {
+  if "linked-note" in seq {
-    end-info.y = calc.min(
+    let m = note.get-size(seq.linked-note)
-      end-info.y,
+    end-info.y = calc.min(end-info.y, y0 - m.height / 2)
-      y0 - calc.max(..seq.linked-notes.map(n => {
-        let m = note.get-size(n)
-        return m.height / 2
-      }))
-    )
   }
 
   set-ctx(c => {

src/core/draw/sync.typ

@@ -1,4 +1,4 @@
-#import "/src/core/utils.typ": get-ctx, is-elmt, set-ctx
+#import "../utils.typ": get-ctx, set-ctx, is-elmt
 
 #let render(sync) = get-ctx(ctx => {
   set-ctx(c => {

src/core/renderer.typ

@@ -1,9 +1,14 @@
-#import "/src/cetz.typ": canvas, draw
+#import "/src/cetz.typ" as cetz: canvas, draw
-
-#import "draw/note.typ": get-box as get-note-box, get-size as get-note-size
-#import "draw/participant.typ"
 #import "utils.typ": *
-#import "/src/consts.typ": *
+#import "../group.typ"
+//#import "../participant.typ"
+//#import participant: PAR-SPECIALS
+#import "draw/participant.typ"
+#import "../sequence.typ"
+#import "../separator.typ"
+#import "../sync.typ"
+#import "../consts.typ": *
+#import "draw/note.typ": get-box as get-note-box, get-size as get-note-size
 
 #let DEBUG-INVISIBLE = false
 
@@ -82,12 +87,12 @@
   let (p1, p2) = (none, none)
   let cell = none
   if note.side == "left" {
-    p1 = note.pos2
+    p1 = "["
     p2 = note.pos
     cell = get-note-box(note)
   } else if note.side == "right" {
     p1 = note.pos
-    p2 = note.pos2
+    p2 = "]"
     cell = get-note-box(note)
   } else if note.side == "over" and note.aligned-with != none {
     let box1 = get-note-box(note)
@@ -220,7 +225,7 @@
 }
 
 /// Compute remaining widths for longer sequences (spanning multiple columns)
-#let long-seq-min-col-widths(participants, cells, widths) = {
+#let long-seq-min-col-widths(cells, widths) = {
   let widths = widths
   let multicol-cells = cells.filter(c => c.i2 - c.i1 > 1)
   multicol-cells = multicol-cells.sorted(key: c => {
@@ -228,23 +233,13 @@
   })
   for cell in multicol-cells {
     let m = measure(cell.cell)
-
-    let i1 = cell.i1
-    let i2 = cell.i2 - 1
-    let i = i2
-    if cell.i1 == 0 and participants.at(0).name == "[" {
-      i = 0
-      i1 += 1
-      i2 += 1
-    }
     let width = (
       m.width / 1pt +
       COMMENT-PAD -
-      widths.slice(i1, i2).sum()
+      widths.slice(cell.i1, cell.i2 - 1).sum()
     )
-    
+    widths.at(cell.i2 - 1) = calc.max(
-    widths.at(i) = calc.max(
+      widths.at(cell.i2 - 1), width
-      widths.at(i), width
     )
   }
   return widths
@@ -317,7 +312,7 @@
   widths = notes-min-col-widths(elements, widths, pars-i)
   widths = simple-seq-min-col-widths(cells, widths)
   widths = self-seq-min-col-widths(cells, widths)
-  widths = long-seq-min-col-widths(participants, cells, widths)
+  widths = long-seq-min-col-widths(cells, widths)
   widths = col-widths-add-lifelines(participants, widths)
   widths = process-col-elements(elements, widths, pars-i)
   return widths

src/core/setup.typ

@@ -1,7 +1,6 @@
+#import "utils.typ": is-elmt, get-group-span
+#import "../participant.typ": _exists as par-exists, _par
 #import "draw/group.typ": render-end as grp-render-end
-#import "utils.typ": get-group-span, is-elmt
-#import "/src/participant.typ": _exists as par-exists, _par
-#import "/src/sequence.typ": _seq
 
 #let flatten-group(elmts, i) = {
   let group = elmts.at(i)
@@ -126,8 +125,8 @@
     "linked",
     note.pos == none and note.side != "across"
   )
-  let names = ctx.participants.map(p => p.name)
   if note.pos == none and note.side != "across" {
+    let names = ctx.participants.map(p => p.name)
     let i1 = names.position(n => n == ctx.last-seq.p1)
     let i2 = names.position(n => n == ctx.last-seq.p2)
     let pars = (
@@ -141,8 +140,8 @@
       note.pos = pars.last().last()
     }
 
-    let seq = ctx.elmts.at(ctx.last-seq.i)
+    let seq = ctx.last-seq.seq
-    seq.linked-notes.push(note)
+    seq.insert("linked-note", note)
     ctx.elmts.at(ctx.last-seq.i) = seq
   }
   if note.aligned {
@@ -150,26 +149,10 @@
     n.aligned-with = note
     ctx.elmts.at(ctx.last-note.i) = n
   }
-
+  if note.side == "left" {
-  if note.side in ("left", "right") {
+    ctx.linked.push("[")
-    let i = names.position(n => n == note.pos)
+  } else if note.side == "right" {
-    let pos2 = note.pos
+    ctx.linked.push("]")
-    if note.side == "left" {
-      if i <= 0 or note.allow-overlap {
-        ctx.linked.push("[")
-        pos2 = "["
-      } else {
-        pos2 = names.at(i - 1)
-      }
-    } else if note.side == "right" {
-      if i >= names.len() - 1 or note.allow-overlap {
-        ctx.linked.push("]")
-        pos2 = "]"
-      } else {
-        pos2 = names.at(i + 1)
-      }
-    }
-    note.insert("pos2", pos2)
   }
 
   let pars = none

src/core/utils.typ

@@ -1,4 +1,4 @@
-#import "/src/cetz.typ": draw
+#import "../cetz.typ": draw
 
 #let is-elmt(elmt) = {
   if type(elmt) != dictionary {
@@ -104,14 +104,4 @@
 #let get-ctx(func) = draw.get-ctx(c => {
   let ctx = c.shared-state.chronos
   func(ctx)
-})
-
-#let expand-parent-group(x0, x1) = set-ctx(ctx => {
-  if ctx.groups.len() != 0 {
-    let group = ctx.groups.last()
-    group.min-x = calc.min(group.min-x, x0)
-    group.max-x = calc.max(group.max-x, x1)
-    ctx.groups.last() = group
-  }
-  return ctx
 })

src/diagram.typ

@@ -1,7 +1,44 @@
-#import "core/draw/event.typ": render as evt-render
-#import "core/renderer.typ": render
-#import "core/setup.typ": setup
 #import "core/utils.typ": fit-canvas, set-ctx
+#import "core/renderer.typ": render
+#import "participant.typ" as participant: _par, PAR-SPECIALS
+#import "sequence.typ": _seq
+#import "core/draw/event.typ": render as evt-render
+#import "core/setup.typ": setup
+
+#let gap-render(gap) = set-ctx(ctx => {
+  ctx.y -= gap.size
+  return ctx
+})
+
+#let _gap(size: 20) = {
+  return ((
+    type: "gap",
+    draw: gap-render,
+    size: size
+  ),)
+}
+
+#let _evt(participant, event) = {
+  return ((
+    type: "evt",
+    draw: evt-render,
+    participant: participant,
+    event: event,
+    lifeline-style: auto
+  ),)
+}
+
+#let _col(p1, p2, width: auto, margin: 0, min-width: 0, max-width: none) = {
+  return ((
+    type: "col",
+    p1: p1,
+    p2: p2,
+    width: width,
+    margin: margin,
+    min-width: min-width,
+    max-width: max-width
+  ),)
+}
 
 #let diagram(elements, width: auto) = {
   if elements == none {

src/group.typ

@@ -1,3 +1,5 @@
+#import "/src/cetz.typ": draw
+#import "consts.typ": *
 #import "core/draw/group.typ"
 
 #let _grp(name, desc: none, type: "default", elmts) = {

src/lib.typ

@@ -1,8 +1,9 @@
 #let version = version(0, 2, 2)
-#import "diagram.typ": diagram, from-plantuml
+#import "diagram.typ": diagram, from-plantuml, _gap, _evt, _col
 
 #import "sequence.typ": _seq, _ret
 #import "group.typ": _grp, _loop, _alt, _opt, _break
 #import "participant.typ": _par
-#import "misc.typ": _sep, _delay, _sync, _gap, _evt, _col
+#import "separator.typ": _sep, _delay
-#import "note.typ": _note
+#import "note.typ": _note
+#import "sync.typ": _sync

src/misc.typ

@@ -1,65 +0,0 @@
-#import "core/draw/delay.typ"
-#import "core/draw/event.typ": render as evt-render
-#import "core/draw/separator.typ"
-#import "core/draw/sync.typ"
-#import "core/utils.typ": set-ctx
-
-#let _sep(name) = {
-  return ((
-    type: "sep",
-    draw: separator.render,
-    name: name
-  ),)
-}
-
-#let _delay(name: none, size: 30) = {
-  return ((
-    type: "delay",
-    draw: delay.render,
-    name: name,
-    size: size
-  ),)
-}
-
-#let _sync(elmts) = {
-  return ((
-    type: "sync",
-    draw: sync.render,
-    elmts: elmts
-  ),)
-}
-
-#let gap-render(gap) = set-ctx(ctx => {
-  ctx.y -= gap.size
-  return ctx
-})
-
-#let _gap(size: 20) = {
-  return ((
-    type: "gap",
-    draw: gap-render,
-    size: size
-  ),)
-}
-
-#let _evt(participant, event) = {
-  return ((
-    type: "evt",
-    draw: evt-render,
-    participant: participant,
-    event: event,
-    lifeline-style: auto
-  ),)
-}
-
-#let _col(p1, p2, width: auto, margin: 0, min-width: 0, max-width: none) = {
-  return ((
-    type: "col",
-    p1: p1,
-    p2: p2,
-    width: width,
-    margin: margin,
-    min-width: min-width,
-    max-width: max-width
-  ),)
-}

src/note.typ

@@ -1,3 +1,4 @@
+#import "/src/cetz.typ": draw
 #import "consts.typ": *
 #import "core/draw/note.typ"
 
@@ -14,15 +15,7 @@
   "hex"
 )
 
-#let _note(
+#let _note(side, content, pos: none, color: COL-NOTE, shape: "default", aligned: false) = {
-  side,
-  content,
-  pos: none,
-  color: COL-NOTE,
-  shape: "default",
-  aligned: false,
-  allow-overlap: true
-) = {
   if side == "over" {
     if pos == none {
       panic("Pos cannot be none with side 'over'")
@@ -45,7 +38,6 @@
     color: color,
     shape: shape,
     aligned: aligned,
-    aligned-with: none,
+    aligned-with: none
-    allow-overlap: allow-overlap
   ),)
 }

src/participant.typ

@@ -1,6 +1,8 @@
-#import "core/draw/participant.typ"
+#import "/src/cetz.typ": draw
+#import "consts.typ": *
+#import "core/draw/participant.typ": render as par-render
 
-#let PAR-SPECIALS = ("?", "[", "]")
+#let PAR-SPECIALS = "?[]"
 #let SHAPES = (
   "participant",
   "actor",
@@ -35,7 +37,7 @@
   }
   return ((
     type: "par",
-    draw: participant.render,
+    draw: par-render,
     name: name,
     display-name: if display-name == auto {name} else {display-name},
     from-start: from-start,
@@ -50,7 +52,7 @@
 }
 
 #let _exists(participants, name) = {
-  if name in PAR-SPECIALS {
+  if name == "?" or name == "[" or name == "]" {
     return true
   }
 

src/separator.typ

@@ -0,0 +1,21 @@
+#import "/src/cetz.typ": draw
+#import "consts.typ": *
+#import "core/draw/separator.typ"
+#import "core/draw/delay.typ"
+
+#let _sep(name) = {
+  return ((
+    type: "sep",
+    draw: separator.render,
+    name: name
+  ),)
+}
+
+#let _delay(name: none, size: 30) = {
+  return ((
+    type: "delay",
+    draw: delay.render,
+    name: name,
+    size: size
+  ),)
+}

src/sequence.typ

@@ -1,3 +1,7 @@
+#import "/src/cetz.typ": draw, vector
+#import "consts.typ": *
+#import "participant.typ"
+#import "note.typ"
 #import "core/draw/sequence.typ"
 
 #let _seq(
@@ -38,8 +42,7 @@
     disable-src: disable-src,
     destroy-src: destroy-src,
     lifeline-style: lifeline-style,
-    slant: slant,
+    slant: slant
-    linked-notes: ()
   ),)
 }
 

src/sync.typ

@@ -0,0 +1,10 @@
+#import "sequence.typ"
+#import "core/draw/sync.typ"
+
+#let _sync(elmts) = {
+  return ((
+    type: "sync",
+    draw: sync.render,
+    elmts: elmts
+  ),)
+}

tests/empty/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/empty/test.typ

@@ -1,6 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({})
-
-#diagram(())

tests/group/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/group/test.typ

@@ -1,51 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _seq("Alice", "Bob", comment: "Authentication Request")
-
-  _alt(
-    "successful case", {
-      _seq("Bob", "Alice", comment: "Authentication Accepted")
-    },
-    "some kind of failure", {
-      _seq("Bob", "Alice", comment: "Authentication Failure")
-
-      _grp("My own label", desc: "My own label2", {
-        _seq("Alice", "Log", comment: "Log attack start")
-        _loop("1000 times", {
-          _seq("Alice", "Bob", comment: "DNS Attack")
-        })
-        _seq("Alice", "Log", comment: "Log attack end")
-      })
-    },
-    "Another type of failure", {
-      _seq("Bob", "Alice", comment: "Please repeat")
-    }
-  )
-})
-
-#pagebreak()
-
-#diagram({
-  _par("a", display-name: box(width: 1.5em, height: .5em), show-bottom: false)
-  _par("b", display-name: box(width: 1.5em, height: .5em), show-bottom: false)
-  _col("a", "b", width: 2cm)
-  _loop("a<1", min: 1, {
-    _seq("a", "b", end-tip: ">>")
-    _seq("b", "a", end-tip: ">>")
-  })
-  _seq("a", "b", end-tip: ">>")
-})
-
-#pagebreak()
-
-#diagram({
-  _par("A")
-  _par("B")
-  _col("A", "B", width: 3cm)
-  _seq("A", "B", enable-dst: true)
-  _alt([desc], {
-    _ret()
-  })
-})

tests/note/color/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/note/color/test.typ

@@ -1,13 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _note("left", [This is displayed\ left of Alice.], pos: "a", color: rgb("#00FFFF"))
-  _note("right", [This is displayed right of Alice.], pos: "a")
-  _note("over", [This is displayed over Alice.], pos: "a")
-  _note("over", [This is displayed\ over Bob and Alice.], pos: ("a", "b"), color: rgb("#FFAAAA"))
-  _note("over", [This is yet another\ example of\ a long note.], pos: ("a", "b"))
-})

tests/note/position/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/note/position/test.typ

@@ -1,49 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _seq("a", "b", comment: [hello])
-  _note("left", [this is a first note])
-
-  _seq("b", "a", comment: [ok])
-  _note("right", [this is another note])
-
-  _seq("b", "b", comment: [I am thinking])
-  _note("left", [a note\ can also be defined\ on several lines])
-})
-
-#pagebreak()
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _note("over", [initial state of Alice], pos: "a")
-  _note("over", [initial state of Bob], pos: "b")
-  _seq("b", "a", comment: [hello])
-})
-
-#pagebreak()
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-  _par("c", display-name: "Charlie")
-  _par("d", display-name: "Donald")
-  _par("e", display-name: "Eddie")
-
-  _note("across", [This note float above all participants])
-
-  _note("over", [initial state of Alice], pos: "a")
-  _note("over", [initial state of Bob the builder], pos: "b", aligned: true)
-
-  _note("over", [Note 1], pos: "a")
-  _note("over", [Note 2], pos: "b", aligned: true)
-  _note("over", [Note 3], pos: "c", aligned: true)
-
-  _seq("a", "d")
-  _note("over", [this is an extremely long note], pos: ("d", "e"))
-})

tests/note/shape/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/note/shape/test.typ

@@ -1,14 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("caller")
-  _par("server")
-
-  _seq("caller", "server", comment: [conReq])
-  _note("over", [idle], pos: "caller", shape: "hex")
-  _seq("server", "caller", comment: [conConf])
-  _note("over", ["r" as rectangle\ "h" as hexagon], pos: "server", shape: "rect")
-  _note("over", [this is\ on several\ lines], pos: "server", shape: "rect")
-  _note("over", [this is\ on several\ lines], pos: "caller", shape: "hex")
-})

tests/note/styled-body/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/note/styled-body/test.typ

@@ -1,33 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("a", display-name: [Alice])
-  _par("b", display-name: [The *Famous* Bob])
-
-  _seq("a", "b", comment: [hello #strike([there])])
-
-  _gap()
-  _seq("b", "a", comment: [ok])
-  _note("left", [
-    This is *bold*\
-    This is _italics_\
-    This is `monospaced`\
-    This is #strike([stroked])\
-    This is #underline([underlined])\
-    This is #underline([waved])\
-  ])
-
-  _seq("a", "b", comment: [A _well formatted_ message])
-  _note("right", [
-    This is #box(text([displayed], size: 18pt), fill: rgb("#5F9EA0"))\
-    #underline([left of]) Alice.
-  ], pos: "a")
-  _note("left", [
-    #underline([This], stroke: red) is #text([displayed], fill: rgb("#118888"))\
-    *#text([left of], fill: rgb("#800080")) #strike([Alice], stroke: red) Bob.*
-  ], pos: "b")
-  _note("over", [
-    #underline([This is hosted], stroke: rgb("#FF33FF")) by #box(baseline: 50%, image("/gallery/gitea.png", width: 1cm, height: 1cm, fit: "contain"))
-  ], pos: ("a", "b"))
-})

tests/participant/shapes/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/participant/shapes/test.typ

@@ -1,21 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-
-#let TYPST = image("/gallery/typst.png", width: 1.5cm, height: 1.5cm, fit: "contain")
-#let FERRIS = image("/gallery/ferris.png", width: 1.5cm, height: 1.5cm, fit: "contain")
-#let ME = image("/gallery/me.jpg", width: 1.5cm, height: 1.5cm, fit: "contain")
-
-#diagram({
-  _par("Foo", display-name: "Participant", shape: "participant")
-  _par("Foo1", display-name: "Actor", shape: "actor")
-  _par("Foo2", display-name: "Boundary", shape: "boundary")
-  _par("Foo3", display-name: "Control", shape: "control")
-  _par("Foo4", display-name: "Entity", shape: "entity")
-  _par("Foo5", display-name: "Database", shape: "database")
-  _par("Foo6", display-name: "Collections", shape: "collections")
-  _par("Foo7", display-name: "Queue", shape: "queue")
-  _par("Foo8", display-name: "Typst", shape: "custom", custom-image: TYPST)
-  _par("Foo9", display-name: "Ferris", shape: "custom", custom-image: FERRIS)
-  _par("Foo10", display-name: "Baryhobal", shape: "custom", custom-image: ME)
-})

tests/sequence/comment-align/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/sequence/comment-align/test.typ

@@ -1,57 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("alice", display-name: "Alice")
-  _par("bob", display-name: "Bob")
-  _seq("alice", "bob", comment: "This is a very long comment")
-
-  // Left to right
-  _seq("alice", "bob", comment: "Start aligned", comment-align: "start")
-  _seq("alice", "bob", comment: "End aligned", comment-align: "end")
-  _seq("alice", "bob", comment: "Left aligned", comment-align: "left")
-  _seq("alice", "bob", comment: "Right aligned", comment-align: "right")
-  _seq("alice", "bob", comment: "Centered", comment-align: "center")
-  _gap()
-
-  // Right to left
-  _seq("bob", "alice", comment: "Start aligned", comment-align: "start")
-  _seq("bob", "alice", comment: "End aligned", comment-align: "end")
-  _seq("bob", "alice", comment: "Left aligned", comment-align: "left")
-  _seq("bob", "alice", comment: "Right aligned", comment-align: "right")
-  _seq("bob", "alice", comment: "Centered", comment-align: "center")
-  _gap()
-
-  // Slant left to right
-  _seq("alice", "bob", comment: "Start aligned", comment-align: "start", slant: 10)
-  _seq("alice", "bob", comment: "End aligned", comment-align: "end", slant: 10)
-  _seq("alice", "bob", comment: "Left aligned", comment-align: "left", slant: 10)
-  _seq("alice", "bob", comment: "Right aligned", comment-align: "right", slant: 10)
-  _seq("alice", "bob", comment: "Centered", comment-align: "center", slant: 10)
-  _gap()
-
-  // Slant right to left
-  _seq("bob", "alice", comment: "Start aligned", comment-align: "start", slant: 10)
-  _seq("bob", "alice", comment: "End aligned", comment-align: "end", slant: 10)
-  _seq("bob", "alice", comment: "Left aligned", comment-align: "left", slant: 10)
-  _seq("bob", "alice", comment: "Right aligned", comment-align: "right", slant: 10)
-  _seq("bob", "alice", comment: "Centered", comment-align: "center", slant: 10)
-})
-
-#pagebreak()
-
-#diagram({
-  _par("alice", display-name: "Alice")
-
-  _seq("alice", "alice", comment: "Start aligned", comment-align: "start")
-  _seq("alice", "alice", comment: "End aligned", comment-align: "end")
-  _seq("alice", "alice", comment: "Left aligned", comment-align: "left")
-  _seq("alice", "alice", comment: "Right aligned", comment-align: "right")
-  _seq("alice", "alice", comment: "Centered", comment-align: "center")
-
-  _seq("alice", "alice", comment: "Start aligned", comment-align: "start", flip: true)
-  _seq("alice", "alice", comment: "End aligned", comment-align: "end", flip: true)
-  _seq("alice", "alice", comment: "Left aligned", comment-align: "left", flip: true)
-  _seq("alice", "alice", comment: "Right aligned", comment-align: "right", flip: true)
-  _seq("alice", "alice", comment: "Centered", comment-align: "center", flip: true)
-})

tests/sequence/special-par/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/sequence/special-par/test.typ

@@ -1,12 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _seq("?", "Alice", comment: [?->\ *short* to actor1])
-  _seq("[", "Alice", comment: [\[->\ *from start* to actor1])
-  _seq("[", "Bob", comment: [\[->\ *from start* to actor2])
-  _seq("?", "Bob", comment: [?->\ *short* to actor2])
-  _seq("Alice", "]", comment: [->\]\ from actor1 *to end*])
-  _seq("Alice", "?", comment: [->?\ *short* from actor1])
-  _seq("Alice", "Bob", comment: [->\ from actor1 to actor2])
-})

tests/sequence/tips/.gitignore

@@ -1,4 +0,0 @@
-# generated by tytanic, do not edit
-
-diff/**
-out/**

tests/sequence/tips/test.typ

@@ -1,84 +0,0 @@
-#set page(width: auto, height: auto)
-#import "/src/lib.typ": *
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _seq("a", "b", end-tip: ">", comment: `->`)
-  _seq("a", "b", end-tip: ">>", comment: `->>`)
-  _seq("a", "b", end-tip: "\\", comment: `-\`)
-  _seq("a", "b", end-tip: "\\\\", comment: `-\\`)
-  _seq("a", "b", end-tip: "/", comment: `-/`)
-  _seq("a", "b", end-tip: "//", comment: `-//`)
-  _seq("a", "b", end-tip: "x", comment: `->x`)
-  _seq("a", "b", start-tip: "x", comment: `x->`)
-  _seq("a", "b", start-tip: "o", comment: `o->`)
-  _seq("a", "b", end-tip: ("o", ">"), comment: `->o`)
-  _seq("a", "b", start-tip: "o", end-tip: ("o", ">"), comment: `o->o`)
-  _seq("a", "b", start-tip: ">", end-tip: ">", comment: `<->`)
-  _seq("a", "b", start-tip: ("o", ">"), end-tip: ("o", ">"), comment: `o<->o`)
-  _seq("a", "b", start-tip: "x", end-tip: "x", comment: `x<->x`)
-  _seq("a", "b", end-tip: ("o", ">>"), comment: `->>o`)
-  _seq("a", "b", end-tip: ("o", "\\"), comment: `-\o`)
-  _seq("a", "b", end-tip: ("o", "\\\\"), comment: `-\\o`)
-  _seq("a", "b", end-tip: ("o", "/"), comment: `-/o`)
-  _seq("a", "b", end-tip: ("o", "//"), comment: `-//o`)
-  _seq("a", "b", start-tip: "x", end-tip: ("o", ">"), comment: `x->o`)
-})
-
-#pagebreak()
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _seq("b", "a", end-tip: ">", comment: `->`)
-  _seq("b", "a", end-tip: ">>", comment: `->>`)
-  _seq("b", "a", end-tip: "\\", comment: `-\`)
-  _seq("b", "a", end-tip: "\\\\", comment: `-\\`)
-  _seq("b", "a", end-tip: "/", comment: `-/`)
-  _seq("b", "a", end-tip: "//", comment: `-//`)
-  _seq("b", "a", end-tip: "x", comment: `->x`)
-  _seq("b", "a", start-tip: "x", comment: `x->`)
-  _seq("b", "a", start-tip: "o", comment: `o->`)
-  _seq("b", "a", end-tip: ("o", ">"), comment: `->o`)
-  _seq("b", "a", start-tip: "o", end-tip: ("o", ">"), comment: `o->o`)
-  _seq("b", "a", start-tip: ">", end-tip: ">", comment: `<->`)
-  _seq("b", "a", start-tip: ("o", ">"), end-tip: ("o", ">"), comment: `o<->o`)
-  _seq("b", "a", start-tip: "x", end-tip: "x", comment: `x<->x`)
-  _seq("b", "a", end-tip: ("o", ">>"), comment: `->>o`)
-  _seq("b", "a", end-tip: ("o", "\\"), comment: `-\o`)
-  _seq("b", "a", end-tip: ("o", "\\\\"), comment: `-\\o`)
-  _seq("b", "a", end-tip: ("o", "/"), comment: `-/o`)
-  _seq("b", "a", end-tip: ("o", "//"), comment: `-//o`)
-  _seq("b", "a", start-tip: "x", end-tip: ("o", ">"), comment: `x->o`)
-})
-
-#pagebreak()
-
-#diagram({
-  _par("a", display-name: "Alice")
-  _par("b", display-name: "Bob")
-
-  _seq("a", "a", end-tip: ">", comment: `->`)
-  _seq("a", "a", end-tip: ">>", comment: `->>`)
-  _seq("a", "a", end-tip: "\\", comment: `-\`)
-  _seq("a", "a", end-tip: "\\\\", comment: `-\\`)
-  _seq("a", "a", end-tip: "/", comment: `-/`)
-  _seq("a", "a", end-tip: "//", comment: `-//`)
-  _seq("a", "a", end-tip: "x", comment: `->x`)
-  _seq("a", "a", start-tip: "x", comment: `x->`)
-  _seq("a", "a", start-tip: "o", comment: `o->`)
-  _seq("a", "a", end-tip: ("o", ">"), comment: `->o`)
-  _seq("a", "a", start-tip: "o", end-tip: ("o", ">"), comment: `o->o`)
-  _seq("a", "a", start-tip: ">", end-tip: ">", comment: `<->`)
-  _seq("a", "a", start-tip: ("o", ">"), end-tip: ("o", ">"), comment: `o<->o`)
-  _seq("a", "a", start-tip: "x", end-tip: "x", comment: `x<->x`)
-  _seq("a", "a", end-tip: ("o", ">>"), comment: `->>o`)
-  _seq("a", "a", end-tip: ("o", "\\"), comment: `-\o`)
-  _seq("a", "a", end-tip: ("o", "\\\\"), comment: `-\\o`)
-  _seq("a", "a", end-tip: ("o", "/"), comment: `-/o`)
-  _seq("a", "a", end-tip: ("o", "//"), comment: `-//o`)
-  _seq("a", "a", start-tip: "x", end-tip: ("o", ">"), comment: `x->o`)
-})