mockaton 13.3.1 → 13.3.2

package/package.json

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

package/src/client/app-store.js

@@ -174,7 +174,7 @@ export const store = {
 				arr.push(...Object.values(brokers))
 		return arr
 	},
-	
+
 
 	previewLink(method, urlMask) {
 		store.setChosenLink(method, urlMask)

package/src/client/app.css

@@ -13,7 +13,7 @@
 	--colorText: light-dark(#000, #fff);
 
 	--colorAccent: light-dark(#0059dd, #2495ff);
-	--colorHover: light-dark(#bbe0ff, #062d59);
+	--colorHover: light-dark(#c1e2ff, #062d59);
 
 	--colorRed: light-dark(#da0f00, #f41606);
 	--colorPink: light-dark(#ed206a, #f92672);
@@ -50,6 +50,11 @@ body {
 	corner-shape: squircle;
 }
 
+label,
+button {
+	user-select: none;
+}
+
 a:focus-visible,
 input:focus-visible,
 select:focus-visible,
@@ -449,6 +454,7 @@ main {
 
 	.FolderGroup {
 		position: relative;
+		border-radius: var(--radius);
 
 		> summary {
 			left: 0;
@@ -465,7 +471,6 @@ main {
 			text-overflow: ellipsis;
 			border-radius: var(--radius);
 
-
 			&:active {
 				cursor: grabbing;
 			}
@@ -475,7 +480,7 @@ main {
 			}
 
 			&:hover {
-				color: var(--colorText);
+				background: var(--colorHover);
 			}
 
 			.FolderName {
@@ -510,17 +515,23 @@ main {
 			}
 		}
 
-		&[open] > summary {
-			position: absolute;
-			top: 0;
-			left: 0;
-			width: 16px;
-
-			.FolderChevron {
-				transform: rotate(0deg);
+		&[open] {
+			&:has(summary:hover) {
+				background: linear-gradient(90deg, var(--colorHover), var(--colorBg));
 			}
-			.FolderName {
-				display: none;
+
+			> summary {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+
+				.FolderChevron {
+					transform: rotate(0deg);
+				}
+				.FolderName {
+					display: none;
+				}
 			}
 		}
 	}

package/src/client/app.js

@@ -106,15 +106,12 @@ function MockList() {
 }
 
 function FolderGroups(groups) {
-	return groups.map(({ folder, children }) => {
-		if (children.length === 1)
-			return Row(children[0], 0)
-
-		return r('details', {
+	return groups.map(({ folder, children }) => children.length === 1
+		? Row(children[0], 0)
+		: r('details', {
 				className: CSS.FolderGroup,
 				open: !store.collapsedFolders.has(folder),
 				onToggle() {
-					// TODO alt+click exclusive open
 					store.setFolderCollapsed(folder, !this.open)
 				}
 			},
@@ -127,8 +124,7 @@ function FolderGroups(groups) {
 							store.canProxy && CSS.canProxy)
 					},
 					folder + '…')),
-			children.map(Row))
-	})
+			children.map(Row)))
 }
 
 /**

package/src/server/Api.js

@@ -88,6 +88,7 @@ function getState(_, response) {
 
 function reset(_, response) {
 	mockBrokersCollection.init()
+	cookie.init(config.cookies)
 	response.ok()
 	uiSyncVersion.increment()
 }

package/src/server/mockBrokersCollection.js

@@ -1,6 +1,5 @@
 import { basename } from 'node:path'
 
-import { cookie } from './cookie.js'
 import { MockBroker } from './MockBroker.js'
 import { parseFilename } from '../client/Filename.js'
 import { listFilesRecursively } from './utils/fs.js'
@@ -28,19 +27,16 @@ export const all = () => collection
 
 export function init() {
 	collection = {}
-	cookie.init(config.cookies)
-
 	listFilesRecursively(config.mocksDir)
 		.sort()
 		.forEach(f => registerMock(f))
-
 	forEachBroker(b => b.selectDefaultFile())
 }
 
 /** @returns {boolean} registered */
 export function registerMock(file, isFromWatcher = false) {
-	if (brokerByFilename(file)?.hasMock(file)
-		|| !isFileAllowed(basename(file)))
+	if (brokerByFilename(file)?.hasMock(file) || 
+		!isFileAllowed(basename(file)))
 		return false
 
 	const { method, urlMask } = parseFilename(file)