@abtnode/ux 1.16.27 → 1.16.28-beta-bfbab430

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

@@ -7,7 +7,7 @@ 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_APP_SPACE_REQUIREMENT, BLOCKLET_CONFIGURABLE_KEY, BlockletEvents, BlockletStatus } from '@blocklet/constant';
+import { BLOCKLET_APP_SPACE_REQUIREMENT, BLOCKLET_CONFIGURABLE_KEY, BlockletEvents, BlockletGroup, BlockletStatus } from '@blocklet/constant';
 import { StepProvider } from '@blocklet/launcher-layout/lib/context/step';
 import ResultMessage from '@blocklet/launcher-layout/lib/launch-result-message';
 import PageHeader from '@blocklet/launcher-layout/lib/page-header';
@@ -851,7 +851,7 @@ export default function AddComponentCore({
       }
     });
   }
-  if (hasStartEngine(meta) && !alreadyInstalled(meta.did)) {
+  if (hasStartEngine(meta) && meta.group !== BlockletGroup.engine && !alreadyInstalled(meta.did)) {
     steps.push({
       key: 'config',
       name: t('common.config'),

package/lib/blocklet/component/component-cell.js

@@ -14,6 +14,7 @@ import Box from '@mui/material/Box';
 import normalizePathPrefix from '@abtnode/util/lib/normalize-path-prefix';
 import { getComponentMissingConfigs, getDisplayName, isInProgress, hasStartEngine } from '@blocklet/meta/lib/util';
 import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined';
+import { hasMountPoint } from '@blocklet/meta/lib/engine';
 import { useDeletingBlockletContext } from '../../contexts/deleting-blocklets';
 import ComponentConfiguration from './configuration';
 import BlockletStatus from '../status';
@@ -161,7 +162,7 @@ export default function ComponentCell({
             })]
           })]
         })]
-      }, blocklet), hasStartEngine(blocklet.meta) && /*#__PURE__*/_jsx(Box, {
+      }, blocklet), hasMountPoint(blocklet.meta) && /*#__PURE__*/_jsx(Box, {
         sx: {
           display: {
             xs: 'none',
@@ -233,13 +234,13 @@ export default function ComponentCell({
           disabled: !['starting', 'stopping'].includes(app.status) && isInProgress(app.status)
         }), /*#__PURE__*/_jsx(Actions, {
           "data-cy": "component-actions",
-          actions: [hasStartEngine(blocklet.meta) ? {
+          actions: [hasStartEngine(blocklet.meta) || isResource(blocklet) ? {
             icon: /*#__PURE__*/_jsx(InfoOutlinedIcon, {}),
             text: t('common.detail'),
             onClick: () => {
               setComponentInfo(blocklet);
             }
-          } : null, !isResource(blocklet) && {
+          } : null, {
             icon: /*#__PURE__*/_jsx(RestartIcon, {}),
             text: t('common.restart'),
             onClick: () => {

package/lib/blocklet/component/component-info-dialog.js

@@ -2,12 +2,9 @@ import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { useContext } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
-import Badge from '@mui/material/Badge';
-import Dialog from '@mui/material/Dialog';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
+import { Badge, Box } from '@mui/material';
 import InfoRow from '@arcblock/ux/lib/InfoRow';
-import Box from '@mui/material/Box';
+import Dialog from '@arcblock/ux/lib/Dialog';
 import { getDisplayName, hasStartEngine } from '@blocklet/meta/lib/util';
 import { useDeletingBlockletContext } from '../../contexts/deleting-blocklets';
 import Tag from '../../tag';
@@ -16,7 +13,7 @@ import DidAddress from '../../did-address';
 import BlockletSource from '../blocklet-source';
 import BlockletStatus from '../status';
 import BlockletVersion from '../version';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const isResource = component => !component?.meta?.group;
 const getEngineRows = (engine, t) => {
   if (!engine) {
@@ -204,18 +201,16 @@ export default function ComponentInfoDialog({
   }
   return /*#__PURE__*/_jsx(Dialog, {
     open: true,
+    title: t('common.componentBasicInfo'),
+    showCloseButton: true,
     fullWidth: true,
     maxWidth: "md",
     onClose: () => {
       onClose(null);
     },
-    children: /*#__PURE__*/_jsxs(Box, {
-      paddingY: 1.5,
-      children: [/*#__PURE__*/_jsx(DialogTitle, {
-        children: t('common.componentBasicInfo')
-      }), /*#__PURE__*/_jsx(DialogContent, {
-        children: renderRows(componentRows)
-      })]
+    children: /*#__PURE__*/_jsx(Box, {
+      paddingBottom: 1.5,
+      children: renderRows(componentRows)
     }, "dialog-wrapper")
   }, "base-info-dialog");
 }

package/lib/blocklet/component/configuration.js

@@ -4,7 +4,8 @@ import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import Box from '@mui/material/Box';
 import EditIcon from '@mui/icons-material/Edit';
-import { getDisplayName, hasStartEngine } from '@blocklet/meta/lib/util';
+import { getDisplayName } from '@blocklet/meta/lib/util';
+import { hasMountPoint } from '@blocklet/meta/lib/engine';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import Tabs from '@arcblock/ux/lib/Tabs';
@@ -22,7 +23,7 @@ export default function ComponentConfiguration({
     t
   } = useLocaleContext();
   const isComponent = !!ancestors.length;
-  const [tab, setTab] = useState(hasStartEngine(blocklet?.meta) ? 'settings' : 'environments');
+  const [tab, setTab] = useState(hasMountPoint(blocklet?.meta) ? 'settings' : 'environments');
   const name = isComponent ? getDisplayName(blocklet, true) : t('blocklet.component.container');
   if (isInstalling(blocklet.status)) {
     return null;
@@ -39,7 +40,7 @@ export default function ComponentConfiguration({
     setShowDialog(true);
   };
   const tabConfigs = {
-    settings: hasStartEngine(blocklet.meta) && {
+    settings: hasMountPoint(blocklet.meta) && {
       label: t('blocklet.component.setting'),
       value: 'settings',
       component: /*#__PURE__*/_jsx(ComponentSetting, {

package/lib/blocklet/notification/email.js

@@ -115,6 +115,9 @@ function NotificationEmail() {
             width: '300px'
           },
           children: /*#__PURE__*/_jsx(TextField, {
+            sx: {
+              mt: 1
+            },
             fullWidth: true,
             name: "testReceiver",
             label: t('notification.email.inputTestReceiver'),
@@ -219,6 +222,7 @@ function NotificationEmail() {
           fullWidth: true,
           children: /*#__PURE__*/_jsx(TextField, {
             ...field,
+            required: true,
             label: t('notification.email.from'),
             error: !!formState.errors[field.name],
             helperText: formState.errors[field.name]?.message || '　',
@@ -237,6 +241,7 @@ function NotificationEmail() {
           fullWidth: true,
           children: /*#__PURE__*/_jsx(TextField, {
             ...field,
+            required: true,
             error: !!formState.errors[field.name],
             label: t('notification.email.host'),
             helperText: formState.errors[field.name]?.message || '　',
@@ -255,6 +260,7 @@ function NotificationEmail() {
           fullWidth: true,
           children: /*#__PURE__*/_jsx(TextField, {
             ...field,
+            required: true,
             type: "number",
             error: !!formState.errors[field.name],
             label: t('notification.email.port'),
@@ -274,6 +280,7 @@ function NotificationEmail() {
           fullWidth: true,
           children: /*#__PURE__*/_jsx(TextField, {
             ...field,
+            required: true,
             error: !!formState.errors[field.name],
             label: t('notification.email.user'),
             helperText: formState.errors[field.name]?.message || '　',
@@ -292,6 +299,7 @@ function NotificationEmail() {
           fullWidth: true,
           children: /*#__PURE__*/_jsx(TextField, {
             ...field,
+            required: true,
             type: "password",
             error: !!formState.errors[field.name],
             label: t('notification.email.password'),

package/lib/blocklet/notification/index.js

@@ -5,6 +5,7 @@ import { Box } from '@mui/material';
 import { useCreation } from 'ahooks';
 import { useContext, useState } from 'react';
 import NotificationEmail from './email';
+import NotificationPushKit from './push-kit';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const tabs = [{
   label: /*#__PURE__*/_jsx(Box, {
@@ -13,6 +14,13 @@ const tabs = [{
     children: "Email"
   }),
   value: 'email'
+}, {
+  label: /*#__PURE__*/_jsx(Box, {
+    textAlign: "center",
+    width: "100%",
+    children: "Push Kit"
+  }),
+  value: 'pushKit'
 }, {
   label: /*#__PURE__*/_jsx(Box, {
     textAlign: "center",
@@ -24,16 +32,18 @@ const tabs = [{
 function BlockletNotification() {
   const [currentTab, setCurrentTab] = useState(tabs[0].value);
   const {
-    t
+    t,
+    locale
   } = useContext(LocaleContext);
   const contents = useCreation(() => ({
     email: /*#__PURE__*/_jsx(NotificationEmail, {}),
+    pushKit: /*#__PURE__*/_jsx(NotificationPushKit, {}),
     more: /*#__PURE__*/_jsx(Box, {
       children: /*#__PURE__*/_jsx(Empty, {
         children: t('notification.comingSoon')
       })
     })
-  }), [t]);
+  }), [locale]);
   return /*#__PURE__*/_jsxs(Box, {
     children: [/*#__PURE__*/_jsx(Tabs, {
       tabs: tabs,

package/lib/blocklet/notification/push-kit.js

@@ -0,0 +1,251 @@
+import { Box, FormControl, FormControlLabel, Switch, TextField } from '@mui/material';
+import pick from 'lodash/pick';
+import { useMemoizedFn, useReactive } from 'ahooks';
+import { Controller, useForm } from 'react-hook-form';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Toast from '@arcblock/ux/lib/Toast';
+import Button from '@arcblock/ux/lib/Button';
+import isURL from 'validator/lib/isURL';
+import { useNodeContext } from '../../contexts/node';
+import { useBlockletContext } from '../../contexts/blocklet';
+import useConfirm from '../../hooks/confirm';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultFormValues = {
+  enabled: false,
+  endpoint: '',
+  did: undefined,
+  pushPath: undefined
+};
+function NotificationPushKit() {
+  const {
+    api
+  } = useNodeContext();
+  const {
+    blocklet
+  } = useBlockletContext();
+  const {
+    t
+  } = useLocaleContext();
+  const {
+    confirmApi,
+    confirmHolder
+  } = useConfirm();
+  const did = blocklet?.meta?.did;
+  const config = Object.assign({
+    ...defaultFormValues
+  }, blocklet?.settings?.notification?.pushKit || {});
+  const {
+    handleSubmit,
+    control,
+    formState,
+    watch,
+    reset
+  } = useForm({
+    defaultValues: pick(config, Object.keys(defaultFormValues))
+  });
+  const pageState = useReactive({
+    testReceiver: '',
+    testReceiverError: ''
+  });
+  const enabled = watch('enabled');
+  const onSubmit = useMemoizedFn(async (data, event, showNotification = true) => {
+    try {
+      const {
+        blocklet: blockletChanged
+      } = await api.configNotification({
+        input: {
+          did,
+          notification: JSON.stringify({
+            pushKit: data
+          })
+        }
+      });
+      const defaultValues = Object.assign({
+        ...defaultFormValues
+      }, blockletChanged?.settings?.notification?.pushKit || {});
+      // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
+      reset(defaultValues);
+      if (showNotification) {
+        Toast.success(t('oauth.saveSuccess'));
+      }
+    } catch (err) {
+      if (showNotification) {
+        Toast.error(err.message || t('oauth.saveFailed'));
+      } else {
+        throw err;
+      }
+    }
+  });
+  const onTest = useMemoizedFn(async (data, event) => {
+    try {
+      // HACK: 如果当前数据有修改，则需要先保存配置，才能测试
+      if (formState.isDirty) {
+        await onSubmit(data, event, false);
+      }
+      await api.sendPush({
+        input: {
+          did,
+          receiver: 'z1b9wxs47TXpA5s6VMoGFBk933tF7ujzFDt',
+          notification: JSON.stringify({
+            title: 'Test push-kit notification',
+            body: 'This is message from push-kit config test',
+            type: 'passthrough',
+            passthroughType: 'messageStatus'
+          })
+        }
+      });
+      Toast.success(t('notification.pushKit.testSuccess'));
+    } catch (err) {
+      Toast.error(err.message || t('notification.pushKit.testfailed'));
+    }
+  });
+  const showTestEmailModal = useMemoizedFn((data, event) => {
+    pageState.testReceiver = '';
+    pageState.testReceiverError = '';
+    confirmApi.open({
+      title: t('notification.pushKit.testSend'),
+      // eslint-disable-next-line react/no-unstable-nested-components
+      content: () => {
+        return /*#__PURE__*/_jsx(Box, {
+          sx: {
+            width: '300px'
+          },
+          children: /*#__PURE__*/_jsx(TextField, {
+            sx: {
+              mt: 1
+            },
+            fullWidth: true,
+            name: "testReceiver",
+            label: t('notification.pushKit.inputTestReceiver'),
+            value: pageState.testReceiver,
+            onChange: e => {
+              pageState.testReceiver = e.target.value;
+            },
+            error: !!pageState.testReceiverError,
+            helperText: pageState.testReceiverError || '　'
+          })
+        });
+      },
+      async onConfirm(close) {
+        const receiver = pageState.testReceiver?.trim();
+        if (!receiver) {
+          pageState.testReceiverError = t('notification.pushKit.receiverRequired');
+          return;
+        }
+        pageState.testReceiverError = '';
+        await onTest(data, event);
+        close();
+      }
+    });
+  });
+  const validateEndpoint = useMemoizedFn(value => {
+    const val = value?.trim();
+    if (!val) {
+      return t('notification.pushKit.endpointRequired');
+    }
+    if (!isURL(val)) {
+      return t('notification.pushKit.endpointInvalid');
+    }
+    return true;
+  });
+  const noop = useMemoizedFn(() => true);
+  return /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsxs("form", {
+      onSubmit: handleSubmit(onSubmit),
+      disabled: true,
+      children: [/*#__PURE__*/_jsx(Controller, {
+        name: "enabled",
+        control: control,
+        render: ({
+          field
+        }) => /*#__PURE__*/_jsx(FormControlLabel, {
+          control: /*#__PURE__*/_jsx(Switch, {
+            checked: field.value,
+            ...field
+          }),
+          label: t('notification.pushKit.enable'),
+          sx: {
+            marginBottom: '8px'
+          }
+        })
+      }), /*#__PURE__*/_jsx(Controller, {
+        name: "endpoint",
+        control: control,
+        rules: {
+          validate: enabled ? validateEndpoint : noop
+        },
+        render: ({
+          field
+        }) => /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          children: /*#__PURE__*/_jsx(TextField, {
+            ...field,
+            required: true,
+            label: t('notification.pushKit.endpoint'),
+            error: !!formState.errors[field.name],
+            helperText: formState.errors[field.name]?.message || '　',
+            disabled: !enabled
+          })
+        })
+      }), /*#__PURE__*/_jsxs(Box, {
+        component: "details",
+        sx: {
+          pl: '1em'
+        },
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: "summary",
+          sx: {
+            mb: 1,
+            ml: '-1em'
+          },
+          children: t('notification.pushKit.customOptions')
+        }), /*#__PURE__*/_jsx(Controller, {
+          name: "did",
+          control: control,
+          render: ({
+            field
+          }) => /*#__PURE__*/_jsx(FormControl, {
+            fullWidth: true,
+            children: /*#__PURE__*/_jsx(TextField, {
+              ...field,
+              label: t('notification.pushKit.did'),
+              error: !!formState.errors[field.name],
+              helperText: formState.errors[field.name]?.message || '　',
+              disabled: !enabled
+            })
+          })
+        }), /*#__PURE__*/_jsx(Controller, {
+          name: "pushPath",
+          control: control,
+          render: ({
+            field
+          }) => /*#__PURE__*/_jsx(FormControl, {
+            fullWidth: true,
+            children: /*#__PURE__*/_jsx(TextField, {
+              ...field,
+              label: t('notification.pushKit.pushPath'),
+              error: !!formState.errors[field.name],
+              helperText: formState.errors[field.name]?.message || '　',
+              disabled: !enabled
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        color: "warning",
+        onClick: handleSubmit(showTestEmailModal),
+        sx: {
+          mr: 2
+        },
+        disabled: !enabled,
+        children: t('oauth.runTest')
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "submit",
+        variant: "contained",
+        disabled: !formState.isDirty,
+        children: t('oauth.save')
+      })]
+    }), confirmHolder]
+  });
+}
+export default NotificationPushKit;

package/lib/blocklet/preferences/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useContext } from 'react'; // eslint-disable-line
+import React, { useState, useContext } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import Iframe from 'react-iframe';

package/lib/blocklet/publish/blocklet-card.js

@@ -1,5 +1,5 @@
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
-import { Avatar, Box } from '@mui/material';
+import { Avatar, Box, useMediaQuery } from '@mui/material';
 import PropTypes from 'prop-types';
 import { useState } from 'react';
 import ShortenLabel from '../component/shorten-label';
@@ -14,6 +14,7 @@ function BlockletCard({
   const uploadLogoPrefix = `${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${did}/${projectId}/logo/upload`;
   const logoUrl = `${uploadLogoPrefix}/${logo}`;
   const [hover, setHover] = useState(false);
+  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
   return /*#__PURE__*/_jsxs(Box, {
     sx: {
       display: 'flex',
@@ -34,7 +35,8 @@ function BlockletCard({
         maxLength: "24",
         sx: {
           fontSize: '14px',
-          fontWeight: '500'
+          fontWeight: '500',
+          color: isMobile ? 'primary.main' : ''
         },
         children: title || '/'
       }), /*#__PURE__*/_jsx(ShortenLabel, {
@@ -42,7 +44,7 @@ function BlockletCard({
         maxLength: "58",
         sx: {
           fontSize: '12px',
-          color: hover ? 'primary.main' : 'grey.700'
+          color: isMobile || hover ? 'primary.main' : 'grey.700'
         },
         children: describe || '/'
       })]

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

@@ -1,6 +1,6 @@
 import { UNOWNED_DID, WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { Box, Breadcrumbs, Button, Typography, Dialog as MaterialDialog } from '@mui/material';
+import { Box, Breadcrumbs, Button, Typography, Dialog as MaterialDialog, IconButton, useMediaQuery } from '@mui/material';
 import styled from '@emotion/styled';
 import { Link, useNavigate } from 'react-router-dom';
 import PropTypes from 'prop-types';
@@ -14,6 +14,7 @@ import Toast from '@arcblock/ux/lib/Toast/index';
 import pAll from 'p-all';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import pick from 'lodash/pick';
+import { Icon } from '@iconify/react';
 import ConnectStoreList from './connect-store-list';
 import { validateParams } from '../utils/validate-params';
 import { waitGetConnectedStore } from '../utils/wait-connect';
@@ -22,6 +23,7 @@ import { uploadResource } from './resources';
 import ClickToCopy from '../../../click-to-copy';
 import { formatError } from '../../../util';
 import { useNodeContext } from '../../../contexts/node';
+import ShortenLabel from '../../component/shorten-label';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const serverEndpoint = window.env?.serverEndpoint;
 function Header({
@@ -59,6 +61,7 @@ function Header({
   const navigate = useNavigate();
   const [showStoreDialog, setShowStoreDialog] = useState(false);
   const [installResourceTip, setInstallResourceTip] = useState();
+  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
   const onPublish = () => {
     window.parent.postMessage({
       event: 'studioDialog.uploaded',
@@ -223,20 +226,39 @@ function Header({
         href: url.href,
         target: "_blank",
         rel: "noreferrer",
-        children: /*#__PURE__*/_jsx(Button, {
+        children: isMobile ? /*#__PURE__*/_jsx(IconButton, {
+          color: "primary",
+          sx: {
+            mr: 1
+          },
+          onClick: () => setInstallResourceTip(blockletMetaUrl),
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "ic:baseline-install-desktop"
+          })
+        }) : /*#__PURE__*/_jsx(Button, {
           variant: "outlined",
-          style: {
-            marginRight: 8
+          sx: {
+            mr: 1
           },
+          onClick: () => setInstallResourceTip(blockletMetaUrl),
           children: t('common.install')
         })
       });
     } else {
       installButton = /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
+        children: [isMobile ? /*#__PURE__*/_jsx(IconButton, {
+          color: "primary",
+          sx: {
+            mr: 1
+          },
+          onClick: () => setInstallResourceTip(blockletMetaUrl),
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "ic:baseline-install-desktop"
+          })
+        }) : /*#__PURE__*/_jsx(Button, {
           variant: "outlined",
-          style: {
-            marginRight: 8
+          sx: {
+            mr: 1
           },
           onClick: () => setInstallResourceTip(blockletMetaUrl),
           children: t('blocklet.publish.copyInstallUrl')
@@ -293,10 +315,16 @@ function Header({
             children: t('common.blockletStudio')
           }), projectId === UNOWNED_DID ? /*#__PURE__*/_jsx(Typography, {
             color: "text.primary",
-            children: params?.blockletTitle || 'Blocklet'
+            children: /*#__PURE__*/_jsx(ShortenLabel, {
+              maxLength: isMobile ? 6 : 30,
+              children: params?.blockletTitle || 'Blocklet'
+            })
           }) : /*#__PURE__*/_jsx(Link, {
             to: `../${projectId}`,
-            children: params?.blockletTitle
+            children: /*#__PURE__*/_jsx(ShortenLabel, {
+              maxLength: isMobile ? 6 : 30,
+              children: params?.blockletTitle || 'Blocklet'
+            })
           }), /*#__PURE__*/_jsx(Typography, {
             color: "text.primary",
             children: mode === 'create' ? t('common.create') : params?.blockletVersion || t('common.edit')
@@ -320,10 +348,10 @@ function Header({
         }), isPublished && /*#__PURE__*/_jsxs(_Fragment, {
           children: [installButton, /*#__PURE__*/_jsx("a", {
             href: joinURL(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${projectId}/${releaseId}/download/${(release.files || [])[0]}`),
-            children: /*#__PURE__*/_jsx(Button, {
+            children: isMobile ? null : /*#__PURE__*/_jsx(Button, {
               variant: "outlined",
-              style: {
-                marginRight: 12
+              sx: {
+                mr: 1
               },
               children: t('common.download')
             })
@@ -335,7 +363,7 @@ function Header({
                 fontSize: '1.3em',
                 marginRight: 4
               }
-            }), t('common.uploadToStore')]
+            }), isMobile ? t('common.upload') : t('common.uploadToStore')]
           })]
         })]
       })

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

@@ -1,29 +1,29 @@
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { useParams } from 'react-router-dom';
+import { UNOWNED_DID } from '@abtnode/constant';
+import QuestionMarkIcon from '@arcblock/icons/lib/QuestionMarkCircle';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Tabs from '@arcblock/ux/lib/Tabs';
+import Toast from '@arcblock/ux/lib/Toast';
 import styled from '@emotion/styled';
+import { Box, Tooltip, Typography, useMediaQuery } from '@mui/material';
+import pick from 'lodash/pick';
 import PropTypes from 'prop-types';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useParams } from 'react-router-dom';
 import useSetState from 'react-use/lib/useSetState';
-import pick from 'lodash/pick';
 import semver from 'semver';
-import { Box, Typography, useMediaQuery, Tooltip } from '@mui/material';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import Toast from '@arcblock/ux/lib/Toast';
-import Tabs from '@arcblock/ux/lib/Tabs';
-import { UNOWNED_DID } from '@abtnode/constant';
-import QuestionMarkIcon from '@arcblock/icons/lib/QuestionMarkCircle';
 import BlockletBundleAvatar from '../../bundle-avatar';
-import { useNodeContext } from '../../../contexts/node';
 import { useBlockletContext } from '../../../contexts/blocklet';
+import { useNodeContext } from '../../../contexts/node';
 import EmptySpinner from '../../../empty-spinner';
 import { formatError } from '../../../util';
-import Resources from './resources';
 import Blocklets from './blocklets';
-import StopBox from './stop-box';
+import Resources from './resources';
 import Branding from './branding';
-import Version from './version';
 import Header from './header';
-import ReleaseStepper from './release-stepper';
 import Introduction from './introduction';
+import ReleaseStepper from './release-stepper';
+import StopBox from './stop-box';
+import Version from './version';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const addComponentTabs = ({
   tabs,
@@ -321,6 +321,7 @@ export default function CreateRelease({
     children: [/*#__PURE__*/_jsx(Header, {
       blocklet: blocklet,
       release: release,
+      getData: getData,
       getRelease: getRelease,
       mode: mode,
       params: params,
@@ -460,7 +461,8 @@ export default function CreateRelease({
                   onChange: onTabChange,
                   sx: {
                     ml: -2,
-                    mt: -1.5
+                    mt: -1.5,
+                    maxWidth: isMobile ? window.innerWidth - 24 : '100%'
                   }
                 }), /*#__PURE__*/_jsx(Box, {
                   children: /*#__PURE__*/_jsx(Resources, {

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

@@ -6,7 +6,7 @@ import useSetState from 'react-use/lib/useSetState';
 import joinUrl from 'url-join';
 import { Box } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import hasStartEngine from '@blocklet/meta/lib/has-start-engine';
+import { hasStartEngine } from '@blocklet/meta/lib/engine';
 import pAll from 'p-all';
 import Toast from '@arcblock/ux/lib/Toast/index';
 import { EmptyIcon } from '@arcblock/icons';
@@ -220,7 +220,7 @@ export default function Resources({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [app, initialResources, readOnly]);
   let Empty = null;
-  if (!component) {
+  if (!component || !resources[component.meta.did]?.length) {
     Empty = /*#__PURE__*/_jsx(StopBox, {
       Icon: EmptyIcon,
       children: t('blocklet.publish.resourceEmptyTip', {

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

@@ -1,31 +1,31 @@
 /* eslint-disable react/no-unstable-nested-components */
-import React, { useState, useEffect } from 'react';
-import { Link, useNavigate, useParams } from 'react-router-dom';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router-dom';
 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 NewFileIcon from '@mui/icons-material/AddBox';
 import DeleteIcon from '@mui/icons-material/Delete';
+import ErrorIcon from '@mui/icons-material/Error';
 import VisibilityIcon from '@mui/icons-material/FileOpen';
-import NewFileIcon from '@mui/icons-material/AddBox';
 import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined';
-import ErrorIcon from '@mui/icons-material/Error';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
 import { UNOWNED_DID } from '@abtnode/constant';
-import Datatable from '@arcblock/ux/lib/Datatable';
+import DidConnect from '@arcblock/did-connect/lib/Connect';
 import Button from '@arcblock/ux/lib/Button';
-import Toast from '@arcblock/ux/lib/Toast';
-import Tag from '@arcblock/ux/lib/Tag';
+import Datatable from '@arcblock/ux/lib/Datatable';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
-import DidConnect from '@arcblock/did-connect/lib/Connect';
+import Tag from '@arcblock/ux/lib/Tag';
+import Toast from '@arcblock/ux/lib/Toast';
 import { Tooltip, Typography, useMediaQuery } from '@mui/material';
-import { useSessionContext } from '../../contexts/session';
+import Confirm from '../../confirm';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
-import EmptySpinner from '../../empty-spinner';
+import { useSessionContext } from '../../contexts/session';
 import DidAddress from '../../did-address';
-import Confirm from '../../confirm';
+import EmptySpinner from '../../empty-spinner';
 import BlockletBundleAvatar from '../bundle-avatar';
 import ShortenLabel from '../component/shorten-label';
 import BlockletCard from './blocklet-card';
@@ -278,7 +278,7 @@ export default function ProjectList({
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           children: [/*#__PURE__*/_jsx(Link, {
-            to: `${project.id}/create/none`,
+            to: `${project.id}/new-release/${project.lastReleaseId}`,
             children: /*#__PURE__*/_jsx(Tooltip, {
               title: t('blocklet.publish.createRelease'),
               placement: "top",
@@ -304,7 +304,7 @@ export default function ProjectList({
                 style: {
                   display: 'flex'
                 },
-                to: `${project.id}/new-release/${project.lastReleaseId}`,
+                to: `${project.id}/view/${project.lastReleaseId}`,
                 children: /*#__PURE__*/_jsx(VisibilityIcon, {
                   sx: {
                     fontSize: 18

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

@@ -5,11 +5,7 @@ import styled from '@emotion/styled';
 import joinUrl from 'url-join';
 import upperFirst from 'lodash/upperFirst';
 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 { Box, useMediaQuery, IconButton, Typography, Tooltip, Breadcrumbs } from '@mui/material';
 import DownloadIcon from '@mui/icons-material/Download';
 import DeleteIcon from '@mui/icons-material/Delete';
 import AddIcon from '@mui/icons-material/Add';
@@ -26,6 +22,7 @@ import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
 import Confirm from '../../confirm';
 import BlockletCard from './blocklet-card';
+import ShortenLabel from '../component/shorten-label';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ReleaseList() {
   const {
@@ -42,6 +39,7 @@ export default function ReleaseList() {
   const {
     blocklet
   } = useBlockletContext();
+  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
   const [releases, setReleases] = useState(null);
   const [project, setProject] = useState(null);
   const [deleteConfirm, setDeleteConfirm] = useState(null);
@@ -132,7 +130,10 @@ export default function ReleaseList() {
       children: t('common.blockletStudio')
     }), /*#__PURE__*/_jsx(Typography, {
       color: "text.primary",
-      children: project.blockletTitle
+      children: /*#__PURE__*/_jsx(ShortenLabel, {
+        maxLength: isMobile ? 6 : 30,
+        children: project.blockletTitle
+      })
     })]
   });
   if (!releases.length) {
@@ -348,6 +349,9 @@ const Main = styled(Box)`
     align-items: center;
     justify-content: space-between;
   }
+  .main-table {
+    margin-top: 24px;
+  }
   .main-table > div:first-child {
     display: none;
   }

package/lib/blocklet/router/util.js

@@ -2,7 +2,7 @@
 import { ROUTING_RULE_TYPES, DEFAULT_IP_DOMAIN_SUFFIX, DOMAIN_FOR_IP_SITE_REGEXP, DOMAIN_FOR_DEFAULT_SITE, DOMAIN_FOR_IP_SITE } from '@abtnode/constant';
 import isPathPrefixEqual from '@abtnode/util/lib/is-path-prefix-equal';
 import { BLOCKLET_DYNAMIC_PATH_PREFIX } from '@blocklet/constant';
-import hasStartEngine from '@blocklet/meta/lib/has-start-engine';
+import { hasStartEngine } from '@blocklet/meta/lib/engine';
 const validateRuleByServiceType = (params, localeContext) => {
   if (params.type === ROUTING_RULE_TYPES.REDIRECT) {
     if (!params.url) {

package/lib/locales/ar.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'انتهت صلاحية رمز الإلغاء الاشتراك',
     unsubscribeTokenInvalid: 'رمز إلغاء الاشتراك غير صالح',
     installComponentError: 'لم يتم العثور على المكون الملغي {name}',
-    installingComponent: 'تثبيت المكون {name}'
+    installingComponent: 'تثبيت المكون {name}',
+    pushKit: {
+      enable: 'تفعيل إشعار PushKit',
+      endpoint: 'نقطة نهاية PushKit',
+      endpointInvalid: 'نقطة نهاية PushKit عنوان URL غير صالح',
+      testSuccess: 'تم إرسال اختبار PushKit بنجاح',
+      testFailed: 'اختبار PushKit للإرسال فشل',
+      testReceiver: 'مستقبل PushKit',
+      testSend: 'اختبار إرسال مجموعة الدفع',
+      inputTestReceiver: 'الرجاء إدخال مستقبل الاختبار',
+      receiverRequired: 'مطلوب مستقبل PushKit'
+    }
   },
   router: {
     routerSetting: 'نطاقات وروابط',

package/lib/locales/de.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'Abmeldetoken ist abgelaufen',
     unsubscribeTokenInvalid: 'Das Abonnement-Token ist ungültig',
     installComponentError: 'Nicht gefunden deinstallierte Komponente {name}',
-    installingComponent: 'Installiere Komponente {name}'
+    installingComponent: 'Installiere Komponente {name}',
+    pushKit: {
+      enable: 'PushKit-Benachrichtigung aktivieren',
+      endpoint: 'PushKit-Endpunkt',
+      endpointInvalid: 'PushKit-Endpunkt ist eine ungültige URL',
+      testSuccess: 'Test PushKit-Versendung erfolgreich',
+      testFailed: 'Test PushKit senden fehlgeschlagen',
+      testReceiver: 'PushKit-Empfänger',
+      testSend: 'Test-Push-Kit senden',
+      inputTestReceiver: 'Bitte geben Sie den Test-Empfänger ein',
+      receiverRequired: 'PushKit-Empfänger ist erforderlich'
+    }
   },
   router: {
     routerSetting: 'Domains & URLs',

package/lib/locales/en.js

@@ -922,6 +922,20 @@ export default {
     checkingForUpdates: 'Checking for updates...',
     installComponentError: 'Not found uninstalled component {name}',
     installingComponent: 'Installing component {name}',
+    pushKit: {
+      enable: 'Enable PushKit notification',
+      endpoint: 'PushKit endpoint',
+      endpointInvalid: 'PushKit endpoint is invalid URL',
+      testSuccess: 'Test PushKit send successfully',
+      testFailed: 'Test PushKit send failed',
+      testReceiver: 'PushKit receiver',
+      testSend: 'Test push-kit send',
+      inputTestReceiver: 'Please input test receiver did',
+      receiverRequired: 'PushKit receiver is required',
+      pushPath: 'Api path for push-kit (default /api/push)',
+      did: 'PushKit Blocklet DID',
+      customOptions: 'Custom Options'
+    },
     email: {
       enable: 'Enable email notification',
       from: 'Email sender',

package/lib/locales/es.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'El token de cancelación de suscripción ha caducado',
     unsubscribeTokenInvalid: 'El token de cancelación de suscripción no es válido',
     installComponentError: 'Componente {name} no encontrado o desinstalado',
-    installingComponent: 'Instalando componente {name}'
+    installingComponent: 'Instalando componente {name}',
+    pushKit: {
+      enable: 'Habilitar notificaciones PushKit',
+      endpoint: 'Punto final PushKit',
+      endpointInvalid: 'El punto final PushKit no es una URL válida',
+      testSuccess: 'La prueba de PushKit se envió correctamente',
+      testFailed: 'Test PushKit enviar falló',
+      testReceiver: 'Receptor PushKit',
+      testSend: 'Probar enviar push-kit',
+      inputTestReceiver: 'Introduzca el receptor de prueba did',
+      receiverRequired: 'Se requiere receptor PushKit'
+    }
   },
   router: {
     routerSetting: 'Dominios y URL',

package/lib/locales/fr.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'Le jeton de désabonnement a expiré',
     unsubscribeTokenInvalid: 'Le jeton de désabonnement est invalide',
     installComponentError: 'Composant désinstallé {name} non trouvé',
-    installingComponent: 'Installation du composant {name}'
+    installingComponent: 'Installation du composant {name}',
+    pushKit: {
+      enable: 'Activer les notifications PushKit',
+      endpoint: "Point d'extrémité PushKit",
+      endpointInvalid: 'Le point de terminaison PushKit est une URL non valide',
+      testSuccess: "Le test d'envoi du PushKit a réussi",
+      testFailed: 'Test PushKit envoyer a échoué',
+      testReceiver: 'Récepteur PushKit',
+      testSend: "Tester l'envoi du kit push",
+      inputTestReceiver: 'Veuillez saisir le destinataire du test',
+      receiverRequired: 'Récepteur PushKit requis'
+    }
   },
   router: {
     routerSetting: 'Domaines et URLs',

package/lib/locales/hi.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'अनुवंशीकरण टोकन समाप्त हो गया है',
     unsubscribeTokenInvalid: 'अनुशंसा टोकन अमान्य है',
     installComponentError: 'नहीं मिला अनइंस्टॉल किया गया घटक {name}',
-    installingComponent: '{name} कॉम्पोनेंट स्थापित कर रहा है'
+    installingComponent: '{name} कॉम्पोनेंट स्थापित कर रहा है',
+    pushKit: {
+      enable: 'पुशकिट अधिसूचना सक्षम करें',
+      endpoint: 'पुशकिट एंडपॉइंट',
+      endpointInvalid: 'पुष्किट एंडपॉइंट गलत URL है',
+      testSuccess: 'टेस्ट पुष्किट भेजना सफल',
+      testFailed: 'टेस्ट पुशकिट भेजने में असफल',
+      testReceiver: 'पुष्कीत रिसीवर',
+      testSend: 'टेस्ट पुश-किट भेजें',
+      inputTestReceiver: 'कृपया परीक्षण रिसीवर इनपुट करें',
+      receiverRequired: 'पुशकिट रिसीवर ज़रूरी हैं'
+    }
   },
   router: {
     routerSetting: 'डोमेन और यूआरएल',

package/lib/locales/id.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'Token berhenti langganan telah kedaluwarsa',
     unsubscribeTokenInvalid: 'Token berhenti berlangganan tidak valid',
     installComponentError: 'Komponen {name} yang telah dihapus tidak ditemukan',
-    installingComponent: 'Menginstal komponen {name}'
+    installingComponent: 'Menginstal komponen {name}',
+    pushKit: {
+      enable: 'Aktifkan notifikasi PushKit',
+      endpoint: 'PushKit endpoint',
+      endpointInvalid: 'Endpoint PushKit adalah URL yang tidak valid',
+      testSuccess: 'Uji Coba PushKit terkirim dengan sukses',
+      testFailed: 'Uji coba PushKit kirim gagal',
+      testReceiver: 'Penerima PushKit',
+      testSend: 'Uji coba kiriman push-kit',
+      inputTestReceiver: 'Masukkan penerima uji',
+      receiverRequired: 'Diperlukan penerima PushKit'
+    }
   },
   router: {
     routerSetting: 'Domain dan URL',

package/lib/locales/ja.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: '退会トークンの有効期限が切れています',
     unsubscribeTokenInvalid: '購読解除トークンが無効です',
     installComponentError: '未発見またはアンインストールされたコンポーネント {name} は見つかりません',
-    installingComponent: 'コンポーネント {name} のインストール中'
+    installingComponent: 'コンポーネント {name} のインストール中',
+    pushKit: {
+      enable: 'PushKit 通知を有効にする',
+      endpoint: 'PushKit エンドポイント',
+      endpointInvalid: 'PushKit エンドポイントは有効な URL ではありません',
+      testSuccess: 'PushKit のテストが正常に送信されました',
+      testFailed: 'テスト PushKit 送信に失敗',
+      testReceiver: 'PushKit レシーバー',
+      testSend: 'プッシュキットの送信をテストする',
+      inputTestReceiver: 'テストレシーバーdidを入力してください',
+      receiverRequired: 'PushKit レシーバーが必要です'
+    }
   },
   router: {
     routerSetting: 'ドメインとURL',

package/lib/locales/ko.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: '구독 취소 토큰이 만료되었습니다',
     unsubscribeTokenInvalid: '구독 취소 토큰이 잘못되었습니다',
     installComponentError: '찾을 수 없는 미설치 구성 요소 {name}',
-    installingComponent: '{name} 구성 요소를 설치 중입니다.'
+    installingComponent: '{name} 구성 요소를 설치 중입니다.',
+    pushKit: {
+      enable: 'PushKit 알림 사용',
+      endpoint: 'PushKit 엔드포인트',
+      endpointInvalid: 'PushKit 끝점이 유효하지 않은 URL입니다',
+      testSuccess: '테스트 PushKit이(가) 성공적으로 전송되었습니다',
+      testFailed: '테스트 PushKit 전송 실패',
+      testReceiver: '푸시킷 수신기',
+      testSend: '푸시 키트 보내기 테스트',
+      inputTestReceiver: '테스트 수신자 입력 did',
+      receiverRequired: 'PushKit 수신기가 필요함'
+    }
   },
   router: {
     routerSetting: '도메인 및 URL',

package/lib/locales/pt.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'O token de cancelamento de inscrição expirou',
     unsubscribeTokenInvalid: 'O token de cancelamento da inscrição é inválido',
     installComponentError: 'Componente {name} desinstalado não encontrado',
-    installingComponent: 'Instalando o componente {name}'
+    installingComponent: 'Instalando o componente {name}',
+    pushKit: {
+      enable: 'Habilitar notificação PushKit',
+      endpoint: 'PushKit endpoint',
+      endpointInvalid: 'O endpoint do PushKit é uma URL inválida',
+      testSuccess: 'Teste PushKit enviado com sucesso',
+      testFailed: 'Teste do envio PushKit falhou',
+      testReceiver: 'Receptor PushKit',
+      testSend: 'Teste o envio do push-kit',
+      inputTestReceiver: 'Digite o receptor de teste',
+      receiverRequired: 'É necessário o receptor PushKit'
+    }
   },
   router: {
     routerSetting: 'Domínios e URLs',

package/lib/locales/ru.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'Срок действия токена отписки истек',
     unsubscribeTokenInvalid: 'Токен отписки недействителен',
     installComponentError: 'Не найден удаленный компонент {name}',
-    installingComponent: 'Установка компонента {name}'
+    installingComponent: 'Установка компонента {name}',
+    pushKit: {
+      enable: 'Активировать уведомления PushKit',
+      endpoint: 'Конечная точка PushKit',
+      endpointInvalid: 'Конечная точка PushKit является недействительным URL-адресом',
+      testSuccess: 'Тестовая рассылка PushKit успешно',
+      testFailed: 'Тест PushKit отправить не удалось',
+      testReceiver: 'Приемник PushKit',
+      testSend: 'Проверка отправки push-комплекта',
+      inputTestReceiver: 'Пожалуйста, введите тестовый приемник',
+      receiverRequired: 'Требуется приемник PushKit'
+    }
   },
   router: {
     routerSetting: 'Домены и URL',

package/lib/locales/th.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'โทเค็นการยกเลิกสมาชิกหมดอายุ',
     unsubscribeTokenInvalid: 'โทเค็นการยกเลิกการสมัครสมาชิกไม่ถูกต้อง',
     installComponentError: 'ไม่พบส่วนประกอบที่ถอนการติดตั้ง {name}',
-    installingComponent: 'กำลังติดตั้งส่วนประกอบ {name}'
+    installingComponent: 'กำลังติดตั้งส่วนประกอบ {name}',
+    pushKit: {
+      enable: 'เปิดใช้งานการแจ้งเตือน PushKit',
+      endpoint: 'PushKit endpoint',
+      endpointInvalid: 'จุดสิ้นสุด PushKit เป็น URL ที่ไม่ถูกต้อง',
+      testSuccess: 'การทดสอบ PushKit ส่งสำเร็จ',
+      testFailed: 'การทดสอบส่ง PushKit ล้มเหลว',
+      testReceiver: 'ตัวรับ PushKit',
+      testSend: 'ทดสอบการส่ง push-kit',
+      inputTestReceiver: 'โปรดป้อนเครื่องรับทดสอบ',
+      receiverRequired: 'จำเป็นต้องใช้ตัวรับ PushKit'
+    }
   },
   router: {
     routerSetting: 'โดเมนและ URL',

package/lib/locales/vi.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: 'Mã hủy đăng ký đã hết hạn',
     unsubscribeTokenInvalid: 'Mã hủy đăng ký không hợp lệ',
     installComponentError: 'Không tìm thấy thành phần {name} đã gỡ cài đặt',
-    installingComponent: 'Đang cài đặt thành phần {name}'
+    installingComponent: 'Đang cài đặt thành phần {name}',
+    pushKit: {
+      enable: 'Kích hoạt thông báo PushKit',
+      endpoint: 'PushKit endpoint',
+      endpointInvalid: 'Điểm cuối PushKit là URL không hợp lệ',
+      testSuccess: 'Đẩy thử PushKit thành công',
+      testFailed: 'Thử nghiệm gửi PushKit không thành công',
+      testReceiver: 'Máy thu PushKit',
+      testSend: 'Thử nghiệm đẩy push-kit',
+      inputTestReceiver: 'Vui lòng nhập máy thu thử nghiệm',
+      receiverRequired: 'Cần có bộ thu PushKit'
+    }
   },
   router: {
     routerSetting: 'Domínio và URL',

package/lib/locales/zh-tw.js

@@ -969,7 +969,18 @@ export default {
     unsubscribeTokenExpired: '退訂令牌已過期',
     unsubscribeTokenInvalid: '退訂令牌無效',
     installComponentError: '未找到已卸載的組件 {name}',
-    installingComponent: '安裝元件{name}'
+    installingComponent: '安裝元件{name}',
+    pushKit: {
+      enable: '啟用 PushKit 通知',
+      endpoint: 'PushKit 端點',
+      endpointInvalid: 'PushKit 端點不是一個有效的網址',
+      testSuccess: 'Test PushKit 送出成功',
+      testFailed: '測試 PushKit 傳送失敗',
+      testReceiver: 'PushKit 接收者',
+      testSend: '測試推播套件發送',
+      inputTestReceiver: '請輸入測試接收者 DID',
+      receiverRequired: '需要 PushKit 接收者 DID'
+    }
   },
   router: {
     routerSetting: '網域和網址',

package/lib/locales/zh.js

@@ -972,7 +972,18 @@ export default {
     unsubscribeTokenExpired: '取消订阅链接已过期',
     unsubscribeTokenInvalid: '取消订阅链接有误',
     installComponentError: '未找到卸载的组件 {name}',
-    installingComponent: '安装组件{name}'
+    installingComponent: '安装组件{name}',
+    pushKit: {
+      enable: '启用 PushKit 通知',
+      endpoint: 'PushKit 端点',
+      endpointInvalid: 'PushKit 端点不是一个有效的网址',
+      testSuccess: 'Test PushKit 发送成功',
+      testFailed: '测试 PushKit 发送失败',
+      testReceiver: 'PushKit 接收器',
+      testSend: '测试推送',
+      inputTestReceiver: '请输入测试接收者 DID',
+      receiverRequired: '需要 PushKit 接收者 DID'
+    }
   },
   router: {
     routerSetting: '域名和网址',

package/lib/notifications/page.js

@@ -1,26 +1,11 @@
-/* eslint-disable react/jsx-one-expression-per-line */
-/* eslint-disable operator-linebreak */
 import { useState, useContext } from 'react';
 import styled from '@emotion/styled';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { format } from 'timeago.js';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemText from '@mui/material/ListItemText';
-import Spinner from '@mui/material/CircularProgress';
-import ListItemAvatar from '@mui/material/ListItemAvatar';
-import Tooltip from '@mui/material/Tooltip';
-import Avatar from '@mui/material/Avatar';
-import Divider from '@mui/material/Divider';
-import Typography from '@mui/material/Typography';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
-import IconButton from '@mui/material/IconButton';
+import { Avatar, Box, Checkbox, CircularProgress, Divider, FormControlLabel, IconButton, List, ListItem, ListItemSecondaryAction, ListItemText, ListItemAvatar, Tooltip, Typography } from '@mui/material';
+import { Pagination } from '@mui/lab';
 import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
-import Box from '@mui/material/Box';
-import Pagination from '@mui/lab/Pagination';
 import Button from '@arcblock/ux/lib/Button';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import NotificationTag from './tag';
@@ -116,7 +101,7 @@ export default function NotificationsPage({
             disabled: isMarkingAll,
             onClick: onUnreadNotifications,
             className: "",
-            children: [isMarkingAll && /*#__PURE__*/_jsx(Spinner, {
+            children: [isMarkingAll && /*#__PURE__*/_jsx(CircularProgress, {
               size: 16,
               style: {
                 marginRight: '1em'
@@ -127,7 +112,7 @@ export default function NotificationsPage({
       })]
     }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(List, {
       className: "notification-list",
-      children: [loading && /*#__PURE__*/_jsx(Spinner, {
+      children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
         size: [32, 20],
         style: {
           opacity: '0.8',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.27",
+  "version": "1.16.28-beta-bfbab430",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -17,7 +17,6 @@
     "prebuild": "rm -rf lib/ es/",
     "build:core-ux": "npm run build",
     "build": "babel --config-file ./babel.config.es.js src --out-dir lib --copy-files",
-    "autoexports": "node tools/auto-exports.js",
     "watch": "npm run build -- -w",
     "coverage": "npm run test -- --coverage",
     "test": "node tools/jest.js"
@@ -26,9 +25,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.27",
-    "@abtnode/constant": "1.16.27",
-    "@abtnode/util": "1.16.27",
+    "@abtnode/auth": "1.16.28-beta-bfbab430",
+    "@abtnode/constant": "1.16.28-beta-bfbab430",
+    "@abtnode/util": "1.16.28-beta-bfbab430",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.123",
     "@arcblock/did-connect": "^2.9.90",
@@ -38,10 +37,10 @@
     "@arcblock/react-hooks": "^2.9.90",
     "@arcblock/terminal": "^2.9.90",
     "@arcblock/ux": "^2.9.90",
-    "@blocklet/constant": "1.16.27",
+    "@blocklet/constant": "1.16.28-beta-bfbab430",
     "@blocklet/launcher-layout": "2.3.21",
     "@blocklet/list": "^0.12.111",
-    "@blocklet/meta": "1.16.27",
+    "@blocklet/meta": "1.16.28-beta-bfbab430",
     "@blocklet/ui-react": "^2.9.90",
     "@blocklet/uploader": "^0.1.6",
     "@emotion/react": "^11.10.4",
@@ -109,5 +108,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "b7dcd46b040c5ad3a273b14b1a411fafc1390828"
+  "gitHead": "f1fbf0752de46be00d1faa0d54eb7d28016e0bb9"
 }