@blocklet/launcher-layout 2.3.20 → 2.3.22

package/es/wizard/wizard-desc.js

@@ -1,332 +0,0 @@
-import { createElement } from 'react';
-import PropTypes from 'prop-types';
-import { getDisplayName } from '@blocklet/meta/lib/util';
-import DID from '@arcblock/ux/lib/DID';
-import get from 'lodash/get';
-import styled from '@emotion/styled';
-import MarkdownPreview from '@uiw/react-markdown-preview';
-import { Box, Table, TableBody, TableCell, TableContainer, TableRow, Typography } from '@mui/material';
-import RehypeReact from 'rehype-react';
-import joinURL from 'url-join';
-import { useCreation, useRequest } from 'ahooks';
-import MarkdownBody from '../markdown-body';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const isFreeBlocklet = meta => {
-  if (!meta.payment) {
-    return true;
-  }
-  const priceList = (meta.payment.price || []).map(x => x.value || 0);
-  return priceList.every(x => x === 0);
-};
-const renderAst = new RehypeReact({
-  createElement
-}).Compiler;
-const localeData = {
-  zh: {
-    appinfo: {
-      name: '应用名',
-      version: '版本号',
-      author: '开发者',
-      description: '描述',
-      community: '社区地址',
-      documentation: '文档手册',
-      support: '服务支持',
-      overview: '概述',
-      requirements: '节点版本要求'
-    }
-  },
-  en: {
-    appinfo: {
-      name: 'Name',
-      version: 'Version',
-      author: 'Author',
-      description: 'Description',
-      community: 'Community',
-      documentation: 'Documentation',
-      support: 'Support',
-      overview: 'Overview',
-      requirements: 'Server requirements'
-    }
-  }
-};
-function WizardDesc({
-  blockletMeta,
-  locale,
-  handleDescEle
-}) {
-  const {
-    data
-  } = blockletMeta;
-
-  // FIXME: @zhanghan 暂且假定这里是有 registryUrl 的值的，后续需要更好的方式来判断一个 blocklet 来源于哪个 registryUrl
-  const {
-    registryUrl,
-    did
-  } = data;
-  const name = getDisplayName({
-    meta: data
-  });
-  const readmeState = useRequest(() => {
-    if (registryUrl && did) {
-      return fetch(joinURL(registryUrl, '/api/blocklets', did, 'readme')).then(res => res.json());
-    }
-    return null;
-  }, {
-    refreshDeps: [registryUrl, did]
-  });
-  const markdownSource = useCreation(() => {
-    if (!readmeState.data) {
-      return '';
-    }
-    return readmeState.data[locale] || readmeState.data.en || readmeState.data[Object.keys(readmeState.data)[0]];
-  }, [readmeState]);
-  const blockletDesc = data && data.htmlAst ? renderAst(data.htmlAst) : '';
-  const isFree = isFreeBlocklet(data);
-  let authorInfo = get(data, 'owner.fullName');
-  if (authorInfo) {
-    const ownerDid = get(data, 'owner.did');
-    if (ownerDid) {
-      authorInfo = /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: 1
-        },
-        children: [authorInfo, /*#__PURE__*/_jsx(DID, {
-          sx: {
-            lineHeight: 'initial',
-            '&::before': {
-              content: '"("'
-            },
-            '&::after': {
-              content: '")"'
-            }
-          },
-          did: ownerDid,
-          compact: true,
-          size: 14,
-          locale: locale
-        })]
-      });
-    }
-  } else {
-    authorInfo = get(data, 'author.name');
-  }
-  const infos = [{
-    key: get(localeData[locale], 'appinfo.name'),
-    value: getDisplayName({
-      meta: data
-    })
-  }, {
-    key: get(localeData[locale], 'appinfo.version'),
-    value: data.version
-  }, {
-    key: get(localeData[locale], 'appinfo.author'),
-    value: authorInfo
-  }, {
-    type: 'description',
-    key: get(localeData[locale], 'appinfo.description'),
-    value: data.description
-  }];
-  if (data.requirements) {
-    infos.push({
-      key: get(localeData[locale], 'appinfo.requirements'),
-      value: data.requirements.server
-    });
-  }
-  if (data.community) {
-    infos.push({
-      key: get(localeData[locale], 'appinfo.community'),
-      value: /*#__PURE__*/_jsx("a", {
-        href: data.community,
-        target: "_blank",
-        rel: "noreferrer",
-        children: data.community
-      })
-    });
-  }
-  if (data.documentation) {
-    infos.push({
-      key: get(localeData[locale], 'appinfo.documentation'),
-      value: /*#__PURE__*/_jsx("a", {
-        href: data.documentation,
-        target: "_blank",
-        rel: "noreferrer",
-        children: data.documentation
-      })
-    });
-  }
-  if (data.support) {
-    infos.push({
-      key: get(localeData[locale], 'appinfo.support'),
-      value: /*#__PURE__*/_jsx("a", {
-        href: `mailto:${data.support}`,
-        target: "_blank",
-        rel: "noreferrer",
-        children: data.support
-      })
-    });
-  }
-  if (blockletDesc) {
-    infos.push({
-      key: get(localeData[locale], 'appinfo.overview'),
-      value: ''
-    });
-  }
-  let descEle;
-  if (locale === 'zh') {
-    descEle = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [isFree ? /*#__PURE__*/_jsxs("p", {
-        children: ["\u60A8\u53EF\u4EE5\u514D\u8D39\u4F7F\u7528 ", /*#__PURE__*/_jsx("b", {
-          children: name
-        }), "\uFF1B"]
-      }) : /*#__PURE__*/_jsxs("p", {
-        children: ["\u60A8\u9700\u8981\u8D2D\u4E70\u624D\u80FD\u4F7F\u7528 ", /*#__PURE__*/_jsx("b", {
-          children: name
-        }), "\uFF1B"]
-      }), /*#__PURE__*/_jsx("p", {
-        children: "\u5728\u5E94\u7528\u542F\u52A8\u524D\uFF0C\u9700\u8981\u9009\u62E9\u60A8\u7684\u8282\u70B9\uFF1B"
-      }), /*#__PURE__*/_jsx("p", {
-        children: "\u5982\u679C\u60A8\u6CA1\u6709\u8282\u70B9\uFF0C\u6211\u4EEC\u4F1A\u5F15\u5BFC\u60A8\u521B\u5EFA\u65B0\u7684\u8282\u70B9\uFF1B"
-      }), /*#__PURE__*/_jsx("p", {
-        children: "\u4E0B\u9762\u4E3A\u8BE5\u5E94\u7528\u7684\u4FE1\u606F\uFF1A"
-      })]
-    });
-  } else {
-    descEle = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [isFree ? /*#__PURE__*/_jsxs("p", {
-        children: ["You can use ", /*#__PURE__*/_jsx("b", {
-          children: name
-        }), " for free;"]
-      }) : /*#__PURE__*/_jsxs("p", {
-        children: ["You need to purchase before launch ", /*#__PURE__*/_jsx("b", {
-          children: name
-        }), ";"]
-      }), /*#__PURE__*/_jsx("p", {
-        children: "Before the blocklet starts, you need to select your Blocklet Server; "
-      }), /*#__PURE__*/_jsx("p", {
-        children: "If you do not have any Blocklet Server, we will guide you to create a new one; "
-      }), /*#__PURE__*/_jsx("p", {
-        children: "Below is the information for the blocklet: "
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(Container, {
-    children: [handleDescEle || descEle, /*#__PURE__*/_jsx("div", {
-      className: "info-table",
-      children: /*#__PURE__*/_jsx(TableContainer, {
-        children: /*#__PURE__*/_jsx(Table, {
-          size: "small",
-          children: /*#__PURE__*/_jsx(TableBody, {
-            children: infos.map(e => {
-              return /*#__PURE__*/_jsxs(TableRow, {
-                children: [/*#__PURE__*/_jsx(TableCell, {
-                  component: "th",
-                  scope: "row",
-                  style: {
-                    width: 100
-                  },
-                  children: /*#__PURE__*/_jsx("div", {
-                    style: {
-                      fontWeight: 'bold',
-                      whiteSpace: 'nowrap'
-                    },
-                    children: e.key
-                  })
-                }), /*#__PURE__*/_jsx(TableCell, {
-                  children: e.value
-                })]
-              }, e.key);
-            })
-          })
-        })
-      })
-    }), markdownSource ? /*#__PURE__*/_jsxs("div", {
-      className: "app-overview",
-      children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "h5",
-        gutterBottom: true,
-        children: get(localeData[locale], 'appinfo.overview')
-      }), /*#__PURE__*/_jsx(MarkdownBody, {
-        children: /*#__PURE__*/_jsx(PostContent, {
-          component: "div",
-          className: "content-wrapper post-content",
-          children: /*#__PURE__*/_jsx(MarkdownPreview, {
-            source: markdownSource
-            // 先保留后面两个参数，可用于精细判断
-            // eslint-disable-next-line no-unused-vars
-            ,
-            urlTransform: (url, key, node) => {
-              if (url.startsWith('/')) {
-                return joinURL(registryUrl, url);
-              }
-              return url;
-            }
-          })
-        })
-      })]
-    }) : blockletDesc ? /*#__PURE__*/_jsx("div", {
-      className: "app-overview",
-      children: blockletDesc
-    }) : null]
-  });
-}
-const PostContent = styled(Typography)`
-  width: 100%;
-  word-wrap: break-word;
-  word-break: break-word;
-  line-height: 1.5em;
-  min-height: 10vh;
-  margin-bottom: 40px !important;
-
-  .alert-content {
-    max-width: 100%;
-    p:last-of-type {
-      margin-bottom: 0;
-    }
-  }
-
-  iframe {
-    width: 100% !important;
-  }
-`;
-const Container = styled.div`
-  .info-table {
-    a {
-      word-break: break-all;
-    }
-  }
-  .app-overview {
-    font-size: 16px;
-    margin: 16px 0 0 16px;
-    h1 {
-      margin: 8px 0;
-      font-size: 20px;
-    }
-    h2 {
-      margin: 8px 0;
-      font-size: 18px;
-    }
-    ul {
-      display: block;
-      list-style-type: disc;
-      padding-left: 2em;
-      li {
-        display: list-item;
-        list-style: disc;
-      }
-    }
-    blockquote {
-      margin-left: 2em;
-    }
-  }
-`;
-WizardDesc.propTypes = {
-  blockletMeta: PropTypes.object.isRequired,
-  locale: PropTypes.string.isRequired,
-  handleDescEle: PropTypes.node
-};
-WizardDesc.defaultProps = {
-  handleDescEle: ''
-};
-export default WizardDesc;