chore: update minimum compiler version to 0.15.0

CeTZ 0.5.2 requires 3D coordinate vectors (x, y, z) for
coordinate.resolve() and rel-coordinate specs. Update all 2-element
tuples to 3-element tuples and fix .last() to .at(1) for y-component
access on resolved 3D coordinates.

README.md

@@ -3,7 +3,7 @@
 Circuiteria is a [Typst](https://typst.app) package for drawing block circuit diagrams using the [CeTZ](https://typst.app/universe/package/cetz) package.
 
 <p align="center">
-  <img src="./gallery/platypus.png" alt="A platypus / Perry the Platypus meme made with colored rounded rectangles">
+  <img src="./gallery/platypus.png" alt="Perry the platypus">
 </p>
 
 ## Examples
@@ -11,17 +11,17 @@ Circuiteria is a [Typst](https://typst.app) package for drawing block circuit di
   <tr>
     <td colspan="2">
       <a href="./gallery/test.typ">
-        <img src="./gallery/test.png" width="500px" alt="Block diagram of a multi-cycle RISC-V FPGA processor">
+        <img src="./gallery/test.png" width="500px">
       </a>
     </td>
   </tr>
   <tr>
-    <td colspan="2">A bit of everything</td>
+    <td colspan="2">A bit of eveything</td>
   </tr>
   <tr>
     <td colspan="2">
       <a href="./gallery/test5.typ">
-        <img src="./gallery/test5.png" width="500px" alt="Block diagram of a single-cycle RISC-V processor">
+        <img src="./gallery/test5.png" width="500px">
       </a>
     </td>
   </tr>
@@ -31,12 +31,12 @@ Circuiteria is a [Typst](https://typst.app) package for drawing block circuit di
   <tr>
     <td>
       <a href="./gallery/test4.typ">
-        <img src="./gallery/test4.png" width="250px" alt="Top-level block diagram of a single-cycle RISC-V processor">
+        <img src="./gallery/test4.png" width="250px">
       </a>
     </td>
     <td>
       <a href="./gallery/test6.typ">
-        <img src="./gallery/test6.png" width="250px" alt="Block diagram of a simple single-cycle RISC-V ALU">
+        <img src="./gallery/test6.png" width="250px">
       </a>
     </td>
   </tr>
@@ -56,7 +56,7 @@ For more information, see the [manual](manual.pdf)
 
 To use this package, simply import [circuiteria](https://typst.app/universe/package/circuiteria) and call the `circuit` function:
 ```typ
-#import "@preview/circuiteria:0.2.1"
+#import "@preview/circuiteria:0.2.0"
 #circuiteria.circuit({
   import circuiteria: *
   ...

gallery/platypus.typ

@@ -1,4 +1,4 @@
-#import "@preview/circuiteria:0.2.1": *
+#import "../src/lib.typ": *
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test.typ

@@ -1,4 +1,4 @@
-#import "@preview/circuiteria:0.2.1": circuit, element, util, wire
+#import "../src/lib.typ": circuit, element, util, wire
 
 #set page(width: auto, height: auto, margin: .5cm)
 
@@ -117,7 +117,7 @@
   wire.wire(
     "wExtender-ImmSrc", (
       "Extender.north",
-      (18, -2)
+      (18, -2, 0)
     ),
     style: "zigzag",
     zigzag-ratio: 0%,
@@ -138,8 +138,8 @@
   )
   wire.wire(
     "wBus", (
-      (v => (v.at(0), -3.5), mid),
+      (v => (v.at(0), -3.5, 0), mid),
-      (horizontal: (), vertical: (0, 3.5)),
+      (horizontal: (), vertical: (0, 3.5, 0)),
     ),
     bus: true
   )

gallery/test2.typ

@@ -1,4 +1,4 @@
-#import "@preview/circuiteria:0.2.1": circuit, element, util, wire
+#import "../src/lib.typ": circuit, element, util, wire
 
 #set page(width: auto, height: auto, margin: .5cm)
 
@@ -124,7 +124,7 @@
   wire.wire(
     "wExtender-ImmSrc", (
       "Extender.north",
-      (18, -2)
+      (18, -2, 0)
     ),
     style: "zigzag",
     zigzag-ratio: 0%,
@@ -145,8 +145,8 @@
   )
   wire.wire(
     "wBus", (
-      (v => (v.at(0), -3.5), mid),
+      (v => (v.at(0), -3.5, 0), mid),
-      (horizontal: (), vertical: (0, 3.5)),
+      (horizontal: (), vertical: (0, 3.5, 0)),
     ),
     bus: true
   )

gallery/test3.typ

@@ -1,4 +1,4 @@
-#import "@preview/circuiteria:0.2.1": circuit, element, util, wire
+#import "../src/lib.typ": circuit, element, util, wire
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test4.typ

@@ -1,5 +1,5 @@
 #import "/src/cetz.typ": draw
-#import "@preview/circuiteria:0.2.1": *
+#import "../src/lib.typ": *
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test5.typ

@@ -1,5 +1,5 @@
 #import "/src/cetz.typ": draw
-#import "@preview/circuiteria:0.2.1": *
+#import "../src/lib.typ": *
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test6.typ

@@ -1,5 +1,5 @@
 #import "/src/cetz.typ": draw
-#import "@preview/circuiteria:0.2.1": *
+#import "../src/lib.typ": *
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test7.typ

@@ -1,4 +1,4 @@
-#import "@preview/circuiteria:0.2.1": circuit, element, util, wire
+#import "../src/lib.typ": circuit, element, util, wire
 
 #set page(width: auto, height: auto, margin: .5cm)
 

gallery/test_xalign.typ

@@ -1,30 +0,0 @@
-// Demonstrates the `(from: <anchor>, to: <port-id>)` port-alignment shorthand
-// for the `x` parameter (analogous to the existing shorthand for `y`).
-#import "/src/lib.typ": circuit, element, util, wire
-
-#set page(width: auto, height: auto, margin: .5cm)
-
-#circuit({
-  // Anchor block: absolute placement, with a single "addr" port on its
-  // north side (auto-centred horizontally by circuiteria).
-  element.block(
-    x: 0, y: 0, w: 2, h: 1.5,
-    id: "vcemem",
-    fill: util.colors.orange,
-    ports: (north: ((id: "addr"),), east: ((id: "out"),))
-  )
-
-  // This block's "addr" port (south side) is x-aligned with vcemem's "addr"
-  // port (north side), even though B is wider than vcemem and not
-  // horizontally aligned by default.
-  element.block(
-    x: (from: "vcemem-port-addr", to: "addr"),
-    y: (rel: 2, to: "vcemem.north"),
-    w: 4.5, h: 1,
-    id: "fsm",
-    fill: util.colors.yellow,
-    ports: (south: ((id: "addr"),), east: ((id: "out"),))
-  )
-
-  wire.wire("wAddr", ("vcemem-port-addr", "fsm-port-addr"), style: "zigzag")
-})

gallery/test_yrel.typ

@@ -1,46 +0,0 @@
-// Demonstrates the `(rel: <number>, to: <anchor>)` shorthand for the `y`
-// parameter (analogous to the existing shorthand for `x`).
-#import "/src/lib.typ": circuit, element, util, wire
-
-#set page(width: auto, height: auto, margin: .5cm)
-
-#circuit({
-  // Anchor block: absolute placement.
-  element.block(
-    x: 0, y: 0, w: 2, h: 1.5,
-    id: "A",
-    fill: util.colors.orange,
-    ports: (east: ((id: "out"),))
-  )
-
-  // X relative, Y absolute (existing feature).
-  element.block(
-    x: (rel: 1, to: "A.east"), y: 0, w: 2, h: 1.5,
-    id: "B",
-    fill: util.colors.yellow,
-    ports: (west: ((id: "in"),), east: ((id: "out"),))
-  )
-
-  // Both X and Y relative to another element's anchor (new feature).
-  element.block(
-    x: (rel: 1, to: "B.east"),
-    y: (rel: 2, to: "B.south-west"),
-    w: 2, h: 1.5,
-    id: "C",
-    fill: util.colors.green,
-    ports: (west: ((id: "in"),))
-  )
-
-  // Y relative only, X absolute.
-  element.block(
-    x: 0,
-    y: (rel: -2.5, to: "A.south-west"),
-    w: 2, h: 1.5,
-    id: "D",
-    fill: util.colors.blue,
-    ports: (east: ((id: "out"),))
-  )
-
-  wire.wire("wAB", ("A-port-out", "B-port-in"))
-  wire.wire("wBC", ("B-port-out", "C-port-in"), style: "zigzag")
-})

manual.typ

@@ -105,7 +105,7 @@ This package provides a way to make beautiful block circuit diagrams using the C
 
 Simply import Circuiteria and call the `circuit` function:
 #pad(left: 1em)[```typ
-#import "@preview/circuiteria:0.2.1"
+#import "@preview/circuiteria:0.2.0"
 #circuiteria.circuit({
   import circuiteria: *
   ...

src/elements/element.typ

@@ -21,14 +21,10 @@
 /// - draw-shape (function): Draw function
 /// - x (number, dictionary): The x position (bottom-left corner).
 ///
-///   If it is a dictionary, it can take one of two forms:
+///   If it is a dictionary, it should be in the format `(rel: number, to: str)`, where `rel` is the offset and `to` the base anchor
-///     - `(rel: number, to: str)`: `rel` is the x offset and `to` the base anchor
-///     - `(from: str, to: str)`: `from` is the base anchor and `to` is the id of the port to align with the anchor (analogous to `y`)
 /// - y (number, dictionary): The y position (bottom-left corner).
 ///
-///   If it is a dictionary, it can take one of two forms:
+///   If it is a dictionary, it should be in the format `(from: str, to: str)`, where `from` is the base anchor and `to` is the id of the port to align with the anchor
-///     - `(rel: number, to: str)`: `rel` is the y offset and `to` the base anchor (analogous to `x`)
-///     - `(from: str, to: str)`: `from` is the base anchor and `to` is the id of the port to align with the anchor
 /// - w (number): Width of the element
 /// - h (number): Height of the element
 /// - name (none, str): Optional name of the block
@@ -43,7 +39,6 @@
 /// - stroke (stroke): Border stroke
 /// - id (str): The block id (for future reference)
 /// - auto-ports (bool): Whether to use auto port placements or not. If false, `draw-shape` is responsible for adding the appropiate ports
-/// - ports-x (dictionary): Dictionary of the ports x offsets (used with `auto-ports: false`)
 /// - ports-y (dictionary): Dictionary of the ports y offsets (used with `auto-ports: false`)
 /// - debug (dictionary): Dictionary of debug options.
 ///
@@ -63,7 +58,6 @@
   stroke: black + 1pt,
   id: "",
   auto-ports: true,
-  ports-x: (:),
   ports-y: (:),
   debug: (
     ports: false
@@ -79,45 +73,14 @@
   if w == none { panic("Parameter w must be set") }
   if h == none { panic("Parameter h must be set") }
 
-  if (type(x) == dictionary and "rel" in x) {
+  if (type(x) == dictionary) {
-    x = util.resolve-rel-coord(ctx, x, 0)
+    let offset = x.rel
-  } else if (type(x) == dictionary) {
-    let from = x.from
     let to = x.to
-    let (to-side, i) = find-port(ports, to)
+    let (ctx, to-pos) = coordinate.resolve(ctx, (rel: (offset, 0, 0), to: to))
-    let margins = (0%, 0%)
+    x = to-pos.at(0)
-    if to-side in ports-margins {
-      margins = ports-margins.at(to-side)
-    }
-
-    let dx
-    let left-margin
-    if to-side in ("north", "south") {
-      let used-pct = 100% - margins.at(0) - margins.at(1)
-      let used-width = width * used-pct / 100%
-      left-margin = width * margins.at(0) / 100%
-
-      dx = used-width * (i + 1) / (ports.at(to-side).len() + 1)
-
-      if not auto-ports {
-        left-margin = 0
-        dx = ports-x.at(to)(width)
-      }
-    } else if to-side == "west" {
-      dx = 0
-      left-margin = 0
-    } else if to-side == "east" {
-      dx = width
-      left-margin = 0
-    }
-
-    let (ctx, from-pos) = coordinate.resolve(ctx, from)
-    x = from-pos.at(0) + dx - width + left-margin
   }
   
-  if (type(y) == dictionary and "rel" in y) {
+  if (type(y) == dictionary) {
-    y = util.resolve-rel-coord(ctx, y, 1)
-  } else if (type(y) == dictionary) {
     let from = y.from
     let to = y.to
     let (to-side, i) = find-port(ports, to)

src/elements/extender.typ

@@ -91,7 +91,7 @@
     debug: debug
   )
 
-  let in-pos = (rel: (0, h * (h-ratio / 200%)), to: id+".south-west")
+  let in-pos = (rel: (0, h * (h-ratio / 200%), 0), to: id+".south-west")
   let out-pos = (id+".south-east", out-pct, id+".north-east")
   add-port(id, "west", ports.west.first(), in-pos)
   add-port(id, "east", ports.east.first(), out-pos)

src/elements/group.typ

@@ -61,8 +61,8 @@
 
   draw.hide(draw.group(name: id+"-inner", body))
   draw.rect(
-    (rel: (-pad-left, -pad-bottom), to: id+"-inner.south-west"),
+    (rel: (-pad-left, -pad-bottom, 0), to: id+"-inner.south-west"),
-    (rel: (pad-right, pad-top), to: id+"-inner.north-east"),
+    (rel: (pad-right, pad-top, 0), to: id+"-inner.north-east"),
     name: id,
     radius: radius,
     stroke: stroke,

src/elements/logic/gate.typ

@@ -1,5 +1,4 @@
 #import "/src/cetz.typ": draw, coordinate
-#import "/src/util.typ"
 #import "../ports.typ": add-ports, add-port
 #import "../element.typ"
 
@@ -50,12 +49,13 @@
   if h == none { panic("Parameter h must be set") }
 
   if (type(x) == dictionary) {
-    x = util.resolve-rel-coord(ctx, x, 0)
+    let offset = x.rel
+    let to = x.to
+    let (ctx, to-pos) = coordinate.resolve(ctx, (rel: (offset, 0, 0), to: to))
+    x = to-pos.at(0)
   }
   
-  if (type(y) == dictionary and "rel" in y) {
+  if (type(y) == dictionary) {
-    y = util.resolve-rel-coord(ctx, y, 1)
-  } else if (type(y) == dictionary) {
     let from = y.from
     let to = y.to
     
@@ -101,7 +101,7 @@
     let port-pos = int-name + ".0"
     if inverted == "all" or port-name in inverted {
       draw.circle(port-pos, radius: inverted-radius, anchor: "east", stroke: stroke)
-      port-pos = (rel: (-2 * inverted-radius, 0), to: port-pos)
+      port-pos = (rel: (-2 * inverted-radius, 0, 0), to: port-pos)
     }
     add-port(
       id, "west",
@@ -113,7 +113,7 @@
   let out-pos = id + ".east"
   if inverted == "all" or "out" in inverted {
     draw.circle(out-pos, radius: inverted-radius, anchor: "west", stroke: stroke)
-    out-pos = (rel: (2 * inverted-radius, 0), to: out-pos)
+    out-pos = (rel: (2 * inverted-radius, 0, 0), to: out-pos)
   }
   add-port(
     id, "east",

src/elements/logic/iec_gate.typ

@@ -1,5 +1,4 @@
 #import "/src/cetz.typ": draw, coordinate
-#import "/src/util.typ"
 #import "../ports.typ": add-ports, add-port
 #import "../element.typ"
 
@@ -61,12 +60,13 @@
   if h == none { panic("Parameter h must be set") }
 
   if (type(x) == dictionary) {
-    x = util.resolve-rel-coord(ctx, x, 0)
+    let offset = x.rel
+    let to = x.to
+    let (ctx, to-pos) = coordinate.resolve(ctx, (rel: (offset, 0, 0), to: to))
+    x = to-pos.at(0)
   }
   
-  if (type(y) == dictionary and "rel" in y) {
+  if (type(y) == dictionary) {
-    y = util.resolve-rel-coord(ctx, y, 1)
-  } else if (type(y) == dictionary) {
     let from = y.from
     let to = y.to
     
@@ -103,7 +103,7 @@
         anchor: "east",
         stroke: stroke
       )
-      port-pos = (rel: (-2 * inverted-radius, 0), to: port-pos)
+      port-pos = (rel: (-2 * inverted-radius, 0, 0), to: port-pos)
     }
     add-port(
       id, "west",
@@ -115,7 +115,7 @@
   let out-pos = id + ".east"
   if inverted == "all" or "out" in inverted {
     draw.circle(out-pos, radius: inverted-radius, anchor: "west", stroke: stroke)
-    out-pos = (rel: (2 * inverted-radius, 0), to: out-pos)
+    out-pos = (rel: (2 * inverted-radius, 0, 0), to: out-pos)
   }
   add-port(
     id, "east",

src/elements/ports.typ

@@ -17,10 +17,10 @@
     
     let size = if port.at("small", default: false) {8pt} else {1em}
     let offset
-    if      (side == "north") { offset = (    0, -size) }
+    if      (side == "north") { offset = (    0, -size, 0) }
-    else if (side == "east")  { offset = (-size,     0) }
+    else if (side == "east")  { offset = (-size,     0, 0) }
-    else if (side == "south") { offset = (    0,  size) }
+    else if (side == "south") { offset = (    0,  size, 0) }
-    else if (side == "west")  { offset = ( size,     0) }
+    else if (side == "west")  { offset = ( size,     0, 0) }
 
     let pos1 = (rel: offset, to: pos)
 

src/lib.typ

@@ -1,4 +1,4 @@
-#let version = version(0, 2, 1)
+#let version = version(0, 2, 0)
 #let name = "circuiteria"
 
 #import "circuit.typ": circuit

src/util.typ

@@ -1,23 +1,3 @@
-#import "cetz.typ": coordinate
-
-/// Resolves a relative coordinate shorthand of the form `(rel: <number>, to: <anchor>)`
-/// to a single scalar along the requested axis.
-///
-/// Used to implement the shared `(rel:, to:)` shorthand accepted by the `x` and
-/// `y` parameters of `elmt`, `gate` and `iec-gate`.
-///
-/// - ctx (dictionary): The current CeTZ context
-/// - val (dictionary): A dictionary with fields `rel` (number) and `to` (anchor)
-/// - axis (int): `0` for x, `1` for y
-/// -> number
-#let resolve-rel-coord(ctx, val, axis) = {
-  let offset = val.rel
-  let to = val.to
-  let delta = if axis == 0 { (offset, 0) } else { (0, offset) }
-  let (_, to-pos) = coordinate.resolve(ctx, (rel: delta, to: to))
-  return to-pos.at(axis)
-}
-
 /// Predefined color palette
 /// #let w = 4
 /// #box(width: 100%, align(center)[
@@ -94,44 +74,3 @@
   "center", "north", "east", "west", "south",
   "north-east", "north-west", "south-east", "south-west"
 )
-
-/// Normalizes a coordinate so that 2D points (x, y) are padded
-/// to (x, y, 0) as required by CeTZ's coordinate resolver.
-/// Also handles function-based and dictionary-based coordinates
-/// recursively.
-///
-/// - coord (any): A CeTZ-compatible coordinate
-/// -> any
-#let normalize-coord(coord) = {
-  if type(coord) == array {
-    if coord.len() == 2 {
-      let (a, b) = coord
-      // Raw 2D point: (x, y) -> (x, y, 0)
-      if type(a) in (int, float) and type(b) in (int, float) {
-        return (a, b, 0)
-      }
-      // Function-based coordinate: (fn, point)
-      if type(a) == function {
-        let orig = a
-        return (v => {
-          let result = orig(v)
-          if type(result) == array and result.len() == 2 {
-            let (rx, ry) = result
-            if type(rx) in (int, float) and type(ry) in (int, float) {
-              return (rx, ry, 0)
-            }
-          }
-          return result
-        }, b)
-      }
-    }
-  }
-  if type(coord) == dictionary {
-    let result = (:)
-    for (key, value) in coord {
-      result.insert(key, normalize-coord(value))
-    }
-    return result
-  }
-  return coord
-}

src/wire.typ

@@ -1,5 +1,5 @@
 #import "/src/cetz.typ": draw, coordinate
-#import "util.typ": opposite-anchor, normalize-coord
+#import "util.typ": opposite-anchor
 
 /// List of valid wire styles
 /// #examples.wires
@@ -157,8 +157,8 @@
   let p3 = (center_x, center_y, 0)
 
   // setting up the points for that touch the guides
-  let p2 = (0, 0, 0)
+  let p2 = (0,0,0)
-  let p4 = (0, 0, 0)
+  let p4 = (0,0,0)
   if side-start in ("north", "south") {
     p2 = (horizontal: p3, vertical: p1)
   } else {
@@ -241,9 +241,6 @@
     panic("Wrong number of points (got " + str(pts.len()) + " instead of 2)")
   }
   
-  // Normalize user-provided coordinates: (x, y) -> (x, y, 0)
-  let pts = pts.map(normalize-coord)
-  
   let stroke = (
     paint: color,
     thickness: if bus {bus-width} else {signal-width}
@@ -368,17 +365,17 @@
 /// - name-offset (number): The name offset, perpendicular to the stub
 #let stub(port-id, side, name: none, vertical: false, length: 1em, name-offset: 0) = {
   let end-offset = (
-    north: (0, length),
+    north: (0, length, 0),
-    east: (length, 0),
+    east: (length, 0, 0),
-    south: (0, -length),
+    south: (0, -length, 0),
-    west: (-length, 0)
+    west: (-length, 0, 0)
   ).at(side)
   
   let name-offset = (
-    north: (name-offset, length),
+    north: (name-offset, length, 0),
-    east: (length, name-offset),
+    east: (length, name-offset, 0),
-    south: (name-offset, -length),
+    south: (name-offset, -length, 0),
-    west: (-length, name-offset)
+    west: (-length, name-offset, 0)
   ).at(side)
 
   draw.line(

typst.toml

@@ -1,6 +1,6 @@
 [package]
 name = "circuiteria"
-version = "0.2.1"
+version = "0.2.0"
 compiler = "0.15.0"
 repository = "https://git.kb28.ch/HEL/circuiteria"
 entrypoint = "src/lib.typ"
@@ -9,6 +9,6 @@ authors = [
 ]
 categories = [ "visualization" ]
 license = "Apache-2.0"
-description = "Drawing block circuits made easy, using CeTZ"
+description = "Drawing block circuits with Typst made easy, using CeTZ"
 keywords = [ "circuit", "block", "draw" ]
 exclude = [ "gallery", "justfile", "doc" ]