Add Prettier for code formatting

.github/workflows/ci.yaml

@@ -0,0 +1,23 @@
+name: CI
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'yarn'
+      - name: Install dependencies
+        run: yarn install
+      - name: Run prettier
+        run: yarn format:check

.nvmrc

@@ -0,0 +1 @@
+18.17.1

.prettierignore

@@ -0,0 +1,3 @@
+yarn.lock
+.gitignore
+node_modules/*

index.js

@@ -1,3 +1,3 @@
-"use strict";
+'use strict';
 
-module.exports = require("./lib/msw-config");
+module.exports = require('./lib/msw-config');

lib/msw-config.js

@@ -14,7 +14,7 @@ const defaultRouteOptions = {
  * @private
  */
 function isOption(option) {
-  if (!option || typeof option !== "object") {
+  if (!option || typeof option !== 'object') {
     return false;
   }
 
@@ -86,27 +86,30 @@ export default class MswConfig {
     ].forEach(([verb, alias]) => {
       this[verb] = (path, ...args) => {
         let [rawHandler, customizedCode, options] = extractRouteArguments(args);
-        let handler = mirageServer.registerRouteHandler(verb, path, rawHandler, customizedCode, options);
+        let handler = mirageServer.registerRouteHandler(
+          verb,
+          path,
+          rawHandler,
+          customizedCode,
+          options
+        );
         let fullPath = this._getFullPath(path);
         let mswHandler = rest[verb](fullPath, async (req, res, ctx) => {
           let queryParams = {};
           req.url.searchParams.forEach((value, key) => {
-            if (key.includes("[]")) {
-              key = key.replace("[]", "");
-              value = [...(queryParams[key] || []), value]
+            if (key.includes('[]')) {
+              key = key.replace('[]', '');
+              value = [...(queryParams[key] || []), value];
             }
             queryParams[key] = value;
           });
-          let request = Object.assign(
-              req,
-              {
-                requestBody:
-                    typeof req.body === 'string'
-                        ? req.body
-                        : JSON.stringify(req.body),
-                queryParams: queryParams,
-              }
-          );
+          let request = Object.assign(req, {
+            requestBody:
+              typeof req.body === 'string'
+                ? req.body
+                : JSON.stringify(req.body),
+            queryParams: queryParams,
+          });
           let [code, headers, response] = await handler(request);
           if (code === 204) {
             // MirageJS Incorrectly sets the body to "" on a 204.
@@ -210,31 +213,31 @@ export default class MswConfig {
     // if there is a urlPrefix and a namespace
     if (this.urlPrefix && this.namespace) {
       if (
-          this.namespace[0] === '/' &&
-          this.namespace[this.namespace.length - 1] === '/'
+        this.namespace[0] === '/' &&
+        this.namespace[this.namespace.length - 1] === '/'
       ) {
         namespace = this.namespace
-            .substring(0, this.namespace.length - 1)
-            .substring(1);
+          .substring(0, this.namespace.length - 1)
+          .substring(1);
       }
 
       if (
-          this.namespace[0] === '/' &&
-          this.namespace[this.namespace.length - 1] !== '/'
+        this.namespace[0] === '/' &&
+        this.namespace[this.namespace.length - 1] !== '/'
       ) {
         namespace = this.namespace.substring(1);
       }
 
       if (
-          this.namespace[0] !== '/' &&
-          this.namespace[this.namespace.length - 1] === '/'
+        this.namespace[0] !== '/' &&
+        this.namespace[this.namespace.length - 1] === '/'
       ) {
         namespace = this.namespace.substring(0, this.namespace.length - 1);
       }
 
       if (
-          this.namespace[0] !== '/' &&
-          this.namespace[this.namespace.length - 1] !== '/'
+        this.namespace[0] !== '/' &&
+        this.namespace[this.namespace.length - 1] !== '/'
       ) {
         namespace = this.namespace;
       }
@@ -243,33 +246,33 @@ export default class MswConfig {
     // if there is a namespace and no urlPrefix
     if (this.namespace && !this.urlPrefix) {
       if (
-          this.namespace[0] === '/' &&
-          this.namespace[this.namespace.length - 1] === '/'
+        this.namespace[0] === '/' &&
+        this.namespace[this.namespace.length - 1] === '/'
       ) {
         namespace = this.namespace.substring(0, this.namespace.length - 1);
       }
 
       if (
-          this.namespace[0] === '/' &&
-          this.namespace[this.namespace.length - 1] !== '/'
+        this.namespace[0] === '/' &&
+        this.namespace[this.namespace.length - 1] !== '/'
       ) {
         namespace = this.namespace;
       }
 
       if (
-          this.namespace[0] !== '/' &&
-          this.namespace[this.namespace.length - 1] === '/'
+        this.namespace[0] !== '/' &&
+        this.namespace[this.namespace.length - 1] === '/'
       ) {
         let namespaceSub = this.namespace.substring(
-            0,
-            this.namespace.length - 1
+          0,
+          this.namespace.length - 1
         );
         namespace = `/${namespaceSub}`;
       }
 
       if (
-          this.namespace[0] !== '/' &&
-          this.namespace[this.namespace.length - 1] !== '/'
+        this.namespace[0] !== '/' &&
+        this.namespace[this.namespace.length - 1] !== '/'
       ) {
         namespace = `/${this.namespace}`;
       }
@@ -287,7 +290,7 @@ export default class MswConfig {
       // otherwise, if there is a urlPrefix, use that as the beginning of the path
       if (urlPrefix.length) {
         fullPath +=
-            urlPrefix[urlPrefix.length - 1] === '/' ? urlPrefix : `${urlPrefix}/`;
+          urlPrefix[urlPrefix.length - 1] === '/' ? urlPrefix : `${urlPrefix}/`;
       }
 
       // add the namespace to the path

package.json

@@ -10,11 +10,14 @@
     "testing"
   ],
   "scripts": {
-    "test": "yarn"
+    "test": "yarn",
+    "format": "yarn prettier --write .",
+    "format:check": "yarn prettier --check ."
   },
   "devDependencies": {
     "miragejs": "~0.1.43",
-    "msw": "^0.39.2"
+    "msw": "^0.39.2",
+    "prettier": "^3.0.1"
   },
   "peerDependancies": {
     "miragejs": "~0.1.43",

prettier.config.mjs

@@ -0,0 +1,8 @@
+// @ts-check
+
+/** @type {import("prettier").Config} */
+export default {
+  printWidth: 80,
+  singleQuote: true,
+  trailingComma: 'es5',
+};

yarn.lock

@@ -651,6 +651,11 @@ pretender@^3.4.7:
     fake-xml-http-request "^2.1.2"
     route-recognizer "^0.3.3"
 
+prettier@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.1.tgz#65271fc9320ce4913c57747a70ce635b30beaa40"
+  integrity sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==
+
 readable-stream@^3.4.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"