@abtnode/ux 1.16.19-beta-710018ca → 1.16.19-beta-ba354e01

package/es/hooks/use-mobile.js

@@ -0,0 +1,17 @@
+import { useTheme } from '@mui/material/styles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+
+/**
+ * @description
+ * @export
+ * @param {{ key: string | import('@mui/material').Breakpoint }} [{ key }={ key: 'md' }]
+ * @return {*}
+ */
+export default function useMobile({
+  key
+} = {
+  key: 'sm'
+}) {
+  const theme = useTheme();
+  return useMediaQuery(theme.breakpoints.down(key));
+}

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

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react';
+import { useBlockletContext } from '../contexts/blocklet';
+import { getDIDSpaceEndpoint } from '../util/spaces';
+
+/**
+ * @description
+ * @export
+ * @return {{
+ *  storageEndpoint: string
+ * }}
+ */
+export default function useStorageEndpoint() {
+  const [storageEndpoint, setStorageEndpoint] = useState(null);
+  const {
+    blocklet
+  } = useBlockletContext();
+  useEffect(() => {
+    setStorageEndpoint(getDIDSpaceEndpoint(blocklet));
+  }, [blocklet]);
+  return {
+    storageEndpoint
+  };
+}

package/es/images.js

@@ -0,0 +1,48 @@
+import PropTypes from 'prop-types';
+import styled from '@emotion/styled';
+import Box from '@mui/material/Box';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Images({
+  data,
+  ...props
+}) {
+  if (!data || !data.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(StyledBox, {
+    ...props,
+    children: data.map(item => /*#__PURE__*/_jsx("a", {
+      href: item.url,
+      target: "_blank",
+      rel: "noreferrer",
+      children: /*#__PURE__*/_jsx("img", {
+        src: item.url,
+        alt: item.alt || ''
+      })
+    }, item.url))
+  });
+}
+Images.propTypes = {
+  data: PropTypes.arrayOf(PropTypes.shape({
+    url: PropTypes.string,
+    alt: PropTypes.string
+  }))
+};
+Images.defaultProps = {
+  data: []
+};
+const StyledBox = styled(Box)`
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin-bottom: -12px;
+  a {
+    display: flex;
+  }
+  img {
+    height: 128px;
+    cursor: pointer;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }
+`;

package/es/locales/en.js

@@ -271,6 +271,7 @@ module.exports = {
     saveSuccess: 'Saved successfully',
     scheduleFailed: 'schedule failed',
     scheduleSuccess: 'successfully scheduled',
+    scope: 'Scope',
     screenshot: 'Screenshot',
     search: 'Search',
     security: 'Security',
@@ -621,6 +622,8 @@ module.exports = {
       isInProgress: 'Blocklet is in progress, please wait for it to finish'
     },
     publish: {
+      createResource: 'Create Resource',
+      addResource: 'Add Release',
       productTitle: 'Product',
       versionTitle: 'Version',
       imgTitle: 'Images',
@@ -635,6 +638,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/es/locales/zh.js

@@ -276,6 +276,7 @@ module.exports = {
     saveSuccess: '保存成功',
     scheduleFailed: '加入任务队列失败',
     scheduleSuccess: '成功加入任务队列',
+    scope: '范围',
     screenshot: '截图',
     search: '搜索',
     security: '安全',
@@ -628,6 +629,8 @@ module.exports = {
       isInProgress: '应用正在进行中，请等待完成'
     },
     publish: {
+      createResource: '创建资源',
+      addResource: '添加资源',
       productTitle: 'Blocklet 详情',
       versionTitle: '版本信息',
       imgTitle: '图片资源',
@@ -642,6 +645,8 @@ module.exports = {
       createRelease: '创建新的发布',
       deleteReleaseTip: '此发布删除后不可恢复，是否继续？',
       createBlockletDid: '通过 DID 钱包创建',
+      createReleaseSuccess: '发布成功',
+      saveDraftSuccess: '保存成功',
       connect: {
         title: '创建 Blocklet DID',
         scan: '扫描下面的二维码来生成 Blocklet DID',

package/es/util/constants.js

@@ -1,2 +1,3 @@
 export const STORAGE_KEY_STORE_BLOCKLET = 'blocklet-add-component-registry';
-export const STORAGE_KEY_STORE_SERVER = 'server-add-registry';
+export const STORAGE_KEY_STORE_SERVER = 'server-add-registry';
+export const STORAGE_KEY_STORE_RESOURCE = resource => `resource-${resource}-add-registry`;

package/es/util/index.js

@@ -615,4 +615,8 @@ export const getSubscriptionURL = async ({
 };
 export const nanoid = (length = 16) => [...Array(length)].map(() => Math.random().toString(36)[2]).join('');
 export const getSystemDomains = domains => domains.filter(x => x.isProtected);
-export const getLogoHash = logo => encodeURIComponent((logo || '').split('/').slice(-1)[0].slice(0, 7));
+export const getLogoHash = logo => encodeURIComponent((logo || '').split('/').slice(-1)[0].slice(0, 7));
+const hasRequiredEnvironments = meta => (meta.environments || []).some(x => x.required);
+export const hasRequiredSteps = meta => {
+  return !!meta.requirements?.fuels?.length || hasRequiredEnvironments(meta);
+};

package/es/util/spaces.js

@@ -1,11 +1,15 @@
 import isUrl from 'is-url';
 import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
-import { isObject } from 'lodash';
+import { isObject, isString } from 'lodash';
 import { joinURL } from 'ufo';
 import { api } from './api';
 
 /* eslint-disable import/prefer-default-export */
 
+/**
+ * @typedef {import('../contexts/config-space').SpaceGateway} SpaceGateway
+ */
+
 /**
  * @FIXME 希望之后放在 sdk 中 @jianchao
  * @description
@@ -82,7 +86,7 @@ export function getSpaceBackupEndpoint(environments) {
  * @description
  * @export
  * @param {string} endpoint
- * @return {boolean}
+ * @return {string}
  */
 export function getSpaceGatewayFromEndpoint(endpoint) {
   return endpoint?.replace(/\/api\/space\/.+/, '');
@@ -134,7 +138,11 @@ export async function isValidSpaceGatewayUrl(spaceGatewayUrl) {
  * @param {string} endpoint
  * @return {Promise<string >}
  */
-export async function getSpaceNameByEndpoint(endpoint) {
+export async function getSpaceNameByEndpoint(endpoint, {
+  timeout
+} = {
+  timeout: 3000
+}) {
   try {
     if (!isUrl(endpoint)) {
       return '';
@@ -142,7 +150,7 @@ export async function getSpaceNameByEndpoint(endpoint) {
     const {
       headers
     } = await api.head(endpoint, {
-      timeout: 3000
+      timeout
     });
     const spaceName = headers['x-space-name'];
     return spaceName ? decodeURIComponent(spaceName) : '';
@@ -171,4 +179,57 @@ export function getSpaceNftDisplayUrlFromEndpoint(endpoint) {
  */
 export const getDIDSpaceEndpoint = blocklet => {
   return blocklet?.configs?.find(item => item.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)?.value || null;
-};
+};
+
+/**
+ * @description
+ * @export
+ * @param {string} endpoint
+ * @returns {Promise<SpaceGateway>}
+ */
+export 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>}
+ */
+export async function getSpaceGatewayUrl(anyUrl, options = {
+  timeout: 30000,
+  withSearchParams: true
+}) {
+  if (!isString(anyUrl)) {
+    throw new Error(`url(${anyUrl}) must be a string`);
+  }
+  const url = anyUrl.startsWith('http') ? anyUrl : `https://${anyUrl}`;
+  const u = new URL(url);
+
+  /** @type {{ data: import('@blocklet/sdk').WindowBlocklet }} */
+  const {
+    data: blockletMeta
+  } = await api.get(joinURL(u.origin, '/__blocklet__.js?type=json'), {
+    timeout: options.timeout
+  });
+
+  /** @type {string} */
+  const mountPoint = blockletMeta.componentMountPoints.findLast(x => x.did === 'z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf')?.mountPoint;
+  if (!mountPoint) {
+    throw new Error(`MountPoint(${mountPoint}) not found`);
+  }
+  const didSpacesCoreUrl = joinURL(u.origin, mountPoint);
+  const spaceGatewayUrl = options.withSearchParams && u.searchParams.get('spaceDid') ? joinURL(didSpacesCoreUrl, `?spaceDid=${u.searchParams.get('spaceDid')}`) : didSpacesCoreUrl;
+  return spaceGatewayUrl;
+}

package/lib/blocklet/component/add-component-core.js

@@ -43,7 +43,8 @@ var _agreement = _interopRequireDefault(require("../agreement"));
 var _installFromUrl = _interopRequireDefault(require("../install-from-url"));
 var _selectStore = _interopRequireDefault(require("./select-store"));
 var _storeBlockletList = _interopRequireDefault(require("./store-blocklet-list"));
-var _spaceConnector = _interopRequireDefault(require("./space-connector"));
+var _didSpace = _interopRequireDefault(require("./did-space"));
+var _configSpace = require("../../contexts/config-space");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 const _excluded = ["name", "validation"],
@@ -127,7 +128,7 @@ const StepContent = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
     component: "div",
     className: isMobile ? 'mobileStyle' : '',
     sx: {
-      height: '100%'
+      height: 'calc(100% - 56px)'
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_launcherLayout.default, {
       locale: locale,
@@ -156,12 +157,15 @@ StepContent.propTypes = {
 StepContent.defaultProps = {
   meta: null
 };
-const postInstalledMessage = componentDid => {
+const postInstalledMessage = function postInstalledMessage(componentDid) {
+  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
   // send event to parent window
-  window.parent.postMessage({
-    event: 'component.installed',
-    componentDid
-  }, '*');
+  setTimeout(() => {
+    window.parent.postMessage({
+      event: 'component.installed',
+      componentDid
+    }, '*');
+  }, timeout);
 };
 function AddComponentCore(_ref3) {
   var _blocklet$meta2, _blocklet$meta3, _blocklet$meta4, _purchaseRef$current, _purchaseRef$current$, _purchaseRef$current2, _purchaseRef$current3;
@@ -170,7 +174,8 @@ function AddComponentCore(_ref3) {
     mode,
     stores,
     resourceType,
-    storageKey
+    storageKey,
+    inDialog
   } = _ref3;
   const {
     t,
@@ -250,6 +255,13 @@ function AddComponentCore(_ref3) {
     }
   }, [activeStep]); // eslint-disable-line
 
+  const refreshDidSpaceEndpoint = () => {
+    var _getDIDSpaceEndpoint;
+    const didSpaceEndpoint = (_getDIDSpaceEndpoint = getDIDSpaceEndpoint(blocklet)) !== null && _getDIDSpaceEndpoint !== void 0 ? _getDIDSpaceEndpoint : '';
+    updateParams({
+      didSpaceEndpoint
+    });
+  };
   const getComponentName = () => {
     var _component$current;
     if (component !== null && component !== void 0 && (_component$current = component.current) !== null && _component$current !== void 0 && _component$current.meta) {
@@ -312,6 +324,10 @@ function AddComponentCore(_ref3) {
         break;
       default:
     }
+    const didSpaceEndpoint = getDIDSpaceEndpoint(blocklet);
+    updateParams(p => _objectSpread(_objectSpread({}, p), {}, {
+      didSpaceEndpoint
+    }));
   }), [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta2 = blocklet.meta) === null || _blocklet$meta2 === void 0 ? void 0 : _blocklet$meta2.did]);
   useSubscription(_constant.BlockletEvents.downloadFailed, createBlockletEventHandler(() => {
     setInstallErrorResult(t('blocklet.component.installComponentError'));
@@ -420,7 +436,7 @@ function AddComponentCore(_ref3) {
       errMsg
     };
   };
-  const onNext = async payload => {
+  const _onNext = async payload => {
     const {
       errMsg
     } = validateInput(_objectSpread(_objectSpread({}, params), {}, {
@@ -499,7 +515,7 @@ function AddComponentCore(_ref3) {
     } = _ref4;
     component.current.downloadTokenList = downloadTokenList;
     setIsWaitingPurchase(false);
-    onNext();
+    _onNext();
   };
   const setConfigValue = _ref5 => {
     var _blocklet$settings, _meta$environments;
@@ -679,7 +695,7 @@ function AddComponentCore(_ref3) {
           updateParams({
             showFromUrlDialog: false
           });
-          onNext();
+          _onNext();
         },
         handleText: {
           title: t('blocklet.component.addComponentTip.fromUrl'),
@@ -768,7 +784,7 @@ function AddComponentCore(_ref3) {
     }),
     onCancel: onOver,
     onConfirm: () => {
-      onNext();
+      _onNext();
     }
   }, {
     key: 'agreement',
@@ -781,7 +797,7 @@ function AddComponentCore(_ref3) {
         subTitle: t('blocklet.component.addComponentTip.introduction')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_agreement.default, {
         meta: meta,
-        onClickNext: onNext,
+        onClickNext: _onNext,
         handleDescEle: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -803,7 +819,7 @@ function AddComponentCore(_ref3) {
     onCancel: _onCancel,
     onConfirm: () => {
       setIsWaitingPurchase(false);
-      onNext();
+      _onNext();
     }
   }, meta && params.requirePurchase && {
     key: 'purchase',
@@ -891,7 +907,7 @@ function AddComponentCore(_ref3) {
     confirm: t('common.next'),
     onCancel: _onCancel,
     onConfirm: () => {
-      onNext();
+      _onNext();
     }
   }, meta && (params === null || params === void 0 ? void 0 : params.hasEnvironmentsStep) && {
     key: 'environment',
@@ -938,7 +954,7 @@ function AddComponentCore(_ref3) {
     cancel: t('common.pre'),
     confirm: t('common.next'),
     onCancel: _onCancel,
-    onConfirm: onNext
+    onConfirm: _onNext
   }, meta && (params === null || params === void 0 ? void 0 : params.didSpaceCapability) && {
     key: 'didSpace',
     name: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -946,41 +962,37 @@ function AddComponentCore(_ref3) {
     }),
     disabled: params.didSpaceCapability === 'required' && !params.didSpaceEndpoint,
     body: () => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TypographyWrapper, {
-        component: "div",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PageHeaderWrapper, {
-          title: t('blocklet.component.didSpaceConfig'),
-          subTitle: t('blocklet.component.didSpaceConfigTip')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-          sx: {
-            mt: '36px',
-            '& > div': {
-              maxWidth: 'unset !important',
-              '& .MuiAutocomplete-root': {
-                maxWidth: 'unset !important'
-              }
-            }
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spaceConnector.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_configSpace.ConfigSpaceProvider, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TypographyWrapper, {
+          component: "div",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PageHeaderWrapper, {
+            title: t('blocklet.component.didSpaceConfig'),
+            subTitle: t('blocklet.component.didSpaceConfigTip')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             sx: {
-              '& .MuiFormHelperText-root': {
-                wordBreak: 'break-all'
+              mt: '36px',
+              '& > div': {
+                maxWidth: 'unset !important',
+                '& .MuiAutocomplete-root': {
+                  maxWidth: 'unset !important'
+                }
               }
             },
-            helperText: params.didSpaceEndpoint && t('blocklet.component.didSpaceConnected', {
-              endpoint: params.didSpaceEndpoint
-            }),
-            onConnect: () => {
-              onNext();
-            }
-          })
-        })]
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didSpace.default, {
+              blockletMeta: component.current.meta,
+              onNext: () => {
+                _onNext();
+              },
+              onEndpointUpdate: refreshDidSpaceEndpoint
+            })
+          })]
+        })
       });
     },
     cancel: t('common.pre'),
     confirm: t('common.next'),
     onCancel: _onCancel,
-    onConfirm: onNext
+    onConfirm: _onNext
   }, {
     key: 'install',
     name: t('common.install'),
@@ -1039,7 +1051,7 @@ function AddComponentCore(_ref3) {
       height: window.innerHeight
     } : {
       width: '100%',
-      height: mode === 'embed' ? '100vh' : '72vh'
+      height: inDialog ? '72vh' : '100vh'
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_step.StepProvider, {
       steps: steps,
@@ -1099,6 +1111,7 @@ function AddComponentCore(_ref3) {
 AddComponentCore.propTypes = {
   onClose: _propTypes.default.func,
   mode: _propTypes.default.oneOf(['normal', 'embed']),
+  inDialog: _propTypes.default.bool,
   stores: _propTypes.default.arrayOf(_propTypes.default.string),
   resourceType: _propTypes.default.string,
   storageKey: _propTypes.default.string
@@ -1108,7 +1121,8 @@ AddComponentCore.defaultProps = {
   mode: 'normal',
   stores: [],
   resourceType: '',
-  storageKey: ''
+  storageKey: '',
+  inDialog: true
 };
 const Wrapper = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .action-bar {\n    display: flex;\n    justify-content: flex-end;\n    position: sticky;\n    bottom: 0;\n    padding-top: 16px;\n    z-index: 100;\n    width: 100%;\n    background: #fff;\n    border-top: 1px solid #eee;\n  }\n"])));
 const TypographyWrapper = (0, _styled.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n"])));

package/lib/blocklet/component/button.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StyledButton;
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function StyledButton(_ref) {
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread({
+    className: "bottom-button",
+    variant: "contained",
+    color: "primary"
+  }, props));
+}