@jbrowse/plugin-linear-genome-view 2.3.4 → 2.4.1

package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js

@@ -1,134 +0,0 @@
-import React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { when } from 'mobx';
-import { getParent } from 'mobx-state-tree';
-import { getConf, readConfObject } from '@jbrowse/core/configuration';
-import { getSession, getBpDisplayStr } from '@jbrowse/core/util';
-import Base1DView from '@jbrowse/core/util/Base1DViewModel';
-// locals
-import Ruler from './Ruler';
-import { HEADER_OVERVIEW_HEIGHT, } from '..';
-import { Polygon, Cytobands } from './OverviewScalebar';
-function Scalebar({ model, fontSize }) {
-    const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
-    const displayBp = getBpDisplayStr(totalBp);
-    const x0 = Math.max(-offsetPx, 0);
-    const x1 = x0 + totalWidthPx;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: "black" }),
-        React.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: "black" }),
-        React.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: "black" }),
-        React.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize }, displayBp)));
-}
-function SVGRuler({ model, fontSize, width, }) {
-    const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
-    const renderRuler = contentBlocks.length < 5;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("clipPath", { id: "clip-ruler" },
-                React.createElement("rect", { x: 0, y: 0, width: width, height: 20 }))),
-        contentBlocks.map(block => {
-            const { key, start, end, reversed, offsetPx, refName } = block;
-            const offsetLeft = offsetPx - viewOffsetPx;
-            return (React.createElement("g", { key: `${key}`, transform: `translate(${offsetLeft} 0)` },
-                React.createElement("text", { x: offsetLeft / bpPerPx, y: fontSize, fontSize: fontSize }, refName),
-                renderRuler ? (React.createElement("g", { transform: "translate(0 20)", clipPath: "url(#clip-ruler)" },
-                    React.createElement(Ruler, { start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))) : (React.createElement("line", { strokeWidth: 1, stroke: "black", x1: start / bpPerPx, x2: end / bpPerPx, y1: 20, y2: 20 }))));
-        })));
-}
-const fontSize = 15;
-const rulerHeight = 50;
-const textHeight = fontSize + 5;
-const paddingHeight = 20;
-const headerHeight = textHeight + 20;
-const cytobandHeightIfExists = 100;
-const totalHeight = (tracks) => {
-    return tracks.reduce((accum, track) => {
-        const display = track.displays[0];
-        return accum + display.height + paddingHeight + textHeight;
-    }, 0);
-};
-// SVG component, ruler and assembly name
-const SVGHeader = ({ model }) => {
-    const { width, assemblyNames, showCytobands, displayedRegions } = model;
-    const { assemblyManager } = getSession(model);
-    const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
-    const assembly = assemblyManager.get(assemblyName);
-    const overview = Base1DView.create({
-        displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
-        interRegionPaddingWidth: 0,
-        minimumBlockWidth: model.minimumBlockWidth,
-    });
-    const visibleRegions = model.dynamicBlocks.contentBlocks;
-    overview.setVolatileWidth(width);
-    overview.showAllRegions();
-    const block = overview.dynamicBlocks.contentBlocks[0];
-    const first = visibleRegions[0];
-    const firstOverviewPx = overview.bpToPx({
-        ...first,
-        coord: first.reversed ? first.end : first.start,
-    }) || 0;
-    const last = visibleRegions[visibleRegions.length - 1];
-    const lastOverviewPx = overview.bpToPx({
-        ...last,
-        coord: last.reversed ? last.start : last.end,
-    }) || 0;
-    const cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
-    return (React.createElement("g", { id: "header" },
-        React.createElement("text", { x: 0, y: fontSize, fontSize: fontSize }, assemblyName),
-        showCytobands ? (React.createElement("g", { transform: `translate(0 ${rulerHeight})` },
-            React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }),
-            React.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
-            React.createElement("g", { transform: `translate(0,${HEADER_OVERVIEW_HEIGHT})` },
-                React.createElement(Polygon, { overview: overview, model: model, useOffset: false })))) : null,
-        React.createElement("g", { transform: `translate(0 ${fontSize + cytobandHeight})` },
-            React.createElement(Scalebar, { model: model, fontSize: fontSize })),
-        React.createElement("g", { transform: `translate(0 ${rulerHeight + cytobandHeight})` },
-            React.createElement(SVGRuler, { model: model, fontSize: fontSize, width: width }))));
-};
-// SVG component, region separator
-const SVGRegionSeparators = ({ model, height, }) => {
-    const { dynamicBlocks, offsetPx, interRegionPaddingWidth } = model;
-    return (React.createElement(React.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(block => (React.createElement("rect", { key: block.key, x: block.offsetPx - offsetPx - interRegionPaddingWidth, width: interRegionPaddingWidth, y: 0, height: height, stroke: "none", fill: "grey" })))));
-};
-// SVG component, tracks
-function SVGTracks({ displayResults, model, offset, }) {
-    return (React.createElement(React.Fragment, null, displayResults.map(({ track, result }) => {
-        const current = offset;
-        const trackName = getConf(track, 'name') ||
-            `Reference sequence (${readConfObject(getParent(track.configuration), 'displayName') ||
-                readConfObject(getParent(track.configuration), 'name')})`;
-        const display = track.displays[0];
-        offset += display.height + paddingHeight + textHeight;
-        return (React.createElement("g", { key: track.configuration.trackId, transform: `translate(0 ${current})` },
-            React.createElement("text", { fontSize: fontSize, x: Math.max(-model.offsetPx, 0) }, trackName),
-            React.createElement("g", { transform: `translate(0 ${textHeight})` },
-                result,
-                React.createElement(SVGRegionSeparators, { model: model, height: display.height }))));
-    })));
-}
-// render LGV to SVG
-export async function renderToSvg(model, opts) {
-    await when(() => model.initialized);
-    const { Wrapper = ({ children }) => React.createElement(React.Fragment, null, children) } = opts;
-    const { width, tracks, showCytobands } = model;
-    const shift = 50;
-    const offset = headerHeight +
-        rulerHeight +
-        (showCytobands ? cytobandHeightIfExists : 0) +
-        20;
-    const height = totalHeight(tracks) + offset;
-    const displayResults = await Promise.all(tracks.map(async (track) => {
-        const display = track.displays[0];
-        await when(() => (display.ready !== undefined ? display.ready : true));
-        return { track, result: await display.renderSvg(opts) };
-    }));
-    // the xlink namespace is used for rendering <image> tag
-    return renderToStaticMarkup(React.createElement(Wrapper, null,
-        React.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, width + shift * 2, height].toString() },
-            React.createElement("rect", { width: width + shift * 2, height: height, fill: "white" }),
-            React.createElement("g", { stroke: "none", transform: `translate(${shift} ${fontSize})` },
-                React.createElement(SVGHeader, { model: model }),
-                React.createElement(SVGTracks, { model: model, displayResults: displayResults, offset: offset })))));
-}
-//# sourceMappingURL=LinearGenomeViewSvg.js.map

package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearGenomeViewSvg.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/LinearGenomeViewSvg.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/Ruler.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
-    start: number;
-    end: number;
-    bpPerPx: number;
-    reversed?: boolean;
-    major?: boolean;
-    minor?: boolean;
-}): JSX.Element;
-declare const _default: typeof Ruler;
-export default _default;

package/esm/LinearGenomeView/components/Ruler.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { makeStyles } from 'tss-react/mui';
-import { observer } from 'mobx-react';
-import { getTickDisplayStr } from '@jbrowse/core/util';
-// locals
-import { makeTicks } from '../util';
-const useStyles = makeStyles()({
-    majorTickLabel: {
-        fontSize: '11px',
-    },
-    majorTick: {
-        stroke: '#555',
-    },
-    minorTick: {
-        stroke: '#999',
-    },
-});
-function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, }) {
-    const { classes } = useStyles();
-    const ticks = makeTicks(start, end, bpPerPx, major, minor);
-    return (React.createElement(React.Fragment, null,
-        ticks.map(tick => {
-            const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (React.createElement("line", { key: tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: tick.type === 'major' ? '#555' : '#999', className: tick.type === 'major' ? classes.majorTick : classes.minorTick, "data-bp": tick.base }));
-        }),
-        ticks
-            .filter(tick => tick.type === 'major')
-            .map(tick => {
-            const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (React.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, style: { fontSize: '11px' }, className: classes.majorTickLabel }, getTickDisplayStr(tick.base + 1, bpPerPx)));
-        })));
-}
-export default observer(Ruler);
-//# sourceMappingURL=Ruler.js.map

package/esm/LinearGenomeView/components/Ruler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ruler.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Ruler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,cAAc,EAAE;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;IACD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,SAAS,KAAK,CAAC,EACb,KAAK,EACL,GAAG,EACH,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,IAAI,GAQb;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IAC1D,OAAO,CACL;QACG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,8BACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,WAAW,EAAE,CAAC,EACd,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC/C,SAAS,EACP,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,aAEtD,IAAI,CAAC,IAAI,GAClB,CACH,CAAA;QACH,CAAC,CAAC;QACD,KAAK;aACH,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;aACrC,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAA;YACpE,OAAO,CACL,8BACE,CAAC,EAAE,CAAC,GAAG,CAAC,EACR,CAAC,EAAE,CAAC,GAAG,EAAE,EACT,GAAG,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,SAAS,EAAE,OAAO,CAAC,cAAc,IAEhC,iBAAiB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CACrC,CACR,CAAA;QACH,CAAC,CAAC,CACH,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,KAAK,CAAC,CAAA"}

package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx

@@ -1,307 +0,0 @@
-import React from 'react'
-import { renderToStaticMarkup } from 'react-dom/server'
-import { when } from 'mobx'
-import { getParent } from 'mobx-state-tree'
-import { getConf, readConfObject } from '@jbrowse/core/configuration'
-import { getSession, getBpDisplayStr } from '@jbrowse/core/util'
-import { AnyConfigurationModel } from '@jbrowse/core/configuration/configurationSchema'
-import Base1DView from '@jbrowse/core/util/Base1DViewModel'
-
-// locals
-import Ruler from './Ruler'
-import {
-  LinearGenomeViewModel,
-  ExportSvgOptions,
-  HEADER_OVERVIEW_HEIGHT,
-} from '..'
-import { Polygon, Cytobands } from './OverviewScalebar'
-
-type LGV = LinearGenomeViewModel
-
-function Scalebar({ model, fontSize }: { model: LGV; fontSize: number }) {
-  const {
-    offsetPx,
-    dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp },
-  } = model
-  const displayBp = getBpDisplayStr(totalBp)
-  const x0 = Math.max(-offsetPx, 0)
-  const x1 = x0 + totalWidthPx
-  return (
-    <>
-      <line x1={x0} x2={x1} y1={10} y2={10} stroke="black" />
-      <line x1={x0} x2={x0} y1={5} y2={15} stroke="black" />
-      <line x1={x1} x2={x1} y1={5} y2={15} stroke="black" />
-      <text
-        x={x0 + (x1 - x0) / 2}
-        y={fontSize * 2}
-        textAnchor="middle"
-        fontSize={fontSize}
-      >
-        {displayBp}
-      </text>
-    </>
-  )
-}
-
-function SVGRuler({
-  model,
-  fontSize,
-  width,
-}: {
-  model: LGV
-  fontSize: number
-  width: number
-}) {
-  const {
-    dynamicBlocks: { contentBlocks },
-    offsetPx: viewOffsetPx,
-    bpPerPx,
-  } = model
-  const renderRuler = contentBlocks.length < 5
-  return (
-    <>
-      <defs>
-        <clipPath id="clip-ruler">
-          <rect x={0} y={0} width={width} height={20} />
-        </clipPath>
-      </defs>
-      {contentBlocks.map(block => {
-        const { key, start, end, reversed, offsetPx, refName } = block
-        const offsetLeft = offsetPx - viewOffsetPx
-        return (
-          <g key={`${key}`} transform={`translate(${offsetLeft} 0)`}>
-            <text x={offsetLeft / bpPerPx} y={fontSize} fontSize={fontSize}>
-              {refName}
-            </text>
-            {renderRuler ? (
-              <g transform="translate(0 20)" clipPath="url(#clip-ruler)">
-                <Ruler
-                  start={start}
-                  end={end}
-                  bpPerPx={bpPerPx}
-                  reversed={reversed}
-                />
-              </g>
-            ) : (
-              <line
-                strokeWidth={1}
-                stroke="black"
-                x1={start / bpPerPx}
-                x2={end / bpPerPx}
-                y1={20}
-                y2={20}
-              />
-            )}
-          </g>
-        )
-      })}
-    </>
-  )
-}
-
-const fontSize = 15
-const rulerHeight = 50
-const textHeight = fontSize + 5
-const paddingHeight = 20
-const headerHeight = textHeight + 20
-const cytobandHeightIfExists = 100
-
-interface Display {
-  height: number
-}
-interface Track {
-  displays: Display[]
-}
-
-const totalHeight = (tracks: Track[]) => {
-  return tracks.reduce((accum, track) => {
-    const display = track.displays[0]
-    return accum + display.height + paddingHeight + textHeight
-  }, 0)
-}
-
-// SVG component, ruler and assembly name
-const SVGHeader = ({ model }: { model: LGV }) => {
-  const { width, assemblyNames, showCytobands, displayedRegions } = model
-  const { assemblyManager } = getSession(model)
-  const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0]
-  const assembly = assemblyManager.get(assemblyName)
-
-  const overview = Base1DView.create({
-    displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
-    interRegionPaddingWidth: 0,
-    minimumBlockWidth: model.minimumBlockWidth,
-  })
-  const visibleRegions = model.dynamicBlocks.contentBlocks
-
-  overview.setVolatileWidth(width)
-  overview.showAllRegions()
-  const block = overview.dynamicBlocks.contentBlocks[0]
-
-  const first = visibleRegions[0]
-  const firstOverviewPx =
-    overview.bpToPx({
-      ...first,
-      coord: first.reversed ? first.end : first.start,
-    }) || 0
-
-  const last = visibleRegions[visibleRegions.length - 1]
-  const lastOverviewPx =
-    overview.bpToPx({
-      ...last,
-      coord: last.reversed ? last.start : last.end,
-    }) || 0
-
-  const cytobandHeight = showCytobands ? cytobandHeightIfExists : 0
-
-  return (
-    <g id="header">
-      <text x={0} y={fontSize} fontSize={fontSize}>
-        {assemblyName}
-      </text>
-
-      {showCytobands ? (
-        <g transform={`translate(0 ${rulerHeight})`}>
-          <Cytobands overview={overview} assembly={assembly} block={block} />
-          <rect
-            stroke="red"
-            fill="rgb(255,0,0,0.1)"
-            width={Math.max(lastOverviewPx - firstOverviewPx, 0.5)}
-            height={HEADER_OVERVIEW_HEIGHT - 1}
-            x={firstOverviewPx}
-            y={0.5}
-          />
-          <g transform={`translate(0,${HEADER_OVERVIEW_HEIGHT})`}>
-            <Polygon overview={overview} model={model} useOffset={false} />
-          </g>
-        </g>
-      ) : null}
-
-      <g transform={`translate(0 ${fontSize + cytobandHeight})`}>
-        <Scalebar model={model} fontSize={fontSize} />
-      </g>
-      <g transform={`translate(0 ${rulerHeight + cytobandHeight})`}>
-        <SVGRuler model={model} fontSize={fontSize} width={width} />
-      </g>
-    </g>
-  )
-}
-
-// SVG component, region separator
-const SVGRegionSeparators = ({
-  model,
-  height,
-}: {
-  height: number
-  model: LGV
-}) => {
-  const { dynamicBlocks, offsetPx, interRegionPaddingWidth } = model
-  return (
-    <>
-      {dynamicBlocks.contentBlocks.slice(1).map(block => (
-        <rect
-          key={block.key}
-          x={block.offsetPx - offsetPx - interRegionPaddingWidth}
-          width={interRegionPaddingWidth}
-          y={0}
-          height={height}
-          stroke="none"
-          fill="grey"
-        />
-      ))}
-    </>
-  )
-}
-
-// SVG component, tracks
-function SVGTracks({
-  displayResults,
-  model,
-  offset,
-}: {
-  displayResults: {
-    track: {
-      configuration: AnyConfigurationModel
-      displays: { height: number }[]
-    }
-    result: string
-  }[]
-  model: LGV
-  offset: number
-}) {
-  return (
-    <>
-      {displayResults.map(({ track, result }) => {
-        const current = offset
-        const trackName =
-          getConf(track, 'name') ||
-          `Reference sequence (${
-            readConfObject(getParent(track.configuration), 'displayName') ||
-            readConfObject(getParent(track.configuration), 'name')
-          })`
-        const display = track.displays[0]
-        offset += display.height + paddingHeight + textHeight
-        return (
-          <g
-            key={track.configuration.trackId}
-            transform={`translate(0 ${current})`}
-          >
-            <text fontSize={fontSize} x={Math.max(-model.offsetPx, 0)}>
-              {trackName}
-            </text>
-            <g transform={`translate(0 ${textHeight})`}>
-              {result}
-              <SVGRegionSeparators model={model} height={display.height} />
-            </g>
-          </g>
-        )
-      })}
-    </>
-  )
-}
-
-// render LGV to SVG
-export async function renderToSvg(model: LGV, opts: ExportSvgOptions) {
-  await when(() => model.initialized)
-  const { Wrapper = ({ children }) => <>{children}</> } = opts
-  const { width, tracks, showCytobands } = model
-  const shift = 50
-  const offset =
-    headerHeight +
-    rulerHeight +
-    (showCytobands ? cytobandHeightIfExists : 0) +
-    20
-  const height = totalHeight(tracks) + offset
-  const displayResults = await Promise.all(
-    tracks.map(async track => {
-      const display = track.displays[0]
-      await when(() => (display.ready !== undefined ? display.ready : true))
-      return { track, result: await display.renderSvg(opts) }
-    }),
-  )
-
-  // the xlink namespace is used for rendering <image> tag
-  return renderToStaticMarkup(
-    <Wrapper>
-      <svg
-        width={width}
-        height={height}
-        xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
-        viewBox={[0, 0, width + shift * 2, height].toString()}
-      >
-        {/* background white */}
-        <rect width={width + shift * 2} height={height} fill="white" />
-
-        <g stroke="none" transform={`translate(${shift} ${fontSize})`}>
-          <SVGHeader model={model} />
-          <SVGTracks
-            model={model}
-            displayResults={displayResults}
-            offset={offset}
-          />
-        </g>
-      </svg>
-    </Wrapper>,
-  )
-}

package/src/LinearGenomeView/components/Ruler.tsx

@@ -1,78 +0,0 @@
-import React from 'react'
-import { makeStyles } from 'tss-react/mui'
-import { observer } from 'mobx-react'
-import { getTickDisplayStr } from '@jbrowse/core/util'
-
-// locals
-import { makeTicks } from '../util'
-
-const useStyles = makeStyles()({
-  majorTickLabel: {
-    fontSize: '11px',
-  },
-  majorTick: {
-    stroke: '#555',
-  },
-  minorTick: {
-    stroke: '#999',
-  },
-})
-
-function Ruler({
-  start,
-  end,
-  bpPerPx,
-  reversed = false,
-  major = true,
-  minor = true,
-}: {
-  start: number
-  end: number
-  bpPerPx: number
-  reversed?: boolean
-  major?: boolean
-  minor?: boolean
-}) {
-  const { classes } = useStyles()
-  const ticks = makeTicks(start, end, bpPerPx, major, minor)
-  return (
-    <>
-      {ticks.map(tick => {
-        const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx
-        return (
-          <line
-            key={tick.base}
-            x1={x}
-            x2={x}
-            y1={0}
-            y2={tick.type === 'major' ? 6 : 4}
-            strokeWidth={1}
-            stroke={tick.type === 'major' ? '#555' : '#999'}
-            className={
-              tick.type === 'major' ? classes.majorTick : classes.minorTick
-            }
-            data-bp={tick.base}
-          />
-        )
-      })}
-      {ticks
-        .filter(tick => tick.type === 'major')
-        .map(tick => {
-          const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx
-          return (
-            <text
-              x={x - 3}
-              y={7 + 11}
-              key={`label-${tick.base}`}
-              style={{ fontSize: '11px' }}
-              className={classes.majorTickLabel}
-            >
-              {getTickDisplayStr(tick.base + 1, bpPerPx)}
-            </text>
-          )
-        })}
-    </>
-  )
-}
-
-export default observer(Ruler)