@genome-spy/core 0.37.3 → 0.38.0

package/dist/src/view/concatView.d.ts

@@ -4,13 +4,13 @@
 export default class ConcatView extends GridView {
     /**
      *
-     * @param {import("../spec/view").AnyConcatSpec} spec
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("../spec/view.js").AnyConcatSpec} spec
+     * @param {import("../types/viewContext.js").default} context
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
      */
-    constructor(spec: import("../spec/view").AnyConcatSpec, context: import("../types/viewContext").default, layoutParent: import("./containerView").default, dataParent: import("./view").default, name: string);
+    constructor(spec: import("../spec/view.js").AnyConcatSpec, context: import("../types/viewContext.js").default, layoutParent: import("./containerView.js").default, dataParent: import("./view.js").default, name: string);
 }
 import GridView from "./gridView.js";
 //# sourceMappingURL=concatView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"concatView.d.ts","sourceRoot":"","sources":["../../../src/view/concatView.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,cAAc,EAAE,aAAa,WACpC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,OAAO,iBAAiB,EAAE,OAAO,cACjC,OAAO,QAAQ,EAAE,OAAO,QACxB,MAAM,EAiBhB;CAqDJ;qBAlFoB,eAAe"}
+{"version":3,"file":"concatView.d.ts","sourceRoot":"","sources":["../../../src/view/concatView.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,iBAAiB,EAAE,aAAa,WACvC,OAAO,yBAAyB,EAAE,OAAO,gBACzC,OAAO,oBAAoB,EAAE,OAAO,cACpC,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,EAiBhB;CAqDJ;qBAlFoB,eAAe"}

package/dist/src/view/concatView.js

@@ -7,10 +7,10 @@ import GridView from "./gridView.js";
 export default class ConcatView extends GridView {
     /**
      *
-     * @param {import("../spec/view").AnyConcatSpec} spec
-     * @param {import("../types/viewContext").default} context
-     * @param {import("./containerView").default} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("../spec/view.js").AnyConcatSpec} spec
+     * @param {import("../types/viewContext.js").default} context
+     * @param {import("./containerView.js").default} layoutParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
      */
     constructor(spec, context, layoutParent, dataParent, name) {
@@ -30,7 +30,10 @@ export default class ConcatView extends GridView {
         this.spec = spec;
     }
 
-    _createChildren() {
+    /**
+     * @override
+     */
+    async initializeChildren() {
         const spec = this.spec;
         const childSpecs = isConcatSpec(spec)
             ? spec.concat
@@ -39,17 +42,25 @@ export default class ConcatView extends GridView {
             : spec.hconcat;
 
         this.setChildren(
-            childSpecs.map((childSpec, i) =>
-                // @ts-expect-error TODO: Fix typing
-                this.context.createView(childSpec, this, this, "grid" + i)
+            await Promise.all(
+                childSpecs.map((childSpec, i) =>
+                    this.context.createOrImportView(
+                        childSpec,
+                        this,
+                        this,
+                        "grid" + i
+                    )
+                )
             )
         );
+
+        await this.createAxes();
     }
 
     /**
-     * @param {import("../spec/channel").Channel} channel
-     * @param {import("../spec/view").ResolutionTarget} resolutionType
-     * @returns {import("../spec/view").ResolutionBehavior}
+     * @param {import("../spec/channel.js").Channel} channel
+     * @param {import("../spec/view.js").ResolutionTarget} resolutionType
+     * @returns {import("../spec/view.js").ResolutionBehavior}
      */
     getDefaultResolution(channel, resolutionType) {
         if (resolutionType == "axis") {
@@ -65,18 +76,7 @@ export default class ConcatView extends GridView {
             (isVConcatSpec(this.spec) && channel === "x") ||
             (isHConcatSpec(this.spec) && channel === "y")
         ) {
-            const types = new Set(
-                this.children
-                    .map((child) => child.getEncoding()[channel])
-                    .filter((x) => x)
-                    .map((e) => "type" in e && e.type)
-                    .filter((type) => type)
-            );
-
-            return types.size === 1 &&
-                (types.has("index") || types.has("locus"))
-                ? "shared"
-                : "independent";
+            return "shared";
         } else {
             return "independent";
         }

package/dist/src/view/containerView.d.ts

@@ -4,21 +4,23 @@
 export default class ContainerView extends View {
     /**
      *
-     * @param {import("../spec/view").ContainerSpec} spec
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../spec/view.js").ContainerSpec} spec
+     * @param {import("../types/viewContext.js").default} context
      * @param {ContainerView} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(spec: import("../spec/view").ContainerSpec, context: import("../types/viewContext").default, layoutParent: ContainerView, dataParent: import("./view").default, name: string);
-    spec: import("../spec/view").ContainerSpec;
+    constructor(spec: import("../spec/view.js").ContainerSpec, context: import("../types/viewContext.js").default, layoutParent: ContainerView, dataParent: import("./view.js").default, name: string, options?: import("./view.js").ViewOptions);
+    spec: import("../spec/view.js").ContainerSpec;
+    initializeChildren(): Promise<void>;
     /**
      * Replaces a child view with another one. Does not alter the old or new child.
      *
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
-    replaceChild(child: import("./view").default, replacement: import("./view").default): void;
+    replaceChild(child: import("./view.js").default, replacement: import("./view.js").default): void;
     /**
      * @param {string[]} path An array of view names
      * @returns {View}

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

@@ -1 +1 @@
-{"version":3,"file":"containerView.d.ts","sourceRoot":"","sources":["../../../src/view/containerView.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IACI;;;;;;;OAOG;IACH,kBANW,OAAO,cAAc,EAAE,aAAa,WACpC,OAAO,sBAAsB,EAAE,OAAO,gBACtC,aAAa,cACb,OAAO,QAAQ,EAAE,OAAO,QACxB,MAAM,EAMhB;IADG,2CAAgB;IAUpB;;;;;OAKG;IACH,oBAHW,OAAO,QAAQ,EAAE,OAAO,eACxB,OAAO,QAAQ,EAAE,OAAO,QAIlC;IA+CD;;;OAGG;IACH,2BAHW,MAAM,EAAE,GACN,IAAI,CAYhB;IAED;;;OAGG;IACH,sBAFW,MAAM,QAQhB;IAED;;;OAGG;IACH,2BAFW,MAAM,QAchB;IA1GD;;OAEG;IACH,qBAFa,iBAAiB,IAAI,CAAC,CAIlC;CA+GJ;iBAxI4C,WAAW"}
+{"version":3,"file":"containerView.d.ts","sourceRoot":"","sources":["../../../src/view/containerView.js"],"names":[],"mappings":"AAEA;;GAEG;AACH;IACI;;;;;;;;OAQG;IACH,kBAPW,OAAO,iBAAiB,EAAE,aAAa,WACvC,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAMzC;IADG,8CAAgB;IAGpB,oCAEC;IASD;;;;;OAKG;IACH,oBAHW,OAAO,WAAW,EAAE,OAAO,eAC3B,OAAO,WAAW,EAAE,OAAO,QAIrC;IA+CD;;;OAGG;IACH,2BAHW,MAAM,EAAE,GACN,IAAI,CAYhB;IAED;;;OAGG;IACH,sBAFW,MAAM,QAQhB;IAED;;;OAGG;IACH,2BAFW,MAAM,QAchB;IA1GD;;OAEG;IACH,qBAFa,iBAAiB,IAAI,CAAC,CAIlC;CA+GJ;iBA7I4C,WAAW"}

package/dist/src/view/containerView.js

@@ -6,18 +6,23 @@ import View, { VISIT_STOP, VISIT_SKIP } from "./view.js";
 export default class ContainerView extends View {
     /**
      *
-     * @param {import("../spec/view").ContainerSpec} spec
-     * @param {import("../types/viewContext").default} context
+     * @param {import("../spec/view.js").ContainerSpec} spec
+     * @param {import("../types/viewContext.js").default} context
      * @param {ContainerView} layoutParent
-     * @param {import("./view").default} dataParent
+     * @param {import("./view.js").default} dataParent
      * @param {string} name
+     * @param {import("./view.js").ViewOptions} [options]
      */
-    constructor(spec, context, layoutParent, dataParent, name) {
-        super(spec, context, layoutParent, dataParent, name);
+    constructor(spec, context, layoutParent, dataParent, name, options) {
+        super(spec, context, layoutParent, dataParent, name, options);
 
         this.spec = spec;
     }
 
+    async initializeChildren() {
+        // override
+    }
+
     /**
      * @returns {IterableIterator<View>}
      */
@@ -28,8 +33,8 @@ export default class ContainerView extends View {
     /**
      * Replaces a child view with another one. Does not alter the old or new child.
      *
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
     replaceChild(child, replacement) {
         throw new Error("Not implemented");
@@ -40,11 +45,11 @@ export default class ContainerView extends View {
      * the value if the visitor returns a defined value. The `afterChildren` callback
      * allows for post-order traversal
      *
-     * @param {import("./view").Visitor} visitor
-     * @returns {import("./view").VisitResult}
+     * @param {import("./view.js").Visitor} visitor
+     * @returns {import("./view.js").VisitResult}
      */
     visit(visitor) {
-        /** @type  {import("./view").VisitResult}*/
+        /** @type  {import("./view.js").VisitResult}*/
         let result;
         try {
             result = visitor(this);
@@ -127,9 +132,9 @@ export default class ContainerView extends View {
     }
 
     /**
-     * @param {import("../spec/channel").Channel} channel
-     * @param {import("../spec/view").ResolutionTarget} resolutionType
-     * @returns {import("../spec/view").ResolutionBehavior}
+     * @param {import("../spec/channel.js").Channel} channel
+     * @param {import("../spec/view.js").ResolutionTarget} resolutionType
+     * @returns {import("../spec/view.js").ResolutionBehavior}
      */
     getDefaultResolution(channel, resolutionType) {
         return "shared";

package/dist/src/view/facetView.d.ts

@@ -15,17 +15,17 @@
  */
 export default class FacetView extends ContainerView {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("./layerView").default} LayerView
-     * @typedef {import("./viewUtils").FacetFieldDef} FacetFieldDef
-     * @typedef {import("./viewUtils").FacetMapping} FacetMapping
-     * @typedef {import("../utils/layout/flexLayout").LocSize} LocSize
-     * @typedef {import("../utils/layout/flexLayout").SizeDef} SizeDef
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("./layerView.js").default} LayerView
+     * @typedef {import("./viewUtils.js").FacetFieldDef} FacetFieldDef
+     * @typedef {import("./viewUtils.js").FacetMapping} FacetMapping
+     * @typedef {import("./layout/flexLayout.js").LocSize} LocSize
+     * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
      */
     /**
      *
-     * @param {import("./viewUtils").FacetSpec} spec
-     * @param {import("./viewUtils").ViewContext} context
+     * @param {import("./viewUtils.js").FacetSpec} spec
+     * @param {import("./viewUtils.js").ViewContext} context
      * @param {ContainerView} parent
      * @param {string} name
      */
@@ -50,11 +50,11 @@ export default class FacetView extends ContainerView {
     updateLabels(): void;
     getFacetGroups(): any[];
     /**
-     * @param {import("./renderingContext/viewRenderingContext").default} context
-     * @param {import("../utils/layout/rectangle").default} coords
-     * @param {import("./view").RenderingOptions} [options]
+     * @param {import("./renderingContext/viewRenderingContext.js").default} context
+     * @param {import("./layout/rectangle.js").default} coords
+     * @param {import("./view.js").RenderingOptions} [options]
      */
-    render(context: import("./renderingContext/viewRenderingContext").default, coords: import("../utils/layout/rectangle").default, options?: any): void;
+    render(context: import("./renderingContext/viewRenderingContext.js").default, coords: import("./layout/rectangle.js").default, options?: any): void;
     _labelsUpdated: boolean;
 }
 export type FacetChannel = "column" | "row";

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

@@ -1 +1 @@
-{"version":3,"file":"facetView.d.ts","sourceRoot":"","sources":["../../../src/view/facetView.js"],"names":[],"mappings":"AAmDA;;;;;;;;;;;;;;GAcG;AACH;IACI;;;;;;;OAOG;IACH;;;;;;OAMG;IACH,6CAHW,aAAa,QACb,MAAM,EA8BhB;IAzBG,UAAgB;IAEhB,WAEC;IAED;;;;OAIG;IACH,aAFU,OAAO,YAAY,EAAE,QAAQ,CAAC,CAYvC;IAED,oDAAoD;IACpD,kBADY,OAAO,YAAY,EAAE,cAAc,CAAC,CACa;IA2BjE,sBAIC;IAED;;;OAGG;IACH,qBAFW,KAAK,GAAG,QAAQ,0CAwB1B;IAED,qBAyCC;IAED,qBASC;IA6BD,wBAgBC;IAOD;;;;OAIG;IACH,gBAJW,OAAO,yCAAyC,EAAE,OAAO,UACzD,OAAO,2BAA2B,EAAE,OAAO,uBA4LrD;IA3KO,wBAA0B;CA4KrC;2BA/bY,QAAQ,GAAG,KAAK;;;;;;aA4CnB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE;;;0BA1Df,oBAAoB;qBACzB,eAAe"}
+{"version":3,"file":"facetView.d.ts","sourceRoot":"","sources":["../../../src/view/facetView.js"],"names":[],"mappings":"AAmDA;;;;;;;;;;;;;;GAcG;AACH;IACI;;;;;;;OAOG;IACH;;;;;;OAMG;IACH,6CAHW,aAAa,QACb,MAAM,EA8BhB;IAzBG,UAAgB;IAEhB,WAEC;IAED;;;;OAIG;IACH,aAFU,OAAO,YAAY,EAAE,QAAQ,CAAC,CAYvC;IAED,oDAAoD;IACpD,kBADY,OAAO,YAAY,EAAE,cAAc,CAAC,CACa;IA2BjE,sBAIC;IAED;;;OAGG;IACH,qBAFW,KAAK,GAAG,QAAQ,0CAwB1B;IAED,qBAyCC;IAED,qBASC;IA6BD,wBAgBC;IAOD;;;;OAIG;IACH,gBAJW,OAAO,4CAA4C,EAAE,OAAO,UAC5D,OAAO,uBAAuB,EAAE,OAAO,uBA4LjD;IA3KO,wBAA0B;CA4KrC;2BA/bY,QAAQ,GAAG,KAAK;;;;;;aA4CnB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE;;;0BA1Df,oBAAoB;qBACzB,eAAe"}

package/dist/src/view/facetView.js

@@ -5,13 +5,13 @@ import { isFacetFieldDef, isFacetMapping } from "./viewUtils.js";
 import ContainerView from "./containerView.js";
 import UnitView from "./unitView.js";
 import { cross } from "d3-array";
-import { mapToPixelCoords } from "../utils/layout/flexLayout.js";
+import { mapToPixelCoords } from "./layout/flexLayout.js";
 import { OrdinalDomain } from "../utils/domainArray.js";
-import Rectangle from "../utils/layout/rectangle.js";
+import Rectangle from "./layout/rectangle.js";
 import coalesce from "../utils/coalesce.js";
 import { field as vegaField } from "vega-util";
 import DecoratorView from "./decoratorView.js";
-import Padding from "../utils/layout/padding.js";
+import Padding from "./layout/padding.js";
 
 const DEFAULT_SPACING = 20;
 
@@ -66,17 +66,17 @@ const headerConfigs = {
  */
 export default class FacetView extends ContainerView {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("./layerView").default} LayerView
-     * @typedef {import("./viewUtils").FacetFieldDef} FacetFieldDef
-     * @typedef {import("./viewUtils").FacetMapping} FacetMapping
-     * @typedef {import("../utils/layout/flexLayout").LocSize} LocSize
-     * @typedef {import("../utils/layout/flexLayout").SizeDef} SizeDef
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("./layerView.js").default} LayerView
+     * @typedef {import("./viewUtils.js").FacetFieldDef} FacetFieldDef
+     * @typedef {import("./viewUtils.js").FacetMapping} FacetMapping
+     * @typedef {import("./layout/flexLayout.js").LocSize} LocSize
+     * @typedef {import("./layout/flexLayout.js").SizeDef} SizeDef
      */
     /**
      *
-     * @param {import("./viewUtils").FacetSpec} spec
-     * @param {import("./viewUtils").ViewContext} context
+     * @param {import("./viewUtils.js").FacetSpec} spec
+     * @param {import("./viewUtils.js").ViewContext} context
      * @param {ContainerView} parent
      * @param {string} name
      */
@@ -121,8 +121,8 @@ export default class FacetView extends ContainerView {
     }
 
     /**
-     * @param {import("./view").default} child
-     * @param {import("./view").default} replacement
+     * @param {import("./view.js").default} child
+     * @param {import("./view.js").default} replacement
      */
     replaceChild(child, replacement) {
         if (child !== this.child) {
@@ -145,7 +145,7 @@ export default class FacetView extends ContainerView {
      * @param {"row" | "column"} channel
      */
     getAccessor(channel) {
-        /** @type {import("./viewUtils").FacetMapping} */
+        /** @type {import("./viewUtils.js").FacetMapping} */
         let facetMapping;
         if (isFacetMapping(this.spec.facet)) {
             facetMapping = this.spec.facet; // Mark provides encodings with defaults and possible modifications
@@ -169,7 +169,7 @@ export default class FacetView extends ContainerView {
     }
 
     updateFacets() {
-        /** @type {import("./viewUtils").FacetMapping} */
+        /** @type {import("./viewUtils.js").FacetMapping} */
         let facetMapping;
         if (isFacetMapping(this.spec.facet)) {
             facetMapping = this.spec.facet; // Mark provides encodings with defaults and possible modifications
@@ -273,9 +273,9 @@ export default class FacetView extends ContainerView {
     }
 
     /**
-     * @param {import("./renderingContext/viewRenderingContext").default} context
-     * @param {import("../utils/layout/rectangle").default} coords
-     * @param {import("./view").RenderingOptions} [options]
+     * @param {import("./renderingContext/viewRenderingContext.js").default} context
+     * @param {import("./layout/rectangle.js").default} coords
+     * @param {import("./view.js").RenderingOptions} [options]
      */
     render(context, coords, options = {}) {
         if (!this.isConfiguredVisible()) {
@@ -471,7 +471,7 @@ export default class FacetView extends ContainerView {
 function createLabelViewSpec(headerConfig) {
     // TODO: Support styling: https://vega.github.io/vega-lite/docs/header.html#labels
 
-    /** @type {import("./viewUtils").UnitSpec} */
+    /** @type {import("./viewUtils.js").UnitSpec} */
     const titleView = {
         data: {
             values: [],

package/dist/src/view/flowBuilder.d.ts

@@ -3,7 +3,7 @@
  * @param {DataFlow<View>} [existingFlow] Add data flow
  *      graphs to an existing DataFlow object.
  */
-export function buildDataFlow(root: import("./view").default, existingFlow?: DataFlow<import("./view").default>): DataFlow<import("./view").default>;
+export function buildDataFlow(root: import("./view.js").default, existingFlow?: DataFlow<import("./view.js").default>): DataFlow<import("./view.js").default>;
 /**
  * Changes the ChromPos channelDefs into FieldDefs and returns
  * LinearizeGenomicCoordinate transform(s) that should be inserted into
@@ -11,9 +11,9 @@ export function buildDataFlow(root: import("./view").default, existingFlow?: Dat
  *
  * @param {View} view
  */
-export function linearizeLocusAccess(view: import("./view").default): {
+export function linearizeLocusAccess(view: import("./view.js").default): {
     transforms: import("../data/flowNode.js").default[];
-    rewrittenEncoding: import("../spec/channel").Encoding<string>;
+    rewrittenEncoding: import("../spec/channel.js").Encoding<string>;
     /**
      * Should be called after the whole flow has been created in order to
      * not disrupt inheritance of encodings
@@ -30,7 +30,7 @@ export function linearizeLocusAccess(view: import("./view").default): {
 export function createChain<H extends import("../data/flowNode.js").default>(dataSource: H, ...transforms: import("../data/flowNode.js").default[]): {
     dataSource: H;
     collector: Collector;
-    loadAndCollect: () => Promise<Iterable<import("../data/flowNode").Datum>>;
+    loadAndCollect: () => Promise<Iterable<import("../data/flowNode.js").Datum>>;
 };
 import DataFlow from "../data/dataFlow.js";
 import Collector from "../data/collector.js";

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

@@ -1 +1 @@
-{"version":3,"file":"flowBuilder.d.ts","sourceRoot":"","sources":["../../../src/view/flowBuilder.js"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,qJAkKC;AAED;;;;;;GAMG;AACH;;;IAgGc;;;OAGG;;EAYhB;AA0BD;;;;;;GAMG;AACH;;;0BAqB0B,QAAQ,SAAS,OAAO,kBAAkB,EAAE,KAAK,CAAC,CAAC;EAkB5E;qBAxXoB,qBAAqB;sBANpB,sBAAsB"}
+{"version":3,"file":"flowBuilder.d.ts","sourceRoot":"","sources":["../../../src/view/flowBuilder.js"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,8JAkKC;AAED;;;;;;GAMG;AACH;;;IAgGc;;;OAGG;;EAYhB;AA0BD;;;;;;GAMG;AACH;;;0BAqB0B,QAAQ,SAAS,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAC;EAkB/E;qBAxXoB,qBAAqB;sBANpB,sBAAsB"}

package/dist/src/view/flowBuilder.js

@@ -28,8 +28,8 @@ import { nodesToTreesWithAccessor, visitTree } from "../utils/trees.js";
  */
 export function buildDataFlow(root, existingFlow) {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("../data/flowNode").default} FlowNode
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("../data/flowNode.js").default} FlowNode
      */
 
     /** @type {FlowNode[]} "Current nodes" on the path from view root to the current view */
@@ -80,7 +80,7 @@ export function buildDataFlow(root, existingFlow) {
 
     /**
      *
-     * @param {import("../spec/transform").TransformParams[]} transforms
+     * @param {import("../spec/transform.js").TransformParams[]} transforms
      * @param {View} view
      */
     function createTransforms(transforms, view) {
@@ -199,10 +199,10 @@ export function buildDataFlow(root, existingFlow) {
  */
 export function linearizeLocusAccess(view) {
     /**
-     * @typedef {import("./view").default} View
-     * @typedef {import("../data/flowNode").default} FlowNode
-     * @typedef {import("../spec/channel").Channel} Channel
-     * @typedef {import("../spec/channel").Encoding} Encoding
+     * @typedef {import("./view.js").default} View
+     * @typedef {import("../data/flowNode.js").default} FlowNode
+     * @typedef {import("../spec/channel.js").Channel} Channel
+     * @typedef {import("../spec/channel.js").Encoding} Encoding
      */
 
     /** @type {FlowNode[]} */
@@ -211,7 +211,7 @@ export function linearizeLocusAccess(view) {
     /** @type {Encoding} */
     const rewrittenEncoding = {};
 
-    /** @type {{ channel: Channel, chromPosDef: import("../spec/channel").ChromPosDef}[]} */
+    /** @type {{ channel: Channel, chromPosDef: import("../spec/channel.js").ChromPosDef}[]} */
     const channelsAndChromPosDefs = [];
 
     // Optimize the number of transforms. Use only a single transform for positions
@@ -311,9 +311,9 @@ export function linearizeLocusAccess(view) {
 }
 
 /**
- * @param {import("./view").default} view
- * @param {import("../spec/channel").Encoding} [encoding]
- * @returns {import("../spec/transform").CompareParams}
+ * @param {import("./view.js").default} view
+ * @param {import("../spec/channel.js").Encoding} [encoding]
+ * @returns {import("../spec/transform.js").CompareParams}
  */
 function getCompareParamsForView(view, encoding) {
     // TODO: Should sort by min(x, x2).
@@ -343,7 +343,7 @@ function getCompareParamsForView(view, encoding) {
  */
 export function createChain(dataSource, ...transforms) {
     /**
-     * @typedef {import("../data/flowNode").default} FlowNode
+     * @typedef {import("../data/flowNode.js").default} FlowNode
      */
     /** @type {FlowNode} */
     let node = dataSource;
@@ -362,7 +362,7 @@ export function createChain(dataSource, ...transforms) {
         node.addChild(collector);
     }
 
-    /** @type {function():Promise<Iterable<import("../data/flowNode").Datum>>} */
+    /** @type {function():Promise<Iterable<import("../data/flowNode.js").Datum>>} */
     let loadAndCollect;
     if (dataSource instanceof DataSource) {
         loadAndCollect = async () => {

package/dist/src/view/flowBuilder.test.js

@@ -23,14 +23,14 @@ function byPath(root, path) {
     return root;
 }
 
-/** @type {import("../spec/mark").MarkConfigAndType} */
+/** @type {import("../spec/mark.js").MarkConfigAndType} */
 const mark = {
     type: "rect",
     tooltip: null,
 };
 
-test("Trivial flow", () => {
-    const root = create(
+test("Trivial flow", async () => {
+    const root = await create(
         {
             data: { values: [3.141] },
             transform: [
@@ -56,8 +56,8 @@ test("Trivial flow", () => {
     expect(flow.collectors[0]).toBe(byPath(dataSource, [0, 0, 0]));
 });
 
-test("Branching flow", () => {
-    const root = create(
+test("Branching flow", async () => {
+    const root = await create(
         {
             data: { values: [3.141] },
             layer: [
@@ -96,8 +96,8 @@ test("Branching flow", () => {
     expect(byPath(dataSource, [1, 0])).toBeInstanceOf(Collector);
 });
 
-test("Nested data sources", () => {
-    const root = create(
+test("Nested data sources", async () => {
+    const root = await create(
         {
             data: { values: [1] },
             transform: [{ type: "filter", expr: "datum.data > 0" }],