@abtnode/ux 1.16.17-beta-5d4664f8 → 1.16.17-beta-2ac96448

package/lib/blocklet/configuration.js

@@ -9,12 +9,15 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Loop = _interopRequireDefault(require("@mui/icons-material/Loop"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _constant = require("@abtnode/constant");
 var _constant2 = require("@blocklet/constant");
 var _util = require("@blocklet/meta/lib/util");
@@ -28,12 +31,11 @@ var _permission = _interopRequireWildcard(require("../permission"));
 var _clearCache = _interopRequireDefault(require("../clear-cache"));
 var _appSk = _interopRequireDefault(require("./preferences/app-sk"));
 var _transferOwner = _interopRequireDefault(require("./transfer-owner"));
+var _useAppLogo = _interopRequireDefault(require("../hooks/use-app-logo"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 const _excluded = ["blocklet", "onUpdate", "hasPermission"];
 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 _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; }
@@ -42,10 +44,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; }
+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; }
 const languages = Object.keys(_constant2.SUPPORTED_LANGUAGES).map(x => ({
   code: x,
   name: _constant2.SUPPORTED_LANGUAGES[x].nativeName
 }));
+
+// eslint-disable-next-line import/no-unresolved
+const UploaderComponent = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('@blocklet/uploader/react'))).then(res => ({
+  default: res.Uploader
+})));
+const uploadPrefix = '/blocklet/logo/upload';
 function BlockletEnvironment(_ref) {
   var _blocklet$settings;
   let {
@@ -54,7 +64,15 @@ function BlockletEnvironment(_ref) {
       hasPermission
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const node = (0, _node.useNodeContext)();
+  const {
+    api,
+    inService,
+    prefix,
+    getSessionInHeader,
+    ws: {
+      useSubscription
+    }
+  } = (0, _node.useNodeContext)();
   const {
     t
   } = (0, _react.useContext)(_context.LocaleContext);
@@ -64,12 +82,28 @@ function BlockletEnvironment(_ref) {
   const whoCanAccess = (0, _util.getWhoCanAccess)(blocklet);
   const publicToStore = blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.publicToStore;
   const disabled = loading || !hasPermission;
+  const uploaderLogoRef = (0, _react.useRef)(null);
   const {
-    inService,
-    ws: {
-      useSubscription
+    logoUrl,
+    rectLogoUrl,
+    faviconUrl
+  } = (0, _useAppLogo.default)({
+    blocklet
+  });
+  const [apiPathProps, setApiPathProps] = (0, _react.useState)();
+  const uploadLogoPrefix = (0, _urlJoin.default)(prefix, uploadPrefix, 'square', blocklet.meta.did);
+  const uploadLogoRectPrefix = (0, _urlJoin.default)(prefix, uploadPrefix, 'rect', blocklet.meta.did);
+  const uploadLogoFaviconPrefix = (0, _urlJoin.default)(prefix, uploadPrefix, 'favicon', blocklet.meta.did);
+  const openUploader = uploaderPrefix => {
+    if (!hasPermission) {
+      return;
     }
-  } = node;
+    setApiPathProps({
+      uploader: uploaderPrefix,
+      disableMediaKitPrefix: true
+    });
+    uploaderLogoRef.current.open();
+  };
   const {
     did
   } = blocklet.meta;
@@ -91,10 +125,6 @@ function BlockletEnvironment(_ref) {
   const deletable = !customDelete || customDelete.value === 'yes';
   const customLanguages = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LANGUAGES);
   const customUrl = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL);
-  const customLogoSquare = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE);
-  const customLogoRect = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT);
-  const customLogoFavicon = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON);
-  const customLogoDeprecated = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO);
   const copyrightOwner = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER);
   const copyrightYear = blocklet.environments.find(x => x.key === _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR);
   const configurableEnvs = [{
@@ -109,22 +139,6 @@ function BlockletEnvironment(_ref) {
     key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL,
     description: t('blocklet.config.appUrl'),
     value: customUrl ? customUrl.value : ''
-  }, {
-    key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE,
-    description: t('blocklet.config.logoSquare'),
-    value: customLogoSquare ? customLogoSquare.value : ''
-  }, {
-    key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT,
-    description: t('blocklet.config.logoRect'),
-    value: customLogoRect ? customLogoRect.value : ''
-  }, {
-    key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON,
-    description: t('blocklet.config.logoFavicon'),
-    value: customLogoFavicon ? customLogoFavicon.value : ''
-  }, {
-    key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO,
-    description: t('blocklet.config.logo'),
-    value: customLogoDeprecated ? customLogoDeprecated.value : ''
   }, {
     key: _constant2.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER,
     description: t('blocklet.config.copyrightOwner'),
@@ -155,7 +169,7 @@ function BlockletEnvironment(_ref) {
       } = e.target;
       const {
         blocklet: data
-      } = await node.api.configPublicToStore({
+      } = await api.configPublicToStore({
         input: {
           did: blocklet.meta.did,
           publicToStore: checked
@@ -187,7 +201,7 @@ function BlockletEnvironment(_ref) {
       setLoading(true);
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: params
@@ -211,7 +225,7 @@ function BlockletEnvironment(_ref) {
       } = e.target;
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: [{
@@ -236,7 +250,7 @@ function BlockletEnvironment(_ref) {
     try {
       setLoading(true);
       const corsAllowedOrigins = newValue.length ? newValue : ['__none__'];
-      await node.api.updateRoutingSite({
+      await api.updateRoutingSite({
         input: {
           id: site.id,
           corsAllowedOrigins,
@@ -259,7 +273,7 @@ function BlockletEnvironment(_ref) {
     try {
       const {
         blocklet: data
-      } = await node.api.configBlocklet({
+      } = await api.configBlocklet({
         input: {
           did: blocklet.meta.did,
           configs: [{
@@ -275,6 +289,11 @@ function BlockletEnvironment(_ref) {
       setLoading(false);
     }
   };
+  const uploaderStyle = {
+    '&::after': {
+      content: "\"".concat(t('common.switch'), "\"")
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
     children: [configurableEnvs.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       className: "config-form",
@@ -294,6 +313,95 @@ function BlockletEnvironment(_ref) {
         onSubmit: value => onSubmitConfig(item.key, value)
       })]
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: "config-form",
+      component: _Divider.default,
+      my: 3
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: "config-label",
+      fontSize: 14,
+      mb: 1,
+      sx: {
+        flexGrow: 0,
+        width: 'auto'
+      },
+      children: t('blocklet.config.logoSquare')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: (0, _classnames.default)('uploader-wrapper', hasPermission && 'enabled'),
+      sx: uploaderStyle,
+      onClick: () => openUploader(uploadLogoPrefix),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        sx: {
+          height: 80,
+          width: 80
+        },
+        variant: "square",
+        alt: "Blocklet Logo",
+        src: logoUrl
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: "config-label",
+      fontSize: 14,
+      mt: 4,
+      children: t('blocklet.config.logoRect')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mb: 1.5,
+      className: "config-desc",
+      children: t('blocklet.config.logoRectDesc')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: (0, _classnames.default)('uploader-wrapper', hasPermission && 'enabled'),
+      sx: uploaderStyle,
+      onClick: () => openUploader(uploadLogoRectPrefix),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        alt: "Blocklet Rect Logo",
+        src: rectLogoUrl,
+        style: {
+          height: '80px'
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: "config-label",
+      fontSize: 14,
+      mt: 4,
+      children: t('blocklet.config.logoFavicon')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mb: 1.5,
+      className: "config-desc",
+      children: t('blocklet.config.logoFaviconDesc')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      sx: {
+        display: 'inline-flex',
+        cursor: hasPermission ? 'pointer' : 'default'
+      },
+      onClick: () => openUploader(uploadLogoFaviconPrefix),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        variant: "square",
+        sx: {
+          width: 20,
+          height: 20
+        },
+        alt: "Blocklet Favicon Logo",
+        src: faviconUrl
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(UploaderComponent, {
+      id: "\u200Buploader-logo",
+      ref: uploaderLogoRef,
+      popup: true,
+      onUploadFinish: () => {
+        uploaderLogoRef.current.close();
+      },
+      plugins: [],
+      apiPathProps: apiPathProps,
+      coreProps: {
+        restrictions: {
+          allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
+          maxFileSize: 1024 * 1024 * 10,
+          maxNumberOfFiles: 1
+        }
+      },
+      tusProps: {
+        headers: getSessionInHeader
+      }
+    }, "uploader-logo"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       className: "config-form",
       children: whoCanAccess === 'all' && blocklet.source === 'registry' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         className: "config-item",
@@ -490,4 +598,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 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    }\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\n  .uploader-wrapper {\n    display: inline-flex;\n    position: relative;\n    font-size: 0px;\n    &.enabled {\n      cursor: pointer;\n    }\n    &::after {\n      display: none;\n    }\n    &.enabled::after {\n      display: block;\n      opacity: 0;\n      position: absolute;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.2);\n      left: 0;\n      right: 0;\n      height: 2.2em;\n      color: white;\n      text-align: center;\n      font-size: 12px;\n      line-height: 2em;\n      transition: opacity 0.3s ease;\n    }\n    &:hover::after {\n      opacity: 1;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));

package/lib/blocklet/publish/create-release.js

@@ -592,7 +592,7 @@ function CreateRelease(_ref2) {
               maxNumberOfFiles: 1
             }
           }
-        }, "uploader-screenshot"), /*#__PURE__*/(0, _jsxRuntime.jsx)(UploaderComponent, {
+        }, "uploader-logo"), /*#__PURE__*/(0, _jsxRuntime.jsx)(UploaderComponent, {
           id: "\u200Buploader-screenshot",
           ref: uploaderScreenshotRef,
           popup: true,

package/lib/blocklet/storage/auto-backup.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _switchControl = _interopRequireDefault(require("../component/switch-control"));
+var _blockletStorage = require("../../contexts/blocklet-storage");
+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; }
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /**
+                                                                                                                * @description
+                                                                                                                * @param {{
+                                                                                                                *  style: import('react').CSSProperties
+                                                                                                                * }} {...rest}
+                                                                                                                * @return {*}
+                                                                                                                */
+function AutoBackup(_ref) {
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    autoBackup,
+    updateAutoBackup
+  } = (0, _blockletStorage.useBlockletStorageContext)();
+  const configAutoBackup = async () => {
+    try {
+      const enabled = !autoBackup.enabled;
+      await updateAutoBackup({
+        enabled
+      });
+      _Toast.default.success(enabled ? t('storage.spaces.autoBackup.enabled') : t('storage.spaces.autoBackup.disabled'));
+    } catch (error) {
+      _Toast.default.error(error.message);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchControl.default, {
+    checked: Boolean(autoBackup === null || autoBackup === void 0 ? void 0 : autoBackup.enabled),
+    onChange: configAutoBackup,
+    name: "enableWelcomePage",
+    labelProps: {
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        marginRight: "8px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('storage.spaces.autoBackup.title')
+        })
+      })
+    },
+    style: _objectSpread({}, rest.style)
+  });
+}
+AutoBackup.propTypes = {};
+var _default = AutoBackup;
+exports.default = _default;

package/lib/blocklet/storage/connected.js

@@ -15,6 +15,7 @@ var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _diskInfo = _interopRequireDefault(require("../disk-info"));
 var _blockletStorage = require("../../contexts/blocklet-storage");
+var _autoBackup = _interopRequireDefault(require("./auto-backup"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -76,7 +77,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
         fontSize: "1.2rem",
         fontWeight: "bold",
+        flexGrow: 1,
         children: t('storage.spaces.connected.title')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_autoBackup.default, {
+        style: {
+          marginRight: '32px'
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectTo.default, {})]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       children: shouldShowLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {

package/lib/contexts/blocklet-storage.js

@@ -17,6 +17,7 @@ var _useSpaceGateways = _interopRequireDefault(require("../hooks/use-space-gatew
 var _node = require("./node");
 var _useBackupProgress = _interopRequireDefault(require("../hooks/use-backup-progress"));
 var _useBackups = _interopRequireDefault(require("../hooks/use-backups"));
+var _useAutoBackup = require("../hooks/use-auto-backup");
 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; }
@@ -26,6 +27,7 @@ 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); } /**
                                                                                                                                                                                                                                                                                                                                                                                            * @typedef {import('../blocklet/storage/connected').SpaceGateway} SpaceGateway
                                                                                                                                                                                                                                                                                                                                                                                            * @typedef {import('@abtnode/client').Backup} Backup
+                                                                                                                                                                                                                                                                                                                                                                                           * @typedef {import('@abtnode/client').AutoBackup} AutoBackup
                                                                                                                                                                                                                                                                                                                                                                                            */ /**
                                                                                                                                                                                                                                                                                                                                                                                                * @typedef {{
                                                                                                                                                                                                                                                                                                                                                                                                *  spaceGateways: SpaceGateway[],
@@ -36,12 +38,14 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                                *  refreshSpaceGateways: () => void,
                                                                                                                                                                                                                                                                                                                                                                                                *  spaceGatewaysLoading: boolean,
                                                                                                                                                                                                                                                                                                                                                                                                *  spaceGatewayIsSelected: (spaceGateway: SpaceGateway) => boolean,
+                                                                                                                                                                                                                                                                                                                                                                                               *  updateAutoBackup: (autoBackup: { enabled: boolean }) => Promise<void>,
                                                                                                                                                                                                                                                                                                                                                                                                *
                                                                                                                                                                                                                                                                                                                                                                                                *  backupEndpoint: string,
                                                                                                                                                                                                                                                                                                                                                                                                *  backupProgress: any,
                                                                                                                                                                                                                                                                                                                                                                                                *  backups: Backup[],
                                                                                                                                                                                                                                                                                                                                                                                                *  backupsLoading: boolean,
                                                                                                                                                                                                                                                                                                                                                                                                *  refreshBackupEndpoint: () => void,
+                                                                                                                                                                                                                                                                                                                                                                                               *  autoBackup: AutoBackup,
                                                                                                                                                                                                                                                                                                                                                                                                * }} BlockletStorageContextType
                                                                                                                                                                                                                                                                                                                                                                                                */ /** @type {import('react').Context<BlockletStorageContextType>} */
 const BlockletStorageContext = /*#__PURE__*/(0, _react.createContext)({});
@@ -89,6 +93,10 @@ function BlockletStorageProvider(_ref) {
     setLoading: setBackupsLoading
   });
   const [selectedSpaceGateway, setSelectedSpaceGateway] = (0, _react.useState)(spaceGateways === null || spaceGateways === void 0 ? void 0 : spaceGateways.find(x => x.endpoint === backupEndpoint));
+  const [autoBackupRefresh, setAutoBackupRefresh] = (0, _react.useState)(false);
+  const autoBackup = (0, _useAutoBackup.useAutoBackup)({
+    deps: [autoBackupRefresh]
+  });
 
   /**
    * @description
@@ -183,9 +191,26 @@ function BlockletStorageProvider(_ref) {
    * @param {SpaceGateway} spaceGateway
    */
   const spaceGatewayIsSelected = spaceGateway => (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint) === backupEndpoint;
+
+  /**
+   * @description
+   * @param {AutoBackup} value
+   */
+  const updateAutoBackup = async value => {
+    await api.updateAutoBackup({
+      input: {
+        did: blocklet.meta.did,
+        autoBackup: value
+      }
+    });
+    refreshAutoBackup();
+  };
   const refreshBackupEndpoint = () => {
     setBackupEndpointRefresh(p => !p);
   };
+  const refreshAutoBackup = () => {
+    setAutoBackupRefresh(x => !x);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: {
       spaceGateways,
@@ -196,11 +221,13 @@ function BlockletStorageProvider(_ref) {
       refreshSpaceGateways,
       spaceGatewaysLoading,
       spaceGatewayIsSelected,
+      updateAutoBackup,
       backupEndpoint,
       backupProgress,
       backups,
       backupsLoading,
-      refreshBackupEndpoint
+      refreshBackupEndpoint,
+      autoBackup
     },
     children: children
   });

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

@@ -5,21 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useAppLogo;
 var _urlJoin = _interopRequireDefault(require("url-join"));
+var _constant = require("@blocklet/constant");
 var _node = require("../contexts/node");
 var _util = require("../util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const getSearch = (blocklet, customLogo) => {
+  let search = '?v=';
+  if (customLogo) {
+    search += (0, _util.getLogoHash)(customLogo);
+  } else {
+    var _blocklet$meta;
+    search += "".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.isInstalling)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.status) ? '~' : '');
+  }
+  return search;
+};
 function useAppLogo(_ref) {
-  var _window$env, _blocklet$meta;
+  var _find, _find2, _find3, _window$env;
   let {
     blocklet
   } = _ref;
   const {
     inService
   } = (0, _node.useNodeContext)();
+  const customLogo = (_find = ((blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments) || []).find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)) === null || _find === void 0 ? void 0 : _find.value;
+  const customRectLogo = (_find2 = ((blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments) || []).find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)) === null || _find2 === void 0 ? void 0 : _find2.value;
+  const customFavicon = (_find3 = ((blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments) || []).find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)) === null || _find3 === void 0 ? void 0 : _find3.value;
   const prefix = ((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.apiPrefix) || '/';
-  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.isInstalling)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.status) ? '~' : '');
-  const logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo/".concat(inService ? '' : blocklet.meta.did), search);
+  const logoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo/".concat(inService ? '' : blocklet.meta.did), getSearch(blocklet, customLogo));
+  const rectLogoUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo-rect/".concat(inService ? '' : blocklet.meta.did), getSearch(blocklet, customRectLogo));
+  const faviconUrl = (0, _urlJoin.default)(prefix, "/blocklet/logo-favicon/".concat(inService ? '' : blocklet.meta.did), getSearch(blocklet, customFavicon));
   return {
-    logoUrl
+    logoUrl,
+    rectLogoUrl,
+    faviconUrl
   };
 }

package/lib/hooks/use-auto-backup.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutoBackup = useAutoBackup;
+var _ahooks = require("ahooks");
+var _react = require("react");
+var _blocklet = require("../contexts/blocklet");
+var _node = require("../contexts/node");
+/* eslint-disable import/prefer-default-export */
+
+function useAutoBackup() {
+  var _blocklet$meta2;
+  let {
+    deps
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    deps: []
+  };
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  /** @type {{api: import('@abtnode/client')}} */
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [autoBackup, setAutoBackup] = (0, _react.useState)(null);
+  (0, _ahooks.useAsyncEffect)(async () => {
+    var _blocklet$meta;
+    if (blocklet !== null && blocklet !== void 0 && (_blocklet$meta = blocklet.meta) !== null && _blocklet$meta !== void 0 && _blocklet$meta.did) {
+      const {
+        autoBackup: data
+      } = await api.getAutoBackup({
+        input: {
+          did: blocklet.meta.did
+        }
+      });
+      setAutoBackup(data);
+    }
+  }, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta2 = blocklet.meta) === null || _blocklet$meta2 === void 0 ? void 0 : _blocklet$meta2.did].concat(deps));
+  return autoBackup;
+}

package/lib/locales/en.js

@@ -280,6 +280,7 @@ module.exports = {
     succeeded: 'Succeeded',
     subscription: 'Subscription',
     support: 'Support',
+    switch: 'Switch',
     team: 'Team',
     the: 'The',
     timeAgo: '{time} ago',
@@ -393,10 +394,11 @@ module.exports = {
       name: 'Blocklet Name',
       description: 'Blocklet Description',
       sk: 'Secret key for the blocklet wallet',
-      logo: '(Deprecated) Logo URL or path for the blocklet',
-      logoSquare: 'Square logo URL or path for the blocklet (optional, default to logo from blocklet store)',
-      logoRect: 'Horizontal logo URL or path for the blocklet (optional)',
-      logoFavicon: 'favicon URL or path for the blocklet (optional, default to square logo)',
+      logoSquare: 'App Logo',
+      logoRect: 'Rect logo',
+      logoRectDesc: 'Usually displayed at the top of the page, default to app logo',
+      logoFavicon: 'Favicon',
+      logoFaviconDesc: "Usually displayed in the browser's address bar or tab page, default to app logo",
       clusterSize: 'Instance count when run this blocklet in cluster mode',
       copyrightOwner: 'Copyright Owner (Display in footer)',
       copyrightYear: 'Copyright Year (Display in footer)',
@@ -1439,6 +1441,11 @@ module.exports = {
         title: 'Backup',
         records: 'Backup Records'
       },
+      autoBackup: {
+        title: 'Auto backup',
+        enabled: 'Automatic backup is on',
+        disabled: 'Automatic backup is off'
+      },
       backupSuccessfully: 'Backup successfully',
       restore: 'Restore',
       restoreSuccessfully: 'Restore successfully',

package/lib/locales/zh.js

@@ -285,6 +285,7 @@ module.exports = {
     succeeded: '成功',
     subscription: '订阅',
     support: '服务支持',
+    switch: '切换',
     team: '团队',
     the: '此',
     timeAgo: '{time}前',
@@ -397,10 +398,11 @@ module.exports = {
       name: '应用名称',
       description: '应用描述',
       sk: '应用账户私钥',
-      logo: '（即将废弃）应用 Logo 地址或路径',
-      logoSquare: '正方形 Logo 地址或路径 (可选，默认使用发布到 Store 的应用Logo)',
-      logoRect: '横版 Logo 地址或路径 (可选)',
-      logoFavicon: 'favicon 地址或路径 (可选，默认和正方形 Logo 相同)',
+      logoSquare: '应用 Logo',
+      logoRect: '横版 Logo',
+      logoRectDesc: '通常显示在页面顶部，默认和应用 Logo 相同',
+      logoFavicon: 'Favicon',
+      logoFaviconDesc: '通常显示在浏览器的地址栏或标签页中，默认和应用 Logo 相同',
       clusterSize: '以 Cluster 模式启动时的实例数量',
       copyrightOwner: '版权所有者 (展示在页脚中)',
       copyrightYear: '版权年份 (展示在页脚中)',
@@ -1443,6 +1445,11 @@ module.exports = {
         title: '备份',
         records: '备份记录'
       },
+      autoBackup: {
+        title: '自动备份',
+        enabled: '自动备份已开启',
+        disabled: '自动备份已关闭'
+      },
       backupSuccessfully: '备份成功',
       restore: '还原',
       restoreSuccessfully: '还原成功',