@abtnode/ux 1.16.6-beta-4ea1eb90 → 1.16.6-beta-eaa4d39d

package/lib/blocklet/overview.js

@@ -4,29 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletOverview;
-var _react = _interopRequireDefault(require("react"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
+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 _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _base = require("@abtnode/util/lib/base32");
+var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
-var _util = require("@blocklet/meta/lib/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+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 _util2 = require("../util");
 var _didAddress = _interopRequireDefault(require("../did-address"));
-var _status = _interopRequireDefault(require("./status"));
+var _util2 = require("../util");
+var _expiration = _interopRequireDefault(require("./component/expiration"));
 var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
+var _status = _interopRequireDefault(require("./status"));
 var _types = require("./types");
-var _expiration = _interopRequireDefault(require("./component/expiration"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
+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 DomainLink(_ref) {
@@ -90,6 +96,8 @@ 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
@@ -111,9 +119,18 @@ function BlockletOverview() {
     })
   } : null, (migratedFrom === null || migratedFrom === void 0 ? void 0 : migratedFrom.length) > 1 ? {
     name: t('blocklet.alsoKnownAs'),
-    value: migratedFrom.slice(1).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-      did: x.appDid
-    }))
+    value: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [(showAllDIDs ? migratedFrom.slice(1) : migratedFrom.slice(1, 2)).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+        did: x.appDid
+      })), migratedFrom.length > 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        style: {
+          marginLeft: '18px'
+        },
+        endIcon: showAllDIDs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
+        onClick: () => setShowAllDIDs(!showAllDIDs),
+        children: showAllDIDs ? t('common.collapseAll') : t('blocklet.router.showAllDIDs')
+      })]
+    })
   } : null, {
     name: t('common.name'),
     value: (0, _util.getDisplayName)(blocklet, true)
@@ -165,6 +182,10 @@ function BlockletOverview() {
   }
   const renderRows = rows => rows.map(row => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+      style: {
+        display: 'flex',
+        alignItems: 'flex-start'
+      },
       valueComponent: "div",
       nameWidth: 120,
       name: row.name,
@@ -173,6 +194,17 @@ function BlockletOverview() {
     }, 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 (value.endsWith(nodeInfo.didDomain || 'did.abtnet.io') && !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, {
@@ -191,7 +223,7 @@ function BlockletOverview() {
         severity: "warning",
         children: t('blocklet.router.noRunning')
       })
-    }), domains.map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    }), (showAllDomains ? domains : displayDomains).map((domain, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
@@ -220,7 +252,17 @@ function BlockletOverview() {
           }
         })]
       })
-    }, domain.value)), !domains.length && (loadingRuntimeInfo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+    }, 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')

package/lib/locales/en.js

@@ -529,7 +529,9 @@ module.exports = {
       urlInaccessible: 'It may be due to network reasons, the address is temporarily inaccessible',
       noAccessibleUrl: 'No accessible URL',
       domainLockTooltip: 'The system generated Domain cannot be edited.',
-      urlLockTooltip: 'The system generated URL Path cannot be edited.'
+      urlLockTooltip: 'The system generated URL Path cannot be edited.',
+      showAllDomains: 'Show all domains',
+      showAllDIDs: 'Show all DIDs'
     },
     export: {
       title: 'Export Blocklet',

package/lib/locales/zh.js

@@ -536,7 +536,9 @@ module.exports = {
       urlInaccessible: '可能因为网络的原因，该地址暂时无法访问',
       noAccessibleUrl: '没有可访问的地址',
       domainLockTooltip: '无法编辑由系统生成的 域名',
-      urlLockTooltip: '无法编辑由系统生成的 URL 路径'
+      urlLockTooltip: '无法编辑由系统生成的 URL 路径',
+      showAllDomains: '显示所有域名',
+      showAllDIDs: '显示所有 DID'
     },
     export: {
       title: '导出 Blocklet',

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.16.6-beta-4ea1eb90",
+  "version": "1.16.6-beta-eaa4d39d",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -22,20 +22,20 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.16.6-beta-4ea1eb90",
-    "@abtnode/constant": "1.16.6-beta-4ea1eb90",
-    "@abtnode/util": "1.16.6-beta-4ea1eb90",
-    "@arcblock/did-connect": "^2.5.29",
+    "@abtnode/auth": "1.16.6-beta-eaa4d39d",
+    "@abtnode/constant": "1.16.6-beta-eaa4d39d",
+    "@abtnode/util": "1.16.6-beta-eaa4d39d",
+    "@arcblock/did-connect": "^2.5.30",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.5.29",
-    "@arcblock/react-hooks": "^2.5.29",
-    "@arcblock/terminal": "^2.5.29",
-    "@arcblock/ux": "^2.5.29",
-    "@blocklet/constant": "1.16.6-beta-4ea1eb90",
+    "@arcblock/icons": "^2.5.30",
+    "@arcblock/react-hooks": "^2.5.30",
+    "@arcblock/terminal": "^2.5.30",
+    "@arcblock/ux": "^2.5.30",
+    "@blocklet/constant": "1.16.6-beta-eaa4d39d",
     "@blocklet/launcher-layout": "2.0.32",
     "@blocklet/list": "^0.11.18",
-    "@blocklet/meta": "1.16.6-beta-4ea1eb90",
-    "@blocklet/ui-react": "^2.5.29",
+    "@blocklet/meta": "1.16.6-beta-eaa4d39d",
+    "@blocklet/ui-react": "^2.5.30",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -90,5 +90,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "0f0f63b552a88343a3f8e0d434b47c3bca6a75b9"
+  "gitHead": "0d2ab99f67109e989f8182fc70bc3ee9fa430585"
 }