Merge pull request 'Add parameter to style participant line' (#11) from feat/10-participant-line-styling into dev

Reviewed-on: #11

README.md

@@ -15,7 +15,7 @@ This package lets you render sequence diagrams directly in Typst. The following
 <td>
 
 ```typst
-#import "@preview/chronos:0.1.0"
+#import "@preview/chronos:0.2.2"
 #chronos.diagram({
   import chronos: *
   _par("Alice")

docs/example.typ

@@ -5,7 +5,7 @@
   chronos: chronos
 )
 
-#let example(src, show-src: true, vertical: false, fill: true, wrap: true) = {
+#let example(src, show-src: true, vertical: false, fill: false, wrap: true) = {
   src = src.text
   let full-src = example-preamble + src
   let body = eval(full-src, scope: example-scope)
@@ -16,15 +16,15 @@
       box(
         stroke: black + 1pt,
         radius: .5em,
-        fill: if fill {color.white.darken(5%)} else {none},
+        fill: if fill {color.white.darken(2%)} else {none},
         if show-src {
-          let src-block = align(left, raw(src, lang: "typc"))
+          let src-block = raw(src, block: true, lang: "typc")
           table(
             columns: if vertical {1} else {2},
-            inset: 1em,
+            inset: 5pt,
             align: horizon + center,
             stroke: none,
-            img,
+            table.cell(inset: 1em, img),
             if vertical {table.hline()} else {table.vline()}, src-block
           )
         } else {

docs/examples.typ

@@ -1,8 +1,23 @@
 #import "example.typ": example
 
+#let seq-return = example(```
+_seq(
+  "Bob", "Alice",
+  comment: [hello],
+  enable-dst: true
+)
+_seq(
+  "Alice", "Alice",
+  comment: [some action]
+)
+_ret(comment: [bye])
+```)
+
 #let seq-comm-align = example(```
-_par("p1", display-name: "Start participant")
+_par("p1",
-_par("p2", display-name: "End participant")
+     display-name: "Start participant")
+_par("p2",
+     display-name: "End participant")
 let alignments = (
   "start", "end",
   "left", "right",
@@ -90,15 +105,15 @@ _par("a", display-name: "Alice")
 _par("b", display-name: "Bob")
 
 _loop("default loop", {
-  _seq("a", "b", comment: "Are you here ?")
+  _seq("a", "b", comment: "Are you here?")
 })
 _gap()
 _loop("min loop", min: 1, {
-  _seq("a", "b", comment: "Are you here ?")
+  _seq("a", "b", comment: "Are you here?")
 })
 _gap()
 _loop("min-max loop", min: 1, max: 5, {
-  _seq("a", "b", comment: "Are you still here ?")
+  _seq("a", "b", comment: "Are you still here?")
 })
 ```)
 
@@ -121,15 +136,58 @@ _sync({
 })
 ```)
 
-#let gaps-seps = example(```
+#let gaps = example(```
-_par("alice", display-name: "Alice")
+_par("a", display-name: "Alice")
-_par("bob", display-name: "Bob")
+_par("b", display-name: "Bob")
 
-_seq("alice", "bob", comment: "Hello")
+_seq("a", "b", comment: [message 1])
-_gap(size: 10)
+_seq("b", "a", comment: [ok], dashed: true)
-_seq("bob", "alice", comment: "Hi")
+_gap()
-_sep("Another day")
+_seq("a", "b", comment: [message 2])
-_seq("alice", "bob", comment: "Hello again")
+_seq("b", "a", comment: [ok], dashed: true)
+_gap(size: 40)
+_seq("a", "b", comment: [message 3])
+_seq("b", "a", comment: [ok], dashed: true)
+```)
+
+#let seps = example(```
+_par("a", display-name: "Alice")
+_par("b", display-name: "Bob")
+
+_sep[Initialization]
+_seq("a", "b", comment: [Request 1])
+_seq(
+  "b", "a",
+  comment: [Response 1],
+  dashed: true
+)
+
+_sep[Repetition]
+_seq("a", "b", comment: [Request 2])
+_seq(
+  "b", "a",
+  comment: [Response 2],
+  dashed: true
+)
+```)
+
+#let delays = example(```
+_par("a", display-name: "Alice")
+_par("b", display-name: "Bob")
+
+_seq("a", "b", comment: [Auth Request])
+_delay()
+_seq(
+  "b", "a",
+  comment: [Auth Response],
+  dashed: true
+)
+_delay(name: [5 minutes later])
+_seq(
+  "b", "a",
+  comment: [Good Bye !],
+  dashed: true
+)
 ```)
 
 #let notes-shapes = example(```

docs/gaps_seps.typ

@@ -1,8 +1,15 @@
-/// Creates a gap before the next element
-/// - size (int): Size of the gap
-#let _gap(size: 20) = {}
-
 /// Creates a separator before the next element
-/// #examples.gaps-seps
+/// #examples.seps
 /// - name (content): Name to display in the middle of the separator
-#let _sep(name) = {}
+#let _sep(name) = {}
+
+/// Creates a delay before the next element
+/// #examples.delays
+/// - name (content, none): Name to display in the middle of the delay area
+/// - size (int): Size of the delay
+#let _delay(name: none, size: 30) = {}
+
+/// Creates a gap before the next element
+/// #examples.gaps
+/// - size (int): Size of the gap
+#let _gap(size: 20) = {}

docs/participants.typ

@@ -34,6 +34,7 @@
 /// - invisible (bool): If set to true, the participant will not be shown
 /// - shape (str): The shape of the participant. Possible values in @@SHAPES
 /// - color (color): The participant's color
+/// - line-stroke (stroke): The participant's line style (defaults to a light gray dashed line)
 /// - custom-image (none, image): If shape is 'custom', sets the custom image to display
 /// - show-bottom (bool): Whether to display the bottom shape
 /// - show-top (bool): Whether to display the top shape
@@ -45,6 +46,11 @@
   invisible: false,
   shape: "participant",
   color: rgb("#E2E2F0"),
+  line-stroke: (
+    dash: "dashed",
+    paint: gray.darken(40%),
+    thickness: .5pt
+  ),
   custom-image: none,
   show-bottom: true,
   show-top: true,
@@ -58,10 +64,12 @@
 /// - width (auto, int, float, length): Optional fixed width of the column\ If the column's content (e.g. sequence comments) is larger, it will overflow
 /// - margin (int, float, length): Additional margin to add to the column\ This margin is not included in `width` and `min-width`, but rather added separately
 /// - min-width (int, float, length): Minimum width of the column\ If set to a larger value than `width`, the latter will be overriden
+/// - max-width (int, float, length, none): Maximum width of the column\ If set to a lower value than `width`, the latter will be overriden\ If set to `none`, no restriction is applied
 #let _col(
   p1,
   p2,
   width: auto,
   margin: 0,
-  min-width: 0
+  min-width: 0,
+  max-width: none
 ) = {}

docs/sequences.typ

@@ -42,6 +42,17 @@
   slant: none
 ) = {}
 
+/// Creates a return sequence
+/// #examples.seq-return
+/// - comment (none, content): Optional comment to display along the arrow
+#let _ret(comment: none) = {}
+
+/// Accepted values for `comment-align` argument of @@_seq()
+/// #examples.seq-comm-align
+#let comment-align = (
+  "start", "end", "left", "center", "right"
+)
+
 /// Accepted values for `event` argument of @@_evt()
 /// 
 /// `EVENTS = ("create", "destroy", "enable", "disable")`
@@ -51,10 +62,4 @@
 /// #examples.seq-tips
 #let tips = (
   "", ">", ">>", "\\", "\\\\", "/", "//", "x", "o",
-)
-
-/// Accepted values for `comment-align` argument of @@_seq()
-/// #examples.seq-comm-align
-#let comment-align = (
-  "start", "end", "left", "center", "right"
 )

gallery.bash

@@ -1,27 +0,0 @@
-#!/bin/bash
-
-
-echo
-echo "Generating gallery PDFs"
-
-set -- ./gallery/*.typ
-cnt="$#"
-i=1
-for f
-do
-    f2="${f/typ/pdf}"
-    echo "($i/$cnt) $f -> $f2"
-    typst c --root ./ "$f" "$f2"
-    i=$((i+1))
-done
-
-set -- ./gallery/readme/*.typ
-cnt="$#"
-i=1
-for f
-do
-    f2="${f/typ/png}"
-    echo "($i/$cnt) $f -> $f2"
-    typst c --root ./ "$f" "$f2"
-    i=$((i+1))
-done

gallery/doc_examples.typ

@@ -1,689 +0,0 @@
-#import "../src/lib.typ": from-plantuml
-
-#set page(width: auto, height: auto)
-
-#let examples = (
-  (
-    [Basic Examples],
-    ```
-    @startuml
-    Alice -> Bob: Authentication Request
-    Bob --> Alice: Authentication Response
-
-    Alice -> Bob: Another authentication Request
-    Alice <-- Bob: Another authentication Response
-    @enduml
-    ```
-  ),
-  (
-    [Declaring participant],
-    ```
-    @startuml
-    participant Participant as Foo
-    actor       Actor       as Foo1
-    boundary    Boundary    as Foo2
-    control     Control     as Foo3
-    entity      Entity      as Foo4
-    database    Database    as Foo5
-    collections Collections as Foo6
-    queue       Queue       as Foo7
-    Foo -> Foo1 : To actor 
-    Foo -> Foo2 : To boundary
-    Foo -> Foo3 : To control
-    Foo -> Foo4 : To entity
-    Foo -> Foo5 : To database
-    Foo -> Foo6 : To collections
-    Foo -> Foo7: To queue
-    @enduml
-    ```
-  ),
-  (
-    [Declaring participant (2)],
-    ```
-    @startuml
-    actor Bob #red
-    ' The only difference between actor
-    'and participant is the drawing
-    participant Alice
-    participant "I have a really\nlong name" as L #99FF99
-    /' You can also declare:
-      participant L as "I have a really\nlong name"  #99FF99
-      '/
-
-    Alice->Bob: Authentication Request
-    Bob->Alice: Authentication Response
-    Bob->L: Log transaction
-    @enduml
-    ```
-  ),
-  (
-    [Use non-letters in participants],
-    ```
-    @startuml
-    Alice -> "Bob()" : Hello
-    "Bob()" -> "This is very\nlong" as Long
-    ' You can also declare:
-    ' "Bob()" -> Long as "This is very\nlong"
-    Long --> "Bob()" : ok
-    @enduml
-    ```
-  ),
-  (
-    [Message to Self],
-    ```
-    @startuml
-    Alice -> Alice: This is a signal to self.\nIt also demonstrates\nmultiline \ntext
-    @enduml
-    ```
-  ),
-  (
-    [Message to Self (2)],
-    ```
-    @startuml
-    Alice <- Alice: This is a signal to self.\nIt also demonstrates\nmultiline \ntext
-    @enduml
-    ```
-  ),
-  (
-    [Change arrow style],
-    ```
-    @startuml
-    Bob ->x Alice
-    Bob -> Alice
-    Bob ->> Alice
-    Bob -\ Alice
-    Bob \\- Alice
-    Bob //-- Alice
-
-    Bob ->o Alice
-    Bob o\\-- Alice
-
-    Bob <-> Alice
-    Bob <->o Alice
-    @enduml
-    ```
-  ),
-  (
-    [Grouping message],
-    ```
-    @startuml
-    Alice -> Bob: Authentication Request
-
-    alt successful case
-
-        Bob -> Alice: Authentication Accepted
-
-    else some kind of failure
-
-        Bob -> Alice: Authentication Failure
-        group My own label
-        Alice -> Log : Log attack start
-            loop 1000 times
-                Alice -> Bob: DNS Attack
-            end
-        Alice -> Log : Log attack end
-        end
-
-    else Another type of failure
-
-      Bob -> Alice: Please repeat
-
-    end
-    @enduml
-    ```
-  ),
-  (
-    [Secondary group label],
-    ```
-    @startuml
-    Alice -> Bob: Authentication Request
-    Bob -> Alice: Authentication Failure
-    group My own label [My own label 2]
-        Alice -> Log : Log attack start
-        loop 1000 times
-            Alice -> Bob: DNS Attack
-        end
-        Alice -> Log : Log attack end
-    end
-    @enduml
-    ```
-  ),
-  (
-    [Notes on messages],
-    ```
-    @startuml
-    Alice->Bob : hello
-    note left: this is a first note
-
-    Bob->Alice : ok
-    note right: this is another note
-
-    Bob->Bob : I am thinking
-    note left
-    a note
-    can also be defined
-    on several lines
-    end note
-    @enduml
-    ```
-  ),
-  (
-    [Some other notes],
-    ```
-    @startuml
-    participant Alice
-    participant Bob
-    note left of Alice #aqua
-    This is displayed
-    left of Alice.
-    end note
-
-    note right of Alice: This is displayed right of Alice.
-
-    note over Alice: This is displayed over Alice.
-
-    note over Alice, Bob #FFAAAA: This is displayed\n over Bob and Alice.
-
-    note over Bob, Alice
-    This is yet another
-    example of
-    a long note.
-    end note
-    @enduml
-    ```
-  ),
-  (
-    [Changing notes shape \[hnote, rnote\]],
-    ```
-    @startuml
-    caller -> server : conReq
-    hnote over caller : idle
-    caller <- server : conConf
-    rnote over server
-     "r" as rectangle
-     "h" as hexagon
-    endrnote
-    rnote over server
-     this is
-     on several
-     lines
-    endrnote
-    hnote over caller
-     this is
-     on several
-     lines
-    endhnote
-    @enduml
-    ```
-  ),
-  (
-    [Note over all participants \[across\]],
-    ```
-    @startuml
-    Alice->Bob:m1
-    Bob->Charlie:m2
-    note over Alice, Charlie: Old method for note over all part. with:\n ""note over //FirstPart, LastPart//"".
-    note across: New method with:\n""note across""
-    Bob->Alice
-    hnote across:Note across all part.
-    @enduml
-    ```
-  ),
-  (
-    [Several notes aligned at the same level \[/\]],
-    ```
-    @startuml
-    note over Alice : initial state of Alice
-    note over Bob : initial state of Bob
-    Bob -> Alice : hello
-    @enduml
-    ```
-  ),
-  (
-    [Several notes aligned at the same level \[/\] (2)],
-    ```
-    @startuml
-    note over Alice : initial state of Alice
-    / note over Bob : initial state of Bob
-    Bob -> Alice : hello
-    @enduml
-    ```
-  ),
-  (
-    [Divider or separator],
-    ```
-    @startuml
-
-    == Initialization ==
-
-    Alice -> Bob: Authentication Request
-    Bob --> Alice: Authentication Response
-
-    == Repetition ==
-
-    Alice -> Bob: Another authentication Request
-    Alice <-- Bob: another authentication Response
-
-    @enduml
-    ```
-  ),
-  (
-    [Delay],
-    ```
-    @startuml
-
-    Alice -> Bob: Authentication Request
-    ...
-    Bob --> Alice: Authentication Response
-    ...5 minutes later...
-    Bob --> Alice: Good Bye !
-
-    @enduml
-    ```
-  ),
-  (
-    [Space],
-    ```
-    @startuml
-
-    Alice -> Bob: message 1
-    Bob --> Alice: ok
-    |||
-    Alice -> Bob: message 2
-    Bob --> Alice: ok
-    ||45||
-    Alice -> Bob: message 3
-    Bob --> Alice: ok
-
-    @enduml
-    ```
-  ),
-  (
-    [Lifeline Activation and Destruction],
-    ```
-    @startuml
-    participant User
-
-    User -> A: DoWork
-    activate A
-
-    A -> B: << createRequest >>
-    activate B
-
-    B -> C: DoWork
-    activate C
-    C --> B: WorkDone
-    destroy C
-
-    B --> A: RequestCreated
-    deactivate B
-
-    A -> User: Done
-    deactivate A
-
-    @enduml
-    ```
-  ),
-  (
-    [Lifeline Activation and Destruction (2)],
-    ```
-    @startuml
-    participant User
-
-    User -> A: DoWork
-    activate A #FFBBBB
-
-    A -> A: Internal call
-    activate A #DarkSalmon
-
-    A -> B: << createRequest >>
-    activate B
-
-    B --> A: RequestCreated
-    deactivate B
-    deactivate A
-    A -> User: Done
-    deactivate A
-
-    @enduml
-    ```
-  ),
-  /*(
-    [Lifeline Activation and Destruction (3)],
-    ```
-    @startuml
-    'autoactivate on
-    alice -> bob : hello
-    bob -> bob : self call
-    bill -> bob /'#005500'/ : hello from thread 2
-    bob -> george ** : create
-    return done in thread 2
-    return rc
-    bob -> george !! : delete
-    return success
-
-    @enduml
-    ```
-  ),*/
-  (
-    [Return],
-    ```
-    @startuml
-    Bob -> Alice : hello
-    activate Alice
-    Alice -> Alice : some action
-    return bye
-    @enduml
-    ```
-  ),
-  (
-    [Participant creation],
-    ```
-    @startuml
-    Bob -> Alice : hello
-
-    create Other
-    Alice -> Other : new
-
-    create /'control'/ String
-    Alice -> String
-    note right : You can also put notes!
-
-    Alice --> Bob : ok
-
-    @enduml
-    ```
-  ),
-  (
-    [Shortcut syntax for activation, deactivation, creation],
-    ```
-    @startuml
-    alice -> bob ++ : hello
-    bob -> bob ++ : self call
-    bob -> bib ++ /' #005500'/ : hello
-    bob -> george ** : create
-    return done
-    return rc
-    bob -> george !! : delete
-    return success
-    @enduml
-    ```
-  ),
-  (
-    [Shortcut syntax for activation, deactivation, creation (2)],
-    ```
-    @startuml
-    alice   ->  bob     ++   : hello1
-    bob     ->  charlie --++ : hello2
-    charlie --> alice   --   : ok
-    @enduml
-    ```
-  ),
-  (
-    [Shortcut syntax for activation, deactivation, creation (3)],
-    ```
-    @startuml
-    alice -> bob   ++ /'#gold'/: hello
-    bob   -> alice --++ /'#gold'/: you too
-    alice -> bob   --: step1
-    alice -> bob   : step2
-    @enduml
-    @enduml
-    ```
-  ),
-  (
-    [Incoming and outgoing messages],
-    ```
-    @startuml
-    [-> A: DoWork
-
-    activate A
-
-    A -> A: Internal call
-    activate A
-
-    A ->] : << createRequest >>
-
-    A<--] : RequestCreated
-    deactivate A
-    [<- A: Done
-    deactivate A
-    @enduml
-    ```
-  ),
-  (
-    [Incoming and outgoing messages (2)],
-    ```
-    @startuml
-    participant Alice
-    participant Bob #lightblue
-    Alice -> Bob
-    Bob -> Carol
-    ...
-    [-> Bob
-    [o-> Bob
-    [o->o Bob
-    [x-> Bob
-    ...
-    [<- Bob
-    [x<- Bob
-    ...
-    Bob ->]
-    Bob ->o]
-    Bob o->o]
-    Bob ->x]
-    ...
-    Bob <-]
-    Bob x<-]
-
-    @enduml
-    ```
-  ),
-  (
-    [Short arrows for incoming and outgoing messages],
-    ```
-    @startuml
-    ?-> Alice    : ""?->""\n**short** to actor1
-    [-> Alice    : ""[->""\n**from start** to actor1
-    [-> Bob      : ""[->""\n**from start** to actor2
-    ?-> Bob      : ""?->""\n**short** to actor2
-    Alice ->]    : ""->]""\nfrom actor1 **to end**
-    Alice ->?    : ""->?""\n**short** from actor1
-    Alice -> Bob : ""->"" \nfrom actor1 to actor2
-    @enduml
-    ```
-  ),
-  (
-    [Normal arrow],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    a ->     b : ""->   ""
-    a ->>    b : ""->>  ""
-    a -\     b : ""-\   ""
-    a -\\    b : ""-\\\\""
-    a -/     b : ""-/   ""
-    a -//    b : ""-//  ""
-    a ->x    b : ""->x  ""
-    a x->    b : ""x->  ""
-    a o->    b : ""o->  ""
-    a ->o    b : ""->o  ""
-    a o->o   b : ""o->o ""
-    a <->    b : ""<->  ""
-    a o<->o  b : ""o<->o""
-    a x<->x  b : ""x<->x""
-    a ->>o   b : ""->>o ""
-    a -\o    b : ""-\o  ""
-    a -\\o   b : ""-\\\\o""
-    a -/o    b : ""-/o  ""
-    a -//o   b : ""-//o ""
-    a x->o   b : ""x->o ""
-    @enduml
-    ```
-  ),
-  (
-    [Itself arrow],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    a ->     a : ""->   ""
-    a ->>    a : ""->>  ""
-    a -\     a : ""-\   ""
-    a -\\    a : ""-\\\\""
-    a -/     a : ""-/   ""
-    a -//    a : ""-//  ""
-    a ->x    a : ""->x  ""
-    a x->    a : ""x->  ""
-    a o->    a : ""o->  ""
-    a ->o    a : ""->o  ""
-    a o->o   a : ""o->o ""
-    a <->    a : ""<->  ""
-    a o<->o  a : ""o<->o""
-    a x<->x  a : ""x<->x""
-    a ->>o   a : ""->>o ""
-    a -\o    a : ""-\o  ""
-    a -\\o   a : ""-\\\\o""
-    a -/o    a : ""-/o  ""
-    a -//o   a : ""-//o ""
-    a x->o   a : ""x->o ""
-    @enduml
-    ```
-  ),
-  (
-    [Incoming messages (with '|')],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    [->      b : ""[->   ""
-    [->>     b : ""[->>  ""
-    [-\      b : ""[-\   ""
-    [-\\     b : ""[-\\\\""
-    [-/      b : ""[-/   ""
-    [-//     b : ""[-//  ""
-    [->x     b : ""[->x  ""
-    [x->     b : ""[x->  ""
-    [o->     b : ""[o->  ""
-    [->o     b : ""[->o  ""
-    [o->o    b : ""[o->o ""
-    [<->     b : ""[<->  ""
-    [o<->o   b : ""[o<->o""
-    [x<->x   b : ""[x<->x""
-    [->>o    b : ""[->>o ""
-    [-\o     b : ""[-\o  ""
-    [-\\o    b : ""[-\\\\o""
-    [-/o     b : ""[-/o  ""
-    [-//o    b : ""[-//o ""
-    [x->o    b : ""[x->o ""
-    @enduml
-    ```
-  ),
-  (
-    [Outgoing messages (with '|')],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    a ->]      : ""->]   ""
-    a ->>]     : ""->>]  ""
-    a -\]      : ""-\]   ""
-    a -\\]     : ""-\\\\]""
-    a -/]      : ""-/]   ""
-    a -//]     : ""-//]  ""
-    a ->x]     : ""->x]  ""
-    a x->]     : ""x->]  ""
-    a o->]     : ""o->]  ""
-    a ->o]     : ""->o]  ""
-    a o->o]    : ""o->o] ""
-    a <->]     : ""<->]  ""
-    a o<->o]   : ""o<->o]""
-    a x<->x]   : ""x<->x]""
-    a ->>o]    : ""->>o] ""
-    a -\o]     : ""-\o]  ""
-    a -\\o]    : ""-\\\\o]""
-    a -/o]     : ""-/o]  ""
-    a -//o]    : ""-//o] ""
-    a x->o]    : ""x->o] ""
-    @enduml
-    ```
-  ),
-  (
-    [Short incoming (with '?')],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    a ->     b : //Long long label//
-    ?->      b : ""?->   ""
-    ?->>     b : ""?->>  ""
-    ?-\      b : ""?-\   ""
-    ?-\\     b : ""?-\\\\""
-    ?-/      b : ""?-/   ""
-    ?-//     b : ""?-//  ""
-    ?->x     b : ""?->x  ""
-    ?x->     b : ""?x->  ""
-    ?o->     b : ""?o->  ""
-    ?->o     b : ""?->o  ""
-    ?o->o    b : ""?o->o ""
-    ?<->     b : ""?<->  ""
-    ?o<->o   b : ""?o<->o""
-    ?x<->x   b : ""?x<->x""
-    ?->>o    b : ""?->>o ""
-    ?-\o     b : ""?-\o  ""
-    ?-\\o    b : ""?-\\\\o ""
-    ?-/o     b : ""?-/o  ""
-    ?-//o    b : ""?-//o ""
-    ?x->o    b : ""?x->o ""
-    @enduml
-    ```
-  ),
-  (
-    [Short outgoing (with '?')],
-    ```
-    @startuml
-    participant Alice as a
-    participant Bob   as b
-    a ->     b : //Long long label//
-    a ->?      : ""->?   ""
-    a ->>?     : ""->>?  ""
-    a -\?      : ""-\?   ""
-    a -\\?     : ""-\\\\?""
-    a -/?      : ""-/?   ""
-    a -//?     : ""-//?  ""
-    a ->x?     : ""->x?  ""
-    a x->?     : ""x->?  ""
-    a o->?     : ""o->?  ""
-    a ->o?     : ""->o?  ""
-    a o->o?    : ""o->o? ""
-    a <->?     : ""<->?  ""
-    a o<->o?   : ""o<->o?""
-    a x<->x?   : ""x<->x?""
-    a ->>o?    : ""->>o? ""
-    a -\o?     : ""-\o?  ""
-    a -\\o?    : ""-\\\\o?""
-    a -/o?     : ""-/o?  ""
-    a -//o?    : ""-//o? ""
-    a x->o?    : ""x->o? ""
-    @enduml
-    ```
-  )
-)
-
-#{
-  for (title, uml) in examples {
-    heading(title)
-    box(
-      stroke: gray,
-      inset: 1em,
-      stack(
-        dir: ltr,
-        spacing: 1em,
-        raw(uml.text, block: true, lang: "plantuml"),
-        from-plantuml(uml)
-      )
-    )
-    pagebreak(weak: true)
-  }
-}

gallery/plantuml_test.typ

@@ -1,271 +0,0 @@
-#import "../src/lib.typ": from-plantuml
-
-#set page(width: auto, height: auto)
-
-/*
-#from-plantuml(```
-@startuml
-
-actor User as usr
-participant can_message as can
-control kartculator as kc
-queue XF as xf
-entity Drive as drive
-entity Steering as steering
-
-usr -\ xf : set message "move"
-xf -> can : new value on joystick
-
-== If X axis change value ==
-can -> kc : calculate new position
-kc -> can : build message
-can -> steering : set new position
-
-== If Y axis change value ==
-can -> kc : calculate new torque
-kc -> can : build message
-can -> xf : set message "torque"
-xf -> drive : set new torque
-
-@enduml
-```)
-
-#pagebreak(weak: true)
-
-#from-plantuml(```
-@startuml
-
-actor CAN_BUS as bus
-participant interrupt as ISR
-queue XF as xf
-participant ecan as ecan
-participant canInterface as can
-control canMessageController as msg
-
-
-bus -\\ ISR ++  : can message
-ISR -> can : newMsg
-can -> ecan : read
-ecan --> can : message
-can -> xf : POST XF
-destroy ISR
-    group TICK XF
-xf o-> can : receiveCan()
-can -> msg : processIncoming()
-msg -> can : create message
-can -> xf : POST XF
-    end
-    group TICK XF
-xf o-> can : sendCan()
-can -> ecan : write
-ecan -\\ bus : can message
-    end
-
-@enduml
-```)
-
-#pagebreak(weak: true)
-*/
-
-/*
-#from-plantuml(```
-@startuml
-
-participant "Behavior::StateMachine" as sm
-participant Dispatcher as d
-participant TimeoutManager as tm
-entity "Event::Timeout" as t
-queue "TimeoutManager::timeouts_" as timeouts
-
-autoactivate off
-|||
-|||
-== Schedule timeout ==
-|||
-sm -> sm++ : scheduleTimeout
-sm -> d ++: getDispatcher
-d --> sm --: dispatcher
-sm -> d --++ : scheduleTimeout
-d -> tm ++: getTimeoutManager
-tm --> d --: timeoutManager
-d -> tm --++ : scheduleTimeout
-tm -> t ** : new
-t --> tm
-tm -> timeouts --++: insert
-
-|||
-|||
-== Decrement timeout (and dispatch) ==
-|||
-loop every tickInterval
-?->> tm ++: tick
-tm -> timeouts : getFront
-timeouts -> t ++
-t --> timeouts
-timeouts --> tm : timeout
-tm -> t  --: decrement
-end
-|||
-note left t
-When timeout is 0,
-dispatch event
-end note
-t -> timeouts : pop
-deactivate timeouts
-t ->? --: pushEvent
-
-|||
-|||
-== Unschedule timeout ==
-|||
-sm -> sm++ : unscheduleTimeout
-sm -> d ++: getDispatcher
-d --> sm --: dispatcher
-sm -> d --++ : unscheduleTimeout
-d -> tm ++: getTimeoutManager
-tm --> d --: timeoutManager
-d -> tm --++ : unscheduleTimeout
-tm -> timeouts --: erase
-timeouts -> t !!
-
-@enduml
-```)
-*/
-
-#pagebreak(weak: true)
-
-#from-plantuml(```
-@startuml
-
-participant Behavior as b
-participant Dispatcher as d
-entity Event as e
-participant EventQueue as eq
-queue "EventQueue::queue_" as q
-
-== Create an Event ==
-|||
-?->> b ++ : GEN
-b -> e ** : new
-b -> b --++ : pushEvent
-e -> b : getBehavior
-b --> e ++: setBehavior
-e --> b --
-b -> d ++ : getDispatcher
-d --> b
-b -> d -- : pushEvent
-d ->? -- : push
-
-
-|||
-|||
-== Push Event  ==
-|||
-?->> d ++: pushEvent
-d -> eq--++: push
-eq -> q ++
-q --> eq
-eq -> q -- : pushEndQueue
-
-|||
-|||
-== Dispatch ==
-|||
-?->> d ++: executeOnce
-d -> q : getFront
-q -> e ++
-e --> q
-q --> d : event
-d -> q : pop
-deactivate q
-d -> d --++ : dispatchEvent
-d -> b ++ : getBehavior
-b --> d
-d -> b -- : process
-b -> b--: processEvent
-
-destroy e
-
-@enduml
-```)
-
-#pagebreak(weak: true)
-
-#from-plantuml(```
-@startuml
-'https://plantuml.com/sequence-diagram
-actor User as usr
-participant "Pb L" as pbL
-participant "Pb R" as pbR
-participant "LED L" as ledL
-participant "LED R" as ledR
-
-
-== Single click ==
-
-group Single click left
-usr -\ pbL ++: pressButton
-usr -\ pbL : releaseButton
-pbL -> ledL --++ : blink
-usr -\ pbL ++: pressButton
-usr -\ pbL : releaseButton
-pbL -> ledL -- : endBlink
-deactivate ledL
-end
-
-group Single click right
-usr -\ pbR ++: pressButton
-usr -\ pbR : releaseButton
-pbR -> ledR --++ : blink
-usr -\ pbR ++: pressButton
-usr -\ pbR : releaseButton
-pbR -> ledR -- : endBlink
-deactivate ledR
-end
-
-== Double click ==
-
-group Double click left
-usr -\ pbL ++: pressButton
-usr -\ pbL : releaseButton
-usr -\ pbL : pressButton
-pbL -> ledL --++ : blink
-note right ledL: blink 3x
-ledL ->x ledL -- : finished
-end
-
-group Double click right
-usr -\ pbR ++: pressButton
-usr -\ pbR : releaseButton
-usr -\ pbR : pressButton
-pbR -> ledR --++ : blink
-note right ledR: blink 3x
-ledR ->x ledR -- : finished
-end
-
-== Long click ==
-
-group Long click left
-usr -\ pbL ++: pressButton
-pbL -> ledR--: blink
-activate ledL
-activate ledR
-usr -\ pbL ++: pressButton
-pbL -> ledR -- : endBlink
-deactivate ledL
-deactivate ledR
-end
-
-group Long click right
-usr -\ pbR ++: pressButton
-pbR -> ledR--: blink
-activate ledL
-activate ledR
-usr -\ pbL ++: pressButton
-pbL -> ledR -- : endBlink
-deactivate ledL
-deactivate ledR
-end
-
-@enduml
-```)

justfile

@@ -0,0 +1,12 @@
+# Local Variables:
+# mode: makefile
+# End:
+gallery_dir := "./gallery"
+set shell := ["bash", "-uc"]
+
+manual:
+  typst c manual.typ manual.pdf
+
+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

manual.typ

@@ -1,4 +1,6 @@
-#import "@preview/tidy:0.3.0"
+#import "@preview/tidy:0.4.2"
+#import "@preview/codly:1.2.0": codly-init, codly
+#import "@preview/codly-languages:0.1.8": codly-languages
 #import "src/lib.typ" as chronos
 #import "src/participant.typ" as mod-par
 #import "docs/examples.typ"
@@ -6,32 +8,48 @@
 
 #let TYPST = image("gallery/typst.png", width: 1.5cm, height: 1.5cm, fit: "contain")
 
-#let doc-ref(target, full: false, var: false) = {
+#show: codly-init
-  let (module, func) = target.split(".")
+#codly(
-  let label-name = module + func
+  languages: codly-languages
-  let display-name = func
+)
-  if full {
+
-    display-name = target
+#set text(font: "Source Sans 3")
-  }
-  if not var {
-    label-name += "()"
-    display-name += "()"
-  }
-  link(label(label-name))[#display-name]
-}
 
 #set heading(numbering: (..num) => if num.pos().len() < 4 {
   numbering("1.1", ..num)
 })
+
+#align(center)[
+  #v(2cm)
+  #text(size: 2em)[*Chronos*]
+  
+  _v#chronos.version;_
+  #v(1cm)
+  #chronos.diagram({
+    import chronos: *
+    _par("u", display-name: [User], shape: "actor")
+    _par("wa", display-name: [Web App])
+    _par("tu", display-name: [Typst Universe], shape: "database")
+
+    _seq("u", "wa", comment: [Compile document], enable-dst: true)
+    _seq("wa", "tu", comment: [Fetch Chronos])
+    _seq("tu", "wa", dashed: true, slant: 10)
+    _seq("wa", "wa", comment: [Render])
+    _ret(comment: [Nice sequence diagram])
+  })
+]
+
+#pagebreak()
+
 #{
-  outline(indent: true, depth: 3)
+  outline(indent: auto, depth: 3)
 }
 #show link: set text(fill: blue)
 
 #set page(numbering: "1/1", header: align(right)[chronos #sym.dash.em v#chronos.version])
 #set page(
-  header: locate(loc => align(left)[chronos #sym.dash.em v#chronos.version]),
+  header: align(left)[chronos #sym.dash.em v#chronos.version],
-  footer: locate(loc => align(center, counter(page).display("1/1", both: true)))
+  footer: context align(center, counter(page).display("1/1", both: true))
 )
 
 = Introduction
@@ -40,18 +58,20 @@ This package lets you create nice sequence diagrams using the CeTZ package.
 
 = Usage
 
+#let import-stmt = "#import \"@preview/chronos:" + str(chronos.version) + "\""
+
 Simply import #link("https://typst.app/universe/package/chronos/")[chronos] and call the `diagram` function:
-#pad(left: 1em)[```typ
+#raw(block:true, lang: "typ", ```typ
-#import "@preview/chronos:0.1.0"
+$import
 #chronos.diagram({
   import chronos: *
   ...
 })
-```]
+```.text.replace("$import", import-stmt))
 
 = Examples
 
-You can find the following examples and more in the #link("https://git.kb28.ch/HEL/circuiteria/src/branch/main/gallery")[gallery] directory
+You can find the following examples and more in the #link("https://git.kb28.ch/HEL/chronos/src/branch/main/gallery")[gallery] directory
 
 == Some groups and sequences
 
@@ -121,7 +141,11 @@ chronos.diagram({
 == Custom images
 
 #example(```
-let load-img(path) = image(path, width: 1.5cm, height: 1.5cm, fit:"contain")
+let load-img(path) = image(
+  path,
+  width: 1.5cm, height: 1.5cm,
+  fit:"contain"
+)
 let TYPST = load-img("../gallery/typst.png")
 let FERRIS = load-img("../gallery/ferris.png")
 let ME = load-img("../gallery/me.jpg")
@@ -148,11 +172,11 @@ chronos.diagram({
   read("docs/participants.typ"),
   name: "Participants",
   require-all-parameters: true,
+  old-syntax: true,
   scope: (
     chronos: chronos,
     mod-par: mod-par,
-    TYPST: TYPST,
+    TYPST: TYPST
-    doc-ref: doc-ref
   )
 )
 #tidy.show-module(par-docs, show-outline: false, sort-functions: none)
@@ -163,9 +187,9 @@ chronos.diagram({
   read("docs/sequences.typ"),
   name: "Sequences",
   require-all-parameters: true,
+  old-syntax: true,
   scope: (
     chronos: chronos,
-    doc-ref: doc-ref,
     examples: examples
   )
 )
@@ -177,9 +201,9 @@ chronos.diagram({
   read("docs/groups.typ"),
   name: "Groups",
   require-all-parameters: true,
+  old-syntax: true,
   scope: (
     chronos: chronos,
-    doc-ref: doc-ref,
     examples: examples
   )
 )
@@ -191,13 +215,13 @@ chronos.diagram({
   read("docs/gaps_seps.typ"),
   name: "Gaps and separators",
   require-all-parameters: true,
+  old-syntax: true,
   scope: (
     chronos: chronos,
-    doc-ref: doc-ref,
     examples: examples
   )
 )
-#tidy.show-module(gap-sep-docs, show-outline: false)
+#tidy.show-module(gap-sep-docs, show-outline: false, sort-functions: none)
 
 #pagebreak(weak: true)
 
@@ -205,9 +229,9 @@ chronos.diagram({
   read("docs/notes.typ"),
   name: "Notes",
   require-all-parameters: true,
+  old-syntax: true,
   scope: (
     chronos: chronos,
-    doc-ref: doc-ref,
     examples: examples
   )
 )

src/cetz.typ

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

src/diagram.typ

@@ -19,14 +19,15 @@
   ),)
 }
 
-#let _col(p1, p2, width: auto, margin: 0, min-width: 0) = {
+#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
+    min-width: min-width,
+    max-width: max-width
   ),)
 }
 
@@ -45,7 +46,6 @@
   while i < elmts.len() {
     let elmt = elmts.at(i)
     if elmt.type == "grp" {
-      let grp-elmts = elmt.elmts
       elmt.elmts = elmt.elmts.map(e => {
         if e.type == "seq" {
           if e.p1 == "?" {
@@ -59,12 +59,17 @@
       elmts.at(i) = elmt
       elmts = (
         elmts.slice(0, i + 1) +
-        grp-elmts +
+        elmt.elmts +
         ((
-          type: "grp-end"
+          type: "grp-end",
+          start-i: i
         ),) +
         elmts.slice(i+1)
       )
+    } else if elmt.type == "grp-end" {
+      // Put back elements in group because they might have changed
+      elmts.at(elmt.start-i).elmts = elmts.slice(elmt.start-i + 1, i)
+
     } else if elmt.type == "seq" {
       if elmt.enable-dst {
         activation-history.push(elmt)
@@ -240,7 +245,10 @@
     }
   }
 
-  set text(font: "Source Sans 3")
   let canvas = render(participants, elmts)
   fit-canvas(canvas, width: width)
+}
+
+#let from-plantuml(code) = {
+  let code = code.text
 }

src/group.typ

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

src/lib.typ

@@ -1,6 +1,5 @@
-#let version = version(0, 1, 1)
+#let version = version(0, 2, 2)
-#import "diagram.typ": diagram, _gap, _evt, _col
+#import "diagram.typ": diagram, from-plantuml, _gap, _evt, _col
-#import "parser.typ": from-plantuml
 
 #import "sequence.typ": _seq, _ret
 #import "group.typ": _grp, _loop, _alt, _opt, _break

src/note.typ

@@ -1,4 +1,4 @@
-#import "@preview/cetz:0.2.2": draw
+#import "/src/cetz.typ": draw
 #import "consts.typ": *
 
 #let SIDES = (

src/participant.typ

@@ -1,4 +1,4 @@
-#import "@preview/cetz:0.2.2": draw
+#import "/src/cetz.typ": draw
 #import "consts.typ": *
 
 #let PAR-SPECIALS = "?[]"
@@ -22,6 +22,11 @@
   invisible: false,
   shape: "participant",
   color: DEFAULT-COLOR,
+  line-stroke: (
+    dash: "dashed",
+    paint: gray.darken(40%),
+    thickness: .5pt
+  ),
   custom-image: none,
   show-bottom: true,
   show-top: true,
@@ -37,6 +42,7 @@
     invisible: invisible,
     shape: shape,
     color: color,
+    line-stroke: line-stroke,
     custom-image: custom-image,
     show-bottom: show-bottom,
     show-top: show-top

src/renderer.typ

@@ -1,4 +1,4 @@
-#import "@preview/cetz:0.2.2": canvas, draw
+#import "/src/cetz.typ": canvas, draw
 #import "utils.typ": get-participants-i, get-style, normalize-units
 #import "group.typ"
 #import "participant.typ"
@@ -218,10 +218,13 @@
       if elmt.width != auto {
         widths.at(i) = normalize-units(elmt.width)
       }
-      widths.at(i) = calc.max(
+
-        widths.at(i),
+      let width = widths.at(i)
-        normalize-units(elmt.min-width)
+      width = calc.max(width, normalize-units(elmt.min-width))
-      ) + normalize-units(elmt.margin)
+      if elmt.max-width != none {
+        width = calc.min(width, normalize-units(elmt.max-width))
+      }
+      widths.at(i) = width + normalize-units(elmt.margin)
     }
   }
 
@@ -429,11 +432,7 @@
             draw.line(
               (x, last-y),
               (x, line.at(1)),
-              stroke: (
+              stroke: p.line-stroke
-                dash: "dashed",
-                paint: gray.darken(40%),
-                thickness: .5pt
-              )
             )
           }
           lines.push(line)
@@ -459,11 +458,7 @@
           draw.line(
             (x, last-y),
             (x, line.at(1)),
-            stroke: (
+            stroke: p.line-stroke
-              dash: "dashed",
-              paint: gray.darken(40%),
-              thickness: .5pt
-            )
           )
           last-y = line.at(1)
         } else if event == "delay-end" {
@@ -483,11 +478,7 @@
       draw.line(
         (x, last-y),
         (x, y),
-        stroke: (
+        stroke: p.line-stroke
-          dash: "dashed",
-          paint: gray.darken(40%),
-          thickness: .5pt
-        )
       )
 
       // Draw lifeline rectangles (reverse for bottom to top)

src/separator.typ

@@ -1,4 +1,4 @@
-#import "@preview/cetz:0.2.2": draw
+#import "/src/cetz.typ": draw
 #import "consts.typ": *
 
 #let _sep(name) = {

src/sequence.typ

@@ -1,4 +1,4 @@
-#import "@preview/cetz:0.2.2": draw, vector
+#import "/src/cetz.typ": draw, vector
 #import "consts.typ": *
 #import "participant.typ"
 #import "note.typ"
@@ -100,19 +100,27 @@
 
   y -= Y-SPACE
 
+  let i1 = pars-i.at(elmt.p1)
+  let i2 = pars-i.at(elmt.p2)
+  let width = calc.abs(x-pos.at(i1) - x-pos.at(i2))
+
   let h = 0
+  let comment = if elmt.comment == none {none} else {
+    let w = calc.min(width * 1pt, measure(elmt.comment).width)
+    box(
+      width: if i1 == i2 {auto} else {w},
+      elmt.comment
+    )
+  }
   // Reserve space for comment
-  if elmt.comment != none {
+  if comment != none {
-    h = calc.max(h, measure(box(elmt.comment)).height / 1pt + 6)
+    h = calc.max(h, measure(comment).height / 1pt + 6)
   }
   if "linked-note" in elmt {
     h = calc.max(h, note.get-size(elmt.linked-note).height / 2)
   }
   y -= h
 
-  let i1 = pars-i.at(elmt.p1)
-  let i2 = pars-i.at(elmt.p2)
-
   let start-info = (
     i: i1,
     x: x-pos.at(i1),
@@ -169,7 +177,7 @@
     let m = measure(box(par.display-name))
     let f = if i1 > i2 {-1} else {1}
     end-info.x -= (m.width + PAR-PAD.last() * 2) / 2pt * f
-    shapes += participant.render(x-pos, par, y: end-info.y - CREATE-OFFSET)
+    shapes += participant.render(x-pos, par, y: end-info.y)
   }
 
   end-info.ll-lvl = lifelines.at(i2).level * LIFELINE-W / 2
@@ -244,7 +252,7 @@
       (x2, end-info.y)
     )
 
-    if elmt.comment != none {
+    if comment != none {
       comment-anchor = (
         start: if x-mid < x1 {"south-east"} else {"south-west"},
         end: if x-mid < x1 {"south-west"} else {"south-east"},
@@ -268,7 +276,7 @@
       (x2, end-info.y)
     )
 
-    if elmt.comment != none {
+    if comment != none {
       let start-pt = pts.first()
       let end-pt = pts.last()
       if elmt.start-tip != "" {
@@ -348,27 +356,26 @@
 
   shapes += draw.line(..pts, ..style)
 
-  if elmt.comment != none {
+  if comment != none {
     shapes += draw.content(
       comment-pt,
-      elmt.comment,
+      comment,
       anchor: comment-anchor,
       angle: comment-angle,
       padding: 3pt
     )
   }
 
+  if elmt.create-dst {
+    let dst-line = lifelines.at(i2)
+    dst-line.lines.push(("create", end-info.y))
+    lifelines.at(i2) = dst-line
+  }
   if elmt.enable-dst {
     let dst-line = lifelines.at(i2)
     dst-line.lines.push(("enable", end-info.y, elmt.lifeline-style))
     lifelines.at(i2) = dst-line
   }
-  if elmt.create-dst {
-    end-info.y -= CREATE-OFFSET
-    let dst-line = lifelines.at(i2)
-    dst-line.lines.push(("create", end-info.y))
-    lifelines.at(i2) = dst-line
-  }
 
   if "linked-note" in elmt {
     let m = note.get-size(elmt.linked-note)

src/utils.typ

@@ -36,6 +36,9 @@
       max-i = calc.max(max-i, i1)
     }
   }
+  if max-i < min-i {
+    (min-i, max-i) = (max-i, min-i)
+  }
   return (min-i, max-i)
 }
 

typst.toml

@@ -1,7 +1,7 @@
 [package]
 name = "chronos"
-version = "0.1.1"
+version = "0.2.2"
-compiler = "0.11.0"
+compiler = "0.13.1"
 repository = "https://git.kb28.ch/HEL/chronos"
 entrypoint = "src/lib.typ"
 authors = [
@@ -11,4 +11,4 @@ categories = ["visualization"]
 license = "Apache-2.0"
 description = "A package to draw sequence diagrams with CeTZ"
 keywords = ["sequence", "diagram", "plantuml"]
-exclude = [ "gallery", "gallery.bash", "docs" ]
+exclude = [ "gallery", "justfile", "docs" ]