@genome-spy/core 0.57.0 → 0.58.0

package/dist/bundle/{remoteFile-DwSeXAZ0.js → remoteFile-BuaqFGWk.js}

@@ -1,4 +1,4 @@
-import { b as d } from "./index-DluFz_0j.js";
+import { b as d } from "./index-BftNdA0O.js";
 function u(n) {
   return (typeof n == "object" && n !== null && "message" in n ? n.message : `${n}`).replace(/\.$/, "");
 }

package/dist/schema.json

@@ -2905,6 +2905,13 @@
     "Gff3Data": {
       "additionalProperties": false,
       "properties": {
+        "addChrPrefix": {
+          "description": "Add a `chr` (boolean) or custom (string) prefix to the chromosome names in the Tabix file.\n\n__Default value:__ `false`",
+          "type": [
+            "boolean",
+            "string"
+          ]
+        },
         "channel": {
           "$ref": "#/definitions/PrimaryPositionalChannel",
           "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
@@ -3654,6 +3661,9 @@
         },
         {
           "$ref": "#/definitions/Gff3Data"
+        },
+        {
+          "$ref": "#/definitions/VcfData"
         }
       ]
     },
@@ -8821,6 +8831,62 @@
       ],
       "type": "object"
     },
+    "VcfData": {
+      "additionalProperties": false,
+      "properties": {
+        "addChrPrefix": {
+          "description": "Add a `chr` (boolean) or custom (string) prefix to the chromosome names in the Tabix file.\n\n__Default value:__ `false`",
+          "type": [
+            "boolean",
+            "string"
+          ]
+        },
+        "channel": {
+          "$ref": "#/definitions/PrimaryPositionalChannel",
+          "description": "Which channel's scale domain to monitor.\n\n__Default value:__ `\"x\"`"
+        },
+        "debounce": {
+          "anyOf": [
+            {
+              "type": "number"
+            },
+            {
+              "$ref": "#/definitions/ExprRef"
+            }
+          ],
+          "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`"
+        },
+        "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"
+        },
+        "type": {
+          "const": "vcf",
+          "type": "string"
+        },
+        "url": {
+          "description": "Url of the bgzip compressed file.",
+          "type": "string"
+        },
+        "windowSize": {
+          "description": "Size of each chunk when fetching the Tabix file. Data is only fetched when the length of the visible domain smaller than the window size.\n\n__Default value:__ `30000000`",
+          "type": "number"
+        }
+      },
+      "required": [
+        "type",
+        "url"
+      ],
+      "type": "object"
+    },
     "ViewBackground": {
       "additionalProperties": false,
       "properties": {

package/dist/src/data/sources/dataSourceFactory.d.ts

@@ -2,7 +2,7 @@
  * @param {Partial<import("../../spec/data.js").Data>} params
  * @param {import("../../view/view.js").default} view
  */
-export default function createDataSource(params: Partial<import("../../spec/data.js").Data>, view: import("../../view/view.js").default): InlineSource | UrlSource | SequenceSource | AxisTickSource | AxisGenomeSource | IndexedFastaSource | BigWigSource | BigBedSource | BamSource | Gff3Source;
+export default function createDataSource(params: Partial<import("../../spec/data.js").Data>, view: import("../../view/view.js").default): InlineSource | UrlSource | SequenceSource | AxisTickSource | AxisGenomeSource | IndexedFastaSource | BigWigSource | BigBedSource | BamSource | Gff3Source | VcfSource;
 import InlineSource from "./inlineSource.js";
 import UrlSource from "./urlSource.js";
 import SequenceSource from "./sequenceSource.js";
@@ -13,4 +13,5 @@ import BigWigSource from "./lazy/bigWigSource.js";
 import BigBedSource from "./lazy/bigBedSource.js";
 import BamSource from "./lazy/bamSource.js";
 import Gff3Source from "./lazy/gff3Source.js";
+import VcfSource from "./lazy/vcfSource.js";
 //# sourceMappingURL=dataSourceFactory.d.ts.map

package/dist/src/data/sources/dataSourceFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataSourceFactory.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataSourceFactory.js"],"names":[],"mappings":"AAWA;;;GAGG;AACH,iDAHW,OAAO,CAAC,OAAO,oBAAoB,EAAE,IAAI,CAAC,QAC1C,OAAO,oBAAoB,EAAE,OAAO,6JAgB9C;yBA7B0C,mBAAmB;sBACzB,gBAAgB;2BACD,qBAAqB;2BAC9C,0BAA0B;6BACxB,4BAA4B;+BAC1B,8BAA8B;yBACpC,wBAAwB;yBACxB,wBAAwB;sBAC3B,qBAAqB;uBACpB,sBAAsB"}
+{"version":3,"file":"dataSourceFactory.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataSourceFactory.js"],"names":[],"mappings":"AAYA;;;GAGG;AACH,iDAHW,OAAO,CAAC,OAAO,oBAAoB,EAAE,IAAI,CAAC,QAC1C,OAAO,oBAAoB,EAAE,OAAO,yKAgB9C;yBA9B0C,mBAAmB;sBACzB,gBAAgB;2BACD,qBAAqB;2BAC9C,0BAA0B;6BACxB,4BAA4B;+BAC1B,8BAA8B;yBACpC,wBAAwB;yBACxB,wBAAwB;sBAC3B,qBAAqB;uBACpB,sBAAsB;sBACvB,qBAAqB"}

package/dist/src/data/sources/dataSourceFactory.js

@@ -8,6 +8,7 @@ import BigWigSource from "./lazy/bigWigSource.js";
 import BigBedSource from "./lazy/bigBedSource.js";
 import BamSource from "./lazy/bamSource.js";
 import Gff3Source from "./lazy/gff3Source.js";
+import VcfSource from "./lazy/vcfSource.js";
 
 /**
  * @param {Partial<import("../../spec/data.js").Data>} params
@@ -100,6 +101,14 @@ function isGff3Source(params) {
     return params?.type == "gff3";
 }
 
+/**
+ * @param {import("../../spec/data.js").LazyDataParams} params
+ * @returns {params is import("../../spec/data.js").VcfData}
+ */
+function isVcfSource(params) {
+    return params?.type == "vcf";
+}
+
 /**
  * @param {import("../../spec/data.js").LazyDataParams} params
  * @param {import("../../view/view.js").default} view
@@ -119,6 +128,8 @@ function createLazyDataSource(params, view) {
         return new BamSource(params, view);
     } else if (isGff3Source(params)) {
         return new Gff3Source(params, view);
+    } else if (isVcfSource(params)) {
+        return new VcfSource(params, view);
     }
 
     throw new Error(

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

@@ -92,13 +92,13 @@ export default class BamSource extends SingleAxisWindowedSource {
                     .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 ? "+" : "-",
+                            start: record.start,
+                            end: record.end,
+                            name: record.name,
+                            //MD: record.get("MD"),
+                            cigar: record.CIGAR,
+                            mapq: record.mq,
+                            strand: record.strand === 1 ? "+" : "-",
                         }))
                     )
         );

package/dist/src/data/sources/lazy/gff3Source.d.ts

@@ -2,11 +2,9 @@
  * @extends {TabixSource<import("@gmod/gff").GFF3Feature>}
  */
 export default class Gff3Source extends TabixSource<import("@gmod/gff").GFF3Feature> {
-    /**
-     * @param {import("../../../spec/data.js").TabixData} params
-     * @param {import("../../../view/view.js").default} view
-     */
-    constructor(params: import("../../../spec/data.js").TabixData, view: import("../../../view/view.js").default);
+    constructor(params: import("../../../spec/data.js").TabixData, view: import("../../../view/view.js" /**
+     * @param {string[]} lines
+     */).default);
     /**
      * @param {string[]} lines
      */

package/dist/src/data/sources/lazy/gff3Source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gff3Source.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/gff3Source.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IAII;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,SAAS,QACzC,OAAO,uBAAuB,EAAE,OAAO,EASjD;IAMD;;OAEG;IACH,sBAFW,MAAM,EAAE,OAUlB;;CACJ;wBAtCuB,kBAAkB"}
+{"version":3,"file":"gff3Source.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/gff3Source.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;+BAWU,uBAAuB,0BACQ,uBAGzC,CAAI;;OAEG;IAFH;;OAEG;IACH,sBAFW,MAAM,EAAE,OAUlB;;CACJ;wBAhCuB,kBAAkB"}

package/dist/src/data/sources/lazy/gff3Source.js

@@ -7,23 +7,17 @@ export default class Gff3Source extends TabixSource {
     /** @type {import("@gmod/gff").default} */
     #gff;
 
-    /**
-     * @param {import("../../../spec/data.js").TabixData} params
-     * @param {import("../../../view/view.js").default} view
-     */
-    constructor(params, view) {
-        super(params, view);
-
-        import("@gmod/gff").then((gff) => {
-            // TODO: Fix race condition
-            this.#gff = gff.default;
-        });
-    }
-
     get label() {
         return "gff3Source";
     }
 
+    /**
+     * @param {string} header
+     */
+    async _handleHeader(header) {
+        this.#gff = (await import("@gmod/gff")).default;
+    }
+
     /**
      * @param {string[]} lines
      */

package/dist/src/data/sources/lazy/tabixSource.d.ts

@@ -10,6 +10,11 @@ export default class TabixSource<T> extends SingleAxisWindowedSource {
     constructor(params: import("../../../spec/data.js").TabixData, view: import("../../../view/view.js").default);
     params: import("../../../spec/data.js").TabixData;
     initializedPromise: Promise<any>;
+    /**
+     * @param {string} header
+     * @protected
+     */
+    protected _handleHeader(header: string): Promise<void>;
     /**
      * @abstract
      * @protected

package/dist/src/data/sources/lazy/tabixSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabixSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/tabixSource.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,iCAHa,CAAC;IAOV;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,SAAS,QACzC,OAAO,uBAAuB,EAAE,OAAO,EA8CjD;IAhCG,kDAAgC;IAQhC,iCAuBE;IAoCN;;;;;OAKG;IACH,gCAHW,MAAM,EAAE,GACN,CAAC,EAAE,CAKf;;CACJ;qCAvGoC,+BAA+B"}
+{"version":3,"file":"tabixSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/tabixSource.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,iCAHa,CAAC;IAOV;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,SAAS,QACzC,OAAO,uBAAuB,EAAE,OAAO,EAkDjD;IAnCG,kDAAgC;IAQhC,iCA0BE;IAqCN;;;OAGG;IACH,gCAHW,MAAM,iBAKhB;IAED;;;;;OAKG;IACH,gCAHW,MAAM,EAAE,GACN,CAAC,EAAE,CAKf;;CACJ;qCApHoC,+BAA+B"}

package/dist/src/data/sources/lazy/tabixSource.js

@@ -20,6 +20,7 @@ export default class TabixSource extends SingleAxisWindowedSource {
             windowSize: 3_000_000,
             debounce: 200,
             debounceMode: "domain",
+            addChrPrefix: false,
             ...params,
         };
 
@@ -35,15 +36,9 @@ export default class TabixSource extends SingleAxisWindowedSource {
 
         this.initializedPromise = new Promise((resolve) => {
             Promise.all([
-                import("buffer"),
                 import("@gmod/tabix"),
                 import("generic-filehandle"),
-            ]).then(([{ Buffer }, { TabixIndexedFile }, { RemoteFile }]) => {
-                // Hack needed by @gmod/tabix
-                if (typeof window !== "undefined") {
-                    window.Buffer ??= Buffer;
-                }
-
+            ]).then(async ([{ TabixIndexedFile }, { RemoteFile }]) => {
                 const withBase = (/** @type {string} */ uri) =>
                     new RemoteFile(addBaseUrl(uri, this.view.getBaseUrl()));
 
@@ -52,8 +47,17 @@ export default class TabixSource extends SingleAxisWindowedSource {
                     tbiFilehandle: withBase(
                         this.params.indexUrl ?? this.params.url + ".tbi"
                     ),
+                    renameRefSeqs:
+                        this.params.addChrPrefix === true
+                            ? (refSeq) => "chr" + refSeq
+                            : this.params.addChrPrefix
+                              ? (refSeq) => this.params.addChrPrefix + refSeq
+                              : undefined,
                 });
 
+                const header = await this.#tbiIndex.getHeader();
+                await this._handleHeader(header);
+
                 resolve();
             });
         });
@@ -65,6 +69,7 @@ export default class TabixSource extends SingleAxisWindowedSource {
      * @param {number[]} interval linearized domain
      */
     async loadInterval(interval) {
+        await this.initializedPromise;
         const featureChunks = await this.discretizeAndLoad(
             interval,
             async (discreteInterval, signal) => {
@@ -92,6 +97,14 @@ export default class TabixSource extends SingleAxisWindowedSource {
         }
     }
 
+    /**
+     * @param {string} header
+     * @protected
+     */
+    async _handleHeader(header) {
+        //
+    }
+
     /**
      * @abstract
      * @protected

package/dist/src/data/sources/lazy/vcfSource.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @extends {TabixSource<import("./vcfTypes.js").ParsedVariant>}
+ */
+export default class VcfSource extends TabixSource<import("./vcfTypes.js").ParsedVariant> {
+    constructor(params: import("../../../spec/data.js").TabixData, view: import("../../../view/view.js").default);
+    #private;
+}
+import TabixSource from "./tabixSource.js";
+//# sourceMappingURL=vcfSource.d.ts.map

package/dist/src/data/sources/lazy/vcfSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vcfSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/vcfSource.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;+BAUK,uBACe,0BACQ,uBAAuB;;CAoBlD;wBArCuB,kBAAkB"}

package/dist/src/data/sources/lazy/vcfSource.js

@@ -0,0 +1,38 @@
+import TabixSource from "./tabixSource.js";
+
+/**
+ * @extends {TabixSource<import("./vcfTypes.js").ParsedVariant>}
+ */
+export default class VcfSource extends TabixSource {
+    /** @type {import("@gmod/vcf").default} */
+    #tbiVCFParser;
+
+    get label() {
+        return "vcfSource";
+    }
+
+    /**
+     * @param {string} header
+     */
+    async _handleHeader(header) {
+        const VCFParser = (await import("@gmod/vcf")).default;
+        // @ts-ignore - There's something wrong with the type definition
+        this.#tbiVCFParser = new VCFParser({ header });
+    }
+
+    /**
+     * @param {string[]} lines
+     */
+    _parseFeatures(lines) {
+        return lines.map((line) => {
+            const parsed = this.#tbiVCFParser.parseLine(line);
+            delete parsed.GENOTYPES;
+            // @ts-ignore
+            parsed.SAMPLES = parsed.SAMPLES();
+
+            return /** @type {import("./vcfTypes.js").ParsedVariant} */ (
+                /** @type {object} */ (parsed)
+            );
+        });
+    }
+}

package/dist/src/data/sources/lazy/vcfTypes.d.ts

@@ -0,0 +1,7 @@
+import { Variant } from "@gmod/vcf";
+
+type Samples = ReturnType<Variant["SAMPLES"]>;
+
+export type ParsedVariant = Omit<Variant, "SAMPLES" | "GENOTYPES"> & {
+    SAMPLES: Samples;
+};

package/dist/src/encoder/accessor.js

@@ -100,9 +100,9 @@ export function createAccessor(channel, channelDef, paramMediator) {
         return potentialExprRefToAccessor(channelDef.value);
     } else {
         throw new Error(
-            `Invalid channel definition: ${JSON.stringify(
+            `Invalid channel definition: "${channel}": ${JSON.stringify(
                 channelDef
-            )}. Cannot create an accessor for channel ${channel}!`
+            )}! The channel definition must contain one of the following properties: "field", "datum", "value" or "expr".`
         );
     }
 }

package/dist/src/genomeSpy.d.ts.map

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

package/dist/src/genomeSpy.js

@@ -524,6 +524,26 @@ export default class GenomeSpy {
                     validator
                 );
             },
+
+            highlightView: (view) => {
+                this.container.querySelector(".view-highlight")?.remove();
+                if (view) {
+                    const coords = view.coords;
+                    if (coords) {
+                        const div = document.createElement("div");
+                        div.className = "view-highlight";
+                        div.style.position = "absolute";
+                        div.style.left = coords.x + "px";
+                        div.style.top = coords.y + "px";
+                        div.style.width = coords.width + "px";
+                        div.style.height = coords.height + "px";
+                        div.style.border = "1px solid green";
+                        div.style.backgroundColor = "rgba(0, 255, 0, 0.1)";
+                        div.style.pointerEvents = "none";
+                        this.container.appendChild(div);
+                    }
+                }
+            },
         };
 
         /** @type {ViewSpec & RootConfig} */

package/dist/src/marks/rule.js

@@ -114,7 +114,7 @@ export default class RuleMark extends Mark {
             }
         } else {
             throw new Error(
-                "Invalid x and y encodings for rule mark: " +
+                "At a minimum, either the x or y channel must be defined in the rule mark's encoding: " +
                     JSON.stringify(encoding)
             );
         }

package/dist/src/spec/data.d.ts

@@ -201,7 +201,8 @@ export type LazyDataParams =
     | BigWigData
     | BigBedData
     | BamData
-    | Gff3Data;
+    | Gff3Data
+    | VcfData;
 
 export interface DebouncedData {
     /**
@@ -372,6 +373,14 @@ export interface TabixData extends DebouncedData {
      */
     indexUrl?: string;
 
+    /**
+     * Add a `chr` (boolean) or custom (string) prefix to the chromosome names
+     * in the Tabix file.
+     *
+     * __Default value:__ `false`
+     */
+    addChrPrefix?: boolean | string;
+
     /**
      * Size of each chunk when fetching the Tabix file. Data is only fetched
      * when the length of the visible domain smaller than the window size.
@@ -384,3 +393,7 @@ export interface TabixData extends DebouncedData {
 export interface Gff3Data extends TabixData {
     type: "gff3";
 }
+
+export interface VcfData extends TabixData {
+    type: "vcf";
+}

package/dist/src/styles/genome-spy.css.d.ts

@@ -1,3 +1,3 @@
 export default css;
-declare const css: "\n.genome-spy {\n  font-family: system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.genome-spy .canvas-wrapper {\n  position: relative;\n  flex-grow: 1;\n  overflow: hidden;\n}\n.genome-spy canvas {\n  display: block;\n  transform: scale(1, 1);\n  opacity: 1;\n  transition: transform 0.6s, opacity 0.6s;\n}\n.genome-spy .loading-message {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.genome-spy .loading-message .message {\n  color: #666;\n  opacity: 0;\n  transition: opacity 0.7s;\n}\n.genome-spy .loading > canvas {\n  transform: scale(0.95, 0.95);\n  opacity: 0;\n}\n.genome-spy .loading > .loading-message .message {\n  opacity: 1;\n}\n.genome-spy .loading > .loading-message .message .ellipsis {\n  animation: blinker 1s linear infinite;\n}\n@keyframes blinker {\n  50% {\n    opacity: 0;\n  }\n}\n.genome-spy .loading-indicators {\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n}\n.genome-spy .loading-indicators div {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.genome-spy .loading-indicators div > div {\n  font-size: 11px;\n  transition: opacity 0.2s;\n  background: white;\n  padding: 2px 5px;\n  display: flex;\n  border-radius: 3px;\n  gap: 0.5em;\n  opacity: 0;\n}\n.genome-spy .loading-indicators div > div.loading {\n  opacity: 0.5;\n}\n.genome-spy .loading-indicators div > div.error {\n  opacity: 0.8;\n  color: firebrick;\n}\n.genome-spy .loading-indicators div > div > * {\n  display: block;\n}\n.genome-spy .loading-indicators div > div img {\n  width: 1.5em;\n  height: 1.5em;\n}\n.genome-spy .tooltip {\n  position: absolute;\n  max-width: 450px;\n  overflow: hidden;\n  background: #f6f6f6;\n  padding: 10px;\n  font-size: 13px;\n  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.21);\n  pointer-events: none;\n  z-index: 100;\n}\n.genome-spy .tooltip > :last-child {\n  margin-bottom: 0;\n}\n.genome-spy .tooltip > .title {\n  padding-bottom: 5px;\n  margin-bottom: 5px;\n  border-bottom: 1px dashed #b6b6b6;\n}\n.genome-spy .tooltip .summary {\n  font-size: 12px;\n}\n.genome-spy .tooltip table {\n  border-collapse: collapse;\n}\n.genome-spy .tooltip table:first-child {\n  margin-top: 0;\n}\n.genome-spy .tooltip table th,\n.genome-spy .tooltip table td {\n  padding: 2px 0.4em;\n  vertical-align: top;\n}\n.genome-spy .tooltip table th:first-child,\n.genome-spy .tooltip table td:first-child {\n  padding-left: 0;\n}\n.genome-spy .tooltip table th {\n  text-align: left;\n  font-weight: bold;\n}\n.genome-spy .tooltip .color-legend {\n  display: inline-block;\n  width: 0.8em;\n  height: 0.8em;\n  margin-left: 0.4em;\n  box-shadow: 0px 0px 3px 1px white;\n}\n.genome-spy .tooltip .attributes .hovered {\n  background-color: #e0e0e0;\n}\n.genome-spy .tooltip .na {\n  color: #aaa;\n  font-style: italic;\n  font-size: 80%;\n}\n.genome-spy .gene-track-tooltip .summary {\n  font-size: 90%;\n}\n.genome-spy .message-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 100%;\n}\n.genome-spy .message-box > div {\n  border: 1px solid red;\n  padding: 10px;\n  background: #fff0f0;\n}\n\n.gs-input-binding {\n  display: grid;\n  grid-template-columns: max-content max-content;\n  column-gap: 1em;\n  row-gap: 0.3em;\n  justify-items: start;\n}\n.gs-input-binding > select,\n.gs-input-binding > input:not([type=checkbox]) {\n  width: 100%;\n}\n.gs-input-binding input[type=range] + span {\n  display: inline-block;\n  margin-left: 0.3em;\n  min-width: 2.2em;\n  font-variant-numeric: tabular-nums;\n}\n.gs-input-binding input[type=range],\n.gs-input-binding input[type=radio] {\n  vertical-align: text-bottom;\n}\n.gs-input-binding .radio-group {\n  display: flex;\n  align-items: center;\n}\n.gs-input-binding .description {\n  max-width: 26em;\n  grid-column: 1/-1;\n  color: #777;\n  font-size: 90%;\n  margin-top: -0.5em;\n}\n\n.gs-input-bindings {\n  flex-basis: content;\n  font-size: 14px;\n  padding: 10px;\n}\n";
+declare const css: "\n.genome-spy {\n  font-family: system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.genome-spy .canvas-wrapper {\n  position: relative;\n  flex-grow: 1;\n  overflow: hidden;\n}\n.genome-spy canvas {\n  display: block;\n  transform: scale(1, 1);\n  opacity: 1;\n  transition: transform 0.6s, opacity 0.6s;\n}\n.genome-spy .loading-message {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.genome-spy .loading-message .message {\n  color: #666;\n  opacity: 0;\n  transition: opacity 0.7s;\n}\n.genome-spy .loading > canvas {\n  transform: scale(0.95, 0.95);\n  opacity: 0;\n}\n.genome-spy .loading > .loading-message .message {\n  opacity: 1;\n}\n.genome-spy .loading > .loading-message .message .ellipsis {\n  animation: blinker 1s linear infinite;\n}\n@keyframes blinker {\n  50% {\n    opacity: 0;\n  }\n}\n.genome-spy .loading-indicators {\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n}\n.genome-spy .loading-indicators div {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.genome-spy .loading-indicators div > div {\n  font-size: 11px;\n  transition: opacity 0.2s;\n  background: white;\n  padding: 2px 5px;\n  display: flex;\n  border-radius: 3px;\n  gap: 0.5em;\n  opacity: 0;\n}\n.genome-spy .loading-indicators div > div.loading {\n  opacity: 0.5;\n}\n.genome-spy .loading-indicators div > div.error {\n  opacity: 0.8;\n  color: firebrick;\n}\n.genome-spy .loading-indicators div > div > * {\n  display: block;\n}\n.genome-spy .loading-indicators div > div img {\n  width: 1.5em;\n  height: 1.5em;\n}\n.genome-spy .tooltip {\n  position: absolute;\n  max-width: 450px;\n  overflow: hidden;\n  background: #f6f6f6;\n  padding: 10px;\n  font-size: 12px;\n  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.21);\n  pointer-events: none;\n  z-index: 100;\n}\n.genome-spy .tooltip > :last-child {\n  margin-bottom: 0;\n}\n.genome-spy .tooltip > .title {\n  padding-bottom: 5px;\n  margin-bottom: 5px;\n  border-bottom: 1px dashed #b6b6b6;\n}\n.genome-spy .tooltip .summary {\n  font-size: 12px;\n}\n.genome-spy .tooltip table {\n  border-collapse: collapse;\n}\n.genome-spy .tooltip table:first-child {\n  margin-top: 0;\n}\n.genome-spy .tooltip table th,\n.genome-spy .tooltip table td {\n  padding: 2px 0.4em;\n  vertical-align: top;\n}\n.genome-spy .tooltip table th:first-child,\n.genome-spy .tooltip table td:first-child {\n  padding-left: 0;\n}\n.genome-spy .tooltip table th {\n  text-align: left;\n  font-weight: bold;\n}\n.genome-spy .tooltip .color-legend {\n  display: inline-block;\n  width: 0.8em;\n  height: 0.8em;\n  margin-left: 0.4em;\n  box-shadow: 0px 0px 3px 1px white;\n}\n.genome-spy .tooltip .attributes .hovered {\n  background-color: #e0e0e0;\n}\n.genome-spy .tooltip .na {\n  color: #aaa;\n  font-style: italic;\n  font-size: 80%;\n}\n.genome-spy .gene-track-tooltip .summary {\n  font-size: 90%;\n}\n.genome-spy .message-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 100%;\n}\n.genome-spy .message-box > div {\n  border: 1px solid red;\n  padding: 10px;\n  background: #fff0f0;\n}\n\n.gs-input-binding {\n  display: grid;\n  grid-template-columns: max-content max-content;\n  column-gap: 1em;\n  row-gap: 0.3em;\n  justify-items: start;\n}\n.gs-input-binding > select,\n.gs-input-binding > input:not([type=checkbox]) {\n  width: 100%;\n}\n.gs-input-binding input[type=range] + span {\n  display: inline-block;\n  margin-left: 0.3em;\n  min-width: 2.2em;\n  font-variant-numeric: tabular-nums;\n}\n.gs-input-binding input[type=range],\n.gs-input-binding input[type=radio] {\n  vertical-align: text-bottom;\n}\n.gs-input-binding .radio-group {\n  display: flex;\n  align-items: center;\n}\n.gs-input-binding .description {\n  max-width: 26em;\n  grid-column: 1/-1;\n  color: #777;\n  font-size: 90%;\n  margin-top: -0.5em;\n}\n\n.gs-input-bindings {\n  flex-basis: content;\n  font-size: 14px;\n  padding: 10px;\n}\n";
 //# sourceMappingURL=genome-spy.css.d.ts.map

package/dist/src/styles/genome-spy.css.js

@@ -85,7 +85,7 @@ const css = `
   overflow: hidden;
   background: #f6f6f6;
   padding: 10px;
-  font-size: 13px;
+  font-size: 12px;
   box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.21);
   pointer-events: none;
   z-index: 100;

package/dist/src/styles/genome-spy.scss

@@ -117,7 +117,7 @@ $font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
         $background-color: #f6f6f6;
         background: $background-color;
         padding: $basic-spacing;
-        font-size: 13px;
+        font-size: 12px;
 
         box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.21);
 

package/dist/src/tooltip/dataTooltipHandler.js

@@ -30,24 +30,44 @@ export default async function dataTooltipHandler(datum, mark, params) {
         return "";
     };
 
-    const strippedEntries = Object.entries(datum).filter(
-        ([key, _value]) => !key.startsWith("_")
-    );
+    /**
+     *
+     * @param {[string, any][]} entries
+     * @param {string} [prefix]
+     * @returns {ReturnType<typeof html>[]}
+     */
+    const entriesToHtml = (entries, prefix) => {
+        const strippedEntries = entries.filter(
+            ([key, _value]) => !key.startsWith("_")
+        );
+
+        if (strippedEntries.length === 0) {
+            return;
+        }
+
+        return strippedEntries.map(([key, value]) =>
+            typeof value === "object" && !Array.isArray(value)
+                ? html`${entriesToHtml(
+                      Object.entries(value),
+                      (prefix ? prefix : "") + key + "."
+                  )}`
+                : html`
+                      <tr>
+                          <th>${prefix}${key}</th>
+                          <td>${formatObject(value)} ${legend(key, datum)}</td>
+                      </tr>
+                  `
+        );
+    };
 
-    if (strippedEntries.length === 0) {
+    const tableContents = entriesToHtml(Object.entries(datum));
+    if (!tableContents) {
         return;
     }
 
     const table = html`
         <table class="attributes">
-            ${strippedEntries.map(
-                ([key, value]) => html`
-                    <tr>
-                        <th>${key}</th>
-                        <td>${formatObject(value)} ${legend(key, datum)}</td>
-                    </tr>
-                `
-            )}
+            ${tableContents}
         </table>
     `;
 

package/dist/src/types/viewContext.d.ts

@@ -82,6 +82,14 @@ export default interface ViewContext {
         detail?: string
     ) => void;
 
+    /**
+     * Highlights a view by adding a border around it. This is useful for debugging.
+     *
+     * @param view The view to highlight. Null to remove the highlight.
+     * @returns
+     */
+    highlightView?: (view: View | null) => void;
+
     /**
      * Returns true if the view is configured to be visible.
      * N.B. This does NOT consider ancestors' visibility.

package/dist/src/utils/expression.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expression.d.ts","sourceRoot":"","sources":["../../../src/utils/expression.js"],"names":[],"mappings":"AA2DA;;;;;;;;;;GAUG;AACH,6CAHW,MAAM,sBACJ,kBAAkB,CAgC9B;;YAvCU,MAAM,EAAE;aACR,MAAM,EAAE;UACR,MAAM;;iCAEH,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,qBAAqB,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,eAAe"}
+{"version":3,"file":"expression.d.ts","sourceRoot":"","sources":["../../../src/utils/expression.js"],"names":[],"mappings":"AAkEA;;;;;;;;;;GAUG;AACH,6CAHW,MAAM,sBACJ,kBAAkB,CAgC9B;;YAvCU,MAAM,EAAE;aACR,MAAM,EAAE;UACR,MAAM;;iCAEH,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,qBAAqB,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,eAAe"}

package/dist/src/utils/expression.js

@@ -33,6 +33,13 @@ const functionContext = {
     },
     lerp,
     linearstep,
+    replace(
+        /** @type {string} */ str,
+        /** @type {RegExp} */ pattern,
+        /** @type {string} */ replace
+    ) {
+        return String(str).replace(pattern, replace);
+    },
     smoothstep,
     selectionTest,
 };

package/dist/src/view/scaleResolution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaleResolution.d.ts","sourceRoot":"","sources":["../../../src/view/scaleResolution.js"],"names":[],"mappings":"AAq9BA;;;;;;;;;;GAUG;AACH,6CAFW,OAAO,WAAW,EAAE,OAAO,GAAG,OAAO,WAAW,EAAE,OAAO,EAAE,QA4BrE;AA78BD,0CAA2C;AAC3C,gCAAiC;AACjC,gCAAiC;AACjC,4BAA6B;AAC7B,4BAA6B;AAE7B;;;;;;;;GAQG;AACH;;;;;;;GAOG;AACH;IAyCI;;OAEG;IACH,2DASC;IARG,8CAAsB;IACtB,yDAAyD;IACzD,SADW,qBAAqB,EAAE,CACjB;IACjB,0FAA0F;IAC1F,MADW,OAAO,oBAAoB,EAAE,IAAI,CAC5B;IAEhB,iEAAiE;IACjE,MADW,MAAM,CACI;IAWzB;;;;;;;OAOG;IACH,4KAEC;IAED;;;OAGG;IACH,+KAEC;IAcD;;;;;OAKG;IACH,qBAFW,qBAAqB,QAgC/B;IA8MD;;;;OAIG;IACH,+DAOC;IAED;;OAEG;IACH,oBAyCC;IAED;;OAEG;IACH;eAhYkC,OAAO,kBAAkB,EAAE,KAAK;MA4ajE;IAED,mBAEC;IAED;;OAEG;IACH,oBAFa,mFAA6B,CAOzC;IAED;;;;OAIG;IACH,oBAKC;IAED;;OAEG;IACH,sBAGC;IAUD;;;;;;;OAOG;IACH,kBALW,MAAM,eACN,MAAM,OACN,MAAM,GACJ,OAAO,CAwEnB;IAED;;;;;;OAMG;IACH,eAJW,mFAA6B,aAC7B,OAAO,GAAG,MAAM,iBA0D1B;IAED;;;;OAIG;IACH,qBAcC;IAED;;;;;OAKG;IACH,uBAOC;IAED;;;;;;;OAOG;IACH,wBAoBC;IA8DD;;;OAGG;IACH,aAFa,OAAO,qBAAqB,EAAE,OAAO,CAajD;IAID;;;;;OAKG;IACH,uBAFW,MAAM,yDAUhB;IAED;;OAEG;IACH,iBAFW,MAAM,yDAKhB;IAED;;;OAGG;IACH,qBAHW,MAAM,+CAAmB,GACvB,MAAM,CAQlB;IAED;;;OAGG;IACH,8BAHW,kFAA4B,GAC1B,MAAM,EAAE,CAOpB;;CACJ;kCAv0B+B,CAAC,SAApB,6CAAkB;;;;UAGrB,OAAO,eAAe,EAAE,OAAO;aAC/B,CAAC;gBACD,OAAO,oBAAoB,EAAE,mBAAmB;sBAChD,CAAC,OAAO,+CAAkB,EAAE,IAAI,EAAE,OAAO,oBAAoB,EAAE,IAAI,kDAAgB"}
+{"version":3,"file":"scaleResolution.d.ts","sourceRoot":"","sources":["../../../src/view/scaleResolution.js"],"names":[],"mappings":"AAk+BA;;;;;;;;;;GAUG;AACH,6CAFW,OAAO,WAAW,EAAE,OAAO,GAAG,OAAO,WAAW,EAAE,OAAO,EAAE,QA4BrE;AA19BD,0CAA2C;AAC3C,gCAAiC;AACjC,gCAAiC;AACjC,4BAA6B;AAC7B,4BAA6B;AAE7B;;;;;;;;GAQG;AACH;;;;;;;GAOG;AACH;IAyCI;;OAEG;IACH,2DASC;IARG,8CAAsB;IACtB,yDAAyD;IACzD,SADW,qBAAqB,EAAE,CACjB;IACjB,0FAA0F;IAC1F,MADW,OAAO,oBAAoB,EAAE,IAAI,CAC5B;IAEhB,iEAAiE;IACjE,MADW,MAAM,CACI;IAWzB;;;;;;;OAOG;IACH,4KAEC;IAED;;;OAGG;IACH,+KAEC;IAcD;;;;;OAKG;IACH,qBAFW,qBAAqB,QA6C/B;IA8MD;;;;OAIG;IACH,+DAOC;IAED;;OAEG;IACH,oBAyCC;IAED;;OAEG;IACH;eA7YkC,OAAO,kBAAkB,EAAE,KAAK;MAybjE;IAED,mBAEC;IAED;;OAEG;IACH,oBAFa,mFAA6B,CAOzC;IAED;;;;OAIG;IACH,oBAKC;IAED;;OAEG;IACH,sBAGC;IAUD;;;;;;;OAOG;IACH,kBALW,MAAM,eACN,MAAM,OACN,MAAM,GACJ,OAAO,CAwEnB;IAED;;;;;;OAMG;IACH,eAJW,mFAA6B,aAC7B,OAAO,GAAG,MAAM,iBA0D1B;IAED;;;;OAIG;IACH,qBAcC;IAED;;;;;OAKG;IACH,uBAOC;IAED;;;;;;;OAOG;IACH,wBAoBC;IA8DD;;;OAGG;IACH,aAFa,OAAO,qBAAqB,EAAE,OAAO,CAajD;IAID;;;;;OAKG;IACH,uBAFW,MAAM,yDAUhB;IAED;;OAEG;IACH,iBAFW,MAAM,yDAKhB;IAED;;;OAGG;IACH,qBAHW,MAAM,+CAAmB,GACvB,MAAM,CAQlB;IAED;;;OAGG;IACH,8BAHW,kFAA4B,GAC1B,MAAM,EAAE,CAOpB;;CACJ;kCAp1B+B,CAAC,SAApB,6CAAkB;;;;UAGrB,OAAO,eAAe,EAAE,OAAO;aAC/B,CAAC;gBACD,OAAO,oBAAoB,EAAE,mBAAmB;sBAChD,CAAC,OAAO,+CAAkB,EAAE,IAAI,EAAE,OAAO,oBAAoB,EAAE,IAAI,kDAAgB"}

package/dist/src/view/scaleResolution.js

@@ -170,6 +170,19 @@ export default class ScaleResolution {
     addMember(newMember) {
         const { channel, channelDef } = newMember;
 
+        if (
+            // @ts-expect-error "sample" is not really a channel with scale
+            channel != "sample" &&
+            !channelDef.type &&
+            !isSecondaryChannel(channel)
+        ) {
+            throw new Error(
+                `The "type" property must be defined in channel definition: "${channel}": ${JSON.stringify(
+                    channelDef
+                )}. Must be one of: "quantitative", "ordinal", "nominal", "locus", "index"`
+            );
+        }
+
         // A hack for sample channel, which really doesn't have a scale but the
         // domain is needed when samples are not specified explicitly.
         // @ts-expect-error "sample" is not really a channel with scale