@abtnode/ux 1.8.27 → 1.8.28

package/lib/blocklet/component/index.js

@@ -4,118 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletComponent;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _semver = _interopRequireDefault(require("semver"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-
 var _Update = _interopRequireDefault(require("@mui/icons-material/Update"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
-
 var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/SettingsOutlined"));
-
 var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
-
 var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
-
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _ArrowForward = _interopRequireDefault(require("@mui/icons-material/ArrowForward"));
-
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-
 var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
-
 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 _util = require("@blocklet/meta/lib/util");
-
 var _deletingBlocklets = require("../../contexts/deleting-blocklets");
-
 var _didAddress = _interopRequireDefault(require("../../did-address"));
-
 var _tag = _interopRequireDefault(require("../../tag"));
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _blockletSource = _interopRequireDefault(require("../blocklet-source"));
-
 var _runtimeInfo = _interopRequireDefault(require("../runtime-info"));
-
 var _status = _interopRequireDefault(require("../status"));
-
 var _version = _interopRequireDefault(require("../version"));
-
 var _node = require("../../contexts/node");
-
 var _util2 = require("../../util");
-
 var _permission = _interopRequireDefault(require("../../permission"));
-
 var _avatar = _interopRequireDefault(require("../avatar"));
-
 var _mode = _interopRequireDefault(require("../mode"));
-
 var _configuration = _interopRequireDefault(require("./configuration"));
-
 var _delete = _interopRequireDefault(require("./delete"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["blocklet", "onUpdate", "getComponentUrl", "AddComponent"];
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const getEngineRows = (engine, t) => {
   if (!engine) {
     return [];
   }
-
   return [{
     name: t('common.name'),
     value: engine.displayName
@@ -129,48 +74,40 @@ const getEngineRows = (engine, t) => {
     })
   }];
 };
-
 const getSourceInfo = blocklet => {
   const {
     source,
     deployedFrom,
     bundleSource
   } = blocklet;
-
   if (source) {
     return {
       source,
       deployedFrom
     };
   }
-
   if (!bundleSource) {
     return {
       source: 'upload',
       deployedFrom
     };
   }
-
   if (bundleSource.url) {
     return {
       source: 'url',
       deployedFrom: deployedFrom || Array.isArray(bundleSource.url) ? bundleSource.url[0] : bundleSource.url
     };
   }
-
   if (bundleSource.store) {
     return {
       source: 'registry',
       deployedFrom: deployedFrom || Array.isArray(bundleSource.store) ? bundleSource.store[0] : bundleSource.store
     };
   }
-
   return {};
 };
-
 function ComponentItem(_ref) {
   var _blocklet$children;
-
   let {
     blocklet,
     ancestors,
@@ -189,13 +126,12 @@ function ComponentItem(_ref) {
   let {
     status
   } = blocklet;
-
   if (depth <= 1 && deletingComponents.includes(blocklet.meta.did)) {
     status = 'deleting';
   }
+  const mountPoint = "/".concat(ancestors.map(x => x.mountPoint || '/').join('/'), "/").concat(blocklet.mountPoint || '/').replace(/\/+/g, '/');
 
-  const mountPoint = "/".concat(ancestors.map(x => x.mountPoint || '/').join('/'), "/").concat(blocklet.mountPoint || '/').replace(/\/+/g, '/'); // hide root's status and only display specific status
-
+  // hide root's status and only display specific status
   const showStatus = !!ancestors.length && ['downloading', 'deleting', 'starting'].includes(status);
   const canExpand = depth > 0 && blocklet.children.length > 0;
   const expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
@@ -208,7 +144,6 @@ function ComponentItem(_ref) {
   });
   const root = ancestors[0] || blocklet;
   const href = getComponentUrl(mountPoint);
-
   const renderRows = rows => rows.map(row => {
     if (row.name === t('common.did') || row.name === t('blocklet.appId')) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
@@ -219,7 +154,6 @@ function ComponentItem(_ref) {
         children: row.value
       }, row.name);
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
       valueComponent: "div",
       nameWidth: 120,
@@ -227,7 +161,6 @@ function ComponentItem(_ref) {
       children: row.value
     }, row.name);
   });
-
   const sourceInfo = componentInfo ? getSourceInfo(componentInfo) : {};
   const componentRows = componentInfo ? [{
     name: t('common.name'),
@@ -294,13 +227,11 @@ function ComponentItem(_ref) {
     })
   }].filter(Boolean) : [];
   let deleteDisabledTip = '';
-
   if (depth !== 1 || !blocklet.dynamic) {
     deleteDisabledTip = t('blocklet.component.tip.notDynamic');
   } else if ((0, _util2.isInProgress)(root.status) || depth === 1 && deletingComponents.includes(blocklet.meta.did)) {
     deleteDisabledTip = t('blocklet.component.tip.stopBlocklet');
   }
-
   return [(depth > 0 || blocklet.meta.group !== 'gateway') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     display: "flex",
     py: 2,
@@ -458,7 +389,6 @@ function ComponentItem(_ref) {
     }, "dialog-wrapper")
   }, "base-info-dialog")];
 }
-
 ComponentItem.propTypes = {
   blocklet: _propTypes.default.object.isRequired,
   ancestors: _propTypes.default.array,
@@ -473,18 +403,15 @@ ComponentItem.defaultProps = {
   getComponentUrl: () => window.location.origin
 };
 const StyledBadge = (0, _styled.default)(_Badge.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .BaseBadge-badge {\n    top: ", "px;\n    right: ", "px;\n  }\n"])), props => props.top * 8 || 6, props => props.right * 8 || 6);
-
 function BlockletComponent(_ref4) {
   var _blocklet$meta;
-
   let {
-    blocklet,
-    onUpdate,
-    getComponentUrl,
-    AddComponent
-  } = _ref4,
-      rest = _objectWithoutProperties(_ref4, _excluded);
-
+      blocklet,
+      onUpdate,
+      getComponentUrl,
+      AddComponent
+    } = _ref4,
+    rest = _objectWithoutProperties(_ref4, _excluded);
   const {
     t
   } = (0, _react.useContext)(_context.LocaleContext);
@@ -501,12 +428,10 @@ function BlockletComponent(_ref4) {
   const [updateConfirm, setUpdateConfirm] = (0, _react.useState)(null);
   const [showUpdateDot, setShowUpdateDot] = (0, _react.useState)(false);
   const components = [...blocklet.children] || [];
-
   if (blocklet.meta.group !== 'gateway') {
     // add root blocklet to table list
     components.unshift(blocklet);
   }
-
   matchDeletingDid(components.map(e => e.meta.did));
   (0, _react.useEffect)(() => {
     if (blocklet && !(0, _util2.isInProgress)(blocklet.status)) {
@@ -519,7 +444,6 @@ function BlockletComponent(_ref4) {
         const {
           version
         } = res.data || {};
-
         if (version && _semver.default.gt(version, blocklet.meta.version)) {
           setShowUpdateDot(true);
         }
@@ -533,9 +457,7 @@ function BlockletComponent(_ref4) {
     if (loading) {
       return;
     }
-
     setLoading(true);
-
     try {
       // check app version
       const {
@@ -547,7 +469,6 @@ function BlockletComponent(_ref4) {
           version: blocklet.meta.version
         }
       })).data || {};
-
       if (version && _semver.default.gt(version, blocklet.meta.version)) {
         setUpdateConfirm({
           type: 'app',
@@ -563,9 +484,9 @@ function BlockletComponent(_ref4) {
         });
         setLoading(false);
         return;
-      } // check child component version
-
+      }
 
+      // check child component version
       const {
         updateId,
         updateList
@@ -575,13 +496,10 @@ function BlockletComponent(_ref4) {
         }
       })).preUpdateInfo || {};
       setLoading(false);
-
       if (!updateId) {
         _toast.default.info(t('blocklet.component.noUpdate'));
-
         return;
       }
-
       const list = [];
       (0, _util.forEachChildSync)(blocklet, (b, _ref5) => {
         let {
@@ -589,7 +507,6 @@ function BlockletComponent(_ref4) {
           ancestors
         } = _ref5;
         const updateItem = updateList.find(x => x.id === id);
-
         if (updateItem) {
           const name = ancestors.slice(1).concat(b).map(x => x.meta.title || x.meta.name).join(' / ');
           list.push({
@@ -608,19 +525,15 @@ function BlockletComponent(_ref4) {
       });
     } catch (err) {
       setLoading(false);
-
       _toast.default.error((0, _util2.formatError)(err));
     }
   };
-
   const onConfirmUpdate = async () => {
     if (loading) {
       return;
     }
-
     let fn;
     let input;
-
     if (updateConfirm.type === 'app') {
       fn = api.upgradeBlocklet.bind(api);
       input = {
@@ -635,7 +548,6 @@ function BlockletComponent(_ref4) {
         rootDid: blocklet.meta.did
       };
     }
-
     try {
       setLoading(true);
       await fn({
@@ -646,14 +558,11 @@ function BlockletComponent(_ref4) {
       setShowUpdateDot(null);
     } catch (error) {
       setLoading(false);
-
       _toast.default.error((0, _util2.formatError)(error));
     }
   };
-
   const removeComponent = async (d, type) => {
     addDeletingDid(d.meta.did);
-
     try {
       await api.deleteComponent({
         input: {
@@ -665,11 +574,9 @@ function BlockletComponent(_ref4) {
       await (0, _util2.sleep)(800);
     } catch (err) {
       _toast.default.error((0, _util2.formatError)(err));
-
       removeDeletingDid(d.meta.did);
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
     component: "div"
   }, rest), {}, {
@@ -821,7 +728,6 @@ function BlockletComponent(_ref4) {
     })]
   }));
 }
-
 BlockletComponent.propTypes = {
   blocklet: _propTypes.default.object.isRequired,
   onUpdate: _propTypes.default.func,
@@ -833,5 +739,4 @@ BlockletComponent.defaultProps = {
   getComponentUrl: () => window.location.origin,
   AddComponent: () => {}
 };
-
 const Div = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-bottom: ", ";\n  }\n\n  @keyframes showDelay {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  .component-item {\n    animation: showDelay 0.75s ease 1;\n  }\n"])), props => props.theme.spacing(1));

package/lib/blocklet/component/setting.js

@@ -4,55 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentSettingWithPermission;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _formTextInput = _interopRequireDefault(require("../../form/form-text-input"));
-
 var _node = require("../../contexts/node");
-
 var _permission = require("../../permission");
-
 var _util = require("../../util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["blocklet", "ancestors", "hasPermission"];
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ComponentSetting(_ref) {
   let {
-    blocklet,
-    ancestors,
-    hasPermission
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      blocklet,
+      ancestors,
+      hasPermission
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     t
   } = (0, _context.useLocaleContext)();
@@ -63,18 +41,14 @@ function ComponentSetting(_ref) {
   const [loading, setLoading] = (0, _react.useState)('');
   const isDev = (0, _util.isBlockletDev)(blocklet);
   const disabled = isDev || loading || !hasPermission;
-
   if (!rootDid) {
     return null;
   }
-
   if (blocklet.status === 'unknown' && (0, _util.isInstalling)(blocklet.status)) {
     return null;
   }
-
   const onSubmitTitle = async value => {
     setLoading(true);
-
     try {
       setLoading(false);
       await api.updateComponentTitle({
@@ -87,16 +61,12 @@ function ComponentSetting(_ref) {
     } catch (err) {
       setLoading(false);
       err.message = (0, _util.formatError)(err);
-
       _toast.default.error(err.message);
-
       throw err;
     }
   };
-
   const onSubmitMountPoint = async value => {
     setLoading(true);
-
     try {
       await api.updateComponentMountPoint({
         input: {
@@ -109,13 +79,10 @@ function ComponentSetting(_ref) {
     } catch (err) {
       setLoading(false);
       err.message = (0, _util.formatError)(err);
-
       _toast.default.error(err.message);
-
       throw err;
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
     component: "div"
   }, rest), {}, {
@@ -145,22 +112,17 @@ function ComponentSetting(_ref) {
     })
   }));
 }
-
 const ComponentSettingInDaemon = (0, _permission.withPermission)(ComponentSetting, 'mutate_blocklet');
 const ComponentSettingInService = (0, _permission.withPermission)(ComponentSetting, '', _util.BlockletAdminRoles);
-
 function ComponentSettingWithPermission(props) {
   const {
     inService
   } = (0, _node.useNodeContext)();
-
   if (inService) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentSettingInService, _objectSpread({}, props));
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentSettingInDaemon, _objectSpread({}, props));
 }
-
 ComponentSetting.propTypes = {
   blocklet: _propTypes.default.object.isRequired,
   ancestors: _propTypes.default.array,
@@ -170,5 +132,4 @@ ComponentSetting.defaultProps = {
   ancestors: [],
   hasPermission: false
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));