@jbrowse/render-core 5.0.0-beta.1 → 5.0.0-beta.10

package/src/shaders/pointMark.iface.generated.ts

@@ -0,0 +1,304 @@
+// AUTO-GENERATED by packages/shader-tools/src/shader-codegen from pointMark.slang.
+// Do not edit. Run `pnpm gen:shaders` to regenerate.
+
+import type { VertexAttributeLayout, ShaderBinding, TextureBinding } from '@jbrowse/render-core/hal'
+
+export const BINDINGS: readonly ShaderBinding[] = [
+  { index: 1, kind: 'uniform', name: 'u', stages: ['vertex'] },
+  { index: 2, kind: 'texture', name: 'colorRamp', stages: ['vertex'] },
+  { index: 3, kind: 'sampler', name: 'colorRamp', stages: ['vertex'] },
+  { index: 4, kind: 'texture', name: 'rowTable', stages: ['vertex'] },
+  { index: 5, kind: 'sampler', name: 'rowTable', stages: ['vertex'] },
+]
+
+export const VERTS_PER_INSTANCE = 6
+
+export const UNIFORMS_SIZE_BYTES = 288
+
+// Word indices into a Float32Array view over the uniform buffer.
+export const UNIFORM_OFFSET_F32 = {
+  bpRangeX: 0,
+  canvasHeight: 3,
+  domainMin: 4,
+  domainMax: 5,
+  valueSymlogConstant: 7,
+  rampMin: 9,
+  rampMax: 10,
+  rampMidNorm: 11,
+  zero: 60,
+  viewportWidth: 61,
+  radiusPx: 62,
+  rowHeight: 63,
+  rowOffsetPx: 64,
+  insetPx: 66,
+  devicePixelRatio: 67,
+  minWidthPx: 70,
+} as const
+
+// Word indices into a Int32Array view over the uniform buffer.
+export const UNIFORM_OFFSET_I32 = {
+  valueScaleType: 6,
+  rampMode: 8,
+  colorCutCount: 12,
+  reverse: 65,
+  rowTableKeys: 68,
+  rule: 69,
+} as const
+
+
+// Word indices of each array field’s elements, into a 4-byte-word
+// view over the uniform buffer (Uint32Array or Float32Array — the
+// field’s scalar type picks, same as UNIFORM_OFFSET_*). NOT
+// consecutive: std140 pads every array element to 16 bytes.
+export const UNIFORM_SLOT_ARRAYS = {
+  colorCuts: [16, 20] as const,
+  colorBands: [24, 28, 32, 36, 40, 44, 48, 52, 56] as const,
+} as const
+
+// Element `i` of the `colorCuts` uniform array (4 components).
+export function setUniformColorCuts(
+  f32: Float32Array,
+  i: number,
+  v0: number,
+  v1: number,
+  v2: number,
+  v3: number,
+) {
+  const o = UNIFORM_SLOT_ARRAYS.colorCuts[i]!
+  f32[o] = v0
+  f32[o + 1] = v1
+  f32[o + 2] = v2
+  f32[o + 3] = v3
+}
+
+// Element `i` of the `colorBands` uniform array (4 components).
+export function setUniformColorBands(
+  f32: Float32Array,
+  i: number,
+  v0: number,
+  v1: number,
+  v2: number,
+  v3: number,
+) {
+  const o = UNIFORM_SLOT_ARRAYS.colorBands[i]!
+  f32[o] = v0
+  f32[o + 1] = v1
+  f32[o + 2] = v2
+  f32[o + 3] = v3
+}
+
+
+export interface Uniforms {
+  bpRangeX: [number, number, number]
+  canvasHeight: number
+  domainMin: number
+  domainMax: number
+  valueScaleType: number
+  valueSymlogConstant: number
+  rampMode: number
+  rampMin: number
+  rampMax: number
+  rampMidNorm: number
+  colorCutCount: number
+  colorCuts: [[number, number, number, number], [number, number, number, number]]
+  colorBands: [[number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number], [number, number, number, number]]
+  zero: number
+  viewportWidth: number
+  radiusPx: number
+  rowHeight: number
+  rowOffsetPx: number
+  reverse: number
+  insetPx: number
+  devicePixelRatio: number
+  rowTableKeys: number
+  rule: number
+  minWidthPx: number
+}
+
+export function writeUniforms(buf: ArrayBuffer, uniforms: Uniforms) {
+  const f32 = new Float32Array(buf)
+  const i32 = new Int32Array(buf)
+  f32[0] = uniforms.bpRangeX[0]
+  f32[1] = uniforms.bpRangeX[1]
+  f32[2] = uniforms.bpRangeX[2]
+  f32[3] = uniforms.canvasHeight
+  f32[4] = uniforms.domainMin
+  f32[5] = uniforms.domainMax
+  i32[6] = uniforms.valueScaleType
+  f32[7] = uniforms.valueSymlogConstant
+  i32[8] = uniforms.rampMode
+  f32[9] = uniforms.rampMin
+  f32[10] = uniforms.rampMax
+  f32[11] = uniforms.rampMidNorm
+  i32[12] = uniforms.colorCutCount
+  f32[16] = uniforms.colorCuts[0][0]
+  f32[17] = uniforms.colorCuts[0][1]
+  f32[18] = uniforms.colorCuts[0][2]
+  f32[19] = uniforms.colorCuts[0][3]
+  f32[20] = uniforms.colorCuts[1][0]
+  f32[21] = uniforms.colorCuts[1][1]
+  f32[22] = uniforms.colorCuts[1][2]
+  f32[23] = uniforms.colorCuts[1][3]
+  f32[24] = uniforms.colorBands[0][0]
+  f32[25] = uniforms.colorBands[0][1]
+  f32[26] = uniforms.colorBands[0][2]
+  f32[27] = uniforms.colorBands[0][3]
+  f32[28] = uniforms.colorBands[1][0]
+  f32[29] = uniforms.colorBands[1][1]
+  f32[30] = uniforms.colorBands[1][2]
+  f32[31] = uniforms.colorBands[1][3]
+  f32[32] = uniforms.colorBands[2][0]
+  f32[33] = uniforms.colorBands[2][1]
+  f32[34] = uniforms.colorBands[2][2]
+  f32[35] = uniforms.colorBands[2][3]
+  f32[36] = uniforms.colorBands[3][0]
+  f32[37] = uniforms.colorBands[3][1]
+  f32[38] = uniforms.colorBands[3][2]
+  f32[39] = uniforms.colorBands[3][3]
+  f32[40] = uniforms.colorBands[4][0]
+  f32[41] = uniforms.colorBands[4][1]
+  f32[42] = uniforms.colorBands[4][2]
+  f32[43] = uniforms.colorBands[4][3]
+  f32[44] = uniforms.colorBands[5][0]
+  f32[45] = uniforms.colorBands[5][1]
+  f32[46] = uniforms.colorBands[5][2]
+  f32[47] = uniforms.colorBands[5][3]
+  f32[48] = uniforms.colorBands[6][0]
+  f32[49] = uniforms.colorBands[6][1]
+  f32[50] = uniforms.colorBands[6][2]
+  f32[51] = uniforms.colorBands[6][3]
+  f32[52] = uniforms.colorBands[7][0]
+  f32[53] = uniforms.colorBands[7][1]
+  f32[54] = uniforms.colorBands[7][2]
+  f32[55] = uniforms.colorBands[7][3]
+  f32[56] = uniforms.colorBands[8][0]
+  f32[57] = uniforms.colorBands[8][1]
+  f32[58] = uniforms.colorBands[8][2]
+  f32[59] = uniforms.colorBands[8][3]
+  f32[60] = uniforms.zero
+  f32[61] = uniforms.viewportWidth
+  f32[62] = uniforms.radiusPx
+  f32[63] = uniforms.rowHeight
+  f32[64] = uniforms.rowOffsetPx
+  i32[65] = uniforms.reverse
+  f32[66] = uniforms.insetPx
+  f32[67] = uniforms.devicePixelRatio
+  i32[68] = uniforms.rowTableKeys
+  i32[69] = uniforms.rule
+  f32[70] = uniforms.minWidthPx
+}
+
+export const INSTANCE_STRIDE_BYTES = 24
+export const INSTANCE_STRIDE_WORDS = 6
+
+// Word indices into a Float32Array view over the instance buffer.
+export const INSTANCE_OFFSET_F32 = {
+  y: 2,
+} as const
+
+// Word indices into a Uint32Array view over the instance buffer.
+export const INSTANCE_OFFSET_U32 = {
+  x: 0,
+  x2: 1,
+  color: 3,
+  glyph: 4,
+  row: 5,
+} as const
+
+export const VERTEX_ATTRIBUTES: readonly VertexAttributeLayout[] = [
+  { name: 'a_x', components: 1, type: 'uint', offsetBytes: 0, integer: true },
+  { name: 'a_x2', components: 1, type: 'uint', offsetBytes: 4, integer: true },
+  { name: 'a_y', components: 1, type: 'float', offsetBytes: 8, integer: false },
+  { name: 'a_color', components: 1, type: 'uint', offsetBytes: 12, integer: true },
+  { name: 'a_glyph', components: 1, type: 'uint', offsetBytes: 16, integer: true },
+  { name: 'a_row', components: 1, type: 'uint', offsetBytes: 20, integer: true },
+]
+
+export interface InstanceArrays {
+  x: ArrayLike<number>
+  x2: ArrayLike<number>
+  y: ArrayLike<number>
+  color: ArrayLike<number>
+  glyph: ArrayLike<number>
+  row: ArrayLike<number>
+}
+
+export function packInstances(
+  arrays: InstanceArrays,
+  numInstances: number,
+  buf: ArrayBuffer = new ArrayBuffer(numInstances * INSTANCE_STRIDE_BYTES),
+) {
+  const f32 = new Float32Array(buf)
+  const u32 = new Uint32Array(buf)
+  const { x, x2, y, color, glyph, row } = arrays
+  for (let i = 0; i < numInstances; i++) {
+    const o = i * INSTANCE_STRIDE_WORDS
+    u32[o + 0] = x[i]!
+    u32[o + 1] = x2[i]!
+    f32[o + 2] = y[i]!
+    u32[o + 3] = color[i]!
+    u32[o + 4] = glyph[i]!
+    u32[o + 5] = row[i]!
+  }
+  return buf
+}
+
+// Instance `i`'s `x`.
+export function getInstanceX(u32: Uint32Array, i: number) {
+  return u32[i * INSTANCE_STRIDE_WORDS]!
+}
+
+export function setInstanceX(u32: Uint32Array, i: number, v: number) {
+  u32[i * INSTANCE_STRIDE_WORDS] = v
+}
+
+// Instance `i`'s `x2`.
+export function getInstanceX2(u32: Uint32Array, i: number) {
+  return u32[i * INSTANCE_STRIDE_WORDS + 1]!
+}
+
+export function setInstanceX2(u32: Uint32Array, i: number, v: number) {
+  u32[i * INSTANCE_STRIDE_WORDS + 1] = v
+}
+
+// Instance `i`'s `y`.
+export function getInstanceY(f32: Float32Array, i: number) {
+  return f32[i * INSTANCE_STRIDE_WORDS + 2]!
+}
+
+export function setInstanceY(f32: Float32Array, i: number, v: number) {
+  f32[i * INSTANCE_STRIDE_WORDS + 2] = v
+}
+
+// Instance `i`'s `color`.
+export function getInstanceColor(u32: Uint32Array, i: number) {
+  return u32[i * INSTANCE_STRIDE_WORDS + 3]!
+}
+
+export function setInstanceColor(u32: Uint32Array, i: number, v: number) {
+  u32[i * INSTANCE_STRIDE_WORDS + 3] = v
+}
+
+// Instance `i`'s `glyph`.
+export function getInstanceGlyph(u32: Uint32Array, i: number) {
+  return u32[i * INSTANCE_STRIDE_WORDS + 4]!
+}
+
+export function setInstanceGlyph(u32: Uint32Array, i: number, v: number) {
+  u32[i * INSTANCE_STRIDE_WORDS + 4] = v
+}
+
+// Instance `i`'s `row`.
+export function getInstanceRow(u32: Uint32Array, i: number) {
+  return u32[i * INSTANCE_STRIDE_WORDS + 5]!
+}
+
+export function setInstanceRow(u32: Uint32Array, i: number, v: number) {
+  u32[i * INSTANCE_STRIDE_WORDS + 5] = v
+}
+
+// Combined `Sampler2D` bindings. Texture unit indices start at 0.
+export const TEXTURES: readonly [TextureBinding, ...TextureBinding[]] = [
+  { name: 'colorRamp', glTextureUnit: 0, glUniformName: 'u_colorRamp', filter: 'linear' },
+  { name: 'rowTable', glTextureUnit: 1, glUniformName: 'u_rowTable', filter: 'nearest' },
+]

package/src/shaders/pointMark.js.generated.ts

@@ -0,0 +1,99 @@
+// AUTO-GENERATED by packages/shader-tools/src/shader-codegen from pointMark.slang.
+// Do not edit. Run `pnpm gen:shaders` to regenerate.
+
+// Scalar twins of pointMark.slang, transliterated from slangc's WGSL so
+// the Canvas2D and SVG paths run the shader's own math. See adr-051.
+
+function _clamp(x: number, lo: number, hi: number) {
+  return _min(_max(x, lo), hi)
+}
+
+function _max(a: number, b: number) {
+  return b > a || Number.isNaN(a) ? b : a
+}
+
+function _min(a: number, b: number) {
+  return b < a || Number.isNaN(a) ? b : a
+}
+
+function log1pf(x: number): number {
+  let u = (1.0 + x)
+  let _t0: number
+  if ((u == 1.0)) {
+    _t0 = x
+  } else {
+    _t0 = (Math.log(u) * (x / (u - 1.0)))
+  }
+  return _t0
+}
+
+function symlogTransform(x: number, c: number): number {
+  return ((((Math.sign(x)) | 0)) * log1pf(Math.abs((x / c))))
+}
+
+function normalizeScoreUnclamped(score: number, domainMin: number, domainMax: number, scaleType: number, symlogConstant: number): number {
+  let tMax: number
+  let tMin: number
+  let t: number
+  if ((scaleType == 2)) {
+    let _t0 = symlogTransform(score, symlogConstant)
+    let _t1 = symlogTransform(domainMin, symlogConstant)
+    tMax = symlogTransform(domainMax, symlogConstant)
+    tMin = _t1
+    t = _t0
+  } else {
+    if ((scaleType == 1)) {
+      if ((domainMin > 0.0)) {
+        tMax = domainMin
+      } else {
+        tMax = 1.0
+      }
+      let _t2 = Math.log2(_max(score, tMax))
+      let _t3 = Math.log2(tMax)
+      tMax = Math.log2(_max(domainMax, tMax))
+      tMin = _t3
+      t = _t2
+    } else {
+      tMax = domainMax
+      tMin = domainMin
+      t = score
+    }
+  }
+  let tRange = (tMax - tMin)
+  if ((tRange <= 0.0)) {
+    if ((t > tMin)) {
+      tMax = 1.0
+    } else {
+      tMax = 0.0
+    }
+    return tMax
+  }
+  return ((t - tMin) / tRange)
+}
+
+function normalizeScore(score: number, domainMin: number, domainMax: number, scaleType: number, symlogConstant: number): number {
+  return _clamp(normalizeScoreUnclamped(score, domainMin, domainMax, scaleType, symlogConstant), 0.0, 1.0)
+}
+
+export function valueToYPxScaled(value: number, domainMin: number, domainMax: number, h: number, scaleType: number, symlogConstant: number): number {
+  return ((1.0 - normalizeScore(value, domainMin, domainMax, scaleType, symlogConstant)) * h)
+}
+
+function insetValueYPx(value: number, domainMin: number, domainMax: number, h: number, scaleType: number, insetPx: number, symlogConstant: number): number {
+  let _t0 = _min(insetPx, (h * 0.5))
+  return (_t0 + valueToYPxScaled(value, domainMin, domainMax, (h - (2.0 * _t0)), scaleType, symlogConstant))
+}
+
+export function pointYPx(value: number, domainMin: number, domainMax: number, h: number, scaleType: number, insetPx: number, symlogConstant: number): number {
+  return insetValueYPx(value, domainMin, domainMax, h, scaleType, insetPx, symlogConstant)
+}
+
+export function pointRowYPx(bandTop: number, h: number, reverse: number, valueYPx: number): number {
+  let _t0: number
+  if ((reverse != 0)) {
+    _t0 = (h - valueYPx)
+  } else {
+    _t0 = valueYPx
+  }
+  return (bandTop + _t0)
+}

package/src/shaders/pointMark.slang

@@ -0,0 +1,227 @@
+// The `point` and `rule` shapes, at a y read off a per-instance value through
+// `valueScale`. A point is one glyph at the centre of its x..x2 extent, the
+// glyph channel picking a disc, an inverted triangle, a diamond or a square. A
+// rule (`u.rule`) is a bar across the extent, `2 * radiusPx` thick and at least
+// `minWidthPx` wide.
+//
+// Each is a 6-vertex quad; the fragment shader carves the glyph.
+//
+// `row` is read through the bound row table, as `spanMark` reads it: a key
+// resolved to its band and colour, or dropped off clip space where the table
+// hides it. A pass binding no table (`rowTableKeys` −1) draws `row` as the band.
+//! targets: wgsl, glsl
+//! export-consts: DIAMOND_GLYPH_SCALE, DIAMOND_MITER_REACHES, TRIANGLE_MITER_REACHES, GLYPH_DISC, GLYPH_TRIANGLE, GLYPH_DIAMOND, GLYPH_SQUARE
+//! js-export: valueToYPxScaled, pointYPx, pointRowYPx
+// `valueScale`'s twin is lifted here, once, for the bar shape too.
+
+import antialias;
+import hpmath;
+import colorPack;
+import markColor;
+import pointGlyph;
+import rowTable;
+import valueScale;
+
+public static const uint VERTS_PER_INSTANCE = 6u;
+
+struct PointMarkInstance {
+  uint  x     : ATTR0;
+  uint  x2    : ATTR1;
+  float y     : ATTR2;
+  uint  color : ATTR3;
+  uint  glyph : ATTR4;
+  uint  row   : ATTR5;
+};
+
+struct Uniforms {
+  float3 bpRangeX;
+  float  canvasHeight;
+  float  domainMin;
+  float  domainMax;
+  // `scoreScale`'s scale-type vocabulary, for the declared y scale.
+  int    valueScaleType;
+  // Already resolved from the domain (`resolveSymlogConstant`); read by symlog alone.
+  float  valueSymlogConstant;
+  // `markColor`'s: 0 packs the instance's colour, 1 and 2 read its slot as a
+  // value through the ramp below.
+  int    rampMode;
+  float  rampMin;
+  float  rampMax;
+  float  rampMidNorm;
+  // `markColor`'s threshold: how many cuts are in use, the cuts four to a
+  // vector, and the colour of each interval between them.
+  int    colorCutCount;
+  float4 colorCuts[2];
+  float4 colorBands[MAX_COLOR_BANDS];
+  float  zero;
+  float  viewportWidth;
+  float  radiusPx;
+  // CSS px per row band, the value scale ruling each on its own; the canvas
+  // height where every instance is on row 0 (ADR-126).
+  float  rowHeight;
+  float  rowOffsetPx;
+  // Whether the domain's minimum sits at the band's top.
+  int    reverse;
+  // Ends of the value range, inset by `glyphPaint`'s `pointInsetPx` where the
+  // display wants its edge glyphs whole; 0 centres a point on the plot's edge.
+  float  insetPx;
+  // Read by the glyph pad alone; every other length in this block is CSS px.
+  float  devicePixelRatio;
+  int    rowTableKeys;
+  int    rule;
+  float  minWidthPx;
+};
+[[vk::binding(1, 0)]] ConstantBuffer<Uniforms> u;
+[[vk::binding(2, 0)]] Sampler2D<float4> colorRamp;
+[[vk::binding(4, 0)]] Sampler2D<float4> rowTable;
+
+float bpToClipX(uint bp, Uniforms u) {
+  return hpToClipX(hpSplitUint(bp), u.bpRangeX, u.zero);
+}
+
+struct VsOut {
+  float4 position : SV_Position;
+  float4 color    : COLOR0;
+  float2 localPos : TEXCOORD0;
+  // Shape discriminator passed to the fragment shader: 0 = disc, 1 = diamond,
+  // 2 = inverted triangle, 3 = solid fill.
+  nointerpolation float shape : TEXCOORD1;
+};
+
+// Shape discriminators for the fragment shader. SMALL_POINT_MAX_DIAMETER and
+// the disc SDF come from the shared pointGlyph module so they stay in lockstep
+// with wiggle.slang.
+static const float SHAPE_DISC = 0.0;
+static const float SHAPE_DIAMOND = 1.0;
+static const float SHAPE_TRI = 2.0;
+// >2.5 in the fragment shader = flat solid fill (a rule, or the tiny square).
+static const float SHAPE_BAR = 3.0;
+// 1/sqrt(5): normalizes the two slanted edges of the inverted triangle so the
+// edge functions read as true perpendicular distances for antialiasing.
+static const float INV_SQRT5 = 0.4472136;
+// The diamond is the shape's "singled out" glyph and draws visibly larger than
+// the others, so it reads as the one that matters at a glance rather than as a
+// colour swap. LocusZoom's lead-SNP convention, generalized.
+static const float DIAMOND_GLYPH_SCALE = 1.6;
+
+// How far past its boundary each glyph still inks where its quad binds, in ramp
+// reaches. The disc's ramp is isotropic, so one. The diamond's quad binds on
+// the four axes, where two L1 facets miter at a right angle: sqrt(2). The
+// triangle's binds at its apex, where the two slanted edges miter much more
+// sharply: sqrt(5), and padding one reach there cut the apex at alpha 0.276.
+static const float DIAMOND_MITER_REACHES = 1.4142136;
+static const float TRIANGLE_MITER_REACHES = 2.2360680;
+
+// The shape's own anchor, the top of its row band. The vertex branch, the
+// Canvas2D painter, the ink box and the hit test all read a value's y here.
+float pointYPx(float value, float domainMin, float domainMax, float h, int scaleType, float insetPx, float symlogConstant) {
+  return insetValueYPx(value, domainMin, domainMax, h, scaleType, insetPx, symlogConstant);
+}
+
+// A value's canvas y in the row band starting at `bandTop`, `h` tall, from
+// its `pointYPx`: mirrored within the band under a reversed scale.
+public float pointRowYPx(float bandTop, float h, int reverse, float valueYPx) {
+  return bandTop + (reverse != 0 ? h - valueYPx : valueYPx);
+}
+
+// The glyph channel's values. The numbering is a contract between whatever
+// packs the channel, the Canvas2D painter and the branches below, so it is
+// authored once here and `//! export-consts`ed.
+static const uint GLYPH_DISC = 0u;
+static const uint GLYPH_TRIANGLE = 1u;
+static const uint GLYPH_DIAMOND = 2u;
+// A pixel-snapped filled square at any size, the small disc's crisp form.
+static const uint GLYPH_SQUARE = 3u;
+
+[shader("vertex")]
+VsOut vs_main(PointMarkInstance inst, uint vid : SV_VertexID) {
+  uint v = vid % 6u;
+
+  // Two-triangle quad corner (0/1 per axis); shared with the whole fleet.
+  float2 q = quadLocal(v);
+  float2 local = q * 2.0 - 1.0;
+  bool xZero = q.x < 0.5;
+
+  VsOut o;
+  RowPlacement place = rowTableLookup(rowTable, inst.row, u.rowTableKeys,
+    markScaleColor(colorRamp, inst.color, u.rampMode, u.rampMin, u.rampMax, u.rampMidNorm, u.colorCutCount, u.colorCuts[0], u.colorCuts[1], u.colorBands));
+  if (place.hidden) {
+    o.position = float4(2.0, 2.0, 0.0, 1.0);
+    o.color = float4(0.0);
+    o.localPos = float2(0.0);
+    o.shape = SHAPE_BAR;
+    return o;
+  }
+
+  float startClipX = bpToClipX(inst.x, u);
+  float endClipX = bpToClipX(inst.x2, u);
+  float yPx = pointRowYPx(rowBandTopPx(u.rowOffsetPx, u.rowHeight, place.slot), u.rowHeight, u.reverse, pointYPx(inst.y, u.domainMin, u.domainMax, u.rowHeight, u.valueScaleType, u.insetPx, u.valueSymlogConstant));
+  float centerClipY = yPxToClipY(yPx, u.canvasHeight);
+
+  o.color = place.color;
+  float centerClipX = (startClipX + endClipX) * 0.5;
+  if (u.rule != 0) {
+    float farClipX = extendToMinWidthX(startClipX, endClipX, u.minWidthPx, u.viewportWidth);
+    float x = xZero ? min(startClipX, farClipX) : max(startClipX, farClipX);
+    float y = centerClipY + pxToClipLen(local.y * u.radiusPx, u.canvasHeight);
+    o.position = float4(x, y, 0.0, 1.0);
+    o.localPos = local;
+    o.shape = SHAPE_BAR;
+  } else if (inst.glyph == GLYPH_SQUARE || (inst.glyph == GLYPH_DISC && u.radiusPx * 2.0 <= SMALL_POINT_MAX_DIAMETER)) {
+    // tiny disc: pixel-snapped crisp filled square (no AA disc). The triangle
+    // and the diamond keep their distinct marker even when small.
+    float diamPx = u.radiusPx * 2.0;
+    o.position = crispSquareCornerClip(centerClipX, yPx, diamPx, q,
+                                       u.viewportWidth, u.canvasHeight);
+    o.localPos = local;
+    o.shape = SHAPE_BAR;
+  } else {
+    bool diamond = inst.glyph == GLYPH_DIAMOND;
+    float unitPx = u.radiusPx * (diamond ? DIAMOND_GLYPH_SCALE : 1.0);
+    float reaches = inst.glyph == GLYPH_TRIANGLE ? TRIANGLE_MITER_REACHES
+                  : (diamond ? DIAMOND_MITER_REACHES : 1.0);
+    float expand = glyphExpand(unitPx, reaches, u.devicePixelRatio);
+    float halfPx = unitPx * expand;
+    float dx = pxToClipLen(local.x * halfPx, u.viewportWidth);
+    float dy = pxToClipLen(local.y * halfPx, u.canvasHeight);
+    o.position = float4(centerClipX + dx, centerClipY + dy, 0.0, 1.0);
+    o.localPos = local * expand;
+    o.shape = inst.glyph == GLYPH_TRIANGLE ? SHAPE_TRI
+            : (inst.glyph == GLYPH_DIAMOND ? SHAPE_DIAMOND : SHAPE_DISC);
+  }
+  return o;
+}
+
+[shader("fragment")]
+float4 fs_main(VsOut fragIn) : SV_Target {
+  // Each glyph only picks its SDF here; the AA derivative is taken once after
+  // the branch, because WGSL rejects a derivative under a branch on a varying
+  // ("must only be called from uniform control flow"). shape is constant per
+  // primitive, so the shared ramp is exact.
+  float2 p = fragIn.localPos;
+  float coverage;
+  if (fragIn.shape > 2.5) {
+    // Extent bar: solid fill, no marker AA. A constant SDF has zero gradient,
+    // so the ramp below saturates to alpha 1.
+    coverage = 1.0;
+  } else if (fragIn.shape > 1.5) {
+    // Inverted triangle: top edge (-1,1)-(1,1), apex (0,-1). Each edge's signed
+    // distance is positive inside; the min is the SDF used for the AA fade.
+    float dTop = 1.0 - p.y;
+    float dLeft = (2.0 * p.x + p.y + 1.0) * INV_SQRT5;
+    float dRight = (-2.0 * p.x + p.y + 1.0) * INV_SQRT5;
+    coverage = min(dTop, min(dLeft, dRight));
+  } else if (fragIn.shape > 0.5) {
+    // Diamond (rhombus): L1-norm distance from center, positive inside, zero at
+    // the four edges.
+    coverage = 1.0 - (abs(p.x) + abs(p.y));
+  } else {
+    coverage = discCoverage(p);
+  }
+  // One output pixel of ramp, from the SDF's own gradient — which is what lets
+  // the four shapes above share a single line despite the diamond's L1 norm
+  // carrying a sqrt(2) the others don't. See antialias.slang's glyphEdgeAlpha.
+  float alpha = glyphEdgeAlpha(coverage);
+  if (alpha <= 0.0) discard;
+  return float4(fragIn.color.rgb, fragIn.color.a * alpha);
+}

package/src/shaders/pointMark.wgsl.generated.ts

@@ -0,0 +1,4 @@
+// AUTO-GENERATED by packages/shader-tools/src/shader-codegen from pointMark.slang.
+// Do not edit. Run `pnpm gen:shaders` to regenerate.
+
+export const WGSL_SOURCE = "struct Uniforms_std140_0\n{\n    @align(16) bpRangeX_0 : vec3<f32>,\n    @align(4) canvasHeight_0 : f32,\n    @align(16) domainMin_0 : f32,\n    @align(4) domainMax_0 : f32,\n    @align(8) valueScaleType_0 : i32,\n    @align(4) valueSymlogConstant_0 : f32,\n    @align(16) rampMode_0 : i32,\n    @align(4) rampMin_0 : f32,\n    @align(8) rampMax_0 : f32,\n    @align(4) rampMidNorm_0 : f32,\n    @align(16) colorCutCount_0 : i32,\n    @align(16) colorCuts_0 : array<vec4<f32>, i32(2)>,\n    @align(16) colorBands_0 : array<vec4<f32>, i32(9)>,\n    @align(16) zero_0 : f32,\n    @align(4) viewportWidth_0 : f32,\n    @align(8) radiusPx_0 : f32,\n    @align(4) rowHeight_0 : f32,\n    @align(16) rowOffsetPx_0 : f32,\n    @align(4) reverse_0 : i32,\n    @align(8) insetPx_0 : f32,\n    @align(4) devicePixelRatio_0 : f32,\n    @align(16) rowTableKeys_0 : i32,\n    @align(4) rule_0 : i32,\n    @align(8) minWidthPx_0 : f32,\n};\n\n@binding(1) @group(0) var<uniform> u_0 : Uniforms_std140_0;\n@binding(2) @group(0) var colorRamp_texture_0 : texture_2d<f32>;\n\n@binding(3) @group(0) var colorRamp_sampler_0 : sampler;\n\n@binding(4) @group(0) var rowTable_texture_0 : texture_2d<f32>;\n\n@binding(5) @group(0) var rowTable_sampler_0 : sampler;\n\nfn quadLocal_0( vid_0 : u32) -> vec2<f32>\n{\n    var v_0 : u32 = vid_0 % u32(6);\n    var _S1 : bool = v_0 == u32(0);\n    var _S2 : bool;\n    if(_S1)\n    {\n        _S2 = true;\n    }\n    else\n    {\n        _S2 = v_0 == u32(2);\n    }\n    if(_S2)\n    {\n        _S2 = true;\n    }\n    else\n    {\n        _S2 = v_0 == u32(3);\n    }\n    var _S3 : f32;\n    if(_S2)\n    {\n        _S3 = 0.0f;\n    }\n    else\n    {\n        _S3 = 1.0f;\n    }\n    if(_S1)\n    {\n        _S2 = true;\n    }\n    else\n    {\n        _S2 = v_0 == u32(1);\n    }\n    if(_S2)\n    {\n        _S2 = true;\n    }\n    else\n    {\n        _S2 = v_0 == u32(4);\n    }\n    var _S4 : f32;\n    if(_S2)\n    {\n        _S4 = 0.0f;\n    }\n    else\n    {\n        _S4 = 1.0f;\n    }\n    return vec2<f32>(_S3, _S4);\n}\n\nfn unpackRGBA_0( c_0 : u32) -> vec4<f32>\n{\n    return vec4<f32>(f32((((c_0 >> (u32(0)))) & (u32(255)))), f32((((c_0 >> (u32(8)))) & (u32(255)))), f32((((c_0 >> (u32(16)))) & (u32(255)))), f32((((c_0 >> (u32(24)))) & (u32(255))))) / vec4<f32>(255.0f);\n}\n\nfn rampMidT_0( t_0 : f32,  mid_0 : f32) -> f32\n{\n    var _S5 : f32 = max(mid_0, 1.0f - mid_0);\n    return clamp((t_0 + (_S5 - mid_0)) / (2.0f * _S5), 0.0f, 1.0f);\n}\n\nfn rampColor_0( ramp_texture_0 : texture_2d<f32>,  ramp_sampler_0 : sampler,  t_1 : f32) -> vec4<f32>\n{\n    return (textureSampleLevel((ramp_texture_0), (ramp_sampler_0), (vec2<f32>((clamp(t_1, 0.0f, 1.0f) * 255.0f + 0.5f) / 256.0f, 0.5f)), (0.0f)));\n}\n\nfn colorCutAt_0( i_0 : i32,  cutsLo_0 : vec4<f32>,  cutsHi_0 : vec4<f32>) -> f32\n{\n    var _S6 : f32;\n    if(i_0 < i32(4))\n    {\n        _S6 = cutsLo_0[i_0];\n    }\n    else\n    {\n        _S6 = cutsHi_0[i_0 - i32(4)];\n    }\n    return _S6;\n}\n\nfn thresholdBand_0( value_0 : f32,  cutCount_0 : i32,  cutsLo_1 : vec4<f32>,  cutsHi_1 : vec4<f32>) -> i32\n{\n    var band_0 : i32 = i32(0);\n    var i_1 : i32 = i32(0);\n    for(;;)\n    {\n        if(i_1 < cutCount_0)\n        {\n        }\n        else\n        {\n            break;\n        }\n        if(value_0 >= (colorCutAt_0(i_1, cutsLo_1, cutsHi_1)))\n        {\n            band_0 = i_1 + i32(1);\n        }\n        i_1 = i_1 + i32(1);\n    }\n    return band_0;\n}\n\nfn log1pf_0( x_0 : f32) -> f32\n{\n    var u_1 : f32 = 1.0f + x_0;\n    var _S7 : f32;\n    if(u_1 == 1.0f)\n    {\n        _S7 = x_0;\n    }\n    else\n    {\n        _S7 = log(u_1) * (x_0 / (u_1 - 1.0f));\n    }\n    return _S7;\n}\n\nfn symlogTransform_0( x_1 : f32,  c_1 : f32) -> f32\n{\n    return f32((i32(sign((x_1))))) * log1pf_0(abs(x_1 / c_1));\n}\n\nfn normalizeScoreUnclamped_0( score_0 : f32,  domainMin_1 : f32,  domainMax_1 : f32,  scaleType_0 : i32,  symlogConstant_0 : f32) -> f32\n{\n    var tMax_0 : f32;\n    var tMin_0 : f32;\n    var t_2 : f32;\n    if(scaleType_0 == i32(2))\n    {\n        var _S8 : f32 = symlogTransform_0(score_0, symlogConstant_0);\n        var _S9 : f32 = symlogTransform_0(domainMin_1, symlogConstant_0);\n        tMax_0 = symlogTransform_0(domainMax_1, symlogConstant_0);\n        tMin_0 = _S9;\n        t_2 = _S8;\n    }\n    else\n    {\n        if(scaleType_0 == i32(1))\n        {\n            if(domainMin_1 > 0.0f)\n            {\n                tMax_0 = domainMin_1;\n            }\n            else\n            {\n                tMax_0 = 1.0f;\n            }\n            var _S10 : f32 = log2(max(score_0, tMax_0));\n            var _S11 : f32 = log2(tMax_0);\n            tMax_0 = log2(max(domainMax_1, tMax_0));\n            tMin_0 = _S11;\n            t_2 = _S10;\n        }\n        else\n        {\n            tMax_0 = domainMax_1;\n            tMin_0 = domainMin_1;\n            t_2 = score_0;\n        }\n    }\n    var tRange_0 : f32 = tMax_0 - tMin_0;\n    if(tRange_0 <= 0.0f)\n    {\n        if(t_2 > tMin_0)\n        {\n            tMax_0 = 1.0f;\n        }\n        else\n        {\n            tMax_0 = 0.0f;\n        }\n        return tMax_0;\n    }\n    return (t_2 - tMin_0) / tRange_0;\n}\n\nfn normalizeScore_0( score_1 : f32,  domainMin_2 : f32,  domainMax_2 : f32,  scaleType_1 : i32,  symlogConstant_1 : f32) -> f32\n{\n    return clamp(normalizeScoreUnclamped_0(score_1, domainMin_2, domainMax_2, scaleType_1, symlogConstant_1), 0.0f, 1.0f);\n}\n\nfn rowTableWidth_0( keys_0 : u32) -> u32\n{\n    return max(min(keys_0, u32(2048)), u32(1));\n}\n\nfn rowTablePlaneHeight_0( keys_1 : u32) -> u32\n{\n    var w_0 : u32 = rowTableWidth_0(keys_1);\n    var _S12 : u32 = (keys_1 + w_0 - u32(1)) / w_0;\n    return max(_S12, u32(1));\n}\n\nfn rowTableTexelX_0( key_0 : u32,  keys_2 : u32) -> u32\n{\n    var _S13 : u32 = key_0 % rowTableWidth_0(keys_2);\n    return _S13;\n}\n\nfn rowTableTexelY_0( key_1 : u32,  keys_3 : u32) -> u32\n{\n    var _S14 : u32 = key_1 / rowTableWidth_0(keys_3);\n    return _S14;\n}\n\nfn byteOf_0( channel_0 : f32) -> u32\n{\n    return u32(channel_0 * 255.0f + 0.5f);\n}\n\nstruct RowPlacement_0\n{\n     hidden_0 : bool,\n     slot_0 : u32,\n     color_0 : vec4<f32>,\n};\n\nfn rowTableLookup_0( table_texture_0 : texture_2d<f32>,  table_sampler_0 : sampler,  key_2 : u32,  keys_4 : i32,  own_0 : vec4<f32>) -> RowPlacement_0\n{\n    var p_0 : RowPlacement_0;\n    p_0.hidden_0 = false;\n    p_0.slot_0 = key_2;\n    p_0.color_0 = own_0;\n    if(keys_4 < i32(0))\n    {\n        return p_0;\n    }\n    var n_0 : u32 = u32(keys_4);\n    if(key_2 >= n_0)\n    {\n        p_0.hidden_0 = true;\n        return p_0;\n    }\n    var h_0 : u32 = rowTablePlaneHeight_0(n_0);\n    var _S15 : u32 = rowTableTexelX_0(key_2, n_0);\n    var u_2 : f32 = (f32(_S15) + 0.5f) / f32(rowTableWidth_0(n_0));\n    var rows_0 : f32 = f32(u32(2) * h_0);\n    var y_0 : u32 = rowTableTexelY_0(key_2, n_0);\n    var _S16 : vec4<f32> = (textureSampleLevel((table_texture_0), (table_sampler_0), (vec2<f32>(u_2, (f32(y_0) + 0.5f) / rows_0)), (0.0f)));\n    if((_S16.w) < 0.5f)\n    {\n        p_0.hidden_0 = true;\n        return p_0;\n    }\n    p_0.slot_0 = ((((byteOf_0(_S16.x)) | ((((byteOf_0(_S16.y)) << (u32(8))))))) | ((((byteOf_0(_S16.z)) << (u32(16))))));\n    var _S17 : vec4<f32> = (textureSampleLevel((table_texture_0), (table_sampler_0), (vec2<f32>(u_2, (f32(y_0 + h_0) + 0.5f) / rows_0)), (0.0f)));\n    var _S18 : vec4<f32>;\n    if((_S17.w) > 0.0f)\n    {\n        _S18 = _S17;\n    }\n    else\n    {\n        _S18 = own_0;\n    }\n    p_0.color_0 = _S18;\n    return p_0;\n}\n\nfn hpSplitUint_0( value_1 : u32) -> vec2<f32>\n{\n    var lo_0 : u32 = (value_1 & (u32(4095)));\n    return vec2<f32>(f32(value_1 - lo_0), f32(lo_0));\n}\n\nfn hpToClipX_0( splitPos_0 : vec2<f32>,  bpRange_0 : vec3<f32>,  hpZero_0 : f32) -> f32\n{\n    var floorBp_0 : f32 = -3.00000000549775576e+38f + hpZero_0;\n    var step_0 : f32 = 2.0f / bpRange_0.z;\n    return dot(vec3<f32>(-1.0f, max(splitPos_0.x - bpRange_0.x, floorBp_0), max(splitPos_0.y - bpRange_0.y, floorBp_0)), vec3<f32>(1.0f, step_0, step_0));\n}\n\nfn rowBandTopPx_0( rowOffsetPx_1 : f32,  rowHeight_1 : f32,  slot_1 : u32) -> f32\n{\n    return rowOffsetPx_1 + rowHeight_1 * f32(slot_1);\n}\n\nfn valueToYPxScaled_0( value_2 : f32,  domainMin_3 : f32,  domainMax_3 : f32,  h_1 : f32,  scaleType_2 : i32,  symlogConstant_2 : f32) -> f32\n{\n    return (1.0f - normalizeScore_0(value_2, domainMin_3, domainMax_3, scaleType_2, symlogConstant_2)) * h_1;\n}\n\nfn insetValueYPx_0( value_3 : f32,  domainMin_4 : f32,  domainMax_4 : f32,  h_2 : f32,  scaleType_3 : i32,  insetPx_1 : f32,  symlogConstant_3 : f32) -> f32\n{\n    var _S19 : f32 = min(insetPx_1, h_2 * 0.5f);\n    return _S19 + valueToYPxScaled_0(value_3, domainMin_4, domainMax_4, h_2 - 2.0f * _S19, scaleType_3, symlogConstant_3);\n}\n\nfn pointYPx_0( value_4 : f32,  domainMin_5 : f32,  domainMax_5 : f32,  h_3 : f32,  scaleType_4 : i32,  insetPx_2 : f32,  symlogConstant_4 : f32) -> f32\n{\n    return insetValueYPx_0(value_4, domainMin_5, domainMax_5, h_3, scaleType_4, insetPx_2, symlogConstant_4);\n}\n\nfn pointRowYPx_0( bandTop_0 : f32,  h_4 : f32,  reverse_1 : i32,  valueYPx_0 : f32) -> f32\n{\n    var _S20 : f32;\n    if(reverse_1 != i32(0))\n    {\n        _S20 = h_4 - valueYPx_0;\n    }\n    else\n    {\n        _S20 = valueYPx_0;\n    }\n    return bandTop_0 + _S20;\n}\n\nfn yPxToClipY_0( yPx_0 : f32,  canvasHeight_1 : f32) -> f32\n{\n    return 1.0f - yPx_0 / canvasHeight_1 * 2.0f;\n}\n\nfn pxToClipLen_0( px_0 : f32,  size_0 : f32) -> f32\n{\n    return px_0 * 2.0f / size_0;\n}\n\nfn extendToMinWidthPx_0( x1_0 : f32,  x2_0 : f32,  minWidth_0 : f32) -> f32\n{\n    var dx_0 : f32 = x2_0 - x1_0;\n    var _S21 : f32;\n    if((abs(dx_0)) < minWidth_0)\n    {\n        if(dx_0 < 0.0f)\n        {\n            _S21 = - minWidth_0;\n        }\n        else\n        {\n            _S21 = minWidth_0;\n        }\n        _S21 = x1_0 + _S21;\n    }\n    else\n    {\n        _S21 = x2_0;\n    }\n    return _S21;\n}\n\nfn extendToMinWidthX_0( x1_1 : f32,  x2_1 : f32,  minWidthPx_1 : f32,  canvasWidth_0 : f32) -> f32\n{\n    return extendToMinWidthPx_0(x1_1, x2_1, pxToClipLen_0(minWidthPx_1, canvasWidth_0));\n}\n\nfn clipXToPx_0( clipX_0 : f32,  canvasWidth_1 : f32) -> f32\n{\n    return (clipX_0 + 1.0f) * 0.5f * canvasWidth_1;\n}\n\nfn crispSquareTopLeftPx_0( centerPx_0 : f32,  diameterPx_0 : f32) -> f32\n{\n    return floor(centerPx_0 - diameterPx_0 * 0.5f + 0.5f);\n}\n\nfn crispSquareCornerPx_0( centerPx_1 : vec2<f32>,  diameterPx_1 : f32,  q_0 : vec2<f32>) -> vec2<f32>\n{\n    return vec2<f32>(crispSquareTopLeftPx_0(centerPx_1.x, diameterPx_1), crispSquareTopLeftPx_0(centerPx_1.y, diameterPx_1)) + q_0 * vec2<f32>(diameterPx_1);\n}\n\nfn pxToClipX_0( xPx_0 : f32,  canvasWidth_2 : f32) -> f32\n{\n    return xPx_0 / canvasWidth_2 * 2.0f - 1.0f;\n}\n\nfn crispSquareCornerClip_0( centerClipX_0 : f32,  centerYPx_0 : f32,  diameterPx_2 : f32,  q_1 : vec2<f32>,  viewportWidth_1 : f32,  canvasHeight_2 : f32) -> vec4<f32>\n{\n    var vPx_0 : vec2<f32> = crispSquareCornerPx_0(vec2<f32>(clipXToPx_0(centerClipX_0, viewportWidth_1), centerYPx_0), diameterPx_2, q_1);\n    return vec4<f32>(pxToClipX_0(vPx_0.x, viewportWidth_1), yPxToClipY_0(vPx_0.y, canvasHeight_2), 0.0f, 1.0f);\n}\n\nfn aaPx_0( dpr_0 : f32) -> f32\n{\n    return 1.0f / max(dpr_0, 1.0f);\n}\n\nfn aaHalfPx_0( dpr_1 : f32) -> f32\n{\n    return 0.5f * aaPx_0(dpr_1);\n}\n\nfn glyphExpand_0( unitPx_0 : f32,  reaches_0 : f32,  dpr_2 : f32) -> f32\n{\n    return 1.0f + reaches_0 * aaHalfPx_0(dpr_2) / max(unitPx_0, 0.00100000004749745f);\n}\n\nstruct VsOut_0\n{\n    @builtin(position) position_0 : vec4<f32>,\n    @location(0) color_1 : vec4<f32>,\n    @location(2) localPos_0 : vec2<f32>,\n    @interpolate(flat) @location(1) shape_0 : f32,\n};\n\nstruct vertexInput_0\n{\n    @location(0) x_2 : u32,\n    @location(1) x2_2 : u32,\n    @location(2) y_1 : f32,\n    @location(3) color_2 : u32,\n    @location(4) glyph_0 : u32,\n    @location(5) row_0 : u32,\n};\n\nfn markScaleColor_0( _S22 : texture_2d<f32>,  _S23 : sampler,  _S24 : u32,  _S25 : i32,  _S26 : f32,  _S27 : f32,  _S28 : f32,  _S29 : i32,  _S30 : vec4<f32>,  _S31 : vec4<f32>) -> vec4<f32>\n{\n    if(_S25 == i32(0))\n    {\n        return unpackRGBA_0(_S24);\n    }\n    if(_S24 == u32(2143289345))\n    {\n        return unpackRGBA_0(u32(4289703855));\n    }\n    var scaleType_5 : i32;\n    if(((_S24 & (u32(2139095040)))) == u32(2139095040))\n    {\n        if(((_S24 & (u32(8388607)))) != u32(0))\n        {\n            return unpackRGBA_0(u32(4286611584));\n        }\n        var negative_0 : bool = ((_S24 & (u32(2147483648)))) != u32(0);\n        if(_S25 == i32(3))\n        {\n            if(negative_0)\n            {\n                scaleType_5 = i32(0);\n            }\n            else\n            {\n                scaleType_5 = _S29;\n            }\n            return u_0.colorBands_0[scaleType_5];\n        }\n        var _S32 : f32;\n        if(negative_0)\n        {\n            _S32 = 0.0f;\n        }\n        else\n        {\n            _S32 = 1.0f;\n        }\n        return rampColor_0(_S22, _S23, rampMidT_0(_S32, _S28));\n    }\n    var value_5 : f32 = (bitcast<f32>((_S24)));\n    if(_S25 == i32(3))\n    {\n        return u_0.colorBands_0[thresholdBand_0(value_5, _S29, _S30, _S31)];\n    }\n    if(_S25 == i32(2))\n    {\n        scaleType_5 = i32(1);\n    }\n    else\n    {\n        scaleType_5 = i32(0);\n    }\n    return rampColor_0(_S22, _S23, rampMidT_0(normalizeScore_0(value_5, _S26, _S27, scaleType_5, 1.0f), _S28));\n}\n\nfn bpToClipX_0( _S33 : u32) -> f32\n{\n    return hpToClipX_0(hpSplitUint_0(_S33), u_0.bpRangeX_0, u_0.zero_0);\n}\n\n@vertex\nfn vs_main( _S34 : vertexInput_0, @builtin(vertex_index) vid_1 : u32) -> VsOut_0\n{\n    var q_2 : vec2<f32> = quadLocal_0(vid_1 % u32(6));\n    var local_0 : vec2<f32> = q_2 * vec2<f32>(2.0f) - vec2<f32>(1.0f);\n    var xZero_0 : bool = (q_2.x) < 0.5f;\n    var o_0 : VsOut_0;\n    var _S35 : RowPlacement_0 = rowTableLookup_0(rowTable_texture_0, rowTable_sampler_0, _S34.row_0, u_0.rowTableKeys_0, markScaleColor_0(colorRamp_texture_0, colorRamp_sampler_0, _S34.color_2, u_0.rampMode_0, u_0.rampMin_0, u_0.rampMax_0, u_0.rampMidNorm_0, u_0.colorCutCount_0, u_0.colorCuts_0[i32(0)], u_0.colorCuts_0[i32(1)]));\n    if(_S35.hidden_0)\n    {\n        o_0.position_0 = vec4<f32>(2.0f, 2.0f, 0.0f, 1.0f);\n        o_0.color_1 = vec4<f32>(0.0f);\n        o_0.localPos_0 = vec2<f32>(0.0f);\n        o_0.shape_0 = 3.0f;\n        return o_0;\n    }\n    var _S36 : f32 = bpToClipX_0(_S34.x_2);\n    var _S37 : f32 = bpToClipX_0(_S34.x2_2);\n    var yPx_1 : f32 = pointRowYPx_0(rowBandTopPx_0(u_0.rowOffsetPx_0, u_0.rowHeight_0, _S35.slot_0), u_0.rowHeight_0, u_0.reverse_0, pointYPx_0(_S34.y_1, u_0.domainMin_0, u_0.domainMax_0, u_0.rowHeight_0, u_0.valueScaleType_0, u_0.insetPx_0, u_0.valueSymlogConstant_0));\n    var centerClipY_0 : f32 = yPxToClipY_0(yPx_1, u_0.canvasHeight_0);\n    o_0.color_1 = _S35.color_0;\n    var centerClipX_1 : f32 = (_S36 + _S37) * 0.5f;\n    var x_3 : f32;\n    if((u_0.rule_0) != i32(0))\n    {\n        var farClipX_0 : f32 = extendToMinWidthX_0(_S36, _S37, u_0.minWidthPx_0, u_0.viewportWidth_0);\n        if(xZero_0)\n        {\n            x_3 = min(_S36, farClipX_0);\n        }\n        else\n        {\n            x_3 = max(_S36, farClipX_0);\n        }\n        o_0.position_0 = vec4<f32>(x_3, centerClipY_0 + pxToClipLen_0(local_0.y * u_0.radiusPx_0, u_0.canvasHeight_0), 0.0f, 1.0f);\n        o_0.localPos_0 = local_0;\n        o_0.shape_0 = 3.0f;\n    }\n    else\n    {\n        var _S38 : bool;\n        if((_S34.glyph_0) == u32(3))\n        {\n            _S38 = true;\n        }\n        else\n        {\n            if((_S34.glyph_0) == u32(0))\n            {\n                _S38 = (u_0.radiusPx_0 * 2.0f) <= 3.0f;\n            }\n            else\n            {\n                _S38 = false;\n            }\n        }\n        if(_S38)\n        {\n            o_0.position_0 = crispSquareCornerClip_0(centerClipX_1, yPx_1, u_0.radiusPx_0 * 2.0f, q_2, u_0.viewportWidth_0, u_0.canvasHeight_0);\n            o_0.localPos_0 = local_0;\n            o_0.shape_0 = 3.0f;\n        }\n        else\n        {\n            var diamond_0 : bool = (_S34.glyph_0) == u32(2);\n            var _S39 : f32 = u_0.radiusPx_0;\n            if(diamond_0)\n            {\n                x_3 = 1.60000002384185791f;\n            }\n            else\n            {\n                x_3 = 1.0f;\n            }\n            var unitPx_1 : f32 = _S39 * x_3;\n            var _S40 : bool = (_S34.glyph_0) == u32(1);\n            if(_S40)\n            {\n                x_3 = 2.2360680103302002f;\n            }\n            else\n            {\n                if(diamond_0)\n                {\n                    x_3 = 1.41421365737915039f;\n                }\n                else\n                {\n                    x_3 = 1.0f;\n                }\n            }\n            var expand_0 : f32 = glyphExpand_0(unitPx_1, x_3, u_0.devicePixelRatio_0);\n            var halfPx_0 : f32 = unitPx_1 * expand_0;\n            o_0.position_0 = vec4<f32>(centerClipX_1 + pxToClipLen_0(local_0.x * halfPx_0, u_0.viewportWidth_0), centerClipY_0 + pxToClipLen_0(local_0.y * halfPx_0, u_0.canvasHeight_0), 0.0f, 1.0f);\n            o_0.localPos_0 = local_0 * vec2<f32>(expand_0);\n            if(_S40)\n            {\n                x_3 = 2.0f;\n            }\n            else\n            {\n                if(diamond_0)\n                {\n                    x_3 = 1.0f;\n                }\n                else\n                {\n                    x_3 = 0.0f;\n                }\n            }\n            o_0.shape_0 = x_3;\n        }\n    }\n    return o_0;\n}\n\nfn discCoverage_0( localPos_1 : vec2<f32>) -> f32\n{\n    return 1.0f - length(localPos_1);\n}\n\nfn aaGradient_0( d_0 : f32) -> f32\n{\n    return max(length(vec2<f32>(dpdx(d_0), dpdy(d_0))), 0.00000999999974738f);\n}\n\nfn aaRamp_0( signedInk_0 : f32,  widthPx_0 : f32) -> f32\n{\n    return clamp(signedInk_0 / widthPx_0 + 0.5f, 0.0f, 1.0f);\n}\n\nfn glyphEdgeAlpha_0( coverage_0 : f32) -> f32\n{\n    return aaRamp_0(coverage_0, aaGradient_0(coverage_0));\n}\n\nstruct pixelOutput_0\n{\n    @location(0) output_0 : vec4<f32>,\n};\n\nstruct pixelInput_0\n{\n    @location(0) color_3 : vec4<f32>,\n    @location(2) localPos_2 : vec2<f32>,\n    @interpolate(flat) @location(1) shape_1 : f32,\n};\n\n@fragment\nfn fs_main( _S41 : pixelInput_0, @builtin(position) position_1 : vec4<f32>) -> pixelOutput_0\n{\n    var coverage_1 : f32;\n    if((_S41.shape_1) > 2.5f)\n    {\n        coverage_1 = 1.0f;\n    }\n    else\n    {\n        if((_S41.shape_1) > 1.5f)\n        {\n            var _S42 : f32 = _S41.localPos_2.y;\n            var _S43 : f32 = _S41.localPos_2.x;\n            coverage_1 = min(1.0f - _S42, min((2.0f * _S43 + _S42 + 1.0f) * 0.44721359014511108f, (-2.0f * _S43 + _S42 + 1.0f) * 0.44721359014511108f));\n        }\n        else\n        {\n            if((_S41.shape_1) > 0.5f)\n            {\n                coverage_1 = 1.0f - (abs(_S41.localPos_2.x) + abs(_S41.localPos_2.y));\n            }\n            else\n            {\n                coverage_1 = discCoverage_0(_S41.localPos_2);\n            }\n        }\n    }\n    var alpha_0 : f32 = glyphEdgeAlpha_0(coverage_1);\n    if(alpha_0 <= 0.0f)\n    {\n        discard;\n    }\n    var _S44 : pixelOutput_0 = pixelOutput_0( vec4<f32>(_S41.color_3.xyz, _S41.color_3.w * alpha_0) );\n    return _S44;\n}\n\n"

package/src/shaders/rowRect.generated.ts

@@ -3,6 +3,4 @@
 
 export const MIN_DRAWN_ROW_PX = 1
 
-export const MIN_DRAWN_CELL_PX = 1
-
 export const MULTI_ROW_MIN_CELL_PX = 2