@abtnode/ux 1.16.19-beta-7d3ef675 → 1.16.19-beta-ba354e01

package/lib/contexts/config-space.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfigSpaceContext = exports.ConfigSpaceConsumer = void 0;
+exports.ConfigSpaceProvider = ConfigSpaceProvider;
+exports.useConfigSpaceContext = useConfigSpaceContext;
+var _react = require("react");
+var _propTypes = require("prop-types");
+var _lodash = require("lodash");
+var _constant = require("@blocklet/constant");
+var _ahooks = require("ahooks");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _node = require("./node");
+var _spaces = require("../util/spaces");
+var _blocklet = require("./blocklet");
+var _useStorageEndpoint = _interopRequireDefault(require("../hooks/use-storage-endpoint"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @typedef {{
+ *  did: string,
+ *  url: string,
+ *  name: string,
+ *  endpoint: string,
+ * }} SpaceGateway
+ */
+
+/**
+ * @typedef {{
+ *  loading: boolean,
+ *  spaceGateway: SpaceGateway,
+ *  deleteSpaceGateway: (spaceGateway: SpaceGateway) => void | Promise<void>,
+ *  updateSpaceGateway: (updateSpaceGateway: SpaceGateway) => void | Promise<void>,
+ *  storageEndpoint: string,
+ *  settingStorageEndpoint: (endpoint: string) => void | Promise<void>,
+ *  hasStorageEndpoint: boolean,
+ * }} ConfigSpaceContextType
+ */
+
+/** @type {import('react').Context<ConfigSpaceContextType>} */const ConfigSpaceContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.ConfigSpaceContext = ConfigSpaceContext;
+const {
+  Provider,
+  Consumer
+} = ConfigSpaceContext;
+
+/**
+ * @description
+ * @param {{
+ *  children: React.ReactNode,
+ * }} { children }
+ * @return {any}
+ */
+exports.ConfigSpaceConsumer = Consumer;
+function ConfigSpaceProvider(_ref) {
+  let {
+    children
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [spaceGateway, setSpaceGateway] = (0, _react.useState)(null);
+  /**
+   *  @type {{
+   *    blocklet: import('@abtnode/client').BlockletState,
+   *    actions: { refreshBlocklet: Function }
+   *  }}
+   */
+  const {
+    blocklet,
+    actions: {
+      refreshBlocklet
+    }
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    storageEndpoint
+  } = (0, _useStorageEndpoint.default)();
+  const {
+    api: nodeApi
+  } = (0, _node.useNodeContext)();
+  (0, _ahooks.useAsyncEffect)(async () => {
+    try {
+      setLoading(true);
+      if ((0, _lodash.isEmpty)(storageEndpoint)) {
+        setSpaceGateway(null);
+        return;
+      }
+      const $spaceGateway = await (0, _spaces.getSpaceGateway)(storageEndpoint);
+      setSpaceGateway($spaceGateway);
+    } catch (error) {
+      console.error(error);
+      _Toast.default.error(error.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [storageEndpoint]);
+
+  /**
+   * @description
+   * @param {SpaceGateway} spaceGateway
+   */
+  const deleteSpaceGateway = () => {
+    setSpaceGateway(null);
+    refreshBlocklet();
+  };
+
+  /**
+   * @description
+   * @param {SpaceGateway} x
+   */
+  const updateSpaceGateway = async x => {
+    setSpaceGateway(x);
+    // eslint-disable-next-line no-use-before-define
+    await settingStorageEndpoint(x.endpoint);
+    refreshBlocklet();
+  };
+
+  /**
+   * @description
+   * @param {string} endpoint
+   */
+  const settingStorageEndpoint = async endpoint => {
+    await nodeApi.configBlocklet({
+      input: {
+        did: [blocklet.meta.did],
+        configs: [{
+          key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT,
+          value: endpoint
+        }]
+      }
+    });
+    refreshBlocklet();
+  };
+  (0, _react.useEffect)(() => {
+    async function syncSpaceGateway() {
+      if (!spaceGateway) {
+        return;
+      }
+      const name = await (0, _spaces.getSpaceNameByEndpoint)(spaceGateway.endpoint, spaceGateway.name);
+      const latestSpaceGateway = (0, _lodash.merge)(spaceGateway, {
+        name
+      });
+      setSpaceGateway(latestSpaceGateway);
+    }
+    syncSpaceGateway();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const hasStorageEndpoint = Boolean(storageEndpoint && spaceGateway);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+    value: {
+      loading,
+      spaceGateway,
+      deleteSpaceGateway,
+      updateSpaceGateway,
+      storageEndpoint,
+      settingStorageEndpoint,
+      hasStorageEndpoint
+    },
+    children: children
+  });
+}
+ConfigSpaceProvider.propTypes = {
+  children: _propTypes.node.isRequired
+};
+ConfigSpaceProvider.defaultProps = {};
+function useConfigSpaceContext() {
+  const res = (0, _react.useContext)(ConfigSpaceContext);
+  return res;
+}

package/lib/hooks/use-mobile.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMobile;
+var _styles = require("@mui/material/styles");
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @description
+ * @export
+ * @param {{ key: string | import('@mui/material').Breakpoint }} [{ key }={ key: 'md' }]
+ * @return {*}
+ */
+function useMobile() {
+  let {
+    key
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    key: 'sm'
+  };
+  const theme = (0, _styles.useTheme)();
+  return (0, _useMediaQuery.default)(theme.breakpoints.down(key));
+}

package/lib/hooks/use-storage-endpoint.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useStorageEndpoint;
+var _react = require("react");
+var _blocklet = require("../contexts/blocklet");
+var _spaces = require("../util/spaces");
+/**
+ * @description
+ * @export
+ * @return {{
+ *  storageEndpoint: string
+ * }}
+ */
+function useStorageEndpoint() {
+  const [storageEndpoint, setStorageEndpoint] = (0, _react.useState)(null);
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  (0, _react.useEffect)(() => {
+    setStorageEndpoint((0, _spaces.getDIDSpaceEndpoint)(blocklet));
+  }, [blocklet]);
+  return {
+    storageEndpoint
+  };
+}

package/lib/images.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Images;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["data"];
+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) { 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 _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 Images(_ref) {
+  let {
+      data
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!data || !data.length) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBox, _objectSpread(_objectSpread({}, props), {}, {
+    children: data.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: item.url,
+      target: "_blank",
+      rel: "noreferrer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: item.url,
+        alt: item.alt || ''
+      })
+    }, item.url))
+  }));
+}
+Images.propTypes = {
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    url: _propTypes.default.string,
+    alt: _propTypes.default.string
+  }))
+};
+Images.defaultProps = {
+  data: []
+};
+const StyledBox = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  margin-bottom: -12px;\n  a {\n    display: flex;\n  }\n  img {\n    height: 128px;\n    cursor: pointer;\n    margin-right: 12px;\n    margin-bottom: 12px;\n  }\n"])));

package/lib/locales/en.js

@@ -640,6 +640,8 @@ module.exports = {
       createRelease: 'Create a new release',
       deleteReleaseTip: 'The release cannot be recovered after deletion',
       createBlockletDid: 'Create from DID Wallet',
+      createReleaseSuccess: 'Release created successfully',
+      saveDraftSuccess: 'Draft saved successfully',
       connect: {
         title: 'Create Blocklet DID',
         scan: 'Scan the QR code below to generate Blocklet DID',

package/lib/locales/zh.js

@@ -647,6 +647,8 @@ module.exports = {
       createRelease: '创建新的发布',
       deleteReleaseTip: '此发布删除后不可恢复，是否继续？',
       createBlockletDid: '通过 DID 钱包创建',
+      createReleaseSuccess: '发布成功',
+      saveDraftSuccess: '保存成功',
       connect: {
         title: '创建 Blocklet DID',
         scan: '扫描下面的二维码来生成 Blocklet DID',

package/lib/util/index.js

@@ -32,7 +32,7 @@ exports.getBlockletUrls = getBlockletUrls;
 exports.getExplorerLink = getExplorerLink;
 exports.getTransferAppLink = exports.getSystemDomains = exports.getSubscriptionURL = exports.getStoreList = exports.getRenewBlockletURL = exports.getPathPrefix = exports.getLogoHash = exports.getIssuePassportLink = exports.getInviteLink = void 0;
 exports.getWebWalletUrl = getWebWalletUrl;
-exports.isNewStoreUrl = exports.isInstalling = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = void 0;
+exports.isNewStoreUrl = exports.isInstalling = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = exports.hasRequiredSteps = void 0;
 exports.isProtectedRole = isProtectedRole;
 exports.isUrlAccessible = exports.isSafari = exports.isRunning = void 0;
 exports.isValidClusterSize = isValidClusterSize;
@@ -729,4 +729,10 @@ exports.nanoid = nanoid;
 const getSystemDomains = domains => domains.filter(x => x.isProtected);
 exports.getSystemDomains = getSystemDomains;
 const getLogoHash = logo => encodeURIComponent((logo || '').split('/').slice(-1)[0].slice(0, 7));
-exports.getLogoHash = getLogoHash;
+exports.getLogoHash = getLogoHash;
+const hasRequiredEnvironments = meta => (meta.environments || []).some(x => x.required);
+const hasRequiredSteps = meta => {
+  var _meta$requirements, _meta$requirements$fu;
+  return !!((_meta$requirements = meta.requirements) !== null && _meta$requirements !== void 0 && (_meta$requirements$fu = _meta$requirements.fuels) !== null && _meta$requirements$fu !== void 0 && _meta$requirements$fu.length) || hasRequiredEnvironments(meta);
+};
+exports.hasRequiredSteps = hasRequiredSteps;

package/lib/util/spaces.js

@@ -9,7 +9,9 @@ exports.getDIDSpaceDidFromEndpoint = getDIDSpaceDidFromEndpoint;
 exports.getDIDSpaceEndpoint = void 0;
 exports.getDIDSpaceUrlFromEndpoint = getDIDSpaceUrlFromEndpoint;
 exports.getSpaceBackupEndpoint = getSpaceBackupEndpoint;
+exports.getSpaceGateway = getSpaceGateway;
 exports.getSpaceGatewayFromEndpoint = getSpaceGatewayFromEndpoint;
+exports.getSpaceGatewayUrl = getSpaceGatewayUrl;
 exports.getSpaceNameByEndpoint = getSpaceNameByEndpoint;
 exports.getSpaceNftDisplayUrlFromEndpoint = getSpaceNftDisplayUrlFromEndpoint;
 exports.hasPermissionByEndpoint = hasPermissionByEndpoint;
@@ -22,6 +24,10 @@ var _api = require("./api");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable import/prefer-default-export */
 
+/**
+ * @typedef {import('../contexts/config-space').SpaceGateway} SpaceGateway
+ */
+
 /**
  * @FIXME 希望之后放在 sdk 中 @jianchao
  * @description
@@ -99,7 +105,7 @@ function getSpaceBackupEndpoint(environments) {
  * @description
  * @export
  * @param {string} endpoint
- * @return {boolean}
+ * @return {string}
  */
 function getSpaceGatewayFromEndpoint(endpoint) {
   return endpoint === null || endpoint === void 0 ? void 0 : endpoint.replace(/\/api\/space\/.+/, '');
@@ -152,6 +158,11 @@ async function isValidSpaceGatewayUrl(spaceGatewayUrl) {
  * @return {Promise<string >}
  */
 async function getSpaceNameByEndpoint(endpoint) {
+  let {
+    timeout
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    timeout: 3000
+  };
   try {
     if (!(0, _isUrl.default)(endpoint)) {
       return '';
@@ -159,7 +170,7 @@ async function getSpaceNameByEndpoint(endpoint) {
     const {
       headers
     } = await _api.api.head(endpoint, {
-      timeout: 3000
+      timeout
     });
     const spaceName = headers['x-space-name'];
     return spaceName ? decodeURIComponent(spaceName) : '';
@@ -190,4 +201,59 @@ const getDIDSpaceEndpoint = blocklet => {
   var _blocklet$configs, _blocklet$configs$fin;
   return (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$configs = blocklet.configs) === null || _blocklet$configs === void 0 ? void 0 : (_blocklet$configs$fin = _blocklet$configs.find(item => item.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)) === null || _blocklet$configs$fin === void 0 ? void 0 : _blocklet$configs$fin.value) || null;
 };
-exports.getDIDSpaceEndpoint = getDIDSpaceEndpoint;
+
+/**
+ * @description
+ * @export
+ * @param {string} endpoint
+ * @returns {Promise<SpaceGateway>}
+ */
+exports.getDIDSpaceEndpoint = getDIDSpaceEndpoint;
+async function getSpaceGateway(endpoint) {
+  /** @type {SpaceGateway} */
+  const spaceGateway = {};
+  spaceGateway.did = getDIDSpaceDidFromEndpoint(endpoint);
+  spaceGateway.name = await getSpaceNameByEndpoint(endpoint);
+  spaceGateway.url = getSpaceGatewayFromEndpoint(endpoint);
+  spaceGateway.endpoint = endpoint;
+  return spaceGateway;
+}
+
+/**
+ * @description
+ * @export
+ * @param {string} anyUrl
+ * @param {{
+ *  timeout: number,
+ *  withSearchParams: true | false,
+ * }} options
+ * @returns {Promise<string>}
+ */
+async function getSpaceGatewayUrl(anyUrl) {
+  var _blockletMeta$compone;
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    timeout: 30000,
+    withSearchParams: true
+  };
+  if (!(0, _lodash.isString)(anyUrl)) {
+    throw new Error("url(".concat(anyUrl, ") must be a string"));
+  }
+  const url = anyUrl.startsWith('http') ? anyUrl : "https://".concat(anyUrl);
+  const u = new URL(url);
+
+  /** @type {{ data: import('@blocklet/sdk').WindowBlocklet }} */
+  const {
+    data: blockletMeta
+  } = await _api.api.get((0, _ufo.joinURL)(u.origin, '/__blocklet__.js?type=json'), {
+    timeout: options.timeout
+  });
+
+  /** @type {string} */
+  const mountPoint = (_blockletMeta$compone = blockletMeta.componentMountPoints.findLast(x => x.did === 'z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf')) === null || _blockletMeta$compone === void 0 ? void 0 : _blockletMeta$compone.mountPoint;
+  if (!mountPoint) {
+    throw new Error("MountPoint(".concat(mountPoint, ") not found"));
+  }
+  const didSpacesCoreUrl = (0, _ufo.joinURL)(u.origin, mountPoint);
+  const spaceGatewayUrl = options.withSearchParams && u.searchParams.get('spaceDid') ? (0, _ufo.joinURL)(didSpacesCoreUrl, "?spaceDid=".concat(u.searchParams.get('spaceDid'))) : didSpacesCoreUrl;
+  return spaceGatewayUrl;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.19-beta-7d3ef675",
+  "version": "1.16.19-beta-ba354e01",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,9 +27,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.19-beta-7d3ef675",
-    "@abtnode/constant": "1.16.19-beta-7d3ef675",
-    "@abtnode/util": "1.16.19-beta-7d3ef675",
+    "@abtnode/auth": "1.16.19-beta-ba354e01",
+    "@abtnode/constant": "1.16.19-beta-ba354e01",
+    "@abtnode/util": "1.16.19-beta-ba354e01",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.95",
     "@arcblock/did-connect": "^2.8.16",
@@ -39,10 +39,10 @@
     "@arcblock/react-hooks": "^2.8.16",
     "@arcblock/terminal": "^2.8.16",
     "@arcblock/ux": "^2.8.16",
-    "@blocklet/constant": "1.16.19-beta-7d3ef675",
+    "@blocklet/constant": "1.16.19-beta-ba354e01",
     "@blocklet/launcher-layout": "2.2.40",
     "@blocklet/list": "^0.12.53",
-    "@blocklet/meta": "1.16.19-beta-7d3ef675",
+    "@blocklet/meta": "1.16.19-beta-ba354e01",
     "@blocklet/ui-react": "^2.8.16",
     "@blocklet/uploader": "^0.0.45",
     "@emotion/react": "^11.10.4",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "af968e7bab22e67bd42d3dc93ff3ce827b9a91fe",
+  "gitHead": "d685f8ca8f2fe49298aa0e94f2f15e1e7ebf761b",
   "exports": {
     ".": {
       "import": "./es/index.js",
@@ -114,6 +114,10 @@
       "import": "./es/blocklet/access/index.js",
       "require": "./lib/blocklet/access/index.js"
     },
+    "./lib/blocklet/component/did-space": {
+      "import": "./es/blocklet/component/did-space/index.js",
+      "require": "./lib/blocklet/component/did-space/index.js"
+    },
     "./lib/blocklet/component": {
       "import": "./es/blocklet/component/index.js",
       "require": "./lib/blocklet/component/index.js"