@genome-spy/core 0.72.0 → 0.74.0

package/dist/src/view/gridView/selectionRect.js

@@ -2,6 +2,8 @@ import { primaryPositionalChannels } from "../../encoder/encoder.js";
 import LayerView from "../layerView.js";
 import { markViewAsNonAddressable } from "../viewSelectors.js";
 
+export const INTERVAL_DRAG_ACTIVE_PARAM = "intervalDragActive";
+
 export default class SelectionRect extends LayerView {
     /**
      * @typedef {import("../../spec/channel.js").PrimaryPositionalChannel} PrimaryPositionalChannel
@@ -18,6 +20,7 @@ export default class SelectionRect extends LayerView {
             selectionExpr()
         );
         const channels = Object.keys(initialSelection.intervals);
+        const { zindex = 1, ...brushMarkProps } = brushConfig;
 
         if (primaryPositionalChannels.every((c) => !channels.includes(c))) {
             throw new Error(
@@ -29,6 +32,12 @@ export default class SelectionRect extends LayerView {
         const layerSpec = {
             name: "selectionRect",
             domainInert: true,
+            params: [
+                {
+                    name: INTERVAL_DRAG_ACTIVE_PARAM,
+                    value: false,
+                },
+            ],
             resolve: {
                 scale: {
                     x: "forced",
@@ -72,7 +81,10 @@ export default class SelectionRect extends LayerView {
                     stroke: "black",
                     strokeWidth: 1,
                     strokeOpacity: 0.2,
-                    ...brushConfig,
+                    cursor: brushMarkProps.cursor ?? {
+                        expr: `${INTERVAL_DRAG_ACTIVE_PARAM} ? 'grabbing' : 'move'`,
+                    },
+                    ...brushMarkProps,
                 },
             },
         });
@@ -147,6 +159,9 @@ export default class SelectionRect extends LayerView {
             }
         );
 
+        /** @type {number} */
+        this._zindex = zindex;
+
         markViewAsNonAddressable(this, { skipSubtree: true });
 
         const selectionListener = () => {
@@ -171,6 +186,10 @@ export default class SelectionRect extends LayerView {
 
         this.registerDisposer(selectionExpr.subscribe(selectionListener));
     }
+
+    getZindex() {
+        return this._zindex;
+    }
 }
 
 /**

package/dist/src/view/gridView/separatorView.d.ts

@@ -29,6 +29,7 @@ export default class SeparatorView {
      * @returns {UnitView}
      */
     get view(): UnitView;
+    getZindex(): number;
     /**
      * @param {import("../layout/flexLayout.js").LocSize[]} flexCoords
      * @param {number} count

package/dist/src/view/gridView/separatorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separatorView.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/separatorView.js"],"names":[],"mappings":"AA2NA;;;GAGG;AACH,iDAHW,OAAO,oBAAoB,EAAE,cAAc,GAAG,OAAO,GAAG,SAAS,GAC/D,OAAO,oBAAoB,EAAE,cAAc,GAAG,IAAI,CAiB9D;AA/ND;;GAEG;AACH;IAsBI;;;;;;;;;OASG;IACH,+EATW;QACN,SAAS,EAAE,kBAAkB,CAAC;QAC9B,KAAK,EAAE,OAAO,oBAAoB,EAAE,cAAc,CAAC;QACnD,OAAO,EAAE,OAAO,4BAA4B,EAAE,OAAO,CAAC;QACtD,YAAY,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC;QACpD,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,CAAC;QACzC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;KACpC,EAqBH;IAED;;OAEG;IACH,YAFa,QAAQ,CAIpB;IAED;;;;;;;OAOG;IACH,mBAPW,OAAO,yBAAyB,EAAE,OAAO,EAAE,SAC3C,MAAM,UACN,OAAO,wBAAwB,EAAE,OAAO,eACxC,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,iBACtD,OAAO,YACP,OAAO,sBAAsB,EAAE,OAAO,QAKhD;IAED;;;;OAIG;IACH,gBAJW,OAAO,6CAA6C,EAAE,OAAO,UAC7D,OAAO,wBAAwB,EAAE,OAAO,WACxC,OAAO,0BAA0B,EAAE,gBAAgB,QAI7D;;CAuHJ;iCArNY,YAAY,GAAG,UAAU;qBAJjB,gBAAgB"}
+{"version":3,"file":"separatorView.d.ts","sourceRoot":"","sources":["../../../../src/view/gridView/separatorView.js"],"names":[],"mappings":"AAoOA;;;GAGG;AACH,iDAHW,OAAO,oBAAoB,EAAE,cAAc,GAAG,OAAO,GAAG,SAAS,GAC/D,OAAO,oBAAoB,EAAE,cAAc,GAAG,IAAI,CAiB9D;AAxOD;;GAEG;AACH;IAyBI;;;;;;;;;OASG;IACH,+EATW;QACN,SAAS,EAAE,kBAAkB,CAAC;QAC9B,KAAK,EAAE,OAAO,oBAAoB,EAAE,cAAc,CAAC;QACnD,OAAO,EAAE,OAAO,4BAA4B,EAAE,OAAO,CAAC;QACtD,YAAY,EAAE,OAAO,qBAAqB,EAAE,OAAO,CAAC;QACpD,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,CAAC;QACzC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;KACpC,EAuBH;IAED;;OAEG;IACH,YAFa,QAAQ,CAIpB;IAED,oBAEC;IAED;;;;;;;OAOG;IACH,mBAPW,OAAO,yBAAyB,EAAE,OAAO,EAAE,SAC3C,MAAM,UACN,OAAO,wBAAwB,EAAE,OAAO,eACxC,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,iBACtD,OAAO,YACP,OAAO,sBAAsB,EAAE,OAAO,QAKhD;IAED;;;;OAIG;IACH,gBAJW,OAAO,6CAA6C,EAAE,OAAO,UAC7D,OAAO,wBAAwB,EAAE,OAAO,WACxC,OAAO,0BAA0B,EAAE,gBAAgB,QAI7D;;CAuHJ;iCA9NY,YAAY,GAAG,UAAU;qBAJjB,gBAAgB"}

package/dist/src/view/gridView/separatorView.js

@@ -26,6 +26,9 @@ export default class SeparatorView {
     /** @type {UnitView} */
     #view;
 
+    /** @type {number} */
+    #zindex;
+
     /** @type {import("../../data/flowNode.js").Datum[]} */
     #data = [];
 
@@ -58,8 +61,10 @@ export default class SeparatorView {
     }) {
         this.#direction = direction;
         this.#includePlotMargin = props.includePlotMargin ?? true;
+        this.#zindex = props.zindex ?? 0;
         const markProps = { ...props };
         delete markProps.includePlotMargin;
+        delete markProps.zindex;
         this.#view = this.#createView(
             markProps,
             context,
@@ -76,6 +81,10 @@ export default class SeparatorView {
         return this.#view;
     }
 
+    getZindex() {
+        return this.#zindex;
+    }
+
     /**
      * @param {import("../layout/flexLayout.js").LocSize[]} flexCoords
      * @param {number} count

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

@@ -0,0 +1,20 @@
+/**
+ * Runs the shared capture/body/bubble interaction frame for a container view.
+ *
+ * @param {import("./view.js").default} view
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => void} handler
+ */
+export function propagateInteraction(view: import("./view.js").default, event: import("../utils/interaction.js").default, handler: () => void): void;
+/**
+ * Propagates an interaction to a single hit-tested surface and optionally runs
+ * a follow-up action such as zoom handling.
+ *
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => boolean} hitTest
+ * @param {() => void} propagate
+ * @param {() => void} [afterPropagate]
+ * @returns {boolean}
+ */
+export function propagateInteractionSurface(event: import("../utils/interaction.js").default, hitTest: () => boolean, propagate: () => void, afterPropagate?: () => void): boolean;
+//# sourceMappingURL=interactionRouting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactionRouting.d.ts","sourceRoot":"","sources":["../../../src/view/interactionRouting.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,2CAJW,OAAO,WAAW,EAAE,OAAO,SAC3B,OAAO,yBAAyB,EAAE,OAAO,WACzC,MAAM,IAAI,QAgBpB;AAED;;;;;;;;;GASG;AACH,mDANW,OAAO,yBAAyB,EAAE,OAAO,WACzC,MAAM,OAAO,aACb,MAAM,IAAI,mBACV,MAAM,IAAI,GACR,OAAO,CAqBnB"}

package/dist/src/view/interactionRouting.js

@@ -0,0 +1,53 @@
+/**
+ * Runs the shared capture/body/bubble interaction frame for a container view.
+ *
+ * @param {import("./view.js").default} view
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => void} handler
+ */
+export function propagateInteraction(view, event, handler) {
+    view.handleInteraction(event, true);
+
+    if (event.stopped) {
+        return;
+    }
+
+    handler();
+
+    if (event.stopped) {
+        return;
+    }
+
+    view.handleInteraction(event, false);
+}
+
+/**
+ * Propagates an interaction to a single hit-tested surface and optionally runs
+ * a follow-up action such as zoom handling.
+ *
+ * @param {import("../utils/interaction.js").default} event
+ * @param {() => boolean} hitTest
+ * @param {() => void} propagate
+ * @param {() => void} [afterPropagate]
+ * @returns {boolean}
+ */
+export function propagateInteractionSurface(
+    event,
+    hitTest,
+    propagate,
+    afterPropagate
+) {
+    if (!hitTest()) {
+        return false;
+    }
+
+    propagate();
+
+    if (event.stopped) {
+        return true;
+    }
+
+    afterPropagate?.();
+
+    return true;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"layerView.d.ts","sourceRoot":"","sources":["../../../src/view/layerView.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,+BAHoD,KAAK,SAA5C,OAAQ,iBAAiB,EAAE,SAAU;IAW9C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAWzC;IAkCD;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,SAAS,GAAG,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UAC/G,MAAM,GACJ,OAAO,CAAC,SAAS,GAAG,OAAO,eAAe,EAAE,OAAO,CAAC,CAMhE;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAIhB;IA6CD,yIAEC;;CA6CJ;0BAtLyB,oBAAoB"}
+{"version":3,"file":"layerView.d.ts","sourceRoot":"","sources":["../../../src/view/layerView.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,+BAHoD,KAAK,SAA5C,OAAQ,iBAAiB,EAAE,SAAU;IAW9C;;;;;;;;OAQG;IACH,kBAPW,KAAK,WACL,OAAO,yBAAyB,EAAE,OAAO,gBACzC,aAAa,cACb,OAAO,WAAW,EAAE,OAAO,QAC3B,MAAM,YACN,OAAO,WAAW,EAAE,WAAW,EAQzC;IAqCD;;;;;;OAMG;IACH,wBAJW,OAAO,iBAAiB,EAAE,SAAS,GAAG,OAAO,iBAAiB,EAAE,QAAQ,GAAG,OAAO,iBAAiB,EAAE,UAAU,UAC/G,MAAM,GACJ,OAAO,CAAC,SAAS,GAAG,OAAO,eAAe,EAAE,OAAO,CAAC,CAMhE;IAED;;;;OAIG;IACH,qBAFW,MAAM,iBAIhB;IAgDD,yIAEC;;CA6CJ;0BAzLyB,oBAAoB"}

package/dist/src/view/layerView.js

@@ -26,10 +26,7 @@ export default class LayerView extends ContainerView {
      * @param {import("./view.js").ViewOptions} [options]
      */
     constructor(spec, context, layoutParent, dataParent, name, options) {
-        super(spec, context, layoutParent, dataParent, name, {
-            layersChildren: true,
-            ...options,
-        });
+        super(spec, context, layoutParent, dataParent, name, options);
 
         this.spec = spec;
 
@@ -61,6 +58,9 @@ export default class LayerView extends ContainerView {
                                     );
                                     // TODO: Add view to exception
                                 }
+                            },
+                            {
+                                layoutSizeParams: "inherit",
                             }
                         )
                     )
@@ -130,6 +130,9 @@ export default class LayerView extends ContainerView {
                 this.#children.splice(index, 1);
             },
             defaultName: () => this.getNextAutoName("layer"),
+            createViewOptions: {
+                layoutSizeParams: "inherit",
+            },
         });
     }
 
@@ -168,16 +171,16 @@ export default class LayerView extends ContainerView {
     }
 
     /**
-     * @param {import("../utils/interactionEvent.js").default} event
+     * @param {import("../utils/interaction.js").default} event
      */
-    propagateInteractionEvent(event) {
-        this.handleInteractionEvent(undefined, event, true);
+    propagateInteraction(event) {
+        this.handleInteraction(event, true);
         for (let i = this.#children.length - 1; i >= 0; i--) {
-            this.#children[i].propagateInteractionEvent(event);
+            this.#children[i].propagateInteraction(event);
             if (event.stopped) {
                 return;
             }
         }
-        this.handleInteractionEvent(undefined, event, false);
+        this.handleInteraction(event, false);
     }
 }

package/dist/src/view/layout/grid.js

@@ -67,7 +67,7 @@ export default class Grid {
      * @param {number} row
      */
     getCellIndex(col, row) {
-        let i = 0;
+        let i;
 
         if (this.maxCols == Infinity) {
             i = row == 0 ? col : undefined;

package/dist/src/view/renderingContext/bufferedViewRenderingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IAyCD;;;OAGG;IACH,eAmCC;;CA8EJ;;iBArNS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCATiB,2BAA2B"}
+{"version":3,"file":"bufferedViewRenderingContext.d.ts","sourceRoot":"","sources":["../../../../src/view/renderingContext/bufferedViewRenderingContext.js"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AAEH;;;GAGG;AACH;IA2BI;;;OAGG;IACH,2BAHW,OAAO,0BAA0B,EAAE,sBAAsB,mBACzD,4BAA4B,EActC;IAyCD;;;OAGG;IACH,eAmCC;;CA4EJ;;iBAnNS,OAAO,yBAAyB,EAAE,OAAO;;;;gBACzC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;sBAC/B,MAAM;sBACN,OAAO,SAAS,EAAE,eAAe;;;;;iBACjC,MAAM;;iCATiB,2BAA2B"}

package/dist/src/view/renderingContext/bufferedViewRenderingContext.js

@@ -183,7 +183,6 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
                 continue;
             }
 
-            // eslint-disable-next-line no-loop-func
             this.#batch.push(() => {
                 enabled = mark.unitView.getEffectiveOpacity() > 0;
             });
@@ -201,7 +200,6 @@ export default class BufferedViewRenderingContext extends ViewRenderingContext {
                 // Render each facet
                 if (!coords.equals(previousCoords)) {
                     this.#batch.push(
-                        // eslint-disable-next-line no-loop-func
                         ifEnabled(() => {
                             // Suppress rendering if viewport is outside the clipRect
                             viewportVisible = mark.setViewport(

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

@@ -3,23 +3,37 @@
  * @returns
  */
 export function createTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): import("../types/viewContext.js").default;
-export function create<V extends import("./view.js").default>(spec: ViewSpec, viewClass: {
+/**
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @returns {BroadcastingViewContext}
+ */
+export function createBroadcastingTestViewContext(viewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): BroadcastingViewContext;
+export function create<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
 }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions): Promise<V>;
-export function createAndInitialize<V extends import("./view.js").default>(spec: ViewSpec, viewClass: {
+export function createAndInitialize<V extends import("./view.js").default>(spec: RootSpec, viewClass: {
     new (...args: any[]): V;
 }, context?: ViewContext, options?: {
     noData: boolean;
     implicitRoot: boolean;
 }): Promise<V>;
+export { createHeadlessEngine };
 /**
  * Utils for Jest tests
  * TODO: Find a better place and convention
  */
-export type ViewSpec = import("../spec/view.js").ViewSpec;
+export type RootSpec = import("../spec/root.js").RootSpec;
 /**
  * Utils for Jest tests
  * TODO: Find a better place and convention
  */
 export type ViewContext = import("../types/viewContext.js").default;
+/**
+ * Utils for Jest tests
+ * TODO: Find a better place and convention
+ */
+export type BroadcastingViewContext = ViewContext & {
+    emitBroadcast: (root: import("./view.js").default, type: import("../genomeSpy.js").BroadcastEventType, payload?: any) => void;
+};
+import { createHeadlessEngine } from "../genomeSpy/headlessBootstrap.js";
 //# sourceMappingURL=testUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AAoBA;;;GAGG;AACH,2DAHW,OAAO,kBAAkB,EAAE,kBAAkB,6CAoEvD;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAgBhL,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;;;;;uBAxGpL,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/view/testUtils.js"],"names":[],"mappings":"AA4BA;;;GAGG;AACH,2DAHW,OAAO,kBAAkB,EAAE,kBAAkB,6CAOvD;AAED;;;GAGG;AACH,uEAHW,OAAO,kBAAkB,EAAE,kBAAkB,GAC3C,uBAAuB,CAmCnC;AAGS,uBAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,uBAAuB,OAAO,kBAAkB,EAAE,kBAAkB,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAqBhL,oCAAC,CAAC,SAAS,OAAO,WAAW,EAAE,OAAO,QAAQ,QAAQ,aAAa;IAAE,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,YAAY,WAAW,YAAY;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC,GAAK,OAAO,CAAC,CAAC,CAAC,CAAA;;;;;;uBA/FpL,OAAO,iBAAiB,EAAE,QAAQ;;;;;0BAClC,OAAO,yBAAyB,EAAE,OAAO;;;;;sCACzC,WAAW,GAAG;IACtB,aAAa,EAAE,CACb,IAAI,EAAE,OAAO,WAAW,EAAE,OAAO,EACjC,IAAI,EAAE,OAAO,iBAAiB,EAAE,kBAAkB,EAClD,OAAO,CAAC,EAAE,GAAG,KACV,IAAI,CAAA;CACV;qCAcG,mCAAmC"}

package/dist/src/view/testUtils.js

@@ -2,8 +2,15 @@
  * Utils for Jest tests
  * TODO: Find a better place and convention
  *
- * @typedef {import("../spec/view.js").ViewSpec} ViewSpec
+ * @typedef {import("../spec/root.js").RootSpec} RootSpec
  * @typedef {import("../types/viewContext.js").default} ViewContext
+ * @typedef {ViewContext & {
+ *   emitBroadcast: (
+ *     root: import("./view.js").default,
+ *     type: import("../genomeSpy.js").BroadcastEventType,
+ *     payload?: any
+ *   ) => void
+ * }} BroadcastingViewContext
  */
 
 import { checkForDuplicateScaleNames } from "./viewUtils.js";
@@ -11,90 +18,74 @@ import {
     initializeViewSubtree,
     loadViewSubtreeData,
 } from "../data/flowInit.js";
-import DataFlow from "../data/dataFlow.js";
-import { VIEW_ROOT_NAME, ViewFactory } from "./viewFactory.js";
-import GenomeStore from "../genome/genomeStore.js";
-import BmFontManager from "../fonts/bmFontManager.js";
+import { VIEW_ROOT_NAME } from "./viewFactory.js";
 import UnitView from "./unitView.js";
 import ContainerView from "./containerView.js";
+import {
+    createHeadlessEngine,
+    createHeadlessViewContext,
+} from "../genomeSpy/headlessBootstrap.js";
 
 /**
  * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
  * @returns
  */
 export function createTestViewContext(viewFactoryOptions = {}) {
-    const viewFactory = new ViewFactory({
-        allowImport: false,
-        wrapRoot: false,
-        ...viewFactoryOptions,
-    });
-
-    const genomeStore = new GenomeStore(".");
-    genomeStore.initialize({
-        name: "test",
-        contigs: [
-            { name: "chr1", size: 20 },
-            { name: "chr2", size: 30 },
-        ],
+    return createHeadlessViewContext({
+        viewFactoryOptions,
     });
+}
 
-    const dataFlow = new DataFlow();
-
-    // @ts-expect-error
-    const c = /** @type {ViewContext} */ ({
-        createOrImportView: async function (
-            spec,
-            parent,
-            dataParent,
-            defaultName
-        ) {
-            return viewFactory.createOrImportView(
-                spec,
-                this,
-                parent,
-                dataParent,
-                defaultName
-            );
-        },
-
-        dataFlow,
-        genomeStore,
-
-        fontManager: new BmFontManager(),
-        animator: /** @type {import("../utils/animator.js").default} */ (
-            /** @type {any} */ ({
-                requestRender: /** @type {() => void} */ (() => undefined),
-                requestTransition:
-                    /** @type {(callback: () => void) => void} */ (
-                        (callback) => callback()
-                    ),
-                transition: (/** @type {any} */ options) => {
-                    const to = typeof options.to === "number" ? options.to : 1;
-                    options.onUpdate(to);
-                    return Promise.resolve();
-                },
-            })
-        ),
-
-        requestLayoutReflow: () => undefined,
-
-        isViewConfiguredVisible: () => true,
-
-        addBroadcastListener: () => undefined,
-        removeBroadcastListener: () => undefined,
-
-        //...partialContext,
-    });
+/**
+ * @param {import("./viewFactory.js").ViewFactoryOptions} [viewFactoryOptions]
+ * @returns {BroadcastingViewContext}
+ */
+export function createBroadcastingTestViewContext(viewFactoryOptions = {}) {
+    const context = /** @type {BroadcastingViewContext} */ (
+        createTestViewContext({
+            wrapRoot: true,
+            ...viewFactoryOptions,
+        })
+    );
+
+    /** @type {Map<string, Set<(message: any) => void>>} */
+    const listeners = new Map();
+
+    context.addBroadcastListener = (type, listener) => {
+        const typedListeners = listeners.get(type) ?? new Set();
+        typedListeners.add(listener);
+        listeners.set(type, typedListeners);
+    };
+
+    context.removeBroadcastListener = (type, listener) => {
+        listeners.get(type)?.delete(listener);
+    };
+
+    context.emitBroadcast = (root, type, payload) => {
+        const message = /** @type {import("./view.js").BroadcastMessage} */ ({
+            type,
+            payload,
+        });
+        root.visit((view) => view.handleBroadcast(message));
+        for (const listener of listeners.get(type) ?? []) {
+            listener(message);
+        }
+    };
 
-    return c;
+    return context;
 }
 
 /**
- * @type {<V extends import("./view.js").default>(spec: ViewSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions) => Promise<V>}
+ * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, ViewFactoryOptions?: import("./viewFactory.js").ViewFactoryOptions) => Promise<V>}
  */
 export async function create(spec, viewClass, viewFactoryOptions = {}) {
     const c = createTestViewContext(viewFactoryOptions);
-    const view = await c.createOrImportView(spec, null, null, VIEW_ROOT_NAME);
+    const view = await c.createOrImportView(
+        /** @type {import("../spec/view.js").ViewSpec} */ (spec),
+        null,
+        null,
+        VIEW_ROOT_NAME
+    );
 
     if (!(view instanceof viewClass)) {
         throw new Error("ViewClass and the spec do not match!");
@@ -106,7 +97,7 @@ export async function create(spec, viewClass, viewFactoryOptions = {}) {
 /**
  * Creates a view and initializes its data. Does not wrap it in an implicit root view.
  *
- * @type {<V extends import("./view.js").default>(spec: ViewSpec, viewClass: { new(...args: any[]): V }, context?: ViewContext, options?: {noData: boolean, implicitRoot: boolean}) => Promise<V>}
+ * @type {<V extends import("./view.js").default>(spec: RootSpec, viewClass: { new(...args: any[]): V }, context?: ViewContext, options?: {noData: boolean, implicitRoot: boolean}) => Promise<V>}
  */
 export async function createAndInitialize(spec, viewClass) {
     const view = await create(spec, viewClass);
@@ -126,3 +117,5 @@ export async function createAndInitialize(spec, viewClass) {
     await loadViewSubtreeData(view, dataSources);
     return view;
 }
+
+export { createHeadlessEngine };

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

@@ -1,6 +1,13 @@
 /**
  * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
+ * @returns {import("../spec/title.js").Title}
+ */
+export function resolveTitleSpec(title: string | import("../spec/title.js").Title, configScopes?: import("../spec/config.js").GenomeSpyConfig[]): import("../spec/title.js").Title;
+/**
+ * @param {string | import("../spec/title.js").Title} title
+ * @param {import("../spec/config.js").GenomeSpyConfig[]} [configScopes]
  * @returns {import("../spec/view.js").UnitSpec}
  */
-export default function createTitle(title: string | import("../spec/title.js").Title): import("../spec/view.js").UnitSpec;
+export default function createTitle(title: string | import("../spec/title.js").Title, configScopes?: import("../spec/config.js").GenomeSpyConfig[]): import("../spec/view.js").UnitSpec;
 //# sourceMappingURL=title.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/view/title.js"],"names":[],"mappings":"AAuDA;;;GAGG;AACH,2CAHW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,GACvC,OAAO,iBAAiB,EAAE,QAAQ,CA0G9C"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/view/title.js"],"names":[],"mappings":"AAuDA;;;;GAIG;AACH,wCAJW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,iBACzC,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,kBAAkB,EAAE,KAAK,CAuC5C;AAED;;;;GAIG;AACH,2CAJW,MAAM,GAAG,OAAO,kBAAkB,EAAE,KAAK,iBACzC,OAAO,mBAAmB,EAAE,eAAe,EAAE,GAC3C,OAAO,iBAAiB,EAAE,QAAQ,CAmD9C"}