@blocklet/launcher-layout 2.1.108 → 2.2.1

package/es/wizard/wizard-desc.js

@@ -0,0 +1,240 @@
+import { createElement } from 'react';
+import PropTypes from 'prop-types';
+import { getDisplayName } from '@blocklet/meta/lib/util';
+import get from 'lodash/get';
+import styled from '@emotion/styled';
+import RehypeReact from 'rehype-react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableRow from '@mui/material/TableRow';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { 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;
+  const name = getDisplayName({
+    meta: data
+  });
+  const blockletDesc = data && data.htmlAst ? renderAst(data.htmlAst) : '';
+  const isFree = isFreeBlocklet(data);
+  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: get(data, 'author.name')
+  }, {
+    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);
+            })
+          })
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "app-overview",
+      children: blockletDesc
+    })]
+  });
+}
+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;

package/lib/header.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Img = _interopRequireDefault(require("@arcblock/ux/lib/Img"));
-var _launcherUtil = require("@blocklet/launcher-util");
+var _util = require("@blocklet/launcher-util/es/util");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
@@ -149,7 +149,7 @@ function AppTitle(_ref4) {
     blockletSize,
     loading
   } = _ref4;
-  const name = (0, _launcherUtil.getBlockletDisplayName)(blockletMeta);
+  const name = (0, _util.getBlockletDisplayName)(blockletMeta);
   if (loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
       variant: "rectangular",
@@ -180,7 +180,7 @@ function AppTitle(_ref4) {
         logoUrl: logoUrl
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "ellipsis-title",
-        children: (0, _launcherUtil.getBlockletDisplayName)(blockletMeta)
+        children: (0, _util.getBlockletDisplayName)(blockletMeta)
       })]
     });
   }

package/lib/index.js

@@ -25,8 +25,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["blockletMeta", "loading", "children", "logoUrl", "locale", "header", "headerEndAddons", "pcWidth", "pcHeight", "navLogo", "useOfSkeleton", "stepTip", "navSubTitle", "contentMaxWidth", "theme"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }

package/lib/launch-result-message.js

@@ -15,8 +15,8 @@ var _templateObject;
 const _excluded = ["variant", "title", "subTitle", "footer"];
 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 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }

package/lib/locale.js

@@ -1,5 +1,9 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTranslations = exports.getLaunchingText = void 0;
 const translations = {
   en: {
     optional: 'Optional',
@@ -11,8 +15,6 @@ const translations = {
   }
 };
 const getTranslations = locale => translations[locale] ? translations[locale] : translations.en;
+exports.getTranslations = getTranslations;
 const getLaunchingText = locale => locale === 'zh' ? '启动' : 'Launching';
-module.exports = {
-  getTranslations,
-  getLaunchingText
-};
+exports.getLaunchingText = getLaunchingText;

package/lib/page-header.js

@@ -12,8 +12,8 @@ var _templateObject;
 const _excluded = ["title", "subTitle", "onClickBack"];
 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 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "2.1.108",
+  "version": "2.2.1",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -13,6 +13,7 @@
   "license": "ISC",
   "main": "lib/index.js",
   "files": [
+    "es",
     "lib",
     "LICENSE",
     "package.json",
@@ -25,8 +26,13 @@
   "scripts": {
     "lint": "eslint src",
     "lint:fix": "npm run lint -- --fix",
-    "build": "rm -rf lib && babel src --out-dir lib --copy-files",
-    "watch": "babel src --out-dir lib -w --copy-files",
+    "build": "npm run build:lib && npm run build:es && npm run autoexports",
+    "build:lib": "babel src --out-dir lib --copy-files --no-copy-ignored",
+    "build:es": "babel --config-file ./babel.config.es.js src --out-dir es --copy-files --no-copy-ignored",
+    "autoexports": "node tools/auto-exports.js",
+    "watch": "npm run watch:lib && npm run watch:es && npm run autoexports",
+    "watch:lib": "babel src --out-dir lib -w --copy-files",
+    "watch:es": "babel --config-file ./babel.config.es.js src --out-dir lib -w --copy-files",
     "prepublish": "npm run build"
   },
   "bugs": {
@@ -39,8 +45,8 @@
     "@arcblock/did-connect": "^2.7.12",
     "@arcblock/icons": "^2.7.12",
     "@arcblock/ux": "^2.7.12",
-    "@blocklet/launcher-util": "2.1.108",
-    "@blocklet/launcher-ux": "2.1.108",
+    "@blocklet/launcher-util": "2.2.1",
+    "@blocklet/launcher-ux": "2.2.1",
     "@blocklet/meta": "^1.16.15",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
@@ -58,7 +64,18 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.22.5",
     "@storybook/react": "^6.5.16",
-    "babel-plugin-inline-react-svg": "^2.0.2"
+    "babel-plugin-inline-react-svg": "^2.0.2",
+    "glob": "^10.3.3"
   },
-  "gitHead": "a2a519e3d28fed2860a83c2d108133d29f63ee53"
+  "exports": {
+    ".": {
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    },
+    "./lib/": {
+      "import": "./es/",
+      "require": "./lib/"
+    }
+  },
+  "gitHead": "e32f5ee5a9163b6051e65140afd39d7eb6eb8a9b"
 }