@abtnode/ux 1.8.35 → 1.8.37

package/lib/store/delete.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DeleteStore;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _node = require("../contexts/node");
+var _toast = _interopRequireDefault(require("../toast"));
+var _deleteConfirm = _interopRequireDefault(require("../delete-confirm"));
+var _util = require("../util");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DeleteStore(_ref) {
+  let {
+    store,
+    teamDid,
+    onDelete
+  } = _ref;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const theme = (0, _useTheme.default)();
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async () => {
+    try {
+      setLoading(true);
+      await api.deleteBlockletStore({
+        input: {
+          teamDid,
+          url: store.url
+        }
+      });
+      if (onDelete && typeof onDelete === 'function') {
+        onDelete();
+      }
+    } catch (err) {
+      _toast.default.error("Remove Blocklet Store Error: ".concat((0, _util.formatError)(err)));
+    } finally {
+      setLoading(false);
+      setConfirmSetting(null);
+    }
+  };
+  const setting = {
+    keyName: store.url,
+    title: t('store.blockletRegistry.deleteRegistry'),
+    description: t('store.blockletRegistry.deleteDesc', {
+      name: "<b>".concat(store.url, "</b>"),
+      color: theme.palette.error.main
+    }),
+    confirmPlaceholder: t('store.blockletRegistry.confirmDesc', {
+      name: store.url
+    }),
+    confirm: t('common.delConfirm'),
+    cancel: t('common.cancel'),
+    onConfirm,
+    onCancel
+  };
+  const onMenuItemClick = e => {
+    e.stopPropagation();
+    setConfirmSetting(setting);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      disabled: loading,
+      onClick: onMenuItemClick,
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {})
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteConfirm.default, {
+      keyName: confirmSetting.keyName,
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirmPlaceholder: confirmSetting.confirmPlaceholder,
+      confirm: confirmSetting.confirm,
+      cancel: confirmSetting.cancel,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  });
+}
+DeleteStore.propTypes = {
+  teamDid: _propTypes.default.string.isRequired,
+  store: _propTypes.default.object.isRequired,
+  onDelete: _propTypes.default.func
+};
+DeleteStore.defaultProps = {
+  onDelete: () => {}
+};

package/lib/store/item.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreItem;
+var _styles = require("@mui/styles");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
+var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _delete = _interopRequireDefault(require("./delete"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react/jsx-one-expression-per-line */
+
+const useStyles = (0, _styles.makeStyles)(() => ({
+  buttonText: {
+    textTransform: 'none !important'
+  },
+  iconRoot: {
+    minWidth: 24
+  },
+  menuName: {
+    display: 'flex',
+    flexDirection: 'column',
+    marginRight: '100px',
+    '& span': {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }
+}));
+function StoreItem(_ref) {
+  let {
+    teamDid,
+    store,
+    onDelete
+  } = _ref;
+  const classes = useStyles();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.menuName,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      component: "span",
+      variant: "subtitle1",
+      style: {
+        fontWeight: '400'
+      },
+      children: store.name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      className: "url",
+      component: "span",
+      variant: "inherit",
+      children: "".concat(store.url)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListItemSecondaryAction.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          window.open(store.url);
+        },
+        size: "large",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {})
+      }), !store.protected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
+        store: store,
+        onDelete: onDelete,
+        teamDid: teamDid
+      })]
+    })]
+  });
+}
+StoreItem.propTypes = {
+  teamDid: _propTypes.default.string.isRequired,
+  store: _propTypes.default.shape({
+    name: _propTypes.default.string.isRequired,
+    url: _propTypes.default.string.isRequired,
+    protected: _propTypes.default.bool
+  }).isRequired,
+  onDelete: _propTypes.default.func
+};
+StoreItem.defaultProps = {
+  onDelete: () => {}
+};

package/lib/util/api.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.api = void 0;
+Object.defineProperty(exports, "axios", {
+  enumerable: true,
+  get: function get() {
+    return _axios.default;
+  }
+});
+exports.default = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_axios.default.defaults.timeout = 10 * 1000; // 超时时间设为10s
+
+const api = _axios.default.create();
+exports.api = api;
+var _default = api;
+exports.default = _default;

package/lib/util/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STORAGE_KEY_STORE_SERVER = exports.STORAGE_KEY_STORE_BLOCKLET = void 0;
+const STORAGE_KEY_STORE_BLOCKLET = 'blocklet-add-component-registry';
+exports.STORAGE_KEY_STORE_BLOCKLET = STORAGE_KEY_STORE_BLOCKLET;
+const STORAGE_KEY_STORE_SERVER = 'server-add-registry';
+exports.STORAGE_KEY_STORE_SERVER = STORAGE_KEY_STORE_SERVER;

package/lib/util/index.js

@@ -30,8 +30,9 @@ exports.getEndPoint = void 0;
 exports.getExplorerLink = getExplorerLink;
 exports.getPathPrefix = exports.getIssuePassportLink = exports.getInviteLink = void 0;
 exports.getRelativeTime = getRelativeTime;
+exports.getStoreList = void 0;
 exports.getWebWalletUrl = getWebWalletUrl;
-exports.isNewRegistryUrl = exports.isInstalling = exports.isInProgress = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = void 0;
+exports.isNewStoreUrl = exports.isInstalling = exports.isInProgress = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = void 0;
 exports.isProtectedRole = isProtectedRole;
 exports.isUrlAccessible = exports.isSafari = void 0;
 exports.isValidClusterSize = isValidClusterSize;
@@ -443,7 +444,7 @@ function getWebWalletUrl(info) {
   } catch (err) {
     // Do nothing
   }
-  return info && info.webWalletUrl ? info.webWalletUrl : '';
+  return info && info.webWalletUrl ? info.webWalletUrl : _constant.WEB_WALLET_URL;
 }
 function isValidClusterSize(data) {
   const {
@@ -620,15 +621,15 @@ function getRelativeTime(datetime) {
 }
 
 /**
- * 检查url是否 未添加到 store registryList 中
+ * 检查url是否 未添加到 store list 中
  * @param {string} url - 需要检查的url
- * @param {object[]} blockletRegistryList - 后端的store registryList, 一般是 info.blockletRegistryList
+ * @param {object[]} storeList - 后端的store list, 一般是 node.blockletRegistryList 或 blocklet.settings.storeList
  * @returns {Object.freeze({
  *  isNew: boolean;
  *  decoded: string;
  * })} - 返回判断是否是新的url和解码后的url
  */
-const isNewRegistryUrl = (url, blockletRegistryList) => {
+const isNewStoreUrl = (url, storeList) => {
   if (typeof url === 'string') {
     let decoded = decodeURIComponent(url === null || url === void 0 ? void 0 : url.trim());
     const regex = /^https?:\/\//;
@@ -643,7 +644,7 @@ const isNewRegistryUrl = (url, blockletRegistryList) => {
     } catch (_unused2) {
       throw new Error('Invalid Blocklet Store URL');
     }
-    if (blockletRegistryList !== null && blockletRegistryList !== void 0 && blockletRegistryList.some(item => [url, decoded].includes(item.url))) {
+    if (storeList !== null && storeList !== void 0 && storeList.some(item => [url, decoded].includes(item.url))) {
       return {
         isNew: false,
         decoded
@@ -659,7 +660,7 @@ const isNewRegistryUrl = (url, blockletRegistryList) => {
     decoded: ''
   };
 };
-exports.isNewRegistryUrl = isNewRegistryUrl;
+exports.isNewStoreUrl = isNewStoreUrl;
 const isBlockletDev = blocklet => blocklet.mode === _constant2.BLOCKLET_MODES.DEVELOPMENT;
 exports.isBlockletDev = isBlockletDev;
 const APP_PREFIX = ((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.groupPathPrefix) || '/';
@@ -676,4 +677,19 @@ const toSlotDomain = domain => {
   }
   return domain;
 };
-exports.toSlotDomain = toSlotDomain;
+exports.toSlotDomain = toSlotDomain;
+const getStoreList = _ref5 => {
+  var _blocklet$meta, _blocklet$settings;
+  let {
+    fromBlocklet,
+    nodeInfo,
+    blocklet
+  } = _ref5;
+  const teamDid = fromBlocklet ? blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did : nodeInfo === null || nodeInfo === void 0 ? void 0 : nodeInfo.did;
+  const storeList = fromBlocklet ? (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.storeList) || [] : (nodeInfo === null || nodeInfo === void 0 ? void 0 : nodeInfo.blockletRegistryList) || [];
+  return {
+    teamDid,
+    storeList
+  };
+};
+exports.getStoreList = getStoreList;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.35",
+  "version": "1.8.37",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,17 +21,18 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.35",
-    "@abtnode/constant": "1.8.35",
-    "@abtnode/util": "1.8.35",
+    "@abtnode/auth": "1.8.37",
+    "@abtnode/constant": "1.8.37",
+    "@abtnode/util": "1.8.37",
     "@arcblock/did-connect": "^2.4.52",
     "@arcblock/did-motif": "^1.1.10",
     "@arcblock/icons": "^2.4.52",
     "@arcblock/terminal": "^2.4.52",
     "@arcblock/ux": "^2.4.52",
-    "@blocklet/constant": "1.8.35",
+    "@blocklet/constant": "1.8.37",
     "@blocklet/launcher-layout": "^1.9.10",
-    "@blocklet/meta": "1.8.35",
+    "@blocklet/list": "^0.10.34",
+    "@blocklet/meta": "1.8.37",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@material-table/core": "^0.2.48",
@@ -60,6 +61,8 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
+    "react-error-boundary": "^3.1.4",
+    "react-iframe": "^1.8.5",
     "react-router-dom": "^6.4.2",
     "react-use": "^17.4.0",
     "semver": "^7.3.8",
@@ -73,5 +76,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "dd89e7a61dc8cff64302608ad5ab6545dd903daa"
+  "gitHead": "f26f451c6e2b1168b36f78269eafdf3f671236bf"
 }