@abtnode/ux 1.16.15-beta-a635f48d → 1.16.15-beta-89b542d3

package/lib/blocklet/router/action/add-domain-alias.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AddDomainAlias;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _urlEvaluation = require("@abtnode/util/lib/url-evaluation");
+var _context = require("@arcblock/ux/lib/Locale/context");
 var _CallMerge = _interopRequireDefault(require("@mui/icons-material/CallMerge"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _context = require("@arcblock/ux/lib/Locale/context");
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _confirm = _interopRequireDefault(require("../../../confirm"));
-var _util = require("../../../util");
 var _node = require("../../../contexts/node");
+var _util = require("../../../util");
+var _dnsTip = _interopRequireDefault(require("../dns-tip"));
 var _util2 = require("../util");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,7 +30,8 @@ function AddDomainAlias(_ref) {
     id,
     children,
     title,
-    teamDid
+    teamDid,
+    systemDomains
   } = _ref;
   const {
     t
@@ -38,6 +41,10 @@ function AddDomainAlias(_ref) {
   } = (0, _node.useNodeContext)();
   const [loading, setLoading] = (0, _react.useState)(false);
   const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  let cnameDomain = systemDomains.find(item => (0, _urlEvaluation.isSlpDomain)(item));
+  if (!cnameDomain) {
+    cnameDomain = systemDomains.find(item => (0, _urlEvaluation.isDidDomain)(item));
+  }
   const onCancel = () => {
     setLoading(false);
     setConfirmSetting(null);
@@ -73,9 +80,9 @@ function AddDomainAlias(_ref) {
   const setting = {
     title: title || t('router.domainAlias.add.title'),
     // eslint-disable-next-line react/no-unstable-nested-components
-    description: (params, setParams, setError) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    description: (params, setParams, setError) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
       component: "div",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
         label: t('router.domainAlias.add.domainDescription'),
         helperText: t('router.domainAlias.add.helperText'),
         autoComplete: "off",
@@ -117,7 +124,10 @@ function AddDomainAlias(_ref) {
             }
           }
         }
-      })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dnsTip.default, {
+        domain: params.domain,
+        resolvedTarget: cnameDomain
+      })]
     }),
     confirm: t('common.confirm'),
     cancel: t('common.cancel'),
@@ -158,7 +168,8 @@ function AddDomainAlias(_ref) {
       onConfirm: confirmSetting.onConfirm,
       onCancel: confirmSetting.onCancel,
       color: "primary",
-      loading: loading
+      loading: loading,
+      maxWidth: "lg"
     })]
   });
 }
@@ -166,7 +177,8 @@ AddDomainAlias.propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _propTypes.default.any,
   title: _propTypes.default.string,
-  teamDid: _propTypes.default.string
+  teamDid: _propTypes.default.string,
+  systemDomains: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
 };
 AddDomainAlias.defaultProps = {
   children: null,

package/lib/blocklet/router/dns-tip.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DNSTip;
+var _ClickToCopy = require("@arcblock/ux/lib/ClickToCopy");
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _material = require("@mui/material");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["domain", "resolvedTarget"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _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 DNSTip(_ref) {
+  let {
+      domain,
+      resolvedTarget
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
+    sx: {
+      backgroundColor: 'rgb(236, 251, 253)',
+      borderColor: 'rgb(236, 251, 253)',
+      borderRadius: '8px',
+      padding: '12px'
+    }
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      children: [t('router.domain.setup.tipStart'), domain && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        mx: 0.5,
+        color: "primary.main",
+        fontWeight: "fontWeightBold",
+        children: domain
+      }), t('router.domain.setup.tipEnd'), ":"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      sx: {
+        '&>div': {
+          mb: 0
+        }
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tip, {
+        label: t('router.domain.setup.recordType'),
+        value: "CNAME",
+        locale: locale
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tip, {
+        label: t('router.domain.setup.recordValue'),
+        value: resolvedTarget,
+        locale: locale
+      })]
+    })]
+  }));
+}
+DNSTip.propTypes = {
+  domain: _propTypes.default.string,
+  resolvedTarget: _propTypes.default.string.isRequired
+};
+DNSTip.defaultProps = {
+  domain: ''
+};
+function Tip(_ref2) {
+  let {
+    locale,
+    label,
+    value
+  } = _ref2;
+  const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
+  const theme = (0, _useTheme.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+    name: label,
+    nameWidth: 120,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        lineHeight: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        component: "span",
+        color: "primary.main",
+        wordWrap: "break-word",
+        overflow: "auto",
+        sx: isMobile ? {
+          maxWidth: '95%'
+        } : {},
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickToCopy.CopyButton, {
+        content: value,
+        locale: locale,
+        style: {
+          marginLeft: '4px',
+          color: theme.palette.text.secondary
+        }
+      })]
+    })
+  });
+}
+Tip.propTypes = {
+  locale: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired
+};

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

@@ -27,6 +27,7 @@ function DomainActions(_ref) {
   const isCurrentDomain = domain.value === window.location.hostname;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.default, {
     "data-cy": "domain-actions",
+    size: "large",
     actions: [
     // eslint-disable-next-line react/no-unstable-nested-components
     _ref2 => {

package/lib/blocklet/storage/backups.js

@@ -12,7 +12,9 @@ var _react = _interopRequireDefault(require("react"));
 var _lodash = require("lodash");
 var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
+var _constant = require("@abtnode/constant");
 var _blockletStorage = require("../../contexts/blocklet-storage");
+var _spaces = require("../../util/spaces");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -20,14 +22,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /**
-                                                                                                                *
-                                                                                                                * @description
-                                                                                                                * @param {{
-                                                                                                                *  progress: any,
-                                                                                                                * } & import('@mui/material').BoxProps} { progress, ...rest }
-                                                                                                                * @return {React.Component}
-                                                                                                                */
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /* eslint-disable no-console */ /**
+                                                                                                                                                *
+                                                                                                                                                * @description
+                                                                                                                                                * @param {{
+                                                                                                                                                *  progress: any,
+                                                                                                                                                * } & import('@mui/material').BoxProps} { progress, ...rest }
+                                                                                                                                                * @return {React.Component}
+                                                                                                                                                */
 function SpacesBackupRecords(_ref) {
   let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   const {
@@ -48,9 +50,20 @@ function SpacesBackupRecords(_ref) {
         // eslint-disable-next-line no-unused-vars
         const {
           targetUrl,
-          targetName
+          targetName,
+          status,
+          createdAt
         } = backups[index];
-        const spaceName = ((_spaceGateways$find = spaceGateways.find(spaceGateway => targetUrl === null || targetUrl === void 0 ? void 0 : targetUrl.includes(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url))) === null || _spaceGateways$find === void 0 ? void 0 : _spaceGateways$find.name) || targetName || 'DID Space';
+        const timeoutError = status === _constant.BACKUPS.STATUS.PROGRESS && (0, _dayjs.default)().diff(createdAt, 'hours') >= _constant.BACKUPS.TIMEOUT_HOURS;
+        const success = status === _constant.BACKUPS.STATUS.SUCCEEDED && !timeoutError;
+        const spaceName = targetName || ((_spaceGateways$find = spaceGateways.find(spaceGateway => targetUrl === null || targetUrl === void 0 ? void 0 : targetUrl.includes((0, _spaces.getDIDSpaceDidFromEndpoint)(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint)))) === null || _spaceGateways$find === void 0 ? void 0 : _spaceGateways$find.name) || 'Unknown DID Space';
+        if (!success) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            variant: "body1",
+            fontSize: "16px",
+            children: spaceName
+          });
+        }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
           fontSize: "16px",
           href: targetUrl,
@@ -120,10 +133,10 @@ function SpacesBackupRecords(_ref) {
           message,
           createdAt
         } = (_backups$index = backups === null || backups === void 0 ? void 0 : backups[index]) !== null && _backups$index !== void 0 ? _backups$index : {};
-        const timeoutError = (0, _lodash.isNull)(status) && (0, _dayjs.default)().diff(createdAt, 'hours') > 6;
+        const timeoutError = status === _constant.BACKUPS.STATUS.PROGRESS && (0, _dayjs.default)().diff(createdAt, 'hours') >= _constant.BACKUPS.TIMEOUT_HOURS;
         const timeoutErrorMessage = timeoutError && t('common.timeoutError');
-        const pending = (0, _lodash.isNull)(status) && !timeoutError;
-        const success = status === 0 && !timeoutError;
+        const pending = status === _constant.BACKUPS.STATUS.PROGRESS && !timeoutError;
+        const success = status === _constant.BACKUPS.STATUS.SUCCEEDED && !timeoutError;
         if (pending) {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
             display: "inline-flex",

package/lib/blocklet/storage/item.js

@@ -81,10 +81,9 @@ SpaceDisconnected.defaultProps = {
  * @param {{
  *  spaceGateway: import('./connected').SpaceGateway
  *  connected: boolean,
- *  progress: any,
  *  onDelete: (spaceGateway: import('./connected').SpaceGateway) => Promise<void>,
  *  onBackupNow: () => Promise<void>,
- * }} { spaceGateway }
+ * }} { spaceGateway, connected,, onDelete, onBackupNow }
  */
 function SpaceItem(_ref) {
   let {
@@ -122,14 +121,10 @@ function SpaceItem(_ref) {
   const {
     updateSpaceGateway,
     backupEndpoint,
-    backupProgress
+    backupProgress,
+    refreshBackupEndpoint
   } = (0, _blockletStorage.useBlockletStorageContext)();
-
-  // TEST:
   const [loading, setLoading] = (0, _react.useState)(false);
-  // backupProgress.message = '(12/99)备份到备份到备份到备份到备';
-  // backupProgress.progress = 99;
-
   const [authorizeConnect, setAuthorizeConnect] = (0, _react.useState)({
     open: false,
     action: 'one-click-authorization',
@@ -190,6 +185,7 @@ function SpaceItem(_ref) {
           }]
         }
       });
+      refreshBackupEndpoint();
       _Toast.default.success(t('storage.spaces.connect.switchToSpaceSucceeded', {
         name: spaceGateway.name ? "(".concat(spaceGateway.name, ")") : ''
       }));

package/lib/clear-cache.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ClearCache;
+var _react = _interopRequireWildcard(require("react"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("../lib/util");
+var _node = require("./contexts/node");
+var _confirm = _interopRequireDefault(require("./confirm"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["teamDid", "size"]; // eslint-disable-next-line react/prop-types
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ClearCache(_ref) {
+  let {
+      teamDid,
+      size = 'small'
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async () => {
+    try {
+      var _result$removed;
+      setLoading(true);
+      const result = await api.clearCache({
+        input: {
+          teamDid
+        }
+      });
+      _Toast.default.success(t('blocklet.config.clearCache.success', {
+        count: ((_result$removed = result.removed) === null || _result$removed === void 0 ? void 0 : _result$removed.length) || 0
+      }));
+    } catch (err) {
+      _Toast.default.error((0, _util.formatError)(err));
+    } finally {
+      setLoading(false);
+      setConfirmSetting(null);
+    }
+  };
+  const setting = {
+    title: t('blocklet.config.clearCache.title'),
+    description: t('blocklet.config.clearCache.description'),
+    confirm: t('common.confirm'),
+    cancel: t('common.cancel'),
+    onConfirm,
+    onCancel
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+      onClick: () => setConfirmSetting(setting),
+      color: "error",
+      variant: "outlined",
+      size: size,
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        size: 16,
+        style: {
+          marginRight: 5
+        }
+      }) : null, t('blocklet.config.clearCache.action')]
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirm: confirmSetting.confirm,
+      cancel: confirmSetting.cancel,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  }));
+}

package/lib/confirm.js

@@ -22,21 +22,30 @@ var _util = require("./util");
 var _mobileWidth = _interopRequireDefault(require("./hooks/mobile-width"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
+const _excluded = ["title", "description", "showCancel", "cancel", "confirm", "color", "params", "onCancel", "onConfirm", "loading"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ConfirmDialog(_ref) {
   let {
-    title,
-    description,
-    showCancel,
-    cancel,
-    confirm,
-    color,
-    params: initialParams,
-    onCancel,
-    onConfirm,
-    loading: inputLoading
-  } = _ref;
+      title,
+      description,
+      showCancel,
+      cancel,
+      confirm,
+      color,
+      params: initialParams,
+      onCancel,
+      onConfirm,
+      loading: inputLoading
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [params, setParams] = (0, _react.useState)(initialParams);
   const [open, setOpen] = (0, _react.useState)(true);
   const [loading, setLoading] = (0, _react.useState)(false);
@@ -70,13 +79,14 @@ function ConfirmDialog(_ref) {
   const {
     minWidth
   } = (0, _mobileWidth.default)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, _objectSpread(_objectSpread({
     onClick: handleClick,
     fullScreen: isBreakpointsDownSm,
     open: open,
     style: {
       minWidth
-    },
+    }
+  }, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
       children: t
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogContent.default, {
@@ -124,7 +134,7 @@ function ConfirmDialog(_ref) {
         }), confirm]
       })]
     })]
-  });
+  }));
 }
 ConfirmDialog.propTypes = {
   title: _propTypes.default.any.isRequired,

package/lib/contexts/blocklet-storage.js

@@ -41,6 +41,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                                *  backupProgress: any,
                                                                                                                                                                                                                                                                                                                                                                                                *  backups: Backup[],
                                                                                                                                                                                                                                                                                                                                                                                                *  backupsLoading: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                               *  refreshBackupEndpoint: () => void,
                                                                                                                                                                                                                                                                                                                                                                                                * }} BlockletStorageContextType
                                                                                                                                                                                                                                                                                                                                                                                                */ /** @type {import('react').Context<BlockletStorageContextType>} */
 const BlockletStorageContext = /*#__PURE__*/(0, _react.createContext)({});
@@ -76,9 +77,10 @@ function BlockletStorageProvider(_ref) {
   const backupProgress = (0, _useBackupProgress.default)({
     appDid: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appDid
   });
+  const [backupEndpointRefresh, setBackupEndpointRefresh] = (0, _react.useState)(false);
   const backupEndpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [blocklet, spaceGatewaysRefresh]);
+  [blocklet, spaceGatewaysRefresh, backupEndpointRefresh]);
   const [backupsLoading, setBackupsLoading] = (0, _react.useState)(false);
   const {
     backups
@@ -151,7 +153,7 @@ function BlockletStorageProvider(_ref) {
       input: {
         did: blocklet.meta.did,
         where: {
-          url: spaceGateway.url
+          did: spaceGateway.did
         },
         spaceGateway
       }
@@ -181,6 +183,9 @@ function BlockletStorageProvider(_ref) {
    * @param {SpaceGateway} spaceGateway
    */
   const spaceGatewayIsSelected = spaceGateway => (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint) === backupEndpoint;
+  const refreshBackupEndpoint = () => {
+    setBackupEndpointRefresh(p => !p);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: {
       spaceGateways,
@@ -194,7 +199,8 @@ function BlockletStorageProvider(_ref) {
       backupEndpoint,
       backupProgress,
       backups,
-      backupsLoading
+      backupsLoading,
+      refreshBackupEndpoint
     },
     children: children
   });

package/lib/locales/en.js

@@ -232,7 +232,7 @@ module.exports = {
     protocol: 'Protocol',
     published: 'published',
     purchase: 'Purchase',
-    readMore: 'Read More',
+    readMore: 'More',
     redirect: 'Redirect',
     redirectCode: 'Redirect Code',
     redirectPermanently: 'Permanent Redirect',
@@ -451,6 +451,14 @@ module.exports = {
         ttl: 'Login session validity period (user will be asked to login again if they have no activity on this site for {day} days)',
         day: '{day} day',
         days: '{day} days'
+      },
+      clearCache: {
+        name: 'Cache Management',
+        purpose: 'Manage files cached in router and blocklet services',
+        title: 'Confirm Cache Clear?',
+        action: 'Clear Cache',
+        success: 'Successfully cleared {count} cache entries',
+        description: 'Are you sure you want to clear cached files in router and blocklet service? this operation may cause slight performance downgrade in the short term'
       }
     },
     overview: {
@@ -851,6 +859,12 @@ module.exports = {
         label: 'Site Domain',
         description: 'Please provide a valid site domain'
       },
+      setup: {
+        tipStart: 'Please ensure that the domain name',
+        tipEnd: 'has been correctly resolved',
+        recordType: 'Record Type',
+        recordValue: 'Record Value'
+      },
       verify: {
         ok: 'This site is resolved',
         notResolved: 'This site neither resolved nor accessible, please check your DNS configuration'

package/lib/locales/zh.js

@@ -237,7 +237,7 @@ module.exports = {
     protocol: '协议',
     published: '发布于',
     purchase: '购买',
-    readMore: '查看更多',
+    readMore: '更多',
     redirect: '重定向',
     redirectCode: '重定向状态码',
     redirectPermanently: '永久重定向',
@@ -456,6 +456,14 @@ module.exports = {
         ttl: '登录会话有效期（如果用户 {day} 天内在此站点没有任何活动，将被要求重新登录）',
         day: '{day} 天',
         days: '{day} 天'
+      },
+      clearCache: {
+        name: '缓存管理',
+        purpose: '管理缓存在网关和服务中的文件',
+        title: '确认清除缓存？',
+        action: '清除缓存',
+        success: '成功清除了 {count} 个缓存条目',
+        description: '您确定要清除缓存在网关和服务中的文件吗？此操作可能会在短期内导致轻微的性能降低。'
       }
     },
     overview: {
@@ -854,6 +862,12 @@ module.exports = {
         label: '站点域名',
         description: '请填写你所拥有的合法的站点域名'
       },
+      setup: {
+        tipStart: '请确保',
+        tipEnd: '域名已经被正确解析',
+        recordType: '记录类型',
+        recordValue: '记录值'
+      },
       verify: {
         ok: '该站点解析正常',
         notResolved: '改站点解析异常，请检查你域名服务商的 DNS 配置'