@abtnode/ux 1.16.25-beta-be3a37f4 → 1.16.25-beta-cfcab4af

package/es/blocklet/oauth/federated-detail-dialog.js

@@ -14,9 +14,7 @@ import isUrl from 'is-url';
 import joinUrl from 'url-join';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const FederatedDetailDialog = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     t

package/es/blocklet/oauth/federated-invite-dialog.js

@@ -8,8 +8,7 @@ import Dialog from '@arcblock/ux/lib/Dialog';
 import CodeBlock from '@arcblock/ux/lib/CodeBlock';
 import copy from 'copy-to-clipboard';
 import { useTheme } from '@arcblock/ux/lib/Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FederatedInviteDialog = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme();
   const leavingScreen = theme?.transitions?.duration?.leavingScreen || 300;

package/es/blocklet/oauth/federated-join-dialog.js

@@ -10,8 +10,7 @@ import noop from 'lodash/noop';
 import isUrl from 'is-url';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FederatedJoinDialog = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     t

package/es/blocklet/oauth/federated-site-list.js

@@ -16,9 +16,7 @@ import { useNodeContext } from '../../contexts/node';
 import useConfirm from '../../hooks/confirm';
 import FederatedDetailDialog from './federated-detail-dialog';
 import FederatedInviteDialog from './federated-invite-dialog';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function FederatedSiteList({
   mode
 }) {

package/es/blocklet/oauth/federated.js

@@ -10,9 +10,7 @@ import { useBlockletContext } from '../../contexts/blocklet';
 import FederatedSiteList from './federated-site-list';
 import FederatedJoinDialog from './federated-join-dialog';
 import FederatedInviteDialog from './federated-invite-dialog';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function FederatedLogin() {
   const federatedInviteRef = useRef(null);
   const federatedJoinRef = useRef(null);

package/es/blocklet/oauth/index.js

@@ -7,8 +7,7 @@ import { useContext, useState } from 'react';
 import OAuthAuth0 from './auth0';
 import CommonSettings from './common-settings';
 import FederatedLogin from './federated';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function OAuth() {
   const {
     t

package/es/blocklet/overview.js

@@ -15,8 +15,7 @@ import { formatToDatetime, getExplorerLink } from '../util';
 import BlockletStatus from './status';
 import { isServerless } from './util';
 import DomainListWithPermission from './component/domain-list';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const WalletType = {
   arcblock: 'ArcBlock',
   ethereum: 'Ethereum'

package/es/blocklet/preferences/app-sk.js

@@ -13,8 +13,7 @@ import Confirm from '../../confirm';
 import { useSessionContext } from '../../contexts/session';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { isRunning } from '../../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function AppSk({
   initialValue,
   onChange,

package/es/blocklet/preferences/index.js

@@ -23,8 +23,7 @@ import BlockletNotification from '../notification';
 import Access from '../access/index';
 import { useNodeContext } from '../../contexts/node';
 import OAuth from '../oauth';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const addComponentTabs = ({
   tabs,
   blocklet,

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

@@ -15,8 +15,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useSessionContext } from '../../contexts/session';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Types = [{
   label: {
     en: 'Resource',

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

@@ -31,9 +31,7 @@ import ClickToCopy from '../../click-to-copy';
 import { formatError } from '../../util';
 import Resource from './resource';
 import SelectComponents from './select-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
 const maxFileSize = 1024 * 1024 * 10; // 10 MB
 

package/es/blocklet/publish/index.js

@@ -8,8 +8,7 @@ import ProjectList from './project-list';
 import CreateProject from './create-project';
 import ReleasesList from './release-list';
 import CreateRelease from './create-release';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockletPublish({
   padding
 }) {

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

@@ -17,8 +17,7 @@ import EmptySpinner from '../../empty-spinner';
 import DidAddress from '../../did-address';
 import Confirm from '../../confirm';
 import BlockletBundleAvatar from '../bundle-avatar';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ProjectList() {
   const {
     t,

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

@@ -22,9 +22,7 @@ import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
 import EmptySpinner from '../../empty-spinner';
 import Confirm from '../../confirm';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ReleaseList() {
   const {
     t,

package/es/blocklet/publish/resource.js

@@ -10,8 +10,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import Tree from './tree';
 import { useNodeContext } from '../../contexts/node';
 import { axios } from '../../util/api';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const fillParent = (nodes, parentId) => {
   nodes.forEach(node => {
     if (parentId) {

package/es/blocklet/publish/select-components.js

@@ -8,8 +8,7 @@ import Box from '@mui/material/Box';
 import Datatable from '@arcblock/ux/lib/Datatable';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import BlockletBundleAvatar from '../bundle-avatar';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function SelectComponents({
   value,
   app,

package/es/blocklet/publish/tree.js

@@ -14,8 +14,7 @@ import { Icon } from '@iconify/react';
 import Images from '../../images';
 
 // BFS algorithm to find node by his ID
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const bfsSearch = (graph, targetId) => {
   const queue = [...graph];
   while (queue.length > 0) {

package/es/blocklet/purchase/common.js

@@ -9,9 +9,7 @@ import IconVerify from '@mui/icons-material/VerifiedUser';
 import Button from '@arcblock/ux/lib/Button';
 import colors from '@arcblock/ux/lib/Colors';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const commonProps = {
   meta: PropTypes.object.isRequired,
   onCancel: PropTypes.func.isRequired

package/es/blocklet/purchase/component-purchase.js

@@ -11,9 +11,7 @@ import { useNodeContext } from '../../contexts/node';
 import { getWebWalletUrl, extractStatusUrlFromNextWorkflow } from '../../util';
 import { api as $api, axios } from '../../util/api';
 import { commonProps, CustomSelect } from './common';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function ComponentPurchase({
   meta,
   onCancel,

package/es/blocklet/router/action/add-domain-alias.js

@@ -11,9 +11,7 @@ import { useNodeContext } from '../../../contexts/node';
 import { sleep } from '../../../util';
 import AddDomain from '../add-domain';
 import { parseDomainFromURL } from '../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function AddDomainAliasComponent({
   id,
   children,

package/es/blocklet/router/action/add-rule.js

@@ -15,9 +15,7 @@ import Confirm from '../../../confirm';
 import { validateRule, validatePathPrefix } from '../util';
 import ConfigRoutingRule from './config-routing-rule';
 import { formatMountPoint } from '../../../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function AddRule({
   children
 }) {
@@ -65,6 +63,13 @@ export default function AddRule({
       if (params.type === ROUTING_RULE_TYPES.GENERAL_REWRITE) {
         rule.to.url = urlPathFriendly(params.url);
       }
+      if (params.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE) {
+        rule.to.response = {
+          status: 200,
+          contentType: params.responseType,
+          body: params.responseBody
+        };
+      }
       await api.addRoutingRule({
         input: {
           id: siteId,
@@ -134,6 +139,9 @@ export default function AddRule({
             if (params.type === ROUTING_RULE_TYPES.GENERAL_REWRITE && !params.url) {
               disable = true;
             }
+            if (params.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE && (!params.responseType || !params.responseBody)) {
+              disable = true;
+            }
             if (!e.target.value.trim()) {
               disable = true;
               setError(t('router.validation.pathPrefixRequired'));
@@ -167,6 +175,8 @@ export default function AddRule({
       componentId: '',
       pageGroup: '',
       redirectCode: 302,
+      responseType: 'text/plain',
+      responseBody: '',
       __disableConfirm: true
     },
     onConfirm,

package/es/blocklet/router/action/config-routing-rule.js

@@ -3,13 +3,11 @@ import PropTypes from 'prop-types';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { ROUTING_RULE_TYPES } from '@abtnode/constant';
+import { ROUTING_RULE_TYPES, ROUTING_RESPONSE_TYPES } from '@abtnode/constant';
 import { BLOCKLET_INTERFACE_TYPE_WEB } from '@blocklet/constant';
 import { findWebInterface, getDisplayName } from '@blocklet/meta/lib/util';
 import { useBlockletContext } from '../../../contexts/blocklet';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const getComponents = blocklet => blocklet.children.filter(x => x.meta.interfaces.find(i => i.type === BLOCKLET_INTERFACE_TYPE_WEB));
 export default function ConfigRoutingRule({
   params,
@@ -194,18 +192,66 @@ export default function ConfigRoutingRule({
         marginBottom: 32
       },
       onChange: e => {
+        const value = e.target.value.trim();
         setParams({
           ...params,
           url: e.target.value,
-          __disableConfirm: !e.target.value.trim()
+          __disableConfirm: !value
         });
-        if (!e.target.value.trim()) {
+        if (!value) {
           setError(t('router.validation.rewriteUrlRequired'));
         } else {
           setError('');
         }
       }
-    }, "url")]
+    }, "url"), params.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE && [/*#__PURE__*/_jsx(TextField, {
+      select: true,
+      label: t('router.rule.add.responseType'),
+      autoComplete: "off",
+      variant: "outlined",
+      name: "responseType",
+      fullWidth: true,
+      value: params.responseType,
+      onChange: e => setParams({
+        ...params,
+        responseType: e.target.value
+      }),
+      style: {
+        marginBottom: 32
+      },
+      SelectProps: {},
+      children: ROUTING_RESPONSE_TYPES.map(x => /*#__PURE__*/_jsx(MenuItem, {
+        value: x.value,
+        children: x.text
+      }, x.value))
+    }, "responseType"), /*#__PURE__*/_jsx(TextField, {
+      label: t('router.rule.add.responseBody'),
+      autoComplete: "off",
+      variant: "outlined",
+      name: "responseBody",
+      "data-cy": "response-body-input",
+      fullWidth: true,
+      multiline: true,
+      minRows: 3,
+      value: params.responseBody,
+      helperText: t('router.rule.add.responseBodyTip'),
+      style: {
+        marginBottom: 32
+      },
+      onChange: e => {
+        const value = e.target.value.trim();
+        setParams({
+          ...params,
+          responseBody: e.target.value,
+          __disableConfirm: !value
+        });
+        if (!value) {
+          setError(t('router.rule.add.responseBodyRequired'));
+        } else {
+          setError('');
+        }
+      }
+    }, "response-body")]]
   });
 }
 ConfigRoutingRule.propTypes = {
@@ -225,6 +271,9 @@ ConfigRoutingRule.defaultProps = {
   }, {
     name: 'Rewrite - Route traffic without redirect',
     value: ROUTING_RULE_TYPES.GENERAL_REWRITE
+  }, {
+    name: 'Response - Response with provided content',
+    value: ROUTING_RULE_TYPES.DIRECT_RESPONSE
   }, {
     name: 'Component - Pass traffic to blocklet component',
     value: ROUTING_RULE_TYPES.COMPONENT

package/es/blocklet/router/action/delete-domain-alias.js

@@ -8,9 +8,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import Confirm from '../../../confirm';
 import { useNodeContext } from '../../../contexts/node';
 import { sleep } from '../../../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function DeleteDomainAlias(props) {
   const {
     t

package/es/blocklet/router/action/delete-rule.js

@@ -8,9 +8,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import { useNodeContext } from '../../../contexts/node';
 import { useBlockletContext } from '../../../contexts/blocklet';
 import DelConfirm from '../../../delete-confirm';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function DeleteRule({
   id: ruleId,
   from,

package/es/blocklet/router/action/update-rule.js

@@ -15,9 +15,7 @@ import Confirm from '../../../confirm';
 import { validateRule } from '../util';
 import ConfigRoutingRule from './config-routing-rule';
 import { formatMountPoint } from '../../../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function UpdateRule({
   id: ruleId,
   from,
@@ -70,6 +68,13 @@ export default function UpdateRule({
       if (params.type === ROUTING_RULE_TYPES.GENERAL_REWRITE) {
         rule.to.url = urlPathFriendly(params.url);
       }
+      if (params.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE) {
+        rule.to.response = {
+          status: 200,
+          contentType: params.responseType,
+          body: params.responseBody
+        };
+      }
       await api.updateRoutingRule({
         input: {
           id: siteId,
@@ -127,6 +132,9 @@ export default function UpdateRule({
             if (params.type === ROUTING_RULE_TYPES.GENERAL_REWRITE && !params.url) {
               disable = true;
             }
+            if (params.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE && (!params.responseType || !params.responseBody)) {
+              disable = true;
+            }
             if (!e.target.value.trim()) {
               disable = true;
               setError(t('router.validation.pathPrefixRequired'));
@@ -162,6 +170,8 @@ export default function UpdateRule({
       componentId: to.componentId || '',
       pageGroup: to.pageGroup || '',
       url: to.url || '',
+      responseType: to.response?.contentType || '',
+      responseBody: (to.response?.body || '').replace(/\\"/g, '"'),
       __disableConfirm: false
     },
     onConfirm,

package/es/blocklet/router/add-domain.js

@@ -22,9 +22,7 @@ import { sleep, validateDomain } from '../../util';
 import { axios } from '../../util/api';
 import DNSTip from './dns-tip';
 import { parseDomainFromURL } from './util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function AddDomain({
   siteId,
   teamDid,

package/es/blocklet/router/dns-tip.js

@@ -6,8 +6,7 @@ import Box from '@mui/material/Box';
 import useTheme from '@mui/material/styles/useTheme';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import PropTypes from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DNSTip({
   domain,
   resolvedTarget,

package/es/blocklet/router/domain-actions.js

@@ -7,8 +7,7 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import Tooltip from '@mui/material/Tooltip';
 import Actions from '../../actions';
 import DeleteDomainAlias from './action/delete-domain-alias';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DomainActions({
   site,
   domain,

package/es/blocklet/router/rule-actions.js

@@ -10,8 +10,7 @@ import { useBlockletContext } from '../../contexts/blocklet';
 import DeleteRule from './action/delete-rule';
 import UpdateRule from './action/update-rule';
 import { getBlockletUrlParams, getAccessUrl } from '../../util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function RuleActions(rule) {
   const {
     locale

package/es/blocklet/router/rule-list.js

@@ -9,8 +9,9 @@ import IconButton from '@mui/material/IconButton';
 import Avatar from '@mui/material/Avatar';
 import LockIcon from '@arcblock/icons/lib/LockIcon';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { ROUTING_RULE_TYPES } from '@abtnode/constant';
+import { ROUTING_RESPONSE_TYPES, ROUTING_RULE_TYPES } from '@abtnode/constant';
 import { getDisplayName } from '@blocklet/meta/lib/util';
+import { TextSnippetOutlined } from '@mui/icons-material';
 import { getBlockletUrlParams, getAccessUrl, BlockletAdminRoles } from '../../util';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
@@ -18,8 +19,7 @@ import { withPermission } from '../../permission';
 import Line from '../component/line';
 import RuleActions from './rule-actions';
 import BlockletPageGroup from '../page-group';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function RedirectRule({
   domain,
   isHttps,
@@ -70,6 +70,13 @@ function RuleList({
       avatar = rule.to.redirectCode;
     } else if (rule.to.type === ROUTING_RULE_TYPES.GENERAL_REWRITE) {
       avatar = 'R';
+    } else if (rule.to.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE) {
+      avatar = /*#__PURE__*/_jsx(TextSnippetOutlined, {
+        sx: {
+          color: 'text.secondary',
+          fontSize: '45px'
+        }
+      });
     } else if (rule.to.type === ROUTING_RULE_TYPES.COMPONENT) {
       component = blocklet.children.find(x => x.meta.did === rule.to.componentId);
       avatar = 'C';
@@ -127,7 +134,7 @@ function RuleList({
               color: '#222',
               fontSize: 16
             },
-            children: [rule.to.type === ROUTING_RULE_TYPES.NONE && t('common.page404'), rule.to.type === ROUTING_RULE_TYPES.REDIRECT && t('common.redirect'), rule.to.type === ROUTING_RULE_TYPES.GENERAL_REWRITE && t('common.rewrite'), rule.to.type === ROUTING_RULE_TYPES.COMPONENT && getDisplayName(component, true)]
+            children: [rule.to.type === ROUTING_RULE_TYPES.NONE && t('common.page404'), rule.to.type === ROUTING_RULE_TYPES.REDIRECT && t('common.redirect'), rule.to.type === ROUTING_RULE_TYPES.GENERAL_REWRITE && t('common.rewrite'), rule.to.type === ROUTING_RULE_TYPES.DIRECT_RESPONSE && ROUTING_RESPONSE_TYPES.find(x => x.value === rule.to.response.contentType)?.text, rule.to.type === ROUTING_RULE_TYPES.COMPONENT && getDisplayName(component, true)]
           }), /*#__PURE__*/_jsxs(Box, {
             display: "flex",
             alignItems: "center",

package/es/blocklet/runtime-info.js

@@ -4,8 +4,7 @@ import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
 import CpuMonitor from '../analytics/cpu';
 import MemoryMonitor from '../analytics/memory';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockletRuntimeInfo({
   blocklet,
   cpuHistory,

package/es/blocklet/status.js

@@ -6,8 +6,7 @@ import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { isInProgress } from '@blocklet/meta/lib/util';
 import Dot from '../dot';
 import Tag from '../tag';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const colors = {
   yellow: '#FFCF71',
   grey: '#888888'

package/es/blocklet/storage/action.js

@@ -21,9 +21,7 @@ import DeleteDIDSpacesGateWay from './delete';
  * } & import('@mui/material').IconButtonProps} { spaceGateway, onDelete, onConnect, enableSwitchToSpace, connected, ...rest }
  * @return {React.Component}
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function SpaceItemAction({
   spaceGateway,
   connected,

package/es/blocklet/storage/auto-check-update.js

@@ -14,8 +14,7 @@ import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
  * }} {...rest}
  * @return {*}
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AutoCheckUpdate({
   children,
   ...rest

package/es/blocklet/storage/backups.js

@@ -19,9 +19,7 @@ import { getDIDSpaceDidFromEndpoint } from '../../util/spaces';
  * } & import('@mui/material').BoxProps} { progress, ...rest }
  * @return {React.Component}
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function SpacesBackupRecords({
   ...rest
 }) {

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

@@ -21,9 +21,7 @@ import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
  * @param {{}} { ...rest }
  * @return {React.Component}
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ConnectTo({
   ...rest
 }) {

package/es/blocklet/storage/connected.js

@@ -21,8 +21,7 @@ import AutoBackup from './auto-backup';
  *  loading?: boolean,
  * }} SpaceGateway
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Connected() {
   const {
     t

package/es/blocklet/storage/delete.js

@@ -17,9 +17,7 @@ import { formatError } from '../../util';
  * }} { spaceGateway, onDelete }
  * @return {*}
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function DeleteDIDSpacesGateWay({
   spaceGateway,
   onDelete

package/es/blocklet/storage/disconnect.js

@@ -202,8 +202,7 @@ EmptySpacesNFT.defaultProps = {
 import { useBlockletContext } from '../../contexts/blocklet';
 import ConnectTo from './connect-to';
 import DiskInfo from '../disk-info';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Disconnect() {
   const {
     t