@typespec/playground 0.1.0-alpha.4-dev.16 → 0.1.0-alpha.4-dev.18

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 (88) hide show
  1. package/dist/index.css +225 -0
  2. package/dist/index.js +1 -1
  3. package/dist/react/index.js +188 -138
  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/browser-host.d.ts +1 -1
  8. package/dist/src/browser-host.d.ts.map +1 -1
  9. package/dist/src/editor-command-bar/editor-command-bar.d.ts.map +1 -0
  10. package/dist/src/react/context/index.d.ts +2 -0
  11. package/dist/src/react/context/index.d.ts.map +1 -0
  12. package/dist/src/react/context/playground-context.d.ts +8 -0
  13. package/dist/src/react/context/playground-context.d.ts.map +1 -0
  14. package/dist/src/react/default-footer.d.ts +3 -0
  15. package/dist/src/react/default-footer.d.ts.map +1 -0
  16. package/dist/src/react/diagnostic-list/diagnostic-list.d.ts +8 -0
  17. package/dist/src/react/diagnostic-list/diagnostic-list.d.ts.map +1 -0
  18. package/dist/src/react/{file-output.d.ts → file-output/file-output.d.ts} +1 -1
  19. package/dist/src/react/file-output/file-output.d.ts.map +1 -0
  20. package/dist/src/react/footer/footer-item.d.ts +8 -0
  21. package/dist/src/react/footer/footer-item.d.ts.map +1 -0
  22. package/dist/src/react/footer/footer-version-item.d.ts +20 -0
  23. package/dist/src/react/footer/footer-version-item.d.ts.map +1 -0
  24. package/dist/src/react/footer/footer.d.ts +7 -0
  25. package/dist/src/react/footer/footer.d.ts.map +1 -0
  26. package/dist/src/react/footer/index.d.ts +4 -0
  27. package/dist/src/react/footer/index.d.ts.map +1 -0
  28. package/dist/src/react/index.d.ts +3 -1
  29. package/dist/src/react/index.d.ts.map +1 -1
  30. package/dist/src/react/{output-tabs.d.ts → output-tabs/output-tabs.d.ts} +2 -8
  31. package/dist/src/react/output-tabs/output-tabs.d.ts.map +1 -0
  32. package/dist/src/react/{output-view.d.ts → output-view/output-view.d.ts} +2 -2
  33. package/dist/src/react/output-view/output-view.d.ts.map +1 -0
  34. package/dist/src/react/playground.d.ts +6 -2
  35. package/dist/src/react/playground.d.ts.map +1 -1
  36. package/dist/src/react/problem-pane/header.d.ts +9 -0
  37. package/dist/src/react/problem-pane/header.d.ts.map +1 -0
  38. package/dist/src/react/problem-pane/index.d.ts +2 -0
  39. package/dist/src/react/problem-pane/index.d.ts.map +1 -0
  40. package/dist/src/react/problem-pane/problem-pane.d.ts +11 -0
  41. package/dist/src/react/problem-pane/problem-pane.d.ts.map +1 -0
  42. package/dist/src/react/settings/compiler-settings-dialog-button.d.ts +8 -0
  43. package/dist/src/react/settings/compiler-settings-dialog-button.d.ts.map +1 -0
  44. package/dist/src/react/settings/compiler-settings.d.ts +6 -6
  45. package/dist/src/react/settings/compiler-settings.d.ts.map +1 -1
  46. package/dist/src/react/settings/emitter-options-form.d.ts +3 -3
  47. package/dist/src/react/settings/emitter-options-form.d.ts.map +1 -1
  48. package/dist/src/react/split-pane/pane.d.ts +1 -1
  49. package/dist/src/react/split-pane/pane.d.ts.map +1 -1
  50. package/dist/src/react/split-pane/sash.d.ts +1 -1
  51. package/dist/src/react/split-pane/sash.d.ts.map +1 -1
  52. package/dist/src/react/split-pane/split-pane.d.ts +2 -2
  53. package/dist/src/react/split-pane/split-pane.d.ts.map +1 -1
  54. package/dist/src/react/standalone.d.ts +3 -3
  55. package/dist/src/react/standalone.d.ts.map +1 -1
  56. package/dist/src/react/{viewers.d.ts → viewers/index.d.ts} +2 -2
  57. package/dist/src/react/viewers/index.d.ts.map +1 -0
  58. package/dist/src/react/{swagger-ui.d.ts → viewers/swagger-ui.d.ts} +1 -1
  59. package/dist/src/react/viewers/swagger-ui.d.ts.map +1 -0
  60. package/dist/src/services.d.ts +2 -2
  61. package/dist/src/services.d.ts.map +1 -1
  62. package/dist/src/state-storage.d.ts.map +1 -1
  63. package/dist/src/types.d.ts +2 -1
  64. package/dist/src/types.d.ts.map +1 -1
  65. package/dist/src/vite/index.d.ts.map +1 -1
  66. package/dist/src/vite/types.d.ts +6 -7
  67. package/dist/src/vite/types.d.ts.map +1 -1
  68. package/dist/{state-storage-1ccb8536.js → state-storage-5b3bbcd1.js} +14 -6
  69. package/dist/state-storage-5b3bbcd1.js.map +1 -0
  70. package/dist/vite/index.js +1 -6
  71. package/dist/vite/index.js.map +1 -1
  72. package/package.json +5 -5
  73. package/dist/react/viewers.js +0 -29
  74. package/dist/react/viewers.js.map +0 -1
  75. package/dist/src/react/diagnostic-list.d.ts +0 -11
  76. package/dist/src/react/diagnostic-list.d.ts.map +0 -1
  77. package/dist/src/react/editor-command-bar.d.ts.map +0 -1
  78. package/dist/src/react/error-tab.d.ts +0 -12
  79. package/dist/src/react/error-tab.d.ts.map +0 -1
  80. package/dist/src/react/file-output.d.ts.map +0 -1
  81. package/dist/src/react/footer.d.ts +0 -7
  82. package/dist/src/react/footer.d.ts.map +0 -1
  83. package/dist/src/react/output-tabs.d.ts.map +0 -1
  84. package/dist/src/react/output-view.d.ts.map +0 -1
  85. package/dist/src/react/swagger-ui.d.ts.map +0 -1
  86. package/dist/src/react/viewers.d.ts.map +0 -1
  87. package/dist/state-storage-1ccb8536.js.map +0 -1
  88. /package/dist/src/{react → editor-command-bar}/editor-command-bar.d.ts +0 -0
package/dist/index.css CHANGED
@@ -1,3 +1,67 @@
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-module_footer__QqUEE {
22
+ grid-area: footer;
23
+ display: flex;
24
+ font-size: 14px;
25
+
26
+ background-color: #007acc;
27
+ }
28
+
29
+ .footer-module_footer-item__7rhbZ {
30
+ text-decoration: none;
31
+ color: #fefefe;
32
+ border-right: 1px solid #d5d5d5;
33
+ padding: 0 5px;
34
+ }
35
+
36
+ .footer-module_footer-item__7rhbZ:hover {
37
+ background-color: #063a5c;
38
+ }
39
+
40
+ .footer-version-item-module_version-item__pjuvV {
41
+ padding: 0;
42
+ }
43
+ .footer-version-item-module_button__70iqf {
44
+ cursor: pointer;
45
+ height: 100%;
46
+ padding: 0 5px;
47
+ }
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
+
1
65
  .split-pane-module_split-pane__XCqR8 {
2
66
  flex: 1;
3
67
  height: 100%;
@@ -49,6 +113,24 @@
49
113
  background-color: var(--colorNeutralStroke1Pressed);
50
114
  }
51
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
+
52
134
  .split-pane-module_pane__m1zQB {
53
135
  height: 100%;
54
136
  position: absolute;
@@ -56,3 +138,146 @@
56
138
  width: 100%;
57
139
  overflow: hidden;
58
140
  }
141
+
142
+ .file-output-module_file-output__YBaE7 {
143
+ position: relative;
144
+ height: 100%;
145
+ }
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
+ .output-tabs-module_tabs__MFCRl {
154
+ border-bottom: 1px solid var(--colorNeutralStroke1);
155
+ box-shadow: var(--shadow2);
156
+ }
157
+
158
+ .output-tabs-module_tab-divider__9Fv-- {
159
+ flex: 1;
160
+ border-right: 1px solid var(--colorNeutralStroke1);
161
+ }
162
+
163
+ .output-tabs-module_tab__FJ78k {
164
+ height: 40px;
165
+ border-right: 1px solid var(--colorNeutralStroke1) !important;
166
+ border-radius: 0 !important;
167
+ }
168
+
169
+ .output-tabs-module_tab--selected__GjCZY {
170
+ background-color: var(--colorNeutralBackground5) !important;
171
+ }
172
+
173
+ .diagnostic-list-module_list__6tVpz {
174
+ }
175
+
176
+ .diagnostic-list-module_item__BE8Fr {
177
+ cursor: pointer;
178
+ display: flex;
179
+ gap: 10px;
180
+ padding: 0 10px;
181
+ }
182
+
183
+ .diagnostic-list-module_item__BE8Fr:hover {
184
+ background-color: var(--colorNeutralBackground3Hover);
185
+ }
186
+
187
+ .diagnostic-list-module_item--error__tnhWA {
188
+ color: var(--colorStatusDangerForeground1);
189
+ }
190
+
191
+ .diagnostic-list-module_item--warning__J7vIN {
192
+ color: var(--colorStatusWarningForeground1);
193
+ }
194
+
195
+ .diagnostic-list-module_item-code__AgVjZ {
196
+ color: var(--colorBrandForeground2);
197
+ }
198
+
199
+ .diagnostic-list-module_item-loc__IeYnW {
200
+ color: var(--colorNeutralForeground3);
201
+ }
202
+
203
+ .problem-pane-module_problem-pane__GJKF4 {
204
+ height: 100%;
205
+ background-color: var(--colorNeutralBackground3);
206
+ display: flex;
207
+ flex-direction: column;
208
+ max-height: 100%;
209
+ }
210
+
211
+ .problem-pane-module_problem-content__rYzbh {
212
+ overflow-y: auto;
213
+ }
214
+ .problem-pane-module_no-problems__Ub8R- {
215
+ padding: 10px;
216
+ }
217
+
218
+ .problem-pane-module_internal-compiler-error__laE4f {
219
+ padding: 10px;
220
+ }
221
+
222
+ .header-module_header__LyUNg {
223
+ padding: 5px;
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%;
281
+ height: 100%;
282
+ overflow: auto;
283
+ }
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { c as createBrowserHost, a as createUrlStateStorage, r as registerMonacoLanguage } from './state-storage-1ccb8536.js';
1
+ export { c as createBrowserHost, a as createUrlStateStorage, r as registerMonacoLanguage } from './state-storage-5b3bbcd1.js';
2
2
  import '@typespec/compiler';
3
3
  import 'monaco-editor';
4
4
  import 'vscode-languageserver';