@midscene/visualizer 0.30.9 → 0.30.11-beta-20251218071621.0
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/dist/es/component/blackboard/index.css +8 -0
- package/dist/es/component/blackboard/index.mjs +137 -68
- package/dist/es/component/config-selector/index.mjs +102 -4
- package/dist/es/component/context-preview/index.mjs +1 -2
- package/dist/es/component/env-config/index.mjs +1 -2
- package/dist/es/component/env-config-reminder/index.css +8 -0
- package/dist/es/component/env-config-reminder/index.mjs +1 -2
- package/dist/es/component/form-field/index.mjs +5 -10
- package/dist/es/component/history-selector/index.css +38 -1
- package/dist/es/component/history-selector/index.mjs +1 -2
- package/dist/es/component/logo/index.mjs +7 -3
- package/dist/es/component/misc/index.mjs +1 -4
- package/dist/es/component/nav-actions/index.mjs +1 -2
- package/dist/es/component/nav-actions/style.css +1 -1
- package/dist/es/component/player/index.css +26 -0
- package/dist/es/component/player/index.mjs +376 -364
- package/dist/es/component/playground/index.css +291 -31
- package/dist/es/component/playground-result/index.css +10 -0
- package/dist/es/component/playground-result/index.mjs +129 -10
- package/dist/es/component/prompt-input/index.css +281 -31
- package/dist/es/component/prompt-input/index.mjs +83 -25
- package/dist/es/component/screenshot-viewer/index.css +214 -0
- package/dist/es/component/screenshot-viewer/index.mjs +282 -0
- package/dist/es/component/service-mode-control/index.mjs +1 -2
- package/dist/es/component/shiny-text/index.css +35 -3
- package/dist/es/component/shiny-text/index.mjs +3 -3
- package/dist/es/component/universal-playground/index.css +61 -1
- package/dist/es/component/universal-playground/index.mjs +106 -83
- package/dist/es/component/universal-playground/providers/context-provider.mjs +56 -18
- package/dist/es/component/universal-playground/providers/indexeddb-storage-provider.mjs +213 -139
- package/dist/es/component/universal-playground/providers/storage-provider.mjs +199 -121
- package/dist/es/hooks/usePlaygroundExecution.mjs +297 -146
- package/dist/es/hooks/usePlaygroundState.mjs +141 -75
- package/dist/es/hooks/useSafeOverrideAIConfig.mjs +2 -6
- package/dist/es/hooks/useServerValid.mjs +37 -12
- package/dist/es/hooks/useTheme.mjs +25 -0
- package/dist/es/icons/avatar.mjs +46 -4
- package/dist/es/icons/close.mjs +46 -4
- package/dist/es/icons/global-perspective.mjs +47 -5
- package/dist/es/icons/history.mjs +48 -6
- package/dist/es/icons/magnifying-glass.mjs +47 -5
- package/dist/es/icons/player-setting.mjs +48 -6
- package/dist/es/icons/setting.mjs +47 -5
- package/dist/es/icons/show-marker.mjs +47 -5
- package/dist/es/index.mjs +4 -4
- package/dist/es/store/history.mjs +46 -7
- package/dist/es/store/store.mjs +68 -2
- package/dist/es/types.mjs +1 -1
- package/dist/es/utils/constants.mjs +7 -3
- package/dist/es/utils/index.mjs +4 -1
- package/dist/es/utils/pixi-loader.mjs +37 -11
- package/dist/es/utils/replay-scripts.mjs +160 -111
- package/dist/lib/component/blackboard/index.css +8 -0
- package/dist/lib/component/blackboard/index.js +139 -70
- package/dist/lib/component/config-selector/index.js +103 -5
- package/dist/lib/component/context-preview/index.js +3 -4
- package/dist/lib/component/env-config/index.js +3 -4
- package/dist/lib/component/env-config-reminder/index.css +8 -0
- package/dist/lib/component/env-config-reminder/index.js +3 -4
- package/dist/lib/component/form-field/index.js +10 -15
- package/dist/lib/component/history-selector/index.css +38 -1
- package/dist/lib/component/history-selector/index.js +3 -4
- package/dist/lib/component/index.js +6 -8
- package/dist/lib/component/logo/index.js +9 -5
- package/dist/lib/component/misc/index.js +6 -9
- package/dist/lib/component/nav-actions/index.js +3 -4
- package/dist/lib/component/nav-actions/style.css +1 -1
- package/dist/lib/component/player/index.css +26 -0
- package/dist/lib/component/player/index.js +376 -365
- package/dist/lib/component/playground/index.css +291 -31
- package/dist/lib/component/playground/index.js +31 -33
- package/dist/lib/component/playground-result/index.css +10 -0
- package/dist/lib/component/playground-result/index.js +131 -12
- package/dist/lib/component/prompt-input/index.css +281 -31
- package/dist/lib/component/prompt-input/index.js +84 -26
- package/dist/lib/component/screenshot-viewer/index.css +214 -0
- package/dist/lib/component/screenshot-viewer/index.js +316 -0
- package/dist/lib/component/service-mode-control/index.js +3 -4
- package/dist/lib/component/shiny-text/index.css +35 -3
- package/dist/lib/component/shiny-text/index.js +5 -5
- package/dist/lib/component/universal-playground/index.css +61 -1
- package/dist/lib/component/universal-playground/index.js +108 -84
- package/dist/lib/component/universal-playground/providers/context-provider.js +58 -20
- package/dist/lib/component/universal-playground/providers/indexeddb-storage-provider.js +217 -143
- package/dist/lib/component/universal-playground/providers/storage-provider.js +207 -129
- package/dist/lib/hooks/usePlaygroundExecution.js +299 -148
- package/dist/lib/hooks/usePlaygroundState.js +143 -77
- package/dist/lib/hooks/useSafeOverrideAIConfig.js +4 -8
- package/dist/lib/hooks/useServerValid.js +39 -14
- package/dist/lib/hooks/useTheme.js +59 -0
- package/dist/lib/icons/avatar.js +48 -6
- package/dist/lib/icons/close.js +48 -6
- package/dist/lib/icons/global-perspective.js +49 -7
- package/dist/lib/icons/history.js +50 -8
- package/dist/lib/icons/magnifying-glass.js +49 -7
- package/dist/lib/icons/player-setting.js +50 -8
- package/dist/lib/icons/setting.js +49 -7
- package/dist/lib/icons/show-marker.js +49 -7
- package/dist/lib/index.js +44 -34
- package/dist/lib/store/history.js +48 -9
- package/dist/lib/store/store.js +74 -8
- package/dist/lib/types.js +3 -3
- package/dist/lib/utils/color.js +2 -2
- package/dist/lib/utils/constants.js +20 -4
- package/dist/lib/utils/index.js +10 -4
- package/dist/lib/utils/pixi-loader.js +41 -15
- package/dist/lib/utils/playground-utils.js +4 -4
- package/dist/lib/utils/replay-scripts.js +164 -115
- package/dist/types/component/config-selector/index.d.ts +2 -0
- package/dist/types/component/player/index.d.ts +0 -1
- package/dist/types/component/playground-result/index.d.ts +1 -0
- package/dist/types/component/prompt-input/index.d.ts +2 -1
- package/dist/types/component/screenshot-viewer/index.d.ts +15 -0
- package/dist/types/hooks/usePlaygroundExecution.d.ts +1 -1
- package/dist/types/hooks/usePlaygroundState.d.ts +3 -3
- package/dist/types/hooks/useTheme.d.ts +7 -0
- package/dist/types/index.d.ts +3 -3
- package/dist/types/store/store.d.ts +18 -1
- package/dist/types/types.d.ts +14 -4
- package/dist/types/utils/constants.d.ts +5 -1
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/replay-scripts.d.ts +1 -1
- package/package.json +12 -22
|
@@ -29,6 +29,74 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const external_react_namespaceObject = require("react");
|
|
30
30
|
const storage_provider_js_namespaceObject = require("../component/universal-playground/providers/storage-provider.js");
|
|
31
31
|
const constants_js_namespaceObject = require("../utils/constants.js");
|
|
32
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
33
|
+
try {
|
|
34
|
+
var info = gen[key](arg);
|
|
35
|
+
var value = info.value;
|
|
36
|
+
} catch (error) {
|
|
37
|
+
reject(error);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (info.done) resolve(value);
|
|
41
|
+
else Promise.resolve(value).then(_next, _throw);
|
|
42
|
+
}
|
|
43
|
+
function _async_to_generator(fn) {
|
|
44
|
+
return function() {
|
|
45
|
+
var self = this, args = arguments;
|
|
46
|
+
return new Promise(function(resolve, reject) {
|
|
47
|
+
var gen = fn.apply(self, args);
|
|
48
|
+
function _next(value) {
|
|
49
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
50
|
+
}
|
|
51
|
+
function _throw(err) {
|
|
52
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
53
|
+
}
|
|
54
|
+
_next(void 0);
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
function _define_property(obj, key, value) {
|
|
59
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
60
|
+
value: value,
|
|
61
|
+
enumerable: true,
|
|
62
|
+
configurable: true,
|
|
63
|
+
writable: true
|
|
64
|
+
});
|
|
65
|
+
else obj[key] = value;
|
|
66
|
+
return obj;
|
|
67
|
+
}
|
|
68
|
+
function _object_spread(target) {
|
|
69
|
+
for(var i = 1; i < arguments.length; i++){
|
|
70
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
71
|
+
var ownKeys = Object.keys(source);
|
|
72
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
73
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
74
|
+
}));
|
|
75
|
+
ownKeys.forEach(function(key) {
|
|
76
|
+
_define_property(target, key, source[key]);
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function usePlaygroundState_ownKeys(object, enumerableOnly) {
|
|
82
|
+
var keys = Object.keys(object);
|
|
83
|
+
if (Object.getOwnPropertySymbols) {
|
|
84
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
85
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
86
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
87
|
+
});
|
|
88
|
+
keys.push.apply(keys, symbols);
|
|
89
|
+
}
|
|
90
|
+
return keys;
|
|
91
|
+
}
|
|
92
|
+
function _object_spread_props(target, source) {
|
|
93
|
+
source = null != source ? source : {};
|
|
94
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
95
|
+
else usePlaygroundState_ownKeys(Object(source)).forEach(function(key) {
|
|
96
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
97
|
+
});
|
|
98
|
+
return target;
|
|
99
|
+
}
|
|
32
100
|
function usePlaygroundState(playgroundSDK, storage, contextProvider) {
|
|
33
101
|
const [loading, setLoading] = (0, external_react_namespaceObject.useState)(false);
|
|
34
102
|
const [infoList, setInfoList] = (0, external_react_namespaceObject.useState)([]);
|
|
@@ -43,47 +111,46 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
|
|
|
43
111
|
const interruptedFlagRef = (0, external_react_namespaceObject.useRef)({});
|
|
44
112
|
const initializedRef = (0, external_react_namespaceObject.useRef)(false);
|
|
45
113
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
46
|
-
const migrateFromOldNamespace =
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
114
|
+
const migrateFromOldNamespace = ()=>_async_to_generator(function*() {
|
|
115
|
+
const oldStorage = (0, storage_provider_js_namespaceObject.createStorageProvider)((0, storage_provider_js_namespaceObject.detectBestStorageType)(), 'playground-default');
|
|
116
|
+
try {
|
|
117
|
+
if (null == oldStorage ? void 0 : oldStorage.loadMessages) {
|
|
118
|
+
const oldMessages = yield oldStorage.loadMessages();
|
|
119
|
+
if (oldMessages.length > 1) {
|
|
120
|
+
console.log('Found data in old namespace, migrating...');
|
|
121
|
+
if (null == storage ? void 0 : storage.saveMessages) yield storage.saveMessages(oldMessages);
|
|
122
|
+
if (oldStorage.clearMessages) yield oldStorage.clearMessages();
|
|
123
|
+
return oldMessages;
|
|
124
|
+
}
|
|
56
125
|
}
|
|
126
|
+
} catch (error) {
|
|
127
|
+
console.debug('No data found in old namespace:', error);
|
|
57
128
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
setInfoList([
|
|
129
|
+
return [];
|
|
130
|
+
})();
|
|
131
|
+
const initializeMessages = ()=>_async_to_generator(function*() {
|
|
132
|
+
const welcomeMessage = _object_spread_props(_object_spread({}, constants_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE), {
|
|
133
|
+
id: 'welcome',
|
|
134
|
+
timestamp: new Date()
|
|
135
|
+
});
|
|
136
|
+
if (null == storage ? void 0 : storage.loadMessages) try {
|
|
137
|
+
let storedMessages = yield storage.loadMessages();
|
|
138
|
+
if (0 === storedMessages.length) storedMessages = yield migrateFromOldNamespace();
|
|
139
|
+
const hasWelcomeMessage = storedMessages.some((msg)=>'welcome' === msg.id);
|
|
140
|
+
hasWelcomeMessage ? setInfoList(storedMessages) : setInfoList([
|
|
141
|
+
welcomeMessage,
|
|
142
|
+
...storedMessages
|
|
143
|
+
]);
|
|
144
|
+
} catch (error) {
|
|
145
|
+
console.error('Failed to load messages:', error);
|
|
146
|
+
setInfoList([
|
|
147
|
+
welcomeMessage
|
|
148
|
+
]);
|
|
149
|
+
}
|
|
150
|
+
else setInfoList([
|
|
80
151
|
welcomeMessage
|
|
81
152
|
]);
|
|
82
|
-
}
|
|
83
|
-
else setInfoList([
|
|
84
|
-
welcomeMessage
|
|
85
|
-
]);
|
|
86
|
-
};
|
|
153
|
+
})();
|
|
87
154
|
if (storage && !initializedRef.current) {
|
|
88
155
|
initializedRef.current = true;
|
|
89
156
|
initializeMessages();
|
|
@@ -110,21 +177,21 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
|
|
|
110
177
|
uiContextPreview
|
|
111
178
|
]);
|
|
112
179
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
113
|
-
const loadActionSpace =
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
180
|
+
const loadActionSpace = ()=>_async_to_generator(function*() {
|
|
181
|
+
setActionSpaceLoading(true);
|
|
182
|
+
try {
|
|
183
|
+
var _contextProvider_getUIContext;
|
|
184
|
+
if (!playgroundSDK) return void setActionSpace([]);
|
|
185
|
+
const context = uiContextPreview || (yield null == contextProvider ? void 0 : null == (_contextProvider_getUIContext = contextProvider.getUIContext) ? void 0 : _contextProvider_getUIContext.call(contextProvider));
|
|
186
|
+
const space = yield playgroundSDK.getActionSpace(context);
|
|
187
|
+
setActionSpace(space || []);
|
|
188
|
+
} catch (error) {
|
|
189
|
+
console.error('Failed to load action space:', error);
|
|
190
|
+
setActionSpace([]);
|
|
191
|
+
} finally{
|
|
192
|
+
setActionSpaceLoading(false);
|
|
193
|
+
}
|
|
194
|
+
})();
|
|
128
195
|
loadActionSpace();
|
|
129
196
|
}, [
|
|
130
197
|
playgroundSDK,
|
|
@@ -179,31 +246,30 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
|
|
|
179
246
|
}, [
|
|
180
247
|
checkIfScrolledToBottom
|
|
181
248
|
]);
|
|
182
|
-
const clearInfoList = (0, external_react_namespaceObject.useCallback)(
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
}
|
|
196
|
-
}, [
|
|
249
|
+
const clearInfoList = (0, external_react_namespaceObject.useCallback)(()=>_async_to_generator(function*() {
|
|
250
|
+
const welcomeMessage = _object_spread_props(_object_spread({}, constants_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE), {
|
|
251
|
+
id: 'welcome',
|
|
252
|
+
timestamp: new Date()
|
|
253
|
+
});
|
|
254
|
+
setInfoList([
|
|
255
|
+
welcomeMessage
|
|
256
|
+
]);
|
|
257
|
+
if (null == storage ? void 0 : storage.clearMessages) try {
|
|
258
|
+
yield storage.clearMessages();
|
|
259
|
+
} catch (error) {
|
|
260
|
+
console.error('Failed to clear stored messages:', error);
|
|
261
|
+
}
|
|
262
|
+
})(), [
|
|
197
263
|
storage
|
|
198
264
|
]);
|
|
199
|
-
const refreshContext = (0, external_react_namespaceObject.useCallback)(
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
265
|
+
const refreshContext = (0, external_react_namespaceObject.useCallback)(()=>_async_to_generator(function*() {
|
|
266
|
+
if (null == contextProvider ? void 0 : contextProvider.refreshContext) try {
|
|
267
|
+
const newContext = yield contextProvider.refreshContext();
|
|
268
|
+
setUiContextPreview(newContext);
|
|
269
|
+
} catch (error) {
|
|
270
|
+
console.error('Failed to refresh context:', error);
|
|
271
|
+
}
|
|
272
|
+
})(), [
|
|
207
273
|
contextProvider
|
|
208
274
|
]);
|
|
209
275
|
return {
|
|
@@ -229,9 +295,9 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
|
|
|
229
295
|
};
|
|
230
296
|
}
|
|
231
297
|
exports.usePlaygroundState = __webpack_exports__.usePlaygroundState;
|
|
232
|
-
for(var
|
|
298
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
233
299
|
"usePlaygroundState"
|
|
234
|
-
].indexOf(
|
|
300
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
235
301
|
Object.defineProperty(exports, '__esModule', {
|
|
236
302
|
value: true
|
|
237
303
|
});
|
|
@@ -29,8 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
});
|
|
30
30
|
const env_namespaceObject = require("@midscene/shared/env");
|
|
31
31
|
const external_antd_namespaceObject = require("antd");
|
|
32
|
-
function safeOverrideAIConfig(newConfig) {
|
|
33
|
-
let extendMode = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false, showErrorMessage = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
|
|
32
|
+
function safeOverrideAIConfig(newConfig, extendMode = false, showErrorMessage = true) {
|
|
34
33
|
try {
|
|
35
34
|
(0, env_namespaceObject.overrideAIConfig)(newConfig, extendMode);
|
|
36
35
|
return true;
|
|
@@ -42,20 +41,17 @@ function safeOverrideAIConfig(newConfig) {
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
function useSafeOverrideAIConfig() {
|
|
45
|
-
const applyConfig =
|
|
46
|
-
let extendMode = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : false, showErrorMessage = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : true;
|
|
47
|
-
return safeOverrideAIConfig(newConfig, extendMode, showErrorMessage);
|
|
48
|
-
};
|
|
44
|
+
const applyConfig = (newConfig, extendMode = false, showErrorMessage = true)=>safeOverrideAIConfig(newConfig, extendMode, showErrorMessage);
|
|
49
45
|
return {
|
|
50
46
|
applyConfig
|
|
51
47
|
};
|
|
52
48
|
}
|
|
53
49
|
exports.safeOverrideAIConfig = __webpack_exports__.safeOverrideAIConfig;
|
|
54
50
|
exports.useSafeOverrideAIConfig = __webpack_exports__.useSafeOverrideAIConfig;
|
|
55
|
-
for(var
|
|
51
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
56
52
|
"safeOverrideAIConfig",
|
|
57
53
|
"useSafeOverrideAIConfig"
|
|
58
|
-
].indexOf(
|
|
54
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
59
55
|
Object.defineProperty(exports, '__esModule', {
|
|
60
56
|
value: true
|
|
61
57
|
});
|
|
@@ -29,23 +29,48 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const playground_namespaceObject = require("@midscene/playground");
|
|
30
30
|
const external_react_namespaceObject = require("react");
|
|
31
31
|
const store_js_namespaceObject = require("../store/store.js");
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
33
|
+
try {
|
|
34
|
+
var info = gen[key](arg);
|
|
35
|
+
var value = info.value;
|
|
36
|
+
} catch (error) {
|
|
37
|
+
reject(error);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (info.done) resolve(value);
|
|
41
|
+
else Promise.resolve(value).then(_next, _throw);
|
|
42
|
+
}
|
|
43
|
+
function _async_to_generator(fn) {
|
|
44
|
+
return function() {
|
|
45
|
+
var self = this, args = arguments;
|
|
46
|
+
return new Promise(function(resolve, reject) {
|
|
47
|
+
var gen = fn.apply(self, args);
|
|
48
|
+
function _next(value) {
|
|
49
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
50
|
+
}
|
|
51
|
+
function _throw(err) {
|
|
52
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
53
|
+
}
|
|
54
|
+
_next(void 0);
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
const useServerValid = (shouldRun = true)=>{
|
|
34
59
|
const [serverValid, setServerValid] = (0, external_react_namespaceObject.useState)(true);
|
|
35
60
|
const { serviceMode } = (0, store_js_namespaceObject.useEnvConfig)();
|
|
36
61
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
37
62
|
let interruptFlag = false;
|
|
38
63
|
if (!shouldRun) return;
|
|
39
|
-
Promise.resolve((
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
64
|
+
Promise.resolve((()=>_async_to_generator(function*() {
|
|
65
|
+
while(!interruptFlag){
|
|
66
|
+
const playgroundSDK = new playground_namespaceObject.PlaygroundSDK({
|
|
67
|
+
type: 'remote-execution'
|
|
68
|
+
});
|
|
69
|
+
const status = yield playgroundSDK.checkStatus();
|
|
70
|
+
status ? setServerValid(true) : setServerValid(false);
|
|
71
|
+
yield new Promise((resolve)=>setTimeout(resolve, 1000));
|
|
72
|
+
}
|
|
73
|
+
})())());
|
|
49
74
|
return ()=>{
|
|
50
75
|
interruptFlag = true;
|
|
51
76
|
};
|
|
@@ -56,9 +81,9 @@ const useServerValid = function() {
|
|
|
56
81
|
return serverValid;
|
|
57
82
|
};
|
|
58
83
|
exports.useServerValid = __webpack_exports__.useServerValid;
|
|
59
|
-
for(var
|
|
84
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
60
85
|
"useServerValid"
|
|
61
|
-
].indexOf(
|
|
86
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
62
87
|
Object.defineProperty(exports, '__esModule', {
|
|
63
88
|
value: true
|
|
64
89
|
});
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
useTheme: ()=>useTheme
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
function useTheme() {
|
|
31
|
+
const [isDarkMode, setIsDarkMode] = (0, external_react_namespaceObject.useState)(false);
|
|
32
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
33
|
+
const checkTheme = ()=>{
|
|
34
|
+
var _document_querySelector;
|
|
35
|
+
const theme = null == (_document_querySelector = document.querySelector('[data-theme]')) ? void 0 : _document_querySelector.getAttribute('data-theme');
|
|
36
|
+
setIsDarkMode('dark' === theme);
|
|
37
|
+
};
|
|
38
|
+
checkTheme();
|
|
39
|
+
const observer = new MutationObserver(checkTheme);
|
|
40
|
+
const target = document.querySelector('[data-theme]') || document.documentElement;
|
|
41
|
+
observer.observe(target, {
|
|
42
|
+
attributes: true,
|
|
43
|
+
attributeFilter: [
|
|
44
|
+
'data-theme'
|
|
45
|
+
]
|
|
46
|
+
});
|
|
47
|
+
return ()=>observer.disconnect();
|
|
48
|
+
}, []);
|
|
49
|
+
return {
|
|
50
|
+
isDarkMode
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
exports.useTheme = __webpack_exports__.useTheme;
|
|
54
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
55
|
+
"useTheme"
|
|
56
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
57
|
+
Object.defineProperty(exports, '__esModule', {
|
|
58
|
+
value: true
|
|
59
|
+
});
|
package/dist/lib/icons/avatar.js
CHANGED
|
@@ -28,14 +28,56 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
require("react");
|
|
31
|
-
|
|
31
|
+
function _define_property(obj, key, value) {
|
|
32
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
33
|
+
value: value,
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
writable: true
|
|
37
|
+
});
|
|
38
|
+
else obj[key] = value;
|
|
39
|
+
return obj;
|
|
40
|
+
}
|
|
41
|
+
function _object_spread(target) {
|
|
42
|
+
for(var i = 1; i < arguments.length; i++){
|
|
43
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
44
|
+
var ownKeys = Object.keys(source);
|
|
45
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
46
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
47
|
+
}));
|
|
48
|
+
ownKeys.forEach(function(key) {
|
|
49
|
+
_define_property(target, key, source[key]);
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function avatar_ownKeys(object, enumerableOnly) {
|
|
55
|
+
var keys = Object.keys(object);
|
|
56
|
+
if (Object.getOwnPropertySymbols) {
|
|
57
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
58
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
59
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
60
|
+
});
|
|
61
|
+
keys.push.apply(keys, symbols);
|
|
62
|
+
}
|
|
63
|
+
return keys;
|
|
64
|
+
}
|
|
65
|
+
function _object_spread_props(target, source) {
|
|
66
|
+
source = null != source ? source : {};
|
|
67
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
68
|
+
else avatar_ownKeys(Object(source)).forEach(function(key) {
|
|
69
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
70
|
+
});
|
|
71
|
+
return target;
|
|
72
|
+
}
|
|
73
|
+
const SvgAvatar = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
|
|
32
74
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
75
|
width: 20,
|
|
34
76
|
height: 20,
|
|
35
77
|
fill: "none",
|
|
36
78
|
"aria-label": "Playground",
|
|
37
|
-
viewBox: "0 0 20 20"
|
|
38
|
-
|
|
79
|
+
viewBox: "0 0 20 20"
|
|
80
|
+
}, props), {
|
|
39
81
|
children: [
|
|
40
82
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
|
|
41
83
|
width: 20,
|
|
@@ -51,12 +93,12 @@ const SvgAvatar = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("
|
|
|
51
93
|
d: "M6.866 5.882a.56.56 0 0 1 .667-.078l3.248 1.875 3.247 1.875a.563.563 0 0 1 0 .974l-3.247 1.875-3.248 1.875a.563.563 0 0 1-.784-.74l1.749-3.497-1.75-3.498a.56.56 0 0 1 .118-.661Z"
|
|
52
94
|
})
|
|
53
95
|
]
|
|
54
|
-
});
|
|
96
|
+
}));
|
|
55
97
|
const avatar = SvgAvatar;
|
|
56
98
|
exports["default"] = __webpack_exports__["default"];
|
|
57
|
-
for(var
|
|
99
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
58
100
|
"default"
|
|
59
|
-
].indexOf(
|
|
101
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
60
102
|
Object.defineProperty(exports, '__esModule', {
|
|
61
103
|
value: true
|
|
62
104
|
});
|
package/dist/lib/icons/close.js
CHANGED
|
@@ -28,13 +28,55 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
require("react");
|
|
31
|
-
|
|
31
|
+
function _define_property(obj, key, value) {
|
|
32
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
33
|
+
value: value,
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
writable: true
|
|
37
|
+
});
|
|
38
|
+
else obj[key] = value;
|
|
39
|
+
return obj;
|
|
40
|
+
}
|
|
41
|
+
function _object_spread(target) {
|
|
42
|
+
for(var i = 1; i < arguments.length; i++){
|
|
43
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
44
|
+
var ownKeys = Object.keys(source);
|
|
45
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
46
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
47
|
+
}));
|
|
48
|
+
ownKeys.forEach(function(key) {
|
|
49
|
+
_define_property(target, key, source[key]);
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function close_ownKeys(object, enumerableOnly) {
|
|
55
|
+
var keys = Object.keys(object);
|
|
56
|
+
if (Object.getOwnPropertySymbols) {
|
|
57
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
58
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
59
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
60
|
+
});
|
|
61
|
+
keys.push.apply(keys, symbols);
|
|
62
|
+
}
|
|
63
|
+
return keys;
|
|
64
|
+
}
|
|
65
|
+
function _object_spread_props(target, source) {
|
|
66
|
+
source = null != source ? source : {};
|
|
67
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
68
|
+
else close_ownKeys(Object(source)).forEach(function(key) {
|
|
69
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
70
|
+
});
|
|
71
|
+
return target;
|
|
72
|
+
}
|
|
73
|
+
const SvgClose = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", _object_spread_props(_object_spread({
|
|
32
74
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
75
|
width: 18,
|
|
34
76
|
height: 16,
|
|
35
77
|
fill: "none",
|
|
36
|
-
viewBox: "0 0 18 16"
|
|
37
|
-
|
|
78
|
+
viewBox: "0 0 18 16"
|
|
79
|
+
}, props), {
|
|
38
80
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
39
81
|
stroke: "#333",
|
|
40
82
|
strokeLinecap: "round",
|
|
@@ -42,12 +84,12 @@ const SvgClose = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("sv
|
|
|
42
84
|
strokeWidth: 1.333,
|
|
43
85
|
d: "m3.124 2.667 11.162 10.666M3.124 13.333 14.286 2.667"
|
|
44
86
|
})
|
|
45
|
-
});
|
|
87
|
+
}));
|
|
46
88
|
const icons_close = SvgClose;
|
|
47
89
|
exports["default"] = __webpack_exports__["default"];
|
|
48
|
-
for(var
|
|
90
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
49
91
|
"default"
|
|
50
|
-
].indexOf(
|
|
92
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
51
93
|
Object.defineProperty(exports, '__esModule', {
|
|
52
94
|
value: true
|
|
53
95
|
});
|
|
@@ -28,23 +28,65 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
require("react");
|
|
31
|
-
|
|
31
|
+
function _define_property(obj, key, value) {
|
|
32
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
33
|
+
value: value,
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
writable: true
|
|
37
|
+
});
|
|
38
|
+
else obj[key] = value;
|
|
39
|
+
return obj;
|
|
40
|
+
}
|
|
41
|
+
function _object_spread(target) {
|
|
42
|
+
for(var i = 1; i < arguments.length; i++){
|
|
43
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
44
|
+
var ownKeys = Object.keys(source);
|
|
45
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
46
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
47
|
+
}));
|
|
48
|
+
ownKeys.forEach(function(key) {
|
|
49
|
+
_define_property(target, key, source[key]);
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function global_perspective_ownKeys(object, enumerableOnly) {
|
|
55
|
+
var keys = Object.keys(object);
|
|
56
|
+
if (Object.getOwnPropertySymbols) {
|
|
57
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
58
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
59
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
60
|
+
});
|
|
61
|
+
keys.push.apply(keys, symbols);
|
|
62
|
+
}
|
|
63
|
+
return keys;
|
|
64
|
+
}
|
|
65
|
+
function _object_spread_props(target, source) {
|
|
66
|
+
source = null != source ? source : {};
|
|
67
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
68
|
+
else global_perspective_ownKeys(Object(source)).forEach(function(key) {
|
|
69
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
70
|
+
});
|
|
71
|
+
return target;
|
|
72
|
+
}
|
|
73
|
+
const SvgGlobalPerspective = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", _object_spread_props(_object_spread({
|
|
32
74
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
75
|
width: 16,
|
|
34
76
|
height: 16,
|
|
35
77
|
fill: "none",
|
|
36
|
-
viewBox: "0 0 16 16"
|
|
37
|
-
|
|
78
|
+
viewBox: "0 0 16 16"
|
|
79
|
+
}, props), {
|
|
38
80
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
39
|
-
fill: "
|
|
81
|
+
fill: "currentColor",
|
|
40
82
|
d: "M1.333 13v-2.5a.667.667 0 0 1 1.334 0V13c0 .184.149.333.333.333h2.5a.667.667 0 0 1 0 1.334H3c-.92 0-1.667-.746-1.667-1.667m12 0v-2.5a.667.667 0 0 1 1.334 0V13c0 .92-.746 1.667-1.667 1.667h-2.5a.667.667 0 0 1 0-1.334H13a.333.333 0 0 0 .333-.333m-12-7.5V3c0-.92.747-1.667 1.667-1.667h2.5a.667.667 0 0 1 0 1.334H3A.333.333 0 0 0 2.667 3v2.5a.667.667 0 0 1-1.334 0m12 0V3A.333.333 0 0 0 13 2.667h-2.5a.667.667 0 0 1 0-1.334H13c.92 0 1.667.747 1.667 1.667v2.5a.667.667 0 0 1-1.334 0M5.667 10.333h4.666V5.667H5.667zm6 .167c0 .644-.523 1.167-1.167 1.167h-5A1.167 1.167 0 0 1 4.333 10.5v-5c0-.644.523-1.167 1.167-1.167h5c.644 0 1.167.523 1.167 1.167z"
|
|
41
83
|
})
|
|
42
|
-
});
|
|
84
|
+
}));
|
|
43
85
|
const global_perspective = SvgGlobalPerspective;
|
|
44
86
|
exports["default"] = __webpack_exports__["default"];
|
|
45
|
-
for(var
|
|
87
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
46
88
|
"default"
|
|
47
|
-
].indexOf(
|
|
89
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
48
90
|
Object.defineProperty(exports, '__esModule', {
|
|
49
91
|
value: true
|
|
50
92
|
});
|