mockaton 10.4.1 → 10.4.2

package/README.md

@@ -431,8 +431,12 @@ config.plugins = [
   // IOW, your plugins array overwrites the default list. This way you can remove it.
   [/\.(js|ts)$/, jsToJsonPlugin],
 
+  
   [/\.yml$/, yamlToJsonPlugin],
-  [/foo\.GET\.200\.txt$/, capitalizePlugin], // e.g. GET /api/foo would be capitalized
+
+
+  // e.g. GET /api/foo would be capitalized
+  [/foo\.GET\.200\.txt$/, capitalizePlugin]
 ]
 
 function yamlToJsonPlugin(filePath) {

package/package.json

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

package/src/Dashboard.css

@@ -385,7 +385,7 @@ table {
 		border-top: 20px solid transparent;
 		text-align: left;
 	}
-	
+
 	> tr:first-child > th {
 		border-top: 0;
 	}
@@ -633,7 +633,7 @@ table {
 	height: 2px;
 	background: var(--colorComboBoxHeaderBackground);
 
-	div {
+	> div {
 		position: absolute;
 		top: 0;
 		left: 0;

package/src/Dashboard.js

@@ -13,6 +13,8 @@ const Strings = {
 	delay: 'Delay',
 	delay_ms: 'Delay (ms)',
 	empty_response_body: '/* Empty Response Body */',
+	error_server_down: 'Looks like the Mockaton server is not running',
+	error_unexpected_error: 'Unexpected Error',
 	fallback_server: 'Fallback',
 	fallback_server_error: '⛔ Fallback Backend Error',
 	fallback_server_placeholder: 'Type backend address',
@@ -111,7 +113,7 @@ const state = {
 	leftSideWidth: undefined
 }
 
-const mockaton = new Commander(window.location.origin)
+const mockaton = new Commander(location.origin)
 updateState()
 initLongPoll()
 
@@ -124,7 +126,7 @@ async function updateState() {
 		document.body.replaceChildren(...App())
 	}
 	catch (error) {
-		onError(parseError(error))
+		onError(error)
 	}
 }
 
@@ -449,7 +451,7 @@ function MockSelector(broker) {
 	}
 
 	let selected = broker.currentMock.file
-	const { status, urlMask } = parseFilename(selected)
+	const { status } = parseFilename(selected)
 	const files = broker.mocks.filter(item =>
 		status === 500 ||
 		!item.includes(AUTOGENERATED_500_COMMENT))
@@ -461,7 +463,7 @@ function MockSelector(broker) {
 	function nameFor(file) {
 		if (file === Strings.proxied)
 			return Strings.proxied
-		const { status, ext, method } = parseFilename(file)
+		const { status, ext } = parseFilename(file)
 		const comments = extractComments(file)
 		const isAutogen500 = comments.includes(AUTOGENERATED_500_COMMENT)
 		return [
@@ -716,12 +718,7 @@ function PayloadViewer() {
 function PayloadViewerProgressBar() {
 	return (
 		r('div', className(CSS.ProgressBar),
-			r('div', {
-				style: {
-					animationDelay: 80 + 'ms',
-					animationDuration: -80 + state.delay + 'ms'
-				}
-			})))
+			r('div', { style: { animationDuration: state.delay + 'ms' } })))
 }
 
 function PayloadViewerTitle({ file, statusText }) {
@@ -750,14 +747,17 @@ async function previewMock(method, urlMask, href) {
 	previewMock.controller?.abort()
 	previewMock.controller = new AbortController
 
-	payloadViewerTitleRef.current.replaceChildren(r('span', null, Strings.fetching))
-	payloadViewerRef.current.replaceChildren(PayloadViewerProgressBar())
+	const spinnerTimer = setTimeout(() => {
+		payloadViewerTitleRef.current.replaceChildren(Strings.fetching)
+		payloadViewerRef.current.replaceChildren(PayloadViewerProgressBar())
+	}, 80)
 
 	try {
 		const response = await fetch(href, {
 			method,
 			signal: previewMock.controller.signal
 		})
+		clearTimeout(spinnerTimer)
 		await updatePayloadViewer(method, urlMask, response)
 	}
 	catch (err) {
@@ -834,9 +834,9 @@ function onError(error) {
 	if (error?.name === 'AbortError')
 		return
 	if (error?.message === 'Failed to fetch')
-		showErrorToast('Looks like the Mockaton server is not running')
+		showErrorToast(Strings.error_server_down)
 	else
-		showErrorToast(error || 'Unexpected Error')
+		showErrorToast(error || Strings.error_unexpected_error)
 	console.error(error)
 }