@react-x11/components 0.8.0 → 0.10.0

package/dist/flow/gl/pack.d.ts

@@ -0,0 +1,133 @@
+import type { FlowRect } from '../types.js';
+import type { FlowScene, SceneText } from '../scene.js';
+import type { GlyphQuad } from './text.js';
+/** Turns a string into the quad that draws it — `./text.ts`'s atlas, or
+ *  nothing, in which case the string is counted as a gap. */
+export type TextResolver = (text: SceneText) => GlyphQuad | null;
+/** Floats per line segment: the ends; then half-width, the distance along
+ *  the line at the first end, and the dash; then the dash's offset and
+ *  whether it marches; then the colour. */
+export declare const LINE_STRIDE = 16;
+/** Floats per box: the rect, the corner radius and border width, the fill,
+ *  the border colour. A *label* is a box too — the text's corner and the
+ *  quad's size where the rect is, its margin, a flag and the size of a
+ *  field texel where the corner radius and border are, its ink in the fill
+ *  and its place in the atlas where a border colour would be — so labels
+ *  share the box stream and land in it exactly where the 2D painter draws
+ *  them. */
+export declare const BOX_STRIDE = 16;
+/** Floats per triangle *vertex*: position and colour. */
+export declare const TRI_STRIDE = 6;
+/** One run of one kind of instance, drawn in turn. `scissor` limits it to a
+ *  rect — the minimap's viewport box is allowed to spill past the panel in
+ *  the scene and has to be cut, as the 2D painter's `clipRect` cuts it. */
+export interface DrawRange {
+    kind: 'grid' | 'line' | 'box' | 'tri';
+    first: number;
+    count: number;
+    scissor?: FlowRect;
+}
+/** What {@link packScene} could not put on the GPU, counted rather than
+ *  dropped silently — the renderer reports it, and a caller deciding
+ *  whether GL is good enough for a graph reads it. */
+export interface PackGaps {
+    /** Strings: node labels, descriptions, edge labels, handle labels. The
+     *  label atlas is the next piece of work (`docs/prd-flow-gl.md`). */
+    text: number;
+    /** Nodes whose type draws itself through `paint`, which is a 2D API. */
+    custom: number;
+}
+/**
+ * Which part of a scene to pack.
+ *
+ * The GL renderer keeps the graph — edges, heads, chips, nodes, the line a
+ * connection gesture draws — as a **world** it packs only when it changes,
+ * built at a pinned origin so that a pan moves a uniform and repacks
+ * nothing. What is pinned to the *pane* rather than to the graph is the
+ * **overlay**, packed every frame because it is a handful of boxes: the
+ * background and the grid under the world, the selection rectangle, the
+ * minimap and the controls over it. `'all'` is both, in one pass, in the 2D
+ * painter's order.
+ */
+export type PackLayer = 'all' | 'world' | 'overlay';
+/** A label packed before its field landed: which box it is, the field or
+ *  request it waits for, and the label itself (`LabelAtlas.landing`). */
+export interface WaitingLabel {
+    index: number;
+    key: string;
+    text: SceneText;
+}
+/** A label packed drawn from a field, and the placement of the field it
+ *  was drawn from (`LabelAtlas.slotOf`): a box whose field was dropped or
+ *  moved is found by comparing the two. */
+export interface DrawnLabel extends WaitingLabel {
+    slot: number;
+}
+export interface PackedScene {
+    lines: Float32Array;
+    lineCount: number;
+    boxes: Float32Array;
+    boxCount: number;
+    tris: Float32Array;
+    triCount: number;
+    ranges: DrawRange[];
+    /** For an overlay: the ranges before this index go under the world and
+     *  the rest over it. */
+    split: number;
+    /** For a world: the ranges before this index are the edges, and the rest
+     *  the cards — where a layer of lifted nodes goes in two halves, its
+     *  edges under every card and its cards over them. */
+    nodesAt: number;
+    gaps: PackGaps;
+    /** Labels in `boxes` drawn as nothing until their fields land — the
+     *  renderer writes each in when it does. */
+    waiting: WaitingLabel[];
+    /** Labels in `boxes` drawn from their fields. */
+    drawn: DrawnLabel[];
+}
+/** Packs scenes into streams it owns and reuses. One per renderer. */
+export declare class ScenePacker {
+    private readonly colors;
+    private readonly lineStream;
+    private readonly boxStream;
+    private readonly triStream;
+    private ranges;
+    private gaps;
+    private waiting;
+    private drawn;
+    /** The scissor for whatever is appended until it is changed. */
+    private scissor;
+    private text;
+    /** The next range recorded is a new one, whatever the last was. */
+    private cut;
+    private nodesAt;
+    pack(scene: FlowScene, layer?: PackLayer, text?: TextResolver): PackedScene;
+    /** Extend the last range when it is the same kind under the same scissor,
+     *  or open a new one — which is what keeps a frame to a handful of draws
+     *  however the kinds interleave. */
+    private record;
+    private box;
+    private boxRaw;
+    /**
+     * A handle as a box whose corners meet. The 2D painter strokes a circle's
+     * outline *centred* on its edge — half the pen outside the radius — where
+     * a box's border is inset, so the disc is grown by half the pen to put the
+     * ring where the circle's was.
+     */
+    private handle;
+    /** A string as a box that samples its field in the atlas; counted as a
+     *  gap when the atlas has nothing to draw it from yet — and packed all
+     *  the same when its field is being set, drawn as nothing until it lands
+     *  (`waiting`). */
+    private label;
+    private ink;
+    private rule;
+    /** A polyline as capsule segments, carrying the distance along it so a
+     *  dash runs continuously round every vertex. */
+    private polyline;
+    /** A convex polygon as a triangle fan off its first vertex. Arrowheads
+     *  are the only filled polygons a graph draws, and both kinds are
+     *  convex. */
+    private polygon;
+}
+//# sourceMappingURL=pack.d.ts.map

package/dist/flow/gl/pack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pack.d.ts","sourceRoot":"","sources":["../../../src/flow/gl/pack.ts"],"names":[],"mappings":"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"}

package/dist/flow/gl/pack.js

@@ -0,0 +1,408 @@
+import { ColorCache } from './color.js';
+/** Floats per line segment: the ends; then half-width, the distance along
+ *  the line at the first end, and the dash; then the dash's offset and
+ *  whether it marches; then the colour. */
+export const LINE_STRIDE = 16;
+/** Floats per box: the rect, the corner radius and border width, the fill,
+ *  the border colour. A *label* is a box too — the text's corner and the
+ *  quad's size where the rect is, its margin, a flag and the size of a
+ *  field texel where the corner radius and border are, its ink in the fill
+ *  and its place in the atlas where a border colour would be — so labels
+ *  share the box stream and land in it exactly where the 2D painter draws
+ *  them. */
+export const BOX_STRIDE = 16;
+/** Floats per triangle *vertex*: position and colour. */
+export const TRI_STRIDE = 6;
+/**
+ * A growable Float32Array, reused frame to frame: a scene is repacked every
+ * frame the graph changes, and allocating its buffers each time is exactly
+ * the garbage `../scene.ts`'s route cache exists to avoid.
+ */
+class Stream {
+    stride;
+    data;
+    length = 0;
+    constructor(stride, capacity) {
+        this.stride = stride;
+        this.data = new Float32Array(stride * capacity);
+    }
+    reset() {
+        this.length = 0;
+    }
+    /** Room for one more record; answers its offset. */
+    next() {
+        const at = this.length * this.stride;
+        if (at + this.stride > this.data.length) {
+            const grown = new Float32Array(this.data.length * 2);
+            grown.set(this.data);
+            this.data = grown;
+        }
+        this.length++;
+        return at;
+    }
+}
+/** Packs scenes into streams it owns and reuses. One per renderer. */
+export class ScenePacker {
+    colors = new ColorCache();
+    lineStream = new Stream(LINE_STRIDE, 1024);
+    boxStream = new Stream(BOX_STRIDE, 256);
+    triStream = new Stream(TRI_STRIDE, 256);
+    ranges = [];
+    gaps = { text: 0, custom: 0 };
+    waiting = [];
+    drawn = [];
+    /** The scissor for whatever is appended until it is changed. */
+    scissor;
+    text;
+    /** The next range recorded is a new one, whatever the last was. */
+    cut = false;
+    nodesAt = 0;
+    pack(scene, layer = 'all', text) {
+        this.text = text;
+        const world = layer !== 'overlay';
+        const overlay = layer !== 'world';
+        this.lineStream.reset();
+        this.boxStream.reset();
+        this.triStream.reset();
+        this.ranges = [];
+        this.gaps = { text: 0, custom: 0 };
+        this.waiting = [];
+        this.drawn = [];
+        this.cut = false;
+        this.nodesAt = 0;
+        this.scissor = undefined;
+        let split = 0;
+        if (scene.region) {
+            if (overlay) {
+                if (scene.background)
+                    this.box(scene.background);
+                if (scene.grid)
+                    this.ranges.push({ kind: 'grid', first: 0, count: 1 });
+            }
+            split = this.ranges.length;
+        }
+        if (scene.region && world) {
+            // Every stroke, then every head, then every chip, then every label:
+            // the painter's order, and the reason a label sits above the edge
+            // that crosses the one it names.
+            for (const edge of scene.edges) {
+                const dash = dashPair(edge.dash);
+                // A marching dash is packed with no phase and a flag: the renderer
+                // adds the phase as a uniform, so the timer's tick is a frame, not a
+                // world rebuilt (`./renderer.ts`, `u_phase`).
+                this.polyline(edge.points, edge.lineWidth, this.colors.get(edge.stroke), dash[0], dash[1], edge.animated ? 0 : edge.dashOffset, edge.animated);
+            }
+            // The heads in two passes — every fill, then every outline and open
+            // head — as the 2D painter draws its filled bucket before its stroked
+            // one. One pass per head alternated triangle and line and opened two
+            // draw ranges an arrowhead: 807 draw calls for 200 nodes, where two
+            // are enough. Heads almost never overlap one another, so the order
+            // within the layer is not something anyone can see.
+            for (const edge of scene.edges) {
+                for (const marker of edge.markers) {
+                    if (marker.filled) {
+                        this.polygon(marker.points, this.colors.get(marker.color));
+                    }
+                }
+            }
+            for (const edge of scene.edges) {
+                for (const marker of edge.markers) {
+                    const color = this.colors.get(marker.color);
+                    if (marker.filled) {
+                        // Flat triangles are not antialiased; a hairline round the same
+                        // outline in the same colour is, and it is what the 2D fill's
+                        // own coverage looks like at its edge.
+                        this.polyline(closed(marker.points), 1, color, 0, 0, 0);
+                    }
+                    else {
+                        this.polyline(marker.points, marker.lineWidth, color, 0, 0, 0);
+                    }
+                }
+            }
+            for (const edge of scene.edges)
+                if (edge.chip)
+                    this.box(edge.chip);
+            for (const edge of scene.edges)
+                if (edge.label)
+                    this.label(edge.label);
+            this.nodesAt = this.ranges.length;
+            this.cut = true;
+            for (const node of scene.nodes) {
+                if (node.custom) {
+                    this.gaps.custom++;
+                }
+                else if (node.card) {
+                    this.box(node.card.shape);
+                    if (node.card.accent)
+                        this.box(node.card.accent);
+                    for (const ink of node.ink)
+                        this.ink(ink);
+                }
+                for (const handle of node.handles)
+                    this.handle(handle);
+                for (const grip of node.grips)
+                    this.box(grip);
+            }
+            if (scene.connection) {
+                const c = scene.connection;
+                const dash = dashPair(c.dash);
+                this.polyline(c.points, c.lineWidth, this.colors.get(c.stroke), dash[0], dash[1], 0);
+                this.handle(c.tip);
+            }
+        }
+        if (scene.region && overlay) {
+            split = layer === 'overlay' ? split : this.ranges.length;
+            if (scene.selection)
+                this.box(scene.selection);
+            if (scene.miniMap) {
+                const map = scene.miniMap;
+                this.box(map.panel);
+                this.scissor = map.panel.rect;
+                for (const n of map.nodes)
+                    this.box(n);
+                this.box(map.view);
+                this.scissor = undefined;
+            }
+            if (scene.controls) {
+                this.box(scene.controls.panel);
+                for (const rule of scene.controls.rules)
+                    this.rule(rule);
+                for (const glyph of scene.controls.glyphs) {
+                    const color = this.colors.get(glyph.color);
+                    for (const run of glyph.runs) {
+                        this.polyline(run, glyph.lineWidth, color, 0, 0, 0);
+                    }
+                }
+            }
+        }
+        return {
+            lines: this.lineStream.data,
+            lineCount: this.lineStream.length,
+            boxes: this.boxStream.data,
+            boxCount: this.boxStream.length,
+            tris: this.triStream.data,
+            triCount: this.triStream.length,
+            ranges: this.ranges,
+            nodesAt: this.nodesAt,
+            split,
+            gaps: this.gaps,
+            waiting: this.waiting,
+            drawn: this.drawn,
+        };
+    }
+    /** Extend the last range when it is the same kind under the same scissor,
+     *  or open a new one — which is what keeps a frame to a handful of draws
+     *  however the kinds interleave. */
+    record(kind, first) {
+        const last = this.ranges[this.ranges.length - 1];
+        if (last &&
+            !this.cut &&
+            last.kind === kind &&
+            last.scissor === this.scissor) {
+            last.count++;
+            return;
+        }
+        this.cut = false;
+        this.ranges.push({ kind, first, count: 1, scissor: this.scissor });
+    }
+    box(item) {
+        const { rect } = item;
+        if (!(rect.width > 0) || !(rect.height > 0))
+            return;
+        const fill = this.colors.get(item.fill);
+        const border = item.stroke ? this.colors.get(item.stroke) : null;
+        this.boxRaw(rect.x, rect.y, rect.width, rect.height, item.radius, border ? (item.lineWidth ?? 1) : 0, fill, border ?? fill);
+    }
+    boxRaw(x, y, w, h, radius, border, fill, ring) {
+        const s = this.boxStream;
+        const index = s.length;
+        const at = s.next();
+        const d = s.data;
+        d[at] = x;
+        d[at + 1] = y;
+        d[at + 2] = w;
+        d[at + 3] = h;
+        d[at + 4] = radius;
+        d[at + 5] = border;
+        d[at + 6] = 0;
+        d[at + 7] = 0;
+        d[at + 8] = fill[0];
+        d[at + 9] = fill[1];
+        d[at + 10] = fill[2];
+        d[at + 11] = fill[3];
+        d[at + 12] = ring[0];
+        d[at + 13] = ring[1];
+        d[at + 14] = ring[2];
+        d[at + 15] = ring[3];
+        this.record('box', index);
+    }
+    /**
+     * A handle as a box whose corners meet. The 2D painter strokes a circle's
+     * outline *centred* on its edge — half the pen outside the radius — where
+     * a box's border is inset, so the disc is grown by half the pen to put the
+     * ring where the circle's was.
+     */
+    handle(h) {
+        const pen = h.stroke ? (h.lineWidth ?? 1) : 0;
+        const r = h.radius + pen / 2;
+        const fill = this.colors.get(h.fill);
+        const ring = h.stroke ? this.colors.get(h.stroke) : fill;
+        this.boxRaw(h.at.x - r, h.at.y - r, r * 2, r * 2, r, pen, fill, ring);
+        if (h.label)
+            this.label(h.label);
+    }
+    /** A string as a box that samples its field in the atlas; counted as a
+     *  gap when the atlas has nothing to draw it from yet — and packed all
+     *  the same when its field is being set, drawn as nothing until it lands
+     *  (`waiting`). */
+    label(t) {
+        const q = this.text?.(t);
+        if (!q) {
+            this.gaps.text++;
+            return;
+        }
+        const color = this.colors.get(t.color);
+        if (color[3] <= 0)
+            return;
+        const s = this.boxStream;
+        const index = s.length;
+        const at = s.next();
+        const d = s.data;
+        d[at] = q.x;
+        d[at + 1] = q.y;
+        d[at + 2] = q.w;
+        d[at + 3] = q.h;
+        d[at + 4] = q.margin;
+        // the page its field is on: which channel the shader reads
+        d[at + 5] = q.page;
+        // a label, not a box — and 2 for one whose field is still being set
+        d[at + 6] = q.ready ? 1 : 2;
+        d[at + 7] = q.texel;
+        d[at + 8] = color[0];
+        d[at + 9] = color[1];
+        d[at + 10] = color[2];
+        d[at + 11] = color[3];
+        d[at + 12] = q.u0;
+        d[at + 13] = q.v0;
+        d[at + 14] = q.u1;
+        d[at + 15] = q.v1;
+        if (!q.ready) {
+            this.gaps.text++;
+            this.waiting.push({ index, key: q.key, text: t });
+        }
+        else {
+            this.drawn.push({ index, key: q.key, text: t, slot: q.slot });
+        }
+        this.record('box', index);
+    }
+    ink(item) {
+        if (item.kind === 'text')
+            this.label(item);
+        else
+            this.rule(item);
+    }
+    rule(item) {
+        // A hairline across or down — every rule a scene draws, the one under a
+        // title bar and the one between two control buttons — is a box: the
+        // pixels of the butt-capped stroke the 2D painter lays. As a line it put
+        // the line program between a card's boxes, and a range is one program:
+        // every card with a title bar opened three draw ranges where the rest
+        // of the world's nodes shared one — 566 draws a frame on a board of
+        // widget cards, each two dozen calls into the GL bridge.
+        const [a, b] = item.points;
+        if (item.points.length === 2 && (a.y === b.y || a.x === b.x)) {
+            const color = this.colors.get(item.color);
+            if (color[3] <= 0)
+                return;
+            const half = item.lineWidth / 2;
+            if (a.y === b.y) {
+                const w = Math.abs(b.x - a.x);
+                if (w > 0) {
+                    this.boxRaw(Math.min(a.x, b.x), a.y - half, w, item.lineWidth, 0, 0, color, color);
+                }
+            }
+            else {
+                const h = Math.abs(b.y - a.y);
+                if (h > 0) {
+                    this.boxRaw(a.x - half, Math.min(a.y, b.y), item.lineWidth, h, 0, 0, color, color);
+                }
+            }
+            return;
+        }
+        this.polyline(item.points, item.lineWidth, this.colors.get(item.color), 0, 0, 0);
+    }
+    /** A polyline as capsule segments, carrying the distance along it so a
+     *  dash runs continuously round every vertex. */
+    polyline(points, lineWidth, color, dashOn, dashOff, dashOffset, marching = false) {
+        if (points.length < 2 || color[3] <= 0)
+            return;
+        const s = this.lineStream;
+        const half = lineWidth / 2;
+        let along = 0;
+        for (let i = 0; i + 1 < points.length; i++) {
+            const a = points[i];
+            const b = points[i + 1];
+            const index = s.length;
+            const at = s.next();
+            const d = s.data;
+            d[at] = a.x;
+            d[at + 1] = a.y;
+            d[at + 2] = b.x;
+            d[at + 3] = b.y;
+            d[at + 4] = half;
+            d[at + 5] = along;
+            d[at + 6] = dashOn;
+            d[at + 7] = dashOff;
+            d[at + 8] = dashOffset;
+            d[at + 9] = marching ? 1 : 0;
+            d[at + 10] = 0;
+            d[at + 11] = 0;
+            d[at + 12] = color[0];
+            d[at + 13] = color[1];
+            d[at + 14] = color[2];
+            d[at + 15] = color[3];
+            this.record('line', index);
+            along += Math.hypot(b.x - a.x, b.y - a.y);
+        }
+    }
+    /** A convex polygon as a triangle fan off its first vertex. Arrowheads
+     *  are the only filled polygons a graph draws, and both kinds are
+     *  convex. */
+    polygon(points, color) {
+        if (points.length < 3 || color[3] <= 0)
+            return;
+        const s = this.triStream;
+        for (let i = 1; i + 1 < points.length; i++) {
+            for (const p of [points[0], points[i], points[i + 1]]) {
+                const index = s.length;
+                const at = s.next();
+                const d = s.data;
+                d[at] = p.x;
+                d[at + 1] = p.y;
+                d[at + 2] = color[0];
+                d[at + 3] = color[1];
+                d[at + 4] = color[2];
+                d[at + 5] = color[3];
+                this.record('tri', index);
+            }
+        }
+    }
+}
+/**
+ * A canvas dash pattern as the one on/off pair the line program draws.
+ * `[a]` means `[a, a]`, as `setLineDash` repeats an odd-length list; a
+ * longer pattern keeps its first pair. Every pattern a graph draws by
+ * default is a pair, and a user `style.dash` of more is rare enough to say
+ * so rather than to pay a second uniform block for.
+ */
+function dashPair(dash) {
+    if (!dash || dash.length === 0)
+        return [0, 0];
+    if (dash.length === 1)
+        return [dash[0], dash[0]];
+    return [dash[0], dash[1]];
+}
+function closed(points) {
+    return points.length > 0 ? [...points, points[0]] : [];
+}
+//# sourceMappingURL=pack.js.map

package/dist/flow/gl/pack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pack.js","sourceRoot":"","sources":["../../../src/flow/gl/pack.ts"],"names":[],"mappings":"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"}

package/dist/flow/gl/renderer.d.ts

@@ -0,0 +1,95 @@
+import type { FlowFrameStats, XYPosition } from '../types.js';
+import type { FlowScene } from '../scene.js';
+import type { LabelAtlas } from './text.js';
+import type { GL } from './shaders.js';
+/** One frame's drawing, counted; `<Flow>` adds the scene's share. */
+export type FlowGlDrawStats = Omit<FlowFrameStats, 'sceneMs' | 'renderer' | 'bodies'>;
+/** Where the surface sits and how big it is: the pane's content box in
+ *  logical window pixels, and the surface in device pixels. */
+export interface FlowGlTarget {
+    origin: XYPosition;
+    scale: number;
+    width: number;
+    height: number;
+}
+/** What the element hands the renderer for one frame. */
+export interface FlowGlFrame {
+    /** The graph, when it changed since the last frame — null to draw the one
+     *  already on the GPU where `offset` now puts it. */
+    world: FlowScene | null;
+    /** Where the world's pinned origin lands in the window, in logical
+     *  pixels: the pane's origin plus the viewport's translation. */
+    offset: XYPosition;
+    /** How much the world on the GPU is magnified: the view's zoom over the
+     *  zoom it was built at. 1 — or absent — except while a zoom gesture
+     *  moves, when the world is drawn scaled rather than rebuilt a step. */
+    zoom?: number;
+    /** The pane's furniture, every frame. */
+    overlay: FlowScene;
+    /** How far a marching dash has moved, in the world's logical pixels — a
+     *  uniform, so the dash timer's tick redraws without a rebuild. */
+    phase: number;
+    /** A zoom gesture is moving: a stream of zoom steps, not a single one —
+     *  what the label atlas holds new strings back for. */
+    moving?: boolean;
+    /**
+     * The nodes a drag is moving and their edges, lifted out of the world —
+     * which is built without them while they move — and packed on their own
+     * when they changed: absent to draw the ones already on the GPU, null for
+     * none. A drag step packs a card or two and their edges, where it packed
+     * the whole world: 3-4 ms a step at 2,000 nodes. Drawn in two halves, its
+     * edges under every card and its cards over them, as the painter orders
+     * a dragged node.
+     */
+    lifted?: FlowScene | null;
+}
+export declare const now: () => number;
+export declare class FlowGlRenderer {
+    private readonly gl;
+    private readonly line;
+    private readonly box;
+    private readonly tri;
+    private readonly grid;
+    private readonly vao;
+    private readonly quad;
+    private readonly world;
+    private readonly lifted;
+    private readonly overlay;
+    private readonly colors;
+    /** Whether this context has had the atlas's texture made in it — a new
+     *  renderer is a new context, into which every raster is uploaded again. */
+    private atlasBound;
+    constructor(gl: GL);
+    /** A whole scene, in one layer, at no offset — what a test or a one-off
+     *  render wants, and the same drawing the two-layer frame composes. */
+    draw(scene: FlowScene, target: FlowGlTarget, atlas?: LabelAtlas): FlowGlDrawStats;
+    /** One frame: the overlay under the world, the world at its offset, the
+     *  overlay over it. */
+    drawFrame(frame: FlowGlFrame, target: FlowGlTarget, atlas?: LabelAtlas): FlowGlDrawStats;
+    /**
+     * The labels of a layer packed before their fields existed, drawn from
+     * them now they have landed: the flag, the place in the atlas and the
+     * quad written into each box, and the stream uploaded again.
+     * A label arriving used to be the world packed again once everything on
+     * screen had its field — every label at once, after all of them — and is
+     * now a few floats and one upload, as each lands. Answers the bytes sent.
+     *
+     * First, the other way: a label whose field the atlas dropped for one
+     * nearer the view — or set again somewhere else — is drawn as nothing
+     * and waits again, its field wanted from where it is. Only a full atlas
+     * drops anything, so a graph under the limit never walks this list.
+     */
+    private landLabels;
+    private stats;
+    private begin;
+    private ranges;
+    private uniforms;
+    /** The quad's corners at location 0, stepping per vertex. */
+    private corners;
+    private drawInstances;
+    private drawTriangles;
+    private drawGrid;
+    private scissor;
+    dispose(): void;
+}
+//# sourceMappingURL=renderer.d.ts.map