@abtnode/ux 1.16.26-beta-bdd2d7c0 → 1.16.26-beta-346cba92

package/es/blocklet/actions.js

@@ -29,6 +29,7 @@ import { getServerUrl } from './util';
 import { useNodeContext } from '../contexts/node';
 import Confirm from '../confirm';
 import Icons from './icons';
+import joinUrlKeepSearch from '../util/join-url-keep-search';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockletActions({
   blocklet,
@@ -36,6 +37,7 @@ export default function BlockletActions({
   onComplete,
   variant,
   hasPermission,
+  getComponentUrl,
   useBlockletUrlEvaluation,
   ...rest
 }) {
@@ -64,6 +66,14 @@ export default function BlockletActions({
   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 +339,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 +486,7 @@ export default function BlockletActions({
   });
 }
 BlockletActions.propTypes = {
+  getComponentUrl: PropTypes.func,
   blocklet: PropTypes.object.isRequired,
   onStart: PropTypes.func.isRequired,
   onComplete: PropTypes.func.isRequired,
@@ -475,6 +495,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/create-release.js

@@ -12,6 +12,7 @@ import Breadcrumbs from '@mui/material/Breadcrumbs';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
+import CloudUploadRoundedIcon from '@mui/icons-material/CloudUploadRounded';
 import InputAdornment from '@mui/material/InputAdornment';
 import Spinner from '@mui/material/CircularProgress';
 import MaterialDialog from '@mui/material/Dialog';
@@ -502,7 +503,7 @@ export default function CreateRelease({
         "aria-label": "breadcrumb",
         children: [/*#__PURE__*/_jsx(Link, {
           to: "../",
-          children: t('common.publish')
+          children: t('common.blockletStudio')
         }), /*#__PURE__*/_jsx(Link, {
           to: `../${projectId}`,
           children: params?.blockletTitle || 'Blocklet'
@@ -551,10 +552,15 @@ export default function CreateRelease({
               href: joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${projectId}/${releaseId}/download/${(release.files || [])[0]}`),
               children: t('common.download')
             })
-          }), /*#__PURE__*/_jsx(Button, {
+          }), /*#__PURE__*/_jsxs(Button, {
             variant: "contained",
             onClick: () => setShowStoreDialog(true),
-            children: t('common.uploadToStore')
+            children: [/*#__PURE__*/_jsx(CloudUploadRoundedIcon, {
+              style: {
+                fontSize: '1.3em',
+                marginRight: 4
+              }
+            }), t('common.uploadToStore')]
           })]
         })]
       })]

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

@@ -2,16 +2,15 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import styled from '@emotion/styled';
-import joinUrl from 'url-join';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Box from '@mui/material/Box';
 import AddIcon from '@mui/icons-material/Add';
 import IconButton from '@mui/material/IconButton';
-import LibraryAddIcon from '@mui/icons-material/LibraryAdd';
 import DeleteIcon from '@mui/icons-material/Delete';
-import InstallDesktopIcon from '@mui/icons-material/InstallDesktop';
-import DownloadIcon from '@mui/icons-material/Download';
-import { WELLKNOWN_SERVICE_PATH_PREFIX, UNOWNED_DID } from '@abtnode/constant';
+import VisibilityIcon from '@mui/icons-material/FileOpen';
+import NewFileIcon from '@mui/icons-material/AddBox';
+import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined';
+import { UNOWNED_DID } from '@abtnode/constant';
 import Datatable from '@arcblock/ux/lib/Datatable';
 import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
@@ -25,7 +24,6 @@ import DidAddress from '../../did-address';
 import Confirm from '../../confirm';
 import BlockletBundleAvatar from '../bundle-avatar';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const serverEndpoint = window.env?.serverEndpoint;
 export default function ProjectList() {
   const navigate = useNavigate();
   const {
@@ -211,16 +209,6 @@ export default function ProjectList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const project = projects[rawIndex];
-        let installUrl = '';
-        let downloadUrl = '';
-        if (project.lastReleaseId) {
-          const blockletMetaUrl = joinUrl(serverEndpoint, `/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/release/blocklet.json`);
-          const url = new URL(serverEndpoint);
-          url.pathname = joinUrl(url.pathname, '/launch-blocklet/agreement');
-          url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
-          installUrl = url.href;
-          downloadUrl = joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
-        }
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           children: [/*#__PURE__*/_jsx(Link, {
@@ -231,49 +219,27 @@ export default function ProjectList() {
               children: /*#__PURE__*/_jsx(IconButton, {
                 color: "primary",
                 "aria-label": "create",
-                children: /*#__PURE__*/_jsx(LibraryAddIcon, {
-                  sx: {
-                    fontSize: 18
-                  }
-                })
-              })
-            })
-          }), !!project.lastReleaseId && project.type === 'pack' && /*#__PURE__*/_jsx(Tooltip, {
-            title: t('blocklet.publish.install', {
-              name: project.blockletTitle
-            }),
-            placement: "top",
-            children: /*#__PURE__*/_jsx(IconButton, {
-              color: "secondary",
-              "aria-label": "create",
-              children: /*#__PURE__*/_jsx("a", {
-                style: {
-                  display: 'flex'
-                },
-                href: installUrl,
-                target: "_blank",
-                rel: "noreferrer",
-                children: /*#__PURE__*/_jsx(InstallDesktopIcon, {
-                  sx: {
+                children: /*#__PURE__*/_jsx(NewFileIcon, {
+                  style: {
                     fontSize: 18
                   }
                 })
               })
             })
           }), !!project.lastReleaseId && /*#__PURE__*/_jsx(Tooltip, {
-            title: t('blocklet.publish.download', {
+            title: t('blocklet.publish.viewLastRelease', {
               name: project.blockletTitle
             }),
             placement: "top",
             children: /*#__PURE__*/_jsx(IconButton, {
-              color: "primary",
+              color: "secondary",
               "aria-label": "create",
-              children: /*#__PURE__*/_jsx("a", {
+              children: /*#__PURE__*/_jsx(Link, {
                 style: {
                   display: 'flex'
                 },
-                href: downloadUrl,
-                children: /*#__PURE__*/_jsx(DownloadIcon, {
+                to: `${project.id}/${project.lastReleaseId}`,
+                children: /*#__PURE__*/_jsx(VisibilityIcon, {
                   sx: {
                     fontSize: 18
                   }
@@ -305,12 +271,28 @@ export default function ProjectList() {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Box, {
-        sx: {
-          fontSize: '1.2rem',
-          fontWeight: 'bold'
-        },
-        children: t('blocklet.publish.productListTitle')
+      children: [/*#__PURE__*/_jsxs(Box, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(Box, {
+          sx: {
+            fontSize: '1.2rem',
+            fontWeight: 'bold'
+          },
+          children: t('blocklet.publish.productListTitle')
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: t('blocklet.publish.createBlockletTip'),
+          arrow: true,
+          placement: "right",
+          children: /*#__PURE__*/_jsx(HelpOutlineOutlinedIcon, {
+            sx: {
+              opacity: 0.6,
+              fontSize: '1.1em',
+              ml: 1
+            }
+          })
+        })]
       }), /*#__PURE__*/_jsxs(Button, {
         onClick: handleNewBlocklet,
         variant: "contained",

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

@@ -8,6 +8,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
 import Breadcrumbs from '@mui/material/Breadcrumbs';
 import DownloadIcon from '@mui/icons-material/Download';
 import DeleteIcon from '@mui/icons-material/Delete';
@@ -19,6 +20,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import Tag from '@arcblock/ux/lib/Tag';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import { PROJECT } from '@blocklet/constant';
+import InstallDesktopIcon from '@mui/icons-material/InstallDesktop';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
@@ -42,6 +44,7 @@ export default function ReleaseList() {
   const [releases, setReleases] = useState(null);
   const [project, setProject] = useState(null);
   const [deleteConfirm, setDeleteConfirm] = useState(null);
+  const serverEndpoint = window.env?.serverEndpoint;
   const getReleases = () => {
     api.getReleases({
       input: {
@@ -125,7 +128,7 @@ export default function ReleaseList() {
     "aria-label": "breadcrumb",
     children: [/*#__PURE__*/_jsx(Link, {
       to: "..",
-      children: t('common.publish')
+      children: t('common.blockletStudio')
     }), /*#__PURE__*/_jsx(Typography, {
       color: "text.primary",
       children: project.blockletTitle
@@ -218,36 +221,76 @@ export default function ReleaseList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const release = releases[rawIndex];
+        let installUrl = '';
+        let downloadUrl = '';
+        const published = release.status === 'published';
+        if (published) {
+          const blockletMetaUrl = joinUrl(serverEndpoint, `/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/release/blocklet.json`);
+          const url = new URL(serverEndpoint);
+          url.pathname = joinUrl(url.pathname, '/launch-blocklet/agreement');
+          url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
+          installUrl = url.href;
+          downloadUrl = joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
+        }
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           alignItems: "center",
-          children: [/*#__PURE__*/_jsx(IconButton, {
-            color: "primary",
-            "aria-label": "download",
-            disabled: release.status !== 'published',
-            children: release.status === 'published' ? /*#__PURE__*/_jsx("a", {
-              style: {
-                display: 'flex'
-              },
-              href: joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${release.id}/download/${(release.files || [])[0]}`),
-              children: /*#__PURE__*/_jsx(DownloadIcon, {
+          children: [published && project.type === 'pack' && /*#__PURE__*/_jsx(Tooltip, {
+            title: t('blocklet.publish.install', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/_jsx(IconButton, {
+              color: "secondary",
+              "aria-label": "create",
+              children: /*#__PURE__*/_jsx("a", {
+                style: {
+                  display: 'flex'
+                },
+                href: installUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                children: /*#__PURE__*/_jsx(InstallDesktopIcon, {
+                  sx: {
+                    fontSize: 18
+                  }
+                })
+              })
+            })
+          }), published && /*#__PURE__*/_jsx(Tooltip, {
+            title: t('blocklet.publish.download', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/_jsx(IconButton, {
+              color: "primary",
+              "aria-label": "download",
+              children: /*#__PURE__*/_jsx("a", {
+                style: {
+                  display: 'flex'
+                },
+                href: downloadUrl,
+                children: /*#__PURE__*/_jsx(DownloadIcon, {
+                  sx: {
+                    fontSize: 18
+                  }
+                })
+              })
+            })
+          }), /*#__PURE__*/_jsx(Tooltip, {
+            title: t('blocklet.publish.delete', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/_jsx(IconButton, {
+              color: "primary",
+              "aria-label": "delete",
+              onClick: () => onDeleteRelease(release),
+              children: /*#__PURE__*/_jsx(DeleteIcon, {
                 sx: {
                   fontSize: 18
                 }
               })
-            }) : /*#__PURE__*/_jsx(DownloadIcon, {
-              sx: {
-                fontSize: 18
-              }
-            })
-          }), /*#__PURE__*/_jsx(IconButton, {
-            color: "primary",
-            "aria-label": "delete",
-            onClick: () => onDeleteRelease(release),
-            children: /*#__PURE__*/_jsx(DeleteIcon, {
-              sx: {
-                fontSize: 18
-              }
             })
           })]
         });

package/es/locales/ar.js

@@ -256,7 +256,6 @@ export default {
     preview: 'معاينة',
     protected: 'محمي',
     protocol: 'بروتوكول',
-    publish: 'نشر',
     published: 'نشرت',
     purchase: 'شراء',
     readMore: 'أكثر',
@@ -353,7 +352,10 @@ export default {
     connectToStore: 'الاتصال بالمتجر',
     uploaded: 'تم التحميل',
     uploadToStore: 'تحميل إلى المتجر',
-    upload: 'تحميل'
+    upload: 'تحميل',
+    blockletStudio: 'استوديو بلوكليت',
+    visitStore: 'قم بزيارة المتجر',
+    reconnect: 'إعادة الاتصال'
   },
   blocklet: {
     external: 'خارجي',
@@ -692,14 +694,16 @@ export default {
       installResourceHelp: 'وثيقة المساعدة',
       componentIncluded: 'مدرج',
       componentForceRequired: 'مجبر مطلوب',
-      productListTitle: 'نشر بلوكلتس',
+      productListTitle: 'استوديو بلوكليت',
       download: 'تحميل {name}',
       delete: 'احذف {name}',
       copyInstallUrl: 'انسخ عنوان URL للتثبيت',
       install: 'تثبيت {name}',
       publishToStoreSuccess: 'تم نشر بلوكليت بنجاح في المتجر',
       connectStoreSuccess: 'تم الاتصال بمتجر البلوكليت بنجاح',
-      uploadToStoreSuccess: 'تم تحميل بلوكليت بنجاح في المتجر ، تحتاج إلى نشره في المتجر'
+      uploadToStoreSuccess: 'تم تحميل بلوكليت بنجاح في المتجر ، تحتاج إلى نشره في المتجر',
+      viewLastRelease: 'عرض آخر إصدار',
+      reconnectStoreTip: 'بعد إعادة الاتصال، سيتم ربط مطور جديد. هل أنت متأكد أنك تريد إعادة الاتصال؟'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'

package/es/locales/de.js

@@ -256,7 +256,6 @@ export default {
     preview: 'Vorschau',
     protected: 'Geschützt',
     protocol: 'Protokoll',
-    publish: 'Veröffentlichen',
     published: 'Veröffentlicht',
     purchase: 'Kauf',
     readMore: 'Mehr',
@@ -353,7 +352,10 @@ export default {
     connectToStore: 'Verbinden Sie mit dem Geschäft',
     uploaded: 'Hochgeladen',
     uploadToStore: 'Upload in den Shop',
-    upload: 'Hochladen'
+    upload: 'Hochladen',
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Besuche den Laden',
+    reconnect: 'Verbinden wiederherstellen'
   },
   blocklet: {
     external: 'Extern',
@@ -692,14 +694,16 @@ export default {
       installResourceHelp: 'Hilfe-Dokument',
       componentIncluded: 'Eingeschlossen',
       componentForceRequired: 'Erzwungen Erforderlich',
-      productListTitle: 'Veröffentliche Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: 'Download {name}',
       delete: 'Lösche {name}',
       copyInstallUrl: 'Kopiere Installations-URL',
       install: 'Installiere {name}',
       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'
+      uploadToStoreSuccess: 'Blocklet erfolgreich im Store hochgeladen, du musst es im Store veröffentlichen',
+      viewLastRelease: 'Letzte Version anzeigen',
+      reconnectStoreTip: 'Nach dem erneuten Verbinden wird ein neuer Entwickler zugewiesen. Bist du sicher, dass du dich erneut verbinden möchtest?'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'