@blocklet/launcher-workflow 2.4.4 → 2.4.5
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.
- package/es/components/in-progress-session.js +1 -1
- package/es/components/launch-serverless/allocate.js +181 -0
- package/es/components/launch-serverless/install.js +203 -0
- package/es/components/launch-serverless/shared/base-serverless-layout.js +53 -0
- package/es/components/launch-serverless/shared/common-components.js +605 -0
- package/es/components/launch-serverless/shared/loading-display-layout.js +122 -0
- package/es/components/launch-serverless/shared/retry-error-message.js +45 -0
- package/es/components/launch-serverless/start-app.js +356 -0
- package/es/contexts/request.js +2 -2
- package/es/hooks/use-serial-polling.js +43 -0
- package/es/install.js +28 -0
- package/es/launch.js +1 -1
- package/es/locales/en.js +71 -14
- package/es/locales/zh.js +68 -12
- package/es/paid.js +1 -1
- package/es/prepare.js +1 -1
- package/es/start-app.js +28 -0
- package/es/util.js +181 -2
- package/lib/components/in-progress-session.js +3 -3
- package/lib/components/launch-serverless/allocate.js +198 -0
- package/lib/components/launch-serverless/install.js +223 -0
- package/lib/components/launch-serverless/shared/base-serverless-layout.js +59 -0
- package/lib/components/launch-serverless/shared/common-components.js +635 -0
- package/lib/components/launch-serverless/shared/loading-display-layout.js +131 -0
- package/lib/components/launch-serverless/shared/retry-error-message.js +52 -0
- package/lib/components/launch-serverless/start-app.js +369 -0
- package/lib/contexts/request.js +2 -2
- package/lib/hooks/use-serial-polling.js +49 -0
- package/lib/install.js +35 -0
- package/lib/launch.js +2 -2
- package/lib/locales/en.js +71 -14
- package/lib/locales/zh.js +68 -12
- package/lib/paid.js +2 -2
- package/lib/prepare.js +2 -2
- package/lib/start-app.js +35 -0
- package/lib/util.js +214 -11
- package/package.json +8 -5
- package/es/components/launch-serverless.js +0 -115
- 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.
|
|
3
|
+
"version": "2.4.5",
|
|
4
4
|
"description": "Purchase components for Launcher UI",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -41,14 +41,16 @@
|
|
|
41
41
|
"react": ">=19.1.0"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
+
"@abtnode/constant": "^1.16.46",
|
|
45
|
+
"@abtnode/util": "^1.16.46",
|
|
44
46
|
"@arcblock/did-connect": "^3.0.24",
|
|
45
47
|
"@arcblock/icons": "^3.0.24",
|
|
46
48
|
"@arcblock/license": "^3.0.24",
|
|
47
49
|
"@arcblock/react-hooks": "^3.0.24",
|
|
48
50
|
"@arcblock/ux": "^3.0.24",
|
|
49
51
|
"@blocklet/launcher-layout": "^3.0.24",
|
|
50
|
-
"@blocklet/launcher-util": "2.4.
|
|
51
|
-
"@blocklet/launcher-ux": "2.4.
|
|
52
|
+
"@blocklet/launcher-util": "2.4.5",
|
|
53
|
+
"@blocklet/launcher-ux": "2.4.5",
|
|
52
54
|
"@blocklet/payment": "^1.14.8",
|
|
53
55
|
"@blocklet/payment-react": "^1.19.4",
|
|
54
56
|
"@emotion/react": "^11.14.0",
|
|
@@ -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
|
-
"
|
|
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": "
|
|
112
|
+
"gitHead": "79453906be24297297c7edcd72555b4793e53993"
|
|
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
|
-
};
|