mockaton 8.20.2 → 8.20.4

package/README.md

@@ -5,9 +5,8 @@
 [![Test](https://github.com/ericfortis/mockaton/actions/workflows/test.yml/badge.svg)](https://github.com/ericfortis/mockaton/actions/workflows/test.yml)
 [![CodeQL](https://github.com/ericfortis/mockaton/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/ericfortis/mockaton/actions/workflows/github-code-scanning/codeql)
 
-An HTTP mock server for simulating APIs with minimal setup — ideal for testing
-difficult to reproduce states. For example, triggering an error on a third-party API.
-Similarly, if you are a frontend developer, triggering it on your project’s backend.
+An HTTP mock server for simulating APIs with minimal setup
+— ideal for testing difficult to reproduce states.
 
 <br/>
 
@@ -17,7 +16,9 @@ Similarly, if you are a frontend developer, triggering it on your project’s ba
 With Mockaton, developers can achieve correctness without sacrificing speed.
 
 ### Correctness
-- Enables testing of complex or rare scenarios that would otherwise be skipped.
+- Enables testing of complex scenarios that would otherwise be
+  skipped. For example, triggering an error on a third-party API. Or if
+  you are a frontend developer, triggering it on your project’s backend.
 - Allows for deterministic, comprehensive, and consistent state.
 
 ### Speed

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "HTTP Mock Server",
 	"type": "module",
-	"version": "8.20.2",
+	"version": "8.20.4",
 	"main": "index.js",
 	"types": "index.d.ts",
 	"license": "MIT",
@@ -27,6 +27,6 @@
 	},
 	"devDependencies": {
 		"pixaton": "1.1.2",
-		"puppeteer": "24.17.0"
+		"puppeteer": "24.18.0"
 	}
 }

package/src/Api.js

@@ -60,7 +60,7 @@ function serveDashboard(_, response) {
 }
 
 function serveDashboardAsset(f) {
-	return (req, response) =>
+	return (_, response) =>
 		sendFile(response, join(import.meta.dirname, f))
 }
 

package/src/Dashboard.css

@@ -165,6 +165,7 @@ header {
 			border: 0;
 			border-right: 3px solid transparent;
 			margin-top: 4px;
+			outline: 1px solid var(--colorSecondaryActionBorder);
 			color: var(--colorText);
 			font-size: 11px;
 			background-color: var(--colorComboBoxHeaderBackground);
@@ -252,7 +253,7 @@ header {
 main {
 	display: grid;
 	min-height: 0;
-	grid-template-columns: min(820px) 1fr;
+	grid-template-columns: minmax(min-content, max-content) 1fr;
 
 	@media (max-width: 1160px) {
 		grid-template-columns: min(620px) 1fr;
@@ -322,13 +323,11 @@ table {
 .MockSelector {
 	width: 100%;
 	height: 26px;
-	padding-right: 5px;
-	padding-left: 16px;
-	text-align: right;
-	direction: rtl;
+	padding-right: 8px;
+	padding-left: 8px;
 	text-overflow: ellipsis;
 	font-size: 12px;
-	background-position: 2px center;
+	background-position: calc(100% - 4px) center;
 
 	&.nonDefault {
 		font-weight: bold;
@@ -519,6 +518,7 @@ table {
 
 .ProgressBar {
 	position: relative;
+	top: -4px;
 	width: 100%;
 	height: 2px;
 	background: var(--colorComboBoxHeaderBackground);

package/src/Dashboard.js

@@ -597,8 +597,8 @@ async function previewMock(method, urlMask, href) {
 	previewMock.controller?.abort()
 	previewMock.controller = new AbortController
 
-	renderProgressBar()
 	payloadViewerTitleRef.current.replaceChildren(r('span', null, Strings.fetching))
+	payloadViewerRef.current.replaceChildren(PayloadViewerProgressBar())
 
 	try {
 		const response = await fetch(href, {
@@ -607,10 +607,9 @@ async function previewMock(method, urlMask, href) {
 		})
 		await updatePayloadViewer(method, urlMask, response)
 	}
-	catch {}
-
-	function renderProgressBar() {
-		payloadViewerRef.current.replaceChildren(PayloadViewerProgressBar())
+	catch (err) {
+		onError(err)
+		payloadViewerRef.current.replaceChildren()
 	}
 }
 
@@ -755,7 +754,9 @@ async function poll() {
 /** # Utils */
 
 function className(...args) {
-	return { className: args.filter(Boolean).join(' ') }
+	return {
+		className: args.filter(Boolean).join(' ')
+	}
 }
 
 

package/src/staticCollection.js

@@ -3,7 +3,7 @@ import { listFilesRecursively } from './utils/fs.js'
 import { config, isFileAllowed } from './config.js'
 
 
-export class StaticBroker {
+class StaticBroker {
 	constructor(route) {
 		this.route = route
 		this.delayed = false