@blocklet/launcher-workflow 2.5.2 → 2.5.4
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/space-allocate.js +116 -0
- package/es/launch.js +7 -0
- package/lib/components/space-allocate.js +90 -0
- package/lib/launch.js +7 -0
- package/package.json +4 -4
|
@@ -0,0 +1,116 @@
|
|
|
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 SpaceAllocate({
|
|
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
|
+
from: 'did-spaces'
|
|
32
|
+
});
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
window.location = getLaunchBlockletUrl({
|
|
35
|
+
serverUrl: instance.serverUrl,
|
|
36
|
+
blockletMetaUrl: searchParams.get('blocklet_meta_url'),
|
|
37
|
+
locale,
|
|
38
|
+
launchType: 'serverless',
|
|
39
|
+
nftDid: instance.nftDid,
|
|
40
|
+
sessionId,
|
|
41
|
+
chainHost: window.blocklet?.CHAIN_HOST,
|
|
42
|
+
from: searchParams.get('from')
|
|
43
|
+
});
|
|
44
|
+
}, 1000);
|
|
45
|
+
return instance;
|
|
46
|
+
});
|
|
47
|
+
return /*#__PURE__*/_jsxs(Container, {
|
|
48
|
+
children: [/*#__PURE__*/_jsx(PageHeader, {
|
|
49
|
+
title: t('launch.pageTitle')
|
|
50
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
51
|
+
className: "page-body",
|
|
52
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
53
|
+
className: "content",
|
|
54
|
+
children: [state.loading && /*#__PURE__*/_jsx(LaunchResultMessage, {
|
|
55
|
+
variant: "loading",
|
|
56
|
+
title: t('prepare.serverless.preparing')
|
|
57
|
+
}), state.error && /*#__PURE__*/_jsx(LaunchResultMessage, {
|
|
58
|
+
variant: "error",
|
|
59
|
+
title: t('prepare.serverless.prepareFailed'),
|
|
60
|
+
footer: /*#__PURE__*/_jsx(Button, {
|
|
61
|
+
size: "small",
|
|
62
|
+
style: {
|
|
63
|
+
marginTop: '-16px'
|
|
64
|
+
},
|
|
65
|
+
onClick: () => window.location.reload(),
|
|
66
|
+
children: t('common.retry')
|
|
67
|
+
})
|
|
68
|
+
}), state.value && /*#__PURE__*/_jsx(LaunchResultMessage, {
|
|
69
|
+
variant: "success",
|
|
70
|
+
title: t('prepare.serverless.prepared')
|
|
71
|
+
})]
|
|
72
|
+
})
|
|
73
|
+
})]
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
const Container = styled.div`
|
|
77
|
+
display: flex;
|
|
78
|
+
flex-direction: column;
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
81
|
+
padding-top: 100px;
|
|
82
|
+
|
|
83
|
+
.page-logo {
|
|
84
|
+
display: flex;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
margin-top: 62px;
|
|
87
|
+
${props => props.theme.breakpoints.down('md')} {
|
|
88
|
+
margin-top: 48px;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.page-body {
|
|
93
|
+
margin-top: 128px;
|
|
94
|
+
|
|
95
|
+
.content {
|
|
96
|
+
display: flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
flex-direction: column;
|
|
99
|
+
text-align: center;
|
|
100
|
+
|
|
101
|
+
.loading-description {
|
|
102
|
+
margin-top: 8px;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.result-title {
|
|
106
|
+
font-size: 18px;
|
|
107
|
+
}
|
|
108
|
+
.result-title.color-loading {
|
|
109
|
+
color: ${props => props.theme.palette.primary.main};
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
`;
|
|
114
|
+
SpaceAllocate.propTypes = {
|
|
115
|
+
sessionId: PropTypes.string.isRequired
|
|
116
|
+
};
|
package/es/launch.js
CHANGED
|
@@ -3,6 +3,7 @@ import { useParams, useSearchParams } from 'react-router-dom';
|
|
|
3
3
|
import LaunchServerless from './components/launch-serverless/allocate';
|
|
4
4
|
import LaunchDedicated from './components/launch-dedicated';
|
|
5
5
|
import { useSessionContext } from './contexts/session';
|
|
6
|
+
import SpaceAllocate from './components/space-allocate';
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
export default function Launch() {
|
|
8
9
|
const {
|
|
@@ -25,6 +26,12 @@ export default function Launch() {
|
|
|
25
26
|
return '';
|
|
26
27
|
}
|
|
27
28
|
const launchType = searchParams.get('launchType');
|
|
29
|
+
const from = searchParams.get('from');
|
|
30
|
+
if (from === 'did-spaces') {
|
|
31
|
+
return /*#__PURE__*/_jsx(SpaceAllocate, {
|
|
32
|
+
sessionId: sessionId
|
|
33
|
+
});
|
|
34
|
+
}
|
|
28
35
|
if (launchType === 'serverless') {
|
|
29
36
|
return /*#__PURE__*/_jsx(LaunchServerless, {
|
|
30
37
|
sessionId: sessionId
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = SpaceAllocate;
|
|
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 SpaceAllocate(_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
|
+
from: 'did-spaces'
|
|
42
|
+
});
|
|
43
|
+
setTimeout(() => {
|
|
44
|
+
var _window$blocklet;
|
|
45
|
+
window.location = (0, _util.getLaunchBlockletUrl)({
|
|
46
|
+
serverUrl: instance.serverUrl,
|
|
47
|
+
blockletMetaUrl: searchParams.get('blocklet_meta_url'),
|
|
48
|
+
locale,
|
|
49
|
+
launchType: 'serverless',
|
|
50
|
+
nftDid: instance.nftDid,
|
|
51
|
+
sessionId,
|
|
52
|
+
chainHost: (_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.CHAIN_HOST,
|
|
53
|
+
from: searchParams.get('from')
|
|
54
|
+
});
|
|
55
|
+
}, 1000);
|
|
56
|
+
return instance;
|
|
57
|
+
});
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
59
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
|
|
60
|
+
title: t('launch.pageTitle')
|
|
61
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
62
|
+
className: "page-body",
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
64
|
+
className: "content",
|
|
65
|
+
children: [state.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
66
|
+
variant: "loading",
|
|
67
|
+
title: t('prepare.serverless.preparing')
|
|
68
|
+
}), state.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
69
|
+
variant: "error",
|
|
70
|
+
title: t('prepare.serverless.prepareFailed'),
|
|
71
|
+
footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
|
|
72
|
+
size: "small",
|
|
73
|
+
style: {
|
|
74
|
+
marginTop: '-16px'
|
|
75
|
+
},
|
|
76
|
+
onClick: () => window.location.reload(),
|
|
77
|
+
children: t('common.retry')
|
|
78
|
+
})
|
|
79
|
+
}), state.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
80
|
+
variant: "success",
|
|
81
|
+
title: t('prepare.serverless.prepared')
|
|
82
|
+
})]
|
|
83
|
+
})
|
|
84
|
+
})]
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
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);
|
|
88
|
+
SpaceAllocate.propTypes = {
|
|
89
|
+
sessionId: _propTypes.default.string.isRequired
|
|
90
|
+
};
|
package/lib/launch.js
CHANGED
|
@@ -9,6 +9,7 @@ var _reactRouterDom = require("react-router-dom");
|
|
|
9
9
|
var _allocate = _interopRequireDefault(require("./components/launch-serverless/allocate"));
|
|
10
10
|
var _launchDedicated = _interopRequireDefault(require("./components/launch-dedicated"));
|
|
11
11
|
var _session = require("./contexts/session");
|
|
12
|
+
var _spaceAllocate = _interopRequireDefault(require("./components/space-allocate"));
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function Launch() {
|
|
@@ -32,6 +33,12 @@ function Launch() {
|
|
|
32
33
|
return '';
|
|
33
34
|
}
|
|
34
35
|
const launchType = searchParams.get('launchType');
|
|
36
|
+
const from = searchParams.get('from');
|
|
37
|
+
if (from === 'did-spaces') {
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spaceAllocate.default, {
|
|
39
|
+
sessionId: sessionId
|
|
40
|
+
});
|
|
41
|
+
}
|
|
35
42
|
if (launchType === 'serverless') {
|
|
36
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_allocate.default, {
|
|
37
44
|
sessionId: sessionId
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blocklet/launcher-workflow",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.4",
|
|
4
4
|
"description": "Purchase components for Launcher UI",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@arcblock/react-hooks": "^3.0.27",
|
|
50
50
|
"@arcblock/ux": "^3.0.27",
|
|
51
51
|
"@blocklet/launcher-layout": "^3.0.27",
|
|
52
|
-
"@blocklet/launcher-util": "2.5.
|
|
53
|
-
"@blocklet/launcher-ux": "2.5.
|
|
52
|
+
"@blocklet/launcher-util": "2.5.4",
|
|
53
|
+
"@blocklet/launcher-ux": "2.5.4",
|
|
54
54
|
"@blocklet/payment": "^1.14.8",
|
|
55
55
|
"@blocklet/payment-react": "^1.19.5",
|
|
56
56
|
"@emotion/react": "^11.14.0",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"require": "./lib/locales/index.js"
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "ab803d74fbf3fee05cb34f25e860043d401d0a20"
|
|
113
113
|
}
|