@abtnode/ux 1.16.17-beta-09df289d → 1.16.17-beta-4f13d99d

package/es/util/spaces.js

@@ -1,10 +1,10 @@
 import isUrl from 'is-url';
 import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
 import { isObject } from 'lodash';
+import { joinURL } from 'ufo';
 import { api } from './api';
 
 /* eslint-disable import/prefer-default-export */
-const joinUrl = require('url-join');
 
 /**
  * @FIXME 希望之后放在 sdk 中 @jianchao
@@ -17,7 +17,7 @@ export function getBackupFilesUrlFromEndpoint(endpoint) {
   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/${appDid}/.did-objects/${appDid}/`);
+  return joinURL(prefix, 'space', spaceDid, 'apps', appDid, `explorer?key=/apps/${appDid}/.did-objects/${appDid}/`);
 }
 
 /**
@@ -30,7 +30,7 @@ export function getDIDSpaceUrlFromEndpoint(endpoint) {
   const prefix = endpoint.replace(/\/api\/space\/.+/, '');
   const strArray = endpoint.replace(/\/$/, '').split('/');
   const spaceDid = strArray.at(-4);
-  return joinUrl(prefix, 'space', spaceDid);
+  return joinURL(prefix, 'space', spaceDid);
 }
 
 /**
@@ -88,6 +88,19 @@ export function getSpaceGatewayFromEndpoint(endpoint) {
   return endpoint?.replace(/\/api\/space\/.+/, '');
 }
 
+/**
+ * @description
+ * @export
+ * @param {string} url
+ * @return {string}
+ */
+export function extraDIDSpacesCoreUrl(url) {
+  const Url = new URL(url);
+  // @note: 去除查询参数的那部分字符串
+  const didSpacesCoreUrl = joinURL(Url.origin, Url.pathname);
+  return didSpacesCoreUrl;
+}
+
 /**
  * @description
  * @export
@@ -99,7 +112,8 @@ export async function isValidSpaceGatewayUrl(spaceGatewayUrl) {
     if (!isUrl(spaceGatewayUrl)) {
       return false;
     }
-    const didConnectTokenUrl = joinUrl(spaceGatewayUrl, 'space/api/did/one-click-authorization/token');
+    const didSpacesCoreUrl = extraDIDSpacesCoreUrl(spaceGatewayUrl);
+    const didConnectTokenUrl = joinURL(didSpacesCoreUrl, 'space/api/did/one-click-authorization/token');
     const {
       status,
       data
@@ -147,7 +161,7 @@ export function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
   const prefix = endpoint.replace(/\/api\/space\/.+/, '');
   const strArray = endpoint.replace(/\/$/, '').split('/');
   const spaceDid = strArray.at(-4);
-  return joinUrl(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
+  return joinURL(prefix, `/api/space/nft/display?spaceDid=${spaceDid}`);
 }
 
 /**

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

@@ -10,13 +10,13 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _didAddress = _interopRequireDefault(require("../../did-address"));
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
 var _session = require("../../contexts/session");
@@ -80,6 +80,14 @@ function CreateProject(_ref) {
     setOpenConnect(false);
   };
   const onCreate = () => {
+    if (!blockletDid) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
+    if (!blockletTitle) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
+      return;
+    }
     setLoading(true);
     api.createProject({
       input: {
@@ -113,26 +121,29 @@ function CreateProject(_ref) {
       style: {
         maxWidth: 500
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        required: true,
         sx: {
-          mb: 3
+          mb: 4
         },
-        display: "flex",
-        alignItems: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
-          variant: "h6",
-          sx: {
-            mr: 3
-          },
-          children: ["Blocklet DID:", ' ']
-        }), blockletDid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-          size: 14,
-          responsive: true,
-          did: blockletDid
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: () => setOpenConnect(true),
-          children: t('blocklet.publish.createBlockletDid')
-        })]
+        label: "Blocklet DID",
+        fullWidth: true,
+        readonly: true,
+        autoComplete: "off",
+        variant: "outlined",
+        onClick: () => !blockletDid && setOpenConnect(true),
+        InputProps: {
+          'data-cy': 'export-blocklet-did',
+          endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
+            position: "end",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              onClick: () => setOpenConnect(true),
+              children: t(blockletDid ? 'common.update' : 'common.create')
+            })
+          })
+        },
+        helperText: "",
+        value: blockletDid || ''
       }), openConnect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
         open: true,
         popup: true,
@@ -155,10 +166,11 @@ function CreateProject(_ref) {
           success: t('blocklet.publish.connect.success')
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        required: true,
         label: "Blocklet ".concat(t('common.title')),
         autoComplete: "off",
         variant: "outlined",
-        inputProps: {
+        InputProps: {
           'data-cy': 'export-blocklet-title'
         },
         fullWidth: true,
@@ -186,7 +198,7 @@ function CreateProject(_ref) {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       variant: "contained",
-      disabled: loading || !blockletDid || !blockletTitle,
+      disabled: loading,
       onClick: onCreate,
       children: t('common.create')
     })]

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

@@ -18,6 +18,7 @@ var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
@@ -29,6 +30,7 @@ var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
+var _util = require("../../util");
 var _resource = _interopRequireDefault(require("./resource"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
@@ -41,10 +43,49 @@ 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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; } // eslint-disable-next-line import/no-unresolved
+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 allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
+const maxFileSize = 1024 * 1024 * 10; // 10 MB
+
+// 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 validateParams = (params, status, t) => {
+  const errors = [];
+  if (!params.blockletTitle) {
+    errors.push({
+      param: 'blockletTitle',
+      message: t('blocklet.publish.errorTip.noTitle')
+    });
+  }
+  if (!params.blockletVersion) {
+    errors.push({
+      param: 'blockletVersion',
+      message: t('blocklet.publish.errorTip.noVersion')
+    });
+  } else if (!_semver.default.valid(params.blockletVersion)) {
+    errors.push({
+      param: 'blockletVersion',
+      message: 'Invalid Blocklet Version'
+    });
+  }
+  if (status === _constant.PROJECT.RELEASE_STATUS.published) {
+    if (!params.blockletDescription) {
+      errors.push({
+        param: 'blockletDescription',
+        message: t('blocklet.publish.errorTip.noDescription')
+      });
+    }
+    if (!params.note) {
+      errors.push({
+        param: 'note',
+        message: t('blocklet.publish.errorTip.noNote')
+      });
+    }
+  }
+  return errors.length ? errors : null;
+};
 const addComponentTabs = _ref => {
   let {
     tabs,
@@ -73,9 +114,13 @@ const addComponentTabs = _ref => {
     value: key
   });
 };
-const pickParams = release => (0, _pick.default)(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+const pickParams = release => {
+  const params = (0, _pick.default)(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'note']);
+  params.blockletScreenshots || (params.blockletScreenshots = []);
+  return params;
+};
 function CreateRelease(_ref2) {
-  var _tabs$;
+  var _tabs$, _params$blockletIntro, _params$note;
   let rest = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
   const navigate = (0, _reactRouterDom.useNavigate)();
   const {
@@ -89,6 +134,7 @@ function CreateRelease(_ref2) {
     blocklet
   } = (0, _blocklet.useBlockletContext)();
   const [params, setParams] = (0, _useSetState.default)(null);
+  const [paramsErrTip, setParamsErrTip] = (0, _react.useState)({});
   const [loading, setLoading] = (0, _react.useState)(false);
   const [release, setRelease] = (0, _react.useState)(null);
   const {
@@ -128,7 +174,7 @@ function CreateRelease(_ref2) {
       setParams(pickParams(data));
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   const getRelease = () => {
@@ -144,7 +190,7 @@ function CreateRelease(_ref2) {
       setRelease(res === null || res === void 0 ? void 0 : res.release);
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   const getData = () => {
@@ -164,28 +210,21 @@ function CreateRelease(_ref2) {
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const onRelease = status => {
-    if (!params.blockletTitle) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
+    const errors = validateParams(params, status, t);
+    if (errors) {
+      _Toast.default.error(errors.map(x => x.message).join('; '));
+      setParamsErrTip(errors.reduce((acc, x) => _objectSpread(_objectSpread({}, acc), {}, {
+        [x.param]: x.message
+      }), {}));
       return;
     }
-    if (!params.blockletVersion) {
-      _Toast.default.error(t('blocklet.publish.errorTip.noVersion'));
-      return;
-    }
-    if (status === _constant.PROJECT.RELEASE_STATUS.published) {
-      if (!params.blockletDescription) {
-        _Toast.default.error(t('blocklet.publish.errorTip.noDescription'));
-        return;
-      }
-      if (!params.note) {
-        _Toast.default.error(t('blocklet.publish.errorTip.noNote'));
-        return;
-      }
-    }
     const _params = _objectSpread({}, params);
     _params.blockletVersion = _semver.default.valid(_params.blockletVersion);
     if (!_params.blockletVersion) {
       _Toast.default.error('Invalid Blocklet Version');
+      setParamsErrTip({
+        blockletVersion: 'Invalid Blocklet Version'
+      });
       return;
     }
     _params.blockletTitle = (_params.blockletTitle || '').trim();
@@ -214,7 +253,7 @@ function CreateRelease(_ref2) {
         });
       }
     }).catch(err => {
-      _Toast.default.error(err.message);
+      _Toast.default.error((0, _util.formatError)(err));
     });
   };
   if (!params && loading) {
@@ -304,7 +343,7 @@ function CreateRelease(_ref2) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.title')),
             placeholder: "Blocklet ".concat(t('common.title')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-title',
               readOnly
             },
@@ -313,14 +352,19 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletTitle || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletTitle: ''
+              });
               setParams({
                 blockletTitle: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletTitle,
+            helperText: paramsErrTip.blockletTitle || ''
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.description')),
             placeholder: "Blocklet ".concat(t('common.description')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-description',
               readOnly
             },
@@ -329,31 +373,45 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletDescription || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletDescription: ''
+              });
               setParams({
                 blockletDescription: e.target.value
               });
             },
+            error: !!paramsErrTip.blockletDescription,
+            helperText: paramsErrTip.blockletDescription || '',
             sx: {
               mt: 3
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.introduction')),
             placeholder: "Blocklet ".concat(t('common.introduction')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'export-blocklet-introduction',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_InputAdornment.default, {
+                position: "end",
+                children: [(params === null || params === void 0 ? void 0 : (_params$blockletIntro = params.blockletIntroduction) === null || _params$blockletIntro === void 0 ? void 0 : _params$blockletIntro.length) || 0, " / ", _constant.PROJECT.MAX_INTRO_LENGTH]
+              })
             },
             autoComplete: "off",
             variant: "outlined",
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.blockletIntroduction || '',
             onChange: e => {
+              setParamsErrTip({
+                blockletIntroduction: ''
+              });
               setParams({
-                blockletIntroduction: e.target.value
+                blockletIntroduction: e.target.value.slice(0, _constant.PROJECT.MAX_INTRO_LENGTH)
               });
             },
+            error: !!paramsErrTip.blockletIntroduction,
+            helperText: paramsErrTip.blockletIntroduction || '',
             sx: {
               mt: 3
             }
@@ -374,7 +432,7 @@ function CreateRelease(_ref2) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.version')),
             placeholder: "Blocklet ".concat(t('common.version')),
-            inputProps: {
+            InputProps: {
               'data-cy': 'blocklet-version',
               readOnly
             },
@@ -383,27 +441,41 @@ function CreateRelease(_ref2) {
             fullWidth: true,
             value: params.blockletVersion,
             onChange: e => {
+              setParamsErrTip({
+                blockletVersion: ''
+              });
               setParams({
                 blockletVersion: e.target.value
               });
-            }
+            },
+            error: !!paramsErrTip.blockletVersion,
+            helperText: paramsErrTip.blockletVersion || ''
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: t('blocklet.publish.releaseNote'),
             autoComplete: "off",
             variant: "outlined",
-            inputProps: {
+            InputProps: {
               'data-cy': 'release-note',
-              readOnly
+              readOnly,
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_InputAdornment.default, {
+                position: "end",
+                children: [(params === null || params === void 0 ? void 0 : (_params$note = params.note) === null || _params$note === void 0 ? void 0 : _params$note.length) || 0, " / ", _constant.PROJECT.MAX_NOTE_LENGTH]
+              })
             },
             fullWidth: true,
             multiline: true,
-            rows: 4,
+            minRows: 4,
             value: params.note,
             onChange: e => {
+              setParamsErrTip({
+                note: ''
+              });
               setParams({
-                note: e.target.value
+                note: e.target.value.slice(0, _constant.PROJECT.MAX_NOTE_LENGTH)
               });
             },
+            error: !!paramsErrTip.note,
+            helperText: paramsErrTip.note || '',
             sx: {
               mt: 3
             }
@@ -503,11 +575,19 @@ function CreateRelease(_ref2) {
             setParams({
               blockletLogo: result.data.filename
             });
+            uploaderLogoRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadLogoPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 1
+            }
           }
         }, "uploader-screenshot"), /*#__PURE__*/(0, _jsxRuntime.jsx)(UploaderComponent, {
           id: "\u200Buploader-screenshot",
@@ -520,11 +600,19 @@ function CreateRelease(_ref2) {
             setParams({
               blockletScreenshots
             });
+            uploaderScreenshotRef.current.close();
           },
-          plugins: ['ImageEditor', 'Url', 'Webcam'],
+          plugins: [],
           apiPathProps: {
             uploader: uploadScreenshotPrefix,
             disableMediaKitPrefix: true
+          },
+          coreProps: {
+            restrictions: {
+              allowedFileTypes,
+              maxFileSize,
+              maxNumberOfFiles: 5 - screenshotUrls.length
+            }
           }
         }, "uploader-screenshot")]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -559,7 +647,7 @@ function CreateRelease(_ref2) {
 }
 CreateRelease.propTypes = {};
 CreateRelease.defaultProps = {};
-const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .sticky-header {\n    margin-top: -12px;\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    padding-bottom: 12px;\n    border-bottom: ", ";\n  }\n  .screenshot {\n    margin-bottom: 16px;\n    max-width: 200px;\n    max-height: 140px;\n    width: 200px;\n    height: 140px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #eee;\n    margin-right: 16px;\n    position: relative;\n    .action {\n      visibility: hidden;\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      background-color: rgba(0, 0, 0, 0.2);\n      color: rgba(255, 255, 255, 0.8);\n    }\n    &:hover .action {\n      visibility: visible;\n    }\n  }\n  .screenshot img {\n    width: 100%; /* \u56FE\u50CF\u5BBD\u5EA6\u586B\u5145\u5BB9\u5668 */\n    height: auto; /* \u56FE\u50CF\u9AD8\u5EA6\u81EA\u9002\u5E94 */\n  }\n  .section {\n    max-width: 800px;\n    &.full-width {\n      max-width: 100%;\n    }\n    .MuiTypography-h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n    }\n    .left {\n      flex-shrink: 0;\n      width: 140px;\n    }\n    .MuiTabs-root {\n      margin-top: 8px;\n      transform: translateX(-16px);\n      .MuiButtonBase-root .text {\n        color: ", ";\n      }\n      .MuiButtonBase-root.Mui-selected .text {\n        color: ", ";\n      }\n    }\n    .MuiTabs-indicator {\n      display: none;\n    }\n    .MuiTypography-subtitle1 {\n      width: 120px;\n      font-weight: 700;\n      font-size: 1rem;\n      ", " {\n        width: 80px;\n      }\n    }\n  }\n  .MuiButtonBase-root {\n    a {\n      color: inherit;\n    }\n  }\n"])), _ref3 => {
+const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .sticky-header {\n    margin-top: -12px;\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    padding-bottom: 12px;\n    border-bottom: ", ";\n  }\n  .screenshot {\n    margin-bottom: 16px;\n    max-width: 200px;\n    max-height: 140px;\n    width: 200px;\n    height: 140px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #eee;\n    margin-right: 16px;\n    position: relative;\n    .action {\n      visibility: hidden;\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      background-color: rgba(0, 0, 0, 0.2);\n      color: rgba(255, 255, 255, 0.8);\n    }\n    &:hover .action {\n      visibility: visible;\n    }\n  }\n  .screenshot img {\n    width: 100%; /* \u56FE\u50CF\u5BBD\u5EA6\u586B\u5145\u5BB9\u5668 */\n    height: auto; /* \u56FE\u50CF\u9AD8\u5EA6\u81EA\u9002\u5E94 */\n  }\n  .section {\n    max-width: 800px;\n    &.full-width {\n      max-width: 100%;\n    }\n    .MuiTypography-h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n    }\n    .left {\n      flex-shrink: 0;\n      width: 140px;\n    }\n    .MuiTabs-root {\n      margin-top: 8px;\n      transform: translateX(-16px);\n      .MuiButtonBase-root .text {\n        color: ", ";\n      }\n      .MuiButtonBase-root.Mui-selected .text {\n        color: ", ";\n      }\n    }\n    .MuiTabs-indicator {\n      display: none;\n    }\n    .MuiTypography-subtitle1 {\n      width: 120px;\n      font-weight: 700;\n      font-size: 1rem;\n      ", " {\n        width: 80px;\n      }\n    }\n  }\n  .MuiButtonBase-root {\n    a {\n      color: inherit;\n    }\n  }\n  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {\n    align-self: flex-end;\n    .MuiTypography-root {\n      font-size: 0.8rem;\n    }\n    font-size: 0.8rem;\n  }\n"])), _ref3 => {
   let {
     theme
   } = _ref3;

package/lib/blocklet/publish/project-list.js

@@ -14,6 +14,8 @@ var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -114,7 +116,7 @@ function ProjectList() {
     });
   }
   const columns = [{
-    label: t('common.name'),
+    label: 'Blocklet',
     name: 'blockletTitle',
     options: {
       customBodyRenderLite: rawIndex => {
@@ -126,7 +128,7 @@ function ProjectList() {
       }
     }
   }, {
-    label: t('common.address'),
+    label: 'DID',
     name: 'blockletDid',
     options: {
       customBodyRender: e => {
@@ -137,6 +139,28 @@ function ProjectList() {
         });
       }
     }
+  }, {
+    label: 'Version',
+    name: 'blockletVersion',
+    options: {
+      customBodyRender: value => {
+        return value ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+          type: "success",
+          children: value
+        }) : '';
+      }
+    }
+  }, {
+    label: t('common.updatedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRender: value => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+          value: Number(value),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',

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

@@ -21,6 +21,8 @@ var _constant = require("@abtnode/constant");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
+var _constant2 = require("@blocklet/constant");
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -196,6 +198,21 @@ function ReleaseList() {
         });
       }
     }
+  }, {
+    label: t('common.lastPublishedAt'),
+    name: 'updatedAt',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        if (release.status !== _constant2.PROJECT.RELEASE_STATUS.published) {
+          return '';
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+          value: Number(release.updatedAt),
+          locale: locale
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: 'actions',
@@ -204,11 +221,15 @@ function ReleaseList() {
         const release = releases[rawIndex];
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",
+          alignItems: "center",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             color: "primary",
             "aria-label": "download",
             disabled: release.status !== 'published',
             children: release.status === 'published' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              style: {
+                display: 'flex'
+              },
               href: (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(release.id, "/download/").concat((release.files || [])[0])),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
                 sx: {

package/lib/blocklet/router/util.js

@@ -7,6 +7,7 @@ exports.validateSite = exports.validateRule = exports.validatePathPrefix = expor
 var _constant = require("@abtnode/constant");
 var _isPathPrefixEqual = _interopRequireDefault(require("@abtnode/util/lib/is-path-prefix-equal"));
 var _constant2 = require("@blocklet/constant");
+var _hasStartEngine = _interopRequireDefault(require("@blocklet/meta/lib/has-start-engine"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable import/prefer-default-export */
 
@@ -86,7 +87,7 @@ const validatePathPrefix = _ref => {
   } = _ref;
   // validate children
   if (curBlocklet) {
-    let exist = (curBlocklet.children || []).find(x => (0, _isPathPrefixEqual.default)(x.mountPoint, params.pathPrefix));
+    let exist = (curBlocklet.children || []).find(x => (0, _hasStartEngine.default)(x.meta) && (0, _isPathPrefixEqual.default)(x.mountPoint, params.pathPrefix));
     if (curBlocklet.meta.group !== 'gateway' && params.pathPrefix === '/') {
       exist = '/';
     }

package/lib/blocklet/storage/connect-to.js

@@ -126,6 +126,7 @@ function ConnectTo(_ref) {
       setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
         open: false
       }));
+      setUrl(null);
       setAuthorizeFromNftConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
         open: false
       }));
@@ -195,7 +196,9 @@ function ConnectTo(_ref) {
   const handleUseSpaceGatewayConnect = async () => {
     try {
       setLoading(true);
-      const fullUrl = url.startsWith('http') ? url : "https://".concat(url);
+      const tempUrl = url.startsWith('http') ? url : "https://".concat(url);
+      const fullUrl = (0, _spaces.extraDIDSpacesCoreUrl)(tempUrl);
+      const spaceDid = new URL(tempUrl).searchParams.get('spaceDid');
       if (!(await (0, _spaces.isValidSpaceGatewayUrl)(fullUrl))) {
         throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
       }
@@ -213,7 +216,8 @@ function ConnectTo(_ref) {
           scopes: blockletInfo.scopes,
           appUrl: blockletInfo.appUrl,
           referrer: blockletInfo.referrer,
-          nodeDid: info.did
+          nodeDid: info.did,
+          spaceDid
         }
       }));
       setOpen(false);