feat: express middleware

examples/with-express-middleware/mocks/mountain.json

@@ -0,0 +1,53 @@
+{
+    "request": {
+        "path": "/api/weather",
+        "method": "GET"
+    },
+    "response": {
+        "statusCode": 200,
+        "body": {
+            "coord": {
+                "lon": -122.08,
+                "lat": 37.39
+            },
+            "weather": [
+                {
+                    "id": 800,
+                    "main": "Clear",
+                    "description": "clear sky",
+                    "icon": "01d"
+                }
+            ],
+            "base": "stations",
+            "main": {
+                "temp": 282.55,
+                "feels_like": 281.86,
+                "temp_min": 280.37,
+                "temp_max": 284.26,
+                "pressure": 1023,
+                "humidity": 100
+            },
+            "visibility": 16093,
+            "wind": {
+                "speed": 1.5,
+                "deg": 350
+            },
+            "clouds": {
+                "all": 1
+            },
+            "dt": 1560350645,
+            "sys": {
+                "type": 1,
+                "id": 5122,
+                "message": 0.0139,
+                "country": "US",
+                "sunrise": 1560343627,
+                "sunset": 1560396563
+            },
+            "timezone": -25200,
+            "id": 420006353,
+            "name": "Mountain View",
+            "cod": 200
+        }
+    }
+}

examples/with-express-middleware/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/with-express-middleware/package.json

@@ -0,0 +1,18 @@
+{
+    "name": "deputy-with-express-middleware",
+    "version": "1.0.0",
+    "main": "index.js",
+    "license": "MIT",
+    "scripts": {
+        "dev": "next dev"
+    },
+    "dependencies": {
+        "@sayjava/deputy": "../../",
+        "next": "^12.0.3",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+    },
+    "devDependencies": {
+        "@types/react": "^17.0.34"
+    }
+}

examples/with-express-middleware/pages/api/weather.ts

@@ -0,0 +1,15 @@
+import { createExpressMiddleware } from '@sayjava/deputy';
+
+const mockMiddleware = createExpressMiddleware({ mocksDirectory: 'mocks' });
+const callRemoteApi = (req, res) => {
+    console.log('Call some remote api');
+    res.send('result from remote api');
+};
+
+export default (req, res) => {
+    if (process.env.NODE_ENV !== 'production') {
+        return mockMiddleware(req, res);
+    }
+
+    return callRemoteApi(req, res);
+};

examples/with-express-middleware/pages/index.jsx

@@ -0,0 +1,42 @@
+import {useEffect, useState} from 'react'
+export default () => {
+    const [state, setState] = useState(null)
+
+    useEffect(() => {
+        fetch('/api/weather')
+        .then(res => res.json())
+        .then(data => setState({error: null, data}))
+        .catch(error => setState({error, data: null}))
+    }, [])
+
+
+    if(!state) {
+        return <div>
+            Loading up weather
+        </div>
+    }
+
+    if(state.error) {
+        return <div style={{color: 'red'}}>
+            {state.error.message}
+        </div>
+    }
+
+    console.log(state.data)
+
+    return <div>
+        <h2>{state.data.name}'s Weather</h2>
+        <div>
+            <h4>Feels Like</h4>
+            <ul>
+                <li>{state.data.main.feels_like}</li>
+                <li>{state.data.main.humidity}</li>
+            </ul>
+            <h4>Weather</h4>
+            <ul>
+                <li>{state.data.weather[0].description}</li>
+                <li>{state.data.weather[0].main}</li>
+            </ul>
+        </div>
+    </div>
+}

examples/with-express-middleware/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

src/index.ts

@@ -1 +1,3 @@
-export const createExpressMiddleware = () => console.info('Coming soon');
+import { createMiddleware } from './server';
+import { MiddlewareConfig } from './types';
+export const createExpressMiddleware = (config: MiddlewareConfig) => createMiddleware(config);

src/server/index.ts

@@ -12,7 +12,7 @@ import { loadSSLCerts } from './ssl';
 import { createAPIRouter } from './routes/api';
 import { createMocksRouter } from './routes/mocks';
 import { errorHandler, responseHandler, parseBodyHandler } from './routes/middleware';
-import { DeputyConfig } from '../types';
+import { DeputyConfig, MiddlewareConfig } from '../types';
 import logger from './logger';
 
 const defaultConfig: DeputyConfig = {
@@ -104,3 +104,12 @@ export const createServer = async (argConfig: DeputyConfig): Promise<App> => {
         },
     };
 };
+
+export const createMiddleware = (argConfig: MiddlewareConfig) => {
+    const config = Object.assign({}, defaultConfig, argConfig);
+    const engine = createEngine(config);
+    const apiRouter = createMocksRouter({ engine });
+    apiRouter.use(responseHandler);
+    apiRouter.use(errorHandler);
+    return apiRouter;
+};

src/types.ts

@@ -141,3 +141,7 @@ export interface DeputyConfig {
     proxy?: boolean;
     tslDomains?: Array<string>;
 }
+
+export interface MiddlewareConfig extends DeputyConfig {
+    enableAPI?: boolean;
+}