@abtnode/ux 1.16.16 → 1.16.17-beta-7ec31a60

package/lib/blocklet/publish/project-list.js

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ProjectList;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _blocklet = require("../../contexts/blocklet");
+var _node = require("../../contexts/node");
+var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
+var _didAddress = _interopRequireDefault(require("../../did-address"));
+var _confirm = _interopRequireDefault(require("../../confirm"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+/* eslint-disable react/no-unstable-nested-components */
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ProjectList() {
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [deleteConfirm, setDeleteConfirm] = (0, _react.useState)(null);
+  const [projects, setProjects] = (0, _react.useState)(null);
+  const getProjects = () => {
+    api.getProjects({
+      input: {
+        did: blocklet.meta.did
+      }
+    }).then(res => {
+      const list = (res === null || res === void 0 ? void 0 : res.projects) || [];
+      setLoading(false);
+      setProjects(list);
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  const onDeleteProject = project => {
+    setDeleteConfirm(project);
+  };
+  const deleteProject = () => {
+    setLoading(false);
+    const projectId = deleteConfirm.id;
+    api.deleteProject({
+      input: {
+        did: blocklet.meta.did,
+        projectId
+      }
+    }).then(() => {
+      setLoading(false);
+      getProjects();
+      _Toast.default.success(t('common.removeSuccess'));
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  (0, _react.useEffect)(() => {
+    getProjects();
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  if (!projects && loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_emptySpinner.default, {});
+  }
+  if (!projects) {
+    return null;
+  }
+  if (!projects.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      pt: 10,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        sx: {
+          fontSize: 20,
+          fontWeight: 'bold',
+          mb: 3
+        },
+        children: t('blocklet.publish.blockletEmptyTip')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        sx: {
+          fontSize: 14,
+          color: 'text.secondary',
+          mb: 3
+        },
+        children: t('blocklet.publish.createBlockletTip')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: "create",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          variant: "contained",
+          children: t('blocklet.publish.createBlocklet')
+        })
+      })]
+    });
+  }
+  const columns = [{
+    label: t('common.name'),
+    name: 'blockletTitle',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const project = projects[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+          to: "".concat(project.id),
+          children: project.blockletTitle || '/'
+        });
+      }
+    }
+  }, {
+    label: t('common.address'),
+    name: 'blockletDid',
+    options: {
+      customBodyRender: e => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+          size: 14,
+          responsive: true,
+          did: e
+        });
+      }
+    }
+  }, {
+    label: t('common.actions'),
+    name: 'actions',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const project = projects[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          display: "flex",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            color: "error",
+            "aria-label": "delete",
+            onClick: () => onDeleteProject(project),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
+              sx: {
+                fontSize: 18
+              }
+            })
+          })
+        });
+      }
+    }
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      sx: {
+        textAlign: 'right'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: "create",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          variant: "contained",
+          children: t('blocklet.publish.createBlocklet')
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Datatable.default, {
+      className: "main-table",
+      locale: locale,
+      data: projects,
+      columns: columns,
+      options: {
+        sort: false,
+        download: false,
+        filter: false,
+        print: false,
+        search: false
+      }
+    }), deleteConfirm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: "".concat(t('common.delete'), " ").concat(deleteConfirm.blockletTitle),
+      description: t('blocklet.publish.deleteBlockletTip'),
+      confirm: t('common.confirm'),
+      onConfirm: deleteProject,
+      onCancel: () => setDeleteConfirm(null)
+    })]
+  });
+}
+ProjectList.propTypes = {};
+const Main = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .main-table > div:first-child {\n    display: none;\n  }\n"])));

package/lib/blocklet/publish/release-list.js

@@ -0,0 +1,270 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ReleaseList;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
+var _constant = require("@abtnode/constant");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _blocklet = require("../../contexts/blocklet");
+var _node = require("../../contexts/node");
+var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
+var _confirm = _interopRequireDefault(require("../../confirm"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+/* eslint-disable react/no-unstable-nested-components */
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ReleaseList() {
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    projectId
+  } = (0, _reactRouterDom.useParams)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [releases, setReleases] = (0, _react.useState)(null);
+  const [project, setProject] = (0, _react.useState)(null);
+  const [deleteConfirm, setDeleteConfirm] = (0, _react.useState)(null);
+  const getReleases = () => {
+    api.getReleases({
+      input: {
+        did: blocklet.meta.did,
+        projectId
+      }
+    }).then(res => {
+      const list = (res === null || res === void 0 ? void 0 : res.releases) || [];
+      setLoading(false);
+      setReleases(list);
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  const getData = () => {
+    api.doBatchQuery({
+      getProject: {
+        input: {
+          did: blocklet.meta.did,
+          projectId
+        }
+      },
+      getReleases: {
+        input: {
+          did: blocklet.meta.did,
+          projectId
+        }
+      }
+    }).then(res => {
+      setProject(res.getProject.project || {});
+      setReleases(res.getReleases.releases || []);
+      setLoading(false);
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  (0, _react.useEffect)(() => {
+    getData();
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const deleteRelease = () => {
+    setLoading(false);
+    const releaseId = deleteConfirm.id;
+    api.deleteRelease({
+      input: {
+        did: blocklet.meta.did,
+        projectId,
+        releaseId
+      }
+    }).then(() => {
+      setLoading(false);
+      getReleases();
+      _Toast.default.success(t('common.removeSuccess'));
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  const onDeleteRelease = release => {
+    setDeleteConfirm(release);
+  };
+  if (!releases && loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_emptySpinner.default, {});
+  }
+  if (!releases) {
+    return null;
+  }
+  const breadcrumbs = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Breadcrumbs.default, {
+    className: "breadcrumbs",
+    "aria-label": "breadcrumb",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+      to: "..",
+      children: t('common.publish')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      color: "text.primary",
+      children: project.blockletTitle
+    })]
+  });
+  if (!releases.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [breadcrumbs, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        pt: 10,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          sx: {
+            fontSize: 20,
+            fontWeight: 'bold',
+            mb: 3
+          },
+          children: t('blocklet.publish.releaseEmptyTip')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          sx: {
+            fontSize: 14,
+            color: 'text.secondary',
+            mb: 3
+          },
+          children: t('blocklet.publish.createReleaseTip')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+          to: "create",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            variant: "contained",
+            children: t('blocklet.publish.createRelease')
+          })
+        })]
+      })]
+    });
+  }
+  const columns = [{
+    label: t('common.version'),
+    name: 'blockletVersion',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+          to: "".concat(release.id),
+          children: release.blockletVersion || '/'
+        });
+      }
+    }
+  }, {
+    label: t('blocklet.publish.releaseNote'),
+    name: 'note',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          className: "note",
+          children: release.note || ''
+        });
+      }
+    }
+  }, {
+    label: t('common.status'),
+    name: 'status',
+    options: {
+      customBodyRender: value => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+          type: value === 'published' ? 'success' : 'warning',
+          children: (0, _upperFirst.default)(value)
+        });
+      }
+    }
+  }, {
+    label: t('common.actions'),
+    name: 'actions',
+    options: {
+      customBodyRenderLite: rawIndex => {
+        const release = releases[rawIndex];
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          display: "flex",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            color: "primary",
+            "aria-label": "download",
+            disabled: release.status !== 'published',
+            children: release.status === 'published' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(release.id, "/download/").concat((release.files || [])[0])),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+                sx: {
+                  fontSize: 18
+                }
+              })
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+              sx: {
+                fontSize: 18
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            color: "error",
+            "aria-label": "delete",
+            onClick: () => onDeleteRelease(release),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
+              sx: {
+                fontSize: 18
+              }
+            })
+          })]
+        });
+      }
+    }
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      className: "header",
+      children: [breadcrumbs, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: "create",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          variant: "contained",
+          children: t('blocklet.publish.createRelease')
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Datatable.default, {
+      className: "main-table",
+      verticalKeyWidth: 100,
+      locale: locale,
+      data: releases,
+      columns: columns,
+      options: {
+        sort: false,
+        download: false,
+        filter: false,
+        print: false,
+        search: false
+      }
+    }), deleteConfirm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: t("".concat(t('common.delete'), " ").concat(deleteConfirm.blockletVersion)),
+      description: t('blocklet.publish.deleteReleaseTip'),
+      confirm: t('common.confirm'),
+      onConfirm: deleteRelease,
+      onCancel: () => setDeleteConfirm(null)
+    })]
+  });
+}
+ReleaseList.propTypes = {};
+const Main = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .main-table > div:first-child {\n    display: none;\n  }\n  .note {\n    word-break: break-all;\n    white-space: pre-line;\n  }\n"])));

package/lib/blocklet/publish/resource.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Resource;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+/* eslint-disable no-unused-vars */
+/* eslint-disable react/no-unstable-nested-components */
+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 Resource(_ref) {
+  let {
+    app,
+    component,
+    projectId,
+    release
+  } = _ref;
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const iframeRef = (0, _react.useRef)(null);
+  const releaseId = release.id;
+  const readonly = release.status === 'published';
+  const {
+    resourceExportPage = '/'
+  } = (component === null || component === void 0 ? void 0 : component.meta.capabilities) || {};
+  const url = new URL((0, _urlJoin.default)('http://127.0.0.1', component.mountPoint, resourceExportPage).replace(/\/+/g, '/'));
+  url.searchParams.set('projectId', projectId);
+  url.searchParams.set('releaseId', releaseId);
+  url.searchParams.set('local', locale);
+  if (readonly) {
+    url.searchParams.set('readonly', '1');
+  }
+  const src = "".concat(url.pathname).concat(url.search);
+  if (component.status !== 'running') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        pt: 6,
+        children: t('blocklet.publish.componentNotRunning', {
+          name: component.meta.title
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+      ref: iframeRef,
+      title: component.meta.title,
+      src: src,
+      width: "100%",
+      height: "600px"
+    })
+  });
+}
+Resource.propTypes = {
+  component: _propTypes.default.object.isRequired,
+  app: _propTypes.default.object.isRequired,
+  projectId: _propTypes.default.string.isRequired,
+  release: _propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    status: _propTypes.default.string
+  })
+};
+Resource.defaultProps = {
+  release: {
+    id: ''
+  }
+};
+const Container = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  iframe {\n    border: none;\n  }\n"])));

package/lib/empty-spinner.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EmptySpinner;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["size"];
+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 _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 EmptySpinner(_ref) {
+  let {
+      size
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread({
+    display: "flex",
+    mt: 4
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      size: size
+    })
+  }));
+}
+EmptySpinner.propTypes = {
+  size: _propTypes.default.number
+};
+EmptySpinner.defaultProps = {
+  size: 24
+};

package/lib/locales/en.js

@@ -179,6 +179,7 @@ module.exports = {
     installSuccess: 'Successfully installed',
     installing: 'Installing',
     internalIp: 'Internal IP',
+    introduction: 'Introduction',
     invite: 'Invite',
     inviting: 'Inviting',
     ip: 'IP',
@@ -230,6 +231,7 @@ module.exports = {
     preferences: 'Preferences',
     protected: 'Protected',
     protocol: 'Protocol',
+    publish: 'Publish',
     published: 'published',
     purchase: 'Purchase',
     readMore: 'More',
@@ -239,11 +241,13 @@ module.exports = {
     redirectTemporary: 'Temporary Redirect',
     redirectUrl: 'Redirect URL',
     rewrite: 'Rewrite',
+    release: 'Release',
     rewriteUrl: 'Rewrite URL',
     reject: 'Reject',
     reload: 'Reload',
     remark: 'Remark',
     remove: 'Remove',
+    removeSuccess: 'Remove successfully',
     renew: 'Renew',
     reportIssue: 'Report an issue',
     required: 'Required',
@@ -261,6 +265,7 @@ module.exports = {
     saveSuccess: 'Saved successfully',
     scheduleFailed: 'schedule failed',
     scheduleSuccess: 'successfully scheduled',
+    screenshot: 'Screenshot',
     search: 'Search',
     security: 'Security',
     serverDid: 'Server DID',
@@ -604,6 +609,36 @@ module.exports = {
     error: {
       isRunning: 'Blocklet is running, please stop it first',
       isInProgress: 'Blocklet is in progress, please wait for it to finish'
+    },
+    publish: {
+      productTitle: 'Product',
+      versionTitle: 'Version',
+      imgTitle: 'Images',
+      resourceTitle: 'Resources',
+      blockletEmptyTip: 'There aren’t any blocklets here',
+      createBlockletTip: 'You can create new blocklet through existing resources, components, and configuration in this application',
+      createBlocklet: 'Create a new blocklet',
+      deleteBlockletTip: 'The blocklet cannot be recovered after deletion, please confirm',
+      componentNotRunning: 'Component {name} is not running, please start it first',
+      releaseEmptyTip: 'There aren’t any releases here',
+      createReleaseTip: 'You can create a release of the blocklet, along with release notes and resources, for other people to use',
+      createRelease: 'Create a new release',
+      deleteReleaseTip: 'The release cannot be recovered after deletion',
+      createBlockletDid: 'Create from DID Wallet',
+      connect: {
+        title: 'Create Blocklet DID',
+        scan: 'Scan the QR code below to generate Blocklet DID',
+        confirm: 'Confirm using DID Wallet',
+        success: 'Blocklet DID has been generated, please continue your operation'
+      },
+      saveDraft: 'Save Draft',
+      releaseNote: 'Release Note',
+      errorTip: {
+        noTitle: 'Blocklet Title is required',
+        noVersion: 'Blocklet Version is required',
+        noDescription: 'Blocklet Description is required',
+        noNote: 'Release Note is required'
+      }
     }
   },
   dashboard: {