@abtnode/ux 1.16.11-next-8a4df821 → 1.16.11-next-ca5f18b5

package/lib/blocklet/storage/switch-did-spaces.js

@@ -1,315 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _material = require("@mui/material");
-var _react = require("react");
-var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var _isUrl = _interopRequireDefault(require("is-url"));
-var _urlJoin = _interopRequireDefault(require("url-join"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _constant = require("@blocklet/constant");
-var _ahooks = require("ahooks");
-var _lodash = require("lodash");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _add = _interopRequireDefault(require("./add"));
-var _item = _interopRequireDefault(require("./item"));
-var _connect = _interopRequireDefault(require("./connect"));
-var _session = require("../../../lib/contexts/session");
-var _blocklet = require("../../../lib/contexts/blocklet");
-var _node = require("../../contexts/node");
-var _spaces = require("../../util/spaces");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-/**
- * @typedef {{
- *  name: string,
- *  url: string,
- *  protected?: boolean,
- *  endpoint?: string
- * }} SpaceGateway
- */
-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) { 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 BoxContainer = (0, _styled.default)(_material.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
-
-/**
- * @FIXME 希望之后放在 sdk 中 @jianchao
- * @description
- * @param {string} endpoint
- * @returns {string}
- */
-function getSpaceUrlFromEndpoint(endpoint) {
-  const prefix = endpoint.replace(/\/api\/space\/.+/, '');
-  const strArray = endpoint.replace(/\/$/, '').split('/');
-  const spaceDid = strArray.at(-4);
-  return (0, _urlJoin.default)(prefix, 'space', spaceDid);
-}
-
-/**
- * @description
- * @param {{
- *  mode: 'add' | 'switch'
- * }} {mode}
- * @return {React.Component}
- */
-function SwitchDIDSpaces(_ref) {
-  var _connectedGateway$nam;
-  let {
-    mode
-  } = _ref;
-  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
-  const {
-    blocklet,
-    actions: {
-      refreshBlocklet
-    }
-  } = (0, _blocklet.useBlockletContext)();
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [spaceGateways, setSpaceGateways] = (0, _react.useState)( /** @type {SpaceGateway[]} */
-  []);
-  const spaceBackupEndpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments), [blocklet]);
-  const {
-    api
-  } = (0, _session.useSessionContext)();
-  const {
-    api: nodeApi
-  } = (0, _node.useNodeContext)();
-  const prodSpacesGateway = {
-    name: 'Prod DID Spaces',
-    url: 'https://www.didspaces.com/app',
-    protected: true
-  };
-  const [selectedGateway, setSelectedGateway] = (0, _react.useState)(prodSpacesGateway);
-  const [connectedGateway, setConnectedGateway] = (0, _react.useState)(null);
-  (0, _ahooks.useAsyncEffect)(async () => {
-    var _spaceGateways$find, _spaceGateways$find2;
-    const {
-      spaceGateways: _spaceGateways
-    } = await nodeApi.getBlockletSpaceGateways({
-      input: {
-        did: blocklet.meta.did
-      }
-    });
-    setSpaceGateways([prodSpacesGateway, ...(_spaceGateways !== null && _spaceGateways !== void 0 ? _spaceGateways : [])]);
-    setConnectedGateway((_spaceGateways$find = _spaceGateways.find(spaceGateway => spaceBackupEndpoint.includes(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url))) !== null && _spaceGateways$find !== void 0 ? _spaceGateways$find : {});
-    setSelectedGateway((_spaceGateways$find2 = _spaceGateways.find(spaceGateway => spaceBackupEndpoint.includes(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url))) !== null && _spaceGateways$find2 !== void 0 ? _spaceGateways$find2 : prodSpacesGateway);
-  }, [blocklet]);
-
-  /**
-   *
-   * @param {SpaceGateway} spaceGateway
-   */
-  const onSelectGateway = async spaceGateway => {
-    if ((spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) !== (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url)) {
-      setSelectedGateway(spaceGateway);
-    }
-  };
-
-  /**
-   *
-   * @param {string} url
-   * @returns {Promise<void>}
-   */
-  const onAddGateway = async url => {
-    if (!(0, _lodash.isString)(url)) {
-      throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
-    }
-
-    // eslint-disable-next-line no-param-reassign
-    url = url.trim().replace(/\/$/, '');
-    if (!url.startsWith('http')) {
-      // eslint-disable-next-line no-param-reassign
-      url = "https://".concat(url);
-    }
-    if (!(0, _isUrl.default)(url)) {
-      throw new Error(t('storage.spaces.gateway.add.invalidUrl'));
-    }
-    const duplicate = spaceGateways.some(s => s.url === url);
-    if (duplicate) {
-      throw new Error(t('storage.spaces.gateway.add.duplicate', {
-        url: url.url
-      }));
-    }
-    const {
-      data
-    } = await api.get((0, _urlJoin.default)(url, '/__blocklet__.js?type=json'));
-    const spaceGateway = {
-      name: data.appName,
-      url
-    };
-    await nodeApi.addBlockletSpaceGateway({
-      input: {
-        did: blocklet.meta.did,
-        spaceGateway
-      }
-    });
-    setSpaceGateways(preValue => {
-      return [...preValue, spaceGateway];
-    });
-    setSelectedGateway(spaceGateway);
-  };
-
-  /**
-   *
-   * @description
-   * @param {SpaceGateway} spaceGateway
-   * @param {number} index
-   */
-  const onDeleteGateway = async (spaceGateway, index) => {
-    if (!spaceGateway) {
-      return;
-    }
-    if (spaceBackupEndpoint === (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint)) {
-      _Toast.default.warning(t('storage.spaces.gateway.delete.failedForConnected'));
-      return;
-    }
-    await nodeApi.deleteBlockletSpaceGateway({
-      input: {
-        did: blocklet.meta.did,
-        url: spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url
-      }
-    });
-    setSpaceGateways(preSpaceGateways => {
-      return preSpaceGateways.filter(s => s.url !== spaceGateway.url);
-    });
-    if ((spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) === (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url)) {
-      setSelectedGateway(spaceGateways[index - 1]);
-    }
-  };
-
-  /**
-   *
-   *
-   * @param {SpaceGateway} spaceGateway
-   * @param {string} _endpoint
-   * @return {Promise<void>}
-   */
-  const onConnectGateway = async (spaceGateway, _endpoint) => {
-    var _spaceGateway$name;
-    const {
-      data
-    } = await api.get((0, _urlJoin.default)(spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url, '/__blocklet__.js?type=json'));
-    await nodeApi.updateBlockletSpaceGateway({
-      input: {
-        did: blocklet.meta.did,
-        where: {
-          url: spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url
-        },
-        spaceGateway: _objectSpread(_objectSpread({}, spaceGateway), {}, {
-          name: data === null || data === void 0 ? void 0 : data.appName,
-          endpoint: _endpoint
-        })
-      }
-    });
-    if (spaceBackupEndpoint !== _endpoint) {
-      await nodeApi.configBlocklet({
-        input: {
-          did: [blocklet.meta.did],
-          configs: [{
-            key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,
-            value: spaceGateway.url
-          }, {
-            key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,
-            value: _endpoint
-          }]
-        }
-      });
-    }
-    _Toast.default.success(t('storage.spaces.connectedWithName', {
-      name: (_spaceGateway$name = spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.name) !== null && _spaceGateway$name !== void 0 ? _spaceGateway$name : 'DID Spaces'
-    }));
-    refreshBlocklet();
-    setTimeout(() => setOpen(false), 1000);
-  };
-  const textProps = mode === 'add' ? {
-    text: t('storage.spaces.gateway.connect.add'),
-    tips: t('storage.spaces.gateway.connect.addTips')
-  } : {
-    text: t('storage.spaces.gateway.connect.switch'),
-    tips: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [t('storage.spaces.gateway.connect.switchTips', {
-        name: ''
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
-        href: getSpaceUrlFromEndpoint(spaceBackupEndpoint),
-        target: "_blank",
-        children: (_connectedGateway$nam = connectedGateway === null || connectedGateway === void 0 ? void 0 : connectedGateway.name) !== null && _connectedGateway$nam !== void 0 ? _connectedGateway$nam : 'Spaces'
-      })]
-    })
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BoxContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-      marginTop: "16px",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        display: "inline",
-        children: [t('storage.spaces.tips'), ": \xA0", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          display: "inline",
-          color: "primary.main",
-          fontWeight: "fontWeightBold",
-          children: textProps.tips
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-      marginTop: "16px",
-      display: "flex",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        size: "small",
-        variant: "contained",
-        onClick: () => setOpen(true),
-        children: textProps.text
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
-      open: open,
-      title: t('storage.spaces.gateway.select'),
-      disableEscapeKeyDown: true,
-      disablePortal: false,
-      fullWidth: true,
-      onClose: () => setOpen(false),
-      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
-          onAdd: onAddGateway
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connect.default, {
-          spaceGateway: selectedGateway,
-          onConnect: onConnectGateway
-        })]
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
-        children: spaceGateways.map((spaceGateway, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
-          button: true,
-          selected: (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.url) === (selectedGateway === null || selectedGateway === void 0 ? void 0 : selectedGateway.url),
-          "data-cy": "switch-did-spaces-gateway",
-          onClick: () => onSelectGateway(spaceGateway),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
-              spaceGateway: spaceGateway,
-              connected: spaceBackupEndpoint === (spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.endpoint),
-              onDelete: _spaceGateway => onDeleteGateway(_spaceGateway, index)
-            })
-          })
-        }, spaceGateway.url))
-      })
-    })]
-  });
-}
-SwitchDIDSpaces.propTypes = {
-  mode: _propTypes.default.oneOf(['add', 'switch'])
-};
-SwitchDIDSpaces.defaultProps = {
-  mode: 'switch'
-};
-var _default = SwitchDIDSpaces;
-exports.default = _default;