@jbrowse/core 2.0.1 → 2.1.0

package/util/calculateStaticBlocks.js

@@ -1,128 +1,108 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = calculateStaticBlocks;
-
-var _ = require(".");
-
-var _blockTypes = require("./blockTypes");
-
-function calculateStaticBlocks(model) {
-  var padding = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var elision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  var width = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : typeof window !== 'undefined' && window.innerWidth || model.width;
-  var offsetPx = model.offsetPx,
-      displayedRegions = model.displayedRegions,
-      bpPerPx = model.bpPerPx,
-      minimumBlockWidth = model.minimumBlockWidth,
-      interRegionPaddingWidth = model.interRegionPaddingWidth;
-  var windowLeftBp = offsetPx * bpPerPx;
-  var windowRightBp = (offsetPx + width) * bpPerPx;
-  var blockSizePx = width;
-  var blockSizeBp = Math.ceil(blockSizePx * bpPerPx); // for each displayed region
-
-  var regionBpOffset = 0;
-  var blocks = new _blockTypes.BlockSet();
-  displayedRegions.forEach(function (region, regionNumber) {
-    // find the block numbers of the left and right window sides,
-    // clamp those to the region range, and then make blocks for that range
-    var assemblyName = region.assemblyName,
-        refName = region.refName,
-        regionStart = region.start,
-        regionEnd = region.end,
-        reversed = region.reversed;
-    var regionBlockCount = Math.ceil((regionEnd - regionStart) / blockSizeBp);
-    var windowRightBlockNum = Math.floor((windowRightBp - regionBpOffset) / blockSizeBp) + extra;
-
-    if (windowRightBlockNum >= regionBlockCount) {
-      windowRightBlockNum = regionBlockCount - 1;
-    }
-
-    var windowLeftBlockNum = Math.floor((windowLeftBp - regionBpOffset) / blockSizeBp) - extra;
-
-    if (windowLeftBlockNum < 0) {
-      windowLeftBlockNum = 0;
-    }
-
-    var regionWidthPx = (regionEnd - regionStart) / bpPerPx;
-
-    for (var blockNum = windowLeftBlockNum; blockNum <= windowRightBlockNum; blockNum += 1) {
-      var start = void 0;
-      var end = void 0;
-      var isLeftEndOfDisplayedRegion = void 0;
-      var isRightEndOfDisplayedRegion = void 0;
-
-      if (reversed) {
-        start = Math.max(regionStart, regionEnd - (blockNum + 1) * blockSizeBp);
-        end = regionEnd - blockNum * blockSizeBp;
-        isLeftEndOfDisplayedRegion = end === regionEnd;
-        isRightEndOfDisplayedRegion = start === regionStart;
-      } else {
-        start = regionStart + blockNum * blockSizeBp;
-        end = Math.min(regionEnd, regionStart + (blockNum + 1) * blockSizeBp);
-        isLeftEndOfDisplayedRegion = start === regionStart;
-        isRightEndOfDisplayedRegion = end === regionEnd;
-      }
-
-      var widthPx = (end - start) / bpPerPx;
-      var blockData = {
-        assemblyName: assemblyName,
-        refName: refName,
-        start: start,
-        end: end,
-        reversed: reversed,
-        offsetPx: (regionBpOffset + blockNum * blockSizeBp) / bpPerPx,
-        parentRegion: region,
-        regionNumber: regionNumber,
-        widthPx: widthPx,
-        isLeftEndOfDisplayedRegion: isLeftEndOfDisplayedRegion,
-        isRightEndOfDisplayedRegion: isRightEndOfDisplayedRegion,
-        key: ''
-      };
-      blockData.key = "".concat((0, _.assembleLocString)(blockData), "-").concat(regionNumber).concat(reversed ? '-reversed' : '');
-
-      if (padding && regionNumber === 0 && blockNum === 0) {
-        blocks.push(new _blockTypes.InterRegionPaddingBlock({
-          key: "".concat(blockData.key, "-beforeFirstRegion"),
-          widthPx: width,
-          offsetPx: blockData.offsetPx - width,
-          variant: 'boundary'
-        }));
-      }
-
-      if (elision && regionWidthPx < minimumBlockWidth) {
-        blocks.push(new _blockTypes.ElidedBlock(blockData));
-      } else {
-        blocks.push(new _blockTypes.ContentBlock(blockData));
-      }
-
-      if (padding) {
-        // insert a inter-region padding block if we are crossing a displayed region
-        if (regionWidthPx >= minimumBlockWidth && blockData.isRightEndOfDisplayedRegion && regionNumber < displayedRegions.length - 1) {
-          regionBpOffset += interRegionPaddingWidth * bpPerPx;
-          blocks.push(new _blockTypes.InterRegionPaddingBlock({
-            key: "".concat(blockData.key, "-rightpad"),
-            widthPx: interRegionPaddingWidth,
-            offsetPx: blockData.offsetPx + blockData.widthPx
-          }));
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require(".");
+const blockTypes_1 = require("./blockTypes");
+function calculateStaticBlocks(model, padding = true, elision = true, extra = 0, 
+// on the main thread, window.innerWidth is used because this reduces
+// recalculating the blocks, otherwise, model.width for cases such as
+// off-main-thread. also this is not a ternary because our window.innerWidth
+// might be undefined on off-main-thread, so instead use || model.width
+width = (typeof window !== 'undefined' && window.innerWidth) || model.width) {
+    const { offsetPx, displayedRegions, bpPerPx, minimumBlockWidth, interRegionPaddingWidth, } = model;
+    const windowLeftBp = offsetPx * bpPerPx;
+    const windowRightBp = (offsetPx + width) * bpPerPx;
+    const blockSizePx = width;
+    const blockSizeBp = Math.ceil(blockSizePx * bpPerPx);
+    // for each displayed region
+    let regionBpOffset = 0;
+    const blocks = new blockTypes_1.BlockSet();
+    displayedRegions.forEach((region, regionNumber) => {
+        // find the block numbers of the left and right window sides,
+        // clamp those to the region range, and then make blocks for that range
+        const { assemblyName, refName, start: regionStart, end: regionEnd, reversed, } = region;
+        const regionBlockCount = Math.ceil((regionEnd - regionStart) / blockSizeBp);
+        let windowRightBlockNum = Math.floor((windowRightBp - regionBpOffset) / blockSizeBp) + extra;
+        if (windowRightBlockNum >= regionBlockCount) {
+            windowRightBlockNum = regionBlockCount - 1;
+        }
+        let windowLeftBlockNum = Math.floor((windowLeftBp - regionBpOffset) / blockSizeBp) - extra;
+        if (windowLeftBlockNum < 0) {
+            windowLeftBlockNum = 0;
         }
-
-        if (regionNumber === displayedRegions.length - 1 && blockData.isRightEndOfDisplayedRegion) {
-          regionBpOffset += interRegionPaddingWidth * bpPerPx;
-          blocks.push(new _blockTypes.InterRegionPaddingBlock({
-            key: "".concat(blockData.key, "-afterLastRegion"),
-            widthPx: width,
-            offsetPx: blockData.offsetPx + blockData.widthPx,
-            variant: 'boundary'
-          }));
+        const regionWidthPx = (regionEnd - regionStart) / bpPerPx;
+        for (let blockNum = windowLeftBlockNum; blockNum <= windowRightBlockNum; blockNum += 1) {
+            let start;
+            let end;
+            let isLeftEndOfDisplayedRegion;
+            let isRightEndOfDisplayedRegion;
+            if (reversed) {
+                start = Math.max(regionStart, regionEnd - (blockNum + 1) * blockSizeBp);
+                end = regionEnd - blockNum * blockSizeBp;
+                isLeftEndOfDisplayedRegion = end === regionEnd;
+                isRightEndOfDisplayedRegion = start === regionStart;
+            }
+            else {
+                start = regionStart + blockNum * blockSizeBp;
+                end = Math.min(regionEnd, regionStart + (blockNum + 1) * blockSizeBp);
+                isLeftEndOfDisplayedRegion = start === regionStart;
+                isRightEndOfDisplayedRegion = end === regionEnd;
+            }
+            const widthPx = (end - start) / bpPerPx;
+            const blockData = {
+                assemblyName,
+                refName,
+                start,
+                end,
+                reversed,
+                offsetPx: (regionBpOffset + blockNum * blockSizeBp) / bpPerPx,
+                parentRegion: region,
+                regionNumber,
+                widthPx,
+                isLeftEndOfDisplayedRegion,
+                isRightEndOfDisplayedRegion,
+                key: '',
+            };
+            blockData.key = `${(0, _1.assembleLocString)(blockData)}-${regionNumber}${reversed ? '-reversed' : ''}`;
+            if (padding && regionNumber === 0 && blockNum === 0) {
+                blocks.push(new blockTypes_1.InterRegionPaddingBlock({
+                    key: `${blockData.key}-beforeFirstRegion`,
+                    widthPx: width,
+                    offsetPx: blockData.offsetPx - width,
+                    variant: 'boundary',
+                }));
+            }
+            if (elision && regionWidthPx < minimumBlockWidth) {
+                blocks.push(new blockTypes_1.ElidedBlock(blockData));
+            }
+            else {
+                blocks.push(new blockTypes_1.ContentBlock(blockData));
+            }
+            if (padding) {
+                // insert a inter-region padding block if we are crossing a displayed region
+                if (regionWidthPx >= minimumBlockWidth &&
+                    blockData.isRightEndOfDisplayedRegion &&
+                    regionNumber < displayedRegions.length - 1) {
+                    regionBpOffset += interRegionPaddingWidth * bpPerPx;
+                    blocks.push(new blockTypes_1.InterRegionPaddingBlock({
+                        key: `${blockData.key}-rightpad`,
+                        widthPx: interRegionPaddingWidth,
+                        offsetPx: blockData.offsetPx + blockData.widthPx,
+                    }));
+                }
+                if (regionNumber === displayedRegions.length - 1 &&
+                    blockData.isRightEndOfDisplayedRegion) {
+                    regionBpOffset += interRegionPaddingWidth * bpPerPx;
+                    blocks.push(new blockTypes_1.InterRegionPaddingBlock({
+                        key: `${blockData.key}-afterLastRegion`,
+                        widthPx: width,
+                        offsetPx: blockData.offsetPx + blockData.widthPx,
+                        variant: 'boundary',
+                    }));
+                }
+            }
         }
-      }
-    }
-
-    regionBpOffset += regionEnd - regionStart;
-  });
-  return blocks;
-}
+        regionBpOffset += regionEnd - regionStart;
+    });
+    return blocks;
+}
+exports.default = calculateStaticBlocks;

package/util/color/cssColorsLevel4.js

@@ -1,166 +1,162 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isNamedColor = isNamedColor;
-exports.namedColorToHex = namedColorToHex;
 // from https://www.w3.org/TR/css-color-4/#named-colors
-var colors = {
-  aliceblue: '#F0F8FF',
-  antiquewhite: '#FAEBD7',
-  aqua: '#00FFFF',
-  aquamarine: '#7FFFD4',
-  azure: '#F0FFFF',
-  beige: '#F5F5DC',
-  bisque: '#FFE4C4',
-  black: '#000000',
-  blanchedalmond: '#FFEBCD',
-  blue: '#0000FF',
-  blueviolet: '#8A2BE2',
-  brown: '#A52A2A',
-  burlywood: '#DEB887',
-  cadetblue: '#5F9EA0',
-  chartreuse: '#7FFF00',
-  chocolate: '#D2691E',
-  coral: '#FF7F50',
-  cornflowerblue: '#6495ED',
-  cornsilk: '#FFF8DC',
-  crimson: '#DC143C',
-  cyan: '#00FFFF',
-  darkblue: '#00008B',
-  darkcyan: '#008B8B',
-  darkgoldenrod: '#B8860B',
-  darkgray: '#A9A9A9',
-  darkgreen: '#006400',
-  darkgrey: '#A9A9A9',
-  darkkhaki: '#BDB76B',
-  darkmagenta: '#8B008B',
-  darkolivegreen: '#556B2F',
-  darkorange: '#FF8C00',
-  darkorchid: '#9932CC',
-  darkred: '#8B0000',
-  darksalmon: '#E9967A',
-  darkseagreen: '#8FBC8F',
-  darkslateblue: '#483D8B',
-  darkslategray: '#2F4F4F',
-  darkslategrey: '#2F4F4F',
-  darkturquoise: '#00CED1',
-  darkviolet: '#9400D3',
-  deeppink: '#FF1493',
-  deepskyblue: '#00BFFF',
-  dimgray: '#696969',
-  dimgrey: '#696969',
-  dodgerblue: '#1E90FF',
-  firebrick: '#B22222',
-  floralwhite: '#FFFAF0',
-  forestgreen: '#228B22',
-  fuchsia: '#FF00FF',
-  gainsboro: '#DCDCDC',
-  ghostwhite: '#F8F8FF',
-  gold: '#FFD700',
-  goldenrod: '#DAA520',
-  gray: '#808080',
-  green: '#008000',
-  greenyellow: '#ADFF2F',
-  grey: '#808080',
-  honeydew: '#F0FFF0',
-  hotpink: '#FF69B4',
-  indianred: '#CD5C5C',
-  indigo: '#4B0082',
-  ivory: '#FFFFF0',
-  khaki: '#F0E68C',
-  lavender: '#E6E6FA',
-  lavenderblush: '#FFF0F5',
-  lawngreen: '#7CFC00',
-  lemonchiffon: '#FFFACD',
-  lightblue: '#ADD8E6',
-  lightcoral: '#F08080',
-  lightcyan: '#E0FFFF',
-  lightgoldenrodyellow: '#FAFAD2',
-  lightgray: '#D3D3D3',
-  lightgreen: '#90EE90',
-  lightgrey: '#D3D3D3',
-  lightpink: '#FFB6C1',
-  lightsalmon: '#FFA07A',
-  lightseagreen: '#20B2AA',
-  lightskyblue: '#87CEFA',
-  lightslategray: '#778899',
-  lightslategrey: '#778899',
-  lightsteelblue: '#B0C4DE',
-  lightyellow: '#FFFFE0',
-  lime: '#00FF00',
-  limegreen: '#32CD32',
-  linen: '#FAF0E6',
-  magenta: '#FF00FF',
-  maroon: '#800000',
-  mediumaquamarine: '#66CDAA',
-  mediumblue: '#0000CD',
-  mediumorchid: '#BA55D3',
-  mediumpurple: '#9370DB',
-  mediumseagreen: '#3CB371',
-  mediumslateblue: '#7B68EE',
-  mediumspringgreen: '#00FA9A',
-  mediumturquoise: '#48D1CC',
-  mediumvioletred: '#C71585',
-  midnightblue: '#191970',
-  mintcream: '#F5FFFA',
-  mistyrose: '#FFE4E1',
-  moccasin: '#FFE4B5',
-  navajowhite: '#FFDEAD',
-  navy: '#000080',
-  oldlace: '#FDF5E6',
-  olive: '#808000',
-  olivedrab: '#6B8E23',
-  orange: '#FFA500',
-  orangered: '#FF4500',
-  orchid: '#DA70D6',
-  palegoldenrod: '#EEE8AA',
-  palegreen: '#98FB98',
-  paleturquoise: '#AFEEEE',
-  palevioletred: '#DB7093',
-  papayawhip: '#FFEFD5',
-  peachpuff: '#FFDAB9',
-  peru: '#CD853F',
-  pink: '#FFC0CB',
-  plum: '#DDA0DD',
-  powderblue: '#B0E0E6',
-  purple: '#800080',
-  rebeccapurple: '#663399',
-  red: '#FF0000',
-  rosybrown: '#BC8F8F',
-  royalblue: '#4169E1',
-  saddlebrown: '#8B4513',
-  salmon: '#FA8072',
-  sandybrown: '#F4A460',
-  seagreen: '#2E8B57',
-  seashell: '#FFF5EE',
-  sienna: '#A0522D',
-  silver: '#C0C0C0',
-  skyblue: '#87CEEB',
-  slateblue: '#6A5ACD',
-  slategray: '#708090',
-  slategrey: '#708090',
-  snow: '#FFFAFA',
-  springgreen: '#00FF7F',
-  steelblue: '#4682B4',
-  tan: '#D2B48C',
-  teal: '#008080',
-  thistle: '#D8BFD8',
-  tomato: '#FF6347',
-  turquoise: '#40E0D0',
-  violet: '#EE82EE',
-  wheat: '#F5DEB3',
-  white: '#FFFFFF',
-  whitesmoke: '#F5F5F5',
-  yellow: '#FFFF00',
-  yellowgreen: '#9ACD32'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNamedColor = exports.namedColorToHex = void 0;
+const colors = {
+    aliceblue: '#F0F8FF',
+    antiquewhite: '#FAEBD7',
+    aqua: '#00FFFF',
+    aquamarine: '#7FFFD4',
+    azure: '#F0FFFF',
+    beige: '#F5F5DC',
+    bisque: '#FFE4C4',
+    black: '#000000',
+    blanchedalmond: '#FFEBCD',
+    blue: '#0000FF',
+    blueviolet: '#8A2BE2',
+    brown: '#A52A2A',
+    burlywood: '#DEB887',
+    cadetblue: '#5F9EA0',
+    chartreuse: '#7FFF00',
+    chocolate: '#D2691E',
+    coral: '#FF7F50',
+    cornflowerblue: '#6495ED',
+    cornsilk: '#FFF8DC',
+    crimson: '#DC143C',
+    cyan: '#00FFFF',
+    darkblue: '#00008B',
+    darkcyan: '#008B8B',
+    darkgoldenrod: '#B8860B',
+    darkgray: '#A9A9A9',
+    darkgreen: '#006400',
+    darkgrey: '#A9A9A9',
+    darkkhaki: '#BDB76B',
+    darkmagenta: '#8B008B',
+    darkolivegreen: '#556B2F',
+    darkorange: '#FF8C00',
+    darkorchid: '#9932CC',
+    darkred: '#8B0000',
+    darksalmon: '#E9967A',
+    darkseagreen: '#8FBC8F',
+    darkslateblue: '#483D8B',
+    darkslategray: '#2F4F4F',
+    darkslategrey: '#2F4F4F',
+    darkturquoise: '#00CED1',
+    darkviolet: '#9400D3',
+    deeppink: '#FF1493',
+    deepskyblue: '#00BFFF',
+    dimgray: '#696969',
+    dimgrey: '#696969',
+    dodgerblue: '#1E90FF',
+    firebrick: '#B22222',
+    floralwhite: '#FFFAF0',
+    forestgreen: '#228B22',
+    fuchsia: '#FF00FF',
+    gainsboro: '#DCDCDC',
+    ghostwhite: '#F8F8FF',
+    gold: '#FFD700',
+    goldenrod: '#DAA520',
+    gray: '#808080',
+    green: '#008000',
+    greenyellow: '#ADFF2F',
+    grey: '#808080',
+    honeydew: '#F0FFF0',
+    hotpink: '#FF69B4',
+    indianred: '#CD5C5C',
+    indigo: '#4B0082',
+    ivory: '#FFFFF0',
+    khaki: '#F0E68C',
+    lavender: '#E6E6FA',
+    lavenderblush: '#FFF0F5',
+    lawngreen: '#7CFC00',
+    lemonchiffon: '#FFFACD',
+    lightblue: '#ADD8E6',
+    lightcoral: '#F08080',
+    lightcyan: '#E0FFFF',
+    lightgoldenrodyellow: '#FAFAD2',
+    lightgray: '#D3D3D3',
+    lightgreen: '#90EE90',
+    lightgrey: '#D3D3D3',
+    lightpink: '#FFB6C1',
+    lightsalmon: '#FFA07A',
+    lightseagreen: '#20B2AA',
+    lightskyblue: '#87CEFA',
+    lightslategray: '#778899',
+    lightslategrey: '#778899',
+    lightsteelblue: '#B0C4DE',
+    lightyellow: '#FFFFE0',
+    lime: '#00FF00',
+    limegreen: '#32CD32',
+    linen: '#FAF0E6',
+    magenta: '#FF00FF',
+    maroon: '#800000',
+    mediumaquamarine: '#66CDAA',
+    mediumblue: '#0000CD',
+    mediumorchid: '#BA55D3',
+    mediumpurple: '#9370DB',
+    mediumseagreen: '#3CB371',
+    mediumslateblue: '#7B68EE',
+    mediumspringgreen: '#00FA9A',
+    mediumturquoise: '#48D1CC',
+    mediumvioletred: '#C71585',
+    midnightblue: '#191970',
+    mintcream: '#F5FFFA',
+    mistyrose: '#FFE4E1',
+    moccasin: '#FFE4B5',
+    navajowhite: '#FFDEAD',
+    navy: '#000080',
+    oldlace: '#FDF5E6',
+    olive: '#808000',
+    olivedrab: '#6B8E23',
+    orange: '#FFA500',
+    orangered: '#FF4500',
+    orchid: '#DA70D6',
+    palegoldenrod: '#EEE8AA',
+    palegreen: '#98FB98',
+    paleturquoise: '#AFEEEE',
+    palevioletred: '#DB7093',
+    papayawhip: '#FFEFD5',
+    peachpuff: '#FFDAB9',
+    peru: '#CD853F',
+    pink: '#FFC0CB',
+    plum: '#DDA0DD',
+    powderblue: '#B0E0E6',
+    purple: '#800080',
+    rebeccapurple: '#663399',
+    red: '#FF0000',
+    rosybrown: '#BC8F8F',
+    royalblue: '#4169E1',
+    saddlebrown: '#8B4513',
+    salmon: '#FA8072',
+    sandybrown: '#F4A460',
+    seagreen: '#2E8B57',
+    seashell: '#FFF5EE',
+    sienna: '#A0522D',
+    silver: '#C0C0C0',
+    skyblue: '#87CEEB',
+    slateblue: '#6A5ACD',
+    slategray: '#708090',
+    slategrey: '#708090',
+    snow: '#FFFAFA',
+    springgreen: '#00FF7F',
+    steelblue: '#4682B4',
+    tan: '#D2B48C',
+    teal: '#008080',
+    thistle: '#D8BFD8',
+    tomato: '#FF6347',
+    turquoise: '#40E0D0',
+    violet: '#EE82EE',
+    wheat: '#F5DEB3',
+    white: '#FFFFFF',
+    whitesmoke: '#F5F5F5',
+    yellow: '#FFFF00',
+    yellowgreen: '#9ACD32',
 };
-
 function namedColorToHex(name) {
-  return colors[name];
+    return colors[name];
 }
-
+exports.namedColorToHex = namedColorToHex;
 function isNamedColor(name) {
-  return !!colors[name];
-}
+    return !!colors[name];
+}
+exports.isNamedColor = isNamedColor;