@redocly/portal-plugin-async-api 1.0.1

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/lib/styles.js ADDED
@@ -0,0 +1,573 @@
1
+ import styled from 'styled-components';
2
+ export const StylesProvider = styled.div `
3
+ margin: auto;
4
+ max-width: var(--layout-stacked-large-max-width);
5
+
6
+ .asyncapi {
7
+ font-family: var(--font-family-base);
8
+ font-size: var(--font-size-base);
9
+ line-height: var(--line-height-base);
10
+ font-weight: var(--font-weight-regular);
11
+ background: var(--background-color);
12
+ color: var(--text-color);
13
+ }
14
+
15
+ .asyncapi__info-header-main > h1 {
16
+ margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
17
+ font-size: var(--h1-font-size, var(--h-font-size));
18
+ font-weight: var(--h1-font-weight, var(--h-font-weight));
19
+ font-family: var(--h1-font-family, var(--h-font-family));
20
+ line-height: var(--h1-line-height, var(--h-line-height));
21
+ color: var(--h1-text-color, var(--h-text-color));
22
+ text-transform: var(--h1-text-transform, var(--h-text-transform));
23
+ }
24
+
25
+ .asyncapi__markdown > div > p > code {
26
+ font-weight: var(--font-weight-regular);
27
+ font-size: var(--inline-code-font-size);
28
+ font-family: var(--code-font-family);
29
+ border-radius: var(--inline-code-border-radius);
30
+ background-color: var(--inline-code-background-color);
31
+ color: var(--inline-code-text-color);
32
+ }
33
+
34
+ .asyncapi__table {
35
+ font-size: var(--font-size-base);
36
+ }
37
+
38
+ .asyncapi__toggle-arrow {
39
+ content: none;
40
+ width: 6px;
41
+ height: 10px;
42
+ mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 4.25 7' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='white' %3E%3Cpath d='M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z' /%3E%3Cpath d='M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z' /%3E%3C/svg%3E");
43
+ background: var(--text-color);
44
+ }
45
+
46
+ .asyncapi__toggle-button {
47
+ flex-grow: 1;
48
+ display: flex;
49
+ padding-left: 8px;
50
+ }
51
+
52
+ .asyncapi__toggle-header-content {
53
+ flex-grow: 0;
54
+ }
55
+
56
+ .asyncapi__table--nested {
57
+ font-size: var(--font-size-base);
58
+ border-radius: var(--border-radius);
59
+ border: solid 1px var(--md-table-border-color);
60
+ background-color: var(--md-table-stripe-background-color);
61
+ }
62
+
63
+ .asyncapi__table-header {
64
+ font-weight: var(--md-table-head-font-weight);
65
+ color: var(--md-table-head-text-color);
66
+ background: var(--md-table-head-background-color);
67
+ }
68
+
69
+ .asyncapi__table-header--nested {
70
+ color: var(--md-table-head-text-color);
71
+ border-bottom: solid 1px var(--md-table-border-color);
72
+ font-weight: var(--font-weight-bold);
73
+ font-size: var(--font-size-small);
74
+ }
75
+
76
+ .asyncapi__table-header-title--nested {
77
+ color: var(--md-table-head-text-color);
78
+ }
79
+
80
+ .asyncapi__table-header-title--nested > td {
81
+ border-bottom: solid 1px var(--md-table-border-color);
82
+ font-size: var(--font-size-small);
83
+ color: var(--md-table-head-text-color);
84
+ }
85
+
86
+ .asyncapi__table-header-column--nested {
87
+ border-bottom: solid 1px var(--md-table-border-color);
88
+ }
89
+
90
+ .asyncapi__table-body {
91
+ background-color: var(--md-table-stripe-background-color);
92
+ color: var(--md-table-cell-text-color);
93
+ }
94
+
95
+ .asyncapi__table-body--nested {
96
+ color: var(--md-table-cell-text-color);
97
+ }
98
+
99
+ .asyncapi__table-row--nested {
100
+ color: var(--md-table-cell-text-color);
101
+ border-bottom: solid 1px var(--md-table-border-color);
102
+ }
103
+
104
+ .asyncapi__table-cell {
105
+ border-bottom: 1px solid var(--md-table-border-color);
106
+ }
107
+
108
+ .asyncapi__table-cell--nested {
109
+ font-size: var(--font-size-small);
110
+ border-bottom: solid 1px var(--md-table-border-color);
111
+ }
112
+
113
+ .asyncapi__tree-leaf:before {
114
+ border-left: var(--border-color) 2px solid;
115
+ border-bottom: var(--border-color) 2px solid;
116
+ border-radius: 0 0 0 var(--border-radius);
117
+ }
118
+
119
+ .asyncapi__badge {
120
+ font-size: var(--badge-http-font-size);
121
+ font-family: var(--badge-http-font-family);
122
+ font-weight: var(--badge-http-font-weight);
123
+ line-height: var(--badge-http-line-height);
124
+ border-radius: var(--badge-http-border-radius);
125
+ background: var(--badge-background-color);
126
+ color: var(--badge-http-text-color);
127
+ padding: 0 16px;
128
+ }
129
+
130
+ .asyncapi__badge--publish {
131
+ background-color: var(--color-http-get);
132
+ }
133
+
134
+ .asyncapi__badge--subscribe {
135
+ background-color: var(--color-http-post);
136
+ }
137
+
138
+ .asyncapi__badge--deprecated {
139
+ background-color: var(--color-http-options);
140
+ }
141
+
142
+ .asyncapi__badge--required {
143
+ background-color: var(--color-http-options);
144
+ }
145
+
146
+ .asyncapi__badge--generated {
147
+ background-color: var(--color-http-link);
148
+ }
149
+
150
+ .asyncapi__tag {
151
+ border-radius: var(--border-radius);
152
+ background-color: var(--background-color);
153
+ font-size: var(--font-size-small);
154
+ color: var(--text-color);
155
+ }
156
+
157
+ .asyncapi__code {
158
+ border: solid 1px var(--border-color);
159
+ border-radius: var(--border-radius);
160
+ background: var(--background-color);
161
+ }
162
+
163
+ .asyncapi__code-header {
164
+ border-bottom: 1px solid var(--border-color);
165
+ font-weight: var(--md-table-head-font-weight);
166
+ background: var(--md-table-head-background-color);
167
+ }
168
+
169
+ .asyncapi__code-header > h4 {
170
+ font-weight: var(--h4-font-weight);
171
+ font-size: var(--font-size-base);
172
+ color: var(--md-table-head-text-color);
173
+ }
174
+
175
+ .asyncapi__code-pre {
176
+ font-size: var(--font-size-base);
177
+ background: var(--md-table-stripe-background-color);
178
+ border-bottom-right-radius: var(--border-radius);
179
+ border-bottom-left-radius: var(--border-radius);
180
+ }
181
+
182
+ .asyncapi__code-body {
183
+ font-family: var(--code-font-family);
184
+ font-size: var(--code-font-size);
185
+ }
186
+
187
+ .asyncapi__info {
188
+ background: var(--background-color);
189
+ border-radius: var(--border-radius);
190
+ box-shadow: none;
191
+ padding-left: 0;
192
+ padding-right: 0;
193
+ }
194
+
195
+ .asyncapi__collapse-button {
196
+ border-radius: var(--border-radius);
197
+ border: 1px solid var(--border-color);
198
+ background-color: var(--button-background-color);
199
+ color: var(--button-color);
200
+ font-weight: var(--button-font-weight);
201
+ font-family: var(--button-font-family);
202
+ font-size: var(--button-large-font-size);
203
+ border: 2px solid var(--button-background-color);
204
+ }
205
+ .asyncapi__collapse-button:hover {
206
+ border: 2px solid var(--button-hover-background-color);
207
+ background-color: var(--button-hover-background-color);
208
+ }
209
+ .asyncapi__info-list > li {
210
+ border-radius: var(--button-border-radius);
211
+ font-weight: var(--button-font-weight);
212
+ box-shadow: var(--button-box-shadow);
213
+ color: var(--button-background-color);
214
+ border: 2px solid var(--button-border-color);
215
+ background-color: transparent;
216
+ font-weight: var(--button-font-weight);
217
+ }
218
+ .asyncapi__info-list > li:hover {
219
+ color: var(--button-hover-background-color);
220
+ border: 2px solid var(--button-hover-border-color);
221
+ background-color: transparent;
222
+ }
223
+ .asyncapi__info-list > li a {
224
+ color: var(--button-background-color);
225
+ }
226
+ .asyncapi__info-list > li:hover,
227
+ .asyncapi__info-list > li:hover a {
228
+ color: var(--button-hover-background-color);
229
+ }
230
+
231
+ .asyncapi__anchor-icon {
232
+ content: none;
233
+ width: 12px;
234
+ height: 12px;
235
+ mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwNSAtMjg5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAxMDApIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAyIDE4NikiPgo8cG9seWdvbiBwb2ludHM9IjAgMCAyNCAwIDI0IDI0IDAgMjQiLz4KPHBhdGggZD0ibTE5IDE5aC0xNHYtMTRoN3YtMmgtN2MtMS4xMSAwLTIgMC45LTIgMnYxNGMwIDEuMSAwLjg5IDIgMiAyaDE0YzEuMSAwIDItMC45IDItMnYtN2gtMnY3em0tNS0xNnYyaDMuNTlsLTkuODMgOS44MyAxLjQxIDEuNDEgOS44My05LjgzdjMuNTloMnYtN2gtN3oiIGZpbGw9IiMwYjc0ZGUiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4KCg==');
236
+ background: var(--button-background-color);
237
+ }
238
+
239
+ .asyncapi__info-list > li:hover .asyncapi__anchor-icon {
240
+ filter: none;
241
+ background: var(--button-hover-background-color);
242
+ }
243
+
244
+ .asyncapi__messages > div {
245
+ border: solid 1px var(--border-color);
246
+ box-shadow: none;
247
+ font-size: var(--panel-heading-font-size-local);
248
+ background-color: var(--panel-heading-background-color);
249
+ border-radius: var(--panel-border-radius);
250
+ padding: var(--panel-schemas-heading-padding);
251
+ }
252
+
253
+ .asyncapi__message {
254
+ border-radius: var(--border-radius);
255
+ background: var(--background-color);
256
+ border: solid 1px var(--border-color);
257
+ }
258
+
259
+ .asyncapi__message-header-title > h3 {
260
+ color: var(--text-color);
261
+ padding: var(--panel-response-heading-padding);
262
+ padding-right: 0;
263
+ }
264
+
265
+ .asyncapi__message-header-title {
266
+ background-color: var(--background-color);
267
+ }
268
+
269
+ .asyncapi__message-header-summary {
270
+ font-size: var(--font-size-base);
271
+ font-weight: var(--font-weight-regular);
272
+ border-top: solid 1px var(--border-color);
273
+ }
274
+
275
+ .asyncapi__message-description {
276
+ font-size: var(--font-size-base);
277
+ border-top: solid 1px var(--border-color);
278
+ }
279
+
280
+ .asyncapi__message-headers-header {
281
+ background-color: var(--md-table-head-background-color);
282
+ color: var(--text-color);
283
+ border-top: solid 1px var(--border-color);
284
+ }
285
+
286
+ .asyncapi__message-payload-oneOf-header {
287
+ background-color: var(--md-table-head-background-color);
288
+ color: var(--text-color);
289
+ }
290
+
291
+ .asyncapi__message-payload-oneOf-list-item .asyncapi__message-payload {
292
+ border-radius: var(--border-radius);
293
+ border: solid 1px var(--border-color);
294
+ background-color: var(--background-color);
295
+ }
296
+
297
+ .asyncapi__message-payload-anyOf-header {
298
+ background-color: var(--md-table-head-background-color);
299
+ color: var(--text-color);
300
+ }
301
+
302
+ .asyncapi__message-payload-anyOf-list-item .asyncapi__message-payload {
303
+ border-radius: var(--border-radius);
304
+ border: solid 1px var(--border-color);
305
+ background-color: var(--background-color);
306
+ }
307
+
308
+ .asyncapi__message-payload-header {
309
+ background-color: var(--md-table-head-background-color);
310
+ color: var(--text-color);
311
+ border-top: solid 1px var(--border-color);
312
+ }
313
+
314
+ .asyncapi__message-tags-header {
315
+ color: var(--text-color);
316
+ }
317
+
318
+ .asyncapi__schemas > div {
319
+ border: solid 1px var(--border-color);
320
+ box-shadow: none;
321
+ font-size: var(--panel-heading-font-size-local);
322
+ background-color: var(--panel-heading-background-color);
323
+ padding: var(--panel-schemas-heading-padding);
324
+ border-radius: var(--panel-border-radius);
325
+ }
326
+
327
+ .asyncapi__schema {
328
+ border-radius: var(--border-radius);
329
+ border: solid 1px var(--border-color);
330
+ background-color: var(--background-color);
331
+ }
332
+
333
+ .asyncapi__schema-header-title {
334
+ font-size: var(--font-size-base);
335
+ }
336
+
337
+ .asyncapi__schema-table {
338
+ border-top: solid 1px var(--border-color);
339
+ }
340
+
341
+ .asyncapi__security {
342
+ background: var(--background-color);
343
+ border-radius: var(--border-radius);
344
+ }
345
+
346
+ .asyncapi__servers > div {
347
+ border: solid 1px var(--border-color);
348
+ box-shadow: none;
349
+ font-size: var(--panel-heading-font-size-local);
350
+ background-color: var(--panel-heading-background-color);
351
+ border-radius: var(--panel-border-radius);
352
+ padding: var(--panel-schemas-heading-padding);
353
+ }
354
+
355
+ .asyncapi__server-header-stage {
356
+ background-color: var(--color-http-post);
357
+ }
358
+
359
+ .asyncapi__server-header-protocol {
360
+ background-color: var(--color-http-get);
361
+ }
362
+
363
+ .asyncapi__server-description {
364
+ border-top: solid 1px var(--border-color);
365
+ }
366
+
367
+ .asyncapi__server-variables-header {
368
+ background-color: var(--background-color);
369
+ color: var(--text-color);
370
+ border-top: solid 1px var(--border-color);
371
+ }
372
+
373
+ .asyncapi__server-variables-table {
374
+ border-top: solid 1px var(--border-color);
375
+ }
376
+
377
+ .asyncapi__server-expand-icon:before {
378
+ color: var(--text-color);
379
+ font-size: var(--font-size-small);
380
+ }
381
+
382
+ .asyncapi__server-security-header {
383
+ background-color: var(--background-color);
384
+ color: var(--text-color);
385
+ border-top: solid 1px var(--border-color);
386
+ }
387
+
388
+ .asyncapi__server-security-table {
389
+ border-top: solid 1px var(--border-color);
390
+ }
391
+
392
+ .asyncapi__server-security-flows-list a {
393
+ text-decoration: var(--link-decoration);
394
+ color: var(--link-text-color);
395
+ font-weight: var(--link-font-weight);
396
+ }
397
+
398
+ .asyncapi__server-security-flows-list a:visited {
399
+ color: var(--link-visited-text-color);
400
+ text-decoration: var(--link-visited-decoration);
401
+ }
402
+
403
+ .asyncapi__server-security-flow {
404
+ background-color: var(--background-color);
405
+ border: 1px solid var(--border-color);
406
+ border-radius: var(--border-radius);
407
+ }
408
+
409
+ .asyncapi__server-security-flows-table-cell {
410
+ border-bottom: solid 1px var(--border-color);
411
+ }
412
+
413
+ .asyncapi__server-security-scope {
414
+ font-size: var(--badge-http-font-size);
415
+ font-family: var(--badge-http-font-family);
416
+ font-weight: var(--badge-http-font-weight);
417
+ line-height: var(--badge-http-line-height);
418
+ border-radius: var(--badge-http-border-radius);
419
+ background: var(--badge-background-color);
420
+ color: var(--badge-http-text-color);
421
+ padding: 0 16px;
422
+ background-color: var(--color-http-post);
423
+ }
424
+
425
+ .asyncapi__channels-toggle--expanded > .asyncapi__toggle-header,
426
+ .asyncapi__servers-toggle--expanded > .asyncapi__toggle-header,
427
+ .asyncapi__schemas-toggle--expanded > .asyncapi__toggle-header,
428
+ .asyncapi__messages-toggle--expanded > .asyncapi__toggle-header {
429
+ padding-bottom: var(--panel-schemas-heading-padding);
430
+ }
431
+
432
+ .asyncapi__schema,
433
+ .asyncapi__message,
434
+ .asyncapi__channel,
435
+ .asyncapi__server {
436
+ border-radius: var(--border-radius);
437
+ border: solid 1px var(--border-color);
438
+ background-color: var(--background-color);
439
+ overflow: hidden;
440
+ }
441
+
442
+ .asyncapi__channel-header,
443
+ .asyncapi__schema-header,
444
+ .asyncapi__server-header {
445
+ padding: var(--panel-response-heading-padding);
446
+ }
447
+
448
+ .asyncapi__message-header {
449
+ background-color: var(--background-color);
450
+ }
451
+
452
+ .asyncapi__channels > div {
453
+ background: var(--background-color);
454
+ border-radius: var(--panel-border-radius);
455
+ box-shadow: none;
456
+ border: 1px solid var(--border-color);
457
+ padding: var(--panel-schemas-heading-padding);
458
+ }
459
+
460
+ .asyncapi__channel-header > h3 {
461
+ color: var(--text-color);
462
+ font-size: var(--font-size-base);
463
+ }
464
+
465
+ .asyncapi__channel-header-title {
466
+ font-size: 14px;
467
+ }
468
+
469
+ .asyncapi__channel-operations-header {
470
+ color: var(--text-color);
471
+ background-color: var(background-color);
472
+ border-top: solid 1px var(--border-color);
473
+ }
474
+
475
+ .asyncapi__channel-operations-header-oneOf {
476
+ border-top: solid 1px var(--border-color);
477
+ }
478
+
479
+ .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message {
480
+ border-radius: var(--border-radius);
481
+ border: solid 1px var(--border-color);
482
+ background-color: var(--background-color);
483
+ }
484
+
485
+ .asyncapi__channel-operation-message > .asyncapi__bindings {
486
+ border-radius: var(--border-radius);
487
+ border: solid 1px var(--border-color);
488
+ }
489
+
490
+ .asyncapi__channel-operation-message-header {
491
+ color: var(--text-color);
492
+ border-top: solid 1px var(--border-color);
493
+ }
494
+
495
+ .asyncapi__channel-operation-oneOf-subscribe > .asyncapi__bindings {
496
+ border-radius: var(--border-radius);
497
+ border: solid 1px var(--border-color);
498
+ margin: 12px;
499
+ }
500
+
501
+ .asyncapi__channel-operation-oneOf-subscribe-header {
502
+ color: var(--text-color);
503
+ border-top: solid 1px var(--border-color);
504
+ }
505
+
506
+ .asyncapi__channel-operation-oneOf-publish > .asyncapi__bindings {
507
+ border-radius: var(--border-radius);
508
+ border: solid 1px var(--border-color);
509
+ }
510
+
511
+ .asyncapi__channel-operation-oneOf-publish-header {
512
+ color: var(--text-color);
513
+ border-top: solid 1px var(--border-color);
514
+ }
515
+
516
+ .asyncapi__bindings-header {
517
+ color: var(--text-color);
518
+ }
519
+ .asyncapi__bindings-header > h4 {
520
+ background-color: var(--md-table-head-background-color);
521
+ color: var(--text-color);
522
+ border-top: solid 1px var(--border-color);
523
+ border-bottom: solid 1px var(--border-color);
524
+ }
525
+
526
+ .asyncapi__binding-protocol {
527
+ background-color: var(--color-http-get);
528
+ }
529
+
530
+ .asyncapi__binding-table {
531
+ border-top: solid 1px var(--border-color);
532
+ }
533
+ .asyncapi__binding-field-name {
534
+ font-weight: bold;
535
+ }
536
+
537
+ .asyncapi__channel-parameters-header {
538
+ color: var(--text-color);
539
+ background-color: var(--md-table-head-background-color);
540
+ border-top: solid 1px var(--border-color);
541
+ }
542
+
543
+ .asyncapi__error {
544
+ background-color: var(--background-color);
545
+ border-left: 6px solid #f44336;
546
+ border-radius: var(--border-radius);
547
+ color: var(--text-color);
548
+ font-size: var(--font-size-base);
549
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
550
+ }
551
+
552
+ .asyncapi__error-header {
553
+ box-shadow: inset 0 -1px 0 0 rgba(115, 121, 128, 0.15);
554
+ font-weight: var(--font-weight-bold);
555
+ }
556
+
557
+ .asyncapi__error-body-pre {
558
+ background-color: var(--background-color);
559
+ color: var(--text-color);
560
+ border-bottom-right-radius: var(--border-radius);
561
+ font-size: var(--font-size-small);
562
+ }
563
+
564
+ .asyncapi__enum {
565
+ line-height: 2;
566
+ border-color: var(--border-color);
567
+ border-radius: var(--border-color);
568
+ font-family: var(--code-font-family);
569
+ color: var(--text-color-secondary);
570
+ border-width: 1px;
571
+ }
572
+ `;
573
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0jBvC,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import '@asyncapi/react-component/lib/styles/fiori.css';
3
+ import type { PageProps } from '@redocly/portal/dist/shared/types';
4
+ import type { AsyncApiDocsSettings } from './config';
5
+ interface AsyncApiDocsProps {
6
+ pageProps: PageProps & {
7
+ settings?: AsyncApiDocsSettings;
8
+ };
9
+ }
10
+ declare function AsyncApiDocs({ pageProps }: AsyncApiDocsProps): JSX.Element;
11
+ declare const _default: React.MemoExoticComponent<typeof AsyncApiDocs>;
12
+ export default _default;
@@ -0,0 +1,38 @@
1
+ import AsyncApiComponent from '@asyncapi/react-component';
2
+ import React from 'react';
3
+ import styled from 'styled-components';
4
+ // @ts-ignore
5
+ import { Breadcrumbs as ThemeBreadcrumbs } from '@theme';
6
+ import { usePageSharedData } from '@redocly/portal/dist/client/providers/page-data/use-page-shared-data';
7
+ import '@asyncapi/react-component/lib/styles/fiori.css';
8
+ import { StylesProvider } from './styles.js';
9
+ function AsyncApiDocs({ pageProps }) {
10
+ const { settings = {} } = pageProps;
11
+ const asyncApiDefinition = usePageSharedData('AsyncApiDefinition');
12
+ const { schemaId, hideChannels, hideErrors, hideInfo, hideMessages, hideSchemas, hideServers, expandChannels, expandMessages, expandSchemas, expandServers, } = settings;
13
+ const componentConfig = {
14
+ schemaID: schemaId,
15
+ showErrors: !hideErrors,
16
+ show: {
17
+ info: !hideInfo,
18
+ channels: !hideChannels,
19
+ servers: !hideServers,
20
+ messages: !hideMessages,
21
+ schemas: !hideSchemas,
22
+ },
23
+ expand: {
24
+ schemas: expandSchemas,
25
+ channels: expandChannels,
26
+ messages: expandMessages,
27
+ servers: expandServers,
28
+ },
29
+ };
30
+ return (React.createElement(StylesProvider, null,
31
+ React.createElement(Breadcrumbs, null),
32
+ React.createElement(AsyncApiComponent, { schema: asyncApiDefinition, config: componentConfig })));
33
+ }
34
+ export default React.memo(AsyncApiDocs);
35
+ const Breadcrumbs = styled(ThemeBreadcrumbs) `
36
+ margin-top: 20px;
37
+ `;
38
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,aAAa;AACb,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AACzG,OAAO,gDAAgD,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAQ7C,SAAS,YAAY,CAAC,EAAE,SAAS,EAAqB;IACpD,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;IACpC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAEnE,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,GACd,GAAG,QAAQ,CAAC;IAEb,MAAM,eAAe,GAA6B;QAChD,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,CAAC,UAAU;QACvB,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC,QAAQ;YACf,QAAQ,EAAE,CAAC,YAAY;YACvB,OAAO,EAAE,CAAC,WAAW;YACrB,QAAQ,EAAE,CAAC,YAAY;YACvB,OAAO,EAAE,CAAC,WAAW;SACtB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,aAAa;SACvB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc;QACb,oBAAC,WAAW,OAAG;QACf,oBAAC,iBAAiB,IAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,eAAe,GAAI,CAC3D,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAExC,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;CAE3C,CAAC"}
package/package.json ADDED
@@ -0,0 +1,43 @@
1
+ {
2
+ "name": "@redocly/portal-plugin-async-api",
3
+ "version": "1.0.1",
4
+ "description": "Async API plugin for @redocly/portal",
5
+ "type": "module",
6
+ "exports": {
7
+ ".": "./lib/plugin.js",
8
+ "./package.json": "./package.json",
9
+ "./plugin.js": "./lib/plugin.js",
10
+ "./template": "./lib/template.js",
11
+ "./template.js": "./lib/template.js",
12
+ "./config.js": "./lib/config.js",
13
+ "./config": "./lib/config.js"
14
+ },
15
+ "keywords": [
16
+ "redocly",
17
+ "theme",
18
+ "AsyncAPI"
19
+ ],
20
+ "author": "",
21
+ "license": "SEE LICENSE IN LICENSE",
22
+ "devDependencies": {
23
+ "@types/node": "^18.11.18",
24
+ "@types/react": "^17.0.43",
25
+ "@types/styled-components": "^5.1.15",
26
+ "typescript": "^4.8.4"
27
+ },
28
+ "dependencies": {
29
+ "@asyncapi/react-component": "^0.24.23",
30
+ "json-schema-to-ts": "^2.9.1",
31
+ "styled-components": "^5.3.6",
32
+ "@redocly/portal": "0.26.0"
33
+ },
34
+ "peerDependencies": {
35
+ "react": "^17.0.2"
36
+ },
37
+ "scripts": {
38
+ "clean": "rm -rf lib",
39
+ "compile": "tsc -p tsconfig.build.json",
40
+ "build": "npm run clean && npm run compile",
41
+ "watch": "tsc -w -p tsconfig.build.json"
42
+ }
43
+ }