@typespec/playground 0.1.0-alpha.4-dev.17 → 0.1.0-alpha.4-dev.19

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 (66) hide show
  1. package/dist/index.css +201 -4
  2. package/dist/index.js +1 -1
  3. package/dist/react/index.js +146 -116
  4. package/dist/react/index.js.map +1 -1
  5. package/dist/react/viewers/index.js +19 -0
  6. package/dist/react/viewers/index.js.map +1 -0
  7. package/dist/src/editor-command-bar/editor-command-bar.d.ts.map +1 -0
  8. package/dist/src/react/diagnostic-list/diagnostic-list.d.ts +8 -0
  9. package/dist/src/react/diagnostic-list/diagnostic-list.d.ts.map +1 -0
  10. package/dist/src/react/{file-output.d.ts → file-output/file-output.d.ts} +1 -1
  11. package/dist/src/react/file-output/file-output.d.ts.map +1 -0
  12. package/dist/src/react/footer/footer-version-item.d.ts +1 -1
  13. package/dist/src/react/footer/footer-version-item.d.ts.map +1 -1
  14. package/dist/src/react/index.d.ts +1 -1
  15. package/dist/src/react/index.d.ts.map +1 -1
  16. package/dist/src/react/{output-tabs.d.ts → output-tabs/output-tabs.d.ts} +2 -8
  17. package/dist/src/react/output-tabs/output-tabs.d.ts.map +1 -0
  18. package/dist/src/react/{output-view.d.ts → output-view/output-view.d.ts} +2 -2
  19. package/dist/src/react/output-view/output-view.d.ts.map +1 -0
  20. package/dist/src/react/playground.d.ts.map +1 -1
  21. package/dist/src/react/problem-pane/header.d.ts +9 -0
  22. package/dist/src/react/problem-pane/header.d.ts.map +1 -0
  23. package/dist/src/react/problem-pane/index.d.ts +2 -0
  24. package/dist/src/react/problem-pane/index.d.ts.map +1 -0
  25. package/dist/src/react/problem-pane/problem-pane.d.ts +11 -0
  26. package/dist/src/react/problem-pane/problem-pane.d.ts.map +1 -0
  27. package/dist/src/react/settings/compiler-settings-dialog-button.d.ts +8 -0
  28. package/dist/src/react/settings/compiler-settings-dialog-button.d.ts.map +1 -0
  29. package/dist/src/react/settings/compiler-settings.d.ts +6 -6
  30. package/dist/src/react/settings/compiler-settings.d.ts.map +1 -1
  31. package/dist/src/react/settings/emitter-options-form.d.ts +3 -3
  32. package/dist/src/react/settings/emitter-options-form.d.ts.map +1 -1
  33. package/dist/src/react/split-pane/pane.d.ts +1 -1
  34. package/dist/src/react/split-pane/pane.d.ts.map +1 -1
  35. package/dist/src/react/split-pane/sash.d.ts +1 -1
  36. package/dist/src/react/split-pane/sash.d.ts.map +1 -1
  37. package/dist/src/react/split-pane/split-pane.d.ts +2 -2
  38. package/dist/src/react/split-pane/split-pane.d.ts.map +1 -1
  39. package/dist/src/react/standalone.d.ts +4 -2
  40. package/dist/src/react/standalone.d.ts.map +1 -1
  41. package/dist/src/react/{viewers.d.ts → viewers/index.d.ts} +2 -2
  42. package/dist/src/react/viewers/index.d.ts.map +1 -0
  43. package/dist/src/react/{swagger-ui.d.ts → viewers/swagger-ui.d.ts} +1 -1
  44. package/dist/src/react/viewers/swagger-ui.d.ts.map +1 -0
  45. package/dist/src/services.d.ts +2 -2
  46. package/dist/src/services.d.ts.map +1 -1
  47. package/dist/src/vite/index.d.ts.map +1 -1
  48. package/dist/{state-storage-2a373027.js → state-storage-0c6439c8.js} +3 -3
  49. package/dist/state-storage-0c6439c8.js.map +1 -0
  50. package/dist/vite/index.js +1 -6
  51. package/dist/vite/index.js.map +1 -1
  52. package/package.json +3 -4
  53. package/dist/react/viewers.js +0 -29
  54. package/dist/react/viewers.js.map +0 -1
  55. package/dist/src/react/diagnostic-list.d.ts +0 -11
  56. package/dist/src/react/diagnostic-list.d.ts.map +0 -1
  57. package/dist/src/react/editor-command-bar.d.ts.map +0 -1
  58. package/dist/src/react/error-tab.d.ts +0 -12
  59. package/dist/src/react/error-tab.d.ts.map +0 -1
  60. package/dist/src/react/file-output.d.ts.map +0 -1
  61. package/dist/src/react/output-tabs.d.ts.map +0 -1
  62. package/dist/src/react/output-view.d.ts.map +0 -1
  63. package/dist/src/react/swagger-ui.d.ts.map +0 -1
  64. package/dist/src/react/viewers.d.ts.map +0 -1
  65. package/dist/state-storage-2a373027.js.map +0 -1
  66. /package/dist/src/{react → editor-command-bar}/editor-command-bar.d.ts +0 -0
package/dist/index.css CHANGED
@@ -1,3 +1,32 @@
1
+ .playground-module_layout__SCPgt {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ height: 100%;
6
+ overflow: hidden;
7
+ }
8
+
9
+ .editor-command-bar-module_bar__5q4D5 {
10
+ border-bottom: 1px solid var(--colorNeutralStroke1);
11
+ }
12
+
13
+ .editor-command-bar-module_divider__iDahk {
14
+ flex: 1;
15
+ }
16
+
17
+ .editor-command-bar-module_spacer__hlHE9 {
18
+ width: 10px;
19
+ }
20
+
21
+ .footer-version-item-module_version-item__pjuvV {
22
+ padding: 0;
23
+ }
24
+ .footer-version-item-module_button__70iqf {
25
+ cursor: pointer;
26
+ height: 100%;
27
+ padding: 0 5px;
28
+ }
29
+
1
30
  .footer-module_footer__QqUEE {
2
31
  grid-area: footer;
3
32
  display: flex;
@@ -17,6 +46,22 @@
17
46
  background-color: #063a5c;
18
47
  }
19
48
 
49
+ .output-view-module_output-view__uT5Ae {
50
+ display: flex;
51
+ flex-direction: column;
52
+ height: 100%;
53
+ }
54
+
55
+ .output-view-module_output-content__Lis-G {
56
+ flex: 1;
57
+ min-height: 0;
58
+ }
59
+
60
+ .output-view-module_type-graph-viewer__tUDEV {
61
+ height: 100%;
62
+ overflow-y: auto;
63
+ }
64
+
20
65
  .split-pane-module_split-pane__XCqR8 {
21
66
  flex: 1;
22
67
  height: 100%;
@@ -68,6 +113,24 @@
68
113
  background-color: var(--colorNeutralStroke1Pressed);
69
114
  }
70
115
 
116
+ .split-pane-module_sash-vertical__S8HbH .split-pane-module_sash-content__DLAt4 {
117
+ width: 1px;
118
+ margin-left: 1px;
119
+ }
120
+
121
+ .split-pane-module_sash-horizontal__BTUaN .split-pane-module_sash-content__DLAt4 {
122
+ height: 1px;
123
+ margin-top: 1px;
124
+ }
125
+
126
+ .split-pane-module_sash-vertical__S8HbH .split-pane-module_sash-content-dragging__NkKQP {
127
+ width: 100%;
128
+ }
129
+
130
+ .split-pane-module_sash-horizontal__BTUaN .split-pane-module_sash-content-dragging__NkKQP {
131
+ height: 100%;
132
+ }
133
+
71
134
  .split-pane-module_pane__m1zQB {
72
135
  height: 100%;
73
136
  position: absolute;
@@ -76,11 +139,145 @@
76
139
  overflow: hidden;
77
140
  }
78
141
 
79
- .footer-version-item-module_version-item__pjuvV {
80
- padding: 0;
142
+ .file-output-module_file-output__YBaE7 {
143
+ position: relative;
144
+ height: 100%;
81
145
  }
82
- .footer-version-item-module_button__70iqf {
146
+ .file-output-module_viewer-selector__fNWoo {
147
+ margin: 0.5rem 1.5rem;
148
+ position: absolute;
149
+ z-index: 1;
150
+ right: 0;
151
+ }
152
+
153
+ .problem-pane-module_problem-pane__GJKF4 {
154
+ height: 100%;
155
+ background-color: var(--colorNeutralBackground3);
156
+ display: flex;
157
+ flex-direction: column;
158
+ max-height: 100%;
159
+ }
160
+
161
+ .problem-pane-module_problem-content__rYzbh {
162
+ overflow-y: auto;
163
+ }
164
+ .problem-pane-module_no-problems__Ub8R- {
165
+ padding: 10px;
166
+ }
167
+
168
+ .problem-pane-module_internal-compiler-error__laE4f {
169
+ padding: 10px;
170
+ }
171
+
172
+ .output-tabs-module_tabs__MFCRl {
173
+ border-bottom: 1px solid var(--colorNeutralStroke1);
174
+ box-shadow: var(--shadow2);
175
+ }
176
+
177
+ .output-tabs-module_tab-divider__9Fv-- {
178
+ flex: 1;
179
+ border-right: 1px solid var(--colorNeutralStroke1);
180
+ }
181
+
182
+ .output-tabs-module_tab__FJ78k {
183
+ height: 40px;
184
+ border-right: 1px solid var(--colorNeutralStroke1) !important;
185
+ border-radius: 0 !important;
186
+ }
187
+
188
+ .output-tabs-module_tab--selected__GjCZY {
189
+ background-color: var(--colorNeutralBackground5) !important;
190
+ }
191
+
192
+ .diagnostic-list-module_list__6tVpz {
193
+ }
194
+
195
+ .diagnostic-list-module_item__BE8Fr {
196
+ cursor: pointer;
197
+ display: flex;
198
+ gap: 10px;
199
+ padding: 0 10px;
200
+ }
201
+
202
+ .diagnostic-list-module_item__BE8Fr:hover {
203
+ background-color: var(--colorNeutralBackground3Hover);
204
+ }
205
+
206
+ .diagnostic-list-module_item--error__tnhWA {
207
+ color: var(--colorStatusDangerForeground1);
208
+ }
209
+
210
+ .diagnostic-list-module_item--warning__J7vIN {
211
+ color: var(--colorStatusWarningForeground1);
212
+ }
213
+
214
+ .diagnostic-list-module_item-code__AgVjZ {
215
+ color: var(--colorBrandForeground2);
216
+ }
217
+
218
+ .diagnostic-list-module_item-loc__IeYnW {
219
+ color: var(--colorNeutralForeground3);
220
+ }
221
+
222
+ .header-module_header__LyUNg {
223
+ padding: 5px;
83
224
  cursor: pointer;
225
+ display: flex;
226
+ align-items: center;
227
+ height: 20px;
228
+ justify-content: space-between;
229
+ box-shadow: var(--shadow2);
230
+ }
231
+
232
+ .header-module_header--error__8MKzf {
233
+ background-color: var(--colorStatusDangerBackground2);
234
+ color: var(--colorNeutralForeground1);
235
+ }
236
+
237
+ .header-module_error-icon__gb-oB {
238
+ color: var(--colorStatusDangerForeground1);
239
+ }
240
+
241
+ .header-module_header--warning__QPFEE {
242
+ background-color: var(--colorStatusWarningBackground2);
243
+ color: var(--colorNeutralForeground2);
244
+ }
245
+
246
+ .header-module_warning-icon__u14P3 {
247
+ color: var(--colorStatusWarningForeground1);
248
+ }
249
+
250
+ .header-module_header-content__Uc4HJ {
251
+ display: flex;
252
+ align-items: center;
253
+ gap: 10px;
254
+ }
255
+
256
+ .header-module_header-chevron__HXm6b {
257
+ transition: transform 0.2s ease-in-out;
258
+ }
259
+ .header-module_header-chevron--collapsed__wKyHV {
260
+ transform: rotate(90deg);
261
+ }
262
+
263
+ .emitter-options-form-module_form__dm2RP {
264
+ display: flex;
265
+ flex-direction: column;
266
+ gap: 20px;
267
+ }
268
+
269
+ .emitter-options-form-module_item__WocHP {
270
+ display: flex;
271
+ flex-direction: column;
272
+ gap: 10px;
273
+ }
274
+
275
+ .emitter-options-form-module_switch__d4EQs label {
276
+ padding-left: 0;
277
+ }
278
+
279
+ .swagger-ui-module_swagger-ui-container__6pJ6L {
280
+ width: 100%;
84
281
  height: 100%;
85
- padding: 0 5px;
282
+ overflow: auto;
86
283
  }
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { c as createBrowserHost, a as createUrlStateStorage, r as registerMonacoLanguage } from './state-storage-2a373027.js';
1
+ export { c as createBrowserHost, a as createUrlStateStorage, r as registerMonacoLanguage } from './state-storage-0c6439c8.js';
2
2
  import '@typespec/compiler';
3
3
  import 'monaco-editor';
4
4
  import 'vscode-languageserver';