gum-jsx 1.6.3 → 1.6.4

package/gala/code/unit_distance.jsx

@@ -0,0 +1,96 @@
+// get coefficient bounds
+const maxCoeff = 2
+const coeffs = range(-maxCoeff, maxCoeff + 1)
+const gridLocs = range(-4*maxCoeff, 4*maxCoeff + 1)
+const deltaCoeffs = range(-1, 2)
+
+// get bounding box for plotting
+const bound0 = maxCoeff * (1 + sqrt(3))
+const bound = bound0 * 1.1
+
+// define basis vectors
+const I = [0, 1]
+const omega = [cos(2*pi/3), sin(2*pi/3)]
+const iomega = mulc(I, omega)
+const basis = [[1, 0], I, omega, iomega]
+
+// create linear combination
+function lincomb([a, b, c, d]) {
+  return addc(
+    addc(mulc(a, basis[0]), mulc(b, basis[1])),
+    addc(mulc(c, basis[2]), mulc(d, basis[3])),
+  )
+}
+
+// check if delta is a unit delta
+function isUnitDelta([a, b, c, d]) {
+  return b*c == a*d &&
+    a*a + b*b + c*c + d*d - a*c - b*d == 1
+}
+
+// check if delta is positive (avoid double counting)
+function positive([a, b, c, d]) {
+  return a > 0 ||
+    (a == 0 && b > 0) ||
+    (a == 0 && b == 0 && c > 0) ||
+    (a == 0 && b == 0 && c == 0 && d > 0)
+}
+
+// create node from coefficients
+function sample(coef) {
+  return { coef, pos: lincomb(coef) }
+}
+
+// create list of nodes
+const nodes = coeffs.flatMap(a =>
+  coeffs.flatMap(b =>
+    coeffs.flatMap(c =>
+      coeffs.map(d => sample([a, b, c, d]))
+    )
+  )
+)
+
+// make node map for quick lookup
+const key = v => v.join(',')
+const nodeMap = new Map(nodes.map(n => [key(n.coef), n]))
+
+// define edge deltas
+const edgeDeltas = deltaCoeffs.flatMap(a =>
+  deltaCoeffs.flatMap(b =>
+    deltaCoeffs.flatMap(c =>
+      deltaCoeffs.map(d => [a, b, c, d])
+    )
+  )
+).filter(isUnitDelta).filter(positive)
+
+// build displayed edges
+const edges = nodes.flatMap(n => edgeDeltas
+  .map(d => nodeMap.get(key(addn(n.coef, d))))
+  .filter(m => m != null)
+  .map(m => [n.pos, m.pos])
+)
+
+// get resulting sizes
+const n = nodes.length
+const m = edges.length
+
+// get approximate scaling
+const delta = log(m) / log(n)
+const delta1 = rounder(delta, 2)
+
+// prepare data for plotting
+const samples = nodes.map(n => n.pos)
+const title = <Latex>{"\\mathbb{Q}(i, \\zeta_3)"}</Latex>
+
+// plot the data
+return <TitleBox border={2} rounded={0.02} clip margin title={title} title-size={0.075}>
+  <Graph aspect={1} coord={[-bound, -bound, bound, bound]}>
+    <Mesh2D locs={gridLocs} opacity={0.15} />
+    <Segments edges={edges} stroke={blue} opacity={0.75} />
+    <Points points={samples} point-size={0.075} fill={yellow} stroke-opacity={0.5} />
+  </Graph>
+  <Group rect={[0.025, 0.925, 0.975, 0.975]}>
+    <Latex align="left">{`n = ${n}`}</Latex>
+    <Latex align="right">{`\\\\nu = ${m} \\\\approx n^{${delta1}} `}</Latex>
+  </Group>
+</TitleBox>

package/gala/text/unit_distance.md

@@ -0,0 +1,7 @@
+# Unit Distance
+
+This example turns an algebraic point set into a unit-distance graph. The points are generated as integer linear combinations of the complex basis `1`, `i`, `\zeta_3`, and `i\zeta_3`, where `\zeta_3 = e^{2\pi i/3}`. After mapping those combinations into the complex plane, the figure draws every edge whose coefficient difference has complex norm one.
+
+The important part is that unit distances are detected before the coordinates become pixels. The `isUnitDelta` helper checks an exact quadratic condition on the coefficient vector, which avoids fragile floating-point distance comparisons between plotted points. A `Map` from coefficient keys to nodes then makes it cheap to look up whether the other endpoint of each unit step is present in the finite sample.
+
+The rendering is also intentionally batched. [Points](/docs/Points) handles the point cloud, while `Segments` draws the unit edges as a single SVG path instead of creating a separate [Line](/docs/Line) element for every edge. That keeps the example responsive even though the graph has many repeated local hexagonal patterns.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gum-jsx",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Language for vector graphics generation.",
   "type": "module",
   "author": "Douglas Hanley",

package/src/elems/geometry.ts

@@ -126,6 +126,31 @@ class CoordLine extends Line {
     }
 }
 
+interface SegmentsArgs extends ElementArgs {
+  edges?: [Point, Point][]
+}
+
+class Segments extends Element {
+  edges: [Point, Point][]
+
+  constructor(args: SegmentsArgs = {}) {
+    const { edges = [], ...attr } = args
+    super({ tag: 'path', unary: true, ...attr })
+    this.args = args
+    this.edges = edges
+  }
+
+  props(ctx: Context): Attrs {
+    const attr = super.props(ctx)
+    const d = this.edges.map(([e0, e1]) => {
+      const [p0, p1] = ctx.mapPoint(e0)
+      const [q0, q1] = ctx.mapPoint(e1)
+      return `M ${rounder(p0, ctx.prec)},${rounder(p1, ctx.prec)} L ${rounder(q0, ctx.prec)},${rounder(q1, ctx.prec)}`
+    }).join(' ')
+    return { d, ...attr }
+  }
+}
+
 //
 // shape classes
 //
@@ -835,5 +860,5 @@ class Arrow extends Group {
 // exports
 //
 
-export { Line, UnitLine, VLine, HLine, CoordLine, Square, Ellipse, Arc, Circle, Dot, Ray, Pointstring, Shape, Triangle, Fill, VFill, HFill, Path, Command, MoveCmd, LineCmd, ArcCmd, CornerCmd, RoundedCornerCmd, CubicSplineCmd, Spline, RoundedRect, RoundedLine, ArrowHead, Arrow }
-export type { LineArgs, UnitLineArgs, CoordLineArgs, ArcArgs, DotArgs, RayArgs, SplineArgs, RoundedRectArgs, RoundedLineArgs, ArrowHeadArgs, ArrowArgs, CubicSplineCmdArgs, FillArgs }
+export { Line, UnitLine, VLine, HLine, CoordLine, Segments, Square, Ellipse, Arc, Circle, Dot, Ray, Pointstring, Shape, Triangle, Fill, VFill, HFill, Path, Command, MoveCmd, LineCmd, ArcCmd, CornerCmd, RoundedCornerCmd, CubicSplineCmd, Spline, RoundedRect, RoundedLine, ArrowHead, Arrow }
+export type { LineArgs, UnitLineArgs, CoordLineArgs, SegmentsArgs, ArcArgs, DotArgs, RayArgs, SplineArgs, RoundedRectArgs, RoundedLineArgs, ArrowHeadArgs, ArrowArgs, CubicSplineCmdArgs, FillArgs }

package/src/elems/math.ts

@@ -50,6 +50,10 @@ const SYMBOL_MODE_FONT: Record<SymbolMode, FontFamily> = {
     text: 'KaTeX_Main',
 }
 
+const TEX_FONT_FAMILY: Record<string, FontFamily | undefined> = {
+    mathbb: 'KaTeX_AMS',
+}
+
 //
 // constants
 //
@@ -1130,6 +1134,11 @@ function convert_tree(tree: Tree | TreeNode | null, attr: Attrs = {}): WithMath
         } else if (type == 'text') {
             const { body } = tree
             return convert_tree(body, attr)
+        } else if (type == 'font') {
+            const { font, body } = tree
+            const font_family = TEX_FONT_FAMILY[font]
+            const font_attr = font_family == null ? {} : { font_family }
+            return convert_tree(body, { ...attr, ...font_attr })
         } else if (type == 'accent') {
             const { label, base: base0 } = tree
             const base = convert_tree(base0, attr)

package/src/gum.ts

@@ -5,13 +5,13 @@ import './types/linebreak.d.ts'
 import './types/katex.d.ts'
 
 import { setTheme } from './lib/theme'
-import { sans, mono, moji, cmoji, light, regular, bold, none, black, white, gray, blue, red, green, yellow, purple, lightgray, darkgray, e, pi, phi, r2d, d2r } from './lib/const'
-import { is_scalar, is_string, is_boolean, is_object, is_function, is_array, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, norm, range, linspace, enumerate, repeat, meshgrid, lingrid, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, minimum, maximum, min, max, clamp, rescale, sigmoid, logit, smoothstep, setSeed, random, uniform, normal, integer, interp, palette, polar, polard, rounder, add2, sub2, mul2, div2, normalize } from './lib/utils'
+import { sans, mono, moji, cmoji, light, regular, bold, none, black, white, gray, blue, red, green, yellow, purple, lightgray, darkgray, slate, e, pi, phi, r2d, d2r } from './lib/const'
+import { is_scalar, is_string, is_boolean, is_object, is_function, is_array, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, norm, range, linspace, enumerate, repeat, meshgrid, lingrid, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, minimum, maximum, min, max, clamp, rescale, normalize, sigmoid, logit, smoothstep, setSeed, random, uniform, normal, integer, interp, palette, polar, polard, rounder, add2, sub2, mul2, div2, addn, subn, muln, divn, addc, subc, mulc, divc, conjc, normc, argc } from './lib/utils'
 import { registerFont } from './fonts/fonts'
 
 import { Context, Element, Group, Svg, Rectangle, Spacer, is_element, type ElementArgs } from './elems/core'
 import { Box, Frame, Stack, VStack, HStack, HWrap, Grid, Points, Anchor, Attach, Absolute } from './elems/layout'
-import { Line, UnitLine, VLine, HLine, Square, Ellipse, Arc, Circle, Dot, Ray, Shape, Triangle, Fill, VFill, HFill, Path, Command, MoveCmd, LineCmd, ArcCmd, CornerCmd, RoundedCornerCmd, CubicSplineCmd, Spline, RoundedRect, RoundedLine, ArrowHead, Arrow } from './elems/geometry'
+import { Line, UnitLine, VLine, HLine, CoordLine, Segments, Square, Ellipse, Arc, Circle, Dot, Ray, Shape, Triangle, Fill, VFill, HFill, Path, Command, MoveCmd, LineCmd, ArcCmd, CornerCmd, RoundedCornerCmd, CubicSplineCmd, Spline, RoundedRect, RoundedLine, ArrowHead, Arrow } from './elems/geometry'
 import { spline1d, spline2d } from './lib/interp'
 import { Span, TextLine, Text, TextBox, TextFrame, TextStack, Bold, Italic } from './elems/text'
 import { Node, Edge, Network } from './elems/network'
@@ -27,11 +27,11 @@ const Rect = Rectangle
 type ElementConstructor = new (args: ElementArgs) => Element
 
 const CONST = {
-    e, pi, phi, r2d, d2r, none, white, black, blue, red, green, yellow, purple, gray, lightgray, darkgray, sans, mono, moji, cmoji, light, regular, bold,
+    e, pi, phi, r2d, d2r, none, white, black, blue, red, green, yellow, purple, gray, lightgray, darkgray, slate, sans, mono, moji, cmoji, light, regular, bold,
 }
 
 const UTILS = {
-    range, linspace, enumerate, repeat, meshgrid, lingrid, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, min, max, minimum, maximum, norm, clamp, rescale, normalize, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, sigmoid, logit, smoothstep, polar, polard, rounder, interp, palette, add2, sub2, mul2, div2, spline1d, spline2d,
+    range, linspace, enumerate, repeat, meshgrid, lingrid, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, min, max, minimum, maximum, norm, clamp, rescale, normalize, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, sigmoid, logit, smoothstep, polar, polard, rounder, interp, palette, add2, sub2, mul2, div2, addn, subn, muln, divn, addc, subc, mulc, divc, conjc, normc, argc, spline1d, spline2d,
 }
 
 const RAND = {
@@ -39,7 +39,7 @@ const RAND = {
 }
 
 const ELEMS: Record<string, ElementConstructor> = {
-    Element, Group, Svg, Box, Frame, Stack, VStack, HStack, HWrap, Grid, Points, Anchor, Attach, Absolute, Spacer, Ray, Line, UnitLine, HLine, VLine, Rectangle, Rect, RoundedRect, RoundedLine, Square, Ellipse, Arc, Circle, Dot, Shape, Path, Spline, Triangle, Fill, VFill, HFill, Arrow, Field, Span, TextLine, Text, TextBox, TextFrame, TextStack, Bold, Italic, LabelBox, TitleBox, TitleFrame, ArrowHead, Node, Edge, Network, SymPoints, SymLine, SymSpline, SymShape, SymFill, SymField, Bar, VBar, HBar, Bars, VBars, HBars, Scale, VScale, HScale, Label, HLabel, VLabel, Labels, HLabels, VLabels, Axis, HAxis, VAxis, OuterLabel, Mesh, HMesh, VMesh, Mesh2D, Graph, Plot, BarPlot, Legend, Slide, Latex, Tex, MathSpan, MathSymbol, MathSpacer, MathRow, MathCol, MathBox, MathRule, MathText, SupSub, Frac, Sqrt, Accent, Bracket, PngImage, SvgImage
+    Element, Group, Svg, Box, Frame, Stack, VStack, HStack, HWrap, Grid, Points, Anchor, Attach, Absolute, Spacer, Ray, Line, UnitLine, HLine, VLine, CoordLine, Segments, Rectangle, Rect, RoundedRect, RoundedLine, Square, Ellipse, Arc, Circle, Dot, Shape, Path, Spline, Triangle, Fill, VFill, HFill, Arrow, Field, Span, TextLine, Text, TextBox, TextFrame, TextStack, Bold, Italic, LabelBox, TitleBox, TitleFrame, ArrowHead, Node, Edge, Network, SymPoints, SymLine, SymSpline, SymShape, SymFill, SymField, Bar, VBar, HBar, Bars, VBars, HBars, Scale, VScale, HScale, Label, HLabel, VLabel, Labels, HLabels, VLabels, Axis, HAxis, VAxis, OuterLabel, Mesh, HMesh, VMesh, Mesh2D, Graph, Plot, BarPlot, Legend, Slide, Latex, Tex, MathSpan, MathSymbol, MathSpacer, MathRow, MathCol, MathBox, MathRule, MathText, SupSub, Frac, Sqrt, Accent, Bracket, PngImage, SvgImage
 }
 
 const CONTEXT = { ...CONST, ...UTILS, ...RAND, ...ELEMS }
@@ -48,10 +48,10 @@ export {
     ELEMS, CONTEXT, Context,
     setTheme, registerFont, calcPngAspect, parseTable,
     is_string, is_boolean, is_array, is_object, is_function, is_element, is_scalar,
-    e, pi, phi, r2d, d2r, none, white, black, blue, red, green, yellow, purple, gray, lightgray, darkgray, sans, mono, moji, cmoji, light, regular, bold,
-    range, linspace, enumerate, repeat, meshgrid, lingrid, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, min, max, minimum, maximum, norm, clamp, rescale, normalize, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, sigmoid, logit, smoothstep, polar, polard, rounder, interp, palette, add2, sub2, mul2, div2, spline1d, spline2d,
+    e, pi, phi, r2d, d2r, none, white, black, blue, red, green, yellow, purple, gray, lightgray, darkgray, slate, sans, mono, moji, cmoji, light, regular, bold,
+    range, linspace, enumerate, repeat, meshgrid, lingrid, zip, reshape, split, concat, slice, sum, prod, mean, cumsum, min, max, minimum, maximum, norm, clamp, rescale, normalize, exp, log, log10, sin, cos, tan, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, sigmoid, logit, smoothstep, polar, polard, rounder, interp, palette, add2, sub2, mul2, div2, addn, subn, muln, divn, addc, subc, mulc, divc, conjc, normc, argc, spline1d, spline2d,
     setSeed, random, uniform, normal, integer,
-    Element, Group, Svg, Box, Frame, Stack, HWrap, VStack, HStack, Grid, Points, Anchor, Attach, Absolute, Spacer, Ray, Line, UnitLine, HLine, VLine, Rectangle, Rect, RoundedRect, RoundedLine, Square, Ellipse, Arc, Circle, Dot, Shape, Path, Spline, Triangle, Fill, Arrow, Field, Span, TextLine, Text, TextBox, TextFrame, TextStack, Bold, Italic, LabelBox, TitleBox, TitleFrame, ArrowHead, Node, Edge, Network, SymPoints, SymLine, SymSpline, SymShape, SymFill, SymField, Bar, VBar, HBar, Bars, VBars, HBars, Scale, VScale, HScale, Label, HLabel, VLabel, Labels, HLabels, VLabels, Axis, HAxis, VAxis, OuterLabel, Mesh, HMesh, VMesh, Mesh2D, Graph, Plot, BarPlot, Legend, Slide, Latex, MathSpan, MathSymbol, MathSpacer, MathRow, MathCol, MathBox, MathRule, MathText, SupSub, Frac, Sqrt, Accent, Bracket, PngImage, SvgImage,
+    Element, Group, Svg, Box, Frame, Stack, HWrap, VStack, HStack, Grid, Points, Anchor, Attach, Absolute, Spacer, Ray, Line, UnitLine, HLine, VLine, CoordLine, Segments, Rectangle, Rect, RoundedRect, RoundedLine, Square, Ellipse, Arc, Circle, Dot, Shape, Path, Spline, Triangle, Fill, Arrow, Field, Span, TextLine, Text, TextBox, TextFrame, TextStack, Bold, Italic, LabelBox, TitleBox, TitleFrame, ArrowHead, Node, Edge, Network, SymPoints, SymLine, SymSpline, SymShape, SymFill, SymField, Bar, VBar, HBar, Bars, VBars, HBars, Scale, VScale, HScale, Label, HLabel, VLabel, Labels, HLabels, VLabels, Axis, HAxis, VAxis, OuterLabel, Mesh, HMesh, VMesh, Mesh2D, Graph, Plot, BarPlot, Legend, Slide, Latex, MathSpan, MathSymbol, MathSpacer, MathRow, MathCol, MathBox, MathRule, MathText, SupSub, Frac, Sqrt, Accent, Bracket, PngImage, SvgImage,
     Command, MoveCmd, LineCmd, ArcCmd, CornerCmd, RoundedCornerCmd, CubicSplineCmd,
 }
 

package/src/lib/const.ts

@@ -32,6 +32,7 @@ const yellow = '#ffb300'
 const purple = '#9c27b0'
 const lightgray = '#f6f6f6'
 const darkgray = '#888888'
+const slate = '#1e252e'
 
 // math
 const e = Math.E
@@ -55,4 +56,4 @@ const DEFAULTS = {
     calc_size: 16,
 }
 
-export { DEFAULTS, svgns, htmlns, sans, mono, moji, cmoji, light, regular, bold, vtext, none, black, white, gray, blue, red, green, yellow, purple, lightgray, darkgray, e, pi, phi, r2d, d2r }
+export { DEFAULTS, svgns, htmlns, sans, mono, moji, cmoji, light, regular, bold, vtext, none, black, white, gray, blue, red, green, yellow, purple, lightgray, darkgray, slate, e, pi, phi, r2d, d2r }

package/src/lib/parse.ts

@@ -291,8 +291,14 @@ const handlers: Record<string, (node: ASTNode) => any> = {
     return body.map(walkTree).join('\n')
   },
   MethodDefinition(node) {
-    const { key, value } = node
-    return `${walkTree(key)}${walkTree(value)}`
+    const { key, value, computed, static: isStatic, kind } = node
+    const prefix = isStatic ? 'static ' : ''
+    const name = computed ? `[${walkTree(key)}]` : walkTree(key)
+    const params = value.params.map(walkTree).join(', ')
+    const body = walkTree(value.body)
+    if (kind == 'get') return `${prefix}get ${name}() ${body}`
+    if (kind == 'set') return `${prefix}set ${name}(${params}) ${body}`
+    return `${prefix}${name}(${params}) ${body}`
   },
   JSXIdentifier(node) {
     return node.name

package/src/lib/types.ts

@@ -7,7 +7,9 @@ type Limit = [number, number]
 type Size = [number, number]
 type Grad = [number, number]
 type Polar = [number | Size, number]
-type Pair = Point | Size | Limit | Grad
+type Complex = [number, number]
+type Pair = Point | Size | Limit | Grad | Complex
+type Vector = number[]
 
 // color
 type RGBA = [number, number, number, number]
@@ -72,4 +74,4 @@ interface CliArgs {
 }
 
 
-export type { Point, Rect, Limit, Size, Grad, Polar, Pair, RGBA, MNumber, MPoint, AlignValue, Align, Zone, Side, Side0, Orient, Angle, Direc, RoundedValue, Padding, Rounded, Attrs, Spec, ThemeName, OutputFormat, LoadFileData, LoadFile, CliArgs }
+export type { Point, Rect, Limit, Size, Grad, Polar, Complex, Pair, Vector, RGBA, MNumber, MPoint, AlignValue, Align, Zone, Side, Side0, Orient, Angle, Direc, RoundedValue, Padding, Rounded, Attrs, Spec, ThemeName, OutputFormat, LoadFileData, LoadFile, CliArgs }

package/src/lib/utils.ts

@@ -2,7 +2,7 @@
 
 import { DEFAULTS as D, d2r, r2d } from './const'
 import { setSeed, random, uniform, normal, integer } from './rng'
-import type { Point, Rect, Limit, RGBA, MNumber, MPoint, Orient, Side, Side0, Angle, Direc, Size, Pair, Grad, Polar, Attrs } from './types'
+import type { Point, Rect, Limit, RGBA, MNumber, MPoint, Orient, Side, Side0, Direc, Size, Pair, Grad, Complex, Vector, Attrs } from './types'
 
 //
 // environment tests
@@ -461,6 +461,78 @@ function div2(p0: number | Pair, p1: number | Pair): Pair {
     return [ x0 / x1, y0 / y1 ]
 }
 
+//
+// vector arithmetic
+//
+
+function broadcast_op(op: (x: number, y: number) => number, v0: Vector, v1: Vector): Vector {
+    return zip(v0, v1).map(([ x0, x1 ]) => op(x0, x1))
+}
+
+function addn(v0: Vector, v1: Vector): Vector {
+    return broadcast_op((x, y) => x + y, v0, v1)
+}
+
+function subn(v0: Vector, v1: Vector): Vector {
+    return broadcast_op((x, y) => x - y, v0, v1)
+}
+
+function muln(v0: Vector, v1: Vector): Vector {
+    return broadcast_op((x, y) => x * y, v0, v1)
+}
+
+function divn(v0: Vector, v1: Vector): Vector {
+    return broadcast_op((x, y) => x / y, v0, v1)
+}
+
+//
+// complex arithmetic
+//
+
+function ensure_complex(z: number | Complex): Complex {
+    return is_scalar(z) ? [ z, 0 ] as Complex : z
+}
+
+function addc(z: number | Complex, w: number | Complex): Complex {
+    const [ x, y ] = ensure_complex(z)
+    const [ u, v ] = ensure_complex(w)
+    return [ x + u, y + v ]
+}
+
+function subc(z: number | Complex, w: number | Complex): Complex {
+    const [ x, y ] = ensure_complex(z)
+    const [ u, v ] = ensure_complex(w)
+    return [ x - u, y - v ]
+}
+
+function mulc(z: number | Complex, w: number | Complex): Complex {
+    const [ x, y ] = ensure_complex(z)
+    const [ u, v ] = ensure_complex(w)
+    return [ x * u - y * v, x * v + y * u ]
+}
+
+function divc(z: number | Complex, w: number | Complex): Complex {
+    const [ x, y ] = ensure_complex(z)
+    const [ u, v ] = ensure_complex(w)
+    const denom = norm([ u, v ], 2)
+    return [ (x * u + y * v) / denom, (y * u - x * v) / denom ]
+}
+
+function conjc(z: number | Complex): Complex {
+    const [ x, y ] = ensure_complex(z)
+    return [ x, -y ]
+}
+
+function normc(z: number | Complex): number {
+    const [ x, y ] = ensure_complex(z)
+    return norm([ x, y ], 2)
+}
+
+function argc(z: number | Complex): number {
+    const [ x, y ] = ensure_complex(z)
+    return atan2(y, x)
+}
+
 //
 // metaposition arithmetic
 //
@@ -913,4 +985,4 @@ function binary_search(arr: number[], t: number): number {
 // export
 //
 
-export { is_browser, is_boolean, is_scalar, is_string, is_number, is_object, is_function, is_array, is_singleton, is_point, ensure_vector, ensure_pair, ensure_singleton, ensure_function, check_singleton, check_array, check_string, gzip, zip, reshape, split, concat, squeeze, slice, intersperse, sum, prod, mean, all, any, cumsum, norm, normalize, range, linspace, enumerate, repeat, padvec, meshgrid, lingrid, map_object, filter_object, compress_whitespace, exp, log, log10, sin, cos, tan, cot, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, isNan, isInf, minimum, maximum, heaviside, heavisign, abs_min, abs_max, min, max, clamp, rescale, sigmoid, logit, smoothstep, identity, invert, setSeed, random, uniform, normal, integer, add2, sub2, mul2, div2, ensure_number, ensure_point, ensure_mnumber, ensure_mpoint, addm, subm, add2m, sub2m, make_mpoint, squeeze_mnumber, squeeze_mpoint, rect_size, rect_dims, rect_center, rect_radius, rect_aspect, rect_radial, norm_angle, split_limits, vector_angle, angle_direc, polar, polard, side_direc, unit_direc, norm_side, rgba_repr, interp, palette, detect_coords, resolve_limits, join_limits, invert_orient, aspect_invariant, flip_rect, radial_rect, box_rect, rect_box, cbox_rect, rect_cbox, merge_rects, merge_points, merge_limits, merge_values, expand_limits, expand_rect, upright_rect, upright_limits, rounder, remap_rect, resizer, rescaler, rotate_aspect, prefix_split, prefix_join, binary_search }
+export { is_browser, is_boolean, is_scalar, is_string, is_number, is_object, is_function, is_array, is_singleton, is_point, ensure_vector, ensure_pair, ensure_singleton, ensure_function, check_singleton, check_array, check_string, gzip, zip, reshape, split, concat, squeeze, slice, intersperse, sum, prod, mean, all, any, cumsum, norm, normalize, range, linspace, enumerate, repeat, padvec, meshgrid, lingrid, map_object, filter_object, compress_whitespace, exp, log, log10, sin, cos, tan, cot, abs, pow, sqrt, sign, floor, ceil, round, atan, atan2, isNan, isInf, minimum, maximum, heaviside, heavisign, abs_min, abs_max, min, max, clamp, rescale, sigmoid, logit, smoothstep, identity, invert, setSeed, random, uniform, normal, integer, add2, sub2, mul2, div2, addn, subn, muln, divn, addc, subc, mulc, divc, conjc, normc, argc, ensure_number, ensure_point, ensure_mnumber, ensure_mpoint, addm, subm, add2m, sub2m, make_mpoint, squeeze_mnumber, squeeze_mpoint, rect_size, rect_dims, rect_center, rect_radius, rect_aspect, rect_radial, norm_angle, split_limits, vector_angle, angle_direc, polar, polard, side_direc, unit_direc, norm_side, rgba_repr, interp, palette, detect_coords, resolve_limits, join_limits, invert_orient, aspect_invariant, flip_rect, radial_rect, box_rect, rect_box, cbox_rect, rect_cbox, merge_rects, merge_points, merge_limits, merge_values, expand_limits, expand_rect, upright_rect, upright_limits, rounder, remap_rect, resizer, rescaler, rotate_aspect, prefix_split, prefix_join, binary_search }

package/src/types/katex.d.ts

@@ -53,6 +53,13 @@ declare module 'katex' {
         body: TreeNode[]
     }
 
+    export type TreeFont = {
+        type: 'font'
+        mode: SymbolMode
+        font: string
+        body: TreeNode
+    }
+
     export type TreeSupSub = {
         type: 'supsub'
         base: TreeNode | null
@@ -115,6 +122,7 @@ declare module 'katex' {
         | TreeOp
         | TreeKern
         | TreeText
+        | TreeFont
         | TreeStyling
         | TreeAccent
         | TreeSupSub