@abtnode/ux 1.8.26 → 1.8.28

package/lib/blocklet/icons.js

@@ -0,0 +1,26 @@
+"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,55 @@
+"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,33 @@
+"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,184 @@
+"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,85 @@
+"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([""])));

package/lib/blocklet/status.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletStatus;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _dot = _interopRequireDefault(require("../dot"));
+var _tag = _interopRequireDefault(require("../tag"));
+var _util = require("../util");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["status", "variant", "source"];
+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; }
+const colors = {
+  yellow: '#FFCF71',
+  grey: '#888888'
+};
+function BlockletStatus(_ref) {
+  let {
+      status,
+      variant,
+      source
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const map = {
+    added: 'primary',
+    waiting: 'warning',
+    downloading: 'warning',
+    downloaded: 'primary',
+    installing: 'warning',
+    installed: 'primary',
+    starting: 'warning',
+    running: 'success',
+    stopping: 'warning',
+    stopped: 'reverse',
+    error: 'error',
+    upgrading: 'warning',
+    restarting: 'warning',
+    corrupted: 'error',
+    deleting: 'warning'
+  };
+  const colorMap = {
+    added: colors.grey,
+    waiting: colors.yellow,
+    downloading: colors.yellow,
+    downloaded: colors.grey,
+    installing: colors.yellow,
+    installed: colors.grey,
+    starting: colors.yellow,
+    running: 'success',
+    stopping: colors.yellow,
+    stopped: colors.grey,
+    error: 'error',
+    upgrading: colors.yellow,
+    restarting: colors.yellow,
+    corrupted: 'error',
+    deleting: colors.yellow
+  };
+  const inProgress = (0, _util.isInProgress)(status);
+  const statusTxt = t("blocklet.status.".concat(source === 'custom' && status === 'installed' ? 'created' : status));
+  if (variant === 'dot') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('blocklet.statusTip', {
+        status: statusTxt
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dot.default, _objectSpread({
+        color: colorMap[status]
+      }, rest))
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tag.default, _objectSpread(_objectSpread({
+    type: map[status]
+  }, rest), {}, {
+    children: [inProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+      size: [12, 6],
+      color: "inherit",
+      style: {
+        marginRight: 5
+      }
+    }), statusTxt]
+  }));
+}
+BlockletStatus.propTypes = {
+  status: _propTypes.default.string.isRequired,
+  variant: _propTypes.default.oneOf(['dot', 'tag']),
+  source: _propTypes.default.string
+};
+BlockletStatus.defaultProps = {
+  variant: 'tag',
+  source: ''
+};

package/lib/blocklet/util.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.downloadExportedSource = downloadExportedSource;
+exports.genExportedMeta = genExportedMeta;
+exports.getLaunchURL = exports.getLaunchAgreementUrl = void 0;
+exports.getNameByTitle = getNameByTitle;
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _pickBy = _interopRequireDefault(require("lodash/pickBy"));
+var _jszip = _interopRequireDefault(require("jszip"));
+var _jsYaml = _interopRequireDefault(require("js-yaml"));
+var _fileSaver = _interopRequireDefault(require("file-saver"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _did = _interopRequireDefault(require("@blocklet/meta/lib/did"));
+var _didMotif = require("@arcblock/did-motif");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const base64ToArrayBuffer = base64 => {
+  const bufStr = window.atob(base64);
+  const bytes = new Uint8Array(bufStr.length);
+  for (let i = 0; i < bufStr.length; i++) {
+    bytes[i] = bufStr.charCodeAt(i);
+  }
+  return bytes;
+};
+const getLogo = did => {
+  const url = (0, _didMotif.toDataURL)(did, {
+    size: 200
+  });
+  const base64 = url.replace(/^[^,]*,/, '');
+  return base64ToArrayBuffer(base64);
+};
+function getNameByTitle(title) {
+  return title.replace(/[\s/@_]/g, '-').replace(/[^a-zA-Z0-9_-]/g, '').replace(/(^[-\s]+)|([-\s]+$)/g, '').toLowerCase();
+}
+function genExportedMeta(name, blocklet) {
+  const meta = (0, _pickBy.default)((0, _cloneDeep.default)(blocklet.meta), x => x !== null);
+  meta.name = name;
+  meta.did = (0, _did.default)(name);
+  meta.logo = 'logo.png';
+  meta.interfaces.forEach(x => {
+    // filter null or undefined
+    if (!x.services) {
+      delete x.services;
+    }
+  });
+  blocklet.children.forEach(child => {
+    if (child.dynamic && child.bundleSource) {
+      meta.children.push({
+        name: child.meta.name,
+        source: child.bundleSource,
+        title: child.meta.title,
+        mountPoint: child.mountPoint
+      });
+    }
+  });
+  meta.environments = (blocklet.configs || []).map(x => ({
+    name: x.key,
+    description: 'Automatically generated when exporting',
+    required: !!x.required,
+    secure: !!x.secure,
+    default: x.secure ? '' : x.value || ''
+  }));
+  meta.capabilities.component = false;
+  return meta;
+}
+const license = holder => "Copyright \xA9 2022 ".concat(holder || '', "\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \u201CSoftware\u201D), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \u201CAS IS\u201D, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.");
+const Gitignore = ".DS_Store\n.blocklet";
+const GithubAction = "name: Deploy\n\non:\n  push:\n    branches:\n      - main\n\njobs:\n  Deploy:\n    runs-on: ubuntu-latest\n\n    steps:\n      - name: Checkout repo\n        uses: actions/checkout@v2\n\n      - name: Blocklet workflow\n        uses: blocklet/action-workflow@v1\n        with:\n          skip-upload: true\n          skip-deploy: true\n          bundle-command: blocklet bundle --create-release\n          github-token: ${{ secrets.GITHUB_TOKEN }}";
+async function downloadExportedSource(meta) {
+  let {
+    holder
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const folderName = "".concat(meta.name.split('/').pop());
+  const readme = "# ".concat(meta.title, "\n\n## Introduction\n\n").concat(meta.description);
+  const zip = new _jszip.default();
+  const folder = zip.folder(folderName);
+  folder.file('blocklet.yml', _jsYaml.default.dump(meta));
+  folder.file('blocklet.md', readme);
+  folder.file('README.md', readme);
+  folder.file('logo.png', getLogo(meta.did));
+  folder.file('LICENSE', license(holder));
+  folder.file('.gitignore', Gitignore);
+  folder.folder('screenshots').file('.gitkeep', '');
+  folder.folder('.github').folder('workflows').file('main.yml', GithubAction);
+  await new Promise((resolve, reject) => {
+    zip.generateAsync({
+      type: 'blob'
+    }).then(content => {
+      (0, _fileSaver.default)(content, "".concat(folderName, ".zip"));
+      resolve();
+    }).catch(err => {
+      reject(err);
+    });
+  });
+}
+const getLaunchURL = function getLaunchURL(meta, info) {
+  let encodeURI = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const adminPath = process.env.NODE_ENV === 'production' ? info.routing.adminPath : '';
+  const serverUrl = encodeURI ? encodeURIComponent((0, _urlJoin.default)(window.location.origin, adminPath)) : (0, _urlJoin.default)(window.location.origin, adminPath);
+  const metaUrl = (0, _urlJoin.default)(info === null || info === void 0 ? void 0 : info.blockletRegistry, "/api/blocklets/".concat(meta.did, "/blocklet.json"));
+  return {
+    serverUrl,
+    metaUrl
+  };
+};
+exports.getLaunchURL = getLaunchURL;
+const getLaunchAgreementUrl = (meta, info) => {
+  const {
+    metaUrl,
+    serverUrl
+  } = getLaunchURL(meta, info);
+  const url = new URL((0, _urlJoin.default)(serverUrl, '/launch-blocklet/agreement'));
+  url.searchParams.set('blocklet_meta_url', metaUrl);
+  url.searchParams.set('from', window.location.href);
+  return url.href;
+};
+exports.getLaunchAgreementUrl = getLaunchAgreementUrl;