mockaton 10.3.2 → 10.3.4

package/package.json

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

package/src/ApiConstants.js

@@ -28,8 +28,11 @@ export const DF = { // Dashboard Fields (XHR)
 	syncVersion: 'last_received_sync_version'
 }
 
+// TODO @ThinkAbout these affecting partial matches when bulk-selecting
+// e.g. 'ton' would match 
 export const AUTOGENERATED_500_COMMENT = '(Mockaton 500)'
 export const DEFAULT_MOCK_COMMENT = '(default)'
+
 export const EXT_FOR_UNKNOWN_MIME = 'unknown'
 export const LONG_POLL_SERVER_TIMEOUT = 8_000
 

package/src/Dashboard.css

@@ -586,6 +586,7 @@ table {
 	padding-top: 16px;
 
 	h2 {
+		padding-bottom: 4px;
 		padding-left: 16px;
 	}
 
@@ -593,6 +594,7 @@ table {
 		overflow: auto;
 		height: 100%;
 		padding: 16px;
+		padding-top: 12px;
 		font-family: monospace;
 
 		code {

package/src/Dashboard.js

@@ -239,6 +239,7 @@ function BulkSelector() {
 		mockaton.bulkSelectByComment(value)
 			.then(parseError)
 			.then(updateState)
+			.then(() => focus(`.${CSS.BulkSelector}`))
 			.catch(onError)
 	}
 	const disabled = !comments.length
@@ -295,6 +296,7 @@ function ProxyFallbackField() {
 			mockaton.setProxyFallback(this.value.trim())
 				.then(parseError)
 				.then(updateState)
+				.then(() => focus(`.${CSS.FallbackBackend} input`))
 				.catch(onError)
 	}
 	return (
@@ -334,6 +336,7 @@ function ResetButton() {
 		mockaton.reset()
 			.then(parseError)
 			.then(updateState)
+			.then(() => focus(`.${CSS.ResetButton}`))
 			.catch(onError)
 	}
 	return (
@@ -708,14 +711,18 @@ function PayloadViewerProgressBar() {
 			r('div', { style: { animationDuration: state.delay + 'ms' } })))
 }
 
-function PayloadViewerTitle({ file, status, statusText }) {
-	const { urlMask, method, ext } = parseFilename(file)
+function PayloadViewerTitle({ file, statusText }) {
+	const tokens = file.split('.')
+	const ext = tokens.pop()
+	const status = tokens.pop()
+	const urlAndMethod = '/' + tokens.join('.') + '.'
 	return (
 		r('span', null,
-			urlMask.replace(/^\//, '') + '.' + method + '.',
+			urlAndMethod,
 			r('abbr', { title: statusText }, status),
 			'.' + ext))
 }
+
 function PayloadViewerTitleWhenProxied({ mime, status, statusText, gatewayIsBad }) {
 	return (
 		r('span', null,
@@ -759,7 +766,6 @@ async function updatePayloadViewer(method, urlMask, response) {
 		}))
 	else
 		payloadViewerTitleRef.current.replaceChildren(PayloadViewerTitle({
-			status: response.status,
 			statusText: response.statusText,
 			file
 		}))
@@ -797,6 +803,9 @@ function mockSelectorFor(method, urlMask) {
 	return trFor(method, urlMask)?.querySelector(`select.${CSS.MockSelector}`)
 }
 
+function focus(selector) {
+	document.querySelector(selector)?.focus()
+}
 
 /** # Misc */