@jbrowse/core 2.0.1 → 2.1.0

package/ui/AboutDialog.js

@@ -1,168 +1,112 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AboutDialog;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-
-var _material = require("@mui/material");
-
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
-var _mui = require("tss-react/mui");
-
-var _configuration = require("../configuration");
-
-var _util = require("../util");
-
-var _BaseFeatureDetail = require("../BaseFeatureWidget/BaseFeatureDetail");
-
-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; }
-
-var useStyles = (0, _mui.makeStyles)()(function (theme) {
-  return {
-    closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
+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;
 });
-
-function AboutDialog(_ref) {
-  var config = _ref.config,
-      handleClose = _ref.handleClose;
-
-  var _useStyles = useStyles(),
-      classes = _useStyles.classes;
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      info = _useState2[0],
-      setInfo = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      copied = _useState6[0],
-      setCopied = _useState6[1];
-
-  var session = (0, _util.getSession)(config);
-  var rpcManager = session.rpcManager;
-  var conf = (0, _configuration.readConfObject)(config);
-  (0, _react.useEffect)(function () {
-    var aborter = new AbortController();
-    var signal = aborter.signal;
-    var cancelled = false;
-    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var adapterConfig, result;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              adapterConfig = (0, _configuration.readConfObject)(config, 'adapter');
-              _context.next = 4;
-              return rpcManager.call(config.trackId, 'CoreGetInfo', {
-                adapterConfig: adapterConfig,
-                signal: signal
-              });
-
-            case 4:
-              result = _context.sent;
-
-              if (!cancelled) {
-                setInfo(result);
-              }
-
-              _context.next = 11;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
-
-              if (!cancelled) {
-                console.error(_context.t0);
-                setError(_context.t0);
-              }
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 8]]);
-    }))();
-    return function () {
-      aborter.abort();
-      cancelled = true;
-    };
-  }, [config, rpcManager]);
-  var trackName = (0, _configuration.readConfObject)(config, 'name');
-
-  if ((0, _configuration.readConfObject)(config, 'type') === 'ReferenceSequenceTrack') {
-    var asm = session.assemblies.find(function (a) {
-      return a.sequence === config.configuration;
-    });
-    trackName = asm ? "Reference Sequence (".concat((0, _configuration.readConfObject)(asm, 'name'), ")") : 'Reference Sequence';
-  }
-
-  var details = typeof info === 'string' ? {
-    header: "<pre>".concat(info.replace(/</g, '&lt;').replace(/>/g, '&gt;'), "</pre>")
-  } : info || {};
-  return /*#__PURE__*/_react.default.createElement(_material.Dialog, {
-    open: true,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_material.DialogTitle, null, trackName, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    className: classes.closeButton,
-    onClick: function onClick() {
-      return handleClose();
+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 copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
+const material_1 = require("@mui/material");
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const mui_1 = require("tss-react/mui");
+const configuration_1 = require("../configuration");
+const util_1 = require("../util");
+const BaseFeatureDetail_1 = require("../BaseFeatureWidget/BaseFeatureDetail");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
     },
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, null, /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, {
-    title: "Configuration"
-  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
-    variant: "contained",
-    style: {
-      float: 'right'
+    content: {
+        minWidth: 800,
     },
-    onClick: function onClick() {
-      (0, _copyToClipboard.default)(JSON.stringify(conf, null, 2));
-      setCopied(true);
-      setTimeout(function () {
-        return setCopied(false);
-      }, 1000);
+}));
+function AboutDialog({ config, handleClose, }) {
+    const { classes } = useStyles();
+    const [info, setInfo] = (0, react_1.useState)();
+    const [error, setError] = (0, react_1.useState)();
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const session = (0, util_1.getSession)(config);
+    const { rpcManager } = session;
+    const conf = (0, configuration_1.readConfObject)(config);
+    (0, react_1.useEffect)(() => {
+        const aborter = new AbortController();
+        const { signal } = aborter;
+        let cancelled = false;
+        (async () => {
+            try {
+                const adapterConfig = (0, configuration_1.readConfObject)(config, 'adapter');
+                const result = await rpcManager.call(config.trackId, 'CoreGetInfo', {
+                    adapterConfig,
+                    signal,
+                });
+                if (!cancelled) {
+                    setInfo(result);
+                }
+            }
+            catch (e) {
+                if (!cancelled) {
+                    console.error(e);
+                    setError(e);
+                }
+            }
+        })();
+        return () => {
+            aborter.abort();
+            cancelled = true;
+        };
+    }, [config, rpcManager]);
+    let trackName = (0, configuration_1.readConfObject)(config, 'name');
+    if ((0, configuration_1.readConfObject)(config, 'type') === 'ReferenceSequenceTrack') {
+        const asm = session.assemblies.find(a => a.sequence === config.configuration);
+        trackName = asm
+            ? `Reference Sequence (${(0, configuration_1.readConfObject)(asm, 'name')})`
+            : 'Reference Sequence';
     }
-  }, copied ? 'Copied to clipboard!' : 'Copy config'), /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.Attributes, {
-    attributes: conf,
-    omit: ['displays', 'baseUri', 'refNames']
-  })), info !== null ? /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, {
-    title: "File info"
-  }, error ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    color: "error"
-  }, "".concat(error)) : info === undefined ? 'Loading file data...' : /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.Attributes, {
-    attributes: details
-  })) : null));
-}
+    const details = typeof info === 'string'
+        ? {
+            header: `<pre>${info
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')}</pre>`,
+        }
+        : info || {};
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose, maxWidth: "xl" },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            trackName,
+            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => handleClose(), size: "large" },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
+            react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "Configuration" },
+                react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
+                        (0, copy_to_clipboard_1.default)(JSON.stringify(conf, null, 2));
+                        setCopied(true);
+                        setTimeout(() => setCopied(false), 1000);
+                    } }, copied ? 'Copied to clipboard!' : 'Copy config'),
+                react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: conf, omit: ['displays', 'baseUri', 'refNames'] })),
+            info !== null ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "File info" }, error ? (react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`)) : info === undefined ? ('Loading file data...') : (react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: details })))) : null)));
+}
+exports.default = AboutDialog;