@blocklet/launcher-workflow 1.5.18

package/lib/contexts/request.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RequestProvider = RequestProvider;
+exports.default = useRequest;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _urlJoin = _interopRequireDefault(require("url-join"));
+
+var _session = require("./session");
+
+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 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_axios.default.defaults.timeout = 200000;
+const RequestContext = /*#__PURE__*/(0, _react.createContext)();
+const {
+  Provider
+} = RequestContext;
+
+function RequestProvider(_ref) {
+  let {
+    baseURL,
+    children
+  } = _ref;
+  const {
+    session
+  } = (0, _session.useSessionContext)();
+
+  const privateRequest = _axios.default.create({
+    baseURL
+  });
+
+  privateRequest.interceptors.request.use(config => {
+    config.url = (0, _urlJoin.default)('/api', config.url);
+    return config;
+  });
+  privateRequest.interceptors.response.use(response => response, err => {
+    if ((0, _lodash.default)(err, 'response.status') === 401) {
+      session.login();
+    }
+
+    return Promise.reject(err);
+  });
+  return /*#__PURE__*/_react.default.createElement(Provider, {
+    value: {
+      api: privateRequest,
+      create: configs => _axios.default.create(_objectSpread({
+        baseURL
+      }, configs || {}))
+    }
+  }, children);
+}
+
+RequestProvider.propTypes = {
+  baseURL: _propTypes.default.string,
+  children: _propTypes.default.any.isRequired
+};
+RequestProvider.defaultProps = {
+  baseURL: ''
+};
+
+function useRequest() {
+  const value = (0, _react.useContext)(RequestContext);
+  return value;
+}

package/lib/contexts/router.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RouterProvider = RouterProvider;
+exports.default = attachPrefix;
+exports.usePrefix = usePrefix;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _urlJoin = _interopRequireDefault(require("url-join"));
+
+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; }
+
+const RequestContext = /*#__PURE__*/(0, _react.createContext)();
+const {
+  Provider
+} = RequestContext;
+
+function RouterProvider(_ref) {
+  let {
+    prefix,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Provider, {
+    value: {
+      prefix
+    }
+  }, children);
+}
+
+RouterProvider.propTypes = {
+  prefix: _propTypes.default.string.isRequired,
+  children: _propTypes.default.any.isRequired
+};
+
+function usePrefix() {
+  const {
+    prefix
+  } = (0, _react.useContext)(RequestContext);
+  return prefix;
+}
+
+function attachPrefix(prefix, url) {
+  return (0, _urlJoin.default)(prefix, url);
+}

package/lib/contexts/session.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionProvider = exports.SessionContext = exports.SessionConsumer = void 0;
+exports.useSessionContext = useSessionContext;
+exports.withSession = void 0;
+
+var _react = require("react");
+
+var _Session = require("@arcblock/did-connect/lib/Session");
+
+const {
+  SessionProvider,
+  SessionContext,
+  SessionConsumer,
+  withSession
+} = (0, _Session.createAuthServiceSessionContext)();
+exports.withSession = withSession;
+exports.SessionConsumer = SessionConsumer;
+exports.SessionContext = SessionContext;
+exports.SessionProvider = SessionProvider;
+
+function useSessionContext() {
+  const info = (0, _react.useContext)(SessionContext);
+  return info;
+}

package/lib/hooks/query.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useQuery;
+
+var _reactRouterDom = require("react-router-dom");
+
+function useQuery() {
+  return new URLSearchParams((0, _reactRouterDom.useLocation)().search);
+}

package/lib/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Launcher;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _content = _interopRequireDefault(require("@blocklet/launcher-layout/lib/content"));
+
+var _purchase = _interopRequireDefault(require("./purchase"));
+
+var _launch = _interopRequireDefault(require("./launch"));
+
+var _prepare = _interopRequireDefault(require("./prepare"));
+
+var _router = _interopRequireWildcard(require("./contexts/router"));
+
+var _locales = require("./locales");
+
+var _request = require("./contexts/request");
+
+var _locale = require("./contexts/locale");
+
+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; }
+
+// eslint-disable-next-line react/prop-types
+function LaunchContent(_ref) {
+  let {
+    Route,
+    routerPrefix,
+    locale
+  } = _ref;
+  const {
+    changeLocale
+  } = (0, _locale.useLocaleContext)();
+  (0, _react.useEffect)(() => {
+    changeLocale(locale);
+  }, [locale]);
+  return /*#__PURE__*/_react.default.createElement(_content.default, null, /*#__PURE__*/_react.default.createElement(_router.RouterProvider, {
+    prefix: routerPrefix
+  }, /*#__PURE__*/_react.default.createElement(Route, {
+    exact: true,
+    path: "".concat(routerPrefix),
+    component: _purchase.default
+  }), /*#__PURE__*/_react.default.createElement(Route, {
+    exact: true,
+    path: (0, _router.default)(routerPrefix, '/prepare/:nftId'),
+    component: _prepare.default
+  }), /*#__PURE__*/_react.default.createElement(Route, {
+    exact: true,
+    path: (0, _router.default)(routerPrefix, '/in-progress/:nftId'),
+    component: _launch.default
+  })));
+}
+
+function Launcher(_ref2) {
+  let {
+    Route,
+    routerPrefix,
+    locale,
+    baseURL
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_request.RequestProvider, {
+    baseURL: baseURL
+  }, /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
+    translations: _locales.translations,
+    locale: locale
+  }, /*#__PURE__*/_react.default.createElement(LaunchContent, {
+    Route: Route,
+    routerPrefix: routerPrefix,
+    locale: locale
+  })));
+}
+
+Launcher.propTypes = {
+  Route: _propTypes.default.any.isRequired,
+  routerPrefix: _propTypes.default.string,
+  locale: _propTypes.default.string,
+  baseURL: _propTypes.default.string
+};
+Launcher.defaultProps = {
+  routerPrefix: '/',
+  locale: 'en',
+  baseURL: '/'
+};

package/lib/launch.js

@@ -0,0 +1,251 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LaunchPage;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _reactUse = require("react-use");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+
+var _utils = require("@arcblock/did-connect/lib/utils");
+
+var _util = require("./util");
+
+var _query = _interopRequireDefault(require("./hooks/query"));
+
+var _request = _interopRequireDefault(require("./contexts/request"));
+
+var _locale = require("./contexts/locale");
+
+var _constant = require("./constant");
+
+var _pageHeader = _interopRequireDefault(require("./components/page-header"));
+
+var _launchResultMessage = _interopRequireDefault(require("./components/launch-result-message"));
+
+var _router = _interopRequireWildcard(require("./contexts/router"));
+
+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 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const STATUS = {
+  waiting: 0,
+  // 未使用
+  launching: 1,
+  // 初始状态
+  success: 2,
+  error: 10,
+  notFoundError: 11,
+  launchFailedError: 12
+};
+
+function LaunchPage() {
+  const query = (0, _query.default)();
+  const blockletMetaUrl = query.get('blocklet_meta_url');
+  const {
+    t,
+    locale
+  } = (0, _react.useContext)(_locale.LocaleContext);
+  const [launchState, setLaunchState] = (0, _react.useState)({
+    appUrl: '',
+    status: STATUS.waiting
+  });
+  const [retryLaunch] = (0, _react.useState)(false);
+  const {
+    nftId
+  } = (0, _reactRouterDom.useParams)();
+  const {
+    api,
+    create: createRequest
+  } = (0, _request.default)();
+  const [frameLoading, setFrameLoading] = (0, _react.useState)(true);
+  const routerPrefix = (0, _router.usePrefix)();
+  (0, _reactUse.useInterval)(async () => {
+    await getInstanceStatus();
+  }, launchState.status === STATUS.launching && nftId ? 5000 : null); // TODO: 这样处理容易发出重复的请求
+
+  const handleAuthSuccess = () => {
+    setLaunchState(_objectSpread(_objectSpread({}, launchState), {}, {
+      status: STATUS.launching
+    }));
+  };
+
+  const getInstanceStatus = async () => {
+    try {
+      const {
+        data: {
+          instance
+        }
+      } = await api.get("/public/instances/".concat(nftId, "/status"));
+
+      if (instance.status >= _constant.INSTANCE_STATUS.running) {
+        setLaunchState(pre => _objectSpread(_objectSpread({}, pre), {}, {
+          status: STATUS.success,
+          appUrl: (0, _util.getLaunchBlockletUrl)(instance.serverUrl, blockletMetaUrl, locale)
+        }));
+        return;
+      }
+    } catch (error) {
+      if ((0, _lodash.default)(error, 'response.status') === 404 && launchState.status !== STATUS.launching) {
+        setLaunchState(state => _objectSpread(_objectSpread({}, state), {}, {
+          status: STATUS.notFoundError
+        }));
+        throw error;
+      }
+
+      setLaunchState(state => _objectSpread(_objectSpread({}, state), {}, {
+        status: STATUS.error
+      }));
+      console.warn('load instance status error', error);
+      throw error;
+    }
+  };
+
+  (0, _react.useEffect)(() => {
+    if (!nftId) {
+      return;
+    }
+
+    getInstanceStatus().then(() => {
+      if (launchState.status !== STATUS.success) {
+        setLaunchState(state => _objectSpread(_objectSpread({}, state), {}, {
+          status: STATUS.launching
+        }));
+      }
+    });
+  }, [nftId]); // eslint-disable-line
+
+  (0, _react.useEffect)(() => {
+    let preloadFrame;
+    let timer;
+
+    if (launchState.appUrl) {
+      preloadFrame = document.createElement('iframe');
+      preloadFrame.src = launchState.appUrl;
+      Object.assign(preloadFrame.style, {
+        width: 0,
+        height: 0,
+        border: 0,
+        display: 'block',
+        position: 'absolute',
+        top: 0
+      });
+      preloadFrame.addEventListener('load', () => {
+        setFrameLoading(false);
+        clearTimeout(timer);
+      });
+      document.body.appendChild(preloadFrame);
+      timer = setTimeout(() => {
+        setFrameLoading(false);
+      }, 5000);
+    }
+
+    return () => {
+      if (preloadFrame) {
+        preloadFrame.parentNode.removeChild(preloadFrame);
+      }
+
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [launchState.appUrl]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, launchState.status !== STATUS.success && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
+    title: t('launch.title')
+  }), /*#__PURE__*/_react.default.createElement(Content, null, launchState.status === STATUS.waiting && /*#__PURE__*/_react.default.createElement("div", {
+    className: "center"
+  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)), launchState.status === STATUS.launching && /*#__PURE__*/_react.default.createElement("div", {
+    className: "center"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "status"
+  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    className: "status-spinner"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "status-text"
+  }, t('launch.waitingForLaunching')))), launchState.status === STATUS.success && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
+    className: "message",
+    variant: "success",
+    title: t('launch.launched'),
+    subTitle: blockletMetaUrl ? t('launch.launchBlockletTip') : '',
+    footer: /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "primary",
+      variant: "contained",
+      rounded: true,
+      loading: frameLoading,
+      href: launchState.appUrl,
+      className: "button"
+    }, blockletMetaUrl ? t('launch.launchApp') : t('launch.accessServer'))
+  }), [STATUS.error, STATUS.launchFailedError].includes(launchState.status) && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
+    variant: "error",
+    title: t('launch.error.launchFailed'),
+    subTitle: t('launch.error.launchFailedDescription'),
+    footer: /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "primary",
+      variant: "contained",
+      className: "button",
+      rounded: true,
+      component: _reactRouterDom.Link,
+      to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search))
+    }, t('common.retry'))
+  }), launchState.status === STATUS.notFoundError && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
+    variant: "error",
+    title: t('launch.error.notFound'),
+    subTitle: t('launch.error.notFoundDescription'),
+    footer: /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "primary",
+      variant: "contained",
+      className: "button",
+      rounded: true,
+      component: _reactRouterDom.Link,
+      to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search))
+    }, t('common.launch'))
+  })), /*#__PURE__*/_react.default.createElement(_Connect.default, {
+    open: retryLaunch,
+    popup: true,
+    action: "launch-instance",
+    checkFn: createRequest().get,
+    onSuccess: handleAuthSuccess,
+    checkTimeout: 60 * 5000,
+    extraParams: {
+      assetId: nftId,
+      blockletMetaUrl
+    },
+    webWalletUrl: (0, _utils.getWebWalletUrl)(),
+    disableClose: true,
+    showDownload: false,
+    messages: {
+      title: t('launch.dialog.title'),
+      scan: t('launch.dialog.scan'),
+      confirm: t('launch.dialog.confirm'),
+      success: t('launch.dialog.success')
+    }
+  }));
+}
+
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "launch__Content",
+  componentId: "sc-ke0swc-0"
+})(["margin:auto;height:100%;.status{color:", ";display:flex;flex-direction:column;align-items:center;.status-spinner{color:inherit !important;}.status-text{display:inline-block;padding:0 20px;max-width:420px;margin-top:24px;text-align:center;}}.button{min-width:150px;margin-bottom:100px;}.center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}"], props => props.theme.palette.primary.main);

package/lib/locales/en.js

@@ -0,0 +1,78 @@
+"use strict";
+
+module.exports = {
+  common: {
+    paymentMethod: 'Payment Method',
+    serverType: 'Blocklet Server Type',
+    paying: 'Paying',
+    pay: 'Pay',
+    name: 'Name',
+    description: 'Description',
+    retry: 'Retry',
+    launch: 'Launch',
+    next: 'Next',
+    purchase: 'Purchase',
+    redeem: 'Redeem'
+  },
+  plan: {
+    title: 'Select Blocklet Server Type',
+    subTitle: 'Please select Blocklet Server type and payment method',
+    loadListFailed: 'Plan list load error',
+    paymentCredit: {
+      status: {
+        unpaid: 'Waiting for payment',
+        paid: 'Payment completed, waiting for order completion',
+        completed: 'Completed, redirecting',
+        expired: 'Order has expired'
+      }
+    },
+    useCrypto: 'Use ABT',
+    useFiat: 'Use Credit Card'
+  },
+  prepare: {
+    title: 'Naming Blocklet Server',
+    subTitle: 'Please enter the name and description of the Blocklet Server'
+  },
+  launch: {
+    title: 'Create Blocklet Server',
+    invalidFftId: 'Invalid Purchase NFT ID',
+    launchApp: 'Launch Application',
+    launching: 'Your Blocklet Server is being baked, please be patient, it usually takes about 5 minutes',
+    launched: 'Your Blocklet Server is up and running',
+    launchSuccess: 'Blocklet Server is successfully launched',
+    launchBlockletTip: 'Click the button below to launch the application',
+    loadStatusFailed: 'Failed to load Blocklet Server status',
+    waitingForLaunching: 'Your Blocklet Server launch request is being processed, please be patient, it usually takes about 5 minutes',
+    accessServer: 'Access Blocklet Server',
+    dialog: {
+      title: 'Launch Blocklet Server',
+      scan: 'Scan following QRCode with your DID Wallet',
+      confirm: 'Confirm on your DID Wallet',
+      success: 'Launching'
+    },
+    error: {
+      launchFailed: 'Blocklet Server Launch Failed',
+      launchFailedDescription: 'You can retry by clicking the button below',
+      notFound: 'No Blocklet Server being started',
+      notFoundDescription: 'You can launch the Blocklet Server by clicking the button below'
+    }
+  },
+  redeem: {
+    title: 'Redeem Blocklet Server',
+    subTitle: 'Name and describe the Blocklet Server you are going to redeem',
+    dialog: {
+      title: 'Redeem Blocklet Server',
+      scan: 'Scan the QR code below with your DID wallet to complete redeem',
+      confirm: 'Confirm on your DID Wallet',
+      success: 'Your redeem request is being processing'
+    }
+  },
+  purchase: {
+    dialog: {
+      title: 'Purchase Blocklet Server',
+      scan: 'Scan the QR code below with your DID wallet to complete purchase',
+      confirm: 'Confirm on your DID Wallet',
+      success: 'Purchase Success'
+    }
+  }
+};

package/lib/locales/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+const flat = require('flat');
+
+const en = require('./en');
+
+const zh = require('./zh');
+
+module.exports = {
+  translations: {
+    en: flat(en),
+    zh: flat(zh)
+  }
+};