@genome-spy/core 0.40.0 → 0.42.0

package/dist/schema.json

@@ -313,6 +313,18 @@
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
         },
+        "debounce": {
+          "description": "Debounce time for data updates, in milliseconds. Debouncing prevents excessive data updates when the user is zooming or panning around.\n\n__Default value:__ `200`",
+          "type": "number"
+        },
+        "debounceMode": {
+          "description": "The debounce mode for data updates. If set to `\"domain\"`, domain change events (panning and zooming) will be debounced. If set to `\"window\"`, the data fetches initiated by the changes to the visible window (or tile) will be debounced.  If your data is small, the `\"window\"` is better as it will start fetching data while the user is still panning around, resulting in a shorter perceived latency.\n\n__Default value:__ `\"window\"`",
+          "enum": [
+            "domain",
+            "window"
+          ],
+          "type": "string"
+        },
         "indexUrl": {
           "description": "URL of the index file.\n\n__Default value:__ `url` + `\".bai\"`.",
           "type": "string"
@@ -352,6 +364,18 @@
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
         },
+        "debounce": {
+          "description": "Debounce time for data updates, in milliseconds. Debouncing prevents excessive data updates when the user is zooming or panning around.\n\n__Default value:__ `200`",
+          "type": "number"
+        },
+        "debounceMode": {
+          "description": "The debounce mode for data updates. If set to `\"domain\"`, domain change events (panning and zooming) will be debounced. If set to `\"window\"`, the data fetches initiated by the changes to the visible window (or tile) will be debounced.  If your data is small, the `\"window\"` is better as it will start fetching data while the user is still panning around, resulting in a shorter perceived latency.\n\n__Default value:__ `\"window\"`",
+          "enum": [
+            "domain",
+            "window"
+          ],
+          "type": "string"
+        },
         "type": {
           "const": "bigbed",
           "type": "string"
@@ -378,6 +402,18 @@
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
         },
+        "debounce": {
+          "description": "Debounce time for data updates, in milliseconds. Debouncing prevents excessive data updates when the user is zooming or panning around.\n\n__Default value:__ `200`",
+          "type": "number"
+        },
+        "debounceMode": {
+          "description": "The debounce mode for data updates. If set to `\"domain\"`, domain change events (panning and zooming) will be debounced. If set to `\"window\"`, the data fetches initiated by the changes to the visible window (or tile) will be debounced.  If your data is small, the `\"window\"` is better as it will start fetching data while the user is still panning around, resulting in a shorter perceived latency.\n\n__Default value:__ `\"window\"`",
+          "enum": [
+            "domain",
+            "window"
+          ],
+          "type": "string"
+        },
         "pixelsPerBin": {
           "description": "The approximate minimum width of each data bin, in pixels.\n\n__Default value:__ `2`",
           "type": "number"
@@ -1108,6 +1144,19 @@
       ],
       "type": "object"
     },
+    "ExprRef": {
+      "additionalProperties": false,
+      "properties": {
+        "expr": {
+          "description": "The expression string.",
+          "type": "string"
+        }
+      },
+      "required": [
+        "expr"
+      ],
+      "type": "object"
+    },
     "Field": {
       "description": "The name of the field or a JavaScript expression for accessing nested properties. Dots and brackets in the field name must be escaped.",
       "type": "string"
@@ -1773,10 +1822,18 @@
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
         },
-        "debounceDomainChange": {
-          "description": "The debounce time for domain changes, in milliseconds. Debouncing prevents data fetches while the user is still panning around.\n\n__Default value:__ `200`",
+        "debounce": {
+          "description": "Debounce time for data updates, in milliseconds. Debouncing prevents excessive data updates when the user is zooming or panning around.\n\n__Default value:__ `200`",
           "type": "number"
         },
+        "debounceMode": {
+          "description": "The debounce mode for data updates. If set to `\"domain\"`, domain change events (panning and zooming) will be debounced. If set to `\"window\"`, the data fetches initiated by the changes to the visible window (or tile) will be debounced.  If your data is small, the `\"window\"` is better as it will start fetching data while the user is still panning around, resulting in a shorter perceived latency.\n\n__Default value:__ `\"window\"`",
+          "enum": [
+            "domain",
+            "window"
+          ],
+          "type": "string"
+        },
         "indexUrl": {
           "description": "Url of the tabix index file.\n\n__Default value:__ `url` + `\".tbi\"`.",
           "type": "string"
@@ -2044,6 +2101,18 @@
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
         },
+        "debounce": {
+          "description": "Debounce time for data updates, in milliseconds. Debouncing prevents excessive data updates when the user is zooming or panning around.\n\n__Default value:__ `200`",
+          "type": "number"
+        },
+        "debounceMode": {
+          "description": "The debounce mode for data updates. If set to `\"domain\"`, domain change events (panning and zooming) will be debounced. If set to `\"window\"`, the data fetches initiated by the changes to the visible window (or tile) will be debounced.  If your data is small, the `\"window\"` is better as it will start fetching data while the user is still panning around, resulting in a shorter perceived latency.\n\n__Default value:__ `\"window\"`",
+          "enum": [
+            "domain",
+            "window"
+          ],
+          "type": "string"
+        },
         "indexUrl": {
           "description": "URL of the index file.\n\n__Default value:__ `url` + `\".fai\"`.",
           "type": "string"
@@ -2470,25 +2539,38 @@
             {
               "const": false,
               "type": "boolean"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
             }
           ],
           "description": "The range of the `\"arc\"` shape's fading distance in pixels. This property allows for making the arc's opacity fade out as it extends away from the chord. The fading distance is interpolated from one to zero between the interval defined by this property. Both `false` and `[0, 0]` disable fading.\n\n**Default value:** `false`"
         },
         "arcHeightFactor": {
-          "description": "Scaling factor for the `\"arc`\" shape's height. The default value `1.0` produces roughly circular arcs.\n\n**Default value:** `1.0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Scaling factor for the `\"arc`\" shape's height. The default value `1.0` produces roughly circular arcs.\n\n**Default value:** `1.0`"
         },
         "baseline": {
           "$ref": "#/definitions/Baseline",
           "description": "The vertical alignment of the text.  One of `\"top\"`, `\"middle\"`, `\"bottom\"`.\n\n**Default value:** `\"bottom\"`"
         },
-        "buildIndex": {
-          "description": "Builds and index for efficient rendering of subsets of the data. The data must be sorted by the x coordinate.\n\nTODO: This should be enabled automatically if the data are sorted.",
-          "type": "boolean"
-        },
         "clampApex": {
-          "description": "Whether the apex of the `\"dome\"` shape is clamped to the viewport edge. When over a half of the dome is located outside the viewport, clamping allows for more accurate reading of the value encoded by the apex' position.\n\n**Default value:** `false`",
-          "type": "boolean"
+          "anyOf": [
+            {
+              "type": "boolean"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Whether the apex of the `\"dome\"` shape is clamped to the viewport edge. When over a half of the dome is located outside the viewport, clamping allows for more accurate reading of the value encoded by the apex' position.\n\n**Default value:** `false`"
         },
         "clip": {
           "anyOf": [
@@ -2506,24 +2588,59 @@
           "type": "string"
         },
         "cornerRadius": {
-          "description": "Radius of the rounded corners.\n\n**Default value:** `0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Radius of the rounded corners.\n\n**Default value:** `0`"
         },
         "cornerRadiusBottomLeft": {
-          "description": "Radius of the bottom left rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Radius of the bottom left rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)"
         },
         "cornerRadiusBottomRight": {
-          "description": "Radius of the bottom right rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Radius of the bottom right rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)"
         },
         "cornerRadiusTopLeft": {
-          "description": "Radius of the top left rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Radius of the top left rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)"
         },
         "cornerRadiusTopRight": {
-          "description": "Radius of the top right rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Radius of the top right rounded corner. Has higher precedence than `cornerRadius`.\n\n**Default value:** (None)"
         },
         "dx": {
           "description": "The horizontal offset between the text and its anchor point, in pixels. Applied after the rotation by `angle`.",
@@ -2582,61 +2699,132 @@
           "type": "boolean"
         },
         "linkShape": {
-          "description": "The shape of the link path. Either `\"arc\"`, `\"diagonal\"`, `\"line\"`, or `\"dome\"`.\n\n**Default value:** `\"arc\"`",
-          "enum": [
-            "arc",
-            "diagonal",
-            "line",
-            "dome"
+          "anyOf": [
+            {
+              "const": "arc",
+              "type": "string"
+            },
+            {
+              "const": "diagonal",
+              "type": "string"
+            },
+            {
+              "const": "line",
+              "type": "string"
+            },
+            {
+              "const": "dome",
+              "type": "string"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
           ],
-          "type": "string"
+          "description": "The shape of the link path. Either `\"arc\"`, `\"diagonal\"`, `\"line\"`, or `\"dome\"`.\n\n**Default value:** `\"arc\"`"
         },
         "logoLetters": {
           "description": "Stretch letters so that they can be used with [sequence logos](https://en.wikipedia.org/wiki/Sequence_logo), etc...",
           "type": "boolean"
         },
         "maxChordLength": {
-          "description": "The maximum length of `\"arc\"` shape's chord in pixels. The chord is the line segment between the two points that define the arc. Limiting the chord length serves two purposes when zooming in close enough: 1) it prevents the arc from becoming a straight line and 2) it mitigates the limited precision of floating point numbers in arc rendering.\n\n**Default value:** `50000`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The maximum length of `\"arc\"` shape's chord in pixels. The chord is the line segment between the two points that define the arc. Limiting the chord length serves two purposes when zooming in close enough: 1) it prevents the arc from becoming a straight line and 2) it mitigates the limited precision of floating point numbers in arc rendering.\n\n**Default value:** `50000`"
         },
         "minArcHeight": {
-          "description": "The minimum height of an `\"arc\"` shape. Makes very short links more clearly visible.\n\n**Default value:** `1.5`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The minimum height of an `\"arc\"` shape. Makes very short links more clearly visible.\n\n**Default value:** `1.5`"
         },
         "minBufferSize": {
           "description": "Minimum size for WebGL buffers (number of data items). Allows for using `bufferSubData()` to update graphics.\n\nThis property is intended for internal use.",
           "type": "number"
         },
         "minHeight": {
-          "description": "The minimum height of a rectangle in pixels. The property clamps rectangles' heights.\n\n**Default value:** `0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The minimum height of a rectangle in pixels. The property clamps rectangles' heights.\n\n**Default value:** `0`"
         },
         "minLength": {
-          "description": "The minimum length of the rule in pixels. Use this property to ensure that very short ranged rules remain visible even when the user zooms out.\n\n**Default value:** `0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The minimum length of the rule in pixels. Use this property to ensure that very short ranged rules remain visible even when the user zooms out.\n\n**Default value:** `0`"
         },
         "minOpacity": {
-          "description": "Clamps the minimum size-dependent opacity. The property does not affect the `opacity` channel. Valid values are between `0` and `1`.\n\nWhen a rectangle would be smaller than what is specified in `minHeight` and `minWidth`, it is faded out proportionally. Example: a rectangle would be rendered as one pixel wide, but `minWidth` clamps it to five pixels. The rectangle is actually rendered as five pixels wide, but its opacity is multiplied by 0.2. With this setting, you can limit the factor to, for example, 0.5 to keep the rectangles more clearly visible.\n\n**Default value:** `0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "Clamps the minimum size-dependent opacity. The property does not affect the `opacity` channel. Valid values are between `0` and `1`.\n\nWhen a rectangle would be smaller than what is specified in `minHeight` and `minWidth`, it is faded out proportionally. Example: a rectangle would be rendered as one pixel wide, but `minWidth` clamps it to five pixels. The rectangle is actually rendered as five pixels wide, but its opacity is multiplied by 0.2. With this setting, you can limit the factor to, for example, 0.5 to keep the rectangles more clearly visible.\n\n**Default value:** `0`"
         },
         "minPickingSize": {
-          "description": "The minimum stroke width of the links when pointing with the mouse cursor. Allows making very thin links easier to point at.\n\n**Default value:** `3.0`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The minimum stroke width of the links when pointing with the mouse cursor. Allows making very thin links easier to point at.\n\n**Default value:** `3.0`"
         },
         "minWidth": {
-          "description": "The minimum width of a rectangle in pixels. The property clamps rectangles' widths when the viewport is zoomed out.\n\nThis property also reduces flickering of very narrow rectangles when zooming. The value should generally be at least one.\n\n**Default value:** `1`",
-          "type": "number"
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "description": "The minimum width of a rectangle in pixels. The property clamps rectangles' widths when the viewport is zoomed out.\n\nThis property also reduces flickering of very narrow rectangles when zooming. The value should generally be at least one.\n\n**Default value:** `1`"
         },
         "opacity": {
           "type": "number"
         },
         "orient": {
-          "description": "The orientation of the link path. Either `\"vertical\"` or `\"horizontal\"`. Only applies to diagonal links.\n\n**Default value:** `\"vertical\"`",
-          "enum": [
-            "vertical",
-            "horizontal"
+          "anyOf": [
+            {
+              "const": "vertical",
+              "type": "string"
+            },
+            {
+              "const": "horizontal",
+              "type": "string"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
           ],
-          "type": "string"
+          "description": "The orientation of the link path. Either `\"vertical\"` or `\"horizontal\"`. Only applies to diagonal links.\n\n**Default value:** `\"vertical\"`"
         },
         "paddingX": {
           "description": "The horizontal padding, in pixels, when the `x2` channel is used for ranged text.\n\n**Default value:** `0`",
@@ -2675,13 +2863,24 @@
           "type": "string"
         },
         "strokeCap": {
-          "description": "The style of stroke ends. Available choices: `\"butt\"`, `\"round`\", and `\"square\"`.\n\n**Default value:** `\"butt\"`",
-          "enum": [
-            "butt",
-            "square",
-            "round"
+          "anyOf": [
+            {
+              "const": "butt",
+              "type": "string"
+            },
+            {
+              "const": "square",
+              "type": "string"
+            },
+            {
+              "const": "round",
+              "type": "string"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
           ],
-          "type": "string"
+          "description": "The style of stroke ends. Available choices: `\"butt\"`, `\"round`\", and `\"square\"`.\n\n**Default value:** `\"butt\"`"
         },
         "strokeDash": {
           "description": "An array of of alternating stroke and gap lengths or `null` for solid strokes.\n\n**Default value:** `null`",
@@ -6310,6 +6509,9 @@
         },
         {
           "$ref": "#/definitions/DynamicOpacity"
+        },
+        {
+          "$ref": "#/definitions/ExprRef"
         }
       ]
     },

package/dist/src/data/sources/dynamic/axisGenomeSource.js

@@ -14,6 +14,6 @@ export default class AxisGenomeSource extends SingleAxisLazySource {
     }
 
     async load() {
-        this.publishData(this.genome.chromosomes);
+        this.publishData([this.genome.chromosomes]);
     }
 }

package/dist/src/data/sources/dynamic/axisTickSource.js

@@ -65,9 +65,9 @@ export default class AxisTickSource extends SingleAxisLazySource {
             this.ticks = ticks;
 
             const format = tickFormat(scale, requestedCount, axisParams.format);
-            this.publishData(
-                ticks.map((tick) => ({ value: tick, label: format(tick) }))
-            );
+            this.publishData([
+                ticks.map((tick) => ({ value: tick, label: format(tick) })),
+            ]);
         }
     }
 }

package/dist/src/data/sources/dynamic/bamSource.d.ts

@@ -1,21 +1,9 @@
-declare const BamSource_base: {
-    new (...args: any[]): {
-        [x: string]: any;
-        lastQuantizedInterval: number[];
-        quantizeInterval(interval: number[], windowSize: number): number[];
-        checkAndUpdateLastInterval(interval: number[]): boolean;
-    };
-} & typeof SingleAxisLazySource;
-export default class BamSource extends BamSource_base {
+export default class BamSource extends SingleAxisWindowedSource {
     /**
      * @param {import("../../../spec/data.js").BamData} params
      * @param {import("../../../view/view.js").default} view
      */
     constructor(params: import("../../../spec/data.js").BamData, view: import("../../../view/view.js").default);
-    /** Keep track of the order of the requests */
-    lastRequestId: number;
-    /** @type {import("@gmod/bam").BamFile} */
-    bam: import("@gmod/bam").BamFile;
     /**
      * Some BAM files lack the "chr" prefix on their reference names. For example:
      * http://genome.ucsc.edu/goldenPath/help/examples/bamExample.bam
@@ -28,13 +16,7 @@ export default class BamSource extends BamSource_base {
     chrPrefixFixer: (chr: string) => string;
     params: import("../../../spec/data.js").BamData;
     initializedPromise: Promise<any>;
-    /**
-     * Listen to the domain change event and update data when the covered windows change.
-     *
-     * @param {number[]} domain Linearized domain
-     */
-    onDomainChanged(domain: number[]): Promise<void>;
+    #private;
 }
-import SingleAxisLazySource from "./singleAxisLazySource.js";
-export {};
+import SingleAxisWindowedSource from "./singleAxisWindowedSource.js";
 //# sourceMappingURL=bamSource.d.ts.map

package/dist/src/data/sources/dynamic/bamSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bamSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/dynamic/bamSource.js"],"names":[],"mappings":";;;;;;;;AAIA;IAkBI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,OAAO,QACvC,OAAO,uBAAuB,EAAE,OAAO,EA+CjD;IAlED,8CAA8C;IAC9C,sBAAkB;IAElB,0CAA0C;IAC1C,KADW,OAAO,WAAW,EAAE,OAAO,CAClC;IAEJ;;;;;;;;OAQG;IACH,sBAFgB,MAAM,KAAK,MAAM,CAEH;IAgB1B,gDAAgC;IAMhC,iCA4BE;IAGN;;;;OAIG;IACH,wBAFW,MAAM,EAAE,iBA6ClB;CACJ;iCA1HgC,2BAA2B"}
+{"version":3,"file":"bamSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/dynamic/bamSource.js"],"names":[],"mappings":"AAGA;IAeI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,OAAO,QACvC,OAAO,uBAAuB,EAAE,OAAO,EAmDjD;IAhED;;;;;;;;OAQG;IACH,sBAFgB,MAAM,KAAK,MAAM,CAEH;IAkB1B,gDAAgC;IAQhC,iCA4BE;;CAmCT;qCAxGoC,+BAA+B"}

package/dist/src/data/sources/dynamic/bamSource.js

@@ -1,13 +1,9 @@
-import SingleAxisLazySource from "./singleAxisLazySource.js";
-import windowedMixin from "./windowedMixin.js";
 import addBaseUrl from "../../../utils/addBaseUrl.js";
+import SingleAxisWindowedSource from "./singleAxisWindowedSource.js";
 
-export default class BamSource extends windowedMixin(SingleAxisLazySource) {
-    /** Keep track of the order of the requests */
-    lastRequestId = 0;
-
+export default class BamSource extends SingleAxisWindowedSource {
     /** @type {import("@gmod/bam").BamFile} */
-    bam;
+    #bam;
 
     /**
      * Some BAM files lack the "chr" prefix on their reference names. For example:
@@ -29,6 +25,8 @@ export default class BamSource extends windowedMixin(SingleAxisLazySource) {
         const paramsWithDefaults = {
             channel: "x",
             windowSize: 20000,
+            debounce: 200,
+            debounceMode: "domain",
             ...params,
         };
 
@@ -40,6 +38,8 @@ export default class BamSource extends windowedMixin(SingleAxisLazySource) {
             throw new Error("No URL provided for BamSource");
         }
 
+        this.setupDebouncing(this.params);
+
         this.initializedPromise = new Promise((resolve) => {
             Promise.all([
                 import("@gmod/bam"),
@@ -48,17 +48,17 @@ export default class BamSource extends windowedMixin(SingleAxisLazySource) {
                 const withBase = (/** @type {string} */ uri) =>
                     new RemoteFile(addBaseUrl(uri, this.view.getBaseUrl()));
 
-                this.bam = new BamFile({
+                this.#bam = new BamFile({
                     bamFilehandle: withBase(this.params.url),
                     baiFilehandle: withBase(
                         this.params.indexUrl ?? this.params.url + ".bai"
                     ),
                 });
 
-                this.bam.getHeader().then((_header) => {
+                this.#bam.getHeader().then((_header) => {
                     const g = this.genome.hasChrPrefix();
                     const b =
-                        this.bam.indexToChr?.[0]?.refName.startsWith("chr");
+                        this.#bam.indexToChr?.[0]?.refName.startsWith("chr");
                     if (g && !b) {
                         this.chrPrefixFixer = (chr) => chr.replace("chr", "");
                     } else if (!g && b) {
@@ -72,52 +72,35 @@ export default class BamSource extends windowedMixin(SingleAxisLazySource) {
     }
 
     /**
-     * Listen to the domain change event and update data when the covered windows change.
-     *
-     * @param {number[]} domain Linearized domain
+     * @param {number[]} interval linearized domain
      */
-    async onDomainChanged(domain) {
-        const windowSize = this.params.windowSize;
-
-        if (domain[1] - domain[0] > windowSize) {
-            return;
-        }
-
-        await this.initializedPromise;
-
-        const quantizedInterval = this.quantizeInterval(domain, windowSize);
-
-        if (this.checkAndUpdateLastInterval(quantizedInterval)) {
-            const discreteChromosomeIntervals =
-                this.genome.continuousToDiscreteChromosomeIntervals(
-                    quantizedInterval
-                );
-
-            // TODO: Error handling
-            const sequencesWithChrom = await Promise.all(
-                discreteChromosomeIntervals.map((d) =>
-                    this.bam
-                        .getRecordsForRange(
-                            this.chrPrefixFixer(d.chrom),
-                            d.startPos,
-                            d.endPos
-                        )
-                        .then((records) =>
-                            records.map((record) => ({
-                                chrom: d.chrom,
-                                start: record.get("start"),
-                                end: record.get("end"),
-                                name: record.get("name"),
-                                MD: record.get("MD"),
-                                cigar: record.get("cigar"),
-                                mapq: record.get("mq"),
-                                strand: record.get("strand") === 1 ? "+" : "-",
-                            }))
-                        )
-                )
-            );
-
-            this.publishData(sequencesWithChrom.flat());
+    async loadInterval(interval) {
+        const featureChunks = await this.discretizeAndLoad(
+            interval,
+            async (d, signal) =>
+                this.#bam
+                    .getRecordsForRange(
+                        this.chrPrefixFixer(d.chrom),
+                        d.startPos,
+                        d.endPos,
+                        { signal }
+                    )
+                    .then((records) =>
+                        records.map((record) => ({
+                            chrom: d.chrom,
+                            start: record.get("start"),
+                            end: record.get("end"),
+                            name: record.get("name"),
+                            MD: record.get("MD"),
+                            cigar: record.get("cigar"),
+                            mapq: record.get("mq"),
+                            strand: record.get("strand") === 1 ? "+" : "-",
+                        }))
+                    )
+        );
+
+        if (featureChunks) {
+            this.publishData(featureChunks);
         }
     }
 }