@godscene/playground-electron 1.7.11

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 (98) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +4 -0
  3. package/dist/es/DeviceInteractionLayer.mjs +383 -0
  4. package/dist/es/PlaygroundApp.css +207 -0
  5. package/dist/es/PlaygroundApp.mjs +776 -0
  6. package/dist/es/PlaygroundPreview.mjs +29 -0
  7. package/dist/es/PlaygroundThemeProvider.mjs +10 -0
  8. package/dist/es/PreviewRenderer.mjs +270 -0
  9. package/dist/es/ScrcpyPanel.mjs +390 -0
  10. package/dist/es/SessionSetupPanel.css +299 -0
  11. package/dist/es/SessionSetupPanel.mjs +169 -0
  12. package/dist/es/components/Header/index.css +19 -0
  13. package/dist/es/components/Header/index.mjs +37 -0
  14. package/dist/es/components/Nav/index.css +15 -0
  15. package/dist/es/components/Nav/index.mjs +93 -0
  16. package/dist/es/components/WinControlTool/index.css +5 -0
  17. package/dist/es/components/WinControlTool/index.mjs +76 -0
  18. package/dist/es/controller/ai-config.mjs +40 -0
  19. package/dist/es/controller/auto-create.mjs +19 -0
  20. package/dist/es/controller/selectors.mjs +78 -0
  21. package/dist/es/controller/single-flight.mjs +13 -0
  22. package/dist/es/controller/types.mjs +0 -0
  23. package/dist/es/controller/usePlaygroundController.mjs +400 -0
  24. package/dist/es/icons/dropdown-chevron.mjs +61 -0
  25. package/dist/es/icons/midscene-logo.mjs +247 -0
  26. package/dist/es/icons/server-offline-background.mjs +102 -0
  27. package/dist/es/icons/server-offline-foreground.mjs +200 -0
  28. package/dist/es/index.mjs +7 -0
  29. package/dist/es/manual-interaction.mjs +56 -0
  30. package/dist/es/panels/PlaygroundConversationPanel.css +20 -0
  31. package/dist/es/panels/PlaygroundConversationPanel.mjs +140 -0
  32. package/dist/es/runtime-info.mjs +128 -0
  33. package/dist/es/scrcpy-preview.mjs +30 -0
  34. package/dist/es/scrcpy-stream.mjs +53 -0
  35. package/dist/es/session-setup.mjs +13 -0
  36. package/dist/es/session-state.mjs +32 -0
  37. package/dist/es/useServerStatus.mjs +120 -0
  38. package/dist/lib/DeviceInteractionLayer.js +434 -0
  39. package/dist/lib/PlaygroundApp.css +207 -0
  40. package/dist/lib/PlaygroundApp.js +821 -0
  41. package/dist/lib/PlaygroundPreview.js +63 -0
  42. package/dist/lib/PlaygroundThemeProvider.js +44 -0
  43. package/dist/lib/PreviewRenderer.js +304 -0
  44. package/dist/lib/ScrcpyPanel.js +424 -0
  45. package/dist/lib/SessionSetupPanel.css +299 -0
  46. package/dist/lib/SessionSetupPanel.js +217 -0
  47. package/dist/lib/components/Header/index.css +19 -0
  48. package/dist/lib/components/Header/index.js +81 -0
  49. package/dist/lib/components/Nav/index.css +15 -0
  50. package/dist/lib/components/Nav/index.js +127 -0
  51. package/dist/lib/components/WinControlTool/index.css +5 -0
  52. package/dist/lib/components/WinControlTool/index.js +110 -0
  53. package/dist/lib/controller/ai-config.js +80 -0
  54. package/dist/lib/controller/auto-create.js +59 -0
  55. package/dist/lib/controller/selectors.js +115 -0
  56. package/dist/lib/controller/single-flight.js +47 -0
  57. package/dist/lib/controller/types.js +18 -0
  58. package/dist/lib/controller/usePlaygroundController.js +434 -0
  59. package/dist/lib/icons/dropdown-chevron.js +95 -0
  60. package/dist/lib/icons/midscene-logo.js +281 -0
  61. package/dist/lib/icons/server-offline-background.js +136 -0
  62. package/dist/lib/icons/server-offline-foreground.js +234 -0
  63. package/dist/lib/index.js +56 -0
  64. package/dist/lib/manual-interaction.js +90 -0
  65. package/dist/lib/panels/PlaygroundConversationPanel.css +20 -0
  66. package/dist/lib/panels/PlaygroundConversationPanel.js +174 -0
  67. package/dist/lib/runtime-info.js +174 -0
  68. package/dist/lib/scrcpy-preview.js +79 -0
  69. package/dist/lib/scrcpy-stream.js +87 -0
  70. package/dist/lib/session-setup.js +47 -0
  71. package/dist/lib/session-state.js +69 -0
  72. package/dist/lib/useServerStatus.js +154 -0
  73. package/dist/types/DeviceInteractionLayer.d.ts +50 -0
  74. package/dist/types/PlaygroundApp.d.ts +14 -0
  75. package/dist/types/PlaygroundPreview.d.ts +22 -0
  76. package/dist/types/PlaygroundThemeProvider.d.ts +2 -0
  77. package/dist/types/PreviewRenderer.d.ts +27 -0
  78. package/dist/types/ScrcpyPanel.d.ts +21 -0
  79. package/dist/types/SessionSetupPanel.d.ts +16 -0
  80. package/dist/types/components/Header/index.d.ts +3 -0
  81. package/dist/types/components/Nav/index.d.ts +3 -0
  82. package/dist/types/components/WinControlTool/index.d.ts +3 -0
  83. package/dist/types/controller/ai-config.d.ts +5 -0
  84. package/dist/types/controller/auto-create.d.ts +15 -0
  85. package/dist/types/controller/selectors.d.ts +5 -0
  86. package/dist/types/controller/single-flight.d.ts +3 -0
  87. package/dist/types/controller/types.d.ts +36 -0
  88. package/dist/types/controller/usePlaygroundController.d.ts +16 -0
  89. package/dist/types/index.d.ts +13 -0
  90. package/dist/types/manual-interaction.d.ts +21 -0
  91. package/dist/types/panels/PlaygroundConversationPanel.d.ts +25 -0
  92. package/dist/types/runtime-info.d.ts +22 -0
  93. package/dist/types/scrcpy-preview.d.ts +11 -0
  94. package/dist/types/scrcpy-stream.d.ts +16 -0
  95. package/dist/types/session-setup.d.ts +2 -0
  96. package/dist/types/session-state.d.ts +9 -0
  97. package/dist/types/useServerStatus.d.ts +12 -0
  98. package/package.json +69 -0
package/dist/lib/PlaygroundApp.css ADDED
@@ -0,0 +1,207 @@
1
+ body {
2
+ margin: 0;
3
+ padding: 0;
4
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
5
+ font-size: 14px;
6
+ }
7
+
8
+ h3 {
9
+ text-transform: capitalize;
10
+ }
11
+
12
+ .app-container {
13
+ background-color: #f5f5f5;
14
+ flex-direction: column;
15
+ width: 100%;
16
+ height: 100vh;
17
+ display: flex;
18
+ }
19
+
20
+ .app-content {
21
+ height: 100vh;
22
+ overflow: hidden;
23
+ }
24
+
25
+ .app-panel {
26
+ background-color: #fff;
27
+ border-radius: 0;
28
+ height: 100%;
29
+ transition: box-shadow .3s;
30
+ overflow: hidden;
31
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
32
+ }
33
+
34
+ .app-panel:hover {
35
+ box-shadow: 0 2px 8px rgba(0, 0, 0, .09);
36
+ }
37
+
38
+ .app-panel.left-panel {
39
+ flex-direction: column;
40
+ height: 100%;
41
+ display: flex;
42
+ overflow: hidden;
43
+ }
44
+
45
+ .app-panel.right-panel {
46
+ border-radius: 0;
47
+ flex: 1;
48
+ padding-top: 16px;
49
+ overflow: hidden;
50
+ box-shadow: -4px 0 20px rgba(0, 0, 0, .04);
51
+ }
52
+
53
+ .panel-content {
54
+ flex-direction: column;
55
+ height: 100%;
56
+ display: flex;
57
+ overflow: auto;
58
+ }
59
+
60
+ .panel-content.left-panel-content {
61
+ flex-direction: column;
62
+ height: 100%;
63
+ display: flex;
64
+ position: relative;
65
+ overflow: hidden;
66
+ }
67
+
68
+ .panel-content.left-panel-content .playground-panel-header {
69
+ border-bottom: 1px solid rgba(0, 0, 0, .06);
70
+ flex-shrink: 0;
71
+ align-items: center;
72
+ height: 60px;
73
+ padding: 0 24px;
74
+ display: flex;
75
+ }
76
+
77
+ .panel-content.left-panel-content .playground-panel-header .header-row {
78
+ justify-content: space-between;
79
+ align-items: center;
80
+ gap: 10px;
81
+ width: 100%;
82
+ display: flex;
83
+ }
84
+
85
+ .panel-content.left-panel-content .playground-panel-playground {
86
+ flex-direction: column;
87
+ flex: 1;
88
+ min-height: 0;
89
+ padding: 0 24px;
90
+ display: flex;
91
+ }
92
+
93
+ .panel-content.left-panel-content .playground-panel-playground .playground-container {
94
+ background: #fff;
95
+ border: none;
96
+ border-radius: 8px;
97
+ flex: 1;
98
+ overflow: hidden;
99
+ }
100
+
101
+ .panel-content.right-panel-content {
102
+ border-radius: 0;
103
+ flex-direction: column;
104
+ padding: 0 24px 24px;
105
+ display: flex;
106
+ overflow: hidden;
107
+ }
108
+
109
+ .panel-content.right-panel-content .screenshot-viewer {
110
+ flex: 1;
111
+ overflow: hidden;
112
+ }
113
+
114
+ .server-offline-container {
115
+ background: #f5f5f5;
116
+ justify-content: center;
117
+ align-items: center;
118
+ height: 100vh;
119
+ display: flex;
120
+ }
121
+
122
+ .server-offline-container .server-offline-message {
123
+ background: #f2f4f7;
124
+ border-radius: 8px;
125
+ flex-direction: column;
126
+ width: 100%;
127
+ height: 100%;
128
+ padding: 14px 24px 0;
129
+ display: flex;
130
+ box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
131
+ }
132
+
133
+ .server-offline-container .server-offline-message .server-offline-content {
134
+ text-align: center;
135
+ flex-direction: column;
136
+ flex: 1;
137
+ justify-content: flex-start;
138
+ align-items: center;
139
+ padding-top: max(200px, min(24vh, 280px));
140
+ display: flex;
141
+ }
142
+
143
+ .server-offline-container .server-offline-message .server-offline-icon {
144
+ width: 300px;
145
+ height: 212px;
146
+ display: inline-block;
147
+ position: relative;
148
+ }
149
+
150
+ .server-offline-container .server-offline-message .server-offline-icon .icon-background, .server-offline-container .server-offline-message .server-offline-icon .icon-foreground {
151
+ display: block;
152
+ position: absolute;
153
+ top: 50%;
154
+ left: 50%;
155
+ transform: translate(-50%, -50%);
156
+ }
157
+
158
+ .server-offline-container .server-offline-message .server-offline-icon .icon-background {
159
+ z-index: 1;
160
+ width: 300px;
161
+ height: 212px;
162
+ }
163
+
164
+ .server-offline-container .server-offline-message .server-offline-icon .icon-foreground {
165
+ z-index: 2;
166
+ width: 134px;
167
+ height: 101px;
168
+ }
169
+
170
+ .server-offline-container .server-offline-message h1 {
171
+ color: #000;
172
+ margin: 0;
173
+ font-size: 18px;
174
+ font-weight: 600;
175
+ }
176
+
177
+ .server-offline-container .server-offline-message .connection-status {
178
+ text-align: center;
179
+ margin-top: 8px;
180
+ font-size: 12px;
181
+ }
182
+
183
+ .panel-resize-handle {
184
+ background-color: #f0f0f0;
185
+ transition: background-color .2s;
186
+ position: relative;
187
+ }
188
+
189
+ .panel-resize-handle.horizontal {
190
+ cursor: col-resize;
191
+ width: 1px;
192
+ }
193
+
194
+ .panel-resize-handle.vertical {
195
+ cursor: row-resize;
196
+ height: 1px;
197
+ }
198
+
199
+ .panel-resize-handle:hover, .panel-resize-handle:active, .panel-resize-handle[data-resize-handle-active] {
200
+ background-color: #1677ff;
201
+ }
202
+
203
+ .clear-button-container {
204
+ top: 20px !important;
205
+ right: -4px !important;
206
+ }
207
+