@abtnode/ux 1.16.7 → 1.16.8-beta-ca58a421

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.7",
+  "version": "1.16.8-beta-ca58a421",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -22,9 +22,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.16.7",
-    "@abtnode/constant": "1.16.7",
-    "@abtnode/util": "1.16.7",
+    "@abtnode/auth": "1.16.8-beta-ca58a421",
+    "@abtnode/constant": "1.16.8-beta-ca58a421",
+    "@abtnode/util": "1.16.8-beta-ca58a421",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.78",
     "@arcblock/did-connect": "^2.5.37",
@@ -33,10 +33,10 @@
     "@arcblock/react-hooks": "^2.5.37",
     "@arcblock/terminal": "^2.5.37",
     "@arcblock/ux": "^2.5.37",
-    "@blocklet/constant": "1.16.7",
+    "@blocklet/constant": "1.16.8-beta-ca58a421",
     "@blocklet/launcher-layout": "2.0.39",
     "@blocklet/list": "^0.11.24",
-    "@blocklet/meta": "1.16.7",
+    "@blocklet/meta": "1.16.8-beta-ca58a421",
     "@blocklet/ui-react": "^2.5.37",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -92,5 +92,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "dadd7bfa319e2ee5144bdccb6e280ffe4b8d2679"
+  "gitHead": "d0f724c8082572a01b6e9287df6c3d0663ec9c57"
 }

package/lib/blocklet/storage.js

@@ -1,180 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Storage;
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _constant = require("@blocklet/constant");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _material = require("@mui/material");
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _blocklet = require("../../lib/contexts/blocklet");
-var _node = require("../contexts/node");
-var _toast = _interopRequireDefault(require("../../lib/toast"));
-var _spaceConnector = _interopRequireDefault(require("./component/space-connector"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 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); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const Container = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  overflow-y: auto;\n"])));
-
-/**
- * @description 实时显示备份的进度
- * @param {{appDid: string}} {appDid}
- * @return {{message: string, progress: number, completed: boolean}}
- */
-function useBackupProgress(_ref) {
-  let {
-    appDid
-  } = _ref;
-  const [progress, setProgress] = (0, _react.useState)({
-    message: '',
-    progress: 0,
-    completed: false
-  });
-  const node = (0, _node.useNodeContext)();
-  const {
-    ws: {
-      useSubscription
-    }
-  } = node;
-  useSubscription(_constant.BlockletEvents.backupProgress, data => {
-    setProgress(preValue => _objectSpread(_objectSpread({}, preValue), data));
-  }, [appDid]);
-  return progress;
-}
-function Storage() {
-  /** @type {{ api: import('@abtnode/client').ABTNodeClient, info: import('@abtnode/client').NodeState  }} */
-  const {
-    api
-  } = (0, _node.useNodeContext)();
-  const {
-    t
-  } = (0, _react.useContext)(_context.LocaleContext);
-  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
-  const {
-    blocklet
-  } = (0, _blocklet.useBlockletContext)();
-  const endpoint = (0, _react.useMemo)(() => {
-    var _blocklet$environment;
-    return ((_blocklet$environment = blocklet.environments.find(e => e.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)) === null || _blocklet$environment === void 0 ? void 0 : _blocklet$environment.value) || '';
-  }, [blocklet]);
-  const progress = useBackupProgress({
-    appDid: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appDid
-  });
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const onBackup = async () => {
-    try {
-      if (isLoading) {
-        return;
-      }
-      setIsLoading(true);
-      await api.backupBlocklet({
-        input: {
-          appDid: blocklet.appDid,
-          to: 'spaces'
-        }
-      });
-      _toast.default.success(t('storage.spaces.backupSuccessfully'));
-    } catch (error) {
-      _toast.default.error(error.message);
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (progress !== null && progress !== void 0 && progress.completed) {
-      setIsLoading(false);
-      if (progress !== null && progress !== void 0 && progress.progress) {
-        progress.progress = 0;
-      }
-    } else if (progress !== null && progress !== void 0 && progress.message) {
-      setIsLoading(true);
-    }
-  }, [progress]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-    style: {
-      maxWidth: '720px'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_spaceConnector.default, {
-      sx: {
-        marginTop: '24px',
-        marginBottom: '40px'
-      }
-    }), endpoint && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      mt: 3,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        display: "inline",
-        children: [t('storage.spaces.tips'), ": \xA0", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          display: "inline",
-          color: "primary.main",
-          fontWeight: "fontWeightBold",
-          children: t('storage.spaces.connected')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        onClick: onBackup,
-        loading: isLoading,
-        variant: "contained",
-        color: "primary",
-        "data-cy": "add-domain-alias",
-        disabled: !endpoint || isLoading,
-        children: t('storage.spaces.backup')
-      })]
-    }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      sx: {
-        overflow: 'hidden'
-      },
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      textAlign: "center",
-      marginTop: "16px",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        color: "primary",
-        children: progress === null || progress === void 0 ? void 0 : progress.message
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-        sx: {
-          display: 'flex',
-          alignItems: 'center'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          sx: {
-            width: '100%',
-            mr: 1
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
-            color: "primary",
-            variant: "determinate",
-            value: progress === null || progress === void 0 ? void 0 : progress.progress
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          sx: {
-            minWidth: 35
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
-            variant: "body2",
-            color: "text.secondary",
-            children: [progress === null || progress === void 0 ? void 0 : progress.progress, "%"]
-          })
-        })]
-      })]
-    })]
-  });
-}
-Storage.propTypes = {};
-Storage.defaultProps = {};