@midscene/visualizer 0.30.10 → 1.0.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.
Files changed (123) hide show
  1. package/dist/es/component/blackboard/index.css +8 -0
  2. package/dist/es/component/blackboard/index.mjs +137 -68
  3. package/dist/es/component/config-selector/index.mjs +102 -4
  4. package/dist/es/component/context-preview/index.mjs +1 -2
  5. package/dist/es/component/env-config/index.mjs +1 -2
  6. package/dist/es/component/env-config-reminder/index.css +8 -0
  7. package/dist/es/component/env-config-reminder/index.mjs +1 -2
  8. package/dist/es/component/form-field/index.mjs +5 -10
  9. package/dist/es/component/history-selector/index.css +38 -1
  10. package/dist/es/component/history-selector/index.mjs +1 -2
  11. package/dist/es/component/logo/index.mjs +7 -3
  12. package/dist/es/component/misc/index.mjs +1 -4
  13. package/dist/es/component/nav-actions/index.mjs +1 -2
  14. package/dist/es/component/nav-actions/style.css +1 -1
  15. package/dist/es/component/player/index.css +26 -0
  16. package/dist/es/component/player/index.mjs +376 -364
  17. package/dist/es/component/playground/index.css +291 -31
  18. package/dist/es/component/playground-result/index.css +10 -0
  19. package/dist/es/component/playground-result/index.mjs +129 -10
  20. package/dist/es/component/prompt-input/index.css +281 -31
  21. package/dist/es/component/prompt-input/index.mjs +83 -25
  22. package/dist/es/component/screenshot-viewer/index.css +214 -0
  23. package/dist/es/component/screenshot-viewer/index.mjs +282 -0
  24. package/dist/es/component/service-mode-control/index.mjs +1 -2
  25. package/dist/es/component/shiny-text/index.css +35 -3
  26. package/dist/es/component/shiny-text/index.mjs +3 -3
  27. package/dist/es/component/universal-playground/index.css +61 -1
  28. package/dist/es/component/universal-playground/index.mjs +106 -83
  29. package/dist/es/component/universal-playground/providers/context-provider.mjs +56 -18
  30. package/dist/es/component/universal-playground/providers/indexeddb-storage-provider.mjs +213 -139
  31. package/dist/es/component/universal-playground/providers/storage-provider.mjs +199 -121
  32. package/dist/es/hooks/usePlaygroundExecution.mjs +297 -146
  33. package/dist/es/hooks/usePlaygroundState.mjs +141 -75
  34. package/dist/es/hooks/useSafeOverrideAIConfig.mjs +2 -6
  35. package/dist/es/hooks/useServerValid.mjs +37 -12
  36. package/dist/es/hooks/useTheme.mjs +25 -0
  37. package/dist/es/icons/avatar.mjs +46 -4
  38. package/dist/es/icons/close.mjs +46 -4
  39. package/dist/es/icons/global-perspective.mjs +47 -5
  40. package/dist/es/icons/history.mjs +48 -6
  41. package/dist/es/icons/magnifying-glass.mjs +47 -5
  42. package/dist/es/icons/player-setting.mjs +48 -6
  43. package/dist/es/icons/setting.mjs +47 -5
  44. package/dist/es/icons/show-marker.mjs +47 -5
  45. package/dist/es/index.mjs +4 -4
  46. package/dist/es/store/history.mjs +46 -7
  47. package/dist/es/store/store.mjs +68 -2
  48. package/dist/es/types.mjs +1 -1
  49. package/dist/es/utils/constants.mjs +7 -3
  50. package/dist/es/utils/index.mjs +4 -1
  51. package/dist/es/utils/pixi-loader.mjs +37 -11
  52. package/dist/es/utils/replay-scripts.mjs +160 -111
  53. package/dist/lib/component/blackboard/index.css +8 -0
  54. package/dist/lib/component/blackboard/index.js +139 -70
  55. package/dist/lib/component/config-selector/index.js +103 -5
  56. package/dist/lib/component/context-preview/index.js +3 -4
  57. package/dist/lib/component/env-config/index.js +3 -4
  58. package/dist/lib/component/env-config-reminder/index.css +8 -0
  59. package/dist/lib/component/env-config-reminder/index.js +3 -4
  60. package/dist/lib/component/form-field/index.js +10 -15
  61. package/dist/lib/component/history-selector/index.css +38 -1
  62. package/dist/lib/component/history-selector/index.js +3 -4
  63. package/dist/lib/component/index.js +6 -8
  64. package/dist/lib/component/logo/index.js +9 -5
  65. package/dist/lib/component/misc/index.js +6 -9
  66. package/dist/lib/component/nav-actions/index.js +3 -4
  67. package/dist/lib/component/nav-actions/style.css +1 -1
  68. package/dist/lib/component/player/index.css +26 -0
  69. package/dist/lib/component/player/index.js +376 -365
  70. package/dist/lib/component/playground/index.css +291 -31
  71. package/dist/lib/component/playground/index.js +31 -33
  72. package/dist/lib/component/playground-result/index.css +10 -0
  73. package/dist/lib/component/playground-result/index.js +131 -12
  74. package/dist/lib/component/prompt-input/index.css +281 -31
  75. package/dist/lib/component/prompt-input/index.js +84 -26
  76. package/dist/lib/component/screenshot-viewer/index.css +214 -0
  77. package/dist/lib/component/screenshot-viewer/index.js +316 -0
  78. package/dist/lib/component/service-mode-control/index.js +3 -4
  79. package/dist/lib/component/shiny-text/index.css +35 -3
  80. package/dist/lib/component/shiny-text/index.js +5 -5
  81. package/dist/lib/component/universal-playground/index.css +61 -1
  82. package/dist/lib/component/universal-playground/index.js +108 -84
  83. package/dist/lib/component/universal-playground/providers/context-provider.js +58 -20
  84. package/dist/lib/component/universal-playground/providers/indexeddb-storage-provider.js +217 -143
  85. package/dist/lib/component/universal-playground/providers/storage-provider.js +207 -129
  86. package/dist/lib/hooks/usePlaygroundExecution.js +299 -148
  87. package/dist/lib/hooks/usePlaygroundState.js +143 -77
  88. package/dist/lib/hooks/useSafeOverrideAIConfig.js +4 -8
  89. package/dist/lib/hooks/useServerValid.js +39 -14
  90. package/dist/lib/hooks/useTheme.js +59 -0
  91. package/dist/lib/icons/avatar.js +48 -6
  92. package/dist/lib/icons/close.js +48 -6
  93. package/dist/lib/icons/global-perspective.js +49 -7
  94. package/dist/lib/icons/history.js +50 -8
  95. package/dist/lib/icons/magnifying-glass.js +49 -7
  96. package/dist/lib/icons/player-setting.js +50 -8
  97. package/dist/lib/icons/setting.js +49 -7
  98. package/dist/lib/icons/show-marker.js +49 -7
  99. package/dist/lib/index.js +44 -34
  100. package/dist/lib/store/history.js +48 -9
  101. package/dist/lib/store/store.js +74 -8
  102. package/dist/lib/types.js +3 -3
  103. package/dist/lib/utils/color.js +2 -2
  104. package/dist/lib/utils/constants.js +20 -4
  105. package/dist/lib/utils/index.js +10 -4
  106. package/dist/lib/utils/pixi-loader.js +41 -15
  107. package/dist/lib/utils/playground-utils.js +4 -4
  108. package/dist/lib/utils/replay-scripts.js +164 -115
  109. package/dist/types/component/config-selector/index.d.ts +2 -0
  110. package/dist/types/component/player/index.d.ts +0 -1
  111. package/dist/types/component/playground-result/index.d.ts +1 -0
  112. package/dist/types/component/prompt-input/index.d.ts +2 -1
  113. package/dist/types/component/screenshot-viewer/index.d.ts +15 -0
  114. package/dist/types/hooks/usePlaygroundExecution.d.ts +1 -1
  115. package/dist/types/hooks/usePlaygroundState.d.ts +3 -3
  116. package/dist/types/hooks/useTheme.d.ts +7 -0
  117. package/dist/types/index.d.ts +3 -3
  118. package/dist/types/store/store.d.ts +18 -1
  119. package/dist/types/types.d.ts +14 -4
  120. package/dist/types/utils/constants.d.ts +5 -1
  121. package/dist/types/utils/index.d.ts +1 -0
  122. package/dist/types/utils/replay-scripts.d.ts +1 -1
  123. 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 = async ()=>{
47
- const oldStorage = (0, storage_provider_js_namespaceObject.createStorageProvider)((0, storage_provider_js_namespaceObject.detectBestStorageType)(), 'playground-default');
48
- try {
49
- if (null == oldStorage ? void 0 : oldStorage.loadMessages) {
50
- const oldMessages = await oldStorage.loadMessages();
51
- if (oldMessages.length > 1) {
52
- console.log('Found data in old namespace, migrating...');
53
- if (null == storage ? void 0 : storage.saveMessages) await storage.saveMessages(oldMessages);
54
- if (oldStorage.clearMessages) await oldStorage.clearMessages();
55
- return oldMessages;
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
- } catch (error) {
59
- console.debug('No data found in old namespace:', error);
60
- }
61
- return [];
62
- };
63
- const initializeMessages = async ()=>{
64
- const welcomeMessage = {
65
- ...constants_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE,
66
- id: 'welcome',
67
- timestamp: new Date()
68
- };
69
- if (null == storage ? void 0 : storage.loadMessages) try {
70
- let storedMessages = await storage.loadMessages();
71
- if (0 === storedMessages.length) storedMessages = await migrateFromOldNamespace();
72
- const hasWelcomeMessage = storedMessages.some((msg)=>'welcome' === msg.id);
73
- hasWelcomeMessage ? setInfoList(storedMessages) : setInfoList([
74
- welcomeMessage,
75
- ...storedMessages
76
- ]);
77
- } catch (error) {
78
- console.error('Failed to load messages:', error);
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 = async ()=>{
114
- setActionSpaceLoading(true);
115
- try {
116
- var _contextProvider_getUIContext;
117
- if (!playgroundSDK) return void setActionSpace([]);
118
- const context = uiContextPreview || await (null == contextProvider ? void 0 : null == (_contextProvider_getUIContext = contextProvider.getUIContext) ? void 0 : _contextProvider_getUIContext.call(contextProvider));
119
- const space = await playgroundSDK.getActionSpace(context);
120
- setActionSpace(space || []);
121
- } catch (error) {
122
- console.error('Failed to load action space:', error);
123
- setActionSpace([]);
124
- } finally{
125
- setActionSpaceLoading(false);
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)(async ()=>{
183
- const welcomeMessage = {
184
- ...constants_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE,
185
- id: 'welcome',
186
- timestamp: new Date()
187
- };
188
- setInfoList([
189
- welcomeMessage
190
- ]);
191
- if (null == storage ? void 0 : storage.clearMessages) try {
192
- await storage.clearMessages();
193
- } catch (error) {
194
- console.error('Failed to clear stored messages:', error);
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)(async ()=>{
200
- if (null == contextProvider ? void 0 : contextProvider.refreshContext) try {
201
- const newContext = await contextProvider.refreshContext();
202
- setUiContextPreview(newContext);
203
- } catch (error) {
204
- console.error('Failed to refresh context:', error);
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 __webpack_i__ in __webpack_exports__)if (-1 === [
298
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
233
299
  "usePlaygroundState"
234
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
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 = function(newConfig) {
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 __webpack_i__ in __webpack_exports__)if (-1 === [
51
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
56
52
  "safeOverrideAIConfig",
57
53
  "useSafeOverrideAIConfig"
58
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
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
- const useServerValid = function() {
33
- let shouldRun = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : true;
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((async ()=>{
40
- while(!interruptFlag){
41
- const playgroundSDK = new playground_namespaceObject.PlaygroundSDK({
42
- type: 'remote-execution'
43
- });
44
- const status = await playgroundSDK.checkStatus();
45
- status ? setServerValid(true) : setServerValid(false);
46
- await new Promise((resolve)=>setTimeout(resolve, 1000));
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 __webpack_i__ in __webpack_exports__)if (-1 === [
84
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
60
85
  "useServerValid"
61
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
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
+ });
@@ -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
- const SvgAvatar = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
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
- ...props,
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 __webpack_i__ in __webpack_exports__)if (-1 === [
99
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
58
100
  "default"
59
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
101
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
60
102
  Object.defineProperty(exports, '__esModule', {
61
103
  value: true
62
104
  });
@@ -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
- const SvgClose = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
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
- ...props,
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 __webpack_i__ in __webpack_exports__)if (-1 === [
90
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
49
91
  "default"
50
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
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
- const SvgGlobalPerspective = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
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
- ...props,
78
+ viewBox: "0 0 16 16"
79
+ }, props), {
38
80
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
39
- fill: "#333",
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 __webpack_i__ in __webpack_exports__)if (-1 === [
87
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
46
88
  "default"
47
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
89
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
48
90
  Object.defineProperty(exports, '__esModule', {
49
91
  value: true
50
92
  });