raffel 1.1.48 → 1.1.49
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/dist/docs/ui/assets/raffel-docs.css +234 -12
- package/dist/docs/ui/assets/raffel-docs.js +316 -120
- package/dist/docs/ui/runtime/index.js +316 -120
- package/dist/docs/ui/runtime/index.js.map +1 -1
- package/dist/docs/ui/style-sections/schema-code.d.ts +1 -1
- package/dist/docs/ui/style-sections/schema-code.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/schema-code.js +215 -0
- package/dist/docs/ui/style-sections/schema-code.js.map +1 -1
- package/dist/docs/ui/style-sections/try-it.d.ts +1 -1
- package/dist/docs/ui/style-sections/try-it.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/try-it.js +19 -12
- package/dist/docs/ui/style-sections/try-it.js.map +1 -1
- package/dist/ui/docs/ui/style-sections/schema-code.d.ts +1 -1
- package/dist/ui/docs/ui/style-sections/schema-code.d.ts.map +1 -1
- package/dist/ui/docs/ui/style-sections/try-it.d.ts +1 -1
- package/dist/ui/docs/ui/style-sections/try-it.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+rmBAgxB5B,CAAA"}
|
|
@@ -567,5 +567,220 @@ export const schemaCodeStyles = ` /* ========== RESPONSE SAMPLES (Right Panel
|
|
|
567
567
|
animation: fadeIn 0.3s ease-out;
|
|
568
568
|
}
|
|
569
569
|
|
|
570
|
+
/* ========== HTTP ENDPOINT (ReDoc-style) ========== */
|
|
571
|
+
.http-param-group {
|
|
572
|
+
margin-bottom: 20px;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.http-param-group-title {
|
|
576
|
+
font-size: 12px;
|
|
577
|
+
font-weight: 600;
|
|
578
|
+
text-transform: uppercase;
|
|
579
|
+
letter-spacing: 0.5px;
|
|
580
|
+
color: var(--text-muted);
|
|
581
|
+
margin-bottom: 8px;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.http-params {
|
|
585
|
+
border: 1px solid var(--border-color);
|
|
586
|
+
border-radius: 8px;
|
|
587
|
+
overflow: hidden;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.http-param {
|
|
591
|
+
padding: 12px 16px;
|
|
592
|
+
border-bottom: 1px solid var(--border-color);
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
.http-param:last-child { border-bottom: none; }
|
|
596
|
+
|
|
597
|
+
.http-param-head {
|
|
598
|
+
display: flex;
|
|
599
|
+
align-items: center;
|
|
600
|
+
flex-wrap: wrap;
|
|
601
|
+
gap: 8px;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
.http-param-name {
|
|
605
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
606
|
+
font-size: 13px;
|
|
607
|
+
font-weight: 600;
|
|
608
|
+
color: var(--text-color);
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
.http-param-required {
|
|
612
|
+
font-size: 10px;
|
|
613
|
+
font-weight: 600;
|
|
614
|
+
text-transform: uppercase;
|
|
615
|
+
letter-spacing: 0.4px;
|
|
616
|
+
color: #ef4444;
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
.http-param-deprecated {
|
|
620
|
+
font-size: 10px;
|
|
621
|
+
font-weight: 600;
|
|
622
|
+
text-transform: uppercase;
|
|
623
|
+
letter-spacing: 0.4px;
|
|
624
|
+
color: #f59e0b;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
.http-param-desc {
|
|
628
|
+
color: var(--text-muted);
|
|
629
|
+
font-size: 13px;
|
|
630
|
+
margin-top: 6px;
|
|
631
|
+
line-height: 1.5;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
/* Validation constraint chips (reuses .schema-constraint look) */
|
|
635
|
+
.constraint-chips {
|
|
636
|
+
display: flex;
|
|
637
|
+
flex-wrap: wrap;
|
|
638
|
+
gap: 6px;
|
|
639
|
+
margin-top: 8px;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
.constraint-chip {
|
|
643
|
+
font-size: 11px;
|
|
644
|
+
padding: 2px 8px;
|
|
645
|
+
border-radius: 4px;
|
|
646
|
+
background: var(--code-bg);
|
|
647
|
+
color: var(--text-muted);
|
|
648
|
+
border: 1px solid var(--border-color);
|
|
649
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
.constraint-chip.constraint-enum {
|
|
653
|
+
background: #fef3c7;
|
|
654
|
+
color: #92400e;
|
|
655
|
+
border-color: transparent;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
[data-theme="dark"] .constraint-chip.constraint-enum {
|
|
659
|
+
background: #451a03;
|
|
660
|
+
color: #fbbf24;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
/* Response accordions */
|
|
664
|
+
.response-accordion {
|
|
665
|
+
border: 1px solid var(--border-color);
|
|
666
|
+
border-radius: 8px;
|
|
667
|
+
margin-bottom: 10px;
|
|
668
|
+
overflow: hidden;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
.response-accordion-header {
|
|
672
|
+
display: flex;
|
|
673
|
+
align-items: center;
|
|
674
|
+
gap: 10px;
|
|
675
|
+
width: 100%;
|
|
676
|
+
padding: 12px 14px;
|
|
677
|
+
background: var(--code-bg);
|
|
678
|
+
border: none;
|
|
679
|
+
cursor: pointer;
|
|
680
|
+
text-align: left;
|
|
681
|
+
font-size: 13px;
|
|
682
|
+
color: var(--text-color);
|
|
683
|
+
transition: background 0.15s;
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.response-accordion-header:hover { background: var(--hover-bg); }
|
|
687
|
+
|
|
688
|
+
.response-accordion-caret {
|
|
689
|
+
flex-shrink: 0;
|
|
690
|
+
font-size: 10px;
|
|
691
|
+
color: var(--text-muted);
|
|
692
|
+
transition: transform 0.2s ease;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.response-accordion.open .response-accordion-caret {
|
|
696
|
+
transform: rotate(90deg);
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
.response-status-dot {
|
|
700
|
+
width: 9px;
|
|
701
|
+
height: 9px;
|
|
702
|
+
border-radius: 50%;
|
|
703
|
+
flex-shrink: 0;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.response-status-dot.status-2xx { background: #10b981; }
|
|
707
|
+
.response-status-dot.status-3xx { background: #3b82f6; }
|
|
708
|
+
.response-status-dot.status-4xx { background: #f59e0b; }
|
|
709
|
+
.response-status-dot.status-5xx { background: #ef4444; }
|
|
710
|
+
|
|
711
|
+
.response-status-code {
|
|
712
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
713
|
+
font-weight: 600;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
.response-status-desc {
|
|
717
|
+
color: var(--text-muted);
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
.response-accordion-body {
|
|
721
|
+
padding: 14px;
|
|
722
|
+
border-top: 1px solid var(--border-color);
|
|
723
|
+
display: none;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.response-accordion.open .response-accordion-body { display: block; }
|
|
727
|
+
|
|
728
|
+
.response-subhead {
|
|
729
|
+
font-size: 11px;
|
|
730
|
+
font-weight: 600;
|
|
731
|
+
text-transform: uppercase;
|
|
732
|
+
letter-spacing: 0.5px;
|
|
733
|
+
color: var(--text-muted);
|
|
734
|
+
margin: 0 0 8px;
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
.response-block + .response-block { margin-top: 16px; }
|
|
738
|
+
|
|
739
|
+
/* Multi-language code samples */
|
|
740
|
+
.http-code-samples {
|
|
741
|
+
margin-top: 8px;
|
|
742
|
+
border: 1px solid var(--border-color);
|
|
743
|
+
border-radius: 8px;
|
|
744
|
+
overflow: hidden;
|
|
745
|
+
background: var(--code-bg);
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
.http-code-samples .code-tabs {
|
|
749
|
+
flex-wrap: wrap;
|
|
750
|
+
background: rgba(0,0,0,0.04);
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
[data-theme="dark"] .http-code-samples .code-tabs {
|
|
754
|
+
background: rgba(255,255,255,0.03);
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
.http-code-sample-pre {
|
|
758
|
+
margin: 0;
|
|
759
|
+
padding: 14px;
|
|
760
|
+
background: transparent;
|
|
761
|
+
border: none;
|
|
762
|
+
border-radius: 0;
|
|
763
|
+
overflow-x: auto;
|
|
764
|
+
font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
|
|
765
|
+
font-size: 12px;
|
|
766
|
+
line-height: 1.55;
|
|
767
|
+
color: var(--text-color);
|
|
768
|
+
white-space: pre;
|
|
769
|
+
}
|
|
770
|
+
|
|
771
|
+
.http-code-copy {
|
|
772
|
+
margin-left: auto;
|
|
773
|
+
padding: 4px 10px;
|
|
774
|
+
background: transparent;
|
|
775
|
+
border: 1px solid var(--border-color);
|
|
776
|
+
border-radius: 4px;
|
|
777
|
+
color: var(--text-muted);
|
|
778
|
+
font-size: 11px;
|
|
779
|
+
cursor: pointer;
|
|
780
|
+
transition: all 0.15s;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.http-code-copy:hover { color: var(--text-color); border-color: var(--text-muted); }
|
|
784
|
+
|
|
570
785
|
`;
|
|
571
786
|
//# sourceMappingURL=schema-code.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG
|
|
1
|
+
{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgxB/B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const tryItStyles = " /* ========== TRY IT OUT ========== */\n .try-it-out {\n background: rgba(0,0,0,0.2);\n border-radius: 8px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .try-it-out.collapsed .try-it-form {\n display: none;\n }\n\n .try-it-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 16px;\n cursor: pointer;\n background: var(--code-panel-header);\n transition: background 0.15s;\n }\n\n .try-it-header:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .try-it-title {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-toggle {\n background: none;\n border: none;\n color: #90a4ae;\n font-size: 12px;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .try-it-out.collapsed .try-it-toggle {\n transform: rotate(-90deg);\n }\n\n .try-it-form {\n padding: 16px;\n }\n\n .try-it-section {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-section:last-child {\n border-bottom: none;\n }\n\n .try-it-section-title {\n font-size: 11px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n .try-it-group {\n margin-bottom: 12px;\n }\n\n .try-it-group:last-child {\n margin-bottom: 0;\n }\n\n .try-it-label {\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--code-panel-text);\n margin-bottom: 6px;\n }\n\n .try-it-required {\n color: #ef4444;\n }\n\n .try-it-input {\n width: 100%;\n padding: 10px 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 13px;\n font-family: 'SF Mono', 'Monaco', monospace;\n outline: none;\n transition: border-color 0.15s;\n }\n\n .try-it-input:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-input::placeholder {\n color: #546e7a;\n }\n\n .try-it-body {\n width: 100%;\n min-height: 120px;\n padding: 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n line-height: 1.5;\n resize: vertical;\n outline: none;\n }\n\n .try-it-body:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-actions {\n margin-top: 16px;\n }\n\n .try-it-send {\n width: 100%;\n padding: 12px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .try-it-send:hover:not(:disabled) {\n background: var(--primary-hover);\n transform: translateY(-1px);\n }\n\n .try-it-send:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n .try-it-response {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-response-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n .try-it-response-status {\n font-size: 14px;\n font-weight: 600;\n }\n\n .try-it-response-status.status-2xx { color: #10b981; }\n .try-it-response-status.status-4xx { color: #f59e0b; }\n .try-it-response-status.status-5xx { color: #ef4444; }\n\n .try-it-response-time {\n font-size: 13px;\n color: #90a4ae;\n }\n\n .try-it-response-headers {\n margin-bottom: 16px;\n }\n\n .try-it-response-headers-pre {\n background: rgba(0,0,0,0.3);\n padding: 12px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 1.6;\n color: #90a4ae;\n margin: 0;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .try-it-loading {\n text-align: center;\n color: #90a4ae;\n padding: 20px;\n }\n\n .try-it-error {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.3);\n border-radius: 6px;\n padding: 12px 16px;\n color: #ef4444;\n font-size: 13px;\n }\n\n /* WebSocket Try It Out */\n .try-it-ws {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-ws-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .ws-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .ws-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .try-it-ws-url {\n display: flex;\n gap: 8px;\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-url input {\n flex: 1;\n padding: 10px 14px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n }\n\n .try-it-ws-url input:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-connect {\n padding: 10px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n white-space: nowrap;\n }\n\n .try-it-ws-connect:hover {\n filter: brightness(1.1);\n }\n\n .try-it-ws-connect.connected {\n background: #ef4444;\n }\n\n .try-it-ws-params {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-params h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-message h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message textarea {\n width: 100%;\n min-height: 100px;\n padding: 12px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n resize: vertical;\n box-sizing: border-box;\n }\n\n .try-it-ws-message textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-send {\n margin-top: 12px;\n padding: 10px 20px;\n background: #3b82f6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-send:hover:not(:disabled) {\n filter: brightness(1.1);\n }\n\n .try-it-ws-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-ws-log {\n padding: 16px;\n }\n\n .try-it-ws-log-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .try-it-ws-log-header h4 {\n margin: 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-ws-messages {\n max-height: 300px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-ws-msg {\n display: flex;\n gap: 8px;\n padding: 8px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n font-size: 12px;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .try-it-ws-msg:last-child {\n border-bottom: none;\n }\n\n .ws-msg-time {\n color: #6b7280;\n flex-shrink: 0;\n }\n\n .ws-msg-type {\n flex-shrink: 0;\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .ws-msg-content {\n flex: 1;\n color: var(--text-primary);\n word-break: break-all;\n white-space: pre-wrap;\n }\n\n .try-it-ws-msg-sent .ws-msg-type {\n background: rgba(59, 130, 246, 0.2);\n color: #60a5fa;\n }\n\n .try-it-ws-msg-received .ws-msg-type {\n background: rgba(34, 197, 94, 0.2);\n color: #4ade80;\n }\n\n .try-it-ws-msg-system .ws-msg-type {\n background: rgba(107, 114, 128, 0.2);\n color: #9ca3af;\n }\n\n .try-it-ws-msg-error .ws-msg-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .try-it-ws-msg-error .ws-msg-content {\n color: #f87171;\n }\n\n .try-it-ws-empty {\n text-align: center;\n color: var(--text-tertiary);\n padding: 24px;\n font-size: 13px;\n }\n\n /* Streams (SSE) Try It Out */\n .try-it-sse {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-sse-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .sse-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .sse-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .sse-status-dot.connecting {\n background: #f59e0b;\n animation: pulse 1s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .try-it-sse-subscribe {\n padding: 10px 20px;\n background: #8b5cf6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-subscribe:hover {\n filter: brightness(1.1);\n }\n\n .try-it-sse-filter-section {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-sse-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .sse-type-badge {\n padding: 4px 10px;\n background: rgba(139, 92, 246, 0.2);\n border: 1px solid rgba(139, 92, 246, 0.4);\n border-radius: 4px;\n font-size: 12px;\n color: #a78bfa;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .sse-type-badge:hover {\n background: rgba(139, 92, 246, 0.3);\n }\n\n .sse-type-badge.inactive {\n background: rgba(107, 114, 128, 0.1);\n border-color: rgba(107, 114, 128, 0.3);\n color: #6b7280;\n text-decoration: line-through;\n }\n\n .try-it-sse-log-section {\n padding: 16px;\n }\n\n .try-it-sse-log-section .try-it-section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .sse-event-count {\n font-weight: normal;\n color: var(--text-tertiary);\n margin-left: 8px;\n }\n\n .try-it-sse-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-sse-log {\n max-height: 400px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-sse-event {\n margin-bottom: 12px;\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n border-left: 3px solid #8b5cf6;\n }\n\n .try-it-sse-event:last-child {\n margin-bottom: 0;\n }\n\n .try-it-sse-event-error {\n border-left-color: #ef4444;\n }\n\n .sse-event-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 12px;\n }\n\n .sse-event-time {\n color: #6b7280;\n }\n\n .sse-event-type {\n padding: 2px 8px;\n background: rgba(139, 92, 246, 0.2);\n border-radius: 3px;\n color: #a78bfa;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 10px;\n }\n\n .try-it-sse-event-error .sse-event-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .sse-event-id {\n color: #6b7280;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .sse-event-data {\n margin: 0;\n padding: 8px 10px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px;\n color: var(--text-primary);\n white-space: pre-wrap;\n word-break: break-all;\n overflow-x: auto;\n }\n";
|
|
1
|
+
export declare const tryItStyles = " /* ========== TRY IT OUT ========== */\n .try-it-out {\n background: rgba(0,0,0,0.2);\n border-radius: 8px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .try-it-out.collapsed .try-it-form {\n display: none;\n }\n\n .try-it-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 16px;\n cursor: pointer;\n background: var(--code-panel-header);\n transition: background 0.15s;\n }\n\n .try-it-header:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .try-it-title {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-toggle {\n background: none;\n border: none;\n color: #90a4ae;\n font-size: 12px;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .try-it-out.collapsed .try-it-toggle {\n transform: rotate(-90deg);\n }\n\n .try-it-form {\n padding: 16px;\n }\n\n .try-it-section {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-section:last-child {\n border-bottom: none;\n }\n\n .try-it-section-title {\n font-size: 11px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n .try-it-group {\n margin-bottom: 12px;\n }\n\n .try-it-group:last-child {\n margin-bottom: 0;\n }\n\n .try-it-label {\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--code-panel-text);\n margin-bottom: 6px;\n }\n\n .try-it-required {\n color: #ef4444;\n }\n\n .try-it-input {\n width: 100%;\n padding: 10px 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 13px;\n font-family: 'SF Mono', 'Monaco', monospace;\n outline: none;\n transition: border-color 0.15s;\n }\n\n .try-it-input:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-input::placeholder {\n color: #546e7a;\n }\n\n .try-it-body {\n width: 100%;\n min-height: 120px;\n padding: 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n line-height: 1.5;\n resize: vertical;\n outline: none;\n }\n\n .try-it-body:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-actions {\n margin-top: 16px;\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .try-it-send {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n width: auto;\n padding: 6px 14px;\n background: transparent;\n color: var(--primary-color);\n border: 1px solid var(--primary-color);\n border-radius: 5px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.2px;\n cursor: pointer;\n transition: background 0.15s, color 0.15s, border-color 0.15s;\n }\n\n .try-it-send:hover:not(:disabled) {\n background: var(--primary-color);\n color: #fff;\n }\n\n .try-it-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-response {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-response-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n .try-it-response-status {\n font-size: 14px;\n font-weight: 600;\n }\n\n .try-it-response-status.status-2xx { color: #10b981; }\n .try-it-response-status.status-4xx { color: #f59e0b; }\n .try-it-response-status.status-5xx { color: #ef4444; }\n\n .try-it-response-time {\n font-size: 13px;\n color: #90a4ae;\n }\n\n .try-it-response-headers {\n margin-bottom: 16px;\n }\n\n .try-it-response-headers-pre {\n background: rgba(0,0,0,0.3);\n padding: 12px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 1.6;\n color: #90a4ae;\n margin: 0;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .try-it-loading {\n text-align: center;\n color: #90a4ae;\n padding: 20px;\n }\n\n .try-it-error {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.3);\n border-radius: 6px;\n padding: 12px 16px;\n color: #ef4444;\n font-size: 13px;\n }\n\n /* WebSocket Try It Out */\n .try-it-ws {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-ws-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .ws-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .ws-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .try-it-ws-url {\n display: flex;\n gap: 8px;\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-url input {\n flex: 1;\n padding: 10px 14px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n }\n\n .try-it-ws-url input:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-connect {\n padding: 10px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n white-space: nowrap;\n }\n\n .try-it-ws-connect:hover {\n filter: brightness(1.1);\n }\n\n .try-it-ws-connect.connected {\n background: #ef4444;\n }\n\n .try-it-ws-params {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-params h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-message h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message textarea {\n width: 100%;\n min-height: 100px;\n padding: 12px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n resize: vertical;\n box-sizing: border-box;\n }\n\n .try-it-ws-message textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-send {\n margin-top: 12px;\n padding: 10px 20px;\n background: #3b82f6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-send:hover:not(:disabled) {\n filter: brightness(1.1);\n }\n\n .try-it-ws-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-ws-log {\n padding: 16px;\n }\n\n .try-it-ws-log-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .try-it-ws-log-header h4 {\n margin: 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-ws-messages {\n max-height: 300px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-ws-msg {\n display: flex;\n gap: 8px;\n padding: 8px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n font-size: 12px;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .try-it-ws-msg:last-child {\n border-bottom: none;\n }\n\n .ws-msg-time {\n color: #6b7280;\n flex-shrink: 0;\n }\n\n .ws-msg-type {\n flex-shrink: 0;\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .ws-msg-content {\n flex: 1;\n color: var(--text-primary);\n word-break: break-all;\n white-space: pre-wrap;\n }\n\n .try-it-ws-msg-sent .ws-msg-type {\n background: rgba(59, 130, 246, 0.2);\n color: #60a5fa;\n }\n\n .try-it-ws-msg-received .ws-msg-type {\n background: rgba(34, 197, 94, 0.2);\n color: #4ade80;\n }\n\n .try-it-ws-msg-system .ws-msg-type {\n background: rgba(107, 114, 128, 0.2);\n color: #9ca3af;\n }\n\n .try-it-ws-msg-error .ws-msg-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .try-it-ws-msg-error .ws-msg-content {\n color: #f87171;\n }\n\n .try-it-ws-empty {\n text-align: center;\n color: var(--text-tertiary);\n padding: 24px;\n font-size: 13px;\n }\n\n /* Streams (SSE) Try It Out */\n .try-it-sse {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-sse-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .sse-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .sse-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .sse-status-dot.connecting {\n background: #f59e0b;\n animation: pulse 1s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .try-it-sse-subscribe {\n padding: 10px 20px;\n background: #8b5cf6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-subscribe:hover {\n filter: brightness(1.1);\n }\n\n .try-it-sse-filter-section {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-sse-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .sse-type-badge {\n padding: 4px 10px;\n background: rgba(139, 92, 246, 0.2);\n border: 1px solid rgba(139, 92, 246, 0.4);\n border-radius: 4px;\n font-size: 12px;\n color: #a78bfa;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .sse-type-badge:hover {\n background: rgba(139, 92, 246, 0.3);\n }\n\n .sse-type-badge.inactive {\n background: rgba(107, 114, 128, 0.1);\n border-color: rgba(107, 114, 128, 0.3);\n color: #6b7280;\n text-decoration: line-through;\n }\n\n .try-it-sse-log-section {\n padding: 16px;\n }\n\n .try-it-sse-log-section .try-it-section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .sse-event-count {\n font-weight: normal;\n color: var(--text-tertiary);\n margin-left: 8px;\n }\n\n .try-it-sse-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-sse-log {\n max-height: 400px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-sse-event {\n margin-bottom: 12px;\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n border-left: 3px solid #8b5cf6;\n }\n\n .try-it-sse-event:last-child {\n margin-bottom: 0;\n }\n\n .try-it-sse-event-error {\n border-left-color: #ef4444;\n }\n\n .sse-event-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 12px;\n }\n\n .sse-event-time {\n color: #6b7280;\n }\n\n .sse-event-type {\n padding: 2px 8px;\n background: rgba(139, 92, 246, 0.2);\n border-radius: 3px;\n color: #a78bfa;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 10px;\n }\n\n .try-it-sse-event-error .sse-event-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .sse-event-id {\n color: #6b7280;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .sse-event-data {\n margin: 0;\n padding: 8px 10px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px;\n color: var(--text-primary);\n white-space: pre-wrap;\n word-break: break-all;\n overflow-x: auto;\n }\n";
|
|
2
2
|
//# sourceMappingURL=try-it.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"try-it.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"try-it.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,sqdAypBvB,CAAA"}
|
|
@@ -130,28 +130,35 @@ export const tryItStyles = ` /* ========== TRY IT OUT ========== */
|
|
|
130
130
|
|
|
131
131
|
.try-it-actions {
|
|
132
132
|
margin-top: 16px;
|
|
133
|
+
display: flex;
|
|
134
|
+
gap: 8px;
|
|
135
|
+
flex-wrap: wrap;
|
|
133
136
|
}
|
|
134
137
|
|
|
135
138
|
.try-it-send {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
139
|
+
display: inline-flex;
|
|
140
|
+
align-items: center;
|
|
141
|
+
gap: 6px;
|
|
142
|
+
width: auto;
|
|
143
|
+
padding: 6px 14px;
|
|
144
|
+
background: transparent;
|
|
145
|
+
color: var(--primary-color);
|
|
146
|
+
border: 1px solid var(--primary-color);
|
|
147
|
+
border-radius: 5px;
|
|
148
|
+
font-size: 12px;
|
|
149
|
+
font-weight: 500;
|
|
150
|
+
letter-spacing: 0.2px;
|
|
144
151
|
cursor: pointer;
|
|
145
|
-
transition:
|
|
152
|
+
transition: background 0.15s, color 0.15s, border-color 0.15s;
|
|
146
153
|
}
|
|
147
154
|
|
|
148
155
|
.try-it-send:hover:not(:disabled) {
|
|
149
|
-
background: var(--primary-
|
|
150
|
-
|
|
156
|
+
background: var(--primary-color);
|
|
157
|
+
color: #fff;
|
|
151
158
|
}
|
|
152
159
|
|
|
153
160
|
.try-it-send:disabled {
|
|
154
|
-
opacity: 0.
|
|
161
|
+
opacity: 0.5;
|
|
155
162
|
cursor: not-allowed;
|
|
156
163
|
}
|
|
157
164
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"try-it.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG
|
|
1
|
+
{"version":3,"file":"try-it.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAypB1B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const schemaCodeStyles = " /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n .response-samples {\n margin-top: 20px;\n }\n\n .response-samples-header {\n font-size: 14px;\n font-weight: 600;\n color: var(--code-panel-text);\n margin-bottom: 12px;\n }\n\n .sample-tabs {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n }\n\n .sample-tab {\n padding: 6px 14px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.2);\n color: var(--code-panel-text);\n transition: all 0.15s;\n }\n\n .sample-tab:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .sample-tab.active {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.3);\n }\n\n .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n .sample-content {\n display: none;\n }\n\n .sample-content.active {\n display: block;\n }\n\n .sample-content-type {\n font-size: 12px;\n color: #90a4ae;\n margin-bottom: 8px;\n }\n\n .sample-actions {\n display: flex;\n gap: 16px;\n margin-bottom: 12px;\n }\n\n .sample-action {\n font-size: 12px;\n color: #90a4ae;\n cursor: pointer;\n background: none;\n border: none;\n padding: 0;\n transition: color 0.15s;\n }\n\n .sample-action:hover {\n color: white;\n }\n\n .sample-json {\n background: rgba(0,0,0,0.3);\n border-radius: 6px;\n padding: 14px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 12px;\n line-height: 1.5;\n color: #e2e8f0;\n overflow-x: auto;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n .sample-json .json-key { color: #f8b500; }\n .sample-json .json-string { color: #a5d6a7; }\n .sample-json .json-number { color: #82aaff; }\n .sample-json .json-boolean { color: #f78c6c; }\n .sample-json .json-null { color: #89ddff; }\n\n /* Right panel sections */\n .right-panel-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .right-section {\n margin-bottom: 0;\n }\n\n .right-section-header {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n padding-bottom: 8px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .sample-contents {\n margin-top: 0;\n }\n\n .tab-status {\n font-weight: 600;\n }\n\n .tab-status.status-2xx { color: #10b981; }\n .tab-status.status-4xx { color: #f59e0b; }\n .tab-status.status-5xx { color: #ef4444; }\n\n .no-example {\n color: #90a4ae;\n font-style: italic;\n font-size: 13px;\n padding: 12px;\n background: rgba(0,0,0,0.2);\n border-radius: 6px;\n }\n\n .response-desc-only {\n color: #90a4ae;\n font-size: 13px;\n padding: 12px;\n background: rgba(0,0,0,0.2);\n border-radius: 6px;\n }\n\n /* ========== CODE EXAMPLES ========== */\n .code-example {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n overflow: hidden;\n margin-bottom: 16px;\n }\n\n .code-example-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 14px;\n background: var(--code-panel-header);\n font-size: 12px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .code-example pre {\n margin: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n color: #e2e8f0;\n padding: 14px;\n }\n\n .code-example code {\n color: #e2e8f0;\n white-space: pre-wrap;\n word-break: break-word;\n font-size: 12px;\n }\n\n /* Code language tabs */\n .code-tabs {\n display: flex;\n gap: 2px;\n padding: 8px 14px;\n background: var(--code-panel-header);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .code-tab {\n padding: 6px 12px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: #90a4ae;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .code-tab:hover {\n background: rgba(255,255,255,0.1);\n color: var(--code-panel-text);\n }\n\n .code-tab.active {\n background: rgba(255,255,255,0.15);\n color: var(--code-panel-text);\n }\n\n .code-contents {\n padding: 0;\n }\n\n .code-content {\n display: none;\n }\n\n .code-content.active {\n display: block;\n }\n\n pre {\n background: var(--code-bg);\n padding: 16px;\n border-radius: 8px;\n overflow-x: auto;\n font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n font-size: 13px;\n line-height: 1.5;\n border: 1px solid var(--border-color);\n }\n\n /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n .schema-container {\n border: 1px solid var(--border-color);\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 16px;\n }\n\n .schema-row {\n display: flex;\n align-items: flex-start;\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n transition: background 0.15s;\n }\n\n .schema-row:last-child { border-bottom: none; }\n .schema-row:hover { background: var(--hover-bg); }\n\n .schema-row.nested {\n padding-left: 32px;\n background: rgba(0,0,0,0.02);\n }\n\n .schema-row.nested-2 { padding-left: 48px; }\n .schema-row.nested-3 { padding-left: 64px; }\n .schema-row.nested-4 { padding-left: 80px; }\n\n .schema-property {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 200px;\n flex-shrink: 0;\n }\n\n .schema-name {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 13px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .schema-required {\n color: #ef4444;\n font-weight: 700;\n font-size: 14px;\n }\n\n .schema-type {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 11px;\n font-weight: 500;\n }\n\n .type-string { background: #dbeafe; color: #1d4ed8; }\n .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n .type-boolean { background: #fce7f3; color: #be185d; }\n .type-object { background: #e0e7ff; color: #4338ca; }\n .type-array { background: #d1fae5; color: #047857; }\n .type-null { background: #f3f4f6; color: #6b7280; }\n .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n .schema-details {\n flex: 1;\n padding-left: 16px;\n }\n\n .schema-desc {\n color: var(--text-muted);\n font-size: 13px;\n margin-bottom: 4px;\n }\n\n .schema-constraints {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 6px;\n }\n\n .schema-constraint {\n font-size: 11px;\n padding: 2px 6px;\n border-radius: 4px;\n background: var(--code-bg);\n color: var(--text-muted);\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .schema-enum {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n margin-top: 6px;\n }\n\n .schema-enum-value {\n font-size: 11px;\n padding: 2px 8px;\n border-radius: 4px;\n background: #fef3c7;\n color: #92400e;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n [data-theme=\"dark\"] .schema-enum-value {\n background: #451a03;\n color: #fbbf24;\n }\n\n .schema-default {\n font-size: 12px;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n .schema-default code {\n background: var(--code-bg);\n padding: 1px 4px;\n border-radius: 3px;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .schema-toggle {\n cursor: pointer;\n user-select: none;\n color: var(--primary-color);\n font-size: 12px;\n margin-left: 8px;\n }\n\n .schema-toggle:hover { text-decoration: underline; }\n\n .schema-nested-container {\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .schema-nested-container.collapsed {\n max-height: 0 !important;\n }\n\n .schema-example {\n margin-top: 16px;\n background: var(--code-bg);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .schema-example-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: rgba(0,0,0,0.05);\n border-bottom: 1px solid var(--border-color);\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n }\n\n .schema-example-body {\n padding: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 12px;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n /* Response tabs */\n .response-tabs {\n display: flex;\n gap: 2px;\n margin-bottom: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .response-tab {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n border: none;\n background: none;\n color: var(--text-muted);\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n transition: all 0.15s;\n }\n\n .response-tab:hover { color: var(--text-color); }\n\n .response-tab.active {\n color: var(--primary-color);\n border-bottom-color: var(--primary-color);\n }\n\n .response-tab.status-2xx { color: #10b981; }\n .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n .response-tab.status-4xx { color: #f59e0b; }\n .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n .response-tab.status-5xx { color: #ef4444; }\n .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n .response-content { display: none; }\n .response-content.active { display: block; }\n\n /* Parameters table */\n .params-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 16px;\n }\n\n .params-table th {\n text-align: left;\n padding: 8px 12px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--text-muted);\n background: var(--code-bg);\n border-bottom: 1px solid var(--border-color);\n }\n\n .params-table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--border-color);\n font-size: 13px;\n }\n\n .params-table tr:last-child td { border-bottom: none; }\n\n .param-name {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-weight: 600;\n }\n\n .param-in {\n font-size: 10px;\n padding: 2px 6px;\n border-radius: 3px;\n background: var(--code-bg);\n color: var(--text-muted);\n text-transform: uppercase;\n margin-left: 8px;\n }\n\n /* ========== CHANNEL TYPES ========== */\n .channel-type-public { background: #10b981; color: white; }\n .channel-type-private { background: #f59e0b; color: white; }\n .channel-type-presence { background: #8b5cf6; color: white; }\n\n /* ========== INFO GRID ========== */\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 12px;\n margin-bottom: 24px;\n }\n\n .info-card {\n background: var(--code-bg);\n padding: 16px;\n border-radius: 10px;\n border: 1px solid var(--border-color);\n }\n\n .info-card-title {\n font-size: 11px;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 6px;\n }\n\n .info-card-value {\n font-size: 16px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n /* ========== RESPONSIVE ========== */\n @media (max-width: 900px) {\n .app-container { grid-template-columns: 1fr; }\n .sidebar {\n display: none;\n position: fixed;\n left: 0;\n top: 0;\n width: 300px;\n z-index: 100;\n }\n .sidebar.mobile-open { display: block; }\n .hero { padding: 40px 24px; min-height: 100vh; }\n .hero-logo { height: 80px; margin-bottom: 24px; }\n .hero-title { font-size: 36px; }\n .hero-version { font-size: 12px; margin-left: 8px; }\n .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n .hero-features li { font-size: 15px; }\n .hero-btn { padding: 12px 24px; font-size: 15px; }\n .github-corner svg { width: 60px; height: 60px; }\n .main { padding: 24px; }\n }\n\n /* ========== ANIMATIONS ========== */\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .endpoint-section {\n animation: fadeIn 0.3s ease-out;\n }\n\n";
|
|
1
|
+
export declare const schemaCodeStyles = " /* ========== RESPONSE SAMPLES (Right Panel) ========== */\n .response-samples {\n margin-top: 20px;\n }\n\n .response-samples-header {\n font-size: 14px;\n font-weight: 600;\n color: var(--code-panel-text);\n margin-bottom: 12px;\n }\n\n .sample-tabs {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n }\n\n .sample-tab {\n padding: 6px 14px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.2);\n color: var(--code-panel-text);\n transition: all 0.15s;\n }\n\n .sample-tab:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .sample-tab.active {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.3);\n }\n\n .sample-tab.status-2xx { color: #10b981; border-color: #10b981; }\n .sample-tab.status-4xx { color: #f59e0b; border-color: #f59e0b; }\n .sample-tab.status-5xx { color: #ef4444; border-color: #ef4444; }\n\n .sample-content {\n display: none;\n }\n\n .sample-content.active {\n display: block;\n }\n\n .sample-content-type {\n font-size: 12px;\n color: #90a4ae;\n margin-bottom: 8px;\n }\n\n .sample-actions {\n display: flex;\n gap: 16px;\n margin-bottom: 12px;\n }\n\n .sample-action {\n font-size: 12px;\n color: #90a4ae;\n cursor: pointer;\n background: none;\n border: none;\n padding: 0;\n transition: color 0.15s;\n }\n\n .sample-action:hover {\n color: white;\n }\n\n .sample-json {\n background: rgba(0,0,0,0.3);\n border-radius: 6px;\n padding: 14px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 12px;\n line-height: 1.5;\n color: #e2e8f0;\n overflow-x: auto;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n .sample-json .json-key { color: #f8b500; }\n .sample-json .json-string { color: #a5d6a7; }\n .sample-json .json-number { color: #82aaff; }\n .sample-json .json-boolean { color: #f78c6c; }\n .sample-json .json-null { color: #89ddff; }\n\n /* Right panel sections */\n .right-panel-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .right-section {\n margin-bottom: 0;\n }\n\n .right-section-header {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n padding-bottom: 8px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .sample-contents {\n margin-top: 0;\n }\n\n .tab-status {\n font-weight: 600;\n }\n\n .tab-status.status-2xx { color: #10b981; }\n .tab-status.status-4xx { color: #f59e0b; }\n .tab-status.status-5xx { color: #ef4444; }\n\n .no-example {\n color: #90a4ae;\n font-style: italic;\n font-size: 13px;\n padding: 12px;\n background: rgba(0,0,0,0.2);\n border-radius: 6px;\n }\n\n .response-desc-only {\n color: #90a4ae;\n font-size: 13px;\n padding: 12px;\n background: rgba(0,0,0,0.2);\n border-radius: 6px;\n }\n\n /* ========== CODE EXAMPLES ========== */\n .code-example {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n overflow: hidden;\n margin-bottom: 16px;\n }\n\n .code-example-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 14px;\n background: var(--code-panel-header);\n font-size: 12px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .code-example pre {\n margin: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n color: #e2e8f0;\n padding: 14px;\n }\n\n .code-example code {\n color: #e2e8f0;\n white-space: pre-wrap;\n word-break: break-word;\n font-size: 12px;\n }\n\n /* Code language tabs */\n .code-tabs {\n display: flex;\n gap: 2px;\n padding: 8px 14px;\n background: var(--code-panel-header);\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .code-tab {\n padding: 6px 12px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: #90a4ae;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .code-tab:hover {\n background: rgba(255,255,255,0.1);\n color: var(--code-panel-text);\n }\n\n .code-tab.active {\n background: rgba(255,255,255,0.15);\n color: var(--code-panel-text);\n }\n\n .code-contents {\n padding: 0;\n }\n\n .code-content {\n display: none;\n }\n\n .code-content.active {\n display: block;\n }\n\n pre {\n background: var(--code-bg);\n padding: 16px;\n border-radius: 8px;\n overflow-x: auto;\n font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n font-size: 13px;\n line-height: 1.5;\n border: 1px solid var(--border-color);\n }\n\n /* ========== SCHEMA VISUALIZATION (Redoc-style) ========== */\n .schema-container {\n border: 1px solid var(--border-color);\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 16px;\n }\n\n .schema-row {\n display: flex;\n align-items: flex-start;\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n transition: background 0.15s;\n }\n\n .schema-row:last-child { border-bottom: none; }\n .schema-row:hover { background: var(--hover-bg); }\n\n .schema-row.nested {\n padding-left: 32px;\n background: rgba(0,0,0,0.02);\n }\n\n .schema-row.nested-2 { padding-left: 48px; }\n .schema-row.nested-3 { padding-left: 64px; }\n .schema-row.nested-4 { padding-left: 80px; }\n\n .schema-property {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 200px;\n flex-shrink: 0;\n }\n\n .schema-name {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 13px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .schema-required {\n color: #ef4444;\n font-weight: 700;\n font-size: 14px;\n }\n\n .schema-type {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 11px;\n font-weight: 500;\n }\n\n .type-string { background: #dbeafe; color: #1d4ed8; }\n .type-number, .type-integer { background: #fef3c7; color: #b45309; }\n .type-boolean { background: #fce7f3; color: #be185d; }\n .type-object { background: #e0e7ff; color: #4338ca; }\n .type-array { background: #d1fae5; color: #047857; }\n .type-null { background: #f3f4f6; color: #6b7280; }\n .type-ref { background: #fef3c7; color: #92400e; font-style: italic; }\n\n [data-theme=\"dark\"] .type-string { background: #1e3a5f; color: #93c5fd; }\n [data-theme=\"dark\"] .type-number, [data-theme=\"dark\"] .type-integer { background: #451a03; color: #fcd34d; }\n [data-theme=\"dark\"] .type-boolean { background: #4a0519; color: #f9a8d4; }\n [data-theme=\"dark\"] .type-object { background: #312e81; color: #c7d2fe; }\n [data-theme=\"dark\"] .type-array { background: #064e3b; color: #6ee7b7; }\n [data-theme=\"dark\"] .type-null { background: #374151; color: #9ca3af; }\n [data-theme=\"dark\"] .type-ref { background: #451a03; color: #fbbf24; }\n\n .schema-details {\n flex: 1;\n padding-left: 16px;\n }\n\n .schema-desc {\n color: var(--text-muted);\n font-size: 13px;\n margin-bottom: 4px;\n }\n\n .schema-constraints {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 6px;\n }\n\n .schema-constraint {\n font-size: 11px;\n padding: 2px 6px;\n border-radius: 4px;\n background: var(--code-bg);\n color: var(--text-muted);\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .schema-enum {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n margin-top: 6px;\n }\n\n .schema-enum-value {\n font-size: 11px;\n padding: 2px 8px;\n border-radius: 4px;\n background: #fef3c7;\n color: #92400e;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n [data-theme=\"dark\"] .schema-enum-value {\n background: #451a03;\n color: #fbbf24;\n }\n\n .schema-default {\n font-size: 12px;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n .schema-default code {\n background: var(--code-bg);\n padding: 1px 4px;\n border-radius: 3px;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .schema-toggle {\n cursor: pointer;\n user-select: none;\n color: var(--primary-color);\n font-size: 12px;\n margin-left: 8px;\n }\n\n .schema-toggle:hover { text-decoration: underline; }\n\n .schema-nested-container {\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .schema-nested-container.collapsed {\n max-height: 0 !important;\n }\n\n .schema-example {\n margin-top: 16px;\n background: var(--code-bg);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .schema-example-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: rgba(0,0,0,0.05);\n border-bottom: 1px solid var(--border-color);\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n }\n\n .schema-example-body {\n padding: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 12px;\n white-space: pre-wrap;\n word-break: break-word;\n }\n\n /* Response tabs */\n .response-tabs {\n display: flex;\n gap: 2px;\n margin-bottom: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .response-tab {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n border: none;\n background: none;\n color: var(--text-muted);\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n transition: all 0.15s;\n }\n\n .response-tab:hover { color: var(--text-color); }\n\n .response-tab.active {\n color: var(--primary-color);\n border-bottom-color: var(--primary-color);\n }\n\n .response-tab.status-2xx { color: #10b981; }\n .response-tab.status-2xx.active { border-bottom-color: #10b981; }\n .response-tab.status-4xx { color: #f59e0b; }\n .response-tab.status-4xx.active { border-bottom-color: #f59e0b; }\n .response-tab.status-5xx { color: #ef4444; }\n .response-tab.status-5xx.active { border-bottom-color: #ef4444; }\n\n .response-content { display: none; }\n .response-content.active { display: block; }\n\n /* Parameters table */\n .params-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 16px;\n }\n\n .params-table th {\n text-align: left;\n padding: 8px 12px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--text-muted);\n background: var(--code-bg);\n border-bottom: 1px solid var(--border-color);\n }\n\n .params-table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--border-color);\n font-size: 13px;\n }\n\n .params-table tr:last-child td { border-bottom: none; }\n\n .param-name {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-weight: 600;\n }\n\n .param-in {\n font-size: 10px;\n padding: 2px 6px;\n border-radius: 3px;\n background: var(--code-bg);\n color: var(--text-muted);\n text-transform: uppercase;\n margin-left: 8px;\n }\n\n /* ========== CHANNEL TYPES ========== */\n .channel-type-public { background: #10b981; color: white; }\n .channel-type-private { background: #f59e0b; color: white; }\n .channel-type-presence { background: #8b5cf6; color: white; }\n\n /* ========== INFO GRID ========== */\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 12px;\n margin-bottom: 24px;\n }\n\n .info-card {\n background: var(--code-bg);\n padding: 16px;\n border-radius: 10px;\n border: 1px solid var(--border-color);\n }\n\n .info-card-title {\n font-size: 11px;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 6px;\n }\n\n .info-card-value {\n font-size: 16px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n /* ========== RESPONSIVE ========== */\n @media (max-width: 900px) {\n .app-container { grid-template-columns: 1fr; }\n .sidebar {\n display: none;\n position: fixed;\n left: 0;\n top: 0;\n width: 300px;\n z-index: 100;\n }\n .sidebar.mobile-open { display: block; }\n .hero { padding: 40px 24px; min-height: 100vh; }\n .hero-logo { height: 80px; margin-bottom: 24px; }\n .hero-title { font-size: 36px; }\n .hero-version { font-size: 12px; margin-left: 8px; }\n .hero-tagline { font-size: 17px; margin-bottom: 20px; }\n .hero-features { flex-direction: column; align-items: center; gap: 12px; }\n .hero-features li { font-size: 15px; }\n .hero-btn { padding: 12px 24px; font-size: 15px; }\n .github-corner svg { width: 60px; height: 60px; }\n .main { padding: 24px; }\n }\n\n /* ========== ANIMATIONS ========== */\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .endpoint-section {\n animation: fadeIn 0.3s ease-out;\n }\n\n /* ========== HTTP ENDPOINT (ReDoc-style) ========== */\n .http-param-group {\n margin-bottom: 20px;\n }\n\n .http-param-group-title {\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-muted);\n margin-bottom: 8px;\n }\n\n .http-params {\n border: 1px solid var(--border-color);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .http-param {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .http-param:last-child { border-bottom: none; }\n\n .http-param-head {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .http-param-name {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 13px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .http-param-required {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #ef4444;\n }\n\n .http-param-deprecated {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #f59e0b;\n }\n\n .http-param-desc {\n color: var(--text-muted);\n font-size: 13px;\n margin-top: 6px;\n line-height: 1.5;\n }\n\n /* Validation constraint chips (reuses .schema-constraint look) */\n .constraint-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 8px;\n }\n\n .constraint-chip {\n font-size: 11px;\n padding: 2px 8px;\n border-radius: 4px;\n background: var(--code-bg);\n color: var(--text-muted);\n border: 1px solid var(--border-color);\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .constraint-chip.constraint-enum {\n background: #fef3c7;\n color: #92400e;\n border-color: transparent;\n }\n\n [data-theme=\"dark\"] .constraint-chip.constraint-enum {\n background: #451a03;\n color: #fbbf24;\n }\n\n /* Response accordions */\n .response-accordion {\n border: 1px solid var(--border-color);\n border-radius: 8px;\n margin-bottom: 10px;\n overflow: hidden;\n }\n\n .response-accordion-header {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 12px 14px;\n background: var(--code-bg);\n border: none;\n cursor: pointer;\n text-align: left;\n font-size: 13px;\n color: var(--text-color);\n transition: background 0.15s;\n }\n\n .response-accordion-header:hover { background: var(--hover-bg); }\n\n .response-accordion-caret {\n flex-shrink: 0;\n font-size: 10px;\n color: var(--text-muted);\n transition: transform 0.2s ease;\n }\n\n .response-accordion.open .response-accordion-caret {\n transform: rotate(90deg);\n }\n\n .response-status-dot {\n width: 9px;\n height: 9px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .response-status-dot.status-2xx { background: #10b981; }\n .response-status-dot.status-3xx { background: #3b82f6; }\n .response-status-dot.status-4xx { background: #f59e0b; }\n .response-status-dot.status-5xx { background: #ef4444; }\n\n .response-status-code {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-weight: 600;\n }\n\n .response-status-desc {\n color: var(--text-muted);\n }\n\n .response-accordion-body {\n padding: 14px;\n border-top: 1px solid var(--border-color);\n display: none;\n }\n\n .response-accordion.open .response-accordion-body { display: block; }\n\n .response-subhead {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--text-muted);\n margin: 0 0 8px;\n }\n\n .response-block + .response-block { margin-top: 16px; }\n\n /* Multi-language code samples */\n .http-code-samples {\n margin-top: 8px;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n overflow: hidden;\n background: var(--code-bg);\n }\n\n .http-code-samples .code-tabs {\n flex-wrap: wrap;\n background: rgba(0,0,0,0.04);\n }\n\n [data-theme=\"dark\"] .http-code-samples .code-tabs {\n background: rgba(255,255,255,0.03);\n }\n\n .http-code-sample-pre {\n margin: 0;\n padding: 14px;\n background: transparent;\n border: none;\n border-radius: 0;\n overflow-x: auto;\n font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;\n font-size: 12px;\n line-height: 1.55;\n color: var(--text-color);\n white-space: pre;\n }\n\n .http-code-copy {\n margin-left: auto;\n padding: 4px 10px;\n background: transparent;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n color: var(--text-muted);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .http-code-copy:hover { color: var(--text-color); border-color: var(--text-muted); }\n\n";
|
|
2
2
|
//# sourceMappingURL=schema-code.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"schema-code.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+rmBAgxB5B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const tryItStyles = " /* ========== TRY IT OUT ========== */\n .try-it-out {\n background: rgba(0,0,0,0.2);\n border-radius: 8px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .try-it-out.collapsed .try-it-form {\n display: none;\n }\n\n .try-it-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 16px;\n cursor: pointer;\n background: var(--code-panel-header);\n transition: background 0.15s;\n }\n\n .try-it-header:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .try-it-title {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-toggle {\n background: none;\n border: none;\n color: #90a4ae;\n font-size: 12px;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .try-it-out.collapsed .try-it-toggle {\n transform: rotate(-90deg);\n }\n\n .try-it-form {\n padding: 16px;\n }\n\n .try-it-section {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-section:last-child {\n border-bottom: none;\n }\n\n .try-it-section-title {\n font-size: 11px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n .try-it-group {\n margin-bottom: 12px;\n }\n\n .try-it-group:last-child {\n margin-bottom: 0;\n }\n\n .try-it-label {\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--code-panel-text);\n margin-bottom: 6px;\n }\n\n .try-it-required {\n color: #ef4444;\n }\n\n .try-it-input {\n width: 100%;\n padding: 10px 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 13px;\n font-family: 'SF Mono', 'Monaco', monospace;\n outline: none;\n transition: border-color 0.15s;\n }\n\n .try-it-input:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-input::placeholder {\n color: #546e7a;\n }\n\n .try-it-body {\n width: 100%;\n min-height: 120px;\n padding: 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n line-height: 1.5;\n resize: vertical;\n outline: none;\n }\n\n .try-it-body:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-actions {\n margin-top: 16px;\n }\n\n .try-it-send {\n width: 100%;\n padding: 12px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .try-it-send:hover:not(:disabled) {\n background: var(--primary-hover);\n transform: translateY(-1px);\n }\n\n .try-it-send:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n .try-it-response {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-response-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n .try-it-response-status {\n font-size: 14px;\n font-weight: 600;\n }\n\n .try-it-response-status.status-2xx { color: #10b981; }\n .try-it-response-status.status-4xx { color: #f59e0b; }\n .try-it-response-status.status-5xx { color: #ef4444; }\n\n .try-it-response-time {\n font-size: 13px;\n color: #90a4ae;\n }\n\n .try-it-response-headers {\n margin-bottom: 16px;\n }\n\n .try-it-response-headers-pre {\n background: rgba(0,0,0,0.3);\n padding: 12px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 1.6;\n color: #90a4ae;\n margin: 0;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .try-it-loading {\n text-align: center;\n color: #90a4ae;\n padding: 20px;\n }\n\n .try-it-error {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.3);\n border-radius: 6px;\n padding: 12px 16px;\n color: #ef4444;\n font-size: 13px;\n }\n\n /* WebSocket Try It Out */\n .try-it-ws {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-ws-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .ws-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .ws-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .try-it-ws-url {\n display: flex;\n gap: 8px;\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-url input {\n flex: 1;\n padding: 10px 14px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n }\n\n .try-it-ws-url input:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-connect {\n padding: 10px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n white-space: nowrap;\n }\n\n .try-it-ws-connect:hover {\n filter: brightness(1.1);\n }\n\n .try-it-ws-connect.connected {\n background: #ef4444;\n }\n\n .try-it-ws-params {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-params h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-message h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message textarea {\n width: 100%;\n min-height: 100px;\n padding: 12px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n resize: vertical;\n box-sizing: border-box;\n }\n\n .try-it-ws-message textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-send {\n margin-top: 12px;\n padding: 10px 20px;\n background: #3b82f6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-send:hover:not(:disabled) {\n filter: brightness(1.1);\n }\n\n .try-it-ws-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-ws-log {\n padding: 16px;\n }\n\n .try-it-ws-log-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .try-it-ws-log-header h4 {\n margin: 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-ws-messages {\n max-height: 300px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-ws-msg {\n display: flex;\n gap: 8px;\n padding: 8px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n font-size: 12px;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .try-it-ws-msg:last-child {\n border-bottom: none;\n }\n\n .ws-msg-time {\n color: #6b7280;\n flex-shrink: 0;\n }\n\n .ws-msg-type {\n flex-shrink: 0;\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .ws-msg-content {\n flex: 1;\n color: var(--text-primary);\n word-break: break-all;\n white-space: pre-wrap;\n }\n\n .try-it-ws-msg-sent .ws-msg-type {\n background: rgba(59, 130, 246, 0.2);\n color: #60a5fa;\n }\n\n .try-it-ws-msg-received .ws-msg-type {\n background: rgba(34, 197, 94, 0.2);\n color: #4ade80;\n }\n\n .try-it-ws-msg-system .ws-msg-type {\n background: rgba(107, 114, 128, 0.2);\n color: #9ca3af;\n }\n\n .try-it-ws-msg-error .ws-msg-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .try-it-ws-msg-error .ws-msg-content {\n color: #f87171;\n }\n\n .try-it-ws-empty {\n text-align: center;\n color: var(--text-tertiary);\n padding: 24px;\n font-size: 13px;\n }\n\n /* Streams (SSE) Try It Out */\n .try-it-sse {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-sse-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .sse-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .sse-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .sse-status-dot.connecting {\n background: #f59e0b;\n animation: pulse 1s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .try-it-sse-subscribe {\n padding: 10px 20px;\n background: #8b5cf6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-subscribe:hover {\n filter: brightness(1.1);\n }\n\n .try-it-sse-filter-section {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-sse-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .sse-type-badge {\n padding: 4px 10px;\n background: rgba(139, 92, 246, 0.2);\n border: 1px solid rgba(139, 92, 246, 0.4);\n border-radius: 4px;\n font-size: 12px;\n color: #a78bfa;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .sse-type-badge:hover {\n background: rgba(139, 92, 246, 0.3);\n }\n\n .sse-type-badge.inactive {\n background: rgba(107, 114, 128, 0.1);\n border-color: rgba(107, 114, 128, 0.3);\n color: #6b7280;\n text-decoration: line-through;\n }\n\n .try-it-sse-log-section {\n padding: 16px;\n }\n\n .try-it-sse-log-section .try-it-section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .sse-event-count {\n font-weight: normal;\n color: var(--text-tertiary);\n margin-left: 8px;\n }\n\n .try-it-sse-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-sse-log {\n max-height: 400px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-sse-event {\n margin-bottom: 12px;\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n border-left: 3px solid #8b5cf6;\n }\n\n .try-it-sse-event:last-child {\n margin-bottom: 0;\n }\n\n .try-it-sse-event-error {\n border-left-color: #ef4444;\n }\n\n .sse-event-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 12px;\n }\n\n .sse-event-time {\n color: #6b7280;\n }\n\n .sse-event-type {\n padding: 2px 8px;\n background: rgba(139, 92, 246, 0.2);\n border-radius: 3px;\n color: #a78bfa;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 10px;\n }\n\n .try-it-sse-event-error .sse-event-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .sse-event-id {\n color: #6b7280;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .sse-event-data {\n margin: 0;\n padding: 8px 10px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px;\n color: var(--text-primary);\n white-space: pre-wrap;\n word-break: break-all;\n overflow-x: auto;\n }\n";
|
|
1
|
+
export declare const tryItStyles = " /* ========== TRY IT OUT ========== */\n .try-it-out {\n background: rgba(0,0,0,0.2);\n border-radius: 8px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .try-it-out.collapsed .try-it-form {\n display: none;\n }\n\n .try-it-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 16px;\n cursor: pointer;\n background: var(--code-panel-header);\n transition: background 0.15s;\n }\n\n .try-it-header:hover {\n background: rgba(255,255,255,0.1);\n }\n\n .try-it-title {\n font-size: 13px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-toggle {\n background: none;\n border: none;\n color: #90a4ae;\n font-size: 12px;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .try-it-out.collapsed .try-it-toggle {\n transform: rotate(-90deg);\n }\n\n .try-it-form {\n padding: 16px;\n }\n\n .try-it-section {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-section:last-child {\n border-bottom: none;\n }\n\n .try-it-section-title {\n font-size: 11px;\n font-weight: 600;\n color: #90a4ae;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n .try-it-group {\n margin-bottom: 12px;\n }\n\n .try-it-group:last-child {\n margin-bottom: 0;\n }\n\n .try-it-label {\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--code-panel-text);\n margin-bottom: 6px;\n }\n\n .try-it-required {\n color: #ef4444;\n }\n\n .try-it-input {\n width: 100%;\n padding: 10px 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 13px;\n font-family: 'SF Mono', 'Monaco', monospace;\n outline: none;\n transition: border-color 0.15s;\n }\n\n .try-it-input:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-input::placeholder {\n color: #546e7a;\n }\n\n .try-it-body {\n width: 100%;\n min-height: 120px;\n padding: 12px;\n background: rgba(0,0,0,0.3);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 6px;\n color: var(--code-panel-text);\n font-size: 12px;\n font-family: 'SF Mono', 'Monaco', monospace;\n line-height: 1.5;\n resize: vertical;\n outline: none;\n }\n\n .try-it-body:focus {\n border-color: var(--primary-color);\n }\n\n .try-it-actions {\n margin-top: 16px;\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .try-it-send {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n width: auto;\n padding: 6px 14px;\n background: transparent;\n color: var(--primary-color);\n border: 1px solid var(--primary-color);\n border-radius: 5px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.2px;\n cursor: pointer;\n transition: background 0.15s, color 0.15s, border-color 0.15s;\n }\n\n .try-it-send:hover:not(:disabled) {\n background: var(--primary-color);\n color: #fff;\n }\n\n .try-it-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-response {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n\n .try-it-response-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n .try-it-response-status {\n font-size: 14px;\n font-weight: 600;\n }\n\n .try-it-response-status.status-2xx { color: #10b981; }\n .try-it-response-status.status-4xx { color: #f59e0b; }\n .try-it-response-status.status-5xx { color: #ef4444; }\n\n .try-it-response-time {\n font-size: 13px;\n color: #90a4ae;\n }\n\n .try-it-response-headers {\n margin-bottom: 16px;\n }\n\n .try-it-response-headers-pre {\n background: rgba(0,0,0,0.3);\n padding: 12px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 1.6;\n color: #90a4ae;\n margin: 0;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .try-it-loading {\n text-align: center;\n color: #90a4ae;\n padding: 20px;\n }\n\n .try-it-error {\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.3);\n border-radius: 6px;\n padding: 12px 16px;\n color: #ef4444;\n font-size: 13px;\n }\n\n /* WebSocket Try It Out */\n .try-it-ws {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-ws-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .ws-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .ws-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .try-it-ws-url {\n display: flex;\n gap: 8px;\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-url input {\n flex: 1;\n padding: 10px 14px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n }\n\n .try-it-ws-url input:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-connect {\n padding: 10px 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n white-space: nowrap;\n }\n\n .try-it-ws-connect:hover {\n filter: brightness(1.1);\n }\n\n .try-it-ws-connect.connected {\n background: #ef4444;\n }\n\n .try-it-ws-params {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-params h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-ws-message h4 {\n margin: 0 0 12px 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-message textarea {\n width: 100%;\n min-height: 100px;\n padding: 12px;\n background: rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 6px;\n color: var(--text-primary);\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n resize: vertical;\n box-sizing: border-box;\n }\n\n .try-it-ws-message textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n\n .try-it-ws-send {\n margin-top: 12px;\n padding: 10px 20px;\n background: #3b82f6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-send:hover:not(:disabled) {\n filter: brightness(1.1);\n }\n\n .try-it-ws-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .try-it-ws-log {\n padding: 16px;\n }\n\n .try-it-ws-log-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 12px;\n }\n\n .try-it-ws-log-header h4 {\n margin: 0;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .try-it-ws-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-ws-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-ws-messages {\n max-height: 300px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-ws-msg {\n display: flex;\n gap: 8px;\n padding: 8px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n font-size: 12px;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .try-it-ws-msg:last-child {\n border-bottom: none;\n }\n\n .ws-msg-time {\n color: #6b7280;\n flex-shrink: 0;\n }\n\n .ws-msg-type {\n flex-shrink: 0;\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .ws-msg-content {\n flex: 1;\n color: var(--text-primary);\n word-break: break-all;\n white-space: pre-wrap;\n }\n\n .try-it-ws-msg-sent .ws-msg-type {\n background: rgba(59, 130, 246, 0.2);\n color: #60a5fa;\n }\n\n .try-it-ws-msg-received .ws-msg-type {\n background: rgba(34, 197, 94, 0.2);\n color: #4ade80;\n }\n\n .try-it-ws-msg-system .ws-msg-type {\n background: rgba(107, 114, 128, 0.2);\n color: #9ca3af;\n }\n\n .try-it-ws-msg-error .ws-msg-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .try-it-ws-msg-error .ws-msg-content {\n color: #f87171;\n }\n\n .try-it-ws-empty {\n text-align: center;\n color: var(--text-tertiary);\n padding: 24px;\n font-size: 13px;\n }\n\n /* Streams (SSE) Try It Out */\n .try-it-sse {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .try-it-sse-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.15);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 13px;\n color: var(--text-secondary);\n }\n\n .sse-status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #6b7280;\n transition: background 0.2s ease;\n }\n\n .sse-status-dot.connected {\n background: #22c55e;\n box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);\n }\n\n .sse-status-dot.connecting {\n background: #f59e0b;\n animation: pulse 1s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .try-it-sse-subscribe {\n padding: 10px 20px;\n background: #8b5cf6;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-subscribe:hover {\n filter: brightness(1.1);\n }\n\n .try-it-sse-filter-section {\n padding: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .try-it-sse-filter {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .sse-type-badge {\n padding: 4px 10px;\n background: rgba(139, 92, 246, 0.2);\n border: 1px solid rgba(139, 92, 246, 0.4);\n border-radius: 4px;\n font-size: 12px;\n color: #a78bfa;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .sse-type-badge:hover {\n background: rgba(139, 92, 246, 0.3);\n }\n\n .sse-type-badge.inactive {\n background: rgba(107, 114, 128, 0.1);\n border-color: rgba(107, 114, 128, 0.3);\n color: #6b7280;\n text-decoration: line-through;\n }\n\n .try-it-sse-log-section {\n padding: 16px;\n }\n\n .try-it-sse-log-section .try-it-section-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .sse-event-count {\n font-weight: normal;\n color: var(--text-tertiary);\n margin-left: 8px;\n }\n\n .try-it-sse-clear {\n padding: 4px 10px;\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n color: var(--text-secondary);\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .try-it-sse-clear:hover {\n border-color: rgba(255, 255, 255, 0.4);\n color: var(--text-primary);\n }\n\n .try-it-sse-log {\n max-height: 400px;\n overflow-y: auto;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n padding: 12px;\n }\n\n .try-it-sse-event {\n margin-bottom: 12px;\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 6px;\n border-left: 3px solid #8b5cf6;\n }\n\n .try-it-sse-event:last-child {\n margin-bottom: 0;\n }\n\n .try-it-sse-event-error {\n border-left-color: #ef4444;\n }\n\n .sse-event-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n font-size: 12px;\n }\n\n .sse-event-time {\n color: #6b7280;\n }\n\n .sse-event-type {\n padding: 2px 8px;\n background: rgba(139, 92, 246, 0.2);\n border-radius: 3px;\n color: #a78bfa;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 10px;\n }\n\n .try-it-sse-event-error .sse-event-type {\n background: rgba(239, 68, 68, 0.2);\n color: #f87171;\n }\n\n .sse-event-id {\n color: #6b7280;\n font-family: 'JetBrains Mono', monospace;\n }\n\n .sse-event-data {\n margin: 0;\n padding: 8px 10px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px;\n color: var(--text-primary);\n white-space: pre-wrap;\n word-break: break-all;\n overflow-x: auto;\n }\n";
|
|
2
2
|
//# sourceMappingURL=try-it.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"try-it.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"try-it.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/try-it.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,sqdAypBvB,CAAA"}
|