mockaton 0.9.5 → 0.9.6

package/Api.js

@@ -97,7 +97,7 @@ async function bulkUpdateBrokersByCommentTag(req, response) {
 async function updateBrokerTransform(req, response) {
 	try {
 		const body = await parseJSON(req)
-		const broker = mockBrokersCollection.getBroker(body[DF.method], body[DF.urlMask])
+		const broker = mockBrokersCollection.getBrokerByFilename(body[DF.file])
 		broker.updateTransform(body[DF.file])
 		sendOK(response)
 	}

package/ApiConstants.js

@@ -15,7 +15,5 @@ export const DF = { // Dashboard Fields (XHR)
 	delayed: 'delayed',
 	file: 'file',
 	currentCookieKey: 'current_cookie_key',
-	isForDashboard: 'mock_request_payload',
-	method: 'method',
-	urlMask: 'url_mask'
+	isForDashboard: 'mock_request_payload'
 }

package/Dashboard.js

@@ -257,15 +257,13 @@ function Transforms({ brokersByMethod }) {
 			r('tr', null,
 				r('td', null, r(PreviewLink, { method: broker.method, urlMask })),
 				r('td', null, r(TransformSelector, {
-					urlMask,
-					method: broker.method,
 					items: ['', ...broker.transforms],
 					selected: broker.currentTransform
 				})))
 		)))
 }
 
-function TransformSelector({ method, urlMask, items, selected }) {
+function TransformSelector({ items, selected }) {
 	const className = defaultIsSelected => cssClass(
 		CSS.TransformSelector,
 		!defaultIsSelected && CSS.bold)
@@ -273,16 +271,10 @@ function TransformSelector({ method, urlMask, items, selected }) {
 		r('select', {
 			className: className(selected === items[0]),
 			autocomplete: 'off',
-			'data-urlMask': urlMask,
-			'data-method': method,
 			onChange() {
 				fetch(DP.transform, {
 					method: 'PATCH',
-					body: JSON.stringify({
-						[DF.file]: this.value,
-						[DF.urlMask]: this.getAttribute('data-urlMask'),
-						[DF.method]: this.getAttribute('data-method')
-					})
+					body: JSON.stringify({ [DF.file]: this.value })
 				}).then(() => {
 					this.closest('tr').querySelector('a').click()
 					this.className = className(this.value === this.options[0].value)

package/README.md

@@ -22,6 +22,8 @@ Each route can have many mocks, which could either be:
 Those alternatives can be manually selected in the dashboard
 UI, or programmatically, for instance, for setting up tests.
 
+About the mock precedence, the first file in **alphabetical order** wins.
+
 
 ## Getting Started
 The best way to learn _Mockaton_ is by checking out this repo and
@@ -102,7 +104,7 @@ Config.cookies = {
 ```
 
 That `jwtCookie` has a hardcoded header and signature. In other
-words, it’s useful iff you care about its payload in frontend.
+words, it’s useful iff you care about its payload in the frontend.
 
 ---
 
@@ -153,28 +155,6 @@ api/foo/?bar=[bar].GET.200.json
 api/foo/(my comment).GET.200.json
 ```
 
-
----
-## Mock Precedence
-The first file in **alphabetical order** wins when a particular route has many files.
-
-### Why do we have many mocks per Route+Method?
-Each route has mocks for many status codes, and also different
-mocks (by having comments) for testing particular scenarios.
-For example, different 422 validation error messages.
-
----
-
-## Reset the Dashboard UI after insert or delete
-When deleting the currently selected option, without refreshing the dashboard, the
-served mock will be an alternative mock if it exists. That is, the dashboard won't show
-a 404 after deleting the current mock if there’s another mock for that particular route.
-
-Similarly, inserting a file that goes first in alphabetical order will
-send a different mock from the one stated in the dashboard dropdown.
-
----
-
 ## Documenting Contracts (.md)
 This is handy for documenting request payload parameters. The dashboard will
 print the markdown document (as plain text) above the actual payload content.
@@ -183,15 +163,14 @@ Create a markdown file following the same filename convention.
 The status code can be any number. For example,
 ```text
 api/foo/[user-id].POST.201.md
+api/foo/[user-id].POST.201.json
 ```
 
----
-
-## Non-Deterministic Mocks (.mjs handlers)
+## Transforms (.mjs)
 Using the same filename convention, files ending
 with `.mjs` will process the mock before serving it.
 
-For example, this handler will uppercase the mock body.
+For example, this handler will capitalize the mock body and increment a counter.
 ```js
 export default function capitalizeAllText(mockAsText, requestBody, Config) {
   Config.database.myCount ??= 0
@@ -200,31 +179,21 @@ export default function capitalizeAllText(mockAsText, requestBody, Config) {
 }
 ```
 
-In demo mode, transforms tagged with the string `demo` within a filename
-comment get activated. Mock sets tags e.g. `demo-a` have no effect. In
-other words, only one transform per route is supported in demo mode.
-
 ---
 
 ## API
 
-### Changing a mock for one route
+### `/mockaton/edit` Select a mock for a route
 ```
-PATCH http://localhost:2345/mockaton/edit
+PATCH /mockaton/edit
 { 
   "file": "api/foo.200.GET.json"
   "delayed": true // optional
 }
 ```
+---
 
-### Bulk Selecting Mocks by Matching comments
-```
-PATCH http://localhost:2345/mockaton/bulk-select
-{
-  "comment": "demo-a"
-}
-```
-
+### `/mockaton/bulk-select` Select all mocks that have a particular comment
 Many mocks can be changed at once. We do that by searching the
 comments on the filename. For example, `api/foo(demo-a).GET.200.json`
 
@@ -235,8 +204,44 @@ particular API there is only `demo-a` and `demo-b`, changing to
 Similarly, if there’s no demo mock at all for
 a route, the first dev mock (a-z) will be served.
 
+```
+PATCH /mockaton/bulk-select
+{
+  "comment": "demo-a"
+}
+```
+---
+
+### `/mockaton/reset` Reset
+Re-Initialize the collection and its states (selected mocks and cookies, delays, etc.).
+```
+PATCH /mockaton/reset
+```
+---
+
+### `/mockaton/cookies` Select a cookie
+In `Config.cookies`, each key is a label used to change them.
+```
+PATCH /mockaton/cookies
+{
+  "current_cookie_key": "My Normal User"
+}
+```
+
+### `/mockaton/cookies` List Cookies
+Sends a list of the cookie labels (keys) and
+along with a flag indicated if it’s the selected.
+```
+GET /mockaton/cookies
+```
 
-### Reset
+---
+
+### `/mockaton/transform` Select a Transform
 ```
-PATCH http://localhost:2345/mockaton/reset
+PATCH /mockaton/transform
+{
+  "file": "api/video/list(concat newly uploaded).GET.200.mjs"
+}
 ```
+---

package/Route.js

@@ -16,7 +16,7 @@ export class Route {
 	constructor(file) {
 		const { urlMask, method } = Route.parseFilename(file)
 		this.method = method
-		this.#urlRegex = new RegExp(`^${disregardVariables(removeQueryStringAndFragment(urlMask))}/*$`)
+		this.#urlRegex = new RegExp('^' + disregardVariables(removeQueryStringAndFragment(urlMask)) + '/*$')
 	}
 
 	urlMaskMatches(url) {

package/Tests.js

@@ -306,8 +306,6 @@ export default function (mock, reqBody, config) {
 		await request(DP.transform, {
 			method: 'PATCH',
 			body: JSON.stringify({
-				[DF.method]: 'POST',
-				[DF.urlMask]: '/api/transform',
 				[DF.file]: 'api/transform.POST.200.mjs'
 			})
 		})

package/_usage_example.js

@@ -8,8 +8,8 @@ Mockaton({
 	mocksDir: resolve('sample-mocks'),
 	staticDir: resolve('sample-static'),
 	cookies: {
-		'Admin User': 'my-cookie=1;Path=/;SameSite=strict',
-		'Normal User': 'my-cookie=0;Path=/;SameSite=strict',
+		'My Admin User': 'my-cookie=1;Path=/;SameSite=strict',
+		'My Normal User': 'my-cookie=0;Path=/;SameSite=strict',
 		'My JWT': jwtCookie('my-cookie', {
 			email: 'john.doe@example.com',
 			picture: 'https://cdn.auth0.com/avatars/jd.png'

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "A deterministic server-side for developing and testing frontend clients",
 	"type": "module",
-	"version": "0.9.5",
+	"version": "0.9.6",
 	"main": "index.js",
 	"types": "index.d.ts",
 	"license": "MIT",