fix(rehype-typst): inline math not rendering (#615)

* fix inlineMathTemplate * line up baseline for inline-math * fix template --------- Co-authored-by: Han-Miru Kim <[email protected]>
Myriad-Dreamin · Dec 11, 2024 · 582c3ca · 582c3ca
1 parent c4e5d9c
commit 582c3ca
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 18 deletions.
diff --git a/projects/rehype-typst/equation.typ b/projects/rehype-typst/equation.typ
@@ -2,22 +2,24 @@
 
 #let s = state("t", (:))
 
-#let pin(t) = locate(loc => {
-  style(styles => s.update(it => it.insert(t, measure(line(length: loc.position().y + 0.25em), styles).width) + it))
-})
+#let pin(t) = context {
+  let width = measure(line(length: here().position().y)).width
+  s.update(it => it.insert(t, width) + it)
+}
 
 #show math.equation: it => {
   box(it, inset: (top: 0.5em, bottom: 0.5em))
 }
 
-$pin("l1")1+e/sqrt(sqrt(a/c)/(e + c +a/b))$
+$pin("l1")1+(e vec(a,b,c)) / sqrt(sqrt(a/c)/(e + c +a/b)/e)$ 123
+
+#context [
+  #metadata(s.final().at("l1")) <label>
+]
 
-#locate(loc => [
-  #metadata(s.final(loc).at("l1")) <label>
-])
+// #context s.get()
 
-// #s.display()
-// #locate(loc => {
-//   let s = s.final(loc)
-//   place(left+top, dx: 0pt, dy: s.l1, line(length: 100pt, stroke: red + 0.1pt))
-// })
+#context {
+  let s = s.final()
+  place(left + top, dx: 0pt, dy: s.l1, line(length: 100pt, stroke: red + 0.1pt))
+}
diff --git a/projects/rehype-typst/lib/index.js b/projects/rehype-typst/lib/index.js
@@ -162,19 +162,20 @@ async function renderToSVGString_($typst, code, displayMode) {
 
 #let s = state("t", (:))
 
-#let pin(t) = locate(loc => {
-  style(styles => s.update(it => it.insert(t, measure(line(length: loc.position().y + 0.25em), styles).width) + it))
-})
+#let pin(t) = context {
+  let width = measure(line(length: here().position().y)).width
+  s.update(it => it.insert(t, width) + it)
+}
 
 #show math.equation: it => {
   box(it, inset: (top: 0.5em, bottom: 0.5em))
 }
 
 $pin("l1")${code}$
 
-#locate(loc => [
-  #metadata(s.final(loc).at("l1")) <label>
-])
+#context [
+  #metadata(s.final().at("l1")) <label>
+]
 `;
   const displayMathTemplate = `
 #set page(height: auto, width: auto, margin: 0pt)