@abtnode/ux 1.8.60 → 1.8.61

package/lib/blocklet/configuration.js

@@ -10,9 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
@@ -35,8 +33,10 @@ var _permission = require("../permission");
 var _addDomainAlias = _interopRequireDefault(require("./router/action/add-domain-alias"));
 var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
 var _domainActions = _interopRequireDefault(require("./router/domain-actions"));
+var _walletType = _interopRequireDefault(require("./preferences/wallet-type"));
+var _appSk = _interopRequireDefault(require("./preferences/app-sk"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
+var _templateObject;
 const _excluded = ["blocklet", "onUpdate", "hasPermission"],
   _excluded2 = ["value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -91,13 +91,6 @@ function BlockletEnvironment(_ref) {
   if ((0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
-  const WalletTypes = [{
-    label: 'DID',
-    value: 'default'
-  }, {
-    label: 'ETH',
-    value: 'eth'
-  }];
 
   // configurable blocklet environment
   const customType = blocklet.environments.find(x => x.key === 'BLOCKLET_WALLET_TYPE');
@@ -235,15 +228,12 @@ function BlockletEnvironment(_ref) {
       setLoading(false);
     }
   };
-  const onWalletTypeChange = async e => {
+  const onWalletTypeChange = async value => {
     if (loading) {
       return;
     }
     setLoading(true);
     try {
-      const {
-        value
-      } = e.target;
       const {
         blocklet: data
       } = await node.api.configBlocklet({
@@ -286,6 +276,30 @@ function BlockletEnvironment(_ref) {
     }
     return true;
   };
+  const onAppSkChange = async value => {
+    if (loading) {
+      return;
+    }
+    setLoading(true);
+    try {
+      const {
+        blocklet: data
+      } = await node.api.configBlocklet({
+        input: {
+          did: blocklet.meta.did,
+          configs: [{
+            key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SK,
+            value
+          }]
+        }
+      });
+      onUpdate(data);
+    } catch (err) {
+      _toast.default.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_schemaForm.default, {
       disabled: disabled,
@@ -477,67 +491,48 @@ function BlockletEnvironment(_ref) {
       component: _Divider.default,
       my: 3
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      className: "config-form",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        className: "config-item",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-          className: "config-label",
-          children: [t('blocklet.config.walletType.name'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-            className: "config-desc",
-            children: t('blocklet.config.walletType.description')
+      mb: 2,
+      className: "config-label",
+      fontSize: 20,
+      children: t('blocklet.config.dangerZone')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      px: 2,
+      py: 1,
+      sx: {
+        border: '1px solid red',
+        borderRadius: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        className: "config-form",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          className: "config-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            className: "config-label",
+            children: [t('blocklet.config.walletType.name'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+              className: "config-desc",
+              children: t('blocklet.config.walletType.description')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_walletType.default, {
+            value: (customType === null || customType === void 0 ? void 0 : customType.value) || 'default',
+            disabled: disabled,
+            onChange: onWalletTypeChange
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-          disabled: disabled,
-          select: true,
-          size: "small",
-          value: (customType === null || customType === void 0 ? void 0 : customType.value) || 'default',
-          onChange: onWalletTypeChange,
-          children: WalletTypes.map(type => {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMenuItem, {
-              value: type.value,
-              sx: {
-                display: 'block'
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                display: "flex",
-                alignItems: "center",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                  children: type.label
-                })
-              })
-            });
-          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "config-form",
+        mt: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          className: "config-label",
+          fontSize: 14,
+          mb: 0,
+          children: t('blocklet.config.sk')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appSk.default, {
+          disabled: loading || disabled,
+          loading: loading,
+          initialValue: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_SK').value,
+          onChange: onAppSkChange
         })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_schemaForm.default, {
-      disabled: disabled,
-      style: {
-        marginTop: 0
-      },
-      loading: loading,
-      schema: [{
-        key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SK,
-        description: t('blocklet.config.sk'),
-        value: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_SK').value,
-        secure: true
-      }],
-      defaultValue: {
-        [_constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SK]: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_SK').value
-      },
-      onChange: (changeValue, _ref4) => {
-        let {
-          action,
-          currentItem
-        } = _ref4;
-        if (action === 'edit') {
-          setEditingItem(currentItem);
-        } else if (['cancel', 'confirm'].includes(action)) {
-          setEditingItem(null);
-        }
-        if (action === 'confirm') {
-          onSubmitConfig(changeValue[currentItem.key]);
-        }
-      }
+      })]
     })]
   }));
 }
@@ -561,5 +556,4 @@ BlockletEnvironment.defaultProps = {
   onUpdate: () => {},
   hasPermission: false
 };
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 24px;\n  .config-form {\n    flex-grow: 1;\n    overflow-y: auto;\n    ", " {\n      width: 100%;\n      flex-shrink: 0;\n      padding: 0 24px;\n      transform: translate(0, 0);\n      max-height: 60vh;\n    }\n  }\n\n  .config-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 16px 0;\n  }\n\n  .config-label {\n    font-weight: bold;\n  }\n\n  .config-desc {\n    font-weight: normal;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .form-item {\n    margin-top: 0;\n  }\n"])), props => props.theme.breakpoints.down('md'));
-const StyledMenuItem = (0, _styled.default)(_MenuItem.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .tip {\n    font-size: 12px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.text.secondary);
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 24px;\n  .config-form {\n    flex-grow: 1;\n    overflow-y: auto;\n    ", " {\n      width: 100%;\n      flex-shrink: 0;\n      padding: 0 24px;\n      transform: translate(0, 0);\n      max-height: 60vh;\n    }\n  }\n\n  .config-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 16px 0;\n  }\n\n  .config-label {\n    font-weight: bold;\n  }\n\n  .config-desc {\n    font-weight: normal;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .form-item {\n    margin-top: 0;\n  }\n"])), props => props.theme.breakpoints.down('md'));

package/lib/blocklet/log.js

@@ -8,6 +8,7 @@ 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 _download = _interopRequireDefault(require("../logs/download"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["blocklet"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,7 +49,11 @@ function BlockletLog(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_logTerminal.LogTerminalGroup, {
       name: (0, _util.getDisplayName)(blocklet),
       logId: "blocklet-".concat(blocklet.meta.did),
-      initialData: initialData
+      initialData: initialData,
+      postpend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_download.default, {
+        id: blocklet.meta.did,
+        name: blocklet.meta.name
+      })
     })
   }));
 }

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AppSk;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _formTextInput = _interopRequireDefault(require("../../form/form-text-input"));
+var _confirm = _interopRequireDefault(require("../../confirm"));
+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 [confirmAppSk, setConfirmAppSk] = (0, _react.useState)(null);
+  const onAppSkChange = value => {
+    setConfirmAppSk({
+      value
+    });
+    return false;
+  };
+  const _onConfirm = async v => {
+    try {
+      await onChange(v);
+    } finally {
+      setConfirmAppSk(null);
+    }
+  };
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_formTextInput.default, {
+    disabled: disabled,
+    loading: loading,
+    initialValue: initialValue,
+    onSubmit: onAppSkChange,
+    secure: true
+  }), confirmAppSk && /*#__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(confirmAppSk.value),
+    onCancel: () => setConfirmAppSk(null)
+  })];
+}
+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"])));

package/lib/blocklet/preferences/wallet-type.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WalletType;
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _confirm = _interopRequireDefault(require("../../confirm"));
+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 WalletType(_ref) {
+  let {
+    value,
+    onChange,
+    disabled
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [confirmCustomType, setConfirmCustomType] = (0, _react.useState)(null);
+  const WalletTypes = [{
+    label: 'DID',
+    value: 'default'
+  }, {
+    label: 'ETH',
+    value: 'eth'
+  }];
+  const onWalletTypeChange = async e => {
+    setConfirmCustomType({
+      value: e.target.value
+    });
+  };
+  const _onConfirm = async v => {
+    try {
+      await onChange(v);
+    } finally {
+      setConfirmCustomType(null);
+    }
+  };
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+    disabled: disabled,
+    select: true,
+    size: "small",
+    value: value || 'default',
+    onChange: onWalletTypeChange,
+    children: WalletTypes.map(type => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMenuItem, {
+        value: type.value,
+        sx: {
+          display: 'block'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          display: "flex",
+          alignItems: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            children: type.label
+          })
+        })
+      });
+    })
+  }), confirmCustomType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+    title: t('blocklet.config.walletTypeTitle'),
+    description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        dangerouslySetInnerHTML: {
+          __html: t('blocklet.config.blockletTypeChangeTip', {
+            value: WalletTypes.find(x => x.value === confirmCustomType.value).label
+          })
+        }
+      }), /*#__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(confirmCustomType.value),
+    onCancel: () => setConfirmCustomType(null)
+  })];
+}
+WalletType.propTypes = {
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  disabled: _propTypes.default.bool
+};
+WalletType.defaultProps = {
+  value: 'default',
+  onChange: () => {},
+  disabled: false
+};
+const StyledMenuItem = (0, _styled.default)(_MenuItem.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .tip {\n    font-size: 12px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.text.secondary);
+const UL = (0, _styled.default)('ul')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-left: 16px;\n  li {\n    margin-top: 8px;\n    list-style: disk;\n    font-weight: bold;\n  }\n"])));

package/lib/form/form-text-input.js

@@ -16,7 +16,7 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _required = _interopRequireDefault(require("./required"));
 var _formWrapper = _interopRequireDefault(require("./form-wrapper"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "placeholder", "style", "onSubmit"];
+const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "placeholder", "style", "onSubmit", "secure"];
 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; }
@@ -34,12 +34,13 @@ function FormTextInput(_ref) {
       onChange,
       placeholder,
       style,
-      onSubmit
+      onSubmit,
+      secure
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const [editing, setEditing] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
-  const [defaultValue, setDefaultValue] = (0, _react.useState)(initialValue);
+  const [defaultValue, setDefaultValue] = (0, _react.useState)(secure && initialValue === '__encrypted__' ? '' : initialValue);
   const [value, setValue] = (0, _react.useState)(defaultValue);
   const handleSubmit = async () => {
     setLoading(true);
@@ -82,14 +83,15 @@ function FormTextInput(_ref) {
     variant: "outlined",
     placeholder: placeholder,
     onKeyDown: handleKeydown,
-    disabled: disabled
+    disabled: disabled,
+    type: secure ? 'password' : 'text'
   }, rest)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     px: 1,
     className: "form-item-input slot",
     style: {
       whiteSpace: 'pre-wrap'
     },
-    children: value
+    children: secure ? '******' : value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formWrapper.default, {
     className: "form",
@@ -145,7 +147,8 @@ FormTextInput.propTypes = {
   initialValue: _propTypes.default.string,
   placeholder: _propTypes.default.string,
   required: _propTypes.default.bool,
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  secure: _propTypes.default.bool
 };
 FormTextInput.defaultProps = {
   style: {},
@@ -155,5 +158,6 @@ FormTextInput.defaultProps = {
   initialValue: '',
   placeholder: '',
   required: false,
-  disabled: false
+  disabled: false,
+  secure: false
 };

package/lib/hooks/use-bundle-logo.js

@@ -19,7 +19,7 @@ function useAvatar(_ref) {
   const {
     inService
   } = node;
-  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version);
+  const search = "?v=".concat(blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.version).concat((0, _util.isDownloading)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.status) ? '~' : '');
   let logoUrl = inService ? (0, _urlJoin.default)(_util.APP_PREFIX, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, '/blocklet/logo-bundle', search) : (0, _urlJoin.default)(node.imgPrefix, 'blocklet.png');
   if (blocklet.source === 'registry' && blocklet.deployedFrom && blocklet.meta.logo) {
     logoUrl = (0, _urlJoin.default)(blocklet.deployedFrom, (0, _util.formatRegistryLogoPath)(blocklet.meta.bundleDid, blocklet.meta.logo), search);

package/lib/locales/en.js

@@ -387,7 +387,15 @@ module.exports = {
         invalidKey: 'Configuration key must not start with BLOCKLET_ or COMPONENT_',
         deleteForbidden: 'This configuration is required and should not be deleted',
         tip: 'Configurations prefixed with BWA_ should not contain sensitive information because they will be sent to the browser'
-      }
+      },
+      dangerZone: 'Danger Zone',
+      blockletTypeChangeTip: 'Wallet Type will be changed to <b>{value}</b>',
+      appDidChangeTip: 'This operation will change the DID of the application, which will lead to the following problems. Please confirm after careful evaluation:',
+      appDidChangeTipL1: "The user's account connected to this application will change",
+      appDidChangeTipL2: 'The DID domain name of the application will change, and the original domain name will become invalid',
+      appSkChangeTip: 'You are changing application secret key',
+      walletTypeTitle: 'Update Wallet Type',
+      appSkTitle: 'Update Application Secret Key'
     },
     overview: {
       source: 'Source',
@@ -1165,5 +1173,11 @@ module.exports = {
       noEdit: "Uninstalled component can't edit",
       noDel: 'Not allowed delete built-in navigation'
     }
+  },
+  log: {
+    lastDays: {
+      1: 'Last 1 Day',
+      7: 'Last 1 Week'
+    }
   }
 };

package/lib/locales/zh.js

@@ -393,7 +393,15 @@ module.exports = {
         invalidKey: '键不能以 BLOCKLET_ 或 COMPONENT_ 开头',
         deleteForbidden: '该配置项是必填项，不能删除',
         tip: '包含 BWA_ 前缀的配置项不应该包含敏感信息，因为他们会被发送到前端页面'
-      }
+      },
+      dangerZone: '危险操作',
+      blockletTypeChangeTip: '钱包类型将被修改为 <b>{value}</b>',
+      appDidChangeTip: '该操作会导致应用 DID 发生变化，进而导致如下问题，请仔细评估后确认：',
+      appDidChangeTipL1: '用户连接此应用的账户会发生变化',
+      appDidChangeTipL2: '应用的 DID 域名会发生变化，原域名将会失效',
+      appSkChangeTip: '你正在修改应用私钥',
+      walletTypeTitle: '修改钱包类型',
+      appSkTitle: '修改应用私钥'
     },
     overview: {
       source: '来源',
@@ -1170,5 +1178,11 @@ module.exports = {
       noEdit: '未安装组件的导航无法编辑',
       noDel: '内置的导航无法删除'
     }
+  },
+  log: {
+    lastDays: {
+      1: '最近 1 天',
+      7: '最近 1 周'
+    }
   }
 };

package/lib/logs/download.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DownloadLog;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _formatName = _interopRequireDefault(require("@abtnode/util/lib/format-name"));
+var _node = require("../contexts/node");
+var _toast = _interopRequireDefault(require("../toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DAYS = [1, 7];
+function DownloadLog(_ref) {
+  let {
+    id,
+    name
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    restApi,
+    inService
+  } = (0, _node.useNodeContext)();
+  const [showDialog, setShowDialog] = (0, _react.useState)(false);
+  const [isDownloading, setIsDownloading] = (0, _react.useState)(false);
+  const [days, setDays] = (0, _react.useState)(1);
+  const onDownload = async () => {
+    if (isDownloading) {
+      return;
+    }
+    try {
+      setIsDownloading(true);
+      const logId = inService ? '' : "/".concat(id);
+      const res = await restApi.get("/download/log".concat(logId, "?days=").concat(days), {
+        responseType: 'blob'
+      });
+      const href = URL.createObjectURL(res.data);
+      const link = document.createElement('a');
+      link.href = href;
+      link.setAttribute('download', "".concat((0, _formatName.default)(name || id), ".").concat((0, _dayjs.default)().format('YYYYMMDDHHmmss'), ".log.zip"));
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(href);
+      setIsDownloading(false);
+    } catch (error) {
+      setIsDownloading(false);
+      _toast.default.error(error.message);
+    }
+  };
+  const onDaysChange = e => {
+    setDays(e.target.value);
+  };
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    display: "flex",
+    alignItems: "center",
+    style: {
+      gap: 16
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+      "data-cy": "download-logs",
+      variant: "outlined",
+      onClick: () => setShowDialog(true),
+      disabled: isDownloading,
+      children: [isDownloading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+        fontSize: "small",
+        style: {
+          transform: 'translateY(2px)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        ml: 0.5,
+        children: t('common.download')
+      })]
+    })
+  }), showDialog && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+    open: true,
+    onClose: () => {
+      setShowDialog(false);
+    },
+    disableEscapeKeyDown: true,
+    title: t('common.download'),
+    PaperProps: {
+      style: {
+        minHeight: 'auto'
+      }
+    },
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+      "data-cy": "download-logs",
+      variant: "outlined",
+      onClick: () => onDownload(),
+      disabled: isDownloading,
+      children: [isDownloading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        ml: 0.5,
+        children: t('common.confirm')
+      })]
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mb: 2,
+      display: "flex",
+      justifyContent: "center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl.default, {
+        size: "small",
+        fullWidth: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+          value: days,
+          onChange: onDaysChange,
+          children: DAYS.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+            value: x,
+            children: t("log.lastDays.".concat(x))
+          }, x))
+        })
+      })
+    })
+  })];
+}
+DownloadLog.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string
+};
+DownloadLog.defaultProps = {
+  name: ''
+};

package/lib/logs/log-terminal.js

@@ -16,7 +16,7 @@ var _clock = _interopRequireDefault(require("./clock"));
 var _node = require("../contexts/node");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-const _excluded = ["name", "logId", "types", "initialData", "prepend"],
+const _excluded = ["name", "logId", "types", "initialData", "prepend", "postpend"],
   _excluded2 = ["logFile"];
 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) } })); }
@@ -36,7 +36,8 @@ function LogTerminalGroup(_ref) {
       logId,
       types,
       initialData,
-      prepend
+      prepend,
+      postpend
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -83,18 +84,24 @@ function LogTerminalGroup(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LogTerminalGroupRoot, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "log-terminal-group-head",
-      children: [prepend, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
-        variant: "outlined",
-        size: isMobile ? 'small' : 'medium',
-        children: types.map(type => {
-          const props = type === currentType ? {
-            variant: 'contained'
-          } : {};
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, props), {}, {
-            onClick: () => setCurrentType(type),
-            children: logTypeLabels[type]
-          }), type);
-        })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "log-terminal-group-head-start",
+        children: [prepend, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+          variant: "outlined",
+          size: isMobile ? 'small' : 'medium',
+          children: types.map(type => {
+            const props = type === currentType ? {
+              variant: 'contained'
+            } : {};
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, props), {}, {
+              onClick: () => setCurrentType(type),
+              children: logTypeLabels[type]
+            }), type);
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "log-terminal-group-head-end",
+        children: postpend
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "log-terminal-group-terminals",
@@ -121,14 +128,16 @@ LogTerminalGroup.propTypes = {
   types: _propTypes.default.arrayOf(_propTypes.default.string),
   // 写入 terminal 的初始数据
   initialData: _propTypes.default.arrayOf(_propTypes.default.string),
-  prepend: _propTypes.default.node
+  prepend: _propTypes.default.node,
+  postpend: _propTypes.default.node
 };
 LogTerminalGroup.defaultProps = {
   types: ['error', 'info', 'access', 'stdout', 'stderr'],
   initialData: [],
-  prepend: null
+  prepend: null,
+  postpend: null
 };
-const LogTerminalGroupRoot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  .log-terminal-group-head {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding-bottom: 16px;\n\n    ", " {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n  .log-terminal-group-terminals {\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n    > * {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));
+const LogTerminalGroupRoot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  .log-terminal-group-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n  }\n\n  .log-terminal-group-head-start {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    ", " {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n\n  .log-terminal-group-head-end {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    ", " {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n  .log-terminal-group-terminals {\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n    > * {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
 const LogTerminal = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
       logFile

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.60",
+  "version": "1.8.61",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,19 +21,19 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.60",
-    "@abtnode/constant": "1.8.60",
-    "@abtnode/util": "1.8.60",
-    "@arcblock/did-connect": "^2.4.64",
+    "@abtnode/auth": "1.8.61",
+    "@abtnode/constant": "1.8.61",
+    "@abtnode/util": "1.8.61",
+    "@arcblock/did-connect": "^2.4.65",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.4.64",
-    "@arcblock/terminal": "^2.4.64",
-    "@arcblock/ux": "^2.4.64",
-    "@blocklet/constant": "1.8.60",
-    "@blocklet/launcher-layout": "^1.9.30",
+    "@arcblock/icons": "^2.4.65",
+    "@arcblock/terminal": "^2.4.65",
+    "@arcblock/ux": "^2.4.65",
+    "@blocklet/constant": "1.8.61",
+    "@blocklet/launcher-layout": "^1.9.38",
     "@blocklet/list": "^0.10.47",
-    "@blocklet/meta": "1.8.60",
-    "@blocklet/ui-react": "^2.4.64",
+    "@blocklet/meta": "1.8.61",
+    "@blocklet/ui-react": "^2.4.65",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -86,5 +86,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "0a56dc596f58d83f22d1ea0d0145d84e7151f5be"
+  "gitHead": "f68ac14c2074400d392e2171d328f12dbd2e64cb"
 }