mockaton 8.20.0 → 8.20.2

package/src/Dashboard.js

@@ -38,83 +38,117 @@ const Strings = {
 }
 
 const CSS = {
-	BulkSelector: 'BulkSelector',
-	DelayToggler: 'DelayToggler',
-	ErrorToast: 'ErrorToast',
-	FallbackBackend: 'FallbackBackend',
-	Field: 'Field',
-	GlobalDelayField: 'GlobalDelayField',
-	Help: 'Help',
-	InternalServerErrorToggler: 'InternalServerErrorToggler',
-	MainLeftSide: 'leftSide',
-	MainRightSide: 'rightSide',
-	MockList: 'MockList',
-	MockSelector: 'MockSelector',
-	NotFoundToggler: 'NotFoundToggler',
-	PayloadViewer: 'PayloadViewer',
-	PreviewLink: 'PreviewLink',
-	ProgressBar: 'ProgressBar',
-	ProxyToggler: 'ProxyToggler',
-	ResetButton: 'ResetButton',
-	SaveProxiedCheckbox: 'SaveProxiedCheckbox',
-	StaticFilesList: 'StaticFilesList',
-
-	chosen: 'chosen',
-	dittoDir: 'dittoDir',
-	empty: 'empty',
-	nonDefault: 'nonDefault',
-	red: 'red',
-	status4xx: 'status4xx'
+	BulkSelector: null,
+	DelayToggler: null,
+	ErrorToast: null,
+	FallbackBackend: null,
+	Field: null,
+	GlobalDelayField: null,
+	Help: null,
+	InternalServerErrorToggler: null,
+	MockList: null,
+	MockSelector: null,
+	NotFoundToggler: null,
+	PayloadViewer: null,
+	PreviewLink: null,
+	ProgressBar: null,
+	ProxyToggler: null,
+	ResetButton: null,
+	SaveProxiedCheckbox: null,
+	StaticFilesList: null,
+
+	chosen: null,
+	dittoDir: null,
+	empty: null,
+	leftSide: null,
+	nonDefault: null,
+	red: null,
+	rightSide: null,
+	status4xx: null
+}
+for (const k of Object.keys(CSS))
+	CSS[k] = k
+
+
+const state = {
+	/** @type {ClientBrokersByMethod} */
+	brokersByMethod: {},
+
+	/** @type {ClientStaticBrokers} */
+	staticBrokers: {},
+
+	/** @type {[label:string, selected:boolean][]} */
+	cookies: [],
+
+	/** @type {string[]} */
+	comments: [],
+
+	delay: 0,
+
+	collectProxied: false,
+
+	fallbackAddress: '',
+
+	get canProxy() {
+		return Boolean(this.fallbackAddress)
+	}
 }
 
-const r = createElement
-const s = createSvgElement
-
 const mockaton = new Commander(window.location.origin)
-let globalDelay = 1200
-
-init()
+updateState()
 initLongPoll()
-
-function init() {
-	return Promise.all([
+function updateState() {
+	Promise.all([
 		mockaton.listMocks(),
+		mockaton.listStaticFiles(),
 		mockaton.listCookies(),
 		mockaton.listComments(),
 		mockaton.getGlobalDelay(),
 		mockaton.getCollectProxied(),
-		mockaton.getProxyFallback(),
-		mockaton.listStaticFiles()
+		mockaton.getProxyFallback()
 	].map(api => api.then(response => response.ok && response.json())))
-		.then(data => document.body.replaceChildren(...App(data)))
+		.then(data => {
+			state.brokersByMethod = data[0]
+			state.staticBrokers = data[1]
+			state.cookies = data[2]
+			state.comments = data[3]
+			state.delay = data[4]
+			state.collectProxied = data[5]
+			state.fallbackAddress = data[6]
+			document.body.replaceChildren(...App())
+		})
 		.catch(onError)
 }
 
-function App([brokersByMethod, cookies, comments, delay, collectProxied, fallbackAddress, staticBrokers]) {
-	globalDelay = delay
-	const canProxy = Boolean(fallbackAddress)
+const r = createElement
+const s = createSvgElement
+
+function App() {
 	return [
-		r(Header, { cookies, comments, delay, fallbackAddress, collectProxied }),
+		r(Header),
 		r('main', null,
-			r('div', { className: CSS.MainLeftSide },
-				r(MockList, { brokersByMethod, canProxy }),
-				r(StaticFilesList, { brokers: staticBrokers, canProxy })),
-			r('div', { className: CSS.MainRightSide },
-				r(PayloadViewer)))]
+			r('div', className(CSS.leftSide),
+				r(MockList),
+				r(StaticFilesList)),
+			r('div', className(CSS.rightSide),
+				r(PayloadViewer)))
+	]
 }
 
 
-/** # Header */
-
-function Header({ cookies, comments, delay, fallbackAddress, collectProxied }) {
+function Header() {
 	return (
 		r('header', null,
-			r(Logo),
+			r('img', {
+				alt: Strings.title,
+				src: 'mockaton/logo.svg',
+				width: 160
+			}),
 			r('div', null,
-				r(CookieSelector, { cookies }),
-				r(BulkSelector, { comments }),
-				r(GlobalDelayField, { delay }),
-				r(ProxyFallbackField, { fallbackAddress, collectProxied }),
+				r(CookieSelector),
+				r(BulkSelector),
+				r(GlobalDelayField),
+				r(ProxyFallbackField),
 				r(ResetButton)),
 			r('a', {
 				className: CSS.Help,
@@ -124,22 +158,17 @@ function Header({ cookies, comments, delay, fallbackAddress, collectProxied }) {
 			}, r(HelpIcon))))
 }
 
-function Logo() {
-	return (
-		r('img', {
-			alt: Strings.title,
-			src: 'mockaton/mockaton-logo.svg',
-			width: 160
-		}))
-}
 
-function CookieSelector({ cookies }) {
+function CookieSelector() {
+	const { cookies } = state
 	function onChange() {
-		mockaton.selectCookie(this.value).catch(onError)
+		mockaton.selectCookie(this.value)
+			.then(parseError)
+			.catch(onError)
 	}
 	const disabled = cookies.length <= 1
 	return (
-		r('label', { className: CSS.Field },
+		r('label', className(CSS.Field),
 			r('span', null, Strings.cookie),
 			r('select', {
 				autocomplete: 'off',
@@ -150,7 +179,9 @@ function CookieSelector({ cookies }) {
 				r('option', { value, selected }, value)))))
 }
 
-function BulkSelector({ comments }) {
+
+function BulkSelector() {
+	const { comments } = state
 	// UX wise this should be a menu instead of this `select`.
 	// But this way is easier to implement, with a few hacks.
 	const firstOption = Strings.pick_comment
@@ -158,7 +189,8 @@ function BulkSelector({ comments }) {
 		const value = this.value
 		this.value = firstOption // Hack 
 		mockaton.bulkSelectByComment(value)
-			.then(init)
+			.then(parseError)
+			.then(updateState)
 			.catch(onError)
 	}
 	const disabled = !comments.length
@@ -166,7 +198,7 @@ function BulkSelector({ comments }) {
 		? []
 		: [firstOption].concat(comments)
 	return (
-		r('label', { className: CSS.Field },
+		r('label', className(CSS.Field),
 			r('span', null, Strings.bulk_select),
 			r('select', {
 				className: CSS.BulkSelector,
@@ -179,13 +211,17 @@ function BulkSelector({ comments }) {
 				r('option', { value }, value)))))
 }
 
-function GlobalDelayField({ delay }) {
+
+function GlobalDelayField() {
+	const { delay } = state
 	function onChange() {
-		globalDelay = this.valueAsNumber
-		mockaton.setGlobalDelay(globalDelay).catch(onError)
+		state.delay = this.valueAsNumber
+		mockaton.setGlobalDelay(state.delay)
+			.then(parseError)
+			.catch(onError)
 	}
 	return (
-		r('label', { className: cssClass(CSS.Field, CSS.GlobalDelayField) },
+		r('label', className(CSS.Field, CSS.GlobalDelayField),
 			r('span', null, r(TimerIcon), Strings.delay_ms),
 			r('input', {
 				type: 'number',
@@ -197,7 +233,9 @@ function GlobalDelayField({ delay }) {
 			})))
 }
 
-function ProxyFallbackField({ fallbackAddress, collectProxied }) {
+
+function ProxyFallbackField() {
+	const { fallbackAddress, collectProxied } = state
 	function onChange() {
 		const saveCheckbox = this.closest(`.${CSS.FallbackBackend}`).querySelector('[type=checkbox]')
 		saveCheckbox.disabled = !this.validity.valid || !this.value.trim()
@@ -206,11 +244,12 @@ function ProxyFallbackField({ fallbackAddress, collectProxied }) {
 			this.reportValidity()
 		else
 			mockaton.setProxyFallback(this.value.trim())
-				.then(init)
+				.then(parseError)
+				.then(updateState)
 				.catch(onError)
 	}
 	return (
-		r('div', { className: cssClass(CSS.Field, CSS.FallbackBackend) },
+		r('div', className(CSS.Field, CSS.FallbackBackend),
 			r('label', null,
 				r('span', null, r(CloudIcon), Strings.fallback_server),
 				r('input', {
@@ -226,12 +265,15 @@ function ProxyFallbackField({ fallbackAddress, collectProxied }) {
 			})))
 }
 
-function SaveProxiedCheckbox({ disabled, collectProxied }) {
+function SaveProxiedCheckbox({ disabled }) {
+	const { collectProxied } = state
 	function onChange() {
-		mockaton.setCollectProxied(this.checked).catch(onError)
+		mockaton.setCollectProxied(this.checked)
+			.then(parseError)
+			.catch(onError)
 	}
 	return (
-		r('label', { className: CSS.SaveProxiedCheckbox },
+		r('label', className(CSS.SaveProxiedCheckbox),
 			r('input', {
 				type: 'checkbox',
 				disabled,
@@ -241,34 +283,39 @@ function SaveProxiedCheckbox({ disabled, collectProxied }) {
 			r('span', null, Strings.save_proxied)))
 }
 
+
 function ResetButton() {
+	function onClick() {
+		mockaton.reset()
+			.then(parseError)
+			.then(updateState)
+			.catch(onError)
+	}
 	return (
 		r('button', {
 			className: CSS.ResetButton,
-			onClick() {
-				mockaton.reset()
-					.then(init)
-					.catch(onError)
-			}
+			onClick
 		}, Strings.reset))
 }
 
 
+
 /** # MockList */
 
-function MockList({ brokersByMethod, canProxy }) {
-	const hasMocks = Object.keys(brokersByMethod).length
-	if (!hasMocks)
+function MockList() {
+	const { brokersByMethod } = state
+	if (!Object.keys(brokersByMethod).length)
 		return (
-			r('div', { className: CSS.empty },
+			r('div', className(CSS.empty),
 				Strings.no_mocks_found))
 	return (
 		r('div', null,
 			r('table', null, Object.entries(brokersByMethod).map(([method, brokers]) =>
-				r(SectionByMethod, { method, brokers, canProxy })))))
+				r(SectionByMethod, { method, brokers })))))
 }
 
-function SectionByMethod({ method, brokers, canProxy }) {
+function SectionByMethod({ method, brokers }) {
+	const canProxy = state.canProxy
 	const brokersSorted = Object.entries(brokers)
 		.filter(([, broker]) => broker.mocks.length > 1) // >1 because of autogen500
 		.sort((a, b) => a[0].localeCompare(b[0]))
@@ -309,16 +356,17 @@ function PreviewLink({ method, urlMask, urlMaskDittoed }) {
 			href: urlMask,
 			onClick
 		}, ditto
-			? [r('span', { className: CSS.dittoDir }, ditto), tail]
+			? [r('span', className(CSS.dittoDir), ditto), tail]
 			: tail))
 }
 
-/** @param {{ broker: MockBroker }} props */
+/** @param {{ broker: ClientMockBroker }} props */
 function MockSelector({ broker }) {
 	function onChange() {
 		const { urlMask, method } = parseFilename(this.value)
 		mockaton.select(this.value)
-			.then(init)
+			.then(parseError)
+			.then(updateState)
 			.then(() => linkFor(method, urlMask)?.click())
 			.catch(onError)
 	}
@@ -339,7 +387,7 @@ function MockSelector({ broker }) {
 			autocomplete: 'off',
 			'data-qaid': urlMask,
 			disabled: files.length <= 1,
-			className: cssClass(
+			...className(
 				CSS.MockSelector,
 				selected !== files[0] && CSS.nonDefault,
 				status >= 400 && status < 500 && CSS.status4xx)
@@ -350,11 +398,13 @@ function MockSelector({ broker }) {
 			}, file))))
 }
 
-/** @param {{ broker: MockBroker }} props */
+/** @param {{ broker: ClientMockBroker }} props */
 function DelayRouteToggler({ broker }) {
 	function onChange() {
 		const { method, urlMask } = parseFilename(broker.mocks[0])
-		mockaton.setRouteIsDelayed(method, urlMask, this.checked).catch(onError)
+		mockaton.setRouteIsDelayed(method, urlMask, this.checked)
+			.then(parseError)
+			.catch(onError)
 	}
 	return (
 		r('label', {
@@ -369,7 +419,7 @@ function DelayRouteToggler({ broker }) {
 			TimerIcon()))
 }
 
-/** @param {{ broker: MockBroker }} props */
+/** @param {{ broker: ClientMockBroker }} props */
 function InternalServerErrorToggler({ broker }) {
 	function onChange() {
 		const { urlMask, method } = parseFilename(broker.mocks[0])
@@ -377,7 +427,8 @@ function InternalServerErrorToggler({ broker }) {
 			this.checked
 				? broker.mocks.find(f => parseFilename(f).status === 500)
 				: broker.mocks[0])
-			.then(init)
+			.then(parseError)
+			.then(updateState)
 			.then(() => linkFor(method, urlMask)?.click())
 			.catch(onError)
 	}
@@ -395,12 +446,13 @@ function InternalServerErrorToggler({ broker }) {
 			r('span', null, '500')))
 }
 
-/** @param {{ broker: MockBroker }} props */
+/** @param {{ broker: ClientMockBroker }} props */
 function ProxyToggler({ broker }) {
 	function onChange() {
 		const { urlMask, method } = parseFilename(broker.mocks[0])
 		mockaton.setRouteIsProxied(method, urlMask, this.checked)
-			.then(init)
+			.then(parseError)
+			.then(updateState)
 			.then(() => linkFor(method, urlMask)?.click())
 			.catch(onError)
 	}
@@ -418,24 +470,25 @@ function ProxyToggler({ broker }) {
 }
 
 
-/**
- * # StaticFilesList
- * @param {{ brokers: StaticBroker[] }} props
- */
-function StaticFilesList({ brokers, canProxy }) {
-	if (!Object.keys(brokers).length)
+
+/** # StaticFilesList */
+
+function StaticFilesList() {
+	const { staticBrokers } = state
+	const canProxy = state.canProxy
+	if (!Object.keys(staticBrokers).length)
 		return null
-	const dp = dittoSplitPaths(Object.keys(brokers)).map(([ditto, tail]) => ditto
-		? [r('span', { className: CSS.dittoDir }, ditto), tail]
+	const dp = dittoSplitPaths(Object.keys(staticBrokers)).map(([ditto, tail]) => ditto
+		? [r('span', className(CSS.dittoDir), ditto), tail]
 		: tail)
 	return (
-		r('table', { className: CSS.StaticFilesList },
+		r('table', className(CSS.StaticFilesList),
 			r('thead', null,
 				r('tr', null,
 					r('th', { colspan: 2 + Number(canProxy) }),
 					r('th', null, Strings.static_get))),
 			r('tbody', null,
-				Object.values(brokers).map((broker, i) =>
+				Object.values(staticBrokers).map((broker, i) =>
 					r('tr', null,
 						canProxy && r('td', null, r(ProxyStaticToggler, {})),
 						r('td', null, r(DelayStaticRouteToggler, { broker })),
@@ -444,11 +497,11 @@ function StaticFilesList({ brokers, canProxy }) {
 					)))))
 }
 
-
-/** @param {{ broker: StaticBroker }} props */
+/** @param {{ broker: ClientStaticBroker }} props */
 function DelayStaticRouteToggler({ broker }) {
 	function onChange() {
 		mockaton.setStaticRouteIsDelayed(broker.route, this.checked)
+			.then(parseError)
 			.catch(onError)
 	}
 	return (
@@ -464,10 +517,11 @@ function DelayStaticRouteToggler({ broker }) {
 			TimerIcon()))
 }
 
-/** @param {{ broker: StaticBroker }} props */
+/** @param {{ broker: ClientStaticBroker }} props */
 function NotFoundToggler({ broker }) {
 	function onChange() {
 		mockaton.setStaticRouteStatus(broker.route, this.checked ? 404 : 200)
+			.then(parseError)
 			.catch(onError)
 	}
 	return (
@@ -500,6 +554,8 @@ function ProxyStaticToggler({}) { // TODO
 			r(CloudIcon)))
 }
 
+
+
 /** # Payload Preview */
 
 const payloadViewerTitleRef = useRef()
@@ -507,17 +563,16 @@ const payloadViewerRef = useRef()
 
 function PayloadViewer() {
 	return (
-		r('div', { className: CSS.PayloadViewer },
+		r('div', className(CSS.PayloadViewer),
 			r('h2', { ref: payloadViewerTitleRef }, Strings.preview),
 			r('pre', null,
 				r('code', { ref: payloadViewerRef }, Strings.click_link_to_preview))))
 }
 
-
 function PayloadViewerProgressBar() {
 	return (
-		r('div', { className: CSS.ProgressBar },
-			r('div', { style: { animationDuration: globalDelay + 'ms' } })))
+		r('div', className(CSS.ProgressBar),
+			r('div', { style: { animationDuration: state.delay + 'ms' } })))
 }
 
 function PayloadViewerTitle({ file, status, statusText }) {
@@ -532,7 +587,7 @@ function PayloadViewerTitleWhenProxied({ mime, status, statusText, gatewayIsBad
 	return (
 		r('span', null,
 			gatewayIsBad
-				? r('span', { className: CSS.red }, Strings.fallback_server_error + ' ')
+				? r('span', className(CSS.red), Strings.fallback_server_error + ' ')
 				: r('span', null, Strings.got + ' '),
 			r('abbr', { title: statusText }, status),
 			' ' + mime))
@@ -610,9 +665,19 @@ function mockSelectorFor(method, urlMask) {
 
 /** # Misc */
 
+async function parseError(response) {
+	if (response.ok)
+		return
+	if (response.status === 422)
+		throw await response.text()
+	throw response.statusText
+}
+
 function onError(error) {
 	if (error?.message === 'Failed to fetch')
 		showErrorToast('Looks like the Mockaton server is not running')
+	else
+		showErrorToast(error || 'Unexpected Error')
 	console.error(error)
 }
 
@@ -673,7 +738,7 @@ async function poll() {
 			const syncVersion = await response.json()
 			if (poll.oldSyncVersion !== syncVersion) { // because it could be < or >
 				poll.oldSyncVersion = syncVersion
-				await init()
+				await updateState()
 			}
 			poll()
 		}
@@ -689,30 +754,27 @@ async function poll() {
 
 /** # Utils */
 
-function cssClass(...args) {
-	return args.filter(Boolean).join(' ')
+function className(...args) {
+	return { className: args.filter(Boolean).join(' ') }
 }
 
 
-/** ## React-compatible simplified implementations */
-
-function createElement(elem, props = null, ...children) {
+function createElement(elem, props, ...children) {
 	if (typeof elem === 'function')
 		return elem(props)
 
 	const node = document.createElement(elem)
-	if (props)
-		for (const [key, value] of Object.entries(props))
-			if (key === 'ref')
-				value.current = node
-			else if (key.startsWith('on'))
-				node.addEventListener(key.replace(/^on/, '').toLowerCase(), value)
-			else if (key === 'style')
-				Object.assign(node.style, value)
-			else if (key in node)
-				node[key] = value
-			else
-				node.setAttribute(key, value)
+	for (const [key, value] of Object.entries(props || {}))
+		if (key === 'ref')
+			value.current = node
+		else if (key.startsWith('on'))
+			node.addEventListener(key.replace(/^on/, '').toLowerCase(), value)
+		else if (key === 'style')
+			Object.assign(node.style, value)
+		else if (key in node)
+			node[key] = value
+		else
+			node.setAttribute(key, value)
 	node.append(...children.flat().filter(Boolean))
 	return node
 }
@@ -730,7 +792,6 @@ function useRef() {
 }
 
 
-
 /**
  * Think of this as a way of printing a directory tree in which
  * the repeated folder paths are kept but styled differently.

package/src/Mockaton.js

@@ -63,7 +63,7 @@ async function onRequest(req, response) {
 	}
 	catch (error) {
 		if (error instanceof BodyReaderError)
-			sendUnprocessableContent(response, error.name)
+			sendUnprocessableContent(response, `${error.name}: ${error.message}`)
 		else
 			sendInternalServerError(response, error)
 	}

package/src/logo.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="556" height="100" version="1.1" viewBox="0 0 556 100" xmlns="http://www.w3.org/2000/svg">
+	<style>:root { --color: #000000; }
+		@media (prefers-color-scheme: light) { :root { --color: #444 } }
+		@media (prefers-color-scheme: dark) { :root { --color: #eee } }
+		path { fill: var(--color) }
+	</style>
+	<g stroke-opacity=".99608">
+		<path
+			d="m13.75 1.8789c-5.9487 0.19352-10.865 4.5652-11.082 11.686v81.445c-1e-7 2.216 1.784 4 4 4h4.793c2.216 0 4-1.784 4-4v-64.982c0.02794-3.4488 3.0988-3.5551 4.2031-1.1562l16.615 59.059c1.4393 5.3711 5.1083 7.9633 8.7656 7.9473 3.6573 0.01603 7.3263-2.5762 8.7656-7.9473l16.615-59.059c1.1043-2.3989 4.1752-2.2925 4.2031 1.1562v64.982c0 2.216 1.784 4 4 4h4.793c2.216 0 4-1.784 4-4v-81.445c-0.17732-7.0807-5.1334-11.492-11.082-11.686-5.9487-0.19352-12.652 3.8309-15.609 13.619l-15.686 57.334-15.686-57.334c-2.9569-9.7882-9.6607-13.813-15.609-13.619zm239.19 0.074219c-2.216 0-4 1.784-4 4v89.057c0 2.216 1.784 4 4 4h4.793c2.216 0 3.9868-1.784 4-4l0.10644-17.94c0.0734-0.07237 12.175-13.75 12.175-13.75 5.6772 11.091 11.404 22.158 17.113 33.232 1.0168 1.9689 3.4217 2.7356 5.3906 1.7188l4.2578-2.1992c1.9689-1.0168 2.7356-3.4217 1.7188-5.3906-6.4691-12.585-12.958-25.16-19.442-37.738l17.223-19.771c1.4555-1.671 1.2803-4.189-0.39062-5.6445l-3.6133-3.1465c-0.73105-0.63679-1.6224-0.96212-2.5176-0.98633-1.151-0.03113-2.3063 0.43508-3.125 1.375l-28.896 33.174v-51.99c0-2.216-1.784-4-4-4zm-58.255 23.316c-10.699 0-19.312 8.6137-19.312 19.312v34.535c0 10.699 8.6137 19.312 19.312 19.312h19.717c10.699 0 19.311-8.6137 19.311-19.312l-0.125-7.8457c0-2.216-1.784-4-4-4h-4.6524c-2.216 0-4 1.784-4 4l3e-3 6.7888c3e-3 3.8063-1.5601 9.3694-8.4716 9.3694h-15.846c-6.9115 0-8.4766-5.5631-8.4766-12.475v-26.209c0-6.9115 1.5651-12.477 8.4766-12.477h15.846c6.6937 0 8.3697 5.2207 8.4687 11.828v2.2207c0 2.216 1.784 4 4 4h4.6524c2.216 0 4-1.784 4-4l0.125-5.7363c0-10.699-8.6117-19.312-19.311-19.312zm-72.182 0c-10.699 0-19.312 8.6137-19.312 19.312v34.535c0 10.699 8.6137 19.312 19.312 19.312h19.717c10.699 0 19.311-8.6137 19.311-19.312v-34.535c0-10.699-8.6117-19.312-19.311-19.312zm1.9356 11h15.846c6.9115 0 8.4746 5.5651 8.4746 12.477v26.209c0 6.9115-1.5631 12.475-8.4746 12.475h-15.846c-6.9115 0-8.4766-5.5631-8.4766-12.475v-26.209c0-6.9115 1.5651-12.477 8.4766-12.477z"/>
+		<path
+			d="m331.9 25.27c-10.699 0-19.312 8.6137-19.312 19.312v4.3682c0 2.216 1.784 4 4 4h4.7715c2.216 0 4-1.784 4-4v-0.20414c0-6.9115 1.5651-12.477 8.4766-12.477h15.846c6.9115 0 8.4746 5.5651 8.4746 12.477v7.0148h-28.059c-10.699 0-19.312 8.6117-19.312 19.311v4.0477c0 10.699 8.6137 19.313 19.312 19.312h17.812c2.216-1e-6 4-1.784 4-4v-4.7715c0-2.216-1.784-4-4-4h-13.648c-6.9115-2e-5 -12.477-1.5651-12.477-8.5649 0-6.9998 5.5651-8.5629 12.477-8.5629h23.895v25.897c0 2.216 1.784 4 4 4h4.7715c2.216-1e-6 4-1.784 4-4v-49.848c0-10.699-8.6117-19.312-19.311-19.312z"
+			opacity="0.8"/>
+		<path
+			d="m392.75 1.373c-2.216 0-4 1.784-4 4v18.043h-5.3086c-2.216 0-4 1.784-4 4v4.793c0 2.216 1.784 4 4 4h5.3086v51.398c0 6.1465 3.7064 10.823 9.232 10.823h16.531c2.216 0 4-1.784 4-4v-4.793c0-2.216-1.784-4-4-4h-12.97v-49.428h9.8711c2.216 0 4-1.784 4-4v-4.793c0-2.216-1.784-4-4-4h-9.8711v-18.043c0-2.216-1.784-4-4-4zm122.96 23.896c-10.699 0-19.312 8.6137-19.312 19.312v49.812c0 2.216 1.784 4 4 4h4.7715c2.216 0 4-1.784 4-4v-45.648c0-6.9115 1.5651-12.477 8.4766-12.477h15.846c6.9115 0 8.4746 5.5651 8.4746 12.477v45.684c0 2.216 1.784 4 4 4h4.7715c2.216-1e-6 4-1.784 4-4v-49.848c0-10.699-8.6117-19.312-19.311-19.312zm-69.999 0c-10.699 0-19.312 8.6137-19.312 19.312v34.535c0 10.699 8.6137 19.312 19.312 19.312h19.717c10.699 0 19.311-8.6137 19.311-19.312v-34.535c0-10.699-8.6117-19.312-19.311-19.312zm1.9356 11h15.846c6.9115 0 8.4746 5.5651 8.4746 12.477v26.209c0 6.9115-1.5631 12.475-8.4746 12.475h-15.846c-6.9115 0-8.4766-5.5631-8.4766-12.475v-26.209c0-6.9115 1.5651-12.477 8.4766-12.477z"/>
+	</g>
+</svg>

package/src/mockBrokersCollection.js

@@ -9,8 +9,9 @@ import { parseFilename, filenameIsValid } from './Filename.js'
 
 /**
  * @type {{
- * [method: string]:
- *   { [route: string]: MockBroker }
+ * 	[method: string]: {
+ * 		[urlMask: string]: MockBroker
+ * 	}
  * }}
  * @example
  * {

package/src/staticCollection.js

@@ -3,7 +3,7 @@ import { listFilesRecursively } from './utils/fs.js'
 import { config, isFileAllowed } from './config.js'
 
 
-class StaticBroker {
+export class StaticBroker {
 	constructor(route) {
 		this.route = route
 		this.delayed = false
@@ -14,7 +14,7 @@ class StaticBroker {
 	setStatus(value) { this.status = value }
 }
 
-/** @type {{ [route: string]: StaticBroker }} */
+/** @type {{ [route:string]: StaticBroker }} */
 let collection = {}
 
 export const all = () => collection