@jbrowse/core 1.7.8 → 1.7.11

package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js

@@ -143,11 +143,7 @@ var ComparativeServerSideRenderer = /*#__PURE__*/function (_ServerSideRenderer)
   }, {
     key: "featurePassesFilters",
     value: function featurePassesFilters(renderArgs, feature) {
-      if (!renderArgs.filters) {
-        return true;
-      }
-
-      return renderArgs.filters.passes(feature, renderArgs);
+      return renderArgs.filters ? renderArgs.filters.passes(feature, renderArgs) : true;
     }
   }, {
     key: "getFeatures",
@@ -155,13 +151,13 @@ var ComparativeServerSideRenderer = /*#__PURE__*/function (_ServerSideRenderer)
       var _getFeatures = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(renderArgs) {
         var _this = this;
 
-        var signal, sessionId, adapterConfig, _yield$getAdapter, dataAdapter, regions, requestRegions, featureObservable;
+        var sessionId, adapterConfig, _yield$getAdapter, dataAdapter, regions, requestRegions;
 
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                signal = renderArgs.signal, sessionId = renderArgs.sessionId, adapterConfig = renderArgs.adapterConfig;
+                sessionId = renderArgs.sessionId, adapterConfig = renderArgs.adapterConfig;
                 _context3.next = 3;
                 return (0, _dataAdapterCache.getAdapter)(this.pluginManager, sessionId, adapterConfig);
 
@@ -197,15 +193,11 @@ var ComparativeServerSideRenderer = /*#__PURE__*/function (_ServerSideRenderer)
                   return requestRegion;
                 }); // note that getFeaturesInMultipleRegions does not do glyph expansion
 
-                featureObservable = dataAdapter.getFeaturesInMultipleRegions(requestRegions, {
-                  signal: signal
-                });
-                return _context3.abrupt("return", featureObservable.pipe( // @ts-ignore
-                (0, _operators.filter)(function (feature) {
-                  return _this.featurePassesFilters(renderArgs, feature);
+                return _context3.abrupt("return", dataAdapter.getFeaturesInMultipleRegions(requestRegions, renderArgs).pipe((0, _operators.filter)(function (f) {
+                  return _this.featurePassesFilters(renderArgs, f);
                 }), (0, _operators.toArray)()).toPromise());
 
-              case 13:
+              case 12:
               case "end":
                 return _context3.stop();
             }

package/pluggableElementTypes/renderers/ServerSideRendererType.d.ts

@@ -29,6 +29,12 @@ export type { RenderResults };
 export interface ResultsSerialized extends Omit<RenderResults, 'reactElement'> {
     html: string;
 }
+export interface ResultsSerializedSvgExport extends ResultsSerialized {
+    canvasRecordedData: unknown;
+    width: number;
+    height: number;
+    reactElement: unknown;
+}
 export declare type ResultsDeserialized = RenderResults;
 export default class ServerSideRenderer extends RendererType {
     /**

package/pluggableElementTypes/renderers/ServerSideRendererType.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,6 +33,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _canvasSequencer = require("canvas-sequencer");
+
 var _server = require("react-dom/server");
 
 var _mobxStateTree = require("mobx-state-tree");
@@ -47,6 +51,10 @@ var _ServerSideRenderedContent = _interopRequireDefault(require("./ServerSideRen
 
 var _excluded = ["html"];
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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; }
@@ -55,6 +63,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+function isSvgExport(elt) {
+  return 'canvasRecordedData' in elt;
+}
+
 var ServerSideRenderer = /*#__PURE__*/function (_RendererType) {
   (0, _inherits2.default)(ServerSideRenderer, _RendererType);
 
@@ -164,13 +176,43 @@ var ServerSideRenderer = /*#__PURE__*/function (_RendererType) {
     key: "renderInClient",
     value: function () {
       var _renderInClient = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(rpcManager, args) {
+        var results, width, height, canvasRecordedData, C2S, ctx, seq, str;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", rpcManager.call(args.sessionId, 'CoreRender', args));
+                _context.next = 2;
+                return rpcManager.call(args.sessionId, 'CoreRender', args);
+
+              case 2:
+                results = _context.sent;
+
+                if (!isSvgExport(results)) {
+                  _context.next = 14;
+                  break;
+                }
+
+                width = results.width, height = results.height, canvasRecordedData = results.canvasRecordedData;
+                _context.next = 7;
+                return Promise.resolve().then(function () {
+                  return _interopRequireWildcard(require('canvas2svg'));
+                });
+
+              case 7:
+                C2S = _context.sent;
+                ctx = new C2S.default(width, height);
+                seq = new _canvasSequencer.CanvasSequence(canvasRecordedData);
+                seq.execute(ctx);
+                str = ctx.getSvg(); // innerHTML strips the outer <svg> element from returned data, we add
+                // our own <svg> element in the view's SVG export
+
+                results.html = str.innerHTML;
+                delete results.reactElement;
+
+              case 14:
+                return _context.abrupt("return", results);
 
-              case 1:
+              case 15:
               case "end":
                 return _context.stop();
             }

package/pluggableElementTypes/renderers/declare.d.js

@@ -0,0 +1 @@
+"use strict";