Initial commit

Author: WhatAKitty

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [ "react-native" ]
+}

.eslintrc.json

@@ -0,0 +1,25 @@
+{
+    "parser": "babel-eslint",
+    "env": {
+        "browser": true
+    },
+    "extends": "eslint:recommended",
+    "rules": {
+        "indent": [
+            "error",
+            2
+        ],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "quotes": [
+            "error",
+            "single"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ]
+    }
+}

.gitignore

@@ -0,0 +1,43 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# outpu
+dist/
+
+# MACOS
+.DS_Store

.npmignore

@@ -0,0 +1,7 @@
+.DS_Store
+logs
+*.log
+__mocks__
+dist
+node_modules
+example

.travis.yml

@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+  - '4.8.2'
+  - '6.10.2'
+  - '7.8.0'

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 WhatAKitty
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,106 @@
+# react-fetch-mock
+[![Build Status](https://travis-ci.org/WhatAKitty/react-fetch-mock.svg?branch=master)](https://travis-ci.org/WhatAKitty/react-fetch-mock)
+[![Known Vulnerabilities](https://snyk.io/test/npm/react-fetch-mock/badge.svg)](https://snyk.io/test/npm/react-fetch-mock)
+
+fetch mock for react
+
+[React-Native Version](https://github.com/WhatAKitty/react-native-fetch-mock)
+
+## Why FetchMock ?
+No fetch mock could be used easily for react.  
+So, I create one by myself.
+
+## Roadmap
+- [x] Combined with Mock.js
+- [ ] Proxy for other api server
+- [ ] Support RAP system
+
+## Usage
+
+Import lib
+1. using npm/yarn
+```
+yarn add react-fetch-mock --dev
+npm install react-fetch-mock --save-dev
+```
+
+__ mocks__/index.js
+```
+export default {
+  '/api/path': ({ method, url, params, urlparams, headers }) => {
+    const all = Mock.mock({
+      'list|2': [{
+        'id|+1': 1,
+        'name': '@first @last',
+        'age|18-54': 1,
+      }]
+    }).list;
+    return all;   // default status is 200
+  },
+  '/api/path/{id}': ({ method, url, params, urlparams, headers }) => {
+    const all = Mock.mock({
+      'list|2': [{
+        'id|+1': 1,
+        'name': '@first @last',
+        'age|18-54': 1,
+        'urlid': urlparams.id,
+      }]
+    }).list;
+    return all;
+  },
+  'POST /api/path': ({ method, url, params, urlparams, headers }) => {
+    return {
+      status: 201,
+    };
+  },
+  'PUT /api/path/${id}': ({ method, url, params, urlparams, headers }) => {
+    return {
+      status: 204,
+      id: urlparams.id,
+    };
+  },
+}
+```
+index.js
+```
+import FetchMock from 'react-fetch-mock';
+
+if (__dev__) {
+  // attention: mocks file should be under `src/`
+  global.fetch = new FetchMock(require('path/to/mocks/directory')).fetch;
+}
+
+// if __dev__ is true, it will back the data you defined in mock directory
+fetch('/api/path', options);
+fetch('/api/path', {
+  method: 'POST',
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  body: JSON.stringify({
+    name: 'John',
+  }),
+});
+fetch('/api/path/123', {
+  method: 'PUT',
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  body: JSON.stringify({
+    name: 'John2',
+  }),
+});
+```
+
+## Example Runing
+
+```
+git clone git@github.com:WhatAKitty/react-fetch-mock.git
+cd react-fetch-mock/example/basic
+yarn install
+yarn start
+```
+
+## LICENSE
+
+MIT

__mocks__/index.js

@@ -0,0 +1,95 @@
+import { Mock } from '../';
+
+export default {
+  '/api/users': ({ params }) => {
+    const all = [
+      {
+        name: 'John',
+        age: 15,
+      },
+      {
+        name: 'Lily',
+        age: 16,
+      }
+    ];
+    let filtered;
+    if ('undefined' !== typeof params) {
+      filtered = all.filter(item => {
+        let result = true;
+        const keys = Object.keys(params);
+        keys.forEach(key => {
+          const param = params[key];
+
+          if (item[key] && item[key] !== param) {
+            result = false;
+          }
+        });
+
+        return result;
+      });
+    } else {
+      filtered = all;
+    }
+    return {
+      status: 200,
+      data: filtered,
+    };
+  },
+  '/api/users/mockjs': ({ params }) => {
+    const all = Mock.mock({
+      'list|2': [{
+        'id|+1': 1,
+        'name': '@first @last',
+        'age|18-54': 1,
+      }]
+    }).list;
+    let filtered;
+    if ('undefined' !== typeof params) {
+      filtered = all.filter(item => {
+        let result = true;
+        const keys = Object.keys(params);
+        keys.forEach(key => {
+          const param = params[key];
+
+          if (item[key] && item[key] !== param) {
+            result = false;
+          }
+        });
+
+        return result;
+      });
+    } else {
+      filtered = all;
+    }
+    return {
+      status: 200,
+      data: filtered,
+    };
+  },
+  '/api/users/{userId}': ({ urlparams }) => {
+    return {
+      status: 200,
+      data: {
+        userId: urlparams.userId,
+      },
+    };
+  },
+  '/api/users/pru/{userId}': ({ urlparams }) => {
+    return {
+      userId: urlparams.userId,
+    };
+  },
+  'POST /api/users': () => {
+    return {
+      status: 201,
+    };
+  },
+  'PUT /api/users/{userId}': ({ urlparams }) => {
+    return {
+      status: 204,
+      data: {
+        userId: urlparams.userId,
+      },
+    };
+  }
+}

example/basic/.gitignore

@@ -0,0 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

example/basic/README.md

@@ -0,0 +1,6 @@
+### Usage
+
+```
+yarn install
+yarn start
+```

example/basic/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "basic",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "react-fetch-mock": "file:../../",
+    "react-scripts": "1.0.17"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}