@abtnode/ux 1.16.26-beta-4831bf3f → 1.16.26-beta-5251ab18

package/lib/blocklet/actions.js

@@ -4,39 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletActions;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
 var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
-var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _constant = require("@abtnode/constant");
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _util = require("@blocklet/meta/lib/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _constant = require("@blocklet/constant");
+var _util = require("@blocklet/meta/lib/util");
+var _constant2 = require("@blocklet/constant");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _util2 = require("../util");
-var _util3 = require("./util");
-var _node = require("../contexts/node");
 var _confirm = _interopRequireDefault(require("../confirm"));
+var _node = require("../contexts/node");
+var _util2 = require("../util");
+var _joinUrlKeepSearch = _interopRequireDefault(require("../util/join-url-keep-search"));
 var _icons = _interopRequireDefault(require("./icons"));
+var _util3 = require("./util");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"],
-  _excluded2 = ["sx"];
+const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "getComponentUrl", "useBlockletUrlEvaluation"],
+  _excluded2 = ["sx"],
+  _excluded3 = ["style"];
 /* eslint-disable react/no-unstable-nested-components */
 /* eslint-disable operator-linebreak */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -49,13 +52,13 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 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 BlockletActions(_ref) {
-  var _blocklet$controller;
   let {
       blocklet,
       onStart,
       onComplete,
       variant,
       hasPermission,
+      getComponentUrl,
       useBlockletUrlEvaluation
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -74,16 +77,45 @@ function BlockletActions(_ref) {
     recommendedUrl
   } = useBlockletUrlEvaluation(blocklet);
   const inProgress = (0, _util.isInProgress)(blocklet.status);
-  const disableStart = (blocklet === null || blocklet === void 0 || (_blocklet$controller = blocklet.controller) === null || _blocklet$controller === void 0 || (_blocklet$controller = _blocklet$controller.status) === null || _blocklet$controller === void 0 ? void 0 : _blocklet$controller.value) === _constant.BLOCKLET_CONTROLLER_STATUS.suspended;
-
-  // TODO: PaymentKitV2 过期恢复后需要能立即启动
-  // if (!nftState?.expired && blocklet?.controller?.status?.reason === SUSPENDED_REASON.expired) {
-  //   disableStart = false;
-  // }
-
+  const [disableStart, setDisableStart] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    var _blocklet$controller;
+    if (!(blocklet !== null && blocklet !== void 0 && blocklet.controller)) {
+      return;
+    }
+    setDisableStart((blocklet === null || blocklet === void 0 || (_blocklet$controller = blocklet.controller) === null || _blocklet$controller === void 0 || (_blocklet$controller = _blocklet$controller.status) === null || _blocklet$controller === void 0 ? void 0 : _blocklet$controller.value) === _constant2.BLOCKLET_CONTROLLER_STATUS.suspended);
+    const func = async () => {
+      try {
+        var _blocklet$controller2, _blocklet$controller3, _data$launcherSession;
+        const data = await node.api.getLauncherSession({
+          input: {
+            launcherSessionId: blocklet === null || blocklet === void 0 || (_blocklet$controller2 = blocklet.controller) === null || _blocklet$controller2 === void 0 ? void 0 : _blocklet$controller2.launcherSessionId,
+            launcherUrl: blocklet === null || blocklet === void 0 || (_blocklet$controller3 = blocklet.controller) === null || _blocklet$controller3 === void 0 ? void 0 : _blocklet$controller3.launcherUrl
+          }
+        });
+        if (data !== null && data !== void 0 && data.error) {
+          console.error('get launcher session failed', data.error);
+          return;
+        }
+        setDisableStart([_constant.LAUNCH_SESSION_STATUS.expired, _constant.LAUNCH_SESSION_STATUS.terminated].includes(data === null || data === void 0 || (_data$launcherSession = data.launcherSession) === null || _data$launcherSession === void 0 ? void 0 : _data$launcherSession.status));
+      } catch (error) {
+        console.error('call getLauncherSession error', error);
+      }
+    };
+    func();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const {
     inService
   } = node;
+  const handleOpenDashboard = () => {
+    const mountPoint = "/".concat(blocklet.mountPoint || '/').replace(/\/+/g, '/');
+    const href = getComponentUrl === null || getComponentUrl === void 0 ? void 0 : getComponentUrl({
+      mountPoint,
+      blocklet
+    });
+    window.open((0, _joinUrlKeepSearch.default)(href, '.well-known/service/admin'));
+  };
   const createHandler = function createHandler(action, fn) {
     let requireUserConfirm = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     return async () => {
@@ -104,7 +136,7 @@ function BlockletActions(_ref) {
               _Toast.default.error(t('blocklet.noComponent'));
               return;
             }
-            if (!inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized) && blocklet.mode !== _constant.BLOCKLET_MODES.DEVELOPMENT) {
+            if (!inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized) && blocklet.mode !== _constant2.BLOCKLET_MODES.DEVELOPMENT) {
               // 跳转到 setup 流程界面时携带 serverUrl 查询参数
               const serverUrl = (0, _util3.getServerUrl)(node.info);
               const url = new URL(recommendedUrl);
@@ -173,7 +205,7 @@ function BlockletActions(_ref) {
         setConfirmSetting(null);
       };
       const name = (0, _util.getDisplayName)(blocklet, true);
-      const removeSetting = blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT ? {
+      const removeSetting = blocklet.mode === _constant2.BLOCKLET_MODES.DEVELOPMENT ? {
         description: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
           component: "div",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
@@ -353,17 +385,27 @@ function BlockletActions(_ref) {
     name: t('common.restart'),
     handler: createHandler('restart', node.api.restartBlocklet, true),
     disabled: disableStart || blocklet.status !== 'running'
-  },
-  // hidden reload: https://github.com/ArcBlock/blocklet-server/issues/8655
-  // {
-  //   action: 'reload',
-  //   icon: Icons.Reload,
-  //   name: t('common.reload'),
-  //   handler: createHandler('reload', node.api.reloadBlocklet),
-  //   disabled: disableStart || blocklet.status !== 'running',
-  // },
-
-  (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+  }, (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+    separator: true
+  }, !inService ? {
+    action: 'dashboard',
+    icon: _ref4 => {
+      let {
+          style
+        } = _ref4,
+        restProps = _objectWithoutProperties(_ref4, _excluded3);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Dashboard, _objectSpread(_objectSpread({}, restProps), {}, {
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          width: '26px',
+          height: '26px',
+          paddingRight: '3px'
+        })
+      }));
+    },
+    name: t('sidebar.dashboard'),
+    handler: handleOpenDashboard,
+    disabled: disableStart || blocklet.status !== 'running'
+  } : null, {
     separator: true
   }, {
     onlyInMenu: true,
@@ -491,6 +533,7 @@ function BlockletActions(_ref) {
   }));
 }
 BlockletActions.propTypes = {
+  getComponentUrl: _propTypes.default.func,
   blocklet: _propTypes.default.object.isRequired,
   onStart: _propTypes.default.func.isRequired,
   onComplete: _propTypes.default.func.isRequired,
@@ -499,6 +542,7 @@ BlockletActions.propTypes = {
   useBlockletUrlEvaluation: _propTypes.default.func
 };
 BlockletActions.defaultProps = {
+  getComponentUrl: null,
   variant: 'menu',
   hasPermission: false,
   useBlockletUrlEvaluation: () => {

package/lib/blocklet/component/add-component-core.js

@@ -4,47 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AddComponentCore;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
-var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
-var _flatten = _interopRequireDefault(require("lodash/flatten"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _serverless = require("@abtnode/util/lib/serverless");
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _constant = require("@blocklet/constant");
 var _launcherLayout = _interopRequireDefault(require("@blocklet/launcher-layout"));
 var _step = require("@blocklet/launcher-layout/lib/context/step");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _constant2 = require("@abtnode/constant");
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
 var _launchResultMessage = _interopRequireDefault(require("@blocklet/launcher-layout/lib/launch-result-message"));
-var _util = require("@blocklet/meta/lib/util");
+var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _flatten = _interopRequireDefault(require("lodash/flatten"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
 var _urlPathFriendly = _interopRequireDefault(require("@blocklet/meta/lib/url-path-friendly"));
+var _util = require("@blocklet/meta/lib/util");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
-var _util2 = require("../../util");
-var _schemaForm = _interopRequireDefault(require("../../schema-form"));
+var _configSpace = require("../../contexts/config-space");
+var _node = require("../../contexts/node");
 var _required = _interopRequireDefault(require("../../form/required"));
-var _purchase = require("../purchase");
-var _util3 = require("../router/util");
+var _schemaForm = _interopRequireDefault(require("../../schema-form"));
+var _util2 = require("../../util");
 var _agreement = _interopRequireDefault(require("../agreement"));
 var _installFromUrl = _interopRequireDefault(require("../install-from-url"));
+var _purchase = require("../purchase");
+var _util3 = require("../router/util");
+var _didSpace = _interopRequireDefault(require("./did-space"));
 var _selectStore = _interopRequireDefault(require("./select-store"));
 var _storeBlockletList = _interopRequireDefault(require("./store-blocklet-list"));
-var _didSpace = _interopRequireDefault(require("./did-space"));
-var _configSpace = require("../../contexts/config-space");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 const _excluded = ["name", "validation"],
@@ -232,7 +232,6 @@ function AddComponentCore(_ref3) {
   const {
     meta
   } = component.current;
-  const isServerlessMode = nodeInfo.mode === _constant2.NODE_MODES.SERVERLESS;
   const updateParams = obj => setParams(x => _objectSpread(_objectSpread({}, x), obj));
   (0, _react.useEffect)(() => {
     if (params.pathPrefix) {
@@ -738,7 +737,7 @@ function AddComponentCore(_ref3) {
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectStore.default, {
         stores: stores,
-        extra: !isServerlessMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        extra: !(0, _serverless.isInServerlessMode)(nodeInfo) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
           variant: "text",
           color: "primary",
           "data-cy": "add-component-from-url",

package/lib/blocklet/component/select-store.js

@@ -4,20 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SelectStore;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _constant = require("@abtnode/constant");
+var _react = require("react");
+var _serverless = require("@abtnode/util/lib/serverless");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
-var _node = require("../../contexts/node");
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
 var _blocklet = require("../../contexts/blocklet");
+var _node = require("../../contexts/node");
 var _add = _interopRequireDefault(require("../../store/add"));
 var _item = _interopRequireDefault(require("../../store/item"));
 var _util = require("../../util");
@@ -66,7 +66,6 @@ function SelectStore(_ref) {
     protected: true
   })), ...appStoreList], 'url');
   const currentRegistry = storeUrl && storeList.find(x => storeUrl === x.url) || storeList[0];
-  const isServerlessMode = nodeInfo.mode === _constant.NODE_MODES.SERVERLESS;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectStoreTitle, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
@@ -141,7 +140,7 @@ function SelectStore(_ref) {
             }
           })
         }, x.url);
-      }), !isServerlessMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
+      }), !(0, _serverless.isInServerlessMode)(nodeInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
         disabled: loading,
         storeList: storeList,
         teamDid: teamDid,

package/lib/blocklet/icons.js

@@ -13,6 +13,7 @@ var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
 var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
 var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
 var _NotInterested = _interopRequireDefault(require("@mui/icons-material/NotInterested"));
+var _Dashboard = _interopRequireDefault(require("@arcblock/icons/lib/Dashboard"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   Start: _PlayArrow.default,
@@ -23,5 +24,6 @@ var _default = exports.default = {
   Config: _Settings.default,
   Log: _Receipt.default,
   Group: _Group.default,
-  Cancel: _NotInterested.default
+  Cancel: _NotInterested.default,
+  Dashboard: _Dashboard.default
 };

package/lib/blocklet/publish/connect-store-list.js

@@ -19,7 +19,8 @@ function ConnectStoreList(_ref) {
     projectId,
     releaseType,
     publishedStoreIds,
-    onPublish
+    onPublish,
+    onDelete
   } = _ref;
   const storeList = (blocklet === null || blocklet === void 0 || (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.storeList) || [];
   const connectedMap = (0, _react.useMemo)(() => {
@@ -47,13 +48,14 @@ function ConnectStoreList(_ref) {
           store: x,
           published: (publishedStoreIds === null || publishedStoreIds === void 0 ? void 0 : publishedStoreIds.indexOf(x.id)) > -1,
           connected: !!connectedMap[x.url],
-          onPublish: onPublish
+          onPublish: onPublish,
+          onDelete: onDelete
         })
       })
     }, x.url)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
       onAdd: handleAddStore,
       teamDid: did,
-      blockletRegistryList: storeList
+      storeList: storeList
     })]
   });
 }
@@ -63,10 +65,12 @@ ConnectStoreList.propTypes = {
   releaseId: _propTypes.default.string.isRequired,
   releaseType: _propTypes.default.string.isRequired,
   onPublish: _propTypes.default.func,
+  onDelete: _propTypes.default.func,
   publishedStoreIds: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 ConnectStoreList.defaultProps = {
   publishedStoreIds: [],
-  onPublish: () => {}
+  onPublish: () => {},
+  onDelete: () => {}
 };
 var _default = exports.default = ConnectStoreList;

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

@@ -21,7 +21,9 @@ 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 _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _material = require("@mui/material");
+var _session = require("../../contexts/session");
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -44,11 +46,15 @@ function ProjectList() {
   const {
     api
   } = (0, _node.useNodeContext)();
+  const {
+    api: sessionApi
+  } = (0, _session.useSessionContext)();
   const [loading, setLoading] = (0, _react.useState)(true);
   const {
     blocklet
   } = (0, _blocklet.useBlockletContext)();
   const [deleteConfirm, setDeleteConfirm] = (0, _react.useState)(null);
+  const [openDidConnect, setOpenDidConnect] = (0, _react.useState)(false);
   const {
     componentDid = ''
   } = (0, _reactRouterDom.useParams)();
@@ -76,23 +82,27 @@ function ProjectList() {
   const onDeleteProject = project => {
     setDeleteConfirm(project);
   };
-  const deleteProject = () => {
+  const confirmDeleteProject = () => {
     setLoading(false);
-    const projectId = deleteConfirm.id;
-    api.deleteProject({
-      input: {
-        did: blocklet.meta.did,
-        projectId
-      }
-    }).then(() => {
-      setLoading(false);
-      getProjects();
-      _Toast.default.success(t('common.removeSuccess'));
-      setDeleteConfirm(null);
-    }).catch(err => {
-      setLoading(false);
-      _Toast.default.error(err.message);
-    });
+    setOpenDidConnect(true);
+  };
+  const handleDidConnectClose = () => {
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
+  };
+  const handleDidConnectDidError = err => {
+    _Toast.default.error(err.message);
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
+  };
+  const handleDidConnectDidSuccess = result => {
+    if (!(result !== null && result !== void 0 && result.deleted)) {
+      _Toast.default.error('Delete project failed');
+      return;
+    }
+    getProjects();
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
   };
   (0, _react.useEffect)(() => {
     getProjects();
@@ -277,6 +287,34 @@ function ProjectList() {
       }
     }
   }].filter(Boolean);
+  const didConnect = openDidConnect ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+    open: true,
+    popup: true,
+    onClose: handleDidConnectClose,
+    action: "check-has-project-id",
+    locale: locale,
+    checkFn: sessionApi.get,
+    saveConnect: false,
+    forceConnected: false,
+    checkTimeout: 5 * 60 * 1000,
+    onSuccess: handleDidConnectDidSuccess,
+    onError: handleDidConnectDidError,
+    extraParams: {
+      projectId: deleteConfirm.id,
+      did: blocklet.meta.did,
+      name: deleteConfirm.blockletTitle
+    },
+    messages: {
+      title: t('blocklet.publish.deleteProject.title', {
+        name: deleteConfirm.blockletTitle
+      }),
+      scan: t('blocklet.publish.deleteProject.scan', {
+        name: deleteConfirm.blockletTitle
+      }),
+      confirm: t('blocklet.publish.deleteProject.confirm'),
+      success: t('blocklet.publish.deleteProject.success')
+    }
+  }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       display: "flex",
@@ -332,9 +370,9 @@ function ProjectList() {
       title: "".concat(t('common.delete'), " ").concat(deleteConfirm.blockletTitle),
       description: t('blocklet.publish.deleteBlockletTip'),
       confirm: t('common.confirm'),
-      onConfirm: deleteProject,
+      onConfirm: confirmDeleteProject,
       onCancel: () => setDeleteConfirm(null)
-    })]
+    }), didConnect]
   });
 }
 ProjectList.propTypes = {};

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

@@ -244,7 +244,6 @@ function ReleaseList() {
           installUrl = url.href;
           downloadUrl = (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/download/").concat((project.lastReleaseFiles || [])[0]));
         }
-        console.error('--debug--', release);
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",
           alignItems: "center",

package/lib/locales/ar.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'تم التحميل',
     uploadToStore: 'تحميل إلى المتجر',
     upload: 'تحميل',
-    blockletStudio: 'استوديو بلوكليت'
+    blockletStudio: 'استوديو بلوكليت',
+    visitStore: 'زيارة المتجر',
+    reconnect: 'إعادة الاتصال'
   },
   blocklet: {
     external: 'خارجي',
@@ -706,7 +708,14 @@ var _default = exports.default = {
       publishToStoreSuccess: 'تم نشر بلوكليت بنجاح في المتجر',
       connectStoreSuccess: 'تم الاتصال بمتجر البلوكليت بنجاح',
       uploadToStoreSuccess: 'تم تحميل بلوكليت بنجاح في المتجر ، تحتاج إلى نشره في المتجر',
-      viewLastRelease: 'عرض آخر إصدار'
+      viewLastRelease: 'عرض آخر إصدار',
+      reconnectStoreTip: 'بعد إعادة الاتصال، سيتم ربط مطور جديد. هل أنت متأكد أنك تريد إعادة الاتصال؟',
+      deleteProject: {
+        title: 'احذف {name}',
+        scan: 'امسح رمز الاستجابة السريعة أدناه لحذف {name}',
+        confirm: 'يرجى تأكيد استخدام محفظة الهوية اللامركزية',
+        success: 'تم حذف مشروع Blocklet ، يرجى متابعة العملية الخاصة بك.'
+      }
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'

package/lib/locales/de.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'Hochgeladen',
     uploadToStore: 'Upload in den Shop',
     upload: 'Hochladen',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Besuche den Laden',
+    reconnect: 'Verbinden wiederherstellen'
   },
   blocklet: {
     external: 'Extern',
@@ -669,7 +671,7 @@ var _default = exports.default = {
       createBlocklet: 'Neuer Blocklet',
       deleteBlockletTip: 'Der Blocklet kann nach dem Löschen nicht wiederhergestellt werden, bitte bestätigen',
       componentNotRunning: 'Komponente {name} läuft nicht, starten Sie sie bitte zuerst',
-      releaseEmptyTip: 'Hier gibt es keine Veröffentlichungen',
+      releaseEmptyTip: 'Es gibt hier keine Veröffentlichungen',
       createReleaseTip: 'Du kannst eine Veröffentlichung des Blocklets erstellen, zusammen mit Versionshinweisen und Ressourcen, die andere Personen nutzen können.',
       createRelease: 'Neue Veröffentlichung',
       deleteReleaseTip: 'Die Veröffentlichung kann nach Löschung nicht wiederhergestellt werden',
@@ -706,7 +708,14 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Blocklet erfolgreich im Store veröffentlicht',
       connectStoreSuccess: 'Blocklet Store erfolgreich verbunden',
       uploadToStoreSuccess: 'Blocklet erfolgreich im Store hochgeladen, du musst es im Store veröffentlichen',
-      viewLastRelease: 'Letzte Version anzeigen'
+      viewLastRelease: 'Letzte Version anzeigen',
+      reconnectStoreTip: 'Nach dem erneuten Verbinden wird ein neuer Entwickler zugewiesen. Bist du sicher, dass du dich erneut verbinden möchtest?',
+      deleteProject: {
+        title: 'Lösche {name}',
+        scan: 'Scanne den QR-Code unten, um {name} zu löschen',
+        confirm: 'Bitte bestätigen Sie die Verwendung der DID-Brieftasche',
+        success: 'Das Blocklet-Projekt wurde gelöscht, bitte fahren Sie mit Ihrer Operation fort.'
+      }
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'

package/lib/locales/en.js

@@ -248,6 +248,7 @@ var _default = exports.default = {
     noticeTitle: 'Notice',
     notification: 'Notification',
     open: 'Open',
+    visitStore: 'Visit Store',
     management: 'Management',
     os: 'Operating System',
     overview: 'Overview',
@@ -262,6 +263,7 @@ var _default = exports.default = {
     protected: 'Protected',
     protocol: 'Protocol',
     purchase: 'Purchase',
+    reconnect: 'Reconnect',
     readMore: 'More',
     redirect: 'Redirect',
     redirectCode: 'Redirect Code',
@@ -664,9 +666,10 @@ var _default = exports.default = {
       blockletEmptyTip: 'There aren’t any blocklets here',
       createBlockletTip: 'You can create new blocklet through existing resources, components, and configuration in this application',
       createBlocklet: 'New blocklet',
-      deleteBlockletTip: 'The blocklet cannot be recovered after deletion, please confirm',
+      deleteBlockletTip: "The blocklet cannot be recovered after deletion, You also can't republish a new version of the app in question, please confirm",
+      reconnectStoreTip: 'After reconnecting, a new developer will be bound. Are you sure you want to reconnect?',
       componentNotRunning: 'Component {name} is not running, please start it first',
-      releaseEmptyTip: 'There aren’t any releases here',
+      releaseEmptyTip: "There aren't any releases here",
       viewLastRelease: 'View last release',
       createReleaseTip: 'You can create a release of the blocklet, along with release notes and resources, for other people to use',
       createRelease: 'New release',
@@ -688,6 +691,12 @@ var _default = exports.default = {
         confirm: 'Confirm using DID Wallet',
         success: 'Blocklet DID has been generated, please continue your operation'
       },
+      deleteProject: {
+        title: 'Delete {name}',
+        scan: 'Scan the QR code below to delete {name}',
+        confirm: 'Confirm using DID Wallet',
+        success: 'Blocklet project has been deleted, please continue your operation'
+      },
       saveDraft: 'Save Draft',
       releaseNote: 'Release Note',
       errorTip: {