@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/blocklet/monitor.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletMonitor;
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _filesize = _interopRequireDefault(require("filesize"));
+var _prettyMsI18n = _interopRequireDefault(require("pretty-ms-i18n"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _util = require("@blocklet/meta/lib/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _blocklet = require("../contexts/blocklet");
+var _util2 = require("../util");
+var _runtimeInfo = _interopRequireDefault(require("./runtime-info"));
+var _diskInfo = _interopRequireDefault(require("./disk-info"));
+var _bundleAvatar = _interopRequireDefault(require("./bundle-avatar"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+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 BlockletMonitor() {
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    blocklet,
+    runtimeHistory,
+    actions: {
+      refreshBlocklet
+    }
+  } = (0, _blocklet.useBlockletContext)();
+  const monitList = (0, _react.useMemo)(() => {
+    const arr = [];
+    (0, _util.forEachBlockletSync)(blocklet, (component, _ref) => {
+      let {
+        ancestors,
+        id,
+        level
+      } = _ref;
+      if (component.runtimeInfo) {
+        arr.push({
+          type: 'blocklet',
+          groupId: blocklet.meta.did,
+          groupName: (0, _util.getDisplayName)(blocklet),
+          id,
+          name: (0, _util.getDisplayName)(component, true),
+          blocklet,
+          component,
+          level: level - 1 >= 0 ? level - 1 : 0,
+          runtimeInfo: component.runtimeInfo,
+          ancestors
+        });
+      }
+    });
+    return arr;
+  }, [blocklet]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  (0, _react.useEffect)(() => {
+    const interval = setInterval(() => {
+      refreshBlocklet();
+    }, 1000 * 10);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const formatUptime = uptime => {
+    return (0, _prettyMsI18n.default)(Number(uptime || 0), {
+      locale: (0, _util2.formatLocale)(locale)
+    });
+  };
+  const monitorColumns = [{
+    label: t('common.name'),
+    name: 'name',
+    options: {
+      // eslint-disable-next-line react/no-unstable-nested-components
+      customBodyRenderLite(rawIndex) {
+        const {
+          name,
+          component,
+          level,
+          ancestors
+        } = monitList[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          display: "flex",
+          alignItems: "center",
+          pl: level * 2,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
+            size: 14,
+            blocklet: component,
+            ancestors: ancestors
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            ml: 1,
+            children: name
+          })]
+        });
+      }
+    }
+  }, {
+    label: t('common.uptime'),
+    name: 'runtimeInfo.uptime',
+    options: {
+      customBodyRenderLite(rawIndex) {
+        const {
+          runtimeInfo
+        } = monitList[rawIndex];
+        return formatUptime(runtimeInfo.uptime);
+      }
+    }
+  }, {
+    label: t('blocklet.runtimeInfo.memoryUsage'),
+    name: 'runtimeInfo.memoryUsage',
+    options: {
+      customBodyRenderLite(rawIndex) {
+        const {
+          runtimeInfo
+        } = monitList[rawIndex];
+        return (0, _filesize.default)((runtimeInfo === null || runtimeInfo === void 0 ? void 0 : runtimeInfo.memoryUsage) || 0);
+      }
+    }
+  }, {
+    label: t('blocklet.runtimeInfo.cpuUsage'),
+    name: 'runtimeInfo.cpuUsage',
+    options: {
+      customBodyRenderLite(rawIndex) {
+        const {
+          runtimeInfo
+        } = monitList[rawIndex];
+        return "".concat((runtimeInfo.cpuUsage || 0).toFixed(1), "%");
+      }
+    }
+  }, {
+    label: t('blocklet.runtimeInfo.processId'),
+    name: 'runtimeInfo.pid'
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+    component: "div",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mt: 0,
+      display: "flex",
+      alignItems: "center",
+      className: "title",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: t('common.runtimeInfo')
+      })
+    }), blocklet.status === 'running' ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_runtimeInfo.default, {
+        blocklet: blocklet,
+        cpuHistory: runtimeHistory.cpu,
+        memoryHistory: runtimeHistory.memory
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mt: 3,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Datatable.default, {
+        className: "monitor-table",
+        locale: locale,
+        data: monitList,
+        columns: monitorColumns,
+        title: "",
+        options: {
+          search: false,
+          download: false,
+          filter: false,
+          print: false,
+          viewColumns: false,
+          pagination: false,
+          rowsPerPage: 100
+        }
+      })
+    })] : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: t('blocklet.runtimeInfo.noRunning')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: t('common.dataStorage')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_diskInfo.default, {
+      blocklet: blocklet
+    })]
+  });
+}
+BlockletMonitor.propTypes = {};
+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    &.first {\n      margin-top: 0;\n    }\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));

package/lib/blocklet/overview.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletOverview;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+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 _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _blocklet = require("../contexts/blocklet");
+var _node = require("../contexts/node");
+var _util2 = require("../util");
+var _didAddress = _interopRequireDefault(require("../did-address"));
+var _status = _interopRequireDefault(require("./status"));
+var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
+var _types = require("./types");
+var _expiration = _interopRequireDefault(require("./component/expiration"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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 DomainLink(_ref) {
+  let {
+    domain,
+    children
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    href,
+    accessibility
+  } = domain;
+  if (!accessibility || accessibility.loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkDiv, {
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('blocklet.router.checkUrlAccessible'),
+        placement: "top-end",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "status",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+            size: 12
+          })
+        })
+      })]
+    });
+  }
+  if (!accessibility.accessible) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('blocklet.router.urlInaccessible'),
+        placement: "top-end",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: children
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: children
+    })
+  });
+}
+DomainLink.propTypes = {
+  domain: _types.DomainType.isRequired,
+  children: _propTypes.default.any.isRequired
+};
+const LinkDiv = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &,\n  & > * {\n    color: #222;\n    font-size: 18px;\n  }\n\n  .status {\n    margin-left: 8px;\n  }\n"])));
+function BlockletOverview() {
+  var _blocklet$settings, _blocklet$site;
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    info: nodeInfo,
+    inService
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet,
+    loadingRuntimeInfo
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    appDid,
+    appPid,
+    migratedFrom = []
+  } = blocklet;
+  const infoRows = [appDid ? {
+    name: t('blocklet.appId'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: appDid
+    })
+  } : null, appPid ? {
+    name: t('blocklet.appPid'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: appPid
+    })
+  } : null, (migratedFrom === null || migratedFrom === void 0 ? void 0 : migratedFrom.length) > 1 ? {
+    name: t('blocklet.alsoKnownAs'),
+    value: migratedFrom.slice(1).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+      did: x.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
+    })
+  }, blocklet.controller ? {
+    name: t('common.expires'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expiration.default, {
+      controller: blocklet.controller,
+      locale: locale
+    })
+  } : null, {
+    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.accessControl'),
+    value: t("team.whoCanAccess.".concat((0, _util.getWhoCanAccess)(blocklet), ".title"))
+  }, {
+    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);
+  if (inService) {
+    infoRows.push({
+      name: t('common.serverDid'),
+      value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+        did: nodeInfo.did
+      })
+    }, {
+      name: t('common.serverVersion'),
+      value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+        children: nodeInfo.version
+      })
+    });
+  }
+  const renderRows = rows => rows.map(row => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+      valueComponent: "div",
+      nameWidth: 120,
+      name: row.name,
+      nameFormatter: () => row.name,
+      children: row.value
+    }, row.name);
+  });
+  const domains = (0, _util2.sortDomains)((_blocklet$site = blocklet.site) === null || _blocklet$site === void 0 ? void 0 : _blocklet$site.domainAliases);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+    component: "div",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        className: "title first",
+        mb: 0,
+        children: t('common.domain')
+      })
+    }), blocklet.status !== 'running' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mt: -2,
+      mb: 1.5,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        severity: "warning",
+        children: t('blocklet.router.noRunning')
+      })
+    }), domains.map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      mt: index ? 3 : 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
+          domain: domain,
+          filters: ['domain']
+        }, "".concat(domain.value, "-domain")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          ml: 2,
+          mr: 0.5,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DomainLink, {
+            domain: domain,
+            target: "_blank",
+            children: domain.value
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
+          domain: domain,
+          filters: ['http']
+        }, "".concat(domain.value, "-http")), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            marginLeft: 12
+          }
+        })]
+      })
+    }, domain.value)), !domains.length && (loadingRuntimeInfo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      size: 16
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+      children: t('common.empty')
+    })), /*#__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)
+    })]
+  });
+}
+BlockletOverview.propTypes = {};
+const Div = (0, _styled.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ", ";\n    margin-bottom: ", ";\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));

package/lib/blocklet/preferences/app-sk.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AppSk;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _constant = require("@abtnode/constant");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _formTextInput = _interopRequireDefault(require("../../form/form-text-input"));
+var _confirm = _interopRequireDefault(require("../../confirm"));
+var _session = require("../../contexts/session");
+var _blocklet = require("../../contexts/blocklet");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+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 AppSk(_ref) {
+  let {
+    initialValue,
+    onChange,
+    disabled,
+    loading
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _session.useSessionContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [state, setState] = (0, _useSetState.default)({
+    newAppSk: '',
+    isConnectOpen: false
+  });
+  const onAppSkChange = value => {
+    setState({
+      newAppSk: value
+    });
+    return false;
+  };
+  const _onConfirm = async v => {
+    try {
+      await onChange(v);
+    } finally {
+      setState({
+        newAppSk: ''
+      });
+    }
+  };
+  const onClose = () => setState({
+    isConnectOpen: false
+  });
+  const triggers = blocklet.structVersion === _constant.APP_STRUCT_VERSION ? [{
+    key: 'rotate-with-did-wallet',
+    title: 'Migrate with DID Wallet',
+    handler: () => setState({
+      isConnectOpen: true
+    })
+  }] : [];
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_formTextInput.default, {
+    disabled: disabled,
+    loading: loading,
+    initialValue: initialValue,
+    onSubmit: onAppSkChange,
+    triggers: triggers,
+    secure: true
+  }), state.newAppSk && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+    title: t('blocklet.config.appSkTitle'),
+    description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: t('blocklet.config.appSkChangeTip')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        fontWeight: "bold",
+        mt: 2,
+        children: t('blocklet.config.appDidChangeTip')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(UL, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: t('blocklet.config.appDidChangeTipL1')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: t('blocklet.config.appDidChangeTipL2')
+        })]
+      })]
+    }),
+    confirm: t('confirm'),
+    cancel: t('cancel'),
+    onConfirm: () => _onConfirm(state.newAppSk),
+    onCancel: () => setState({
+      newAppSk: ''
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+    popup: true,
+    open: state.isConnectOpen,
+    forceConnected: false,
+    saveConnect: false,
+    action: "rotate-key-pair",
+    checkFn: api.get,
+    checkTimeout: 5 * 60 * 1000,
+    onSuccess: onClose,
+    extraParams: {
+      appDid: blocklet.appDid
+    },
+    messages: {
+      title: t('setup.keyPair.title'),
+      scan: t('setup.keyPair.scan'),
+      confirm: t('setup.keyPair.confirm'),
+      success: t('setup.keyPair.success')
+    },
+    onClose: onClose
+  })];
+}
+AppSk.propTypes = {
+  initialValue: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  loading: _propTypes.default.bool
+};
+AppSk.defaultProps = {
+  initialValue: 'default',
+  onChange: () => {},
+  disabled: false,
+  loading: false
+};
+const UL = (0, _styled.default)('ul')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-left: 16px;\n  li {\n    margin-top: 8px;\n    list-style: disk;\n    font-weight: bold;\n  }\n"])));