mockaton 8.18.0 → 8.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +6 -1
- package/src/Dashboard.css +9 -7
- package/src/Dashboard.js +4 -2
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "mockaton",
|
|
3
3
|
"description": "HTTP Mock Server",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"version": "8.18.
|
|
5
|
+
"version": "8.18.1",
|
|
6
6
|
"main": "index.js",
|
|
7
7
|
"types": "index.d.ts",
|
|
8
8
|
"license": "MIT",
|
|
@@ -26,5 +26,10 @@
|
|
|
26
26
|
"open": "^10.0.0",
|
|
27
27
|
"pixaton": ">=1.1.1",
|
|
28
28
|
"puppeteer": ">=24.1.1"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"@vitejs/plugin-react": "5.0.1",
|
|
32
|
+
"mockaton": "8.18.0",
|
|
33
|
+
"vite": "7.1.3"
|
|
29
34
|
}
|
|
30
35
|
}
|
package/src/Dashboard.css
CHANGED
|
@@ -123,7 +123,7 @@ header {
|
|
|
123
123
|
display: flex;
|
|
124
124
|
flex-wrap: wrap;
|
|
125
125
|
align-items: flex-end;
|
|
126
|
-
gap: 10px;
|
|
126
|
+
gap: 16px 10px;
|
|
127
127
|
|
|
128
128
|
@media (max-width: 890px) {
|
|
129
129
|
max-width: 400px;
|
|
@@ -233,9 +233,9 @@ header {
|
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
.Help {
|
|
236
|
+
min-width: 24px;
|
|
236
237
|
align-self: center;
|
|
237
238
|
margin-left: auto;
|
|
238
|
-
min-width: 24px;
|
|
239
239
|
fill: var(--colorSecondaryAction);
|
|
240
240
|
|
|
241
241
|
&:hover {
|
|
@@ -489,7 +489,8 @@ table {
|
|
|
489
489
|
.StaticFilesList {
|
|
490
490
|
a {
|
|
491
491
|
display: inline-block;
|
|
492
|
-
padding:
|
|
492
|
+
padding: 8px 0;
|
|
493
|
+
margin-left: 4px;
|
|
493
494
|
border-radius: var(--radius);
|
|
494
495
|
color: var(--colorAccent);
|
|
495
496
|
text-decoration: none;
|
|
@@ -519,11 +520,12 @@ table {
|
|
|
519
520
|
|
|
520
521
|
.SpinnerClock {
|
|
521
522
|
display: flex;
|
|
522
|
-
width:
|
|
523
|
-
margin
|
|
523
|
+
width: 64px;
|
|
524
|
+
margin: auto;
|
|
525
|
+
margin-top: 64px;
|
|
524
526
|
fill: none;
|
|
525
527
|
stroke: var(--colorSecondaryAction);
|
|
526
|
-
stroke-width:
|
|
528
|
+
stroke-width: 1px;
|
|
527
529
|
|
|
528
530
|
.HourHand,
|
|
529
531
|
.MinuteHand {
|
|
@@ -532,7 +534,7 @@ table {
|
|
|
532
534
|
animation: _kfRotate 9s linear infinite
|
|
533
535
|
}
|
|
534
536
|
.MinuteHand {
|
|
535
|
-
animation-duration:
|
|
537
|
+
animation-duration: 1s;
|
|
536
538
|
}
|
|
537
539
|
}
|
|
538
540
|
@keyframes _kfRotate {
|
package/src/Dashboard.js
CHANGED
|
@@ -22,6 +22,7 @@ const Strings = {
|
|
|
22
22
|
fallback_server: 'Fallback Backend',
|
|
23
23
|
fallback_server_error: '⛔ Fallback Backend Error',
|
|
24
24
|
fallback_server_placeholder: 'Type Server Address',
|
|
25
|
+
fetching: 'Fetching…',
|
|
25
26
|
got: 'Got',
|
|
26
27
|
internal_server_error: 'Internal Server Error',
|
|
27
28
|
no_mocks_found: 'No mocks found',
|
|
@@ -32,7 +33,7 @@ const Strings = {
|
|
|
32
33
|
proxy_toggler: 'Proxy Toggler',
|
|
33
34
|
reset: 'Reset',
|
|
34
35
|
save_proxied: 'Save Mocks',
|
|
35
|
-
static_get: 'Static GET',
|
|
36
|
+
static_get: 'Static Folder GET',
|
|
36
37
|
title: 'Mockaton'
|
|
37
38
|
}
|
|
38
39
|
|
|
@@ -542,7 +543,8 @@ function PayloadViewerTitleWhenProxied({ mime, status, statusText, gatewayIsBad
|
|
|
542
543
|
}
|
|
543
544
|
|
|
544
545
|
async function previewMock(method, urlMask, href) {
|
|
545
|
-
const timer = setTimeout(renderSpinner,
|
|
546
|
+
const timer = setTimeout(renderSpinner, 80)
|
|
547
|
+
payloadViewerTitleRef.current.replaceChildren(r('span', null, Strings.fetching))
|
|
546
548
|
const response = await fetch(href, { method })
|
|
547
549
|
clearTimeout(timer)
|
|
548
550
|
await updatePayloadViewer(method, urlMask, response)
|