@abtnode/ux 1.16.15-beta-58d50c9a → 1.16.15-beta-e143b1cf

package/lib/blocklet/component/domain-list.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DomainListWithPermission;
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _base = require("@abtnode/util/lib/base32");
+var _urlEvaluation = require("@abtnode/util/lib/url-evaluation");
+var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
+var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("@blocklet/meta/lib/util");
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _node = require("../../contexts/node");
+var _permission = require("../../permission");
+var _util2 = require("../../util");
+var _addCert = _interopRequireDefault(require("../add-cert"));
+var _addDomainAlias = _interopRequireDefault(require("../router/action/add-domain-alias"));
+var _domainActions = _interopRequireDefault(require("../router/domain-actions"));
+var _domainStatus = _interopRequireDefault(require("../router/domain-status"));
+var _types = require("../types");
+var _util3 = require("../util");
+var _blocklet = require("../../contexts/blocklet");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const BlockletComponent = (0, _permission.withPermission)(DomainList, 'mutate_blocklets');
+const BlockletInServiceComponent = (0, _permission.withPermission)(DomainList, '', _util2.BlockletAdminRoles);
+function DomainListWithPermission(props) {
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet,
+    loadingRuntimeInfo
+  } = (0, _blocklet.useBlockletContext)();
+  let Component = BlockletComponent;
+  if (inService) {
+    Component = BlockletInServiceComponent;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, props), {}, {
+    blocklet: blocklet,
+    inService: inService,
+    loadingRuntimeInfo: loadingRuntimeInfo
+  }));
+}
+function DomainList(_ref) {
+  var _blocklet$site2, _blocklet$meta;
+  let {
+    hasPermission,
+    blocklet,
+    loadingRuntimeInfo,
+    inService
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [showAllDomains, setShowAllDomains] = (0, _react.useState)(false);
+  const theme = (0, _useTheme.default)();
+  const hasMutatePermission = (0, _react.useMemo)(() => {
+    let res = hasPermission;
+    if ((0, _util3.isServerless)(blocklet)) {
+      res = res && inService;
+    }
+    return res;
+  }, [hasPermission, inService, blocklet]);
+  const {
+    site
+  } = blocklet;
+  const domains = (0, _react.useMemo)(() => {
+    var _blocklet$site;
+    return (0, _util2.sortDomains)((_blocklet$site = blocklet.site) === null || _blocklet$site === void 0 ? void 0 : _blocklet$site.domainAliases);
+  }, [(_blocklet$site2 = blocklet.site) === null || _blocklet$site2 === void 0 ? void 0 : _blocklet$site2.domainAliases]);
+  const displayDomains = [];
+  const hiddenDomains = [];
+  const pidBase32 = (0, _base.encode)(blocklet.appPid);
+  const systemDomains = (0, _util2.getSystemDomains)(domains);
+  domains.forEach(domain => {
+    const value = domain.value || '';
+    if ((0, _urlEvaluation.isDidDomain)(value) && !value.startsWith(pidBase32)) {
+      hiddenDomains.push(domain);
+    } else {
+      displayDomains.push(domain);
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      className: "title first",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: t('common.domain')
+      }), hasMutatePermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addDomainAlias.default, {
+        id: site.id,
+        title: t('router.domain.add.title'),
+        teamDid: (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did,
+        systemDomains: systemDomains === null || systemDomains === void 0 ? void 0 : systemDomains.map(x => x.value),
+        children: _ref2 => {
+          let {
+            open
+          } = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+            style: {
+              marginLeft: 16
+            },
+            variant: "contained",
+            color: "primary",
+            "data-cy": "add-domain-alias",
+            onClick: open,
+            disabled: (0, _util.isInProgress)(blocklet.status),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+              style: {
+                fontSize: '1.3em',
+                marginRight: 4
+              }
+            }), t('common.add')]
+          });
+        }
+      })]
+    }), blocklet.status !== 'running' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      mt: 1.5,
+      mb: 1.5,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        severity: "warning",
+        children: t('blocklet.router.noRunning')
+      })
+    }), (showAllDomains ? domains : displayDomains).map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      mt: index ? 0 : 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
+          domain: domain,
+          filters: ['domain']
+        }, "".concat(domain.value, "-domain")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          sx: {
+            ml: 2,
+            mr: 0.5
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DomainLink, {
+            domain: domain,
+            target: "_blank",
+            children: domain.value
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
+          domain: domain,
+          filters: ['http']
+        }, "".concat(domain.value, "-http")), hasMutatePermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addCert.default, {
+          domain: domain.value,
+          domainStatus: domain.domainStatus,
+          did: blocklet.meta.did,
+          children: _ref3 => {
+            let {
+              open
+            } = _ref3;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              size: "small",
+              onClick: e => open(e),
+              children: t('router.cert.genLetsEncryptCert.title')
+            });
+          }
+        })]
+      }), hasMutatePermission && !domain.isProtected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainActions.default, {
+        site: site,
+        domain: domain,
+        blocklet: blocklet
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('blocklet.router.domainLockTooltip'),
+        placement: "top",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          disabled: true,
+          size: "large",
+          style: {
+            pointerEvents: 'auto',
+            // padding replace to margin, fix the tooltip position
+            paddingTop: 0,
+            paddingBottom: 0,
+            margin: '12px 0'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockIcon.default, {
+            style: {
+              fill: theme.palette.text.disabled
+            }
+          })
+        })
+      })]
+    }, domain.value)), hiddenDomains.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        marginLeft: '20px',
+        marginTop: '12px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        endIcon: showAllDomains ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
+        onClick: () => setShowAllDomains(!showAllDomains),
+        children: showAllDomains ? t('common.collapseAll') : t('blocklet.router.showAllDomains')
+      })
+    }), !domains.length && (loadingRuntimeInfo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      size: 16
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+      children: t('common.empty')
+    }))]
+  });
+}
+DomainList.propTypes = {
+  hasPermission: _propTypes.default.bool,
+  blocklet: _propTypes.default.object.isRequired,
+  loadingRuntimeInfo: _propTypes.default.bool,
+  inService: _propTypes.default.bool.isRequired
+};
+DomainList.defaultProps = {
+  hasPermission: false,
+  loadingRuntimeInfo: false
+};
+function DomainLink(_ref4) {
+  let {
+    domain,
+    children
+  } = _ref4;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    href,
+    accessibility
+  } = domain;
+  if (!accessibility || accessibility.loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkDiv, {
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('blocklet.router.checkUrlAccessible'),
+        placement: "top-end",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "status",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+            size: 12
+          })
+        })
+      })]
+    });
+  }
+  if (!accessibility.accessible) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('blocklet.router.urlInaccessible'),
+        placement: "top-end",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: children
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: children
+    })
+  });
+}
+DomainLink.propTypes = {
+  domain: _types.DomainType.isRequired,
+  children: _propTypes.default.any.isRequired
+};
+const LinkDiv = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &,\n  & > * {\n    color: #222;\n    font-size: 18px;\n  }\n\n  .status {\n    margin-left: 8px;\n  }\n"])));

package/lib/blocklet/configuration.js

@@ -10,16 +10,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
-var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
 var _Loop = _interopRequireDefault(require("@mui/icons-material/Loop"));
 var _constant = require("@abtnode/constant");
 var _constant2 = require("@blocklet/constant");
@@ -31,11 +25,8 @@ var _node = require("../contexts/node");
 var _util2 = require("../util");
 var _mode = require("../util/mode");
 var _permission = _interopRequireWildcard(require("../permission"));
-var _addDomainAlias = _interopRequireDefault(require("./router/action/add-domain-alias"));
-var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
-var _domainActions = _interopRequireDefault(require("./router/domain-actions"));
+var _clearCache = _interopRequireDefault(require("../clear-cache"));
 var _appSk = _interopRequireDefault(require("./preferences/app-sk"));
-var _addCert = _interopRequireDefault(require("./add-cert"));
 var _transferOwner = _interopRequireDefault(require("./transfer-owner"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
@@ -72,7 +63,6 @@ function BlockletEnvironment(_ref) {
   const [showTransferOwner, setShowTransferOwner] = (0, _react.useState)(false);
   const whoCanAccess = (0, _util.getWhoCanAccess)(blocklet);
   const publicToStore = blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.publicToStore;
-  const theme = (0, _useTheme.default)();
   const disabled = loading || !hasPermission;
   const {
     inService,
@@ -86,7 +76,6 @@ function BlockletEnvironment(_ref) {
   const {
     site
   } = blocklet;
-  const domains = (0, _util2.sortDomains)(site === null || site === void 0 ? void 0 : site.domainAliases);
   const clusterMode = (0, _get.default)(blocklet.meta, 'capabilities.clusterMode', false);
   useSubscription(_constant.EVENTS.NODE_RUNTIME_INFO, res => {
     if (clusterMode) {
@@ -337,113 +326,6 @@ function BlockletEnvironment(_ref) {
       className: "config-form",
       component: _Divider.default,
       my: 3
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      className: "config-form",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "config-label",
-          children: t('common.domain')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          display: "flex",
-          alignItems: "center",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_addDomainAlias.default, {
-            id: site.id,
-            title: t('router.domain.add.title'),
-            teamDid: did,
-            children: _ref2 => {
-              let {
-                open
-              } = _ref2;
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-                style: {
-                  marginLeft: 16
-                },
-                variant: "contained",
-                color: "primary",
-                "data-cy": "add-domain-alias",
-                onClick: open,
-                disabled: (0, _util.isInProgress)(blocklet.status),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
-                  style: {
-                    fontSize: '1.3em',
-                    marginRight: 4
-                  }
-                }), t('common.add')]
-              });
-            }
-          })
-        })]
-      }), domains.map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        mt: index ? 0 : 1,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
-            domain: domain,
-            filters: ['domain']
-          }, "".concat(domain.value, "-domain")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-            ml: 2,
-            mr: 0.5,
-            children: domain.value
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
-            domain: domain,
-            filters: ['http']
-          }, "".concat(domain.value, "-http")), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            style: {
-              marginLeft: 12
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_addCert.default, {
-            domain: domain.value,
-            domainStatus: domain.domainStatus,
-            did: blocklet.meta.did,
-            children: _ref3 => {
-              let {
-                open
-              } = _ref3;
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-                size: "small",
-                onClick: e => open(e),
-                children: t('router.cert.genLetsEncryptCert.title')
-              });
-            }
-          })]
-        }), hasPermission && !domain.isProtected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainActions.default, {
-          site: site,
-          domain: domain,
-          blocklet: blocklet
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-          title: t('blocklet.router.domainLockTooltip'),
-          placement: "top",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-            disabled: true,
-            size: "large",
-            style: {
-              pointerEvents: 'auto',
-              // padding replace to margin, fix the tooltip position
-              paddingTop: 0,
-              paddingBottom: 0,
-              margin: '12px 0'
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockIcon.default, {
-              style: {
-                fill: theme.palette.text.disabled
-              }
-            })
-          })
-        })]
-      }, domain.value)), !domains.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        mt: 4,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
-          children: t('common.empty')
-        })
-      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       className: "config-form",
       component: _Divider.default,
@@ -479,10 +361,6 @@ function BlockletEnvironment(_ref) {
         initialValue: (site.corsAllowedOrigins || []).join(', '),
         onSubmit: onUpdateCors
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      className: "config-form",
-      component: _Divider.default,
-      my: 3
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       mb: 2,
       className: "config-label",
@@ -563,6 +441,21 @@ function BlockletEnvironment(_ref) {
             onSuccess: () => setShowTransferOwner(false)
           })]
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        className: "config-form",
+        mt: 2,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          className: "config-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            className: "config-label",
+            children: [t('blocklet.config.clearCache.name'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+              className: "config-desc",
+              children: t('blocklet.config.clearCache.purpose')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_clearCache.default, {
+            teamDid: did
+          })]
+        })
       })]
     })]
   }));

package/lib/blocklet/overview.js

@@ -6,32 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = BlockletOverview;
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
-var _base = require("@abtnode/util/lib/base32");
-var _urlEvaluation = require("@abtnode/util/lib/url-evaluation");
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
 var _util = require("@blocklet/meta/lib/util");
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _blocklet = require("../contexts/blocklet");
 var _node = require("../contexts/node");
 var _didAddress = _interopRequireDefault(require("../did-address"));
 var _util2 = require("../util");
-var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
 var _status = _interopRequireDefault(require("./status"));
-var _types = require("./types");
 var _util3 = require("./util");
+var _domainList = _interopRequireDefault(require("./component/domain-list"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
+var _templateObject;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -40,59 +31,8 @@ const WalletType = {
   arcblock: 'ArcBlock',
   ethereum: 'Ethereum'
 };
-function DomainLink(_ref) {
-  let {
-    domain,
-    children
-  } = _ref;
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
-  const {
-    href,
-    accessibility
-  } = domain;
-  if (!accessibility || accessibility.loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkDiv, {
-      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-        title: t('blocklet.router.checkUrlAccessible'),
-        placement: "top-end",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "status",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-            size: 12
-          })
-        })
-      })]
-    });
-  }
-  if (!accessibility.accessible) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-        title: t('blocklet.router.urlInaccessible'),
-        placement: "top-end",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: children
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDiv, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-      href: href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: children
-    })
-  });
-}
-DomainLink.propTypes = {
-  domain: _types.DomainType.isRequired,
-  children: _propTypes.default.any.isRequired
-};
-const LinkDiv = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &,\n  & > * {\n    color: #222;\n    font-size: 18px;\n  }\n\n  .status {\n    margin-left: 8px;\n  }\n"])));
 function BlockletOverview() {
-  var _blocklet$environment, _blocklet$controller, _blocklet$controller2, _blocklet$controller3, _blocklet$settings, _blocklet$site;
+  var _blocklet$environment, _blocklet$controller, _blocklet$controller2, _blocklet$controller3, _blocklet$settings;
   const {
     t,
     locale
@@ -101,11 +41,9 @@ function BlockletOverview() {
     info: nodeInfo,
     inService
   } = (0, _node.useNodeContext)();
-  const [showAllDomains, setShowAllDomains] = (0, _react.useState)(false);
   const [showAllDIDs, setShowAllDIDs] = (0, _react.useState)(false);
   const {
-    blocklet,
-    loadingRuntimeInfo
+    blocklet
   } = (0, _blocklet.useBlockletContext)();
   const {
     appDid,
@@ -197,80 +135,9 @@ function BlockletOverview() {
       children: row.value
     }, row.name);
   });
-  const domains = (0, _util2.sortDomains)((_blocklet$site = blocklet.site) === null || _blocklet$site === void 0 ? void 0 : _blocklet$site.domainAliases);
-  const displayDomains = [];
-  const hiddenDomains = [];
-  const pidBase32 = (0, _base.encode)(blocklet.appPid);
-  domains.forEach(domain => {
-    const value = domain.value || '';
-    if ((0, _urlEvaluation.isDidDomain)(value) && !value.startsWith(pidBase32)) {
-      hiddenDomains.push(domain);
-    } else {
-      displayDomains.push(domain);
-    }
-  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     component: "div",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        className: "title first",
-        mb: 0,
-        children: t('common.domain')
-      })
-    }), blocklet.status !== 'running' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      mt: -2,
-      mb: 1.5,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
-        severity: "warning",
-        children: t('blocklet.router.noRunning')
-      })
-    }), (showAllDomains ? domains : displayDomains).map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      mt: index ? 3 : 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
-          domain: domain,
-          filters: ['domain']
-        }, "".concat(domain.value, "-domain")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          ml: 2,
-          mr: 0.5,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DomainLink, {
-            domain: domain,
-            target: "_blank",
-            children: domain.value
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_domainStatus.default, {
-          domain: domain,
-          filters: ['http']
-        }, "".concat(domain.value, "-http")), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          style: {
-            marginLeft: 12
-          }
-        })]
-      })
-    }, domain.value)), hiddenDomains.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        marginLeft: '20px',
-        marginTop: '12px'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        endIcon: showAllDomains ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
-        onClick: () => setShowAllDomains(!showAllDomains),
-        children: showAllDomains ? t('common.collapseAll') : t('blocklet.router.showAllDomains')
-      })
-    }), !domains.length && (loadingRuntimeInfo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-      size: 16
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
-      children: t('common.empty')
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_domainList.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "title",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: t('common.basicInfo')
@@ -282,4 +149,4 @@ function BlockletOverview() {
   });
 }
 BlockletOverview.propTypes = {};
-const Div = (0, _styled.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ", ";\n    margin-bottom: ", ";\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));
+const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ", ";\n    margin-bottom: ", ";\n\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])), props => props.theme.spacing(5), props => props.theme.spacing(3));