@jbrowse/bandage-core 4.4.1 → 4.6.0

package/dist/chunks/{chunk-JJU4D2SE.js → chunk-XANWHEE7.js}

@@ -2212,6 +2212,11 @@ function sliceBetween(steps, span, region, flanked = true) {
     to: i1
   };
 }
+function filterSamples(rows, samples) {
+  return samples ? rows.filter((r) => samples.includes(r.sample)).sort(
+    (a, b) => samples.indexOf(a.sample) - samples.indexOf(b.sample) || a.label.localeCompare(b.label)
+  ) : rows;
+}
 function walkRows(graph, region, unit) {
   const paths = graph.paths ?? [];
   const isReference2 = (p) => pathOrigin(p.name).name === graph.referencePath;
@@ -4986,9 +4991,12 @@ function rampStops({ start, bp, reversed }, domain) {
     (_, i) => rampHue(start + bp * (reversed ? n2 - i : i) / n2, domain)
   );
 }
-var RAMP_GRADIENT_CSS = `linear-gradient(to right, ${Array.from(
-  { length: 7 },
-  (_, i) => `${rampHueCss(i / 6 * REFERENCE_RAMP_MAX_HUE)} ${i / 6 * 100}%`
+var RAMP_GRADIENT_STOPS = Array.from({ length: 7 }, (_, i) => ({
+  offset: i / 6,
+  color: rampHueCss(i / 6 * REFERENCE_RAMP_MAX_HUE)
+}));
+var RAMP_GRADIENT_CSS = `linear-gradient(to right, ${RAMP_GRADIENT_STOPS.map(
+  (s) => `${s.color} ${s.offset * 100}%`
 ).join(", ")})`;
 
 // src/layout/walkRowDraw.ts
@@ -5122,10 +5130,7 @@ var rowsText = (n2) => `${n2} row${n2 === 1 ? "" : "s"}`;
 function walkRowsKey(bars, o = {}) {
   const entries = [
     {
-      swatch: {
-        kind: "bar",
-        fill: o.ramp ? o.rampCss ?? ON_REFERENCE : ON_REFERENCE
-      },
+      swatch: o.ramp ? { kind: "bar", fill: o.rampCss ?? RAMP_GRADIENT_CSS, ramp: true } : { kind: "bar", fill: ON_REFERENCE },
       label: `on ${bars.reference.label}'s path`
     },
     {
@@ -5180,9 +5185,17 @@ function walkRowsKey(bars, o = {}) {
 var CALL_TICK = "#111";
 var UNBACKED_TICK = "#9e9e9e";
 var DISAGREES = "#c62828";
-function walkRowsKeyTree(entries, x, y) {
+function walkRowsKeyTree(entries, x, y, idPrefix = "walk-key") {
   let at = 0;
-  const parts = entries.flatMap((e) => {
+  const parts = entries.flatMap((e, i) => {
+    const rampId = `${idPrefix}-ramp-${i}`;
+    const ramp = !e.note && e.swatch.kind === "bar" && e.swatch.ramp ? el(
+      "linearGradient",
+      { id: rampId },
+      ...RAMP_GRADIENT_STOPS.map(
+        (s) => el("stop", { offset: s.offset, "stop-color": s.color })
+      )
+    ) : void 0;
     const swatch = e.note ? void 0 : e.swatch.kind === "gene" ? el("rect", {
       x: at,
       y: 5,
@@ -5197,7 +5210,7 @@ function walkRowsKeyTree(entries, x, y) {
       width: 18,
       height: e.swatch.kind === "gap" ? GAP_PX : 8,
       rx: 2,
-      fill: e.swatch.fill
+      fill: ramp ? `url(#${rampId})` : e.swatch.fill
     });
     const text = el(
       "text",
@@ -5210,7 +5223,7 @@ function walkRowsKeyTree(entries, x, y) {
       e.label
     );
     at += (e.note ? 0 : 23) + e.label.length * LABEL_CHAR_PX + 16;
-    return swatch ? [swatch, text] : [text];
+    return [ramp, swatch, text].filter((p) => p !== void 0);
   });
   return {
     width: at,
@@ -5583,8 +5596,8 @@ function walkStripLabelsTree(bars, frame, bold = /* @__PURE__ */ new Set()) {
     )
   );
 }
-function stripGeneGaps(frame, gaps, rowGenes) {
-  if (rowGenes ? !rowGenes.size : !gaps) {
+function stripGeneGaps(frame, rowGenes, gaps) {
+  if (!rowGenes?.size) {
     return void 0;
   }
   return frame.boxesGenes ? gaps : { untracked: 0, unread: 0, ...gaps, crowded: true };
@@ -5703,7 +5716,7 @@ function svgCanvas(width, height) {
 }
 
 // src/version.ts
-var version = "4.4.1";
+var version = "4.6.0";
 
 // src/viewport.ts
 function axisScaleOf(scale, pixelRows) {
@@ -6006,7 +6019,8 @@ function figureSvg(graph, layout, o = {}) {
           genes: o.rowGenes?.size ? o.rowGeneGaps : void 0
         }),
         x,
-        2
+        2,
+        "rows-key"
       );
       push({ width: key.width, markup: serializeEl(key.tree) });
     } else if (!lift && referenceRamp) {
@@ -6044,10 +6058,11 @@ function figureSvg(graph, layout, o = {}) {
     const key = walkRowsKeyTree(
       walkRowsKey(strip.rows, {
         ramp: rampInterval,
-        genes: stripGeneGaps(frame, strip.rowGeneGaps, strip.rowGenes)
+        genes: stripGeneGaps(frame, strip.rowGenes, strip.rowGeneGaps)
       }),
       6,
-      height + frame.height
+      height + frame.height,
+      "strip-key"
     );
     parts.push(
       `<line x1="0" x2="${width}" y1="${height + 0.5}" y2="${height + 0.5}" stroke="#ddd"/>`,
@@ -6695,6 +6710,7 @@ export {
   formatBp,
   pathColorsLegible,
   pathLegend,
+  filterSamples,
   walkRows,
   walkRowsExtent,
   FORCE_LAYOUT_LABEL,

package/dist/cli/figure.js

@@ -5,6 +5,7 @@ import {
   cutGbzRegion,
   featuresOnBackbone,
   figureSvg,
+  filterSamples,
   forceLayout,
   genesFromBed,
   genesFromGff3Lines,
@@ -18,7 +19,7 @@ import {
   parseRegion,
   refNameBinding,
   walkRows
-} from "../chunks/chunk-JJU4D2SE.js";
+} from "../chunks/chunk-XANWHEE7.js";
 
 // src/cli/figure.ts
 import { access, open, readFile, writeFile } from "node:fs/promises";
@@ -172,7 +173,11 @@ async function renderSpec(spec, base) {
     },
     engine
   )).result;
-  const stripRows = spec.walkStrip ? walkRows(graph, source.region) : void 0;
+  const bars = spec.walkStrip ? walkRows(graph, source.region) : void 0;
+  const stripRows = bars && {
+    ...bars,
+    rows: filterSamples(bars.rows, spec.walkRowSamples)
+  };
   return figureSvg(graph, layout, {
     ...spec,
     walkStrip: stripRows && { rows: stripRows },

package/dist/index.js

@@ -58,6 +58,7 @@ import {
   facetSettingOf,
   featuresOnBackbone,
   figureSvg,
+  filterSamples,
   fitTransform,
   forceLayout,
   formatBp,
@@ -136,7 +137,7 @@ import {
   wellKnownSample,
   yToXOf,
   zoomAbout
-} from "./chunks/chunk-JJU4D2SE.js";
+} from "./chunks/chunk-XANWHEE7.js";
 
 // src/index.ts
 import { getDpr } from "@jbrowse/render-core/canvas2dUtils";
@@ -1854,6 +1855,7 @@ export {
   facetSettingOf,
   featuresOnBackbone,
   figureSvg,
+  filterSamples,
   findHoveredEdge,
   findHoveredNode,
   fitTransform,

package/dist/types/cli/figure.d.ts

@@ -13,6 +13,7 @@ export interface FigureSpec extends Omit<FigureOptions, 'walks' | 'region' | 'ge
     bubbleSpread?: BubbleSpread;
     walks?: (string | WalkLayer)[];
     walkStrip?: boolean;
+    walkRowSamples?: string[];
     genes?: {
         file: string;
         index?: string;

package/dist/types/index.d.ts

@@ -54,7 +54,7 @@ export type { BubbleHalo } from './bubbles/bubbleHalos.js';
 export { BUBBLE_KIND_COLORS, BUBBLE_KIND_NAMES, bubbleSegmentIds, classifyBubble, } from './bubbles/classifyBubble.js';
 export { bubbleSubgraph } from './bubbles/popBubble.js';
 export type { MinigraphBubble } from './bubbles/bubbleLine.js';
-export { walkRows } from './layout/walkRows.js';
+export { filterSamples, walkRows } from './layout/walkRows.js';
 export type { WalkAxis, WalkRow, WalkRows, WalkRun } from './layout/walkRows.js';
 export { BAR_PX as WALK_BAR_PX, DISAGREES as WALK_DISAGREES, GAP_PX as WALK_GAP_PX, GENE_INK as WALK_GENE_INK, OFF_REFERENCE as WALK_OFF_REFERENCE, ON_REFERENCE as WALK_ON_REFERENCE, OUTSIDE_CUT as WALK_OUTSIDE_CUT, alongRow, coalesceRuns, placeRowGenes, readoutPlacement, rowGeneBoxes, rowSpan, runPaint, unitTicks, walkRowReadout, walkRowsKey, walkRowsKeyTree, walkRowsTree, } from './layout/walkRowDraw.js';
 export type { GeneBox, GeneGaps, KeyEntry, KeySwatch, ReadoutCall, RowGene, WalkRowsFrame, WalkRowsWithCalls, } from './layout/walkRowDraw.js';

package/dist/types/layout/walkRowDraw.d.ts

@@ -74,6 +74,7 @@ export declare function rowGeneBoxes(genes: RowGene[], X: (offset: number) => nu
 export type KeySwatch = {
     kind: 'bar';
     fill: string;
+    ramp?: true;
 } | {
     kind: 'gap';
     fill: string;
@@ -108,7 +109,7 @@ export type WalkRowsWithCalls = Omit<WalkRows, 'reference' | 'rows'> & {
     })[];
 };
 export declare const DISAGREES = "#c62828";
-export declare function walkRowsKeyTree(entries: KeyEntry[], x: number, y: number): {
+export declare function walkRowsKeyTree(entries: KeyEntry[], x: number, y: number, idPrefix?: string): {
     width: number;
     tree: El;
 };

package/dist/types/layout/walkRows.d.ts

@@ -30,6 +30,10 @@ export interface WalkRows {
     reference: WalkRow;
     rows: WalkRow[];
 }
+export declare function filterSamples<R extends {
+    sample: string;
+    label: string;
+}>(rows: R[], samples: string[] | undefined): R[];
 export declare function walkRows(graph: Graph, region?: {
     start: number;
     end: number;

package/dist/types/layout/walkStrip.d.ts

@@ -29,4 +29,4 @@ export declare function stripRowAt(bars: WalkRows, frame: StripFrame, x: number,
 } | undefined;
 export declare function walkMarksTree(bars: WalkRows, frame: StripFrame, marks: StripMark[]): import("../index.js").El;
 export declare function walkStripLabelsTree(bars: WalkRows, frame: StripFrame, bold?: ReadonlySet<string>): import("../index.js").El;
-export declare function stripGeneGaps(frame: StripFrame, gaps: GeneGaps | undefined, rowGenes?: Map<string, RowGene[]>): GeneGaps | undefined;
+export declare function stripGeneGaps(frame: StripFrame, rowGenes: Map<string, RowGene[]> | undefined, gaps: GeneGaps | undefined): GeneGaps | undefined;

package/dist/types/referenceRampCss.d.ts

@@ -11,4 +11,8 @@ export declare function rampStops({ start, bp, reversed }: {
     start: number;
     end: number;
 }): number[];
+export declare const RAMP_GRADIENT_STOPS: {
+    offset: number;
+    color: string;
+}[];
 export declare const RAMP_GRADIENT_CSS: string;

package/dist/types/renderer/types.d.ts

@@ -46,5 +46,6 @@ export interface Renderer {
     setEdgeHighlight(edgeIndex: number | null, factor: number): void;
     updateTransform(transform: TransformUniform): void;
     render(clearColor: [number, number, number, number]): void;
+    releaseOffscreenTargets(): void;
     dispose(): void;
 }

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.4.1";
+export declare const version = "4.6.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/bandage-core",
-  "version": "4.4.1",
+  "version": "4.6.0",
   "description": "Pangenome graph layout and drawing with no host: GFA in, the Bandage force-directed engine and reference-anchored layouts, a Canvas2D renderer, hit testing and labels out",
   "license": "GPL-3.0-or-later",
   "repository": {
@@ -32,10 +32,10 @@
   ],
   "dependencies": {
     "@gmod/gbz-base": "^6.0.1",
-    "@gmod/tabix": "^3.9.0",
+    "@gmod/tabix": "^3.9.1",
     "@gmod/tubemap-core": "^0.1.0",
-    "@jbrowse/core": "5.0.0-beta.9",
-    "@jbrowse/render-core": "5.0.0-beta.9"
+    "@jbrowse/core": "5.0.0-beta.11",
+    "@jbrowse/render-core": "5.0.0-beta.11"
   },
   "devDependencies": {
     "esbuild": "^0.28.2",