drf-to-mkdoc 0.2.3__py3-none-any.whl → 0.3.0__py3-none-any.whl

drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/try-out/response.css

@@ -0,0 +1,323 @@
+/* Response Modal Base */
+.response-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: var(--try-out-z-response);
+    display: none;
+    align-items: center;
+    justify-content: center;
+    padding: var(--try-out-spacing-lg);
+    box-sizing: border-box;
+    backdrop-filter: blur(var(--try-out-backdrop-blur));
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+/* Modal Content */
+.response-modal .modal-content {
+    position: relative;
+    width: 100%;
+    max-width: 800px;
+    max-height: 90vh;
+    background-color: var(--try-out-bg);
+    border-radius: var(--try-out-border-radius-xl);
+    box-shadow: var(--try-out-shadow-xl);
+    overflow: hidden;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid var(--try-out-border);
+    animation: modal-slide-up 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* Modal Header */
+.response-modal .modal-header {
+    background: var(--try-out-gradient-primary);
+    padding: var(--try-out-spacing) var(--try-out-spacing-xl);
+    color: white;
+}
+
+.response-modal .header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.response-modal .header-content h3 {
+    margin: 0;
+    font-size: var(--try-out-font-lg);
+    font-weight: 600;
+}
+
+.response-modal .header-actions {
+    display: flex;
+    gap: var(--try-out-spacing-sm);
+}
+
+/* Action Buttons */
+.response-modal .action-btn {
+    background: rgba(255, 255, 255, 0.1);
+    border: none;
+    color: white;
+    width: 32px;
+    height: 32px;
+    border-radius: var(--try-out-border-radius);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: var(--try-out-transition);
+}
+
+.response-modal .action-btn:hover {
+    background: rgba(255, 255, 255, 0.2);
+    transform: translateY(-1px);
+}
+
+/* Response Stats */
+.response-modal .response-stats {
+    padding: var(--try-out-spacing);
+    background: var(--try-out-surface);
+    border-bottom: 1px solid var(--try-out-border);
+}
+
+.response-modal .stat-group {
+    display: flex;
+    gap: var(--try-out-spacing-lg);
+    margin-bottom: var(--try-out-spacing);
+}
+
+.response-modal .stat-item {
+    display: flex;
+    align-items: center;
+    gap: var(--try-out-spacing-sm);
+}
+
+.response-modal .stat-label {
+    color: var(--try-out-text-light);
+    font-size: var(--try-out-font-sm);
+}
+
+.response-modal .stat-value {
+    font-weight: 500;
+    font-family: var(--try-out-font-mono);
+}
+
+/* Status Badges */
+.response-modal .status-badge {
+    padding: var(--try-out-spacing-xs) var(--try-out-spacing-sm);
+    border-radius: var(--try-out-border-radius);
+    font-size: var(--try-out-font-sm);
+    font-weight: 600;
+    font-family: var(--try-out-font-mono);
+}
+
+.response-modal .status-200 { 
+    background-color: var(--try-out-success);
+    color: white;
+}
+
+.response-modal .status-300 { 
+    background-color: var(--try-out-info);
+    color: white;
+}
+
+.response-modal .status-400 { 
+    background-color: var(--try-out-warning);
+    color: var(--try-out-text);
+}
+
+.response-modal .status-500 { 
+    background-color: var(--try-out-danger);
+    color: white;
+}
+
+/* Response Tabs */
+.response-modal .response-tabs {
+    display: flex;
+    gap: var(--try-out-spacing-xs);
+    padding: var(--try-out-spacing) var(--try-out-spacing) 0;
+    border-bottom: 1px solid var(--try-out-border);
+}
+
+.response-modal .tab {
+    display: flex;
+    align-items: center;
+    gap: var(--try-out-spacing-xs);
+    padding: var(--try-out-spacing-xs) var(--try-out-spacing);
+    border: none;
+    background: transparent;
+    color: var(--try-out-text-light);
+    cursor: pointer;
+    transition: var(--try-out-transition);
+    border-radius: var(--try-out-border-radius) var(--try-out-border-radius) 0 0;
+}
+
+.response-modal .tab.active {
+    background: var(--try-out-surface);
+    color: var(--try-out-primary);
+    border: 1px solid var(--try-out-border);
+    border-bottom: none;
+}
+
+/* Response Toolbar */
+.response-modal .response-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--try-out-spacing);
+    background: var(--try-out-surface);
+    border-bottom: 1px solid var(--try-out-border);
+}
+
+.response-modal .toolbar-group {
+    display: flex;
+    gap: var(--try-out-spacing-sm);
+}
+
+.response-modal .tool-btn {
+    padding: var(--try-out-spacing-xs) var(--try-out-spacing-sm);
+    border: 1px solid var(--try-out-border);
+    border-radius: var(--try-out-border-radius);
+    background: var(--try-out-bg);
+    color: var(--try-out-text);
+    cursor: pointer;
+    transition: var(--try-out-transition);
+}
+
+.response-modal .tool-btn:hover {
+    background: var(--try-out-surface);
+    border-color: var(--try-out-primary);
+}
+
+.response-modal input {
+    padding: var(--try-out-spacing-xs) var(--try-out-spacing-sm);
+    border: 1px solid var(--try-out-border);
+    border-radius: var(--try-out-border-radius);
+    font-size: var(--try-out-font-sm);
+    width: 200px;
+}
+
+.response-modal .search-count {
+    position: absolute;
+    right: var(--try-out-spacing-sm);
+    color: var(--try-out-text-light);
+    font-size: var(--try-out-font-sm);
+}
+
+/* Response Content */
+.response-modal .response-viewer {
+    padding: var(--try-out-spacing);
+    background: var(--try-out-surface);
+    border-radius: var(--try-out-border-radius);
+    overflow: auto;
+    max-height: 400px;
+}
+
+.response-modal .response-content {
+    font-family: var(--try-out-font-mono);
+    font-size: var(--try-out-font-sm);
+    line-height: 1.5;
+    white-space: pre-wrap;
+    tab-size: 2;
+}
+
+/* Headers List */
+.response-modal .headers-list {
+    padding: var(--try-out-spacing);
+}
+
+.response-modal .header-item {
+    display: flex;
+    justify-content: space-between;
+    padding: var(--try-out-spacing-sm);
+    border-bottom: 1px solid var(--try-out-border);
+}
+
+.response-modal .header-name {
+    font-weight: 500;
+    color: var(--try-out-text);
+}
+
+.response-modal .header-value {
+    color: var(--try-out-text-light);
+    font-family: var(--try-out-font-mono);
+}
+
+/* Toast Notifications */
+.toast {
+    position: fixed;
+    bottom: var(--try-out-spacing-xl);
+    left: 50%;
+    transform: translateX(-50%);
+    background: var(--try-out-glass-bg);
+    backdrop-filter: blur(var(--try-out-backdrop-blur));
+    border: 1px solid var(--try-out-glass-border);
+    padding: var(--try-out-spacing-sm) var(--try-out-spacing);
+    border-radius: var(--try-out-border-radius);
+    color: var(--try-out-text);
+    box-shadow: var(--try-out-shadow-lg);
+    z-index: var(--try-out-z-toast);
+    animation: toast-slide-up 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* Search Highlighting */
+.response-modal .search-match {
+    background: var(--try-out-warning);
+    color: var(--try-out-text);
+    border-radius: 2px;
+}
+
+/* Animations */
+@keyframes modal-slide-up {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes toast-slide-up {
+    from {
+        opacity: 0;
+        transform: translate(-50%, 20px);
+    }
+    to {
+        opacity: 1;
+        transform: translate(-50%, 0);
+    }
+}
+
+/* Mobile Responsive Design */
+@media screen and (max-width: 768px) {
+    .response-modal {
+        padding: var(--try-out-spacing-sm);
+    }
+    
+    .response-modal .modal-content {
+        max-height: 95vh;
+    }
+    
+    .response-modal .stat-group {
+        flex-direction: column;
+        gap: var(--try-out-spacing-sm);
+    }
+    
+    .response-modal .response-toolbar {
+        flex-direction: column;
+        gap: var(--try-out-spacing-sm);
+    }
+
+    .response-modal .response-viewer {
+        max-height: 300px;
+    }
+    
+    .response-modal .response-content {
+        font-size: 12px;
+    }
+}

drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/try-out/variables.css

@@ -0,0 +1,139 @@
+:root {
+    /* Theme Transition */
+    --theme-transition: background-color 0.3s ease,
+                       color 0.3s ease,
+                       border-color 0.3s ease,
+                       box-shadow 0.3s ease;
+
+    /* Modern Color System - Light Theme */
+    --try-out-primary: #2563eb;
+    --try-out-primary-rgb: 37, 99, 235;
+    --try-out-primary-hover: #1d4ed8;
+    --try-out-primary-light: #60a5fa;
+    --try-out-success: #10b981;
+    --try-out-success-hover: #059669;
+    --try-out-danger: #ef4444;
+    --try-out-danger-hover: #dc2626;
+    --try-out-warning: #f59e0b;
+    --try-out-info: #3b82f6;
+
+    /* Light Theme Colors */
+    --try-out-bg: #ffffff;
+    --try-out-surface: #f8fafc;
+    --try-out-surface-raised: #ffffff;
+    --try-out-border: #e2e8f0;
+    --try-out-text: #1e293b;
+    --try-out-text-light: #475569;
+    --try-out-text-lighter: #64748b;
+
+    /* Glass Morphism Effects - Light */
+    --try-out-glass-bg: rgba(255, 255, 255, 0.7);
+    --try-out-glass-border: rgba(255, 255, 255, 0.1);
+    --try-out-backdrop-blur: 8px;
+    --try-out-glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+                           0 2px 4px -1px rgba(0, 0, 0, 0.06);
+
+    /* Elevation Shadows - Light */
+    --try-out-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --try-out-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+                        0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    --try-out-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+                        0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --try-out-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+                        0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+    /* Gradients - Light */
+    --try-out-gradient-primary: linear-gradient(135deg, var(--try-out-primary), var(--try-out-primary-light));
+    --try-out-gradient-surface: linear-gradient(135deg, var(--try-out-surface), var(--try-out-surface-raised));
+
+    /* Layout and Spacing */
+    --try-out-border-radius-sm: 0.25rem;
+    --try-out-border-radius: 0.375rem;
+    --try-out-border-radius-lg: 0.5rem;
+    --try-out-border-radius-xl: 0.75rem;
+    --try-out-border-radius-2xl: 1rem;
+    
+    /* Fluid Spacing System */
+    --try-out-spacing-3xs: clamp(0.25rem, 0.5vw, 0.35rem);
+    --try-out-spacing-2xs: clamp(0.35rem, 0.75vw, 0.5rem);
+    --try-out-spacing-xs: clamp(0.5rem, 1vw, 0.75rem);
+    --try-out-spacing-sm: clamp(0.75rem, 1.5vw, 1rem);
+    --try-out-spacing: clamp(1rem, 2vw, 1.25rem);
+    --try-out-spacing-lg: clamp(1.25rem, 2.5vw, 1.5rem);
+    --try-out-spacing-xl: clamp(1.5rem, 3vw, 2rem);
+    --try-out-spacing-2xl: clamp(2rem, 4vw, 2.5rem);
+
+    /* Typography */
+    --try-out-font-sm: clamp(0.75rem, 1.5vw, 0.875rem);
+    --try-out-font-base: clamp(0.875rem, 1.75vw, 1rem);
+    --try-out-font-lg: clamp(1rem, 2vw, 1.125rem);
+    --try-out-font-xl: clamp(1.125rem, 2.25vw, 1.25rem);
+    --try-out-line-height: 1.5;
+    --try-out-line-height-tight: 1.25;
+    --try-out-line-height-relaxed: 1.75;
+    --try-out-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+
+    /* Transitions */
+    --try-out-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    --try-out-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
+    --try-out-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
+    
+    /* Z-index Stack */
+    --try-out-z-negative: -1;
+    --try-out-z-elevate: 1;
+    --try-out-z-sticky: 100;
+    --try-out-z-fab: 200;
+    --try-out-z-drawer: 300;
+    --try-out-z-modal: 400;
+    --try-out-z-popover: 500;
+    --try-out-z-toast: 600;
+}
+
+/* Dark Theme Overrides */
+[data-md-color-scheme="slate"] {
+    /* Dark Theme Colors */
+    --try-out-bg: #0f172a;
+    --try-out-surface: #1e293b;
+    --try-out-surface-raised: #334155;
+    --try-out-border: #334155;
+    --try-out-text: #f8fafc;
+    --try-out-text-light: #cbd5e1;
+    --try-out-text-lighter: #94a3b8;
+
+    /* Dark Theme Accents */
+    --try-out-primary: #60a5fa;
+    --try-out-primary-rgb: 96, 165, 250;
+    --try-out-primary-hover: #3b82f6;
+    --try-out-primary-light: #93c5fd;
+    --try-out-success: #34d399;
+    --try-out-success-hover: #10b981;
+    --try-out-danger: #f87171;
+    --try-out-danger-hover: #ef4444;
+    --try-out-warning: #fbbf24;
+    --try-out-info: #60a5fa;
+
+    /* Dark Theme Glass Morphism */
+    --try-out-glass-bg: rgba(15, 23, 42, 0.7);
+    --try-out-glass-border: rgba(255, 255, 255, 0.05);
+    --try-out-backdrop-blur: 8px;
+    --try-out-glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2),
+                           0 2px 4px -1px rgba(0, 0, 0, 0.1);
+    
+    /* Dark Theme Shadows */
+    --try-out-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+    --try-out-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
+                        0 2px 4px -1px rgba(0, 0, 0, 0.32);
+    --try-out-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4),
+                        0 4px 6px -2px rgba(0, 0, 0, 0.32);
+    --try-out-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4),
+                        0 10px 10px -5px rgba(0, 0, 0, 0.32);
+
+    /* Dark Theme Gradients */
+    --try-out-gradient-primary: linear-gradient(135deg, var(--try-out-primary), var(--try-out-primary-light));
+    --try-out-gradient-surface: linear-gradient(135deg, var(--try-out-surface), var(--try-out-surface-raised));
+}
+
+/* Apply transitions to theme-sensitive properties */
+*, *::before, *::after {
+    transition: var(--theme-transition);
+}

drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/field-sections.css

@@ -0,0 +1,136 @@
+/* Styles for API parameter sections */
+.api-parameters-section {
+    margin: 1.5rem 0;
+    padding: 1.25rem;
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    background-color: #f9f9f9;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    position: relative;
+}
+
+.api-parameters-section h3 {
+    margin-top: 0;
+    margin-bottom: 0.75rem;
+    color: #333;
+    font-size: 1.25rem;
+    border-bottom: 1px solid #e0e0e0;
+    padding-bottom: 0.5rem;
+}
+
+.api-parameters-section .headerlink {
+    opacity: 0.4;
+    font-size: 0.8em;
+    margin-left: 0.5rem;
+}
+
+.api-parameters-section .headerlink:hover {
+    opacity: 1;
+}
+
+.parameters-description {
+    margin-bottom: 1rem;
+    color: #666;
+    font-style: italic;
+}
+
+.parameters-list ul {
+    margin: 0;
+    padding-left: 1.5rem;
+}
+
+.parameters-list li {
+    margin-bottom: 0.75rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.parameters-list code {
+    background-color: #f0f0f0;
+    padding: 0.2rem 0.4rem;
+    border-radius: 3px;
+    font-family: monospace;
+    border: 1px solid #e0e0e0;
+    font-weight: 500;
+}
+
+/* Try parameter buttons */
+.try-param-btn {
+    background-color: #f0f0f0;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    padding: 0.2rem 0.5rem;
+    font-size: 0.8rem;
+    cursor: pointer;
+    color: #555;
+    transition: all 0.2s ease;
+    margin-left: 0.5rem;
+}
+
+.try-param-btn:hover {
+    background-color: #e0e0e0;
+    color: #333;
+}
+
+/* Try all parameters button */
+.try-all-params-btn {
+    background-color: #4a90e2;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 0.5rem 1rem;
+    margin-top: 1rem;
+    cursor: pointer;
+    font-weight: 500;
+    transition: all 0.2s ease;
+    display: block;
+    width: 100%;
+}
+
+.try-all-params-btn:hover {
+    background-color: #3a80d2;
+}
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    .api-parameters-section {
+        background-color: #222;
+        border-color: #444;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    }
+    
+    .api-parameters-section h3 {
+        color: #eee;
+        border-color: #444;
+    }
+    
+    .parameters-description {
+        color: #aaa;
+    }
+    
+    .parameters-list code {
+        background-color: #333;
+        border-color: #555;
+        color: #eee;
+    }
+    
+    .try-param-btn {
+        background-color: #333;
+        border-color: #555;
+        color: #ccc;
+    }
+    
+    .try-param-btn:hover {
+        background-color: #444;
+        color: #fff;
+    }
+    
+    .try-all-params-btn {
+        background-color: #2a70c2;
+    }
+    
+    .try-all-params-btn:hover {
+        background-color: #1a60b2;
+    }
+}