@blocklet/launcher-workflow 2.4.4 → 2.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/es/components/in-progress-session.js +1 -1
  2. package/es/components/launch-serverless/allocate.js +181 -0
  3. package/es/components/launch-serverless/install.js +203 -0
  4. package/es/components/launch-serverless/shared/base-serverless-layout.js +53 -0
  5. package/es/components/launch-serverless/shared/common-components.js +605 -0
  6. package/es/components/launch-serverless/shared/loading-display-layout.js +122 -0
  7. package/es/components/launch-serverless/shared/retry-error-message.js +45 -0
  8. package/es/components/launch-serverless/start-app.js +356 -0
  9. package/es/contexts/request.js +2 -2
  10. package/es/hooks/use-serial-polling.js +43 -0
  11. package/es/install.js +28 -0
  12. package/es/launch.js +1 -1
  13. package/es/locales/en.js +71 -14
  14. package/es/locales/zh.js +68 -12
  15. package/es/paid.js +1 -1
  16. package/es/prepare.js +1 -1
  17. package/es/start-app.js +28 -0
  18. package/es/util.js +181 -2
  19. package/lib/components/in-progress-session.js +3 -3
  20. package/lib/components/launch-serverless/allocate.js +198 -0
  21. package/lib/components/launch-serverless/install.js +223 -0
  22. package/lib/components/launch-serverless/shared/base-serverless-layout.js +59 -0
  23. package/lib/components/launch-serverless/shared/common-components.js +635 -0
  24. package/lib/components/launch-serverless/shared/loading-display-layout.js +131 -0
  25. package/lib/components/launch-serverless/shared/retry-error-message.js +52 -0
  26. package/lib/components/launch-serverless/start-app.js +369 -0
  27. package/lib/contexts/request.js +2 -2
  28. package/lib/hooks/use-serial-polling.js +49 -0
  29. package/lib/install.js +35 -0
  30. package/lib/launch.js +2 -2
  31. package/lib/locales/en.js +71 -14
  32. package/lib/locales/zh.js +68 -12
  33. package/lib/paid.js +2 -2
  34. package/lib/prepare.js +2 -2
  35. package/lib/start-app.js +35 -0
  36. package/lib/util.js +214 -11
  37. package/package.json +16 -13
  38. package/es/components/launch-serverless.js +0 -115
  39. package/lib/components/launch-serverless.js +0 -89
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-workflow",
3
- "version": "2.4.4",
3
+ "version": "2.4.6",
4
4
  "description": "Purchase components for Launcher UI",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -41,22 +41,24 @@
41
41
  "react": ">=19.1.0"
42
42
  },
43
43
  "dependencies": {
44
- "@arcblock/did-connect": "^3.0.24",
45
- "@arcblock/icons": "^3.0.24",
46
- "@arcblock/license": "^3.0.24",
47
- "@arcblock/react-hooks": "^3.0.24",
48
- "@arcblock/ux": "^3.0.24",
49
- "@blocklet/launcher-layout": "^3.0.24",
50
- "@blocklet/launcher-util": "2.4.4",
51
- "@blocklet/launcher-ux": "2.4.4",
44
+ "@abtnode/constant": "^1.16.46",
45
+ "@abtnode/util": "^1.16.46",
46
+ "@arcblock/did-connect": "^3.0.27",
47
+ "@arcblock/icons": "^3.0.27",
48
+ "@arcblock/license": "^3.0.27",
49
+ "@arcblock/react-hooks": "^3.0.27",
50
+ "@arcblock/ux": "^3.0.27",
51
+ "@blocklet/launcher-layout": "^3.0.27",
52
+ "@blocklet/launcher-util": "2.4.6",
53
+ "@blocklet/launcher-ux": "2.4.6",
52
54
  "@blocklet/payment": "^1.14.8",
53
- "@blocklet/payment-react": "^1.19.4",
55
+ "@blocklet/payment-react": "^1.19.5",
54
56
  "@emotion/react": "^11.14.0",
55
57
  "@emotion/styled": "^11.14.1",
56
58
  "@mui/icons-material": "^7.2.0",
57
59
  "@mui/lab": "^7.0.0-beta.14",
58
60
  "@mui/material": "^7.2.0",
59
- "@ocap/util": "^1.20.15",
61
+ "@ocap/util": "^1.21.0",
60
62
  "@splidejs/react-splide": "^0.7.12",
61
63
  "@splidejs/splide": "^4.1.4",
62
64
  "@splidejs/splide-extension-grid": "^0.4.1",
@@ -68,6 +70,7 @@
68
70
  "flat": "^5.0.2",
69
71
  "js-cookie": "^3.0.5",
70
72
  "lodash.get": "^4.4.2",
73
+ "lodash.isempty": "^4.4.0",
71
74
  "lodash.merge": "^4.6.2",
72
75
  "lodash.noop": "^3.0.1",
73
76
  "lodash.pick": "^4.4.0",
@@ -77,7 +80,7 @@
77
80
  "react-lottie-player": "^1.5.6",
78
81
  "react-router-dom": "^6.30.1",
79
82
  "react-use": "^17.6.0",
80
- "url-join": "^4.0.1"
83
+ "ufo": "^1.6.1"
81
84
  },
82
85
  "devDependencies": {
83
86
  "@babel/cli": "^7.28.0",
@@ -106,5 +109,5 @@
106
109
  "require": "./lib/locales/index.js"
107
110
  }
108
111
  },
109
- "gitHead": "ce30f9ab5081e5a33dc8b2d617921807cb92c263"
112
+ "gitHead": "3359a9411980cfc80bc9c314bab5fd4c357926e3"
110
113
  }
@@ -1,115 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import PropTypes from 'prop-types';
3
- import React from 'react';
4
- import { useSearchParams } from 'react-router-dom';
5
- import useAsync from 'react-use/lib/useAsync';
6
- import PageHeader from '@blocklet/launcher-layout/lib/page-header';
7
- import LaunchResultMessage from '@blocklet/launcher-layout/lib/launch-result-message';
8
- import Button from '@blocklet/launcher-ux/lib/button';
9
- import { useLocaleContext } from '../contexts/locale';
10
- import useRequest from '../contexts/request';
11
- import { getLaunchBlockletUrl } from '../util';
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- export default function LaunchServerless({
14
- sessionId
15
- }) {
16
- const {
17
- t,
18
- locale
19
- } = useLocaleContext();
20
- const {
21
- api
22
- } = useRequest();
23
- const [searchParams] = useSearchParams();
24
- const state = useAsync(async () => {
25
- const {
26
- data: {
27
- instance
28
- }
29
- } = await api.post('/serverless/allocate', {
30
- launchId: sessionId
31
- });
32
- setTimeout(() => {
33
- window.location = getLaunchBlockletUrl({
34
- serverUrl: instance.serverUrl,
35
- blockletMetaUrl: searchParams.get('blocklet_meta_url'),
36
- locale,
37
- launchType: 'serverless',
38
- nftDid: instance.nftDid,
39
- sessionId,
40
- chainHost: window.blocklet?.CHAIN_HOST,
41
- from: searchParams.get('from')
42
- });
43
- }, 1000);
44
- return instance;
45
- });
46
- return /*#__PURE__*/_jsxs(Container, {
47
- children: [/*#__PURE__*/_jsx(PageHeader, {
48
- title: t('launch.pageTitle')
49
- }), /*#__PURE__*/_jsx("div", {
50
- className: "page-body",
51
- children: /*#__PURE__*/_jsxs("div", {
52
- className: "content",
53
- children: [state.loading && /*#__PURE__*/_jsx(LaunchResultMessage, {
54
- variant: "loading",
55
- title: t('prepare.serverless.preparing')
56
- }), state.error && /*#__PURE__*/_jsx(LaunchResultMessage, {
57
- variant: "error",
58
- title: t('prepare.serverless.prepareFailed'),
59
- footer: /*#__PURE__*/_jsx(Button, {
60
- size: "small",
61
- style: {
62
- marginTop: '-16px'
63
- },
64
- onClick: () => window.location.reload(),
65
- children: t('common.retry')
66
- })
67
- }), state.value && /*#__PURE__*/_jsx(LaunchResultMessage, {
68
- variant: "success",
69
- title: t('prepare.serverless.prepared')
70
- })]
71
- })
72
- })]
73
- });
74
- }
75
- const Container = styled.div`
76
- display: flex;
77
- flex-direction: column;
78
- width: 100%;
79
- height: 100%;
80
- padding-top: 100px;
81
-
82
- .page-logo {
83
- display: flex;
84
- justify-content: center;
85
- margin-top: 62px;
86
- ${props => props.theme.breakpoints.down('md')} {
87
- margin-top: 48px;
88
- }
89
- }
90
-
91
- .page-body {
92
- margin-top: 128px;
93
-
94
- .content {
95
- display: flex;
96
- align-items: center;
97
- flex-direction: column;
98
- text-align: center;
99
-
100
- .loading-description {
101
- margin-top: 8px;
102
- }
103
-
104
- .result-title {
105
- font-size: 18px;
106
- }
107
- .result-title.color-loading {
108
- color: ${props => props.theme.palette.primary.main};
109
- }
110
- }
111
- }
112
- `;
113
- LaunchServerless.propTypes = {
114
- sessionId: PropTypes.string.isRequired
115
- };
@@ -1,89 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = LaunchServerless;
7
- var _styled = _interopRequireDefault(require("@emotion/styled"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _reactRouterDom = require("react-router-dom");
11
- var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
12
- var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
13
- var _launchResultMessage = _interopRequireDefault(require("@blocklet/launcher-layout/lib/launch-result-message"));
14
- var _button = _interopRequireDefault(require("@blocklet/launcher-ux/lib/button"));
15
- var _locale = require("../contexts/locale");
16
- var _request = _interopRequireDefault(require("../contexts/request"));
17
- var _util = require("../util");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- var _templateObject;
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
21
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
22
- function LaunchServerless(_ref) {
23
- let {
24
- sessionId
25
- } = _ref;
26
- const {
27
- t,
28
- locale
29
- } = (0, _locale.useLocaleContext)();
30
- const {
31
- api
32
- } = (0, _request.default)();
33
- const [searchParams] = (0, _reactRouterDom.useSearchParams)();
34
- const state = (0, _useAsync.default)(async () => {
35
- const {
36
- data: {
37
- instance
38
- }
39
- } = await api.post('/serverless/allocate', {
40
- launchId: sessionId
41
- });
42
- setTimeout(() => {
43
- var _window$blocklet;
44
- window.location = (0, _util.getLaunchBlockletUrl)({
45
- serverUrl: instance.serverUrl,
46
- blockletMetaUrl: searchParams.get('blocklet_meta_url'),
47
- locale,
48
- launchType: 'serverless',
49
- nftDid: instance.nftDid,
50
- sessionId,
51
- chainHost: (_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.CHAIN_HOST,
52
- from: searchParams.get('from')
53
- });
54
- }, 1000);
55
- return instance;
56
- });
57
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
58
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
59
- title: t('launch.pageTitle')
60
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
61
- className: "page-body",
62
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
63
- className: "content",
64
- children: [state.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
65
- variant: "loading",
66
- title: t('prepare.serverless.preparing')
67
- }), state.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
68
- variant: "error",
69
- title: t('prepare.serverless.prepareFailed'),
70
- footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
71
- size: "small",
72
- style: {
73
- marginTop: '-16px'
74
- },
75
- onClick: () => window.location.reload(),
76
- children: t('common.retry')
77
- })
78
- }), state.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
79
- variant: "success",
80
- title: t('prepare.serverless.prepared')
81
- })]
82
- })
83
- })]
84
- });
85
- }
86
- const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n padding-top: 100px;\n\n .page-logo {\n display: flex;\n justify-content: center;\n margin-top: 62px;\n ", " {\n margin-top: 48px;\n }\n }\n\n .page-body {\n margin-top: 128px;\n\n .content {\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n\n .loading-description {\n margin-top: 8px;\n }\n\n .result-title {\n font-size: 18px;\n }\n .result-title.color-loading {\n color: ", ";\n }\n }\n }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.palette.primary.main);
87
- LaunchServerless.propTypes = {
88
- sessionId: _propTypes.default.string.isRequired
89
- };