@genome-spy/core 0.44.0 → 0.46.0

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

@@ -31,6 +31,7 @@ export default class Collector extends FlowNode {
      */
     getItemCount(): number;
     _checkStatus(): void;
+    #private;
 }
 import FlowNode from "./flowNode.js";
 //# sourceMappingURL=collector.d.ts.map

package/dist/src/data/collector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../../src/data/collector.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH;IAKI;;OAEG;IACH,qBAFW,OAAO,sBAAsB,EAAE,aAAa,EActD;IATG,qDAA2C;IAE3C,2CAA2C;IAC3C,WADW,QAAU,SAAS,KAAE,IAAI,CAAC,EAAE,CACpB;IAEnB,uFAAuF;IACvF,cADW,IAAI,GAAG,GAAG,GAAG,EAAE,EAAE,OAAO,eAAe,EAAE,IAAI,CAAC,CAC5B;IAKjC,cAOC;IANG,2CAA2C;IAC3C,OADW,OAAO,eAAe,EAAE,IAAI,CACxB;IA2FnB;;OAEG;IACH,WAFa,SAAS,OAAO,eAAe,EAAE,KAAK,CAAC,CAuBnD;IAED;;;OAGG;IACH,2BAFmB,OAAO,eAAe,EAAE,KAAK,KAAK,IAAI,QAUxD;IAED;;OAEG;IACH,uBAMC;IAED,qBAMC;CACJ;qBAvLyD,eAAe"}
+{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../../src/data/collector.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH;IAKI;;OAEG;IACH,qBAFW,OAAO,sBAAsB,EAAE,aAAa,EActD;IATG,qDAA2C;IAE3C,2CAA2C;IAC3C,WADW,QAAU,SAAS,KAAE,IAAI,CAAC,EAAE,CACpB;IAEnB,uFAAuF;IACvF,cADW,IAAI,GAAG,GAAG,GAAG,EAAE,EAAE,OAAO,eAAe,EAAE,IAAI,CAAC,CAC5B;IAKjC,cAOC;IANG,2CAA2C;IAC3C,OADW,OAAO,eAAe,EAAE,IAAI,CACxB;IA6GnB;;OAEG;IACH,WAFa,SAAS,OAAO,eAAe,EAAE,KAAK,CAAC,CAuBnD;IAED;;;OAGG;IACH,2BAFmB,OAAO,eAAe,EAAE,KAAK,KAAK,IAAI,QAUxD;IAED;;OAEG;IACH,uBAMC;IAED,qBAMC;;CACJ;qBAzMyD,eAAe"}

package/dist/src/data/collector.js

@@ -89,8 +89,10 @@ export default class Collector extends FlowNode {
             );
             const groups =
                 accessors.length > 1
-                    ? // @ts-ignore
-                      group(this._data, ...accessors)
+                    ? // There's something strange in d3-array's typings
+                      /** @type {Map<any, any>} */ /** @type {any} */ (
+                          group(this._data, ...accessors)
+                      )
                     : // D3's group is SLOW!
                       groupBy(this._data, accessors[0]);
 
@@ -105,6 +107,16 @@ export default class Collector extends FlowNode {
             sortData(data);
         }
 
+        this.#propagateToChildren();
+
+        super.complete();
+
+        for (const observer of this.observers) {
+            observer(this);
+        }
+    }
+
+    #propagateToChildren() {
         if (this.children.length) {
             for (const [key, data] of this.facetBatches.entries()) {
                 if (key) {
@@ -119,11 +131,17 @@ export default class Collector extends FlowNode {
                 }
             }
         }
+    }
 
-        super.complete();
+    repropagate() {
+        for (const child of this.children) {
+            child.reset();
+        }
 
-        for (const observer of this.observers) {
-            observer(this);
+        this.#propagateToChildren();
+
+        for (const child of this.children) {
+            child.complete();
         }
     }
 

package/dist/src/data/flow.test.js

@@ -43,6 +43,9 @@ describe("Test flow graphs", () => {
         );
     });
 
+    test.skip("Implement stub for ParamMediator");
+
+    /*
     test("Longer chain of nodes", () => {
         const source = new SynchronousSequenceSource(10);
         const filter = new FilterTransform({
@@ -69,4 +72,5 @@ describe("Test flow graphs", () => {
             }))
         );
     });
+    */
 });

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

@@ -104,14 +104,6 @@ export default class FlowNode {
      * @returns {string}
      */
     subtreeToString(depth?: number): string;
-    /**
-     * The global object for expressions (in formula and filter transforms).
-     * Nodes in the hierarchy may extend the object using Object.create to
-     * introduce variables that are visible downstream the flow.
-     *
-     * @returns {Record<string, any>}
-     */
-    getGlobalObject(): Record<string, any>;
     /**
      *
      * @param {Datum} datum
@@ -124,6 +116,16 @@ export default class FlowNode {
      * @param {import("../types/flowBatch.js").FlowBatch} flowBatch
      */
     beginBatch(flowBatch: import("../types/flowBatch.js").FlowBatch): void;
+    /**
+     * @returns {import("../view/paramMediator.js").default}
+     * @protected
+     */
+    protected get paramMediator(): import("../view/paramMediator.js").default;
+    /**
+     * Repropagates the stored data. If this node has no stored data,
+     * find the nearest ancestor that has and repropagate from there.
+     */
+    repropagate(): void;
 }
 /**
  * This is heavily inspired by Vega's and Vega-Lite's data flow system.

package/dist/src/data/flowNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowNode.d.ts","sourceRoot":"","sources":["../../../src/data/flowNode.js"],"names":[],"mappings":"AA+QA;;;GAGG;AACH,uCAHW,OAAO,uBAAuB,EAAE,SAAS,0DAKnD;AAED;;;GAGG;AACH,wCAHW,OAAO,uBAAuB,EAAE,SAAS,2DAKnD;AA3RD;;;GAGG;AACH,qCAAsC;AAEtC;;;GAGG;AACH,uCAAwC;AAExC;;;GAGG;AACH,uCAAwC;AAIxC;;;;;GAKG;AACH;IACI,uBAEC;IAGG,yBAAyB;IACzB,UADW,QAAQ,EAAE,CACH;IAElB,uBAAuB;IACvB,QADW,QAAQ,CACI;IAEvB,2CAA2C;IAC3C,mBAAsB;IAG1B;;;OAGG;IACH,cAMC;IAED;;;OAGG;IACH,mBAEC;IAED;;;OAGG;IACH,0BAUC;IAwLD;;;OAGG;IACH,kBAFW,GAAG,QAIb;IA5LD;;;OAGG;IACH,kBAFW,QAAQ,QAIlB;IAED;;;OAGG;IACH,gBAFW,QAAQ,QAUlB;IAED;;OAEG;IACH,YAFW,QAAQ,QAQlB;IAED;;OAEG;IACH,6BAFW,QAAQ,QAMlB;IAED;;OAEG;IACH,0BAFW,QAAQ,QAalB;IAED;;;OAGG;IACH,mBAFW,QAAQ,QAWlB;IAED;;OAEG;IACH,eAiBC;IAED,kBAEC;IAED,uBAEC;IAED,sBAEC;IAED;;;;OAIG;IACH,eAFW,QAAU,QAAQ,KAAE,IAAI,CAAC,GAAG;QAAE,aAAa,CAAC,SAAW,QAAQ,KAAE,IAAI,CAAA;KAAC,QAchF;IAED;;;OAGG;IACH,wBAHW,MAAM,GACJ,MAAM,CAWlB;IAED;;;;;;OAMG;IACH,mBAFa,OAAO,MAAM,EAAE,GAAG,CAAC,CAM/B;IAED;;;OAGG;IACH,cAFW,KAAK,QAKf;IAED,iBAMC;IAED;;;;OAIG;IACH,sBAFW,OAAO,uBAAuB,EAAE,SAAS,QAMnD;CASJ;;;;oBApPY,OAAO,MAAM,EAAE,GAAG,CAAC;;;;mBACnB,KAAK,EAAE"}
+{"version":3,"file":"flowNode.d.ts","sourceRoot":"","sources":["../../../src/data/flowNode.js"],"names":[],"mappings":"AAyRA;;;GAGG;AACH,uCAHW,OAAO,uBAAuB,EAAE,SAAS,0DAKnD;AAED;;;GAGG;AACH,wCAHW,OAAO,uBAAuB,EAAE,SAAS,2DAKnD;AArSD;;;GAGG;AACH,qCAAsC;AAEtC;;;GAGG;AACH,uCAAwC;AAExC;;;GAGG;AACH,uCAAwC;AAExC;;;;;GAKG;AACH;IACI,uBAEC;IAGG,yBAAyB;IACzB,UADW,QAAQ,EAAE,CACH;IAElB,uBAAuB;IACvB,QADW,QAAQ,CACI;IAEvB,2CAA2C;IAC3C,mBAAsB;IAG1B;;;OAGG;IACH,cAMC;IAED;;;OAGG;IACH,mBAEC;IAED;;;OAGG;IACH,0BAUC;IAoMD;;;OAGG;IACH,kBAFW,GAAG,QAIb;IAxMD;;;OAGG;IACH,kBAFW,QAAQ,QAIlB;IAED;;;OAGG;IACH,gBAFW,QAAQ,QAUlB;IAED;;OAEG;IACH,YAFW,QAAQ,QAQlB;IAED;;OAEG;IACH,6BAFW,QAAQ,QAMlB;IAED;;OAEG;IACH,0BAFW,QAAQ,QAalB;IAED;;;OAGG;IACH,mBAFW,QAAQ,QAWlB;IAED;;OAEG;IACH,eAiBC;IAED,kBAEC;IAED,uBAEC;IAED,sBAEC;IAED;;;;OAIG;IACH,eAFW,QAAU,QAAQ,KAAE,IAAI,CAAC,GAAG;QAAE,aAAa,CAAC,SAAW,QAAQ,KAAE,IAAI,CAAA;KAAC,QAchF;IAED;;;OAGG;IACH,wBAHW,MAAM,GACJ,MAAM,CAWlB;IAED;;;OAGG;IACH,cAFW,KAAK,QAKf;IAED,iBAMC;IAED;;;;OAIG;IACH,sBAFW,OAAO,uBAAuB,EAAE,SAAS,QAMnD;IAED;;;OAGG;IACH,0EAKC;IAED;;;OAGG;IACH,oBAQC;CASJ;;;;oBAhQY,OAAO,MAAM,EAAE,GAAG,CAAC;;;;mBACnB,KAAK,EAAE"}

package/dist/src/data/flowNode.js

@@ -18,8 +18,6 @@ export const BEHAVIOR_MODIFIES = 1 << 1;
  */
 export const BEHAVIOR_COLLECTS = 1 << 2;
 
-const ROOT_CONTEXT_OBJECT = {};
-
 /**
  * This is heavily inspired by Vega's and Vega-Lite's data flow system.
  *
@@ -219,19 +217,6 @@ export default class FlowNode {
         } \n${childTree}`;
     }
 
-    /**
-     * The global object for expressions (in formula and filter transforms).
-     * Nodes in the hierarchy may extend the object using Object.create to
-     * introduce variables that are visible downstream the flow.
-     *
-     * @returns {Record<string, any>}
-     */
-    getGlobalObject() {
-        return this.parent
-            ? this.parent.getGlobalObject()
-            : ROOT_CONTEXT_OBJECT;
-    }
-
     /**
      *
      * @param {Datum} datum
@@ -260,6 +245,31 @@ export default class FlowNode {
         }
     }
 
+    /**
+     * @returns {import("../view/paramMediator.js").default}
+     * @protected
+     */
+    get paramMediator() {
+        if (!this.parent) {
+            throw new Error("Cannot find paramMediator!");
+        }
+        return this.parent.paramMediator;
+    }
+
+    /**
+     * Repropagates the stored data. If this node has no stored data,
+     * find the nearest ancestor that has and repropagate from there.
+     */
+    repropagate() {
+        if (this.parent) {
+            this.parent.repropagate();
+        } else {
+            throw new Error(
+                "Cannot repropagate data, no FlowNode with stored data found!"
+            );
+        }
+    }
+
     /**
      *
      * @param {any} datum

package/dist/src/data/flowOptimizer.test.js

@@ -132,20 +132,29 @@ describe("removeRedundantCloneTransforms", () => {
     });
 });
 
+const viewStub = {
+    paramMediator: {
+        registerParam: () => {},
+        allocateSetter: () => {},
+        createExpression: () => {},
+    },
+    getBaseUrl: () => "",
+};
+
 describe("Merge indentical data sources", () => {
     test("Merges correctly", () => {
         /** @type {DataFlow<string>} */
         const dataFlow = new DataFlow();
 
-        const a = new UrlSource({ url: "http://genomespy.app/" });
+        const a = new UrlSource({ url: "http://genomespy.app/" }, viewStub);
         const ac = new Collector();
         a.addChild(ac);
 
-        const b = new UrlSource({ url: "http://genomespy.app/" });
+        const b = new UrlSource({ url: "http://genomespy.app/" }, viewStub);
         const bc = new Collector();
         b.addChild(bc);
 
-        const c = new UrlSource({ url: "http://helsinki.fi/" });
+        const c = new UrlSource({ url: "http://helsinki.fi/" }, viewStub);
         const cc = new Collector();
         c.addChild(cc);
 

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

@@ -1,4 +1,13 @@
 export default class DataSource extends FlowNode {
+    /**
+     * @param {import("../../view/view.js").default} view
+     */
+    constructor(view: import("../../view/view.js").default);
+    /**
+     * @type {import("../../view/view.js").default}
+     * @protected
+     */
+    protected view: import("../../view/view.js").default;
     /**
      * Returns a string that identifies a data source. Data sources with the
      * same identifier can be merged.
@@ -6,6 +15,14 @@ export default class DataSource extends FlowNode {
      * @return {string}
      */
     get identifier(): string;
+    /**
+     * Sets the loading status of the data source. The status is shown in the UI.
+     *
+     * @param {import("../../types/viewContext.js").DataLoadingStatus} status
+     * @param {string} [detail] The error message
+     * @protected
+     */
+    protected setLoadingStatus(status: import("../../types/viewContext.js").DataLoadingStatus, detail?: string): void;
     load(): Promise<void>;
 }
 import FlowNode from "../flowNode.js";

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

@@ -1 +1 @@
-{"version":3,"file":"dataSource.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataSource.js"],"names":[],"mappings":"AAEA;IACI;;;;;OAKG;IACH,yBAEC;IAUD,sBAEC;CACJ;qBAxBoB,gBAAgB"}
+{"version":3,"file":"dataSource.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataSource.js"],"names":[],"mappings":"AAEA;IAOI;;OAEG;IACH,kBAFW,OAAO,oBAAoB,EAAE,OAAO,EAM9C;IAbD;;;OAGG;IACH,gBAHU,OAAO,oBAAoB,EAAE,OAAO,CAGzC;IAWL;;;;;OAKG;IACH,yBAEC;IAED;;;;;;OAMG;IACH,mCAJW,OAAO,4BAA4B,EAAE,iBAAiB,WACtD,MAAM,QAKhB;IAcD,sBAEC;CAKJ;qBA1DoB,gBAAgB"}

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

@@ -1,6 +1,21 @@
 import FlowNode from "../flowNode.js";
 
 export default class DataSource extends FlowNode {
+    /**
+     * @type {import("../../view/view.js").default}
+     * @protected
+     */
+    view;
+
+    /**
+     * @param {import("../../view/view.js").default} view
+     */
+    constructor(view) {
+        super();
+
+        this.view = view;
+    }
+
     /**
      * Returns a string that identifies a data source. Data sources with the
      * same identifier can be merged.
@@ -11,6 +26,21 @@ export default class DataSource extends FlowNode {
         return undefined;
     }
 
+    /**
+     * Sets the loading status of the data source. The status is shown in the UI.
+     *
+     * @param {import("../../types/viewContext.js").DataLoadingStatus} status
+     * @param {string} [detail] The error message
+     * @protected
+     */
+    setLoadingStatus(status, detail) {
+        this.view.context.setDataLoadingStatus(this.view, status, detail);
+    }
+
+    get paramMediator() {
+        return this.view.paramMediator;
+    }
+
     /**
      *
      * @param {import("../flowNode.js").Datum} datum
@@ -22,4 +52,8 @@ export default class DataSource extends FlowNode {
     async load() {
         // override
     }
+
+    repropagate() {
+        this.load();
+    }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"dataUtils.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataUtils.js"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,kCAHW,OAAO,oBAAoB,EAAE,UAAU;;;;;;;;;;;;;EAqBjD;AAED;;GAEG;AACH,wCAFW,MAAM,GAAG,MAAM,EAAE,UAU3B;AAWD;;;GAGG;AACH,4CAHW,OAAO,oBAAoB,EAAE,UAAU,4DAKjD;AAED;;;GAGG;AACH,4CAHW,OAAO,oBAAoB,EAAE,UAAU,4DAKjD;AAED;;;GAGG;AACH,6CAHW,OAAO,oBAAoB,EAAE,UAAU,6DAKjD;AAED;;;;GAIG;AACH,sCAHW,OAAO,oBAAoB,EAAE,UAAU,sDAKjD;AAxCM,+BAAgC,GAAG,QAI3B,OAAO,uBAAuB,EAAE,MAAM;;UAGtB,OAAO,gBAAgB,EAAE,KAAK,qCANR"}
+{"version":3,"file":"dataUtils.d.ts","sourceRoot":"","sources":["../../../../src/data/sources/dataUtils.js"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,kCAHW,OAAO,oBAAoB,EAAE,UAAU;;;;;;;;;;;;;EAsBjD;AAED;;GAEG;AACH,wCAFW,MAAM,GAAG,MAAM,EAAE,UAU3B;AAWD;;;GAGG;AACH,4CAHW,OAAO,oBAAoB,EAAE,UAAU,4DAKjD;AAED;;;GAGG;AACH,4CAHW,OAAO,oBAAoB,EAAE,UAAU,4DAKjD;AAED;;;GAGG;AACH,6CAHW,OAAO,oBAAoB,EAAE,UAAU,6DAKjD;AAED;;;;GAIG;AACH,sCAHW,OAAO,oBAAoB,EAAE,UAAU,sDAKjD;AAxCM,+BAAgC,GAAG,QAI3B,OAAO,uBAAuB,EAAE,MAAM;;UAGtB,OAAO,gBAAgB,EAAE,KAAK,qCANR"}

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

@@ -1,3 +1,4 @@
+import { withoutExprRef } from "../../view/paramMediator.js";
 import { isInlineData } from "./inlineSource.js";
 
 /**
@@ -13,7 +14,8 @@ export function getFormat(params) {
     }
     const format = { ...params.format };
 
-    format.type ??= isUrlData(params) && extractTypeFromUrl(params.url);
+    format.type ??=
+        isUrlData(params) && extractTypeFromUrl(withoutExprRef(params.url));
     // @ts-ignore TODO: Fix typing
     format.parse ??= "auto";
 

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

@@ -16,7 +16,7 @@ export default class InlineSource extends DataSource {
      * @param {import("../../view/view.js").default} view
      */
     constructor(params, view) {
-        super();
+        super(view);
 
         this.params = params;
 

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

@@ -15,7 +15,7 @@ export default class BigBedSource extends SingleAxisWindowedSource {
         rest?: string;
     }) => Record<string, any>;
     params: import("../../../spec/data.js").BigBedData;
-    initializedPromise: Promise<any>;
+    #private;
 }
 import SingleAxisWindowedSource from "./singleAxisWindowedSource.js";
 //# sourceMappingURL=bigBedSource.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bigBedSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/bigBedSource.js"],"names":[],"mappings":"AAGA;IAUI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,UAAU,QAC1C,OAAO,uBAAuB,EAAE,OAAO,EAsDjD;IAjED,0CAA0C;IAC1C,QADW,OAAO,WAAW,EAAE,OAAO,CAC/B;IAEP,yCAAyC;IACzC,KADW,OAAO,WAAW,EAAE,MAAM,CACjC;IAEJ,4GAA4G;IAC5G,mBADmB,MAAM,UAAU;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,MAAM,EAAE,GAAG,CAAC,CAC9F;IAkBN,mDAAgC;IAQhC,iCA+BE;CAuBT;qCA1FoC,+BAA+B"}
+{"version":3,"file":"bigBedSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/bigBedSource.js"],"names":[],"mappings":"AAOA;IAUI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,UAAU,QAC1C,OAAO,uBAAuB,EAAE,OAAO,EAmCjD;IA9CD,0CAA0C;IAC1C,QADW,OAAO,WAAW,EAAE,OAAO,CAC/B;IAEP,yCAAyC;IACzC,KADW,OAAO,WAAW,EAAE,MAAM,CACjC;IAEJ,4GAA4G;IAC5G,mBADmB,MAAM,UAAU;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,MAAM,EAAE,GAAG,CAAC,CAC9F;IA8BN,mDAA6B;;CAoFpC;qCA5HoC,+BAA+B"}

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

@@ -1,3 +1,7 @@
+import {
+    activateExprRefProps,
+    withoutExprRef,
+} from "../../../view/paramMediator.js";
 import addBaseUrl from "../../../utils/addBaseUrl.js";
 import SingleAxisWindowedSource from "./singleAxisWindowedSource.js";
 
@@ -25,9 +29,21 @@ export default class BigBedSource extends SingleAxisWindowedSource {
             ...params,
         };
 
-        super(view, paramsWithDefaults.channel);
+        const activatedParams = activateExprRefProps(
+            view.paramMediator,
+            paramsWithDefaults,
+            (props) => {
+                if (props.includes("url")) {
+                    this.#initialize().then(() => this.reloadLastDomain());
+                } else if (props.includes("windowSize")) {
+                    this.reloadLastDomain();
+                }
+            }
+        );
+
+        super(view, activatedParams.channel);
 
-        this.params = paramsWithDefaults;
+        this.params = activatedParams;
 
         if (!this.params.url) {
             throw new Error("No URL provided for BigBedSource");
@@ -35,7 +51,11 @@ export default class BigBedSource extends SingleAxisWindowedSource {
 
         this.setupDebouncing(this.params);
 
-        this.initializedPromise = new Promise((resolve) => {
+        this.#initialize();
+    }
+
+    #initialize() {
+        this.initializedPromise = new Promise((resolve, reject) => {
             Promise.all([
                 import("@gmod/bed"),
                 import("@gmod/bbi"),
@@ -45,28 +65,46 @@ export default class BigBedSource extends SingleAxisWindowedSource {
 
                 this.bbi = new BigBed({
                     filehandle: new RemoteFile(
-                        addBaseUrl(this.params.url, this.view.getBaseUrl())
+                        addBaseUrl(
+                            withoutExprRef(this.params.url),
+                            this.view.getBaseUrl()
+                        )
                     ),
                 });
 
-                this.bbi.getHeader().then(async (header) => {
-                    // @ts-ignore TODO: Fix
-                    this.parser = new BED({ autoSql: header.autoSql });
-                    try {
-                        const fastParser = makeFastParser(this.parser);
-                        this.parseLine = (chrom, f) =>
-                            fastParser(chrom, f.start, f.end, f.rest);
-                    } catch (e) {
-                        this.parseLine = (chrom, f) =>
-                            this.parser.parseLine(
-                                `${chrom}\t${f.start}\t${f.end}\t${f.rest}`
-                            );
-                    }
-
-                    resolve();
-                });
+                this.setLoadingStatus("loading");
+                this.bbi
+                    .getHeader()
+                    .then(async (header) => {
+                        // @ts-ignore TODO: Fix
+                        this.parser = new BED({ autoSql: header.autoSql });
+                        try {
+                            const fastParser = makeFastParser(this.parser);
+                            this.parseLine = (chrom, f) =>
+                                fastParser(chrom, f.start, f.end, f.rest);
+                        } catch (e) {
+                            this.parseLine = (chrom, f) =>
+                                this.parser.parseLine(
+                                    `${chrom}\t${f.start}\t${f.end}\t${f.rest}`
+                                );
+                        }
+
+                        this.setLoadingStatus("complete");
+                        resolve();
+                    })
+                    .catch((e) => {
+                        // Load empty data
+                        this.load();
+                        this.setLoadingStatus(
+                            "error",
+                            `${withoutExprRef(this.params.url)}: ${e.message}`
+                        );
+                        reject(e);
+                    });
             });
         });
+
+        return this.initializedPromise;
     }
 
     /**

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

@@ -8,7 +8,6 @@ export default class BigWigSource extends SingleAxisWindowedSource {
      */
     constructor(params: import("../../../spec/data.js").BigWigData, view: import("../../../view/view.js").default);
     params: import("../../../spec/data.js").BigWigData;
-    initializedPromise: Promise<any>;
     /**
      * Listen to the domain change event and update data when the covered windows change.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"bigWigSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/bigWigSource.js"],"names":[],"mappings":"AAGA;;GAEG;AACH;IAOI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,UAAU,QAC1C,OAAO,uBAAuB,EAAE,OAAO,EAiDjD;IAnCG,mDAAgC;IAQhC,iCA0BE;IAGN;;;;OAIG;IACH,wBAFW,MAAM,EAAE,iBAqBlB;IAED;;;OAGG;IAEH,uBAJW,MAAM,EAAE,kBACR,MAAM,iBA0BhB;;CACJ;qCAxHoC,+BAA+B"}
+{"version":3,"file":"bigWigSource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/bigWigSource.js"],"names":[],"mappings":"AAOA;;GAEG;AACH;IAOI;;;OAGG;IACH,oBAHW,OAAO,uBAAuB,EAAE,UAAU,QAC1C,OAAO,uBAAuB,EAAE,OAAO,EAmCjD;IATG,mDAA6B;IA2DjC;;;;OAIG;IACH,wBAFW,MAAM,EAAE,iBAqBlB;IAED;;;OAGG;IAEH,uBAJW,MAAM,EAAE,kBACR,MAAM,iBA2BhB;;CACJ;qCA3JoC,+BAA+B"}

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

@@ -1,3 +1,7 @@
+import {
+    activateExprRefProps,
+    withoutExprRef,
+} from "../../../view/paramMediator.js";
 import addBaseUrl from "../../../utils/addBaseUrl.js";
 import SingleAxisWindowedSource from "./singleAxisWindowedSource.js";
 
@@ -25,9 +29,21 @@ export default class BigWigSource extends SingleAxisWindowedSource {
             ...params,
         };
 
-        super(view, paramsWithDefaults.channel);
+        const activatedParams = activateExprRefProps(
+            view.paramMediator,
+            paramsWithDefaults,
+            (props) => {
+                if (props.includes("url")) {
+                    this.#initialize().then(() => this.reloadLastDomain());
+                } else if (props.includes("pixelsPerBin")) {
+                    this.reloadLastDomain();
+                }
+            }
+        );
+
+        super(view, activatedParams.channel);
 
-        this.params = paramsWithDefaults;
+        this.params = activatedParams;
 
         if (!this.params.url) {
             throw new Error("No URL provided for BigWigSource");
@@ -35,33 +51,55 @@ export default class BigWigSource extends SingleAxisWindowedSource {
 
         this.setupDebouncing(this.params);
 
-        this.initializedPromise = new Promise((resolve) => {
+        this.#initialize();
+    }
+
+    #initialize() {
+        this.initializedPromise = new Promise((resolve, reject) => {
             Promise.all([
                 import("@gmod/bbi"),
                 import("generic-filehandle"),
             ]).then(([{ BigWig }, { RemoteFile }]) => {
                 this.#bbi = new BigWig({
                     filehandle: new RemoteFile(
-                        addBaseUrl(this.params.url, this.view.getBaseUrl())
+                        addBaseUrl(
+                            withoutExprRef(this.params.url),
+                            this.view.getBaseUrl()
+                        )
                     ),
                 });
 
-                this.#bbi.getHeader().then((header) => {
-                    this.#reductionLevels =
-                        /** @type {{reductionLevel: number}[]} */ (
-                            header.zoomLevels
-                        )
-                            .map((z) => z.reductionLevel)
-                            .reverse();
-
-                    // Add the non-reduced level. Not sure if this is the best way to do it.
-                    // Afaik, the non-reduced bin size is not available in the header.
-                    this.#reductionLevels.push(1);
-
-                    resolve();
-                });
+                this.setLoadingStatus("loading");
+                this.#bbi
+                    .getHeader()
+                    .then((header) => {
+                        this.#reductionLevels =
+                            /** @type {{reductionLevel: number}[]} */ (
+                                header.zoomLevels
+                            )
+                                .map((z) => z.reductionLevel)
+                                .reverse();
+
+                        // Add the non-reduced level. Not sure if this is the best way to do it.
+                        // Afaik, the non-reduced bin size is not available in the header.
+                        this.#reductionLevels.push(1);
+
+                        this.setLoadingStatus("complete");
+                        resolve();
+                    })
+                    .catch((e) => {
+                        // Load empty data
+                        this.load();
+                        this.setLoadingStatus(
+                            "error",
+                            `${withoutExprRef(this.params.url)}: ${e.message}`
+                        );
+                        reject(e);
+                    });
             });
         });
+
+        return this.initializedPromise;
     }
 
     /**
@@ -96,7 +134,8 @@ export default class BigWigSource extends SingleAxisWindowedSource {
      */
     // @ts-expect-error
     async loadInterval(interval, reductionLevel) {
-        const scale = 1 / 2 / reductionLevel / this.params.pixelsPerBin;
+        const scale =
+            1 / 2 / reductionLevel / withoutExprRef(this.params.pixelsPerBin);
         const featureChunks = await this.discretizeAndLoad(
             interval,
             (d, signal) =>

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

@@ -12,7 +12,6 @@ export default class SingleAxisLazySource extends DataSource {
      * @protected
      */
     protected initializedPromise: Promise<void>;
-    view: import("../../../view/view.js").default;
     /** @type {import("../../../spec/channel.js").PrimaryPositionalChannel}  */
     channel: import("../../../spec/channel.js").PrimaryPositionalChannel;
     scaleResolution: import("../../../view/scaleResolution.js").default;
@@ -35,13 +34,6 @@ export default class SingleAxisLazySource extends DataSource {
      * @abstract
      */
     onDomainChanged(domain: number[], complexDomain: import("../../../spec/genome.js").ChromosomalLocus[]): void;
-    /**
-     * Sets the loading status of the data source. The status is shown in the UI.
-     *
-     * @param {boolean} status true if loading, false otherwise
-     * @protected
-     */
-    protected setLoadingStatus(status: boolean): void;
     /**
      * TODO: Get rid of this method.
      * Rendering should be requested by the collector.

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

@@ -1 +1 @@
-{"version":3,"file":"singleAxisLazySource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/singleAxisLazySource.js"],"names":[],"mappings":"AAIA;;GAEG;AACH;IAOI;;;OAGG;IACH,kBAHW,OAAO,uBAAuB,EAAE,OAAO,WACvC,OAAO,0BAA0B,EAAE,wBAAwB,EAiDrE;IAzDD;;;OAGG;IACH,4CAAuC;IASnC,8CAAgB;IAYhB,2EAA2E;IAC3E,SADW,OAAO,0BAA0B,EAAE,wBAAwB,CAChD;IAEtB,oEAA4D;IA+BhE;;;OAGG;IACH,wBAWC;IAED;;;;OAIG;IACH,oEAEC;IAED;;;;;;OAMG;IACH,wBAJW,MAAM,EAAE,iBACR,OAAO,yBAAyB,EAAE,gBAAgB,EAAE,QAK9D;IAED;;;;;OAKG;IACH,mCAHW,OAAO,QAKjB;IAED;;;;;OAKG;IACH,gCAGC;IAQD;;;;;OAKG;IACH,8BAHW,OAAO,mBAAmB,EAAE,KAAK,EAAE,EAAE,QAkB/C;CACJ;uBAxJsB,kBAAkB"}
+{"version":3,"file":"singleAxisLazySource.d.ts","sourceRoot":"","sources":["../../../../../src/data/sources/lazy/singleAxisLazySource.js"],"names":[],"mappings":"AAIA;;GAEG;AACH;IAOI;;;OAGG;IACH,kBAHW,OAAO,uBAAuB,EAAE,OAAO,WACvC,OAAO,0BAA0B,EAAE,wBAAwB,EA+CrE;IAvDD;;;OAGG;IACH,4CAAuC;IAmBnC,2EAA2E;IAC3E,SADW,OAAO,0BAA0B,EAAE,wBAAwB,CAChD;IAEtB,oEAA4D;IA+BhE;;;OAGG;IACH,wBAWC;IAED;;;;OAIG;IACH,oEAEC;IAED;;;;;;OAMG;IACH,wBAJW,MAAM,EAAE,iBACR,OAAO,yBAAyB,EAAE,gBAAgB,EAAE,QAK9D;IAED;;;;;OAKG;IACH,gCAGC;IAQD;;;;;OAKG;IACH,8BAHW,OAAO,mBAAmB,EAAE,KAAK,EAAE,EAAE,QAgB/C;CACJ;uBA1IsB,kBAAkB"}

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

@@ -17,9 +17,7 @@ export default class SingleAxisLazySource extends DataSource {
      * @param {import("../../../spec/channel.js").PrimaryPositionalChannel} channel
      */
     constructor(view, channel) {
-        super();
-
-        this.view = view;
+        super(view);
 
         if (!channel) {
             throw new Error(
@@ -102,16 +100,6 @@ export default class SingleAxisLazySource extends DataSource {
         // Override me
     }
 
-    /**
-     * Sets the loading status of the data source. The status is shown in the UI.
-     *
-     * @param {boolean} status true if loading, false otherwise
-     * @protected
-     */
-    setLoadingStatus(status) {
-        this.view.context.setDataLoadingStatus(this.view, status);
-    }
-
     /**
      * TODO: Get rid of this method.
      * Rendering should be requested by the collector.
@@ -148,7 +136,5 @@ export default class SingleAxisLazySource extends DataSource {
         this.complete();
 
         reconfigureScales(this.view);
-
-        this.requestRender();
     }
 }