@genome-spy/core 0.37.3 → 0.38.0

package/dist/src/genome/scaleLocus.js

@@ -3,10 +3,10 @@ import { format as d3format } from "d3-format";
 import scaleIndex from "./scaleIndex.js";
 
 export default function scaleLocus() {
-    /** @type {import("./scaleLocus").ScaleLocus} */
+    /** @type {import("./scaleLocus.js").ScaleLocus} */
     const scale = /** @type {any} */ (scaleIndex().numberingOffset(1));
 
-    /** @type {import("./genome").default} */
+    /** @type {import("./genome.js").default} */
     let genome;
 
     // @ts-expect-error
@@ -94,7 +94,7 @@ export default function scaleLocus() {
 }
 
 /**
- * @type {import("./scaleLocus").isScaleLocus}
+ * @type {import("./scaleLocus.js").isScaleLocus}
  */
 export function isScaleLocus(scale) {
     return scale.type == "locus";

package/dist/src/genomeSpy.d.ts

@@ -1,20 +1,20 @@
 export default class GenomeSpy {
     /**
-     * @typedef {import("./view/view").default} View
-     * @typedef {import("./spec/view").ViewSpec} ViewSpec
-     * @typedef {import("./spec/root").RootSpec} RootSpec
-     * @typedef {import("./spec/root").RootConfig} RootConfig
+     * @typedef {import("./view/view.js").default} View
+     * @typedef {import("./spec/view.js").ViewSpec} ViewSpec
+     * @typedef {import("./spec/root.js").RootSpec} RootSpec
+     * @typedef {import("./spec/root.js").RootConfig} RootConfig
      */
     /**
      *
      * @param {HTMLElement} container
      * @param {RootSpec} spec
-     * @param {import("./types/embedApi").EmbedOptions} [options]
+     * @param {import("./types/embedApi.js").EmbedOptions} [options]
      */
-    constructor(container: HTMLElement, spec: import("./spec/root").RootSpec, options?: import("./types/embedApi").EmbedOptions);
+    constructor(container: HTMLElement, spec: import("./spec/root.js").RootSpec, options?: import("./types/embedApi.js").EmbedOptions);
     container: HTMLElement;
     /** Root level configuration object */
-    spec: import("./spec/root").RootSpec;
+    spec: import("./spec/root.js").RootSpec;
     accessorFactory: AccessorFactory;
     viewFactory: ViewFactory;
     /** @type {(function(string):object[])[]} */
@@ -37,11 +37,11 @@ export default class GenomeSpy {
     _dirtyPickingBuffer: boolean;
     /**
      * Currently hovered mark and datum
-     * @type {{ mark: import("./marks/mark").default, datum: import("./data/flowNode").Datum, uniqueId: number }}
+     * @type {{ mark: import("./marks/mark.js").default, datum: import("./data/flowNode.js").Datum, uniqueId: number }}
      */
     _currentHover: {
-        mark: import("./marks/mark").default;
-        datum: import("./data/flowNode").Datum;
+        mark: import("./marks/mark.js").default;
+        datum: import("./data/flowNode.js").Datum;
         uniqueId: number;
     };
     _wheelInertia: Inertia;
@@ -63,8 +63,8 @@ export default class GenomeSpy {
      * @type {Map<string, Set<(event: any) => void>>}
      */
     _extraBroadcastListeners: Map<string, Set<(event: any) => void>>;
-    /** @type {Record<string, import("./tooltip/tooltipHandler").TooltipHandler>}> */
-    tooltipHandlers: Record<string, import("./tooltip/tooltipHandler").TooltipHandler>;
+    /** @type {Record<string, import("./tooltip/tooltipHandler.js").TooltipHandler>}> */
+    tooltipHandlers: Record<string, import("./tooltip/tooltipHandler.js").TooltipHandler>;
     /** @type {View} */
     viewRoot: import("./view/view.js").default;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AA2CA;IACI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,kDAEX,OAAO,kBAAkB,EAAE,YAAY,EA6EjD;IA1EG,uBAA0B;IAM1B,sCAAsC;IACtC,qCAAgB;IAEhB,iCAA4C;IAC5C,yBAAoC;IAEpC,4CAA4C;IAC5C,4BADqB,MAAM,KAAE,MAAM,EAAE,IACT;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,qEAF0B,OAAO,CAE8B;IAE/D,2CAA2C;IAC3C,mBADW,4BAA4B,CACL;IAClC,2CAA2C;IAC3C,iBADW,4BAA4B,CACP;IAEhC,oDAAoD;IACpD,6BAAgC;IAEhC;;;OAGG;IACH;cAFkB,OAAO,cAAc,EAAE,OAAO;eAAS,OAAO,iBAAiB,EAAE,KAAK;kBAAY,MAAM;MAE5E;IAE9B,uBAA+C;IAE/C;;;OAGG;IACH,wCAFgC,aAAa,KAAE,IAAI,KAEhB;IAEnC;;;;;;OAMG;IACH,yCAFkC,GAAG,KAAK,IAAI,GAEd;IAEhC;;;OAGG;IACH,kDAFkC,GAAG,KAAK,IAAI,GAEL;IAEzC,iFAAiF;IACjF,iBADW,OAAO,MAAM,EAAE,OAAO,0BAA0B,EAAE,cAAc,CAAC,CAK3E;IAED,mBAAmB;IACnB,2CAAyB;IAG7B;;;OAGG;IACH,2CAFkB,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAaf;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAQb;IAED,0BA2BC;IAvBG,uBAOC;IAED,sCAA0D;IAK1D,iBAA0C;IAW9C;;OAEG;IACH,gBAiBC;IAED,sCAoLC;IAED;;;OAGG;IACH,UAFa,QAAQ,OAAO,CAAC,CAqC5B;IAED,4BA6IC;IAjIe,iCAAoC;IAmIpD;;;OAGG;IACH,kBAHW,MAAM,KACN,MAAM,QAiEhB;IAED;;;;;;;OAOG;IACH,oDAHuB,QAAQ,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;IAED,sBAyCC;IAED,kBAIC;IAED,iCAOC;IAED,iCASC;IAED,qFAWC;CACJ;;;;iCA9tBY,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB;4BAjC7C,uBAAuB;4BA2BvB,uBAAuB;qBAZ9B,qBAAqB;wBAIlB,yBAAyB;yCARR,yDAAyD;oBAYvD,oBAAoB;wBAdvC,qBAAqB;oBAXzB,uBAAuB;qBAStB,oBAAoB"}
+{"version":3,"file":"genomeSpy.d.ts","sourceRoot":"","sources":["../../src/genomeSpy.js"],"names":[],"mappings":"AAyCA;IACI;;;;;OAKG;IAEH;;;;;OAKG;IACH,uBAJW,WAAW,qDAEX,OAAO,qBAAqB,EAAE,YAAY,EA6EpD;IA1EG,uBAA0B;IAM1B,sCAAsC;IACtC,wCAAgB;IAEhB,iCAA4C;IAC5C,yBAAoC;IAEpC,4CAA4C;IAC5C,oBADW,QAAU,MAAM,KAAE,MAAM,EAAE,CAAC,EAAE,CACZ;IAE5B,mBAAoD;IAEpD,0BAA0B;IAC1B,aADW,WAAW,CACM;IAE5B;;;;;OAKG;IACH,qEAF0B,OAAO,CAE8B;IAE/D,2CAA2C;IAC3C,mBADW,4BAA4B,CACL;IAClC,2CAA2C;IAC3C,iBADW,4BAA4B,CACP;IAEhC,oDAAoD;IACpD,6BAAgC;IAEhC;;;OAGG;IACH,eAFU;QAAE,IAAI,EAAE,OAAO,iBAAiB,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,oBAAoB,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAEpF;IAE9B,uBAA+C;IAE/C;;;OAGG;IACH,oBAFU,IAAI,MAAM,EAAE,QAAU,aAAa,KAAE,IAAI,CAAC,EAAE,CAAC,CAEpB;IAEnC;;;;;;OAMG;IACH,yCAFkC,GAAG,KAAK,IAAI,GAEd;IAEhC;;;OAGG;IACH,kDAFkC,GAAG,KAAK,IAAI,GAEL;IAEzC,oFAAoF;IACpF,iBADW,OAAO,MAAM,EAAE,OAAO,6BAA6B,EAAE,cAAc,CAAC,CAK9E;IAED,mBAAmB;IACnB,2CAAyB;IAG7B;;;OAGG;IACH,2CAFkB,MAAM,KAAK,GAAG,EAAE,QAIjC;IAED;;OAEG;IACH,+BAFW,MAAM,YAShB;IAED;;;;OAIG;IACH,sBAHW,MAAM,QACN,GAAG,EAAE,QAaf;IAED;;;;;OAKG;IACH,gBAHW,kBAAkB,YAClB,GAAG,QAQb;IAED,0BA2BC;IAvBG,uBAOC;IAED,sCAA0D;IAK1D,iBAA0C;IAW9C;;OAEG;IACH,gBAiBC;IAED,sCAuMC;IAED;;;OAGG;IACH,UAFa,QAAQ,OAAO,CAAC,CAqC5B;IAED,4BA6IC;IAjIe,iCAAoC;IAmIpD;;;OAGG;IACH,kBAHW,MAAM,KACN,MAAM,QAiEhB;IAED;;;;;;;OAOG;IACH,oDAHuB,QAAQ,MAAM,GAAG,WAAW,GAAG,OAAO,KAAK,EAAE,cAAc,CAAC,QAYlF;IAED,sBAyCC;IAED,kBAIC;IAED,iCAOC;IAED,iCASC;IAED,qFAWC;CACJ;;;;iCAjvBY,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB;4BA/B7C,uBAAuB;4BA0BP,uBAAuB;qBAZ9C,qBAAqB;wBAIlB,yBAAyB;yCARR,yDAAyD;oBAYvD,oBAAoB;wBAdvC,qBAAqB;oBAVzB,uBAAuB;qBAQtB,oBAAoB"}

package/dist/src/genomeSpy.js

@@ -5,19 +5,18 @@ import Tooltip from "./utils/ui/tooltip.js";
 
 import AccessorFactory from "./encoder/accessor.js";
 import {
-    resolveScalesAndAxes,
-    processImports,
+    checkForDuplicateScaleNames,
     setImplicitScaleNames,
     calculateCanvasSize,
 } from "./view/viewUtils.js";
 import UnitView from "./view/unitView.js";
 
 import WebGLHelper from "./gl/webGLHelper.js";
-import Rectangle from "./utils/layout/rectangle.js";
+import Rectangle from "./view/layout/rectangle.js";
 import BufferedViewRenderingContext from "./view/renderingContext/bufferedViewRenderingContext.js";
 import CompositeViewRenderingContext from "./view/renderingContext/compositeViewRenderingContext.js";
 import InteractionEvent from "./utils/interactionEvent.js";
-import Point from "./utils/layout/point.js";
+import Point from "./view/layout/point.js";
 import Animator from "./utils/animator.js";
 import DataFlow from "./data/dataFlow.js";
 import { buildDataFlow } from "./view/flowBuilder.js";
@@ -30,8 +29,7 @@ import Inertia, { makeEventTemplate } from "./utils/inertia.js";
 import refseqGeneTooltipHandler from "./tooltip/refseqGeneTooltipHandler.js";
 import dataTooltipHandler from "./tooltip/dataTooltipHandler.js";
 import { invalidatePrefix } from "./utils/propertyCacher.js";
-import { ViewFactory } from "./view/viewFactory.js";
-import ImplicitRootView from "./view/implicitRootView.js";
+import { VIEW_ROOT_NAME, ViewFactory } from "./view/viewFactory.js";
 import { reconfigureScales } from "./view/scaleResolution.js";
 
 /**
@@ -43,17 +41,17 @@ vegaFormats("fasta", fasta);
 
 export default class GenomeSpy {
     /**
-     * @typedef {import("./view/view").default} View
-     * @typedef {import("./spec/view").ViewSpec} ViewSpec
-     * @typedef {import("./spec/root").RootSpec} RootSpec
-     * @typedef {import("./spec/root").RootConfig} RootConfig
+     * @typedef {import("./view/view.js").default} View
+     * @typedef {import("./spec/view.js").ViewSpec} ViewSpec
+     * @typedef {import("./spec/root.js").RootSpec} RootSpec
+     * @typedef {import("./spec/root.js").RootConfig} RootConfig
      */
 
     /**
      *
      * @param {HTMLElement} container
      * @param {RootSpec} spec
-     * @param {import("./types/embedApi").EmbedOptions} [options]
+     * @param {import("./types/embedApi.js").EmbedOptions} [options]
      */
     constructor(container, spec, options = {}) {
         this.container = container;
@@ -94,7 +92,7 @@ export default class GenomeSpy {
 
         /**
          * Currently hovered mark and datum
-         * @type {{ mark: import("./marks/mark").default, datum: import("./data/flowNode").Datum, uniqueId: number }}
+         * @type {{ mark: import("./marks/mark.js").default, datum: import("./data/flowNode.js").Datum, uniqueId: number }}
          */
         this._currentHover = undefined;
 
@@ -121,7 +119,7 @@ export default class GenomeSpy {
          */
         this._extraBroadcastListeners = new Map();
 
-        /** @type {Record<string, import("./tooltip/tooltipHandler").TooltipHandler>}> */
+        /** @type {Record<string, import("./tooltip/tooltipHandler.js").TooltipHandler>}> */
         this.tooltipHandlers = {
             default: dataTooltipHandler,
             refseqgene: refseqGeneTooltipHandler,
@@ -244,7 +242,7 @@ export default class GenomeSpy {
         // eslint-disable-next-line consistent-this
         const self = this;
 
-        /** @type {import("./types/viewContext").default} */
+        /** @type {import("./types/viewContext.js").default} */
         const context = {
             dataFlow: new DataFlow(),
             accessorFactory: this.accessorFactory,
@@ -299,6 +297,9 @@ export default class GenomeSpy {
 
             isViewSpec: (spec) => self.viewFactory.isViewSpec(spec),
 
+            /**
+             * @deprecated: TODO: Kill this
+             */
             createView: function (spec, layoutParent, dataParent, defaultName) {
                 return self.viewFactory.createView(
                     spec,
@@ -308,6 +309,23 @@ export default class GenomeSpy {
                     defaultName
                 );
             },
+
+            createOrImportView: async function (
+                spec,
+                layoutParent,
+                dataParent,
+                defaultName,
+                validator
+            ) {
+                return self.viewFactory.createOrImportView(
+                    spec,
+                    context,
+                    layoutParent,
+                    dataParent,
+                    defaultName,
+                    validator
+                );
+            },
         };
 
         /** @type {ViewSpec & RootConfig} */
@@ -317,35 +335,34 @@ export default class GenomeSpy {
             this.registerNamedDataProvider((name) => rootSpec.datasets[name]);
         }
 
-        // Create the view hierarchy
-        this.viewRoot = context.createView(rootSpec, null, null, "viewRoot");
-
-        // Replace placeholder ImportViews with actual views.
-        await processImports(this.viewRoot);
+        // Create the view hierarchy.
+        // This also resolves scales and axes.
+        this.viewRoot = await context.createOrImportView(
+            rootSpec,
+            null,
+            null,
+            VIEW_ROOT_NAME
+        );
 
-        if (this.viewRoot.needsAxes.x || this.viewRoot.needsAxes.y) {
-            this.viewRoot = new ImplicitRootView(context, this.viewRoot);
-        }
+        checkForDuplicateScaleNames(this.viewRoot);
 
-        // Resolve scales, i.e., if possible, pull them towards the root
-        resolveScalesAndAxes(this.viewRoot);
         setImplicitScaleNames(this.viewRoot);
 
-        // Wrap unit or layer views that need axes
-        //this.viewRoot = addDecorators(this.viewRoot);
+        const views = this.viewRoot.getDescendants();
+
+        // View opacity should be configured after all scales have been resolved.
+        // Currently this doesn't work if new views are added dynamically.
+        // TODO: Figure out how to handle dynamic view addition/removal nicely.
+        views.forEach((view) => view.configureViewOpacity());
 
         // We should now have a complete view hierarchy. Let's update the canvas size
         // and ensure that the loading message is visible.
         this._glHelper.invalidateSize();
 
         // Collect all unit views to a list because they need plenty of initialization
-        /** @type {UnitView[]} */
-        const unitViews = [];
-        this.viewRoot.visit((view) => {
-            if (view instanceof UnitView) {
-                unitViews.push(view);
-            }
-        });
+        const unitViews = /** @type {UnitView[]} */ (
+            views.filter((view) => view instanceof UnitView)
+        );
 
         // Build the data flow based on the view hierarchy
         const flow = buildDataFlow(this.viewRoot, context.dataFlow);
@@ -353,7 +370,7 @@ export default class GenomeSpy {
         this.broadcast("dataFlowBuilt", flow);
 
         // @ts-expect-error
-        if (import.meta.env.DEV) {
+        if (import.meta.env?.DEV) {
             flow.dataSources.forEach((ds) => console.log(ds.subtreeToString()));
         }
 
@@ -759,7 +776,7 @@ export default class GenomeSpy {
     }
 
     getNamedScaleResolutions() {
-        /** @type {Map<string, import("./view/scaleResolution").default>} */
+        /** @type {Map<string, import("./view/scaleResolution.js").default>} */
         const resolutions = new Map();
         this.viewRoot.visit((view) => {
             for (const resolution of Object.values(view.resolutions.scale)) {

package/dist/src/gl/arrayBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrayBuilder.d.ts","sourceRoot":"","sources":["../../../src/gl/arrayBuilder.js"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH;IAGI;;;OAGG;IACH,kBAFW,MAAM,EAehB;IAZG,aAAgB;IAEhB,wGAAwG;IACxG;YADmB,MAAM,GAAE;YAAC,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAC;MACnF;IAEhB,kCAAkC;IAClC,gBADuB,IAAI,IACV;IAEjB,qCAAqC;IACrC,sBADqB,GAAG,KAAE,IAAI,IACR;IAEtB,oBAAoB;IAGxB;;;;OAIG;IACH,wBAHW,MAAM,YACN,iBAAiB,QAc3B;IAED;;;;;;OAMG;IACH,6BALW,MAAM,iBACN,MAAM,mBACN,MAAM,EAAE,UACE,MAAM,GAAC,MAAM,EAAE,SA8EnC;IAED,uBAsBC;IAED,gBAiBC;IAED;;;OAGG;IACH,uBAFW,MAAM,QAMhB;IAED;;;OAGG;IACH,qBAFW,MAAM,QAKhB;CACJ;;;;;;;;;cA/LkB,MAAM,KAAE,GAAG;;;;qBACpB,MAAM,EAAE;oBACR,MAAM"}
+{"version":3,"file":"arrayBuilder.d.ts","sourceRoot":"","sources":["../../../src/gl/arrayBuilder.js"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH;IAGI;;;OAGG;IACH,kBAFW,MAAM,EAehB;IAZG,aAAgB;IAEhB,wGAAwG;IACxG;YADmB,MAAM,GAAE;YAAC,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAC;MACnF;IAEhB,kCAAkC;IAClC,SADW,OAAY,IAAI,CAAC,EAAE,CACb;IAEjB,qCAAqC;IACrC,cADW,QAAU,GAAG,KAAE,IAAI,CAAC,EAAE,CACX;IAEtB,oBAAoB;IAGxB;;;;OAIG;IACH,wBAHW,MAAM,YACN,iBAAiB,QAc3B;IAED;;;;;;OAMG;IACH,6BALW,MAAM,iBACN,MAAM,mBACN,MAAM,EAAE,UACE,MAAM,GAAC,MAAM,EAAE,SA8EnC;IAED,uBAsBC;IAED,gBAiBC;IAED;;;OAGG;IACH,uBAFW,MAAM,QAMhB;IAED;;;OAGG;IACH,qBAFW,MAAM,QAKhB;CACJ;;;;;;;;;cA/LkB,MAAM,KAAE,GAAG;;;;qBACpB,MAAM,EAAE;oBACR,MAAM"}

package/dist/src/gl/dataToVertices.d.ts

@@ -2,12 +2,12 @@
  * @typedef {object} RangeEntry Represents a location of a vertex subset
  * @prop {number} offset in vertices
  * @prop {number} count in vertices
- * @prop {import("../utils/binnedIndex").Lookup} xIndex
+ * @prop {import("../utils/binnedIndex.js").Lookup} xIndex
  */
 export class GeometryBuilder {
     /**
-     * @typedef {import("./arrayBuilder").ConverterMetadata} Converter
-     * @typedef {import("../types/encoder").Encoder} Encoder
+     * @typedef {import("./arrayBuilder.js").ConverterMetadata} Converter
+     * @typedef {import("../types/encoder.js").Encoder} Encoder
      */
     /**
      * @param {object} object
@@ -17,13 +17,13 @@ export class GeometryBuilder {
      *      preallocated TypedArray is used
      */
     constructor({ encoders, numVertices, attributes }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes?: string[];
         numVertices?: number;
     });
-    encoders: Record<string, import("../types/encoder").Encoder>;
+    encoders: Record<string, import("../types/encoder.js").Encoder>;
     variableEncoders: {
-        [k: string]: import("../types/encoder").Encoder;
+        [k: string]: import("../types/encoder.js").Encoder;
     };
     allocatedVertices: number;
     variableBuilder: ArrayBuilder;
@@ -46,18 +46,18 @@ export class GeometryBuilder {
      */
     addBatch(key: any, data: object[], lo?: number, hi?: number): void;
     /**
-     * @param {import("../data/flowNode").Data} data Domain, but specified using datums
+     * @param {import("../data/flowNode.js").Data} data Domain, but specified using datums
      * @param {number} [lo]
      * @param {number} [hi]
      */
-    prepareXIndexer(data: import("../data/flowNode").Data, lo?: number, hi?: number): void;
+    prepareXIndexer(data: import("../data/flowNode.js").Data, lo?: number, hi?: number): void;
     /**
      * Add the datum to an index, which allows for efficient rendering of ranges
      * on the x axis. Must be called after a datum has been pushed to the ArrayBuilder.
      *
-     * @param {import("../data/flowNode").Datum} datum
+     * @param {import("../data/flowNode.js").Datum} datum
      */
-    addToXIndex(datum: import("../data/flowNode").Datum): void;
+    addToXIndex(datum: import("../data/flowNode.js").Datum): void;
     xIndexer: {
         (datum: any, startVertexIndex: number, endVertexIndex: number): void;
         getIndex: () => import("../utils/binnedIndex.js").Lookup;
@@ -88,7 +88,7 @@ export class RectVertexBuilder extends GeometryBuilder {
      * @param {number} [object.numItems] Number of data items
      */
     constructor({ encoders, attributes, tessellationThreshold, visibleRange, numItems, }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes: string[];
         tessellationThreshold?: number;
         visibleRange?: number[];
@@ -110,7 +110,7 @@ export class RuleVertexBuilder extends GeometryBuilder {
      * @param {number} [object.numItems] Number of data items
      */
     constructor({ encoders, attributes, tessellationThreshold, visibleRange, numItems, }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes: string[];
         tessellationThreshold?: number;
         visibleRange?: number[];
@@ -130,7 +130,7 @@ export class PointVertexBuilder extends GeometryBuilder {
      * @param {number} [object.numItems] Number of points if known, uses TypedArray
      */
     constructor({ encoders, attributes, numItems }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes: string[];
         numItems?: number;
     });
@@ -143,7 +143,7 @@ export class ConnectionVertexBuilder extends GeometryBuilder {
      * @param {number} [object.numItems ] Number of points if known, uses TypedArray
      */
     constructor({ encoders, attributes, numItems }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes: string[];
         numItems?: number;
     });
@@ -154,15 +154,15 @@ export class TextVertexBuilder extends GeometryBuilder {
      * @param {object} object
      * @param {Record<string, Encoder>} object.encoders
      * @param {string[]} object.attributes
-     * @param {import("../fonts/bmFontMetrics").BMFontMetrics} object.fontMetrics
+     * @param {import("../fonts/bmFontMetrics.js").BMFontMetrics} object.fontMetrics
      * @param {Record<string, any>} object.properties
      * @param {number} [object.numCharacters] number of characters
      * @param {boolean} [object.logoLetters]
      */
     constructor({ encoders, attributes, fontMetrics, properties, numCharacters, }: {
-        encoders: Record<string, import("../types/encoder").Encoder>;
+        encoders: Record<string, import("../types/encoder.js").Encoder>;
         attributes: string[];
-        fontMetrics: import("../fonts/bmFontMetrics").BMFontMetrics;
+        fontMetrics: import("../fonts/bmFontMetrics.js").BMFontMetrics;
         properties: Record<string, any>;
         numCharacters?: number;
         logoLetters?: boolean;
@@ -188,7 +188,7 @@ export type RangeEntry = {
      * in vertices
      */
     count: number;
-    xIndex: import("../utils/binnedIndex").Lookup;
+    xIndex: import("../utils/binnedIndex.js").Lookup;
 };
 import ArrayBuilder from "./arrayBuilder.js";
 //# sourceMappingURL=dataToVertices.d.ts.map

package/dist/src/gl/dataToVertices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataToVertices.d.ts","sourceRoot":"","sources":["../../../src/gl/dataToVertices.js"],"names":[],"mappings":"AAaA;;;;;GAKG;AACH;IACI;;;OAGG;IAEH;;;;;;OAMG;IACH;;qBAJW,MAAM,EAAE;sBACR,MAAM;OAqDhB;IAjDG,6DAAwB;IAGxB;;MAKC;IAED,0BAAoC;IAEpC,8BAAoD;IAiCpD,mBAAmB;IAEnB,yFAAyF;IACzF,UADW,IAAI,GAAG,EAAE,UAAU,CAAC,CACkB;IAGrD;;;;OAIG;IACH,mBAFW,GAAG,QAcb;IAED;;OAEG;IACH,oBAFW,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,QAM5B;IAED;;;OAGG;IACH,cAHW,GAAG,QACH,MAAM,EAAE,kCAYlB;IAED;;;;OAIG;IACH,sBAJW,OAAO,kBAAkB,EAAE,IAAI,OAC/B,MAAM,OACN,MAAM,QAyDhB;IAED;;;;;OAKG;IACH,mBAFW,OAAO,kBAAkB,EAAE,KAAK,QAI1C;IAzDO;;;MAAyB;IA2DjC;QAEQ,uGAAuG;;kBAAtE,MAAM,EAAE,GAAG,YAAY;2BAAiB,MAAM;sBAAY,MAAM;;QAEjG,8BAA8B;;QAE9B,8CAA8C;;;MAIrD;CACJ;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;gCACR,MAAM;uBAEN,MAAM,EAAE;mBACR,MAAM;OAqBhB;IALG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;CAiFtE;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;gCACR,MAAM;uBAEN,MAAM,EAAE;mBACR,MAAM;OAsBhB;IANG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;IAC/D,4CAA6D;CA2CpE;AAED;IACI;;;;;;OAMG;IACH;;oBAHW,MAAM,EAAE;mBACR,MAAM;OAQhB;CACJ;AAED;IACI;;;;;OAKG;IACH;;oBAHW,MAAM,EAAE;mBACR,MAAM;OAQhB;CAYJ;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;qBACR,OAAO,wBAAwB,EAAE,aAAa;oBAC9C,OAAO,MAAM,EAAE,GAAG,CAAC;wBACnB,MAAM;sBACN,OAAO;OA4CjB;IA7BG,4DAA2B;IAC3B,2DAA0B;IAE1B,gCAA4B;IAQ5B,qCAAqC;IACrC,sBADmB,GAAG,KAAK,MAAM,CAMf;IAElB,oDAGC;IACD,qDAGC;IAED,8CAAiE;CA8IxE;;;;;;;;YA/mBS,MAAM;;;;WACN,MAAM;YACN,OAAO,sBAAsB,EAAE,MAAM;;yBAdtB,mBAAmB"}
+{"version":3,"file":"dataToVertices.d.ts","sourceRoot":"","sources":["../../../src/gl/dataToVertices.js"],"names":[],"mappings":"AAaA;;;;;GAKG;AACH;IACI;;;OAGG;IAEH;;;;;;OAMG;IACH;;qBAJW,MAAM,EAAE;sBACR,MAAM;OAqDhB;IAjDG,gEAAwB;IAGxB;;MAKC;IAED,0BAAoC;IAEpC,8BAAoD;IAiCpD,mBAAmB;IAEnB,yFAAyF;IACzF,UADW,IAAI,GAAG,EAAE,UAAU,CAAC,CACkB;IAGrD;;;;OAIG;IACH,mBAFW,GAAG,QAcb;IAED;;OAEG;IACH,oBAFW,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,QAM5B;IAED;;;OAGG;IACH,cAHW,GAAG,QACH,MAAM,EAAE,kCAYlB;IAED;;;;OAIG;IACH,sBAJW,OAAO,qBAAqB,EAAE,IAAI,OAClC,MAAM,OACN,MAAM,QAyDhB;IAED;;;;;OAKG;IACH,mBAFW,OAAO,qBAAqB,EAAE,KAAK,QAI7C;IAzDO;;;MAAyB;IA2DjC;QAEQ,uGAAuG;gBAA5F,OAAO,MAAM,EAAE;YAAC,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QAEnG,8BAA8B;;QAE9B,8CAA8C;;;MAIrD;CACJ;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;gCACR,MAAM;uBAEN,MAAM,EAAE;mBACR,MAAM;OAqBhB;IALG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;CAiFtE;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;gCACR,MAAM;uBAEN,MAAM,EAAE;mBACR,MAAM;OAsBhB;IANG,uBAAgC;IAEhC,8BAA8D;IAE9D,6CAA+D;IAC/D,4CAA6D;CA2CpE;AAED;IACI;;;;;;OAMG;IACH;;oBAHW,MAAM,EAAE;mBACR,MAAM;OAQhB;CACJ;AAED;IACI;;;;;OAKG;IACH;;oBAHW,MAAM,EAAE;mBACR,MAAM;OAQhB;CAYJ;AAED;IACI;;;;;;;;;OASG;IACH;;oBANW,MAAM,EAAE;qBACR,OAAO,2BAA2B,EAAE,aAAa;oBACjD,OAAO,MAAM,EAAE,GAAG,CAAC;wBACnB,MAAM;sBACN,OAAO;OA4CjB;IA7BG,4DAA2B;IAC3B,2DAA0B;IAE1B,gCAA4B;IAQ5B,qCAAqC;IACrC,sBADmB,GAAG,KAAK,MAAM,CAMf;IAElB,oDAGC;IACD,qDAGC;IAED,8CAAiE;CA8IxE;;;;;;;;YA/mBS,MAAM;;;;WACN,MAAM;YACN,OAAO,yBAAyB,EAAE,MAAM;;yBAdzB,mBAAmB"}

package/dist/src/gl/dataToVertices.js

@@ -15,12 +15,12 @@ import { isContinuous } from "vega-scale";
  * @typedef {object} RangeEntry Represents a location of a vertex subset
  * @prop {number} offset in vertices
  * @prop {number} count in vertices
- * @prop {import("../utils/binnedIndex").Lookup} xIndex
+ * @prop {import("../utils/binnedIndex.js").Lookup} xIndex
  */
 export class GeometryBuilder {
     /**
-     * @typedef {import("./arrayBuilder").ConverterMetadata} Converter
-     * @typedef {import("../types/encoder").Encoder} Encoder
+     * @typedef {import("./arrayBuilder.js").ConverterMetadata} Converter
+     * @typedef {import("../types/encoder.js").Encoder} Encoder
      */
 
     /**
@@ -127,14 +127,14 @@ export class GeometryBuilder {
     }
 
     /**
-     * @param {import("../data/flowNode").Data} data Domain, but specified using datums
+     * @param {import("../data/flowNode.js").Data} data Domain, but specified using datums
      * @param {number} [lo]
      * @param {number} [hi]
      */
     prepareXIndexer(data, lo = 0, hi = lo + data.length) {
         const disable = () => {
             /**
-             * @param {import("../data/flowNode").Datum} datum
+             * @param {import("../data/flowNode.js").Datum} datum
              */
             this.addToXIndex = (datum) => {
                 // nop
@@ -192,7 +192,7 @@ export class GeometryBuilder {
      * Add the datum to an index, which allows for efficient rendering of ranges
      * on the x axis. Must be called after a datum has been pushed to the ArrayBuilder.
      *
-     * @param {import("../data/flowNode").Datum} datum
+     * @param {import("../data/flowNode.js").Datum} datum
      */
     addToXIndex(datum) {
         //
@@ -254,13 +254,13 @@ export class RectVertexBuilder extends GeometryBuilder {
         }
 
         const e =
-            /** @type {Object.<string, import("../types/encoder").NumberEncoder>} */ (
+            /** @type {Object.<string, import("../types/encoder.js").NumberEncoder>} */ (
                 this.encoders
             );
         const [lower, upper] = this.visibleRange;
 
         /**
-         * @param {import("../types/encoder").Encoder} encoder
+         * @param {import("../types/encoder.js").Encoder} encoder
          */
         const a = (encoder) => encoder.accessor || ((x) => 0);
 
@@ -448,7 +448,7 @@ export class TextVertexBuilder extends GeometryBuilder {
      * @param {object} object
      * @param {Record<string, Encoder>} object.encoders
      * @param {string[]} object.attributes
-     * @param {import("../fonts/bmFontMetrics").BMFontMetrics} object.fontMetrics
+     * @param {import("../fonts/bmFontMetrics.js").BMFontMetrics} object.fontMetrics
      * @param {Record<string, any>} object.properties
      * @param {number} [object.numCharacters] number of characters
      * @param {boolean} [object.logoLetters]
@@ -474,7 +474,7 @@ export class TextVertexBuilder extends GeometryBuilder {
         const e = encoders;
 
         const channelDef =
-            /** @type {import("../spec/channel").TextDef<string>} */ (
+            /** @type {import("../spec/channel.js").TextDef<string>} */ (
                 e.text.channelDef
             );
         /** @type {(value: any) => string} */

package/dist/src/gl/webGLHelper.d.ts

@@ -42,8 +42,8 @@ export default class WebGLHelper {
         type: string;
         listener: Function;
     }[];
-    /** @type {WeakMap<import("../view/scaleResolution").default, WebGLTexture>} */
-    rangeTextures: WeakMap<import("../view/scaleResolution").default, WebGLTexture>;
+    /** @type {WeakMap<import("../view/scaleResolution.js").default, WebGLTexture>} */
+    rangeTextures: WeakMap<import("../view/scaleResolution.js").default, WebGLTexture>;
     canvas: HTMLCanvasElement;
     gl: WebGL2RenderingContext;
     /** @type {import("twgl.js").AttachmentOptions[]} */
@@ -110,9 +110,9 @@ export default class WebGLHelper {
      *
      * TODO: This may be too specific to be included in WebGLHelper. Find a better place.
      *
-     * @param {import("../view/scaleResolution").default} resolution
+     * @param {import("../view/scaleResolution.js").default} resolution
      * @param {boolean} update Update the texture if it exists already.
      */
-    createRangeTexture(resolution: import("../view/scaleResolution").default, update?: boolean): void;
+    createRangeTexture(resolution: import("../view/scaleResolution.js").default, update?: boolean): void;
 }
 //# sourceMappingURL=webGLHelper.d.ts.map

package/dist/src/gl/webGLHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AA6bA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,KAAK,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAleD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,eAGrC,MAAM,EA2FhB;IAxFG,wBAA2B;IAC3B,mBAPa;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAOf;IAE7B,uCAAuC;IACvC,cADW,IAAI,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,oDAAoD;IACpD;cADmB,MAAM;;QACL;IAEpB,+EAA+E;IAC/E,eADW,QAAQ,OAAO,yBAAyB,EAAE,OAAO,EAAE,YAAY,CAAC,CACzC;IAuClC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAMD,gCAGE;IAQF,+CAA+C;IAC/C,aADW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACZ;IAOnC,uBAIC;IAHG;;;MAAmC;IAKvC,mBAEC;IADG,YAAkC;IAGtC;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAcC;IAED,iBAGC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAQ3C;IAED;;OAEG;IACH;;;MA0BC;IAED;;;OAGG;IACH,4BAHW,QAAQ,GAAC,QAAQ,4BAK3B;IAED;;OAEG;IACH,iBAFW,MAAM,QAQhB;IAED;;;;OAIG;IACH,oBAHW,MAAM,KACN,MAAM,cAwBhB;IAED,iBAOC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,yBAAyB,EAAE,OAAO,WACzC,OAAO,QA4GjB;CACJ"}
+{"version":3,"file":"webGLHelper.d.ts","sourceRoot":"","sources":["../../../src/gl/webGLHelper.js"],"names":[],"mappings":"AA6bA;;;;GAIG;AACH,kCAJW,sBAAsB,gBACtB,WAAW,kBACX,WAAW;;;;;;EA8CrB;AAED;;;;;GAKG;AACH,0CALW,qBAAqB,WACrB,KAAK,OAAO,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAC7C,MAAM,EAAE,GAAG,eAAe,YAC1B,YAAY,gBAYtB;AAleD;IACI;;;;;;;OAOG;IACH,uBANW,WAAW,eACX,MAAM;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,eAGrC,MAAM,EA2FhB;IAxFG,wBAA2B;IAC3B,mBAPa;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAOf;IAE7B,uCAAuC;IACvC,cADW,IAAI,MAAM,EAAE,WAAW,CAAC,CACN;IAE7B,oDAAoD;IACpD,YADW;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,WAAU;KAAC,EAAE,CAC5B;IAEpB,kFAAkF;IAClF,eADW,QAAQ,OAAO,4BAA4B,EAAE,OAAO,EAAE,YAAY,CAAC,CAC5C;IAuClC,0BAAoB;IACpB,2BAAY;IAGZ,oDAAoD;IACpD,2BADW,OAAO,SAAS,EAAE,iBAAiB,EAAE,CAQ/C;IACD,sDAGC;IAMD,gCAGE;IAQF,+CAA+C;IAC/C,aADW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACZ;IAOnC,uBAIC;IAHG;;;MAAmC;IAKvC,mBAEC;IADG,YAAkC;IAGtC;;;;;OAKG;IACH,oBAHW,MAAM,QACN,MAAM,GAAG,MAAM,EAAE,eA2B3B;IAED,iBAcC;IAED,iBAGC;IAED;;;;OAIG;IACH,oCAFW;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;;;MAQ3C;IAED;;OAEG;IACH;;;MA0BC;IAED;;;OAGG;IACH,4BAHW,QAAQ,GAAC,QAAQ,4BAK3B;IAED;;OAEG;IACH,iBAFW,MAAM,QAQhB;IAED;;;;OAIG;IACH,oBAHW,MAAM,KACN,MAAM,cAwBhB;IAED,iBAOC;IAED;;;;;;;;;OASG;IACH,+BAHW,OAAO,4BAA4B,EAAE,OAAO,WAC5C,OAAO,QA4GjB;CACJ"}

package/dist/src/gl/webGLHelper.js

@@ -47,7 +47,7 @@ export default class WebGLHelper {
         /** @type {{ type: string, listener: function}[]} */
         this._listeners = [];
 
-        /** @type {WeakMap<import("../view/scaleResolution").default, WebGLTexture>} */
+        /** @type {WeakMap<import("../view/scaleResolution.js").default, WebGLTexture>} */
         this.rangeTextures = new WeakMap();
 
         // --------------------------------------------------------
@@ -300,7 +300,7 @@ export default class WebGLHelper {
      *
      * TODO: This may be too specific to be included in WebGLHelper. Find a better place.
      *
-     * @param {import("../view/scaleResolution").default} resolution
+     * @param {import("../view/scaleResolution.js").default} resolution
      * @param {boolean} update Update the texture if it exists already.
      */
     createRangeTexture(resolution, update = false) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":";AAaU,mMACkD;AA2F5D;;;;;GAKG;AACH,8BAFW,MAAM,gBAmBhB;sBA5HqB,gBAAgB;qBAFjB,UAAU;iBAGd,kBAAkB;oBACf,6BAA6B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":";AAamB,mMAGnB;AAyFA;;;;;GAKG;AACH,8BAFW,MAAM,gBAmBhB;sBA5HqB,gBAAgB;qBAFjB,UAAU;iBAGd,kBAAkB;oBACf,6BAA6B"}

package/dist/src/index.js

@@ -94,7 +94,7 @@ export async function embed(el, spec, options = {}) {
 
 /**
  *
- * @param {import("./genomeSpy").default} genomeSpy
+ * @param {import("./genomeSpy.js").default} genomeSpy
  * @param {import("./types/embedApi.js").EmbedOptions} options options
  */
 function applyOptions(genomeSpy, options) {

package/dist/src/marks/link.js

@@ -7,7 +7,7 @@ import Mark from "./mark.js";
 
 export default class LinkMark extends Mark {
     /**
-     * @param {import("../view/unitView").default} unitView
+     * @param {import("../view/unitView.js").default} unitView
      */
     constructor(unitView) {
         super(unitView);
@@ -45,14 +45,14 @@ export default class LinkMark extends Mark {
         ];
     }
 
-    /** @return {import("../spec/channel").Channel[]} */
+    /** @return {import("../spec/channel.js").Channel[]} */
     getSupportedChannels() {
         return [...super.getSupportedChannels(), "x2", "y2", "size"];
     }
 
     /**
-     * @param {import("../spec/channel").Encoding} encoding
-     * @returns {import("../spec/channel").Encoding}
+     * @param {import("../spec/channel.js").Encoding} encoding
+     * @returns {import("../spec/channel.js").Encoding}
      */
     fixEncoding(encoding) {
         if (!encoding.x) {
@@ -117,7 +117,7 @@ export default class LinkMark extends Mark {
     }
 
     /**
-     * @param {import("./mark").MarkRenderingOptions} options
+     * @param {import("./mark.js").MarkRenderingOptions} options
      */
     render(options) {
         const gl = this.gl;