@jbrowse/core 2.11.1 → 2.11.2

package/ui/ErrorMessageStackTraceDialog.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
 const source_map_js_1 = require("source-map-js");
 const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 // locals
@@ -90,7 +91,7 @@ async function mapStackTrace(stack) {
             mappedStack.push(line);
             continue;
         }
-        mappedStack.push(`${originalPosition.source}:${originalPosition.line}:${originalPosition.column + 1}`);
+        mappedStack.push(`${originalPosition.source}:${originalPosition.line}:${originalPosition.column + 1} (${match[1].trim()})`);
     }
     return mappedStack.join('\n');
 }
@@ -107,7 +108,17 @@ function stripMessage(trace, error) {
         return trace;
     }
 }
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    pre: {
+        background: (0, material_1.alpha)(theme.palette.error.main, 0.2),
+        border: `1px solid ${theme.palette.divider}`,
+        overflow: 'auto',
+        margin: 20,
+        maxHeight: 300,
+    },
+}));
 function Contents({ text, extra }) {
+    const { classes } = useStyles();
     const err = encodeURIComponent([
         'I got this error from JBrowse, here is the stack trace:\n',
         '```',
@@ -129,13 +140,7 @@ function Contents({ text, extra }) {
             " or send an email to ",
             react_1.default.createElement(Link2, { href: emailLink }, email),
             ' '),
-        react_1.default.createElement("pre", { style: {
-                background: 'lightgrey',
-                border: '1px solid black',
-                overflow: 'auto',
-                margin: 20,
-                maxHeight: 300,
-            } }, err2)));
+        react_1.default.createElement("pre", { className: classes.pre }, err2)));
 }
 function ErrorMessageStackTraceDialog({ error, onClose, extra, }) {
     const [mappedStackTrace, setMappedStackTrace] = (0, react_1.useState)();

package/util/blockTypes.d.ts

@@ -21,6 +21,7 @@ export declare class BlockSet {
     get totalBp(): number;
 }
 export declare class BaseBlock {
+    type: string;
     regionNumber?: number;
     reversed?: boolean;
     refName: string;
@@ -45,12 +46,14 @@ export declare class BaseBlock {
     };
 }
 export declare class ContentBlock extends BaseBlock {
+    type: string;
 }
 /**
  * marker block representing one or more blocks that are
  * too small to be shown at the current zoom level
  */
 export declare class ElidedBlock extends BaseBlock {
+    type: string;
     widthPx: number;
     elidedBlockCount: number;
     constructor(data: Record<string, any>);
@@ -61,5 +64,6 @@ export declare class ElidedBlock extends BaseBlock {
  * and provides a thick border between them
  */
 export declare class InterRegionPaddingBlock extends BaseBlock {
+    type: string;
 }
 export {};

package/util/blockTypes.js

@@ -7,9 +7,10 @@ class BlockSet {
         this.blocks = blocks;
     }
     push(block) {
-        if (block instanceof ElidedBlock && this.blocks.length > 0) {
+        if (block.type === 'ElidedBlock' && this.blocks.length > 0) {
             const lastBlock = this.blocks.at(-1);
-            if (lastBlock instanceof ElidedBlock) {
+            if ((lastBlock === null || lastBlock === void 0 ? void 0 : lastBlock.type) === 'ElidedBlock') {
+                ;
                 lastBlock.push(block);
                 return;
             }
@@ -49,7 +50,7 @@ class BlockSet {
         return this.blocks.length > 0 ? this.blocks[0].offsetPx : 0;
     }
     get contentBlocks() {
-        return this.blocks.filter(block => block instanceof ContentBlock);
+        return this.blocks.filter(block => block.type === 'ContentBlock');
     }
     get totalBp() {
         return (0, _1.sum)(this.contentBlocks.map(block => block.end - block.start));
@@ -62,6 +63,7 @@ class BaseBlock {
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(data) {
+        this.type = 'BaseBlock';
         this.widthPx = 0;
         Object.assign(this, data);
         this.assemblyName = data.assemblyName;
@@ -83,6 +85,10 @@ class BaseBlock {
 }
 exports.BaseBlock = BaseBlock;
 class ContentBlock extends BaseBlock {
+    constructor() {
+        super(...arguments);
+        this.type = 'ContentBlock';
+    }
 }
 exports.ContentBlock = ContentBlock;
 /**
@@ -93,6 +99,7 @@ class ElidedBlock extends BaseBlock {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(data) {
         super(data);
+        this.type = 'ElidedBlock';
         this.elidedBlockCount = 0;
         this.widthPx = data.widthPx;
     }
@@ -112,5 +119,9 @@ exports.ElidedBlock = ElidedBlock;
  * and provides a thick border between them
  */
 class InterRegionPaddingBlock extends BaseBlock {
+    constructor() {
+        super(...arguments);
+        this.type = 'InterRegionPaddingBlock';
+    }
 }
 exports.InterRegionPaddingBlock = InterRegionPaddingBlock;

package/util/calculateDynamicBlocks.js

@@ -38,10 +38,9 @@ function calculateDynamicBlocks(model, padding = true, elision = true) {
         const displayedRegionRightPx = displayedRegionLeftPx + (regionEnd - regionStart) / bpPerPx;
         const regionWidthPx = (regionEnd - regionStart) / bpPerPx;
         const parentRegion = (0, mobx_state_tree_1.isStateTreeNode)(region) ? (0, mobx_state_tree_1.getSnapshot)(region) : region;
-        if (displayedRegionLeftPx < windowRightPx &&
-            displayedRegionRightPx > windowLeftPx) {
+        const [leftPx, rightPx] = (0, range_1.intersection2)(windowLeftPx, windowRightPx, displayedRegionLeftPx, displayedRegionRightPx);
+        if (leftPx !== undefined && rightPx !== undefined) {
             // this displayed region overlaps the view, so make a record for it
-            const [leftPx, rightPx] = (0, range_1.intersection2)(windowLeftPx, windowRightPx, displayedRegionLeftPx, displayedRegionRightPx);
             let start;
             let end;
             let isLeftEndOfDisplayedRegion;

package/util/range.d.ts

@@ -5,7 +5,7 @@
  *
  * @returns array of [left, right], or [] if the ranges do not intersect. the choice of [] is because it allows destructuring array assignment without check for undefined return
  */
-export declare function intersection2(left1: number, right1: number, left2: number, right2: number): number[];
+export declare function intersection2(left1: number, right1: number, left2: number, right2: number): [number, number] | [];
 /**
  * Return whether 2 interbase coordinate ranges intersect.
  *

package/ui/ResizeBar.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export default function ResizeBar({ widths, setWidths, checkbox, scrollLeft, }: {
-    widths: number[];
-    setWidths: (arg: number[]) => void;
-    checkbox?: boolean;
-    scrollLeft?: number;
-}): React.JSX.Element;

package/ui/ResizeBar.js

@@ -1,80 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mui_1 = require("tss-react/mui");
-// locals
-const ResizeHandle_1 = __importDefault(require("./ResizeHandle"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    resizeBar: {
-        background: theme.palette.action.disabledBackground,
-        height: 12,
-        position: 'relative',
-        overflow: 'hidden',
-    },
-    tick: {
-        position: 'absolute',
-        height: '100%',
-        pointerEvents: 'none',
-        background: theme.palette.action.disabled,
-        width: 1,
-    },
-    hiddenTick: {
-        position: 'absolute',
-        height: '100%',
-        width: 5,
-    },
-}));
-function Tick({ left, scrollLeft, idx, onDrag, onMouseDown, }) {
-    const { classes } = useStyles();
-    const onDragCallback = (0, react_1.useCallback)((lastFrameDistance, totalDistance) => onDrag(lastFrameDistance, totalDistance, idx), [idx, onDrag]);
-    // has an invisible wider than tick mark (1px) clickable area (5px)
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ResizeHandle_1.default, { onDrag: onDragCallback, onMouseDown: onMouseDown, vertical: true, className: classes.hiddenTick, style: { left: left - scrollLeft - 2.5 } }),
-        react_1.default.createElement("div", { style: { left: left - scrollLeft }, className: classes.tick })));
-}
-function ResizeBar({ widths, setWidths, checkbox, scrollLeft = 0, }) {
-    const { classes } = useStyles();
-    const offsets = [];
-    const [initial, setInitial] = (0, react_1.useState)();
-    let init = checkbox ? 52 : 0;
-    for (let i = 0; i < widths.length; i++) {
-        const width = widths[i];
-        offsets[i] = width + init;
-        init += width;
-    }
-    return (react_1.default.createElement("div", { className: classes.resizeBar }, offsets.map((left, i) => (react_1.default.createElement(Tick, { key: i, onMouseDown: () => {
-            setInitial([...widths]);
-        }, left: i === offsets.length - 1 ? left - 3 : left, onDrag: (_, totalDistance, idx) => {
-            const newWidths = [...widths];
-            // mui doesn't allow columns smaller than 50
-            newWidths[idx] = Math.max(initial[idx] - totalDistance, 50);
-            setWidths(newWidths);
-        }, idx: i, scrollLeft: scrollLeft })))));
-}
-exports.default = ResizeBar;