15 |
16 | - Editing Mock API
17 | 
18 |
19 | - JSON Viewer
20 | 
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "local-mock-server",
3 | "description": "Local Mock Server is a simple tool for creating mock server locally. With this you can create number of mock api's by configuring request method, request path, response status and JSON response body",
4 | "version": "1.2.0",
5 | "author": "Jaya Kumar Reddy Regalla",
6 | "license": "MIT",
7 | "build": {
8 | "appId": "com.jay.localmockserver",
9 | "productName": "Local Mock Server",
10 | "mac": {
11 | "category": "public.app-category.utilities",
12 | "icon": "public/AppIcon.png"
13 | },
14 | "win": {
15 | "target": "nsis",
16 | "icon": "public/AppIcon.png"
17 | },
18 | "publish": [
19 | "github"
20 | ]
21 | },
22 | "main": "public/electron.js",
23 | "homepage": "./",
24 | "private": true,
25 | "dependencies": {
26 | "@testing-library/jest-dom": "^4.2.4",
27 | "@testing-library/react": "^9.3.2",
28 | "@testing-library/user-event": "^7.1.2",
29 | "cors": "^2.8.5",
30 | "cross-env": "^7.0.2",
31 | "electron-is-dev": "^1.1.0",
32 | "electron-updater": "^4.3.1",
33 | "react": "^16.13.1",
34 | "react-dom": "^16.13.1",
35 | "react-json-view": "^1.19.1",
36 | "react-scripts": "3.4.1",
37 | "styled-components": "^5.1.0"
38 | },
39 | "devDependencies": {
40 | "concurrently": "^5.1.0",
41 | "electron": "^8.2.0",
42 | "electron-builder": "^22.4.1",
43 | "wait-on": "^4.0.1"
44 | },
45 | "scripts": {
46 | "react-start": "react-scripts start",
47 | "react-build": "react-scripts build",
48 | "react-test": "react-scripts test --env=jsdom",
49 | "react-eject": "react-scripts eject",
50 | "electron-build": "electron-builder",
51 | "release": "yarn react-build && electron-builder --publish=never",
52 | "publish": "yarn react-build && electron-builder --publish=always",
53 | "publish-all": "yarn react-build && electron-builder -mwl --publish=always",
54 | "build": "yarn react-build && yarn electron-build",
55 | "start": "concurrently \"cross-env BROWSER=none yarn react-start\" \"wait-on http://localhost:3000 && electron .\""
56 | },
57 | "eslintConfig": {
58 | "extends": "react-app"
59 | },
60 | "browserslist": {
61 | "production": [
62 | ">0.2%",
63 | "not dead",
64 | "not op_mini all"
65 | ],
66 | "development": [
67 | "last 1 chrome version",
68 | "last 1 firefox version",
69 | "last 1 safari version"
70 | ]
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/public/AppIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jayakumarreddy/Local-Mock-Server/c4195d19f3a2a692f02da6acde2ad8d7e59b8c71/public/AppIcon.png
--------------------------------------------------------------------------------
/public/appstore.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jayakumarreddy/Local-Mock-Server/c4195d19f3a2a692f02da6acde2ad8d7e59b8c71/public/appstore.png
--------------------------------------------------------------------------------
/public/electron.js:
--------------------------------------------------------------------------------
1 | const { app, BrowserWindow } = require("electron");
2 | const path = require("path");
3 | const isDev = require("electron-is-dev");
4 | const { autoUpdater } = require("electron-updater");
5 |
6 | const { expressApp } = require("./express");
7 |
8 | const mockFilesStoragePath = app.getPath("userData");
9 |
10 | expressApp(mockFilesStoragePath);
11 |
12 | let mainWindow;
13 |
14 | function createWindow() {
15 | mainWindow = new BrowserWindow({
16 | webPreferences: {
17 | nodeIntegration: true,
18 | },
19 | icon: path.join(__dirname, "/public/mockAppIcon.png"),
20 | });
21 | mainWindow.loadURL(
22 | isDev
23 | ? "http://localhost:3000"
24 | : `file://${path.join(__dirname, "../build/index.html")}`
25 | );
26 | mainWindow.maximize();
27 | isDev && mainWindow.webContents.openDevTools();
28 |
29 | mainWindow.on("closed", () => (mainWindow = null));
30 | }
31 |
32 | app.on("ready", createWindow);
33 |
34 | app.on("window-all-closed", () => {
35 | if (process.platform !== "darwin") {
36 | app.quit();
37 | }
38 | });
39 |
40 | app.on("activate", () => {
41 | if (mainWindow === null) {
42 | createWindow();
43 | }
44 | });
45 |
46 | app.on("ready", function () {
47 | autoUpdater.checkForUpdatesAndNotify();
48 | });
49 |
--------------------------------------------------------------------------------
/public/express.js:
--------------------------------------------------------------------------------
1 | const expressApp = (mockFilesStoragePath) => {
2 | const express = require("express");
3 | const fs = require("fs");
4 | const app = express();
5 | const cors = require("cors");
6 | const port = 8000;
7 |
8 | const folderName = `mocks_folder`;
9 | const storage_folder = `${mockFilesStoragePath}/${folderName}`;
10 |
11 | fs.mkdirSync(storage_folder, { recursive: true });
12 |
13 | app.use(cors());
14 | app.use(express.json());
15 |
16 | app.use("/", (req, res, next) => {
17 | if (
18 | req.originalUrl !== "/allmocks" &&
19 | req.originalUrl !== "/createmock" &&
20 | req.originalUrl !== "/deletemock"
21 | ) {
22 | const rawData = fs.readFileSync(
23 | `${storage_folder}${req.originalUrl}/${req.method}.json`
24 | );
25 | const jsonData = JSON.parse(rawData);
26 | const resBody = jsonData.body;
27 | const resStatus = jsonData.status;
28 | res.status(resStatus).json(resBody);
29 | }
30 | next();
31 | });
32 |
33 | const getAllFiles = function (dirPath, arrayOfFiles) {
34 | let filesDir = fs.readdirSync(dirPath);
35 |
36 | arrayOfFiles = arrayOfFiles || [];
37 | filesDir.forEach((fileDir) => {
38 | if (fs.lstatSync(`${dirPath}/${fileDir}`).isDirectory()) {
39 | getAllFiles(`${dirPath}/${fileDir}`, arrayOfFiles);
40 | } else {
41 | // arrayOfFiles.push(`${dirPath}/${fileDir}`);
42 | if (fileDir !== ".DS_Store") {
43 | arrayOfFiles.push({
44 | reqPath: `${dirPath}/`,
45 | reqMethod: fileDir.replace(".json", ""),
46 | });
47 | }
48 | }
49 | });
50 |
51 | return arrayOfFiles;
52 | };
53 |
54 | app.get("/allmocks", (req, res) => {
55 | const files = getAllFiles(`${storage_folder}`);
56 | const mocks = files.map((file) => {
57 | return {
58 | ...file,
59 | reqPath: file.reqPath.replace(`${storage_folder}`, ""),
60 | };
61 | });
62 | res.status(200).send(mocks);
63 | });
64 |
65 | app.post("/createmock", (req, res) => {
66 | const { reqMethod, reqPath, resStatus, resBody } = req.body;
67 | const fileRawData = {
68 | status: resStatus,
69 | body: resBody,
70 | };
71 | const fileJSONData = JSON.stringify(fileRawData, null, 2);
72 |
73 | const folderPath = `${storage_folder}/${reqPath}`;
74 | fs.mkdir(folderPath, { recursive: true }, (err) => {
75 | if (err) {
76 | res.status(400).send(`Error in creating directory ${err}`);
77 | } else {
78 | fs.writeFile(`${folderPath}/${reqMethod}.json`, fileJSONData, (err) => {
79 | if (err) {
80 | res.status(400).send(`Error in writing to file ${err}`);
81 | } else {
82 | const rawData = fs.readFileSync(`${folderPath}/${reqMethod}.json`);
83 | const jsonData = JSON.parse(rawData);
84 | res.json(jsonData);
85 | }
86 | });
87 | }
88 | });
89 | });
90 |
91 | app.delete("/deletemock", (req, res) => {
92 | const { reqMethod, reqPath } = req.body;
93 |
94 | const filePath = `${storage_folder}/${reqPath}/${reqMethod}.json`;
95 |
96 | try {
97 | fs.unlinkSync(filePath);
98 | res.status(200).json({ success: "file Deleted" });
99 | } catch (err) {
100 | res.status(400).send(`Error in deleting file ${err}`);
101 | }
102 | });
103 |
104 | app.listen(port, () =>
105 | console.log(`Example app listening at http://localhost:${port}`)
106 | );
107 | };
108 | module.exports = { expressApp };
109 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jayakumarreddy/Local-Mock-Server/c4195d19f3a2a692f02da6acde2ad8d7e59b8c71/public/favicon.ico
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
14 |
18 |
19 |
28 |
125 |
166 |
126 |
165 |
127 | 
128 |
131 |
132 |
133 |
134 | {(mocks || []).length <= 0 && (
135 |
136 | No Mocks Present.
137 |
138 | )}
139 | {(mocks || []).map((mock) => {
140 | return (
141 | onMockClick(mock)}
144 | key={`${mock.reqPath}${mock.resStatus}`}
145 | >
146 | 
onDeleteClick(e, mock)}
156 | />
157 |
158 | );
159 | })}
160 |
161 |
147 |
148 | {mock.reqMethod}
149 |
150 | {mock.reqPath}
151 |
152 |
162 |
163 |
164 |
167 |
179 |
168 |
178 |