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

package/es/blocklet/actions.js

@@ -1,34 +1,36 @@
 /* eslint-disable react/no-unstable-nested-components */
 /* eslint-disable operator-linebreak */
-import { useState, useContext } from 'react';
-import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import { useNavigate, Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import { useContext, useEffect, useState } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
 import useLocalStorage from 'react-use/lib/useLocalStorage';
-import IconButton from '@mui/material/IconButton';
-import Menu from '@mui/material/Menu';
-import Divider from '@mui/material/Divider';
+import { LAUNCH_SESSION_STATUS } from '@abtnode/constant';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import Alert from '@mui/material/Alert';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import Spinner from '@mui/material/CircularProgress';
-import MenuItem from '@mui/material/MenuItem';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
+import Divider from '@mui/material/Divider';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import IconButton from '@mui/material/IconButton';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import Typography from '@mui/material/Typography';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
 import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Alert from '@mui/material/Alert';
+import Typography from '@mui/material/Typography';
 import Button from '@arcblock/ux/lib/Button';
-import { getAppMissingConfigs, isDeletableBlocklet, hasRunnableComponent, getDisplayName, isInProgress } from '@blocklet/meta/lib/util';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { getAppMissingConfigs, getDisplayName, hasRunnableComponent, isDeletableBlocklet, isInProgress } from '@blocklet/meta/lib/util';
 import { BLOCKLET_CONTROLLER_STATUS, BLOCKLET_MODES } from '@blocklet/constant';
 import Toast from '@arcblock/ux/lib/Toast';
-import { sleep, formatError, isDownloading } from '../util';
-import { getServerUrl } from './util';
-import { useNodeContext } from '../contexts/node';
 import Confirm from '../confirm';
+import { useNodeContext } from '../contexts/node';
+import { formatError, isDownloading, sleep } from '../util';
+import joinUrlKeepSearch from '../util/join-url-keep-search';
 import Icons from './icons';
+import { getServerUrl } from './util';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockletActions({
   blocklet,
@@ -36,6 +38,7 @@ export default function BlockletActions({
   onComplete,
   variant,
   hasPermission,
+  getComponentUrl,
   useBlockletUrlEvaluation,
   ...rest
 }) {
@@ -54,16 +57,43 @@ export default function BlockletActions({
     recommendedUrl
   } = useBlockletUrlEvaluation(blocklet);
   const inProgress = isInProgress(blocklet.status);
-  const disableStart = blocklet?.controller?.status?.value === BLOCKLET_CONTROLLER_STATUS.suspended;
-
-  // TODO: PaymentKitV2 过期恢复后需要能立即启动
-  // if (!nftState?.expired && blocklet?.controller?.status?.reason === SUSPENDED_REASON.expired) {
-  //   disableStart = false;
-  // }
-
+  const [disableStart, setDisableStart] = useState(false);
+  useEffect(() => {
+    if (!blocklet?.controller) {
+      return;
+    }
+    setDisableStart(blocklet?.controller?.status?.value === BLOCKLET_CONTROLLER_STATUS.suspended);
+    const func = async () => {
+      try {
+        const data = await node.api.getLauncherSession({
+          input: {
+            launcherSessionId: blocklet?.controller?.launcherSessionId,
+            launcherUrl: blocklet?.controller?.launcherUrl
+          }
+        });
+        if (data?.error) {
+          console.error('get launcher session failed', data.error);
+          return;
+        }
+        setDisableStart([LAUNCH_SESSION_STATUS.expired, LAUNCH_SESSION_STATUS.terminated].includes(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 = `/${blocklet.mountPoint || '/'}`.replace(/\/+/g, '/');
+    const href = getComponentUrl?.({
+      mountPoint,
+      blocklet
+    });
+    window.open(joinUrlKeepSearch(href, '.well-known/service/admin'));
+  };
   const createHandler = (action, fn, requireUserConfirm = false) => async () => {
     const onConfirm = async params => {
       onStart({
@@ -329,17 +359,26 @@ export default function BlockletActions({
     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',
-  // },
-
-  isDownloading(blocklet.status) ? cancelDownloadAction : removeAction, {
+  }, isDownloading(blocklet.status) ? cancelDownloadAction : removeAction, {
+    separator: true
+  }, !inService ? {
+    action: 'dashboard',
+    icon: ({
+      style,
+      ...restProps
+    }) => /*#__PURE__*/_jsx(Icons.Dashboard, {
+      ...restProps,
+      style: {
+        ...style,
+        width: '26px',
+        height: '26px',
+        paddingRight: '3px'
+      }
+    }),
+    name: t('sidebar.dashboard'),
+    handler: handleOpenDashboard,
+    disabled: disableStart || blocklet.status !== 'running'
+  } : null, {
     separator: true
   }, {
     onlyInMenu: true,
@@ -467,6 +506,7 @@ export default function BlockletActions({
   });
 }
 BlockletActions.propTypes = {
+  getComponentUrl: PropTypes.func,
   blocklet: PropTypes.object.isRequired,
   onStart: PropTypes.func.isRequired,
   onComplete: PropTypes.func.isRequired,
@@ -475,6 +515,7 @@ BlockletActions.propTypes = {
   useBlockletUrlEvaluation: PropTypes.func
 };
 BlockletActions.defaultProps = {
+  getComponentUrl: null,
   variant: 'menu',
   hasPermission: false,
   useBlockletUrlEvaluation: () => ({

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

@@ -1,45 +1,45 @@
 /* eslint-disable react/no-unstable-nested-components */
-import { useState, useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
-import uniqBy from 'lodash/uniqBy';
-import flatten from 'lodash/flatten';
-import isEmpty from 'lodash/isEmpty';
-import isNil from 'lodash/isNil';
-import PageHeader from '@blocklet/launcher-layout/lib/page-header';
-import Spinner from '@mui/material/CircularProgress';
-import Typography from '@mui/material/Typography';
-import TextField from '@mui/material/TextField';
-import AddIcon from '@mui/icons-material/Link';
-import CheckIcon from '@mui/icons-material/Check';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import styled from '@emotion/styled';
+import { isInServerlessMode } from '@abtnode/util/lib/serverless';
+import Alert from '@arcblock/ux/lib/Alert';
+import AnimationWaiter from '@arcblock/ux/lib/AnimationWaiter';
+import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { BLOCKLET_CONFIGURABLE_KEY, BlockletStatus, BlockletEvents, BLOCKLET_APP_SPACE_REQUIREMENT } from '@blocklet/constant';
+import { BLOCKLET_APP_SPACE_REQUIREMENT, BLOCKLET_CONFIGURABLE_KEY, BlockletEvents, BlockletStatus } from '@blocklet/constant';
 import Layout from '@blocklet/launcher-layout';
 import { StepProvider, useStepContext } from '@blocklet/launcher-layout/lib/context/step';
-import Box from '@mui/material/Box';
-import { NODE_MODES } from '@abtnode/constant';
-import Button from '@arcblock/ux/lib/Button';
-import Alert from '@arcblock/ux/lib/Alert';
-import AnimationWaiter from '@arcblock/ux/lib/AnimationWaiter';
 import ResultMessage from '@blocklet/launcher-layout/lib/launch-result-message';
-import { getDisplayName, isFreeBlocklet, getSharedConfigObj, hasStartEngine } from '@blocklet/meta/lib/util';
+import PageHeader from '@blocklet/launcher-layout/lib/page-header';
+import styled from '@emotion/styled';
+import CheckIcon from '@mui/icons-material/Check';
+import AddIcon from '@mui/icons-material/Link';
+import Box from '@mui/material/Box';
+import Spinner from '@mui/material/CircularProgress';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import flatten from 'lodash/flatten';
+import isEmpty from 'lodash/isEmpty';
+import isNil from 'lodash/isNil';
+import uniqBy from 'lodash/uniqBy';
 import urlPathFriendly from '@blocklet/meta/lib/url-path-friendly';
+import { getDisplayName, getSharedConfigObj, hasStartEngine, isFreeBlocklet } from '@blocklet/meta/lib/util';
 import Toast from '@arcblock/ux/lib/Toast';
-import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
-import { getBlockletLogoUrl, getBlockletMetaUrl, isNewStoreUrl, getStoreList, formatError, formatMountPoint } from '../../util';
-import SchemaForm from '../../schema-form';
+import { ConfigSpaceProvider } from '../../contexts/config-space';
+import { useNodeContext } from '../../contexts/node';
 import Required from '../../form/required';
-import { ComponentPurchaseSelect } from '../purchase';
-import { validatePathPrefix } from '../router/util';
+import SchemaForm from '../../schema-form';
+import { formatError, formatMountPoint, getBlockletLogoUrl, getBlockletMetaUrl, getStoreList, isNewStoreUrl } from '../../util';
 import Agreement from '../agreement';
 import InstallFromUrl from '../install-from-url';
+import { ComponentPurchaseSelect } from '../purchase';
+import { validatePathPrefix } from '../router/util';
+import DidSpace from './did-space';
 import SelectStore from './select-store';
 import BlockletList from './store-blocklet-list';
-import DidSpace from './did-space';
-import { ConfigSpaceProvider } from '../../contexts/config-space';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const requirePurchase = meta => meta.inStore && isFreeBlocklet(meta) === false;
 const isRequiredOnSetup = meta => {
@@ -209,7 +209,6 @@ export default function AddComponentCore({
   const {
     meta
   } = component.current;
-  const isServerlessMode = nodeInfo.mode === NODE_MODES.SERVERLESS;
   const updateParams = obj => setParams(x => ({
     ...x,
     ...obj
@@ -725,7 +724,7 @@ export default function AddComponentCore({
         }
       }), /*#__PURE__*/_jsx(SelectStore, {
         stores: stores,
-        extra: !isServerlessMode ? /*#__PURE__*/_jsxs(Button, {
+        extra: !isInServerlessMode(nodeInfo) ? /*#__PURE__*/_jsxs(Button, {
           variant: "text",
           color: "primary",
           "data-cy": "add-component-from-url",

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

@@ -1,17 +1,17 @@
-import { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import styled from '@emotion/styled';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import TextField from '@mui/material/TextField';
-import MenuItem from '@mui/material/MenuItem';
-import { NODE_MODES } from '@abtnode/constant';
+import { useRef, useState } from 'react';
+import { isInServerlessMode } from '@abtnode/util/lib/serverless';
 import Button from '@arcblock/ux/lib/Button';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import styled from '@emotion/styled';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
-import useLocalStorage from 'react-use/lib/useLocalStorage';
 import uniqBy from 'lodash/uniqBy';
-import { useNodeContext } from '../../contexts/node';
+import useLocalStorage from 'react-use/lib/useLocalStorage';
 import { useBlockletContext } from '../../contexts/blocklet';
+import { useNodeContext } from '../../contexts/node';
 import AddStore from '../../store/add';
 import StoreItem from '../../store/item';
 import { getStoreList } from '../../util';
@@ -52,7 +52,6 @@ export default function SelectStore({
     protected: true
   })), ...appStoreList], 'url');
   const currentRegistry = storeUrl && storeList.find(x => storeUrl === x.url) || storeList[0];
-  const isServerlessMode = nodeInfo.mode === NODE_MODES.SERVERLESS;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(SelectStoreTitle, {
       children: [/*#__PURE__*/_jsx(Button, {
@@ -126,7 +125,7 @@ export default function SelectStore({
             }
           })
         }, x.url);
-      }), !isServerlessMode && /*#__PURE__*/_jsx(AddStore, {
+      }), !isInServerlessMode(nodeInfo) && /*#__PURE__*/_jsx(AddStore, {
         disabled: loading,
         storeList: storeList,
         teamDid: teamDid,

package/es/blocklet/icons.js

@@ -7,6 +7,7 @@ import Config from '@mui/icons-material/Settings';
 import Log from '@mui/icons-material/Receipt';
 import Group from '@mui/icons-material/Group';
 import Cancel from '@mui/icons-material/NotInterested';
+import Dashboard from '@arcblock/icons/lib/Dashboard';
 export default {
   Start,
   Stop,
@@ -16,5 +17,6 @@ export default {
   Config,
   Log,
   Group,
-  Cancel
+  Cancel,
+  Dashboard
 };

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

@@ -10,7 +10,8 @@ function ConnectStoreList({
   projectId,
   releaseType,
   publishedStoreIds,
-  onPublish
+  onPublish,
+  onDelete
 }) {
   const storeList = blocklet?.settings?.storeList || [];
   const connectedMap = useMemo(() => {
@@ -37,13 +38,14 @@ function ConnectStoreList({
           store: x,
           published: publishedStoreIds?.indexOf(x.id) > -1,
           connected: !!connectedMap[x.url],
-          onPublish: onPublish
+          onPublish: onPublish,
+          onDelete: onDelete
         })
       })
     }, x.url)), /*#__PURE__*/_jsx(AddStore, {
       onAdd: handleAddStore,
       teamDid: did,
-      blockletRegistryList: storeList
+      storeList: storeList
     })]
   });
 }
@@ -53,10 +55,12 @@ ConnectStoreList.propTypes = {
   releaseId: PropTypes.string.isRequired,
   releaseType: PropTypes.string.isRequired,
   onPublish: PropTypes.func,
+  onDelete: PropTypes.func,
   publishedStoreIds: PropTypes.arrayOf(PropTypes.string)
 };
 ConnectStoreList.defaultProps = {
   publishedStoreIds: [],
-  onPublish: () => {}
+  onPublish: () => {},
+  onDelete: () => {}
 };
 export default ConnectStoreList;

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

@@ -16,7 +16,9 @@ import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
 import Tag from '@arcblock/ux/lib/Tag';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
+import DidConnect from '@arcblock/did-connect/lib/Connect';
 import { Tooltip } from '@mui/material';
+import { useSessionContext } from '../../contexts/session';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
@@ -33,11 +35,15 @@ export default function ProjectList() {
   const {
     api
   } = useNodeContext();
+  const {
+    api: sessionApi
+  } = useSessionContext();
   const [loading, setLoading] = useState(true);
   const {
     blocklet
   } = useBlockletContext();
   const [deleteConfirm, setDeleteConfirm] = useState(null);
+  const [openDidConnect, setOpenDidConnect] = useState(false);
   const {
     componentDid = ''
   } = useParams();
@@ -65,23 +71,27 @@ export default 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.success(t('common.removeSuccess'));
-      setDeleteConfirm(null);
-    }).catch(err => {
-      setLoading(false);
-      Toast.error(err.message);
-    });
+    setOpenDidConnect(true);
+  };
+  const handleDidConnectClose = () => {
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
+  };
+  const handleDidConnectDidError = err => {
+    Toast.error(err.message);
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
+  };
+  const handleDidConnectDidSuccess = result => {
+    if (!result?.deleted) {
+      Toast.error('Delete project failed');
+      return;
+    }
+    getProjects();
+    setOpenDidConnect(false);
+    setDeleteConfirm(null);
   };
   useEffect(() => {
     getProjects();
@@ -266,6 +276,34 @@ export default function ProjectList() {
       }
     }
   }].filter(Boolean);
+  const didConnect = openDidConnect ? /*#__PURE__*/_jsx(DidConnect, {
+    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__*/_jsxs(Main, {
     children: [/*#__PURE__*/_jsxs(Box, {
       display: "flex",
@@ -321,9 +359,9 @@ export default function ProjectList() {
       title: `${t('common.delete')} ${deleteConfirm.blockletTitle}`,
       description: t('blocklet.publish.deleteBlockletTip'),
       confirm: t('common.confirm'),
-      onConfirm: deleteProject,
+      onConfirm: confirmDeleteProject,
       onCancel: () => setDeleteConfirm(null)
-    })]
+    }), didConnect]
   });
 }
 ProjectList.propTypes = {};

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

@@ -232,7 +232,6 @@ export default function ReleaseList() {
           installUrl = url.href;
           downloadUrl = joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
         }
-        console.error('--debug--', release);
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           alignItems: "center",

package/es/locales/ar.js

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

package/es/locales/de.js

@@ -353,7 +353,9 @@ export 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',
@@ -663,7 +665,7 @@ export 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',
@@ -700,7 +702,14 @@ export 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/es/locales/en.js

@@ -242,6 +242,7 @@ export default {
     noticeTitle: 'Notice',
     notification: 'Notification',
     open: 'Open',
+    visitStore: 'Visit Store',
     management: 'Management',
     os: 'Operating System',
     overview: 'Overview',
@@ -256,6 +257,7 @@ export default {
     protected: 'Protected',
     protocol: 'Protocol',
     purchase: 'Purchase',
+    reconnect: 'Reconnect',
     readMore: 'More',
     redirect: 'Redirect',
     redirectCode: 'Redirect Code',
@@ -658,9 +660,10 @@ export 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',
@@ -682,6 +685,12 @@ export 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: {

package/es/locales/es.js

@@ -353,7 +353,9 @@ export default {
     uploaded: 'Subido',
     uploadToStore: 'Subir a la tienda',
     upload: 'Subir',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Visitar tienda',
+    reconnect: 'Reconecta'
   },
   blocklet: {
     external: 'Externo',
@@ -663,7 +665,7 @@ export default {
       createBlocklet: 'Nuevo bloque',
       deleteBlockletTip: 'El blocklet no puede ser recuperado después de ser eliminado, por favor confirma',
       componentNotRunning: 'El componente {name} no está en ejecución, por favor iniciar primero',
-      releaseEmptyTip: 'No hay lanzamientos aquí',
+      releaseEmptyTip: 'No hay ninguna versión aquí',
       createReleaseTip: 'Puedes crear una versión de la blocklet, junto con notas de lanzamiento y recursos, para que otras personas la puedan utilizar',
       createRelease: 'Nuevo lanzamiento',
       deleteReleaseTip: 'La versión no se puede recuperar después de la eliminación',
@@ -700,7 +702,14 @@ export default {
       publishToStoreSuccess: 'Bloque publicado en la tienda exitosamente',
       connectStoreSuccess: 'La tienda de Blocklet se conectó correctamente',
       uploadToStoreSuccess: 'Bloque de carga a la tienda exitosamente, necesitas publicarlo en la tienda',
-      viewLastRelease: 'Ver última versión'
+      viewLastRelease: 'Ver última versión',
+      reconnectStoreTip: 'Después de reconectar, se vinculará un nuevo desarrollador. ¿Estás seguro de que deseas reconectar?',
+      deleteProject: {
+        title: 'Borrar {name}',
+        scan: 'Escanee el código QR a continuación para eliminar a {name}',
+        confirm: 'Confirmar usando el monedero DID',
+        success: 'El proyecto Blocklet ha sido eliminado, por favor continúa tu operación'
+      }
     },
     titleValidationError: 'La longitud del título debe ser de al menos 3 caracteres',
     descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 160 caracteres'