@abtnode/ux 1.16.7 → 1.16.8-beta-ca58a421

package/lib/blocklet/storage/switch-did-spaces.js

@@ -0,0 +1,317 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _material = require("@mui/material");
+var _react = require("react");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _isUrl = _interopRequireDefault(require("is-url"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _constant = require("@blocklet/constant");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _add = _interopRequireDefault(require("./add"));
+var _item = _interopRequireDefault(require("./item"));
+var _connect = _interopRequireDefault(require("./connect"));
+var _session = require("../../../lib/contexts/session");
+var _blocklet = require("../../../lib/contexts/blocklet");
+var _toast = _interopRequireDefault(require("../../toast"));
+var _node = require("../../contexts/node");
+var _spaces = require("../../util/spaces");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+/**
+ * @typedef {{
+ *  name: string,
+ *  url: string,
+ *  protected?: boolean,
+ *  endpoint?: string
+ * }} SpaceGateway
+ */
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const BoxContainer = (0, _styled.default)(_material.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+
+/**
+ * @FIXME 希望之后放在 sdk 中 @jianchao
+ * @description
+ * @param {string} endpoint
+ * @returns {string}
+ */
+function getSpaceUrlFromEndpoint(endpoint) {
+  const prefix = endpoint.replace(/\/api\/space\/.+/, '');
+  const strArray = endpoint.replace(/\/$/, '').split('/');
+  const spaceDid = strArray.at(-4);
+  return (0, _urlJoin.default)(prefix, 'space', spaceDid);
+}
+
+/**
+ * @description
+ * @param {{
+ *  mode: 'add' | 'switch'
+ * }} {mode}
+ * @return {React.Component}
+ */
+function SwitchDIDSpaces(_ref) {
+  var _connectedGateway$nam;
+  let {
+    mode
+  } = _ref;
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet,
+    actions: {
+      refreshBlocklet
+    }
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [spaceGateways, setSpaceGateways] = (0, _react.useState)( /** @type {SpaceGateway[]} */
+  []);
+  const spaceBackupEndpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments), [blocklet]);
+  const {
+    api
+  } = (0, _session.useSessionContext)();
+  const {
+    api: nodeApi
+  } = (0, _node.useNodeContext)();
+  const [selectedGateway, setSelectedGateway] = (0, _react.useState)({});
+  const [connectedGateway, setConnectedGateway] = (0, _react.useState)(null);
+  (0, _ahooks.useAsyncEffect)(async () => {
+    var _spaceGateways$find;
+    const {
+      spaceGateways: _spaceGateways
+    } = await nodeApi.getBlockletSpaceGateways({
+      input: {
+        did: blocklet.meta.did
+      }
+    });
+    setSpaceGateways([{
+      name: 'Prod DID Spaces',
+      url: 'https://www.didspaces.com/app',
+      protected: true
+    }, ...(_spaceGateways !== null && _spaceGateways !== void 0 ? _spaceGateways : [])]);
+    setConnectedGateway((_spaceGateways$find = _spaceGateways.find(spaceGateway => spaceBackupEndpoint.includes(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url))) !== null && _spaceGateways$find !== void 0 ? _spaceGateways$find : {});
+    if ((0, _lodash.isEmpty)(selectedGateway)) {
+      var _spaceGateways$find2;
+      setSelectedGateway((_spaceGateways$find2 = _spaceGateways.find(spaceGateway => spaceBackupEndpoint.includes(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url))) !== null && _spaceGateways$find2 !== void 0 ? _spaceGateways$find2 : {});
+    }
+  }, [blocklet]);
+
+  /**
+   *
+   * @param {SpaceGateway} spaceGateway
+   */
+  const onSelectGateway = async spaceGateway => {
+    if ((spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) !== (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url)) {
+      setSelectedGateway(spaceGateway);
+    }
+  };
+
+  /**
+   *
+   * @param {string} url
+   * @returns {Promise<void>}
+   */
+  const onAddGateway = async url => {
+    if (!(0, _lodash.isString)(url)) {
+      throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
+    }
+
+    // eslint-disable-next-line no-param-reassign
+    url = url.trim().replace(/\/$/, '');
+    if (!url.startsWith('http')) {
+      // eslint-disable-next-line no-param-reassign
+      url = "https://".concat(url);
+    }
+    if (!(0, _isUrl.default)(url)) {
+      throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
+    }
+    const duplicate = spaceGateways.some(s => s.url === url);
+    if (duplicate) {
+      throw new Error(t('storage.spaces.gateway.add.duplicate', {
+        url: url.url
+      }));
+    }
+    const {
+      data
+    } = await api.get((0, _urlJoin.default)(url, '/__blocklet__.js?type=json'));
+    const spaceGateway = {
+      name: data.appName,
+      url
+    };
+    await nodeApi.addBlockletSpaceGateway({
+      input: {
+        did: blocklet.meta.did,
+        spaceGateway
+      }
+    });
+    setSpaceGateways(preValue => {
+      return [...preValue, spaceGateway];
+    });
+    setSelectedGateway(spaceGateway);
+  };
+
+  /**
+   *
+   * @description
+   * @param {SpaceGateway} spaceGateway
+   * @param {number} index
+   */
+  const onDeleteGateway = async (spaceGateway, index) => {
+    if (!spaceGateway) {
+      return;
+    }
+    if (spaceBackupEndpoint === (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint)) {
+      _toast.default.warning(t('storage.spaces.gateway.delete.failedForConnected'));
+      return;
+    }
+    await nodeApi.deleteBlockletSpaceGateway({
+      input: {
+        did: blocklet.meta.did,
+        url: spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url
+      }
+    });
+    setSpaceGateways(preSpaceGateways => {
+      return preSpaceGateways.filter(s => s.url !== spaceGateway.url);
+    });
+    if ((spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) === (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url)) {
+      setSelectedGateway(spaceGateways[index - 1]);
+    }
+  };
+
+  /**
+   *
+   *
+   * @param {SpaceGateway} spaceGateway
+   * @param {string} _endpoint
+   * @return {Promise<void>}
+   */
+  const onConnectGateway = async (spaceGateway, _endpoint) => {
+    var _spaceGateway$name;
+    const {
+      data
+    } = await api.get((0, _urlJoin.default)(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url, '/__blocklet__.js?type=json'));
+    await nodeApi.updateBlockletSpaceGateway({
+      input: {
+        did: blocklet.meta.did,
+        where: {
+          url: spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url
+        },
+        spaceGateway: _objectSpread(_objectSpread({}, spaceGateway), {}, {
+          name: data === null || data === void 0 ? void 0 : data.appName,
+          endpoint: _endpoint
+        })
+      }
+    });
+    if (spaceBackupEndpoint !== _endpoint) {
+      await nodeApi.configBlocklet({
+        input: {
+          did: [blocklet.meta.did],
+          configs: [{
+            key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,
+            value: spaceGateway.url
+          }, {
+            key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,
+            value: _endpoint
+          }]
+        }
+      });
+    }
+    _toast.default.success(t('storage.spaces.connectedWithName', {
+      name: (_spaceGateway$name = spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.name) !== null && _spaceGateway$name !== void 0 ? _spaceGateway$name : 'DID Spaces'
+    }));
+    refreshBlocklet();
+    setTimeout(() => setOpen(false), 1000);
+  };
+  const textProps = mode === 'add' ? {
+    text: t('storage.spaces.gateway.connect.add'),
+    tips: t('storage.spaces.gateway.connect.addTips')
+  } : {
+    text: t('storage.spaces.gateway.connect.switch'),
+    tips: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [t('storage.spaces.gateway.connect.switchTips', {
+        name: ''
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
+        href: getSpaceUrlFromEndpoint(spaceBackupEndpoint),
+        target: "_blank",
+        children: (_connectedGateway$nam = connectedGateway === null || connectedGateway === void 0 ? void 0 : connectedGateway.name) !== null && _connectedGateway$nam !== void 0 ? _connectedGateway$nam : 'Spaces'
+      })]
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BoxContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      marginTop: "16px",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "inline",
+        children: [t('storage.spaces.tips'), ": \xA0", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          display: "inline",
+          color: "primary.main",
+          fontWeight: "fontWeightBold",
+          children: textProps.tips
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      marginTop: "16px",
+      display: "flex",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        size: "small",
+        variant: "contained",
+        onClick: () => setOpen(true),
+        children: textProps.text
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+      open: open,
+      title: t('storage.spaces.gateway.select'),
+      disableEscapeKeyDown: true,
+      disablePortal: false,
+      fullWidth: true,
+      onClose: () => setOpen(false),
+      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
+          onAdd: onAddGateway
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connect.default, {
+          spaceGateway: selectedGateway,
+          onConnect: onConnectGateway
+        })]
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+        children: spaceGateways.map((spaceGateway, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+          button: true,
+          selected: (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) === (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url),
+          "data-cy": "switch-did-spaces-gateway",
+          onClick: () => onSelectGateway(spaceGateway),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
+              spaceGateway: spaceGateway,
+              connected: spaceBackupEndpoint === (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint),
+              onDelete: _spaceGateway => onDeleteGateway(_spaceGateway, index)
+            })
+          })
+        }, spaceGateway.url))
+      })
+    })]
+  });
+}
+SwitchDIDSpaces.propTypes = {
+  mode: _propTypes.default.oneOf(['add', 'switch'])
+};
+SwitchDIDSpaces.defaultProps = {
+  mode: 'switch'
+};
+var _default = SwitchDIDSpaces;
+exports.default = _default;

package/lib/confirm.js

@@ -34,7 +34,8 @@ function ConfirmDialog(_ref) {
     color,
     params: initialParams,
     onCancel,
-    onConfirm
+    onConfirm,
+    loading: inputLoading
   } = _ref;
   const [params, setParams] = (0, _react.useState)(initialParams);
   const [open, setOpen] = (0, _react.useState)(true);
@@ -114,11 +115,11 @@ function ConfirmDialog(_ref) {
         color: color
         // eslint-disable-next-line no-underscore-dangle
         ,
-        disabled: params.__disableConfirm || loading,
+        disabled: params.__disableConfirm || loading || inputLoading,
         variant: "contained",
         "data-cy": "submit-confirm-dialog",
         autoFocus: true,
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        children: [(loading || inputLoading) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
           size: 16
         }), confirm]
       })]
@@ -136,7 +137,8 @@ ConfirmDialog.propTypes = {
   params: _propTypes.default.object,
   // This object holds states managed in the dialog
   onCancel: _propTypes.default.func,
-  onConfirm: _propTypes.default.func.isRequired
+  onConfirm: _propTypes.default.func.isRequired,
+  loading: _propTypes.default.bool
 };
 ConfirmDialog.defaultProps = {
   onCancel: () => {},
@@ -144,6 +146,7 @@ ConfirmDialog.defaultProps = {
   cancel: '',
   confirm: 'Confirm',
   color: 'error',
-  params: {}
+  params: {},
+  loading: false
 };
 const StyledDialog = (0, _styled.default)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .delete-actions .Mui-disabled {\n    color: rgba(0, 0, 0, 0.26) !important;\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12) !important;\n  }\n"])));

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

@@ -25,6 +25,10 @@ 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", "secure", "triggers", "formatterBeforeSubmit"];
+/**
+ * @param {*} value value 空时, null 表示未修改, '' 表示已修改
+ * @returns
+ */
 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; }
@@ -35,6 +39,18 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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; }
+const getDisplayValue = (value, secure, initialValue) => {
+  if (value === null && secure && initialValue) {
+    return '******';
+  }
+  if (!value) {
+    return '';
+  }
+  if (secure) {
+    return '******';
+  }
+  return value;
+};
 function InputTriggers(_ref) {
   let {
     triggers,
@@ -136,7 +152,9 @@ function FormTextInput(_ref2) {
     rest = _objectWithoutProperties(_ref2, _excluded);
   const [editing, setEditing] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
-  const [defaultValue, setDefaultValue] = (0, _react.useState)(secure && initialValue === '__encrypted__' ? '' : initialValue);
+
+  // value 空时, null 表示未修改, '' 表示已修改
+  const [defaultValue, setDefaultValue] = (0, _react.useState)(secure && initialValue === '__encrypted__' ? null : initialValue);
   const [value, setValue] = (0, _react.useState)(defaultValue);
   const handleSubmit = async () => {
     setLoading(true);
@@ -192,7 +210,7 @@ function FormTextInput(_ref2) {
     style: {
       whiteSpace: 'pre-wrap'
     },
-    children: secure ? '******' : value
+    children: getDisplayValue(value, secure, initialValue)
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formWrapper.default, {
     className: "form",

package/lib/locales/en.js

@@ -260,6 +260,7 @@ module.exports = {
     status: 'Status',
     stop: 'Stop',
     storage: 'Storage',
+    backup: 'Backup',
     store: 'Store',
     success: 'success',
     support: 'Support',
@@ -295,7 +296,13 @@ module.exports = {
     gateway: 'Gateway',
     verifyNFT: 'Verify NFT',
     errorMessage: 'Error Message:',
-    slugifyHint: 'The actual mount point will be: {value}'
+    slugifyHint: 'The actual mount point will be: {value}',
+    strategy: 'Strategy',
+    auto: 'Auto',
+    manual: 'Manual',
+    progress: 'Progress',
+    startTime: 'Start time',
+    endTime: 'End time'
   },
   blocklet: {
     external: 'External',
@@ -531,7 +538,8 @@ module.exports = {
       domainLockTooltip: 'The system generated Domain cannot be edited.',
       urlLockTooltip: 'The system generated URL Path cannot be edited.',
       showAllDomains: 'Show all domains',
-      showAllDIDs: 'Show all DIDs'
+      showAllDIDs: 'Show all DIDs',
+      currentDomainTip: 'You are accessing the current page through this domain'
     },
     export: {
       title: 'Export Blocklet',
@@ -1300,20 +1308,60 @@ module.exports = {
     spaces: {
       tips: 'Tips',
       label: 'Enter DID Spaces Gateway',
-      connected: 'You have successfully connect to did-space gateway',
+      connected: 'You have successfully connected to DID Spaces',
+      connectedWithName: 'You have successfully connected to {name}',
       connect: 'Connect',
       reconnect: 'Reconnect',
       addressCannotEmpty: 'Address cannot be empty',
       addressNotValid: '{url} is not a valid address',
       authorize: {
-        title: 'Authorize {appName}',
-        scan: 'Use your DID Wallet to scan the QR code below to authorize the app {appName} to access the space in spaces',
-        success: 'Authorized successfully'
+        title: 'Connect {appName} to DID Spaces',
+        scan: 'Use your DID Wallet to scan the QR code below to allow the app {appName} to connect to DID Spaces',
+        success: 'Connection successful'
       },
       backup: 'Backup',
       backupSuccessfully: 'Backup successfully',
       restore: 'Restore',
-      restoreSuccessfully: 'Restore successfully'
+      restoreSuccessfully: 'Restore successfully',
+      gateway: {
+        title: 'Gateway',
+        select: 'Select a DID Spaces',
+        add: {
+          title: 'Add DID Spaces',
+          label: 'Enter the url of the DID Spaces',
+          failed: 'Add DID Spaces failed',
+          invalidUrl: 'Invalid DID Spaces url',
+          duplicate: 'DID Spaces already exist'
+        },
+        delete: {
+          title: 'Delete gateway',
+          failed: 'Delete gateway failed',
+          failedForConnected: 'Unable to delete a connected DID Spaces'
+        },
+        connect: {
+          title: 'Connect to my DID Spaces',
+          add: 'Connect to DID Spaces now',
+          addTips: 'You are not connected to any Space yet',
+          switch: 'Switch DID Spaces',
+          switchTips: 'You are connected to {name}',
+          connected: 'Connected'
+        },
+        connectTo: 'Connect to DID Spaces'
+      },
+      strategy: {
+        title: 'Backup Strategy',
+        autoBackup: 'Auto backup',
+        backupNow: 'Backup now',
+        viewBackupFiles: 'View backup files'
+      },
+      progress: {
+        title: 'Backup progress'
+      },
+      record: {
+        title: 'Backup record',
+        emptyData: 'No record'
+      },
+      notYet: "You don't have a backup in progress yet..."
     }
   },
   log: {

package/lib/locales/zh.js

@@ -265,6 +265,7 @@ module.exports = {
     status: '状态',
     stop: '停止',
     storage: '存储',
+    backup: '备份',
     store: '商店',
     success: '成功',
     support: '服务支持',
@@ -300,7 +301,13 @@ module.exports = {
     gateway: '网关',
     verifyNFT: '验证凭证',
     errorMessage: '错误信息：',
-    slugifyHint: '最终生效的挂载点是: {value}'
+    slugifyHint: '最终生效的挂载点是: {value}',
+    strategy: '策略',
+    auto: '自动',
+    manual: '手动',
+    progress: '进行中',
+    startTime: '开始时间',
+    endTime: '结束时间'
   },
   blocklet: {
     external: '外部',
@@ -538,7 +545,8 @@ module.exports = {
       domainLockTooltip: '无法编辑由系统生成的 域名',
       urlLockTooltip: '无法编辑由系统生成的 URL 路径',
       showAllDomains: '显示所有域名',
-      showAllDIDs: '显示所有 DID'
+      showAllDIDs: '显示所有 DID',
+      currentDomainTip: '你正在通过该域名访问当前页面'
     },
     export: {
       title: '导出 Blocklet',
@@ -1304,20 +1312,59 @@ module.exports = {
     spaces: {
       tips: '提示',
       label: '请输入 DID Spaces 服务地址',
-      connected: '你已成功获得 Spaces 授权',
-      connect: '前往授权',
-      reconnect: '重新授权',
+      connected: '你已成功连接至 DID Spaces',
+      connectedWithName: '你已成功连接至 {name}',
+      connect: '立即连接',
+      reconnect: '重新连接',
       addressCannotEmpty: '地址不能为空',
       addressNotValid: '{url} 不是一个合法的地址',
       authorize: {
-        title: '授权 {appName}',
-        scan: '使用你的 DID Wallet 扫描下面的二维码以授权应用 {appName} 访问 Spaces 中的空间',
-        success: '授权成功'
+        title: '连接 {appName} 至 DID Spaces',
+        scan: '使用你的 DID Wallet 扫描下面的二维码以允许应用 {appName} 连接至 DID Spaces',
+        success: '连接成功'
       },
       backup: '备份',
       backupSuccessfully: '备份成功',
       restore: '还原',
-      restoreSuccessfully: '还原成功'
+      restoreSuccessfully: '还原成功',
+      gateway: {
+        select: '选择一个 DID Spaces',
+        add: {
+          title: '添加 DID Spaces',
+          label: '输入 DID Spaces 的地址',
+          failed: '添加 DID Spaces 失败',
+          invalidUrl: '无效的 DID Spaces 地址',
+          duplicate: 'DID Spaces 已存在'
+        },
+        delete: {
+          title: '删除 DID Spaces',
+          failed: '删除 DID Spaces 失败',
+          failedForConnected: '无法删除一个已连接的 DID Spaces'
+        },
+        connect: {
+          title: '连接到我的 DID Spaces',
+          add: '立即连接 DID Spaces',
+          addTips: '你还没有连接到任何的 DID Spaces',
+          switch: '切换 DID Spaces',
+          switchTips: '你已连接到 {name}',
+          connected: '已连接'
+        },
+        connectTo: '连接至 DID Spaces'
+      },
+      strategy: {
+        title: '备份策略',
+        autoBackup: '自动备份',
+        backupNow: '立即备份',
+        viewBackupFiles: '查看备份文件'
+      },
+      progress: {
+        title: '备份进度'
+      },
+      record: {
+        title: '备份记录',
+        emptyData: '暂无记录'
+      },
+      notYet: '你还没有正在进行中的备份...'
     }
   },
   log: {

package/lib/util/spaces.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBackupFilesUrlFromEndpoint = getBackupFilesUrlFromEndpoint;
+exports.getSpaceBackupEndpoint = getSpaceBackupEndpoint;
+exports.getSpaceGatewayFromEndpoint = getSpaceGatewayFromEndpoint;
+exports.hasPermissionByEndpoint = hasPermissionByEndpoint;
+var _isUrl = _interopRequireDefault(require("is-url"));
+var _constant = require("@blocklet/constant");
+var _api = require("./api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable import/prefer-default-export */
+const joinUrl = require('url-join');
+
+/**
+ * @FIXME 希望之后放在 sdk 中 @jianchao
+ * @description
+ * @param {string} endpoint
+ * @returns {string}
+ */
+function getBackupFilesUrlFromEndpoint(endpoint) {
+  const prefix = endpoint.replace(/\/api\/space\/.+/, '');
+  const strArray = endpoint.replace(/\/$/, '').split('/');
+  const spaceDid = strArray.at(-4);
+  const appDid = strArray.at(-2);
+  return joinUrl(prefix, 'space', spaceDid, 'apps', appDid, 'explorer', "?key=/apps/".concat(appDid, "/.did-objects/").concat(appDid, "/"));
+}
+
+/**
+ * @description
+ * @export
+ * @param {string} endpoint
+ * @return {Promise<boolean>}
+ */
+async function hasPermissionByEndpoint(endpoint) {
+  try {
+    if (!(0, _isUrl.default)(endpoint)) {
+      return false;
+    }
+    const {
+      headers
+    } = await _api.api.head(endpoint, {
+      timeout: 5000
+    });
+    return headers['x-listable'] === 'true' && headers['x-readable'] === 'true' && headers['x-writeable'] === 'true';
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+}
+
+/**
+ * @description
+ * @export
+ * @param {import('@abtnode/client').ConfigEntry[]} environments
+ * @return {string}
+ */
+function getSpaceBackupEndpoint(environments) {
+  var _environments$find;
+  return (environments === null || environments === void 0 ? void 0 : (_environments$find = environments.find(e => e.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT)) === null || _environments$find === void 0 ? void 0 : _environments$find.value) || '';
+}
+
+/**
+ * @description
+ * @export
+ * @param {string} endpoint
+ * @return {boolean}
+ */
+function getSpaceGatewayFromEndpoint(endpoint) {
+  return endpoint === null || endpoint === void 0 ? void 0 : endpoint.replace(/\/api\/space\/.+/, '');
+}