Typst¶

Table of Contents

1. Basic Equation
2. Function arguments
3. Integration Example
4. Using Color in Equations
5. More symbols
6. Accessing SVG
7. Code Block Rendering

Link to extension: https://extensions.blender.org/add-ons/typst-importer/

In [48]:

import typst
typst.__version__

import typst typst.__version__

Out[48]:

'0.13.1'

In [49]:

# Import helper functions just for the docs
import runpy
module = runpy.run_path("/Users/jan-hendrik/projects/bpy-gallery/docs/render_utils.py")
globals().update(module) # adds fresh_scene(), render_result(), load_paper_background()
load_paper_background()

# Import helper functions just for the docs import runpy module = runpy.run_path("/Users/jan-hendrik/projects/bpy-gallery/docs/render_utils.py") globals().update(module) # adds fresh_scene(), render_result(), load_paper_background() load_paper_background()

In [50]:

from typst_importer.typst_to_svg import typst_express
fresh_scene()

c = typst_express(
    "$ a = b/c$",
)
render_result(collection=c)

from typst_importer.typst_to_svg import typst_express fresh_scene() c = typst_express( "$ a = b/c$", ) render_result(collection=c)

In [51]:

fresh_scene()
c = typst_express(
    "$ e = m c^2$",
    scale_factor=300,
    join_curves=True, 
    origin_to_char=False,
    name="Einstein's Equation"
)
render_result(collection=c)

fresh_scene() c = typst_express( "$ e = m c^2$", scale_factor=300, join_curves=True, origin_to_char=False, name="Einstein's Equation" ) render_result(collection=c)

In [52]:

fresh_scene()
content = "$ limits(integral)_a^b f(x) dif x $" 
c = typst_express(content, join_curves=True, name="Integral")
render_result(collection=c)

fresh_scene() content = "$ limits(integral)_a^b f(x) dif x $" c = typst_express(content, join_curves=True, name="Integral") render_result(collection=c)

In [53]:

fresh_scene()
c = typst_express("""
#let korange() = text(fill: orange)[$k$]
#let nblue() = text(fill: blue)[$n$]
$ sum_(#korange() = 1)^#nblue() #korange() = (nblue()(nblue()+1)) / 2 $  
""")
render_result(collection=c, width="600pt")

fresh_scene() c = typst_express(""" #let korange() = text(fill: orange)[$k$] #let nblue() = text(fill: blue)[$n$] $ sum_(#korange() = 1)^#nblue() #korange() = (nblue()(nblue()+1)) / 2 $ """) render_result(collection=c, width="600pt")

In [54]:

fresh_scene()
content = """
#set math.lr(size: 80%)
$ integral.triple _V (nabla dot accent(F, arrow)) dif V = integral.surf_(partial V)  (accent(F, arrow) dot accent(n, arrow)) dif A $
"""
c = typst_express(content)
render_result(collection=c , padding_factor=-0.4, width="1200pt")

fresh_scene() content = """ #set math.lr(size: 80%) $ integral.triple _V (nabla dot accent(F, arrow)) dif V = integral.surf_(partial V) (accent(F, arrow) dot accent(n, arrow)) dif A $ """ c = typst_express(content) render_result(collection=c , padding_factor=-0.4, width="1200pt")

In [55]:

from typst_importer.notebook_utils import display_svg
print(f"...{c.processed_svg[490:550]}...")
display_svg(c.processed_svg, width="400pt")

from typst_importer.notebook_utils import display_svg print(f"...{c.processed_svg[490:550]}...") display_svg(c.processed_svg, width="400pt")

...="#000000" fill-rule="nonzero"><path d="M 83.55 68.05 C 81.2...

In [56]:

fresh_scene()   
c = typst_express("""
#set page(width: 500pt, height: auto, margin: 0cm, fill: none)

#import "@preview/codelst:2.0.2": sourcecode
#import "@preview/tablex:0.0.8": tablex
#let sourcecode = sourcecode.with(frame: (code) => block(
  radius: 5pt,
  stroke: 2pt + luma(0),
  inset: 30pt,
  text(size: 30pt, code)
))

#sourcecode[```python
for i in range(0,10):
  print(i)
```]
""")
render_result(collection=c, padding_factor=-0.4, width="900pt")

fresh_scene() c = typst_express(""" #set page(width: 500pt, height: auto, margin: 0cm, fill: none) #import "@preview/codelst:2.0.2": sourcecode #import "@preview/tablex:0.0.8": tablex #let sourcecode = sourcecode.with(frame: (code) => block( radius: 5pt, stroke: 2pt + luma(0), inset: 30pt, text(size: 30pt, code) )) #sourcecode[```python for i in range(0,10): print(i) ```] """) render_result(collection=c, padding_factor=-0.4, width="900pt")

In [57]:

fresh_scene()
content = """
#set page(width: 800pt, height: auto, margin: 0cm, fill: none)

#import "@preview/codelst:2.0.2": sourcecode
#import "@preview/tablex:0.0.8": tablex

#let sourcecode = sourcecode.with(frame: (code) => block(
  radius: 5pt,
  stroke: 5pt + luma(0),
  inset: 30pt,
  text(size: 30pt, code)
))

#sourcecode[```python

class HelloWorld:
    def __init__(self):
        self.message = "Hello, world!"

    def greet(self):
        print(self.message)

if __name__ == "__main__":
    hello = HelloWorld()
    hello.greet()
```]
"""
c = typst_express(content)
render_result(collection=c , padding_factor=-0.4, width="800pt")

fresh_scene() content = """ #set page(width: 800pt, height: auto, margin: 0cm, fill: none) #import "@preview/codelst:2.0.2": sourcecode #import "@preview/tablex:0.0.8": tablex #let sourcecode = sourcecode.with(frame: (code) => block( radius: 5pt, stroke: 5pt + luma(0), inset: 30pt, text(size: 30pt, code) )) #sourcecode[```python class HelloWorld: def __init__(self): self.message = "Hello, world!" def greet(self): print(self.message) if __name__ == "__main__": hello = HelloWorld() hello.greet() ```] """ c = typst_express(content) render_result(collection=c , padding_factor=-0.4, width="800pt")

In [58]:

fresh_scene()
content = """
#set math.lr(size: 80%)
$ mat(1, 2; 3, 4) $"""
c = typst_express(content)
render_result(collection=c , padding_factor=-0.4, width="200pt")

fresh_scene() content = """ #set math.lr(size: 80%) $ mat(1, 2; 3, 4) $""" c = typst_express(content) render_result(collection=c , padding_factor=-0.4, width="200pt")

In [59]:

fresh_scene()
content = """
$ f(x) = 4x^2 + 5x + 6 $
"""
c = typst_express(content)
render_result(collection=c , padding_factor=-0.4, width="200pt")

fresh_scene() content = """ $ f(x) = 4x^2 + 5x + 6 $ """ c = typst_express(content) render_result(collection=c , padding_factor=-0.4, width="200pt")

In [60]:

fresh_scene()
eq1 = """
Hello
"""

eq2 = """
World
"""

c1 = typst_express(
    eq1,
    origin_to_char=True,
    name="Term1",
    position=(0, 0, 0),  # Place at origin
)

c2 = typst_express(
    eq2,
    origin_to_char=True,
    name="Term2",
    position=(2, 2, 0),  # Place 2 units to the right
)


render_result(collection=[c1, c2], padding_factor=-0.4, width="200pt")

fresh_scene() eq1 = """ Hello """ eq2 = """ World """ c1 = typst_express( eq1, origin_to_char=True, name="Term1", position=(0, 0, 0), # Place at origin ) c2 = typst_express( eq2, origin_to_char=True, name="Term2", position=(2, 2, 0), # Place 2 units to the right ) render_result(collection=[c1, c2], padding_factor=-0.4, width="200pt")

In [61]:

fresh_scene()

eq = """
#set text(black)
$ a = b + r $
"""
c = typst_express( eq, origin_to_char=True, name="Term1")
render_result(collection=c , padding_factor=-0.4, width="200pt")

fresh_scene() eq = """ #set text(black) $ a = b + r $ """ c = typst_express( eq, origin_to_char=True, name="Term1") render_result(collection=c , padding_factor=-0.4, width="200pt")

In [62]:

fresh_scene()

eq = """
#set text(orange)
$ a = b + c $
"""
c = typst_express( eq, origin_to_char=True, name="Term2")
render_result(collection=c, padding_factor=-0.4, width="200pt")

fresh_scene() eq = """ #set text(orange) $ a = b + c $ """ c = typst_express( eq, origin_to_char=True, name="Term2") render_result(collection=c, padding_factor=-0.4, width="200pt")

In [63]:

fresh_scene()
def eq(equation: str, name: str, color: str, position=(0, 0, 0)):

    typst_code = f"""
    #set text({color})
    $ {equation} $
    """
    collection = typst_express(
        typst_code,
        origin_to_char=True,
        convert_to_mesh=False,
        name=name,
        position=position
    )

    return collection


c1 = eq("a -b = c", "Start", "aqua", (0, -5, 0.5))
c2 = eq("a - 3 r_(beta) = c", "End", "olive", (0, -4, 0));



render_result(collection=[c1, c2] , padding_factor=-0.4, width="200pt")

fresh_scene() def eq(equation: str, name: str, color: str, position=(0, 0, 0)): typst_code = f""" #set text({color}) $ {equation} $ """ collection = typst_express( typst_code, origin_to_char=True, convert_to_mesh=False, name=name, position=position ) return collection c1 = eq("a -b = c", "Start", "aqua", (0, -5, 0.5)) c2 = eq("a - 3 r_(beta) = c", "End", "olive", (0, -4, 0)); render_result(collection=[c1, c2] , padding_factor=-0.4, width="200pt")

In [64]:

from typst_importer.typst_to_svg import typst_express

content = """
$ integral f(x) dif x $
"""

c1 = typst_express(content, origin_to_char=True, position=(0, 1.4, 0), name="A1")


content = """
#show math.equation: set text(font: "STIX Two Math")
$ integral f(x) dif x $
"""

c2 = typst_express(content, origin_to_char=True, position=(0, 0, 0), name="A2")

render_result(collection=[c1, c2] , padding_factor=-0.4, width="200pt")

from typst_importer.typst_to_svg import typst_express content = """ $ integral f(x) dif x $ """ c1 = typst_express(content, origin_to_char=True, position=(0, 1.4, 0), name="A1") content = """ #show math.equation: set text(font: "STIX Two Math") $ integral f(x) dif x $ """ c2 = typst_express(content, origin_to_char=True, position=(0, 0, 0), name="A2") render_result(collection=[c1, c2] , padding_factor=-0.4, width="200pt")