@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/blocklet/router/domain-status.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DomainStatus;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Https = _interopRequireDefault(require("@mui/icons-material/Https"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _dot = _interopRequireDefault(require("../../dot"));
+var _types = require("../types");
+var _util = require("../../util");
+var _certificate = _interopRequireDefault(require("../../certificate"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DomainStatus(_ref) {
+  let {
+    domain,
+    filters
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    value: name,
+    domainStatus
+  } = domain;
+  if (!(0, _util.shouldCheckDomainStatus)(name)) {
+    return null;
+  }
+  let domainIcon = null;
+  let httpsIcon = null;
+  const {
+    isHttps,
+    matchedCert
+  } = domainStatus;
+  if (!(0, _util.checkIsWildcardDomain)(name)) {
+    const {
+      dns: {
+        resolved,
+        ip
+      } = {}
+    } = domainStatus;
+    if (resolved || ip === '127.0.0.1') {
+      domainIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('router.domain.verify.ok'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dot.default, {
+          color: "success"
+        })
+      });
+    } else {
+      domainIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('router.domain.verify.notResolved'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dot.default, {
+          color: "error"
+        })
+      });
+    }
+  }
+  if (isHttps) {
+    httpsIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_certificate.default, {
+      certificate: matchedCert
+    });
+  } else {
+    httpsIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('router.domain.https.bad'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Https.default, {
+        style: {
+          color: '#D0021B',
+          fontSize: 20,
+          marginLeft: 8,
+          cursor: 'pointer'
+        }
+      })
+    });
+  }
+  const items = filters.map(x => {
+    if (x === 'domain') {
+      return domainIcon;
+    }
+    if (x === 'http') {
+      return httpsIcon;
+    }
+    return null;
+  });
+  return /*#__PURE__*/(0, _react.createElement)(_react.Fragment, null, ...items);
+}
+DomainStatus.propTypes = {
+  domain: _types.DomainType.isRequired,
+  filters: _propTypes.default.array
+};
+DomainStatus.defaultProps = {
+  filters: ['domain', 'http']
+};

package/lib/blocklet/router/rule-actions.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RuleActions;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/SettingsOutlined"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _blocklet = require("../../contexts/blocklet");
+var _deleteRule = _interopRequireDefault(require("./action/delete-rule"));
+var _updateRule = _interopRequireDefault(require("./action/update-rule"));
+var _util = require("../../util");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { _defineProperty(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function RuleActions(rule) {
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    blocklet,
+    recommendedDomain: domain
+  } = (0, _blocklet.useBlockletContext)();
+  const href = (0, _util.getAccessUrl)(domain, rule.from.pathPrefix, (0, _util.getBlockletUrlParams)(blocklet, locale));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    display: "flex",
+    alignItems: "center",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      target: "_blank",
+      href: href,
+      rel: "noopener noreferrer",
+      title: href,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {})
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_updateRule.default, _objectSpread(_objectSpread({}, rule), {}, {
+      children: _ref => {
+        let {
+          open: o
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          onClick: o,
+          disabled: rule.isProtected,
+          "data-cy": "action-update-rule",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsOutlined.default, {})
+        });
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteRule.default, _objectSpread(_objectSpread({}, rule), {}, {
+      children: _ref2 => {
+        let {
+          open
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          onClick: open,
+          disabled: rule.isProtected,
+          "data-cy": "action-delete-rule",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {})
+        });
+      }
+    }))]
+  });
+}
+RuleActions.propTypes = {
+  isProtected: _propTypes.default.bool
+};
+RuleActions.defaultProps = {
+  isProtected: false
+};

package/lib/blocklet/router/rule-list.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RuleListWithPermission;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _isUrl = _interopRequireDefault(require("is-url"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@abtnode/constant");
+var _util = require("../../util");
+var _blocklet = require("../../contexts/blocklet");
+var _node = require("../../contexts/node");
+var _permission = require("../../permission");
+var _line = _interopRequireDefault(require("../component/line"));
+var _ruleActions = _interopRequireDefault(require("./rule-actions"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { _defineProperty(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function RedirectRule(_ref) {
+  let {
+    domain,
+    isHttps,
+    toUrl
+  } = _ref;
+  const scheme = isHttps ? 'https' : 'http';
+  let tmpToUrl = toUrl;
+  if (!(0, _isUrl.default)(tmpToUrl)) {
+    tmpToUrl = "".concat(scheme, "://").concat(domain).concat(toUrl);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+    href: tmpToUrl,
+    target: "_blank",
+    style: {
+      fontSize: 14
+    },
+    underline: "hover",
+    children: toUrl
+  }, tmpToUrl);
+}
+RedirectRule.propTypes = {
+  domain: _propTypes.default.string.isRequired,
+  toUrl: _propTypes.default.string.isRequired,
+  isHttps: _propTypes.default.bool
+};
+RedirectRule.defaultProps = {
+  isHttps: false
+};
+function RuleList(_ref2) {
+  let {
+    hasPermission
+  } = _ref2;
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const theme = (0, _useTheme.default)();
+  const {
+    blocklet,
+    recommendedDomain: domain
+  } = (0, _blocklet.useBlockletContext)();
+  const rules = blocklet.site.rules.filter(rule => rule.to.did !== blocklet.meta.did).filter(rule => rule.to.type !== _constant.ROUTING_RULE_TYPES.BLOCKLET);
+  return rules.map(rule => {
+    let avatarName = '';
+    if (rule.to.type === _constant.ROUTING_RULE_TYPES.NONE) {
+      avatarName = '404';
+    } else if (rule.to.type === _constant.ROUTING_RULE_TYPES.REDIRECT) {
+      avatarName = rule.to.redirectCode;
+    }
+    const action = rule.isProtected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('blocklet.router.urlLockTooltip'),
+      placement: "top",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        disabled: true,
+        size: "large",
+        style: {
+          pointerEvents: 'auto',
+          // padding replace to margin, fix the tooltip position
+          paddingTop: 0,
+          paddingBottom: 0,
+          margin: '12px 0'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockIcon.default, {
+          style: {
+            fill: theme.palette.text.disabled
+          }
+        })
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ruleActions.default, _objectSpread({}, rule));
+    return [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      py: 2,
+      className: "component-item",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        width: {
+          xs: 300,
+          md: 400
+        },
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          width: 28
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+          children: avatarName
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          ml: "16px",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            style: {
+              color: '#222',
+              fontSize: 18
+            },
+            children: [rule.to.type === _constant.ROUTING_RULE_TYPES.NONE && t('common.page404'), rule.to.type === _constant.ROUTING_RULE_TYPES.REDIRECT && t('common.redirect')]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            display: "flex",
+            alignItems: "center",
+            children: rule.to.type === _constant.ROUTING_RULE_TYPES.REDIRECT && /*#__PURE__*/(0, _jsxRuntime.jsx)(RedirectRule, {
+              domain: domain,
+              toUrl: rule.to.url
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        px: 2,
+        sx: {
+          display: {
+            xs: 'none',
+            md: 'flex'
+          }
+        },
+        alignItems: "center",
+        flexGrow: "1",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          href: (0, _util.getAccessUrl)(domain, rule.from.pathPrefix, (0, _util.getBlockletUrlParams)(blocklet, locale)),
+          target: "_blank",
+          style: {
+            fontSize: 18
+          },
+          underline: "hover",
+          children: rule.from.pathPrefix
+        })
+      }, rule.from.pathPrefix), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: hasPermission && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            textAlign: 'right'
+          },
+          children: action
+        })
+      }, "actions")]
+    }, "group-not-gateway-box"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_line.default, {})];
+  });
+}
+RuleList.propTypes = {
+  hasPermission: _propTypes.default.bool
+};
+RuleList.defaultProps = {
+  hasPermission: false
+};
+const RuleListInDaemon = (0, _permission.withPermission)(RuleList, 'mutate_blocklets');
+const RuleListInService = (0, _permission.withPermission)(RuleList, '', _util.BlockletAdminRoles);
+function RuleListWithPermission(props) {
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  if (inService) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RuleListInService, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RuleListInDaemon, _objectSpread({}, props));
+}

package/lib/blocklet/router/util.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateSite = exports.validateRule = exports.validatePathPrefix = exports.validateDomain = exports.isSpecialDomain = exports.getInitialBlockletDid = void 0;
+var _constant = require("@abtnode/constant");
+var _isPathPrefixEqual = _interopRequireDefault(require("@abtnode/util/lib/is-path-prefix-equal"));
+var _constant2 = require("@blocklet/constant");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable import/prefer-default-export */
+
+const validateRuleByServiceType = (params, localeContext) => {
+  if (params.type === _constant.ROUTING_RULE_TYPES.REDIRECT) {
+    if (!params.url) {
+      return new Error("".concat(localeContext('router.validation.redirectUrlRequired')));
+    }
+    if (!params.redirectCode) {
+      return new Error("redirect ".concat(localeContext('router.validation.redirectCodeRequired')));
+    }
+  } else if (params.type === _constant.ROUTING_RULE_TYPES.BLOCKLET) {
+    if (!params.did) {
+      return new Error(localeContext('router.validation.didRequired'));
+    }
+  }
+  return null;
+};
+const validateDomain = (domain, localeContext) => {
+  if (!domain) {
+    return localeContext('router.domain.validate.emptyTip');
+  }
+  if (domain.endsWith(_constant.DEFAULT_IP_DOMAIN_SUFFIX)) {
+    return localeContext('router.domain.validate.suffixTip', {
+      suffix: _constant.DEFAULT_IP_DOMAIN_SUFFIX
+    });
+  }
+  return null;
+};
+
+/**
+ * form validator of add site(add domain)
+ * @param {Object} params form params
+ * @param {Function} localeContext error message
+ */
+exports.validateDomain = validateDomain;
+const validateSite = (params, localeContext) => {
+  const validateResult = validateRuleByServiceType(params, localeContext);
+  if (validateResult) {
+    return validateResult;
+  }
+  const errMsg = validateDomain(params.domain, localeContext);
+  if (errMsg) {
+    return new Error(errMsg);
+  }
+  return null;
+};
+
+/**
+ * form validator of add_rule and update_rule
+ * @param {Object} params form params
+ * @param {Function} localeContext error message
+ */
+exports.validateSite = validateSite;
+const validateRule = (params, localeContext) => {
+  const validateResult = validateRuleByServiceType(params, localeContext);
+  if (validateResult) {
+    return validateResult;
+  }
+  if (!params.pathPrefix.length) {
+    return new Error(localeContext('router.validation.pathPrefixCannotBeEmpty'));
+  }
+  if (params.pathPrefix.length > 150) {
+    return new Error(localeContext('router.validation.pathPrefixTooLong', {
+      length: 150
+    }));
+  }
+  return null;
+};
+exports.validateRule = validateRule;
+const validatePathPrefix = _ref => {
+  let {
+    params,
+    blocklets,
+    blocklet: curBlocklet,
+    locale = 'en'
+  } = _ref;
+  // validate children
+  if (curBlocklet) {
+    let exist = (curBlocklet.children || []).find(x => (0, _isPathPrefixEqual.default)(x.mountPoint, params.pathPrefix));
+    if (curBlocklet.meta.group !== 'gateway' && params.pathPrefix === '/') {
+      exist = '/';
+    }
+    if (exist) {
+      return {
+        zh: "\u6302\u8F7D\u70B9 ".concat(params.pathPrefix, " \u5DF2\u5B58\u5728\uFF0C\u8BF7\u4F7F\u7528\u5176\u4ED6\u6302\u8F7D\u70B9"),
+        en: "The mount point ".concat(params.pathPrefix, " already exist, please use another mount point")
+      }[locale];
+    }
+  }
+  const blocklet = blocklets.find(item => item.meta.did === params.did);
+  if (!blocklet) {
+    return '';
+  }
+  const selected = blocklet.meta.interfaces.find(x => x.type === 'web');
+  if (!selected) {
+    return '';
+  }
+  if (selected.prefix !== _constant2.BLOCKLET_DYNAMIC_PATH_PREFIX && params.pathPrefix !== selected.prefix) {
+    return {
+      zh: "\u8BE5 blocklet \u53EA\u80FD\u6302\u8F7D\u5728 ".concat(selected.prefix),
+      en: "This blocklet can only be mounted on ".concat(selected.prefix)
+    }[locale];
+  }
+  return '';
+};
+
+/**
+ * get initial blocklet did when add rule / update rule / add domain
+ * @param {array} blocklets
+ */
+exports.validatePathPrefix = validatePathPrefix;
+const getInitialBlockletDid = blocklets => {
+  if (blocklets.length === 0) {
+    return '';
+  }
+  const {
+    searchParams
+  } = new URL(window.location.href);
+  const fromDid = searchParams.get('fromDid');
+  if (fromDid) {
+    const blocklet = blocklets.find(x => x.meta.did === fromDid);
+    if (blocklet) {
+      return blocklet.meta.did;
+    }
+  }
+  return blocklets[0].meta.did;
+};
+exports.getInitialBlockletDid = getInitialBlockletDid;
+const isSpecialDomain = name => {
+  const specialDomains = [_constant.DOMAIN_FOR_IP_SITE_REGEXP, _constant.DOMAIN_FOR_DEFAULT_SITE, _constant.DOMAIN_FOR_IP_SITE];
+  if (typeof window !== 'undefined' && typeof window.location !== 'undefined') {
+    specialDomains.push(window.location.hostname);
+  }
+  return specialDomains.includes(name);
+};
+exports.isSpecialDomain = isSpecialDomain;

package/lib/blocklet/runtime-info.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletRuntimeInfo;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _cpu = _interopRequireDefault(require("../monitor/cpu"));
+var _memory = _interopRequireDefault(require("../monitor/memory"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["blocklet", "cpuHistory", "memoryHistory"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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) { _defineProperty(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function BlockletRuntimeInfo(_ref) {
+  let {
+      blocklet,
+      cpuHistory,
+      memoryHistory
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const runtimeInfo = blocklet.appRuntimeInfo || {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
+    component: "div"
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+      className: "page-metrics",
+      container: true,
+      spacing: 5,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+        item: true,
+        lg: 4,
+        md: 6,
+        sm: 6,
+        xs: 12,
+        children: !!cpuHistory.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cpu.default, {
+          currentLoad: runtimeInfo.cpuUsage || 0,
+          history: cpuHistory,
+          style: {
+            height: 150
+          },
+          hideDescription: true
+        })
+      }, "cpu"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+        item: true,
+        lg: 4,
+        md: 6,
+        sm: 6,
+        xs: 12,
+        children: !!memoryHistory.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_memory.default, {
+          used: runtimeInfo.memoryUsage || 0,
+          history: memoryHistory,
+          style: {
+            height: 150
+          },
+          hideDescription: true
+        })
+      }, "memory")]
+    })
+  }));
+}
+BlockletRuntimeInfo.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  cpuHistory: _propTypes.default.arrayOf(_propTypes.default.shape({
+    date: _propTypes.default.number,
+    value: _propTypes.default.number
+  })),
+  memoryHistory: _propTypes.default.arrayOf(_propTypes.default.shape({
+    date: _propTypes.default.number,
+    value: _propTypes.default.number
+  }))
+};
+BlockletRuntimeInfo.defaultProps = {
+  cpuHistory: [],
+  memoryHistory: []
+};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));