@jbrowse/plugin-linear-genome-view 1.7.11 → 2.1.0

package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js

@@ -1,349 +1,210 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderToSvg = renderToSvg;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _server = require("react-dom/server");
-
-var _mobx = require("mobx");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _util = require("@jbrowse/core/util");
-
-var _Base1DViewModel = _interopRequireDefault(require("@jbrowse/core/util/Base1DViewModel"));
-
-var _Ruler = _interopRequireDefault(require("./Ruler"));
-
-var _ = require("..");
-
-var _OverviewScaleBar = require("./OverviewScaleBar");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function ScaleBar(_ref) {
-  var model = _ref.model,
-      fontSize = _ref.fontSize;
-  var offsetPx = model.offsetPx,
-      _model$dynamicBlocks = model.dynamicBlocks,
-      totalWidthPx = _model$dynamicBlocks.totalWidthPxWithoutBorders,
-      totalBp = _model$dynamicBlocks.totalBp;
-  var displayBp = (0, _util.getBpDisplayStr)(totalBp);
-  var x0 = Math.max(-offsetPx, 0);
-  var x1 = x0 + totalWidthPx;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("line", {
-    x1: x0,
-    x2: x1,
-    y1: 10,
-    y2: 10,
-    stroke: "black"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: x0,
-    x2: x0,
-    y1: 5,
-    y2: 15,
-    stroke: "black"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: x1,
-    x2: x1,
-    y1: 5,
-    y2: 15,
-    stroke: "black"
-  }), /*#__PURE__*/_react.default.createElement("text", {
-    x: x0 + (x1 - x0) / 2,
-    y: fontSize * 2,
-    textAnchor: "middle",
-    fontSize: fontSize
-  }, displayBp));
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToSvg = void 0;
+var react_1 = __importDefault(require("react"));
+var server_1 = require("react-dom/server");
+var mobx_1 = require("mobx");
+var mobx_state_tree_1 = require("mobx-state-tree");
+var configuration_1 = require("@jbrowse/core/configuration");
+var util_1 = require("@jbrowse/core/util");
+var Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
+// locals
+var Ruler_1 = __importDefault(require("./Ruler"));
+var __1 = require("..");
+var OverviewScaleBar_1 = require("./OverviewScaleBar");
+function ScaleBar(_a) {
+    var model = _a.model, fontSize = _a.fontSize;
+    var offsetPx = model.offsetPx, _b = model.dynamicBlocks, totalWidthPx = _b.totalWidthPxWithoutBorders, totalBp = _b.totalBp;
+    var displayBp = (0, util_1.getBpDisplayStr)(totalBp);
+    var x0 = Math.max(-offsetPx, 0);
+    var x1 = x0 + totalWidthPx;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("line", { x1: x0, x2: x1, y1: 10, y2: 10, stroke: "black" }),
+        react_1.default.createElement("line", { x1: x0, x2: x0, y1: 5, y2: 15, stroke: "black" }),
+        react_1.default.createElement("line", { x1: x1, x2: x1, y1: 5, y2: 15, stroke: "black" }),
+        react_1.default.createElement("text", { x: x0 + (x1 - x0) / 2, y: fontSize * 2, textAnchor: "middle", fontSize: fontSize }, displayBp)));
 }
-
-function SVGRuler(_ref2) {
-  var model = _ref2.model,
-      fontSize = _ref2.fontSize,
-      width = _ref2.width;
-  var contentBlocks = model.dynamicBlocks.contentBlocks,
-      viewOffsetPx = model.offsetPx,
-      bpPerPx = model.bpPerPx;
-  var renderRuler = contentBlocks.length < 5;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
-    id: "clip-ruler"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    x: 0,
-    y: 0,
-    width: width,
-    height: 20
-  }))), contentBlocks.map(function (block) {
-    var key = block.key,
-        start = block.start,
-        end = block.end,
-        reversed = block.reversed,
-        offsetPx = block.offsetPx,
-        refName = block.refName;
-    var offsetLeft = offsetPx - viewOffsetPx;
-    return /*#__PURE__*/_react.default.createElement("g", {
-      key: "".concat(key),
-      transform: "translate(".concat(offsetLeft, " 0)")
-    }, /*#__PURE__*/_react.default.createElement("text", {
-      x: offsetLeft / bpPerPx,
-      y: fontSize,
-      fontSize: fontSize
-    }, refName), renderRuler ? /*#__PURE__*/_react.default.createElement("g", {
-      transform: "translate(0 20)",
-      clipPath: "url(#clip-ruler)"
-    }, /*#__PURE__*/_react.default.createElement(_Ruler.default, {
-      start: start,
-      end: end,
-      bpPerPx: bpPerPx,
-      reversed: reversed
-    })) : /*#__PURE__*/_react.default.createElement("line", {
-      strokeWidth: 1,
-      stroke: "black",
-      x1: start / bpPerPx,
-      x2: end / bpPerPx,
-      y1: 20,
-      y2: 20
-    }));
-  }));
+function SVGRuler(_a) {
+    var model = _a.model, fontSize = _a.fontSize, width = _a.width;
+    var contentBlocks = model.dynamicBlocks.contentBlocks, viewOffsetPx = model.offsetPx, bpPerPx = model.bpPerPx;
+    var renderRuler = contentBlocks.length < 5;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip-ruler" },
+                react_1.default.createElement("rect", { x: 0, y: 0, width: width, height: 20 }))),
+        contentBlocks.map(function (block) {
+            var key = block.key, start = block.start, end = block.end, reversed = block.reversed, offsetPx = block.offsetPx, refName = block.refName;
+            var offsetLeft = offsetPx - viewOffsetPx;
+            return (react_1.default.createElement("g", { key: "".concat(key), transform: "translate(".concat(offsetLeft, " 0)") },
+                react_1.default.createElement("text", { x: offsetLeft / bpPerPx, y: fontSize, fontSize: fontSize }, refName),
+                renderRuler ? (react_1.default.createElement("g", { transform: "translate(0 20)", clipPath: "url(#clip-ruler)" },
+                    react_1.default.createElement(Ruler_1.default, { start: start, end: end, bpPerPx: bpPerPx, reversed: reversed }))) : (react_1.default.createElement("line", { strokeWidth: 1, stroke: "black", x1: start / bpPerPx, x2: end / bpPerPx, y1: 20, y2: 20 }))));
+        })));
 }
-
 var fontSize = 15;
 var rulerHeight = 50;
 var textHeight = fontSize + 5;
 var paddingHeight = 20;
 var headerHeight = textHeight + 20;
 var cytobandHeightIfExists = 100;
-
-var totalHeight = function totalHeight(tracks) {
-  return tracks.reduce(function (accum, track) {
-    var display = track.displays[0];
-    return accum + display.height + paddingHeight + textHeight;
-  }, 0);
-}; // SVG component, ruler and assembly name
-
-
-var SVGHeader = function SVGHeader(_ref3) {
-  var model = _ref3.model;
-  var width = model.width,
-      assemblyNames = model.assemblyNames,
-      showCytobands = model.showCytobands,
-      displayedRegions = model.displayedRegions;
-
-  var _getSession = (0, _util.getSession)(model),
-      assemblyManager = _getSession.assemblyManager;
-
-  var assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
-  var assembly = assemblyManager.get(assemblyName);
-
-  var overview = _Base1DViewModel.default.create({
-    displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
-    interRegionPaddingWidth: 0,
-    minimumBlockWidth: model.minimumBlockWidth
-  });
-
-  var visibleRegions = model.dynamicBlocks.contentBlocks;
-  overview.setVolatileWidth(width);
-  overview.showAllRegions();
-  var block = overview.dynamicBlocks.contentBlocks[0];
-  var first = visibleRegions[0];
-  var firstOverviewPx = overview.bpToPx(_objectSpread(_objectSpread({}, first), {}, {
-    coord: first.reversed ? first.end : first.start
-  })) || 0;
-  var last = visibleRegions[visibleRegions.length - 1];
-  var lastOverviewPx = overview.bpToPx(_objectSpread(_objectSpread({}, last), {}, {
-    coord: last.reversed ? last.start : last.end
-  })) || 0;
-  var cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
-  return /*#__PURE__*/_react.default.createElement("g", {
-    id: "header"
-  }, /*#__PURE__*/_react.default.createElement("text", {
-    x: 0,
-    y: fontSize,
-    fontSize: fontSize
-  }, assemblyName), showCytobands ? /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(0 ".concat(rulerHeight, ")")
-  }, /*#__PURE__*/_react.default.createElement(_OverviewScaleBar.Cytobands, {
-    overview: overview,
-    assembly: assembly,
-    block: block
-  }), /*#__PURE__*/_react.default.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
-  }), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(0,".concat(_.HEADER_OVERVIEW_HEIGHT, ")")
-  }, /*#__PURE__*/_react.default.createElement(_OverviewScaleBar.Polygon, {
-    overview: overview,
-    model: model,
-    useOffset: false
-  }))) : null, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(0 ".concat(fontSize + cytobandHeight, ")")
-  }, /*#__PURE__*/_react.default.createElement(ScaleBar, {
-    model: model,
-    fontSize: fontSize
-  })), /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(0 ".concat(rulerHeight + cytobandHeight, ")")
-  }, /*#__PURE__*/_react.default.createElement(SVGRuler, {
-    model: model,
-    fontSize: fontSize,
-    width: width
-  })));
-}; // SVG component, region separator
-
-
-var SVGRegionSeparators = function SVGRegionSeparators(_ref4) {
-  var model = _ref4.model,
-      height = _ref4.height;
-  var dynamicBlocks = model.dynamicBlocks,
-      offsetPx = model.offsetPx,
-      interRegionPaddingWidth = model.interRegionPaddingWidth;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(function (block) {
-    return /*#__PURE__*/_react.default.createElement("rect", {
-      key: block.key,
-      x: block.offsetPx - offsetPx - interRegionPaddingWidth,
-      width: interRegionPaddingWidth,
-      y: 0,
-      height: height,
-      stroke: "none",
-      fill: "grey"
+var totalHeight = function (tracks) {
+    return tracks.reduce(function (accum, track) {
+        var display = track.displays[0];
+        return accum + display.height + paddingHeight + textHeight;
+    }, 0);
+};
+// SVG component, ruler and assembly name
+var SVGHeader = function (_a) {
+    var model = _a.model;
+    var width = model.width, assemblyNames = model.assemblyNames, showCytobands = model.showCytobands, displayedRegions = model.displayedRegions;
+    var assemblyManager = (0, util_1.getSession)(model).assemblyManager;
+    var assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
+    var assembly = assemblyManager.get(assemblyName);
+    var overview = Base1DViewModel_1.default.create({
+        displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
+        interRegionPaddingWidth: 0,
+        minimumBlockWidth: model.minimumBlockWidth,
     });
-  }));
-}; // SVG component, tracks
-
-
-function SVGTracks(_ref5) {
-  var displayResults = _ref5.displayResults,
-      model = _ref5.model,
-      offset = _ref5.offset;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayResults.map(function (_ref6) {
-    var track = _ref6.track,
-        result = _ref6.result;
-    var current = offset;
-    var trackName = (0, _configuration.getConf)(track, 'name') || "Reference sequence (".concat((0, _configuration.readConfObject)((0, _mobxStateTree.getParent)(track.configuration), 'name'), ")");
-    var display = track.displays[0];
-    offset += display.height + paddingHeight + textHeight;
-    return /*#__PURE__*/_react.default.createElement("g", {
-      key: track.configuration.trackId,
-      transform: "translate(0 ".concat(current, ")")
-    }, /*#__PURE__*/_react.default.createElement("text", {
-      fontSize: fontSize,
-      x: Math.max(-model.offsetPx, 0)
-    }, trackName), /*#__PURE__*/_react.default.createElement("g", {
-      transform: "translate(0 ".concat(textHeight, ")")
-    }, result, /*#__PURE__*/_react.default.createElement(SVGRegionSeparators, {
-      model: model,
-      height: display.height
+    var visibleRegions = model.dynamicBlocks.contentBlocks;
+    overview.setVolatileWidth(width);
+    overview.showAllRegions();
+    var block = overview.dynamicBlocks.contentBlocks[0];
+    var first = visibleRegions[0];
+    var firstOverviewPx = overview.bpToPx(__assign(__assign({}, first), { coord: first.reversed ? first.end : first.start })) || 0;
+    var last = visibleRegions[visibleRegions.length - 1];
+    var lastOverviewPx = overview.bpToPx(__assign(__assign({}, last), { coord: last.reversed ? last.start : last.end })) || 0;
+    var cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
+    return (react_1.default.createElement("g", { id: "header" },
+        react_1.default.createElement("text", { x: 0, y: fontSize, fontSize: fontSize }, assemblyName),
+        showCytobands ? (react_1.default.createElement("g", { transform: "translate(0 ".concat(rulerHeight, ")") },
+            react_1.default.createElement(OverviewScaleBar_1.Cytobands, { overview: overview, assembly: assembly, block: block }),
+            react_1.default.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: __1.HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
+            react_1.default.createElement("g", { transform: "translate(0,".concat(__1.HEADER_OVERVIEW_HEIGHT, ")") },
+                react_1.default.createElement(OverviewScaleBar_1.Polygon, { overview: overview, model: model, useOffset: false })))) : null,
+        react_1.default.createElement("g", { transform: "translate(0 ".concat(fontSize + cytobandHeight, ")") },
+            react_1.default.createElement(ScaleBar, { model: model, fontSize: fontSize })),
+        react_1.default.createElement("g", { transform: "translate(0 ".concat(rulerHeight + cytobandHeight, ")") },
+            react_1.default.createElement(SVGRuler, { model: model, fontSize: fontSize, width: width }))));
+};
+// SVG component, region separator
+var SVGRegionSeparators = function (_a) {
+    var model = _a.model, height = _a.height;
+    var dynamicBlocks = model.dynamicBlocks, offsetPx = model.offsetPx, interRegionPaddingWidth = model.interRegionPaddingWidth;
+    return (react_1.default.createElement(react_1.default.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(function (block) { return (react_1.default.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(_a) {
+    var displayResults = _a.displayResults, model = _a.model, offset = _a.offset;
+    return (react_1.default.createElement(react_1.default.Fragment, null, displayResults.map(function (_a) {
+        var track = _a.track, result = _a.result;
+        var current = offset;
+        var trackName = (0, configuration_1.getConf)(track, 'name') ||
+            "Reference sequence (".concat((0, configuration_1.readConfObject)((0, mobx_state_tree_1.getParent)(track.configuration), 'name'), ")");
+        var display = track.displays[0];
+        offset += display.height + paddingHeight + textHeight;
+        return (react_1.default.createElement("g", { key: track.configuration.trackId, transform: "translate(0 ".concat(current, ")") },
+            react_1.default.createElement("text", { fontSize: fontSize, x: Math.max(-model.offsetPx, 0) }, trackName),
+            react_1.default.createElement("g", { transform: "translate(0 ".concat(textHeight, ")") },
+                result,
+                react_1.default.createElement(SVGRegionSeparators, { model: model, height: display.height }))));
     })));
-  }));
-} // render LGV to SVG
-
-
-function renderToSvg(_x, _x2) {
-  return _renderToSvg.apply(this, arguments);
 }
-
-function _renderToSvg() {
-  _renderToSvg = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(model, opts) {
-    var width, tracks, showCytobands, shift, offset, height, displayResults;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return (0, _mobx.when)(function () {
-              return model.initialized;
-            });
-
-          case 2:
-            width = model.width, tracks = model.tracks, showCytobands = model.showCytobands;
-            shift = 50;
-            offset = headerHeight + rulerHeight + (showCytobands ? cytobandHeightIfExists : 0) + 20;
-            height = totalHeight(tracks) + offset;
-            _context2.next = 8;
-            return Promise.all(tracks.map( /*#__PURE__*/function () {
-              var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(track) {
-                var display, result;
-                return _regenerator.default.wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        display = track.displays[0];
-                        _context.next = 3;
-                        return (0, _mobx.when)(function () {
-                          return display.ready !== undefined ? display.ready : true;
-                        });
-
-                      case 3:
-                        _context.next = 5;
-                        return display.renderSvg(opts);
-
-                      case 5:
-                        result = _context.sent;
-                        return _context.abrupt("return", {
-                          track: track,
-                          result: result
-                        });
-
-                      case 7:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3) {
-                return _ref7.apply(this, arguments);
-              };
-            }()));
-
-          case 8:
-            displayResults = _context2.sent;
-            return _context2.abrupt("return", (0, _server.renderToStaticMarkup)( /*#__PURE__*/_react.default.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()
-            }, /*#__PURE__*/_react.default.createElement("rect", {
-              width: width + shift * 2,
-              height: height,
-              fill: "white"
-            }), /*#__PURE__*/_react.default.createElement("g", {
-              stroke: "none",
-              transform: "translate(".concat(shift, " ").concat(fontSize, ")")
-            }, /*#__PURE__*/_react.default.createElement(SVGHeader, {
-              model: model
-            }), /*#__PURE__*/_react.default.createElement(SVGTracks, {
-              model: model,
-              displayResults: displayResults,
-              offset: offset
-            })))));
-
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _renderToSvg.apply(this, arguments);
-}
+// render LGV to SVG
+function renderToSvg(model, opts) {
+    return __awaiter(this, void 0, void 0, function () {
+        var width, tracks, showCytobands, shift, offset, height, displayResults;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, mobx_1.when)(function () { return model.initialized; })];
+                case 1:
+                    _a.sent();
+                    width = model.width, tracks = model.tracks, showCytobands = model.showCytobands;
+                    shift = 50;
+                    offset = headerHeight +
+                        rulerHeight +
+                        (showCytobands ? cytobandHeightIfExists : 0) +
+                        20;
+                    height = totalHeight(tracks) + offset;
+                    return [4 /*yield*/, Promise.all(tracks.map(function (track) { return __awaiter(_this, void 0, void 0, function () {
+                            var display, result;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        display = track.displays[0];
+                                        return [4 /*yield*/, (0, mobx_1.when)(function () { return (display.ready !== undefined ? display.ready : true); })];
+                                    case 1:
+                                        _a.sent();
+                                        return [4 /*yield*/, display.renderSvg(opts)];
+                                    case 2:
+                                        result = _a.sent();
+                                        return [2 /*return*/, { track: track, result: result }];
+                                }
+                            });
+                        }); }))
+                        // the xlink namespace is used for rendering <image> tag
+                    ];
+                case 2:
+                    displayResults = _a.sent();
+                    // the xlink namespace is used for rendering <image> tag
+                    return [2 /*return*/, (0, server_1.renderToStaticMarkup)(react_1.default.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_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: "white" }),
+                            react_1.default.createElement("g", { stroke: "none", transform: "translate(".concat(shift, " ").concat(fontSize, ")") },
+                                react_1.default.createElement(SVGHeader, { model: model }),
+                                react_1.default.createElement(SVGTracks, { model: model, displayResults: displayResults, offset: offset }))))];
+            }
+        });
+    });
+}
+exports.renderToSvg = renderToSvg;
+//# sourceMappingURL=LinearGenomeViewSvg.js.map

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

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