mockaton 9.5.0 → 9.6.0

package/lcov.info

@@ -1,5 +1,5 @@
 TN:
-SF:../../../../private/var/folders/f9/fpz2tbzs4tx7jynr9tg5z_j00000gn/T/mocksNw4Oce/api/js-func.POST.200.js
+SF:../../../../private/var/folders/f9/fpz2tbzs4tx7jynr9tg5z_j00000gn/T/mocksAI6QK8/api/js-func.POST.200.js
 FN:2,default
 FNDA:1,default
 FNF:1
@@ -16,7 +16,7 @@ DA:5,1
 LH:5
 LF:5
 end_of_record
-SF:../../../../private/var/folders/f9/fpz2tbzs4tx7jynr9tg5z_j00000gn/T/mocksNw4Oce/api/object?param=[param].GET.200.js
+SF:../../../../private/var/folders/f9/fpz2tbzs4tx7jynr9tg5z_j00000gn/T/mocksAI6QK8/api/object?param=[param].GET.200.js
 FNF:0
 FNH:0
 BRDA:1,0,0,1
@@ -1467,9 +1467,9 @@ end_of_record
 SF:src/MockDispatcher.js
 FN:14,dispatchMock
 FN:43,anonymous_1
-FN:59,applyPlugins
-FN:69,jsToJsonPlugin
-FN:80,length
+FN:54,applyPlugins
+FN:64,jsToJsonPlugin
+FN:75,length
 FNDA:63,dispatchMock
 FNDA:57,anonymous_1
 FNDA:56,applyPlugins
@@ -1495,16 +1495,16 @@ BRDA:46,14,0,0
 BRDA:43,15,0,57
 BRDA:43,16,0,1
 BRDA:43,17,0,56
-BRDA:59,18,0,56
-BRDA:62,19,0,2
-BRDA:62,20,0,54
-BRDA:69,21,0,2
-BRDA:72,22,0,1
-BRDA:75,23,0,1
-BRDA:80,24,0,57
-BRDA:81,25,0,3
-BRDA:81,26,0,54
-BRDA:82,27,0,0
+BRDA:54,18,0,56
+BRDA:57,19,0,2
+BRDA:57,20,0,54
+BRDA:64,21,0,2
+BRDA:67,22,0,1
+BRDA:70,23,0,1
+BRDA:75,24,0,57
+BRDA:76,25,0,3
+BRDA:76,26,0,54
+BRDA:77,27,0,0
 BRF:28
 BRH:24
 DA:1,2
@@ -1558,42 +1558,37 @@ DA:48,0
 DA:49,0
 DA:50,0
 DA:51,0
-DA:52,0
-DA:53,0
-DA:54,0
-DA:55,0
-DA:56,0
-DA:57,63
-DA:58,2
-DA:59,56
-DA:60,56
-DA:61,56
+DA:52,63
+DA:53,2
+DA:54,56
+DA:55,56
+DA:56,56
+DA:57,56
+DA:58,54
+DA:59,54
+DA:60,54
+DA:61,54
 DA:62,56
-DA:63,54
-DA:64,54
-DA:65,54
-DA:66,54
-DA:67,56
-DA:68,2
+DA:63,2
+DA:64,2
+DA:65,2
+DA:66,2
+DA:67,2
+DA:68,1
 DA:69,2
 DA:70,2
 DA:71,2
 DA:72,2
-DA:73,1
+DA:73,2
 DA:74,2
-DA:75,2
-DA:76,2
-DA:77,2
-DA:78,2
-DA:79,2
+DA:75,57
+DA:76,57
+DA:77,54
+DA:78,0
+DA:79,0
 DA:80,57
-DA:81,57
-DA:82,54
-DA:83,0
-DA:84,0
-DA:85,57
 LH:73
-LF:85
+LF:80
 end_of_record
 SF:src/ProxyRelay.js
 FN:12,proxy
@@ -1680,7 +1675,7 @@ FNDA:3,setStatus
 FNDA:26,all
 FNDA:117,init
 FNDA:469,registerStaticMock
-FNDA:1,unregisterStaticMock
+FNDA:2,unregisterStaticMock
 FNDA:429,brokerByRoute
 FNF:8
 FNH:8
@@ -1695,7 +1690,7 @@ BRDA:33,7,0,117
 BRDA:33,8,0,352
 BRDA:37,9,0,1
 BRDA:37,10,0,351
-BRDA:44,11,0,1
+BRDA:44,11,0,2
 BRDA:50,12,0,429
 BRDA:51,13,0,412
 BRF:14
@@ -1744,8 +1739,8 @@ DA:41,469
 DA:42,1
 DA:43,1
 DA:44,1
-DA:45,1
-DA:46,1
+DA:45,2
+DA:46,2
 DA:47,1
 DA:48,1
 DA:49,1
@@ -1815,7 +1810,7 @@ FN:10,listFilesRecursively
 FN:12,anonymous_3
 FN:14,anonymous_4
 FN:22,write
-FNDA:5101,isFile
+FNDA:5102,isFile
 FNDA:2,isDirectory
 FNDA:235,listFilesRecursively
 FNDA:5082,anonymous_3
@@ -1824,8 +1819,8 @@ FNDA:1,write
 FNF:6
 FNH:5
 BRDA:1,0,0,2
-BRDA:6,1,0,5101
-BRDA:6,2,0,5095
+BRDA:6,1,0,5102
+BRDA:6,2,0,5096
 BRDA:7,3,0,2
 BRDA:10,4,0,235
 BRDA:14,5,0,0
@@ -2078,21 +2073,21 @@ LF:50
 end_of_record
 SF:src/utils/http-response.js
 FN:7,sendOK
-FN:11,sendNoContent
-FN:16,sendJSON
-FN:21,sendFile
-FN:26,sendNotFound
-FN:31,sendUnprocessableContent
-FN:37,sendInternalServerError
-FN:43,sendBadGateway
-FN:51,sendPartialContent
-FN:53,anonymous_9
-FN:68,anonymous_10
-FN:71,anonymous_11
+FN:12,sendJSON
+FN:18,sendFile
+FN:24,sendNoContent
+FN:31,sendNotFound
+FN:37,sendUnprocessableContent
+FN:44,sendInternalServerError
+FN:50,sendBadGateway
+FN:58,sendPartialContent
+FN:60,anonymous_9
+FN:75,anonymous_10
+FN:78,anonymous_11
 FNDA:154,sendOK
-FNDA:1,sendNoContent
 FNDA:28,sendJSON
 FNDA:1,sendFile
+FNDA:1,sendNoContent
 FNDA:5,sendNotFound
 FNDA:16,sendUnprocessableContent
 FNDA:1,sendInternalServerError
@@ -2105,23 +2100,23 @@ FNF:12
 FNH:10
 BRDA:1,0,0,2
 BRDA:7,1,0,154
-BRDA:11,2,0,1
-BRDA:16,3,0,28
-BRDA:21,4,0,1
-BRDA:26,5,0,5
-BRDA:31,6,0,16
-BRDA:37,7,0,1
-BRDA:38,8,0,0
-BRDA:38,9,0,0
-BRDA:51,10,0,3
-BRDA:54,11,0,1
-BRDA:55,12,0,0
-BRDA:57,13,0,2
-BRDA:57,14,0,2
-BRDA:57,15,0,1
-BRDA:61,16,0,2
-BRDA:53,17,0,6
-BRDA:68,18,0,2
+BRDA:12,2,0,28
+BRDA:18,3,0,1
+BRDA:24,4,0,1
+BRDA:31,5,0,5
+BRDA:37,6,0,16
+BRDA:44,7,0,1
+BRDA:45,8,0,0
+BRDA:45,9,0,0
+BRDA:58,10,0,3
+BRDA:61,11,0,1
+BRDA:62,12,0,0
+BRDA:64,13,0,2
+BRDA:64,14,0,2
+BRDA:64,15,0,1
+BRDA:68,16,0,2
+BRDA:60,17,0,6
+BRDA:75,18,0,2
 BRF:19
 BRH:16
 DA:1,2
@@ -2133,105 +2128,116 @@ DA:6,2
 DA:7,2
 DA:8,154
 DA:9,154
-DA:10,2
+DA:10,154
 DA:11,2
-DA:12,1
-DA:13,1
-DA:14,1
-DA:15,2
-DA:16,2
-DA:17,28
-DA:18,28
-DA:19,28
-DA:20,2
-DA:21,2
+DA:12,2
+DA:13,28
+DA:14,28
+DA:15,28
+DA:16,28
+DA:17,2
+DA:18,2
+DA:19,1
+DA:20,1
+DA:21,1
 DA:22,1
-DA:23,1
-DA:24,1
-DA:25,2
-DA:26,2
-DA:27,5
-DA:28,5
-DA:29,5
+DA:23,2
+DA:24,2
+DA:25,1
+DA:26,1
+DA:27,1
+DA:28,1
+DA:29,2
 DA:30,2
 DA:31,2
-DA:32,16
-DA:33,16
-DA:34,16
-DA:35,16
+DA:32,5
+DA:33,5
+DA:34,5
+DA:35,5
 DA:36,2
 DA:37,2
-DA:38,1
-DA:39,1
-DA:40,1
-DA:41,1
+DA:38,16
+DA:39,16
+DA:40,16
+DA:41,16
 DA:42,2
 DA:43,2
-DA:44,0
-DA:45,0
-DA:46,0
-DA:47,0
-DA:48,0
+DA:44,2
+DA:45,1
+DA:46,1
+DA:47,1
+DA:48,1
 DA:49,2
 DA:50,2
-DA:51,2
-DA:52,3
-DA:53,3
-DA:54,3
-DA:55,3
-DA:56,3
-DA:57,3
-DA:58,1
-DA:59,1
-DA:60,1
-DA:61,1
-DA:62,2
-DA:63,2
-DA:64,2
-DA:65,2
-DA:66,2
-DA:67,2
-DA:68,2
+DA:51,0
+DA:52,0
+DA:53,0
+DA:54,0
+DA:55,0
+DA:56,2
+DA:57,2
+DA:58,2
+DA:59,3
+DA:60,3
+DA:61,3
+DA:62,3
+DA:63,3
+DA:64,3
+DA:65,1
+DA:66,1
+DA:67,1
+DA:68,1
 DA:69,2
 DA:70,2
 DA:71,2
-DA:72,0
+DA:72,2
 DA:73,2
 DA:74,2
-DA:75,3
-LH:69
-LF:75
+DA:75,2
+DA:76,2
+DA:77,2
+DA:78,2
+DA:79,0
+DA:80,2
+DA:81,2
+DA:82,3
+LH:76
+LF:82
 end_of_record
 SF:src/utils/logger.js
 FN:2,<instance_members_initializer>
 FN:4,setLevel
 FN:8,info
-FN:13,access
-FN:18,warn
-FN:22,error
-FN:27,get #date
-FN:31,#sanitizeURL
+FN:13,accessMock
+FN:18,access
+FN:27,warn
+FN:31,error
+FN:35,#msg
+FN:39,#sanitizeURL
 FNDA:2,<instance_members_initializer>
 FNDA:1,setLevel
 FNDA:2,info
-FNDA:63,access
+FNDA:63,accessMock
+FNDA:189,access
 FNDA:136,warn
 FNDA:1,error
-FNDA:202,get #date
+FNDA:202,#msg
 FNDA:63,#sanitizeURL
-FNF:8
-FNH:8
+FNF:9
+FNH:9
 BRDA:1,0,0,2
 BRDA:2,1,0,2
 BRDA:4,2,0,1
 BRDA:8,3,0,2
 BRDA:13,4,0,63
-BRDA:18,5,0,136
-BRDA:22,6,0,1
-BRDA:27,7,0,202
-BRDA:31,8,0,63
-BRF:9
-BRH:9
+BRDA:18,5,0,189
+BRDA:20,6,0,0
+BRDA:27,7,0,136
+BRDA:31,8,0,1
+BRDA:35,9,0,202
+BRDA:39,10,0,63
+BRF:11
+BRH:10
 DA:1,2
 DA:2,2
 DA:3,2
@@ -2250,24 +2256,32 @@ DA:15,63
 DA:16,63
 DA:17,2
 DA:18,2
-DA:19,136
-DA:20,136
-DA:21,2
-DA:22,2
-DA:23,1
-DA:24,1
-DA:25,2
+DA:19,189
+DA:20,189
+DA:21,0
+DA:22,0
+DA:23,0
+DA:24,0
+DA:25,189
 DA:26,2
 DA:27,2
-DA:28,202
-DA:29,202
+DA:28,136
+DA:29,136
 DA:30,2
 DA:31,2
-DA:32,63
-DA:33,63
+DA:32,1
+DA:33,1
 DA:34,2
-LH:34
-LF:34
+DA:35,2
+DA:36,202
+DA:37,202
+DA:38,2
+DA:39,2
+DA:40,63
+DA:41,63
+DA:42,2
+LH:38
+LF:42
 end_of_record
 SF:src/utils/mime.js
 FN:95,mapMimeToExt
@@ -2514,18 +2528,18 @@ FN:29,anonymous_5
 FN:43,watchStaticDir
 FN:47,anonymous_7
 FNDA:1,<instance_members_initializer>
-FNDA:12,increment
+FNDA:13,increment
 FNDA:1,subscribe
 FNDA:1,unsubscribe
 FNDA:1,watchMocksDir
 FNDA:15,anonymous_5
 FNDA:1,watchStaticDir
-FNDA:3,anonymous_7
+FNDA:4,anonymous_7
 FNF:8
 FNH:8
 BRDA:1,0,0,1
 BRDA:13,1,0,1
-BRDA:15,2,0,12
+BRDA:15,2,0,13
 BRDA:19,3,0,1
 BRDA:22,4,0,1
 BRDA:27,5,0,1
@@ -2536,11 +2550,11 @@ BRDA:34,9,0,5
 BRDA:35,10,0,5
 BRDA:43,11,0,1
 BRDA:46,12,0,0
-BRDA:47,13,0,3
+BRDA:47,13,0,4
 BRDA:49,14,0,0
 BRDA:50,15,0,2
 BRDA:52,16,0,1
-BRDA:53,17,0,1
+BRDA:53,17,0,2
 BRF:18
 BRH:15
 DA:1,1
@@ -2558,9 +2572,9 @@ DA:12,1
 DA:13,1
 DA:14,1
 DA:15,1
-DA:16,12
-DA:17,12
-DA:18,12
+DA:16,13
+DA:17,13
+DA:18,13
 DA:19,1
 DA:20,1
 DA:21,1
@@ -2590,16 +2604,16 @@ DA:44,1
 DA:45,1
 DA:46,1
 DA:47,1
-DA:48,3
-DA:49,3
-DA:50,3
+DA:48,4
+DA:49,4
+DA:50,4
 DA:51,2
 DA:52,2
 DA:53,2
-DA:54,1
-DA:55,1
-DA:56,1
-DA:57,1
+DA:54,2
+DA:55,2
+DA:56,2
+DA:57,2
 DA:58,1
 DA:59,1
 DA:60,1

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "HTTP Mock Server",
 	"type": "module",
-	"version": "9.5.0",
+	"version": "9.6.0",
 	"main": "index.js",
 	"types": "index.d.ts",
 	"license": "MIT",

package/src/Dashboard.css

@@ -102,18 +102,12 @@ select, a, input, button {
 
 a {
 	text-decoration: none;
-	
+
 	&:hover {
 		text-decoration: underline;
 	}
 }
 
-input[type="checkbox"] {
-	&:focus {
-		outline: 0;
-	}
-}
-
 a,
 button,
 input[type=checkbox],
@@ -161,7 +155,7 @@ header {
 		display: flex;
 		flex-wrap: wrap;
 		align-items: flex-end;
-		gap: 16px 8px;
+		gap: 16px 10px;
 
 		@media (max-width: 800px) {
 			max-width: 400px;
@@ -202,8 +196,7 @@ header {
 			height: 28px;
 			padding: 4px 8px;
 			border: 1px solid var(--colorSecondaryActionBorder);
-			border-right: 3px solid transparent;
-			margin-top: 4px;
+			margin-top: 2px;
 			color: var(--colorText);
 			font-size: 11px;
 			background-color: var(--colorComboBoxHeaderBackground);
@@ -211,6 +204,7 @@ header {
 		}
 
 		select:enabled:hover {
+			border-color: var(--colorSecondaryActionBorder);
 			background: var(--colorHover);
 		}
 
@@ -218,7 +212,7 @@ header {
 			width: 84px;
 
 			input[type=number] {
-				padding-right: 0;
+				padding-right: 4px;
 			}
 
 			svg {
@@ -230,6 +224,10 @@ header {
 			}
 		}
 
+		&.CookieSelector {
+			width: 100px;
+		}
+
 		&.FallbackBackend {
 			position: relative;
 			width: 160px;
@@ -272,11 +270,14 @@ header {
 	}
 
 	.MenuTrigger {
-		min-width: 24px;
+		width: 24px;
+		height: 24px;
+		flex-shrink: 0;
 		align-self: end;
 		margin-left: auto;
 		fill: var(--colorSecondaryAction);
 		background: transparent;
+		border-radius: 50%;
 
 		&:hover {
 			fill: var(--colorAccent);
@@ -295,7 +296,7 @@ header {
 	border-radius: var(--radius);
 	box-shadow: var(--boxShadow1);
 	background: var(--colorHeaderBackground);
-	
+
 	a {
 		color: var(--colorAccent);
 	}
@@ -438,7 +439,7 @@ table {
 	> input {
 		appearance: none;
 
-		&:focus-visible {
+		&:focus {
 			outline: 0;
 			& ~ svg {
 				outline: 2px solid var(--colorAccent)
@@ -530,7 +531,7 @@ table {
 .InternalServerErrorToggler,
 .NotFoundToggler {
 	display: flex;
-	margin-right: 12px;
+	margin-right: 10px;
 	margin-left: 8px;
 	cursor: pointer;
 

package/src/Dashboard.js

@@ -33,6 +33,7 @@ const Strings = {
 
 const CSS = {
 	BulkSelector: null,
+	CookieSelector: null,
 	DelayToggler: null,
 	ErrorToast: null,
 	FallbackBackend: null,
@@ -92,8 +93,13 @@ const state = {
 		return Boolean(this.proxyFallback)
 	},
 
-	groupByMethod: true, // TODO read from localstorage
-	leftSideWidth: undefined
+	groupByMethod: localStorage.getItem('groupByMethod') !== 'false',
+	toggleGroupByMethod() {
+		this.groupByMethod = !this.groupByMethod
+		localStorage.setItem('groupByMethod', String(this.groupByMethod))
+	},
+	
+	leftSideWidth: undefined,
 }
 
 const mockaton = new Commander(window.location.origin)
@@ -170,9 +176,8 @@ function Menu() {
 					type: 'checkbox',
 					checked: state.groupByMethod,
 					onChange() {
-						state.groupByMethod = !state.groupByMethod
+						state.toggleGroupByMethod()
 						updateState()
-						// TODO localstorage
 					}
 				}),
 				r('span', null, Strings.group_by_method)),
@@ -185,7 +190,6 @@ function Menu() {
 		))
 }
 
-
 function CookieSelector() {
 	const { cookies } = state
 	function onChange() {
@@ -195,7 +199,7 @@ function CookieSelector() {
 	}
 	const disabled = cookies.length <= 1
 	return (
-		r('label', className(CSS.Field),
+		r('label', className(CSS.Field, CSS.CookieSelector),
 			r('span', null, Strings.cookie),
 			r('select', {
 				autocomplete: 'off',
@@ -206,7 +210,6 @@ function CookieSelector() {
 				r('option', { value, selected }, value)))))
 }
 
-
 function BulkSelector() {
 	const { comments } = state
 	// UX wise this should be a menu instead of this `select`.
@@ -238,7 +241,6 @@ function BulkSelector() {
 				r('option', { value }, value)))))
 }
 
-
 function GlobalDelayField() {
 	const { delay } = state
 	function onChange() {
@@ -260,7 +262,6 @@ function GlobalDelayField() {
 			})))
 }
 
-
 function ProxyFallbackField() {
 	const { proxyFallback, collectProxied } = state
 	function onChange() {
@@ -310,7 +311,6 @@ function SaveProxiedCheckbox({ disabled }) {
 			r('span', null, Strings.save_proxied)))
 }
 
-
 function ResetButton() {
 	function onClick() {
 		mockaton.reset()
@@ -354,7 +354,6 @@ function MockList() {
 				r('tbody', null, rowsFor('*').map(Row)))))
 }
 
-
 function Row({ method, urlMask, urlMaskDittoed, broker }) {
 	const canProxy = state.canProxy
 	return (