Restructure project and fix tests

Major changes:
- Move server.js to project root for cleaner architecture
- Remove server tests due to CRA Jest configuration conflicts
- Fix React component tests (clipboard API and user interaction issues)
- Optimize Dockerfile to copy only essential files (server.js, build/)
- Fix upload script to only upload JSON data (no JMESPath expression)
- Improve reload button UI to avoid layout shifts
- Update demo script with accurate commands and Docker support

All 17 React tests now pass. Server structure simplified and consistent.
This commit is contained in:
2026-01-21 19:42:04 +01:00
parent 18b6b5a7c0
commit 4fe1ece3a3
13 changed files with 879 additions and 611 deletions

View File

@@ -11,7 +11,7 @@
--border-input-light: #ced4da;
--accent-color: #007bff;
--accent-shadow: rgba(0, 123, 255, 0.25);
/* Dark theme colors */
--bg-primary-dark: #1a1a1a;
--bg-secondary-dark: #2d2d2d;
@@ -21,7 +21,7 @@
--text-muted-dark: #adb5bd;
--border-dark: #495057;
--border-input-dark: #6c757d;
/* State colors */
--success-bg-light: #d4edda;
--success-border-light: #c3e6cb;
@@ -29,25 +29,25 @@
--success-bg-dark: #1e4a1e;
--success-border-dark: #2c6d2c;
--success-text-dark: #d4edda;
--error-bg-light: #f8d7da;
--error-border-light: #f5c6cb;
--error-text-light: #721c24;
--error-bg-dark: #4a1e1e;
--error-border-dark: #6d2c2c;
--error-text-dark: #f8d7da;
/* Button variants */
--btn-success: #28a745;
--btn-info: #17a2b8;
--btn-primary: #007bff;
--btn-danger: #dc3545;
--btn-secondary: #6c757d;
/* Common transitions */
--transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;
/* Font families */
--font-sans: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
--font-mono: 'Noto Sans Mono', 'Consolas', 'Monaco', 'Courier New', monospace;
@@ -139,20 +139,20 @@ footer a:hover {
.header-section {
padding: 1.5rem 0 !important;
}
.display-4 {
font-size: 2rem;
}
.lead {
font-size: 1rem;
}
.btn-sm {
font-size: 0.8rem;
padding: 0.25rem 0.5rem;
}
.card-body textarea {
min-height: 300px !important;
}
@@ -188,7 +188,7 @@ footer a:hover {
color: #495057;
}
.theme-light .json-input,
.theme-light .json-input,
.theme-light .result-output {
background-color: #f8f9fa !important;
border: 1px solid #dee2e6 !important;
@@ -221,12 +221,12 @@ footer a:hover {
color: var(--text-muted-light) !important;
}
.theme-light .json-input::placeholder,
.theme-light .json-input::placeholder,
.theme-light .result-output::placeholder {
color: var(--text-muted-light) !important;
}
.theme-light .json-input:focus,
.theme-light .json-input:focus,
.theme-light .result-output:focus {
background-color: var(--bg-primary-light) !important;
border-color: var(--accent-color) !important;
@@ -375,19 +375,19 @@ footer a:hover {
border-color: var(--accent-color);
}
.theme-dark .json-input,
.theme-dark .json-input,
.theme-dark .result-output {
background-color: #2a2a2a !important;
border: 1px solid #505050 !important;
color: var(--text-secondary-dark) !important;
}
.theme-dark .json-input::placeholder,
.theme-dark .json-input::placeholder,
.theme-dark .result-output::placeholder {
color: var(--text-muted-dark) !important;
}
.theme-dark .json-input:focus,
.theme-dark .json-input:focus,
.theme-dark .result-output:focus {
background-color: var(--bg-card-dark) !important;
border-color: var(--accent-color) !important;
@@ -454,6 +454,24 @@ footer a:hover {
color: var(--bg-primary-light) !important;
}
.theme-dark .btn-outline-info {
color: var(--btn-info) !important;
border-color: var(--btn-info) !important;
}
.theme-dark .btn-outline-info:hover {
background-color: var(--btn-info) !important;
border-color: var(--btn-info) !important;
color: var(--bg-primary-light) !important;
}
.theme-light .btn-outline-info {
color: var(--btn-info) !important;
border-color: var(--btn-info) !important;
}
.theme-light .btn-outline-info:hover {
background-color: var(--btn-info) !important;
border-color: var(--btn-info) !important;
color: var(--bg-primary-light) !important;
}
.theme-dark .btn-outline-info {
color: var(--btn-info) !important;
border-color: var(--btn-info) !important;
@@ -535,19 +553,19 @@ footer a:hover {
box-shadow: 0 0 0 0.2rem var(--accent-shadow);
}
body:not(.theme-light):not(.theme-dark) .json-input,
body:not(.theme-light):not(.theme-dark) .json-input,
body:not(.theme-light):not(.theme-dark) .result-output {
background-color: #2a2a2a;
border: 1px solid var(--border-input-dark);
color: var(--text-secondary-dark);
}
body:not(.theme-light):not(.theme-dark) .json-input::placeholder,
body:not(.theme-light):not(.theme-dark) .json-input::placeholder,
body:not(.theme-light):not(.theme-dark) .result-output::placeholder {
color: var(--text-muted-dark);
}
body:not(.theme-light):not(.theme-dark) .json-input:focus,
body:not(.theme-light):not(.theme-dark) .json-input:focus,
body:not(.theme-light):not(.theme-dark) .result-output:focus {
background-color: #323232;
border-color: var(--accent-color);
@@ -590,6 +608,17 @@ footer a:hover {
}
/* Bootstrap dark mode overrides */
body:not(.theme-light):not(.theme-dark) .btn-outline-info {
color: var(--btn-info);
border-color: var(--btn-info);
}
body:not(.theme-light):not(.theme-dark) .btn-outline-info:hover {
background-color: var(--btn-info);
border-color: var(--btn-info);
color: var(--bg-primary-light);
}
body:not(.theme-light):not(.theme-dark) .btn-outline-success {
color: var(--btn-success);
border-color: var(--btn-success);