@abtnode/ux 1.8.25 → 1.8.27

package/lib/blocklet/disk-info.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletDiskInfo;
+
+var _react = require("react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _filesize = _interopRequireDefault(require("filesize"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+const _excluded = ["blocklet"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 BlockletDiskInfo(_ref) {
+  let {
+    blocklet
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+
+  if (!blocklet.diskInfo) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: t('blocklet.diskInfo.empty')
+    });
+  }
+
+  const renderDiskInfo = (dir, size, handler) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+    children: [handler ?
+    /*#__PURE__*/
+
+    /* eslint-disable-next-line no-script-url, jsx-a11y/anchor-is-valid */
+    (0, _jsxRuntime.jsx)(_Link.default, {
+      style: {
+        cursor: 'pointer'
+      },
+      onClick: handler,
+      underline: "hover",
+      children: dir
+    }) : dir, ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+      children: size ? (0, _filesize.default)(size) : 'empty'
+    })]
+  });
+
+  const env = blocklet.environments.reduce((acc, x) => {
+    acc[x.key] = x.value;
+    return acc;
+  }, {});
+  const rows = [{
+    name: t('blocklet.diskInfo.appDir'),
+    value: renderDiskInfo(env.BLOCKLET_APP_DIR, blocklet.diskInfo.app)
+  }, {
+    name: t('blocklet.diskInfo.dataDir'),
+    value: renderDiskInfo(env.BLOCKLET_DATA_DIR, blocklet.diskInfo.data)
+  }, {
+    name: t('blocklet.diskInfo.logDir'),
+    value: renderDiskInfo(env.BLOCKLET_LOG_DIR, blocklet.diskInfo.log, () => {
+      navigate("/logs/blocklet-".concat(blocklet.meta.did));
+    })
+  }, {
+    name: t('blocklet.diskInfo.cacheDir'),
+    value: renderDiskInfo(env.BLOCKLET_CACHE_DIR, blocklet.diskInfo.cache)
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
+    component: "div"
+  }, rest), {}, {
+    children: rows.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+      valueComponent: "div",
+      nameWidth: 120,
+      name: row.name,
+      children: row.value
+    }, row.name))
+  }));
+}
+
+BlockletDiskInfo.propTypes = {
+  blocklet: _propTypes.default.object.isRequired
+};
+BlockletDiskInfo.defaultProps = {};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));

package/lib/blocklet/icons.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+
+var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
+
+var _Stop = _interopRequireDefault(require("@mui/icons-material/Stop"));
+
+var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
+
+var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
+
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+
+var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
+
+var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  Start: _PlayArrow.default,
+  Stop: _Stop.default,
+  Restart: _Replay.default,
+  Reload: _Autorenew.default,
+  Remove: _Delete.default,
+  Config: _Settings.default,
+  Log: _Receipt.default,
+  Group: _Group.default
+};
+exports.default = _default;

package/lib/blocklet/log.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletLog;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
+var _util = require("@blocklet/meta/lib/util");
+
+var _logTerminal = require("../logs/log-terminal");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["blocklet"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+/**
+ * - heights:
+ *   - header: 64
+ *   - footer:
+ *     - xs: 57 + 64
+ *     - sm: 109 + 64
+ *   - main content top:
+ *     - xs: 211 + 32 + 16
+ *     - md: 160 + 32 + 16
+ * - content height:
+ *   - xs (Mobile) = 100vh - 444
+ *   - sm (Mobile) = 100vh - 508
+ *   - md (PC) = 100vh - 445
+ */
+function BlockletLog(_ref) {
+  let {
+    blocklet
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const initialData = ['Tip: this tab will only show runtime logs. Please go to "Blocklet Server" to view other lifecycle logs of the blocklet (install/start/stop...)', '\r\n\r\n'];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread({
+    height: {
+      xs: 'calc(100vh - 444px)',
+      sm: 'calc(100vh - 508px)',
+      md: 'calc(100vh - 445px)'
+    }
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_logTerminal.LogTerminalGroup, {
+      name: (0, _util.getDisplayName)(blocklet),
+      logId: "blocklet-".concat(blocklet.meta.did),
+      initialData: initialData
+    })
+  }));
+}
+
+BlockletLog.propTypes = {
+  blocklet: _propTypes.default.object.isRequired
+};

package/lib/blocklet/mode.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletMode;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tag = _interopRequireDefault(require("../tag"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["mode"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 BlockletMode(_ref) {
+  let {
+    mode
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  if (mode === 'development') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, _objectSpread(_objectSpread({
+      type: "primary"
+    }, rest), {}, {
+      children: "DEV"
+    }));
+  }
+
+  return null;
+}
+
+BlockletMode.propTypes = {
+  mode: _propTypes.default.string.isRequired
+};

package/lib/blocklet/overview.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletOverview;
+
+var _react = require("react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+
+var _util = require("@blocklet/meta/lib/util");
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _didAddress = _interopRequireDefault(require("../did-address"));
+
+var _blockletSource = _interopRequireDefault(require("./blocklet-source"));
+
+var _runtimeInfo = _interopRequireDefault(require("./runtime-info"));
+
+var _diskInfo = _interopRequireDefault(require("./disk-info"));
+
+var _status = _interopRequireDefault(require("./status"));
+
+var _version = _interopRequireDefault(require("./version"));
+
+var _util2 = require("../util");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+const _excluded = ["blocklet"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+const getEngineRows = (engine, t) => {
+  if (!engine) {
+    return [];
+  }
+
+  return [{
+    name: t('common.name'),
+    value: engine.displayName
+  }, {
+    name: t('common.description'),
+    value: engine.description
+  }, {
+    name: t('common.version'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+      children: engine.version
+    })
+  }];
+};
+
+function BlockletOverview(_ref) {
+  var _blocklet$settings;
+
+  let {
+    blocklet
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const {
+    value: appDid
+  } = (blocklet.environments || []).find(x => x.key === 'BLOCKLET_APP_ID') || {};
+  const infoRows = [appDid ? {
+    name: t('blocklet.appId'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: appDid
+    })
+  } : null, {
+    name: t('common.name'),
+    value: (0, _util.getDisplayName)(blocklet, true)
+  }, {
+    name: t('common.status'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_status.default, {
+      status: blocklet.status,
+      source: blocklet.source
+    })
+  }, {
+    name: t('common.version'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_version.default, {
+      blocklet: blocklet
+    })
+  }, {
+    name: t('common.group'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+      type: "success",
+      children: blocklet.meta.group
+    })
+  }, {
+    name: t('common.author'),
+    value: (0, _util2.formatPerson)(blocklet.meta.author)
+  }, {
+    name: t('blocklet.installedAt'),
+    value: (0, _util2.formatToDatetime)(blocklet.installedAt)
+  }, blocklet.status === 'running' ? {
+    name: t('blocklet.startedAt'),
+    value: (0, _util2.formatToDatetime)(blocklet.startedAt)
+  } : null, blocklet.status !== 'running' ? {
+    name: t('blocklet.stoppedAt'),
+    value: (0, _util2.formatToDatetime)(blocklet.stoppedAt)
+  } : null, {
+    name: t('blocklet.overview.source'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockletSource.default, {
+      sourceInfo: {
+        source: blocklet.source,
+        deployedFrom: blocklet.deployedFrom
+      },
+      blocklet: blocklet
+    })
+  }, {
+    name: t('blocklet.overview.deployedFrom'),
+    value: blocklet.deployedFrom || '-'
+  }, {
+    name: t('blocklet.overview.accessControl'),
+    value: t("team.whoCanAccess.".concat((0, _util.getWhoCanAccess)(blocklet), ".title"))
+  }, {
+    name: t('common.did'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: blocklet.meta.did
+    })
+  }, {
+    name: t('common.owner'),
+    value: (_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.owner ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: blocklet.settings.owner.did
+    }) : '--'
+  }].filter(Boolean);
+  const engineRows = getEngineRows(blocklet.engine, t);
+
+  const renderRows = rows => rows.map(row => {
+    if (row.name === t('common.did') || row.name === t('blocklet.appId')) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+        valueComponent: "div",
+        nameWidth: 120,
+        name: row.name,
+        nameFormatter: () => row.name,
+        children: row.value
+      }, row.name);
+    }
+
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+      valueComponent: "div",
+      nameWidth: 120,
+      name: row.name,
+      children: row.value
+    }, row.name);
+  });
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
+    component: "div"
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('common.basicInfo')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "basicInfo",
+      children: renderRows(infoRows)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "title",
+        children: t('common.runtimeInfo')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_runtimeInfo.default, {
+        blocklet: blocklet
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "title",
+        children: t('common.engine')
+      }), engineRows.map(_ref2 => {
+        let {
+          name,
+          value
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+          nameWidth: 120,
+          name: name,
+          children: value
+        }, name);
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: t('common.dataStorage')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_diskInfo.default, {
+      blocklet: blocklet
+    })]
+  }));
+}
+
+BlockletOverview.propTypes = {
+  blocklet: _propTypes.default.object.isRequired
+};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ", ";\n    margin-bottom: ", ";\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));

package/lib/blocklet/runtime-info.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletRuntimeInfo;
+
+var _react = require("react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _filesize = _interopRequireDefault(require("filesize"));
+
+var _prettyMsI18n = _interopRequireDefault(require("pretty-ms-i18n"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _util = require("../util");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+const _excluded = ["blocklet", "noRunningMessage"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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,
+    noRunningMessage
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    t,
+    locale
+  } = (0, _react.useContext)(_context.LocaleContext);
+
+  if (blocklet.status !== 'running') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: noRunningMessage || t('blocklet.runtimeInfo.noRunning')
+    });
+  }
+
+  if ((0, _isEmpty.default)(blocklet.runtimeInfo)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: t('common.empty')
+    });
+  }
+
+  const rows = [{
+    name: t('blocklet.runtimeInfo.memoryUsage'),
+    value: (0, _filesize.default)(blocklet.runtimeInfo.memoryUsage)
+  }, {
+    name: t('blocklet.runtimeInfo.cpuUsage'),
+    value: "".concat(blocklet.runtimeInfo.cpuUsage * 100, "%")
+  }, {
+    name: t('blocklet.runtimeInfo.uptime'),
+    value: (0, _prettyMsI18n.default)(Number(+new Date() - blocklet.runtimeInfo.startAt || 0), {
+      locale: (0, _util.formatLocale)(locale)
+    })
+  }, {
+    name: t('blocklet.runtimeInfo.processId'),
+    value: blocklet.runtimeInfo.pid
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
+    component: "div"
+  }, rest), {}, {
+    children: rows.map(_ref2 => {
+      let {
+        name,
+        value
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+        nameWidth: 120,
+        name: name,
+        children: value
+      }, name);
+    })
+  }));
+}
+
+BlockletRuntimeInfo.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  noRunningMessage: _propTypes.default.string
+};
+BlockletRuntimeInfo.defaultProps = {
+  noRunningMessage: ''
+};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));