Refactored types, Faker Response added, pass param/query

Author: gigantz

.eslintrc

@@ -11,7 +11,10 @@
  "react/forbid-prop-types": 0,
  "jsx-a11y/alt-text": 0,
  "import/prefer-default-export": 0,
- "import/no-extraneous-dependencies": 0
+ "import/no-extraneous-dependencies": 0,
+ "no-param-reassign": 0,
+ "no-restricted-syntax": 0,
+ "guard-for-in": 0
  },
  "ignorePatterns": "/dist"
 }

package-lock.json

@@ -11,7 +11,12 @@
  "build": "NODE_ENV=production rollup -c rollup.config.js",
  "prepublishOnly": "npm run build"
  },
- "keywords": [ "reactend", "express", "react", "http-server"],
+ "keywords": [
+ "reactend",
+ "express",
+ "react",
+ "http-server"
+ ],
  "author": "Orkhan Jafarov",
  "license": "ISC",
  "husky": {
@@ -31,9 +36,10 @@
  "compression": "^1.7.4",
  "cookie-parser": "^1.4.5",
  "express": "^4.17.1",
+ "faker": "^5.4.0",
  "morgan": "^1.10.0",
- "react-reconciler": "^0.26.1",
- "prop-types": "^15.7.2"
+ "prop-types": "^15.7.2",
+ "react-reconciler": "^0.26.1"
  },
  "peerDependencies": {
  "react": "^17.0.1",

package.json

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export const App = ({ children, port }) => <app port={port}>{children}</app>;
+export const App = ({ children, port }) => <app$ port={port}>{children}</app$>;
 
 App.propTypes = {
  port: PropTypes.number,

src/components/App.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { transformFakerMap } from '../utils/fakerUtil';
+import { Middleware } from './Middleware';
+import { passValues } from '../utils/propsUtil';
+
+export const Faker = ({ map, length, locale }) => (
+ <Middleware
+ handler={(req, res) => {
+ let json;
+ const params = passValues(req, { length, locale });
+
+ if (length) {
+ json = Array.from({ length: +(params.length || 5) }, () =>
+ transformFakerMap(map, params.locale || 'en')
+ );
+ } else {
+ json = transformFakerMap(map, params.locale);
+ }
+
+ res.send(json);
+ }}
+ />
+);
+
+Faker.propTypes = {
+ map: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
+ length: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+ locale: PropTypes.oneOfType([
+ PropTypes.string,
+ PropTypes.oneOf([
+ 'az',
+ 'cz',
+ 'de',
+ 'de_AT',
+ 'de_CH',
+ 'en',
+ 'en_AU',
+ 'en_AU_ocker',
+ 'en_BORK',
+ 'en_CA',
+ 'en_GB',
+ 'en_IE',
+ 'en_IND',
+ 'en_US',
+ 'en_ZA',
+ 'es',
+ 'es_MX',
+ 'fa',
+ 'fi',
+ 'fr',
+ 'fr_CA',
+ 'fr_CH',
+ 'ge',
+ 'hy',
+ 'hr',
+ 'id_ID',
+ 'it',
+ 'ja',
+ 'ko',
+ 'nb_NO',
+ 'ne',
+ 'nl',
+ 'nl_BE',
+ 'pl',
+ 'pt_BR',
+ 'pt_PT',
+ 'ro',
+ 'ru',
+ 'sk',
+ 'sv',
+ 'tr',
+ 'uk',
+ 'vi',
+ 'zh_CN',
+ 'zh_TW',
+ ]),
+ ]),
+};

src/components/Faker.js

@@ -2,13 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 /**
- *
  * @param {{
  * mode: 'skip' | 'stream' | 'combined' | 'common' | 'dev' | 'short' | 'tiny'
  * disabled: Boolean
  * }} props
  */
-export const Logger = ({ mode, disabled }) => <logger mode={mode} disabled={disabled} />;
+export const Logger = ({ mode, disabled }) => <logger$ mode={mode} disabled={disabled} />;
 Logger.propTypes = {
  mode: PropTypes.oneOf(['skip', 'stream', 'combined', 'common', 'dev', 'short', 'tiny'])
  .isRequired,

src/components/Logger.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export const Middleware = ({ handler }) => <middleware handler={handler} />;
+export const Middleware = ({ handler }) => <middleware$ handler={handler} />;
 Middleware.propTypes = {
  handler: PropTypes.func.isRequired,
 };