mockaton 12.3.0 → 12.3.2

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "HTTP Mock Server",
 	"type": "module",
-	"version": "12.3.0",
+	"version": "12.3.2",
 	"exports": {
 		".": {
 			"import": "./index.js",

package/src/client/app-store.js

@@ -196,6 +196,7 @@ export const store = {
 			const response = await api.toggle500(method, urlMask)
 			if (!response.ok) throw response
 			store.setBroker(await response.json())
+			store.setChosenLink(method, urlMask)
 			store.renderRow(method, urlMask)
 		}
 		catch (error) { store.onError(error) }
@@ -206,6 +207,7 @@ export const store = {
 			const response = await api.setRouteIsProxied(method, urlMask, checked)
 			if (!response.ok) throw response
 			store.setBroker(await response.json())
+			store.setChosenLink(method, urlMask)
 			store.renderRow(method, urlMask)
 		}
 		catch (error) { store.onError(error) }

package/src/client/app.js

@@ -305,30 +305,38 @@ function Row(row, i) {
 }
 
 function renderRow(method, urlMask) {
+	unChooseOld()
 	const row = store.brokerAsRow(method, urlMask)
 	const tr = leftSideRef.elem.querySelector(`.${CSS.TableRow}[key="${row.key}"]`)
 	mergeTableRow(tr, Row(row))
-}
+	previewMock()
 
-function mergeTableRow(oldRow, newRow) {
-	for (let i = 0; i < newRow.children.length; i++) {
-		const oldEl = oldRow.children[i]
-		const newEl = newRow.children[i]
-		switch (newEl.tagName) {
-			case 'LABEL': {
-				const oldInput = oldEl.querySelector('[type="checkbox"]')
-				const newInput = newEl.querySelector('[type="checkbox"]')
-				oldInput.checked = newInput.checked
-				oldInput.disabled = newInput.disabled
-				break
+	function unChooseOld() {
+		return leftSideRef.elem.querySelector(`a.${CSS.chosen}`)
+			?.classList.remove(CSS.chosen)
+	}
+
+	function mergeTableRow(oldRow, newRow) {
+		for (let i = 0; i < newRow.children.length; i++) {
+			const oldEl = oldRow.children[i]
+			const newEl = newRow.children[i]
+			switch (newEl.tagName) {
+				case 'LABEL': {
+					const oldInput = oldEl.querySelector('[type="checkbox"]')
+					const newInput = newEl.querySelector('[type="checkbox"]')
+					oldInput.checked = newInput.checked
+					oldInput.disabled = newInput.disabled
+					break
+				}
+				case 'A':
+					oldEl.className = newEl.className
+					break
+				case 'SELECT':
+					oldEl.replaceChildren(...newEl.cloneNode(true).children)
+					oldEl.disabled = newEl.disabled
+					oldEl.value = newEl.value
+					break
 			}
-			case 'A':
-				oldEl.className = newEl.className
-				break
-			case 'SELECT':
-				oldEl.disabled = newEl.disabled
-				oldEl.replaceChildren(...newEl.cloneNode(true).children)
-				break
 		}
 	}
 }
@@ -337,16 +345,9 @@ function mergeTableRow(oldRow, newRow) {
 
 function PreviewLink(method, urlMask, urlMaskDittoed, autofocus) {
 	function onClick(event) {
-		unChooseOld()
 		event.preventDefault()
 		store.previewLink(method, urlMask)
-		previewMock()
-	}
-	function unChooseOld() {
-		return leftSideRef.elem.querySelector(`a.${CSS.chosen}`)
-			?.classList.remove(CSS.chosen)
 	}
-
 	const isChosen = store.chosenLink.method === method && store.chosenLink.urlMask === urlMask
 	const [ditto, tail] = urlMaskDittoed
 	return (
@@ -470,6 +471,7 @@ function StatusCodeToggler({ title, body, commit, checked, disabled }) {
 
 function DelayToggler({ checked, commit, optClassName }) {
 	return ClickDragToggler({
+		canClickDrag: true,
 		checked,
 		commit,
 		...classNames(CSS.DelayToggler, optClassName),