@abtnode/ux 1.16.27-beta-725ce3a6 → 1.16.27-beta-d1555a79

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

@@ -1,62 +1,50 @@
-"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 _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
-var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
-var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-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 _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
-var _constant2 = require("@blocklet/constant");
-var _InstallDesktop = _interopRequireDefault(require("@mui/icons-material/InstallDesktop"));
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ReleaseList() {
-  var _window$env;
+import React, { useState, useEffect } from 'react';
+import { Link, useParams } from 'react-router-dom';
+import styled from '@emotion/styled';
+import joinUrl from 'url-join';
+import upperFirst from 'lodash/upperFirst';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+import DownloadIcon from '@mui/icons-material/Download';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+import Datatable from '@arcblock/ux/lib/Datatable';
+import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
+import Button from '@arcblock/ux/lib/Button';
+import Toast from '@arcblock/ux/lib/Toast';
+import Tag from '@arcblock/ux/lib/Tag';
+import RelativeTime from '@arcblock/ux/lib/RelativeTime';
+import { PROJECT } from '@blocklet/constant';
+import InstallDesktopIcon from '@mui/icons-material/InstallDesktop';
+import { useBlockletContext } from '../../contexts/blocklet';
+import { useNodeContext } from '../../contexts/node';
+import EmptySpinner from '../../empty-spinner';
+import Confirm from '../../confirm';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function ReleaseList() {
   const {
     t,
     locale
-  } = (0, _context.useLocaleContext)();
+  } = useLocaleContext();
   const {
     projectId
-  } = (0, _reactRouterDom.useParams)();
+  } = useParams();
   const {
     api
-  } = (0, _node.useNodeContext)();
-  const [loading, setLoading] = (0, _react.useState)(true);
+  } = useNodeContext();
+  const [loading, setLoading] = 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 serverEndpoint = (_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.serverEndpoint;
+  } = useBlockletContext();
+  const [releases, setReleases] = useState(null);
+  const [project, setProject] = useState(null);
+  const [deleteConfirm, setDeleteConfirm] = useState(null);
+  const serverEndpoint = window.env?.serverEndpoint;
   const getReleases = () => {
     api.getReleases({
       input: {
@@ -64,12 +52,12 @@ function ReleaseList() {
         projectId
       }
     }).then(res => {
-      const list = (res === null || res === void 0 ? void 0 : res.releases) || [];
+      const list = res?.releases || [];
       setLoading(false);
       setReleases(list);
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      Toast.error(err.message);
     });
   };
   const getData = () => {
@@ -92,10 +80,10 @@ function ReleaseList() {
       setLoading(false);
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      Toast.error(err.message);
     });
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     getData();
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
@@ -111,65 +99,65 @@ function ReleaseList() {
     }).then(() => {
       setLoading(false);
       getReleases();
-      _Toast.default.success(t('common.removeSuccess'));
+      Toast.success(t('common.removeSuccess'));
       setDeleteConfirm(null);
     }).catch(err => {
       setLoading(false);
-      _Toast.default.error(err.message);
+      Toast.error(err.message);
     });
   };
   const onDeleteRelease = release => {
     setDeleteConfirm(release);
   };
   if (!releases && loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    return /*#__PURE__*/_jsx(Box, {
       sx: {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         marginTop: '40px'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_emptySpinner.default, {})
+      children: /*#__PURE__*/_jsx(EmptySpinner, {})
     });
   }
   if (!releases) {
     return null;
   }
-  const breadcrumbs = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Breadcrumbs.default, {
+  const breadcrumbs = /*#__PURE__*/_jsxs(Breadcrumbs, {
     className: "breadcrumbs",
     "aria-label": "breadcrumb",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    children: [/*#__PURE__*/_jsx(Link, {
       to: "..",
       children: t('common.blockletStudio')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    }), /*#__PURE__*/_jsx(Typography, {
       color: "text.primary",
       children: project.blockletTitle
     })]
   });
   if (!releases.length) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [breadcrumbs, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [breadcrumbs, /*#__PURE__*/_jsxs(Box, {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
         pt: 10,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: [/*#__PURE__*/_jsx(Box, {
           sx: {
             fontSize: 20,
             fontWeight: 'bold',
             mb: 3
           },
           children: t('blocklet.publish.releaseEmptyTip')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        }), /*#__PURE__*/_jsx(Box, {
           sx: {
             fontSize: 14,
             color: 'text.secondary',
             mb: 3
           },
           children: t('blocklet.publish.createReleaseTip')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        }), /*#__PURE__*/_jsx(Link, {
           to: "create",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          children: /*#__PURE__*/_jsx(Button, {
             variant: "contained",
             children: t('blocklet.publish.createRelease')
           })
@@ -183,8 +171,8 @@ function ReleaseList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const release = releases[rawIndex];
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
-          to: "".concat(release.id),
+        return /*#__PURE__*/_jsx(Link, {
+          to: `${release.id}`,
           children: release.blockletVersion || '/'
         });
       }
@@ -195,7 +183,7 @@ function ReleaseList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const release = releases[rawIndex];
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        return /*#__PURE__*/_jsx(Typography, {
           className: "note",
           children: release.note || ''
         });
@@ -206,9 +194,9 @@ function ReleaseList() {
     name: 'status',
     options: {
       customBodyRender: value => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+        return /*#__PURE__*/_jsx(Tag, {
           type: value === 'published' ? 'success' : 'warning',
-          children: value === 'published' ? 'Released' : (0, _upperFirst.default)(value)
+          children: value === 'published' ? 'Released' : upperFirst(value)
         });
       }
     }
@@ -218,10 +206,10 @@ function ReleaseList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const release = releases[rawIndex];
-        if (release.status !== _constant2.PROJECT.RELEASE_STATUS.published) {
+        if (release.status !== PROJECT.RELEASE_STATUS.published) {
           return '';
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+        return /*#__PURE__*/_jsx(RelativeTime, {
           value: Number(release.updatedAt),
           locale: locale
         });
@@ -237,68 +225,68 @@ function ReleaseList() {
         let downloadUrl = '';
         const published = release.status === 'published';
         if (published) {
-          const blockletMetaUrl = (0, _urlJoin.default)(serverEndpoint, "/api/project/".concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/release/blocklet.json"));
+          const blockletMetaUrl = joinUrl(serverEndpoint, `/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/release/blocklet.json`);
           const url = new URL(serverEndpoint);
-          url.pathname = (0, _urlJoin.default)(url.pathname, '/launch-blocklet/agreement');
+          url.pathname = joinUrl(url.pathname, '/launch-blocklet/agreement');
           url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
           installUrl = url.href;
-          downloadUrl = (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/download/").concat((project.lastReleaseFiles || [])[0]));
+          downloadUrl = joinUrl(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           alignItems: "center",
-          children: [published && project.type === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          children: [published && project.type === 'pack' && /*#__PURE__*/_jsx(Tooltip, {
             title: t('blocklet.publish.install', {
               name: project.blockletTitle
             }),
             placement: "top",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            children: /*#__PURE__*/_jsx(IconButton, {
               color: "secondary",
               "aria-label": "create",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              children: /*#__PURE__*/_jsx("a", {
                 style: {
                   display: 'flex'
                 },
                 href: installUrl,
                 target: "_blank",
                 rel: "noreferrer",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InstallDesktop.default, {
+                children: /*#__PURE__*/_jsx(InstallDesktopIcon, {
                   sx: {
                     fontSize: 18
                   }
                 })
               })
             })
-          }), published && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          }), published && /*#__PURE__*/_jsx(Tooltip, {
             title: t('blocklet.publish.download', {
               name: project.blockletTitle
             }),
             placement: "top",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            children: /*#__PURE__*/_jsx(IconButton, {
               color: "primary",
               "aria-label": "download",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              children: /*#__PURE__*/_jsx("a", {
                 style: {
                   display: 'flex'
                 },
                 href: downloadUrl,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+                children: /*#__PURE__*/_jsx(DownloadIcon, {
                   sx: {
                     fontSize: 18
                   }
                 })
               })
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+          }), /*#__PURE__*/_jsx(Tooltip, {
             title: t('blocklet.publish.delete', {
               name: project.blockletTitle
             }),
             placement: "top",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            children: /*#__PURE__*/_jsx(IconButton, {
               color: "primary",
               "aria-label": "delete",
               onClick: () => onDeleteRelease(release),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
+              children: /*#__PURE__*/_jsx(DeleteIcon, {
                 sx: {
                   fontSize: 18
                 }
@@ -309,14 +297,14 @@ function ReleaseList() {
       }
     }
   }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  return /*#__PURE__*/_jsxs(Main, {
+    children: [/*#__PURE__*/_jsxs(Box, {
       className: "header",
-      children: [breadcrumbs, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+      children: [breadcrumbs, /*#__PURE__*/_jsx(Link, {
         to: "create",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        children: /*#__PURE__*/_jsxs(Button, {
           variant: "contained",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+          children: [/*#__PURE__*/_jsx(AddIcon, {
             style: {
               fontSize: '1.3em',
               marginRight: 4
@@ -324,7 +312,7 @@ function ReleaseList() {
           }), t('blocklet.publish.createRelease')]
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Datatable.default, {
+    }), /*#__PURE__*/_jsx(Datatable, {
       className: "main-table",
       verticalKeyWidth: 100,
       locale: locale,
@@ -337,8 +325,8 @@ function ReleaseList() {
         print: false,
         search: false
       }
-    }), deleteConfirm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
-      title: t("".concat(t('common.delete'), " ").concat(deleteConfirm.blockletVersion)),
+    }), deleteConfirm && /*#__PURE__*/_jsx(Confirm, {
+      title: t(`${t('common.delete')} ${deleteConfirm.blockletVersion}`),
       description: t('blocklet.publish.deleteReleaseTip'),
       confirm: t('common.confirm'),
       onConfirm: deleteRelease,
@@ -347,4 +335,17 @@ function ReleaseList() {
   });
 }
 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"])));
+const Main = styled(Box)`
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .main-table > div:first-child {
+    display: none;
+  }
+  .note {
+    word-break: break-all;
+    white-space: pre-line;
+  }
+`;