@blocklet/launcher-layout 2.13.69 → 3.0.0

package/lib/wizard/wizard-desc.js

@@ -1,254 +1,163 @@
-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, 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 InfoList from '../info-list';
-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 = {
+import { jsxs as n, jsx as r, Fragment as b } from "react/jsx-runtime";
+import { createElement as B } from "react";
+import y from "prop-types";
+import { getDisplayName as g } from "@blocklet/meta/lib/util";
+import z from "@arcblock/ux/lib/DID";
+import o from "lodash/get";
+import D from "@emotion/styled";
+import j from "@uiw/react-markdown-preview";
+import { Typography as q, Box as N } from "@mui/material";
+import R from "rehype-react";
+import x from "url-join";
+import { useRequest as S, useCreation as C } from "ahooks";
+import I from "../markdown-body.js";
+import T from "../info-list.js";
+const A = (l) => l.payment ? (l.payment.price || []).map((m) => m.value || 0).every((m) => m === 0) : !0, E = new R({ createElement: B }).Compiler, i = {
   zh: {
     appinfo: {
-      name: '应用名',
-      version: '版本号',
-      author: '开发者',
-      description: '描述',
-      community: '社区地址',
-      documentation: '文档手册',
-      support: '服务支持',
-      overview: '概述',
-      requirements: '节点版本要求'
+      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'
+      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 '';
+function L({ blockletMeta: l, locale: t, handleDescEle: m = "" }) {
+  const { data: e } = l, { registryUrl: d, did: f } = e, u = g({
+    meta: e
+  }), p = S(
+    () => d && f ? fetch(x(d, "/api/blocklets", f, "readme")).then((a) => a.json()) : null,
+    {
+      refreshDeps: [d, f]
     }
-    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, {
+  ), k = C(() => p.data ? p.data[t] || p.data.en || p.data[Object.keys(p.data)[0]] : "", [p]), h = e && e.htmlAst ? E(e.htmlAst) : "", w = A(e);
+  let c = o(e, "owner.fullName");
+  if (c) {
+    const a = o(e, "owner.did");
+    a && (c = /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      c,
+      /* @__PURE__ */ r(
+        z,
+        {
           sx: {
-            lineHeight: 'initial',
-            '&::before': {
+            lineHeight: "initial",
+            "&::before": {
               content: '"("'
             },
-            '&::after': {
+            "&::after": {
               content: '")"'
             }
           },
-          did: ownerDid,
-          compact: true,
+          did: a,
+          compact: !0,
           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
+          locale: t
+        }
+      )
+    ] }));
+  } else
+    c = o(e, "author.name");
+  const s = [
+    {
+      key: o(i[t], "appinfo.name"),
+      value: g({
+        meta: e
       })
-    });
-  }
-  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(InfoList, {
-      infoList: infos
-    }), 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,
-            wrapperElement: {
-              'data-color-mode': 'light'
-            }
-            // 先保留后面两个参数，可用于精细判断
-            // 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]
+    },
+    {
+      key: o(i[t], "appinfo.version"),
+      value: e.version
+    },
+    {
+      key: o(i[t], "appinfo.author"),
+      value: c
+    },
+    {
+      type: "description",
+      key: o(i[t], "appinfo.description"),
+      value: e.description
+    }
+  ];
+  e.requirements && s.push({
+    key: o(i[t], "appinfo.requirements"),
+    value: e.requirements.server
+  }), e.community && s.push({
+    key: o(i[t], "appinfo.community"),
+    value: /* @__PURE__ */ r("a", { href: e.community, target: "_blank", rel: "noreferrer", children: e.community })
+  }), e.documentation && s.push({
+    key: o(i[t], "appinfo.documentation"),
+    value: /* @__PURE__ */ r("a", { href: e.documentation, target: "_blank", rel: "noreferrer", children: e.documentation })
+  }), e.support && s.push({
+    key: o(i[t], "appinfo.support"),
+    value: /* @__PURE__ */ r("a", { href: `mailto:${e.support}`, target: "_blank", rel: "noreferrer", children: e.support })
+  }), h && s.push({
+    key: o(i[t], "appinfo.overview"),
+    value: ""
   });
+  let v;
+  return t === "zh" ? v = /* @__PURE__ */ n(b, { children: [
+    w ? /* @__PURE__ */ n("p", { children: [
+      "您可以免费使用 ",
+      /* @__PURE__ */ r("b", { children: u }),
+      "；"
+    ] }) : /* @__PURE__ */ n("p", { children: [
+      "您需要购买才能使用 ",
+      /* @__PURE__ */ r("b", { children: u }),
+      "；"
+    ] }),
+    /* @__PURE__ */ r("p", { children: "在应用启动前，需要选择您的节点；" }),
+    /* @__PURE__ */ r("p", { children: "如果您没有节点，我们会引导您创建新的节点；" }),
+    /* @__PURE__ */ r("p", { children: "下面为该应用的信息：" })
+  ] }) : v = /* @__PURE__ */ n(b, { children: [
+    w ? /* @__PURE__ */ n("p", { children: [
+      "You can use ",
+      /* @__PURE__ */ r("b", { children: u }),
+      " for free;"
+    ] }) : /* @__PURE__ */ n("p", { children: [
+      "You need to purchase before launch ",
+      /* @__PURE__ */ r("b", { children: u }),
+      ";"
+    ] }),
+    /* @__PURE__ */ r("p", { children: "Before the blocklet starts, you need to select your Blocklet Server; " }),
+    /* @__PURE__ */ r("p", { children: "If you do not have any Blocklet Server, we will guide you to create a new one; " }),
+    /* @__PURE__ */ r("p", { children: "Below is the information for the blocklet: " })
+  ] }), /* @__PURE__ */ n(M, { children: [
+    m || v,
+    /* @__PURE__ */ r(T, { infoList: s }),
+    k ? /* @__PURE__ */ n("div", { className: "app-overview", children: [
+      /* @__PURE__ */ r(q, { variant: "h5", gutterBottom: !0, children: o(i[t], "appinfo.overview") }),
+      /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(F, { component: "div", className: "content-wrapper post-content", children: /* @__PURE__ */ r(
+        j,
+        {
+          source: k,
+          wrapperElement: {
+            "data-color-mode": "light"
+          },
+          urlTransform: (a, P, _) => a.startsWith("/") ? x(d, a) : a
+        }
+      ) }) })
+    ] }) : h ? /* @__PURE__ */ r("div", { className: "app-overview", children: h }) : null
+  ] });
 }
-const PostContent = styled(Typography)`
+const F = D(q)`
   width: 100%;
   word-wrap: break-word;
   word-break: break-word;
@@ -266,8 +175,7 @@ const PostContent = styled(Typography)`
   iframe {
     width: 100% !important;
   }
-`;
-const Container = styled.div`
+`, M = D.div`
   .info-table {
     a {
       word-break: break-all;
@@ -298,12 +206,11 @@ const Container = styled.div`
     }
   }
 `;
-WizardDesc.propTypes = {
-  blockletMeta: PropTypes.object.isRequired,
-  locale: PropTypes.string.isRequired,
-  handleDescEle: PropTypes.node
+L.propTypes = {
+  blockletMeta: y.object.isRequired,
+  locale: y.string.isRequired,
+  handleDescEle: y.node
 };
-WizardDesc.defaultProps = {
-  handleDescEle: ''
+export {
+  L as default
 };
-export default WizardDesc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "2.13.69",
+  "version": "3.0.0",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,6 @@
   "license": "ISC",
   "main": "lib/index.js",
   "files": [
-    "es",
     "lib",
     "LICENSE",
     "package.json",
@@ -26,9 +25,9 @@
   "scripts": {
     "lint": "eslint src",
     "lint:fix": "npm run lint -- --fix",
-    "build": "babel src --out-dir lib --copy-files --no-copy-ignored",
+    "build": "vite build",
     "autoexports": "node tools/auto-exports.js",
-    "watch": "babel src --out-dir lib -w --copy-files",
+    "watch": "vite build --watch",
     "precommit": "CI=1 npm run lint",
     "prepush": "CI=1 npm run lint",
     "prepublish": "npm run build"
@@ -37,33 +36,24 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "peerDependencies": {
-    "@arcblock/did-connect": "^2.11.42",
-    "@arcblock/ux": "^2.11.42",
-    "@mui/icons-material": "^5.15.15",
-    "@mui/material": "^5.15.15",
-    "react": "^18.2.0"
+    "@arcblock/did-connect": "workspace:*",
+    "@arcblock/ux": "workspace:*",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": "^7.1.2",
+    "react": "^19.0.0"
   },
   "dependencies": {
-    "@arcblock/icons": "^2.13.69",
+    "@arcblock/icons": "3.0.0",
     "@blocklet/meta": "^1.16.44",
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "@uiw/react-markdown-preview": "^5.1.2",
-    "ahooks": "^3.8.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@uiw/react-markdown-preview": "^5.1.4",
+    "ahooks": "^3.8.5",
     "is-empty": "^1.2.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "rehype-react": "^7.2.0",
     "url-join": "^4.0.1"
   },
-  "devDependencies": {
-    "@babel/cli": "^7.24.8",
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.3",
-    "@babel/preset-react": "^7.24.7",
-    "@storybook/react": "^6.5.16",
-    "babel-plugin-inline-react-svg": "^2.0.2",
-    "glob": "^10.4.5"
-  },
-  "gitHead": "d8a03a6d869bf5f7be34b448463a07c435b21cea"
+  "gitHead": "b001c32ca85d40d8a0784ca581bfd54d90550b24"
 }

package/lib/LaunchResultMessage/demo/default.js

@@ -1,82 +0,0 @@
-import { Grid } from '@mui/material';
-import Button from '@arcblock/ux/lib/Button';
-import LaunchResultMessage from '../../launch-result-message';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Demo() {
-  return /*#__PURE__*/_jsxs(Grid, {
-    container: true,
-    spacing: 12,
-    mt: 2,
-    children: [/*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      children: /*#__PURE__*/_jsx(LaunchResultMessage, {
-        variant: "success",
-        title: "Success Title",
-        subTitle: "This is a success message.",
-        footer: /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "contained",
-            children: "Success Action"
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      children: /*#__PURE__*/_jsx(LaunchResultMessage, {
-        variant: "error",
-        title: "Error Title",
-        subTitle: "This is an error message.",
-        footer: /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "contained",
-            children: "Error Action"
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      children: /*#__PURE__*/_jsx(LaunchResultMessage, {
-        variant: "info",
-        title: "Info Title",
-        subTitle: "This is an info message.",
-        footer: /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "contained",
-            children: "Info Action"
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      children: /*#__PURE__*/_jsx(LaunchResultMessage, {
-        variant: "loading",
-        title: "Loading Title",
-        subTitle: "This is a loading message.",
-        footer: /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Button, {
-            color: "primary",
-            variant: "contained",
-            disabled: true,
-            children: "Loading Action"
-          })
-        })
-      })
-    })]
-  });
-}
-Demo.propTypes = {};

package/lib/LaunchResultMessage/result-message.stories.js

@@ -1,27 +0,0 @@
-import { Container } from '@mui/material';
-import { ThemeProvider } from '@arcblock/ux/lib/Theme';
-import { ThemeModeToggle } from '@arcblock/ux/lib/Config';
-import Default from './demo/default';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Blocklet-Launcher/ResultMessage',
-  parameters: {
-    layout: 'fullscreen',
-    readme: {
-      sidebar: '<!-- PROPS -->'
-    }
-  },
-  decorators: [Story => /*#__PURE__*/_jsxs(ThemeProvider, {
-    prefer: "system",
-    children: [/*#__PURE__*/_jsx(Container, {
-      sx: {
-        textAlign: 'right',
-        py: 1
-      },
-      children: /*#__PURE__*/_jsx(ThemeModeToggle, {})
-    }), /*#__PURE__*/_jsx(Story, {})]
-  })]
-};
-Default.argTypes = {};
-Default.storyName = 'ResultMessage';
-export { Default };