mirror of
https://github.com/status-im/sourcecred.git
synced 2025-02-17 06:56:36 +00:00
5744d3c860
Summary: Closes #17; see discussion there. This commit uses the `babel-plugin-flow-react-proptypes` package to automatically create PropType definitions from components that are typed with Flow. It simultaneously updates all of our existing components to be typed with Flow. As a result, we have both static and dynamic type checking. Test Plan: Note that `yarn test` and `yarn flow` report no errors, and that there are no prop validation errors at runtime with `yarn start`. Then, apply the following patch: ```diff diff --git a/explorer/src/UserExplorer.js b/explorer/src/UserExplorer.js index bb574cd..636a10d 100644 --- a/explorer/src/UserExplorer.js +++ b/explorer/src/UserExplorer.js @@ -18,7 +18,7 @@ export class UserExplorer extends Component<{ .sort((a,b) => b[1] - a[1]); const entries = sortedUserWeightTuples.map(authorWeight => { const [author, weight] = authorWeight; - return <UserEntry userId={author} weight={weight} key={author}/> + return <UserEntry userId={55} weight={weight} key={author}/> }); return <div className="user-explorer"> <h3> User Explorer </h3> ``` Note that `yarn test` fails (the `App.test.js` E2E rendering test), `yarn flow` fails, and there is a runtime prop validation error. wchargin-branch: autogenerate-proptypes
102 lines
2.6 KiB
JSON
102 lines
2.6 KiB
JSON
{
|
|
"name": "sourcecred-explorer",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"dependencies": {
|
|
"autoprefixer": "7.1.6",
|
|
"babel-core": "6.26.0",
|
|
"babel-eslint": "7.2.3",
|
|
"babel-jest": "20.0.3",
|
|
"babel-loader": "7.1.2",
|
|
"babel-preset-react-app": "^3.1.1",
|
|
"babel-runtime": "6.26.0",
|
|
"case-sensitive-paths-webpack-plugin": "2.1.1",
|
|
"chalk": "1.1.3",
|
|
"css-loader": "0.28.7",
|
|
"dotenv": "4.0.0",
|
|
"dotenv-expand": "4.0.1",
|
|
"eslint": "4.10.0",
|
|
"eslint-config-react-app": "^2.1.0",
|
|
"eslint-loader": "1.9.0",
|
|
"eslint-plugin-flowtype": "2.39.1",
|
|
"eslint-plugin-import": "2.8.0",
|
|
"eslint-plugin-jsx-a11y": "5.1.1",
|
|
"eslint-plugin-react": "7.4.0",
|
|
"extract-text-webpack-plugin": "3.0.2",
|
|
"file-loader": "1.1.5",
|
|
"flow-bin": "^0.65.0",
|
|
"fs-extra": "3.0.1",
|
|
"html-webpack-plugin": "2.29.0",
|
|
"jest": "20.0.4",
|
|
"object-assign": "4.1.1",
|
|
"postcss-flexbugs-fixes": "3.2.0",
|
|
"postcss-loader": "2.0.8",
|
|
"promise": "8.0.1",
|
|
"raf": "3.4.0",
|
|
"react": "^16.2.0",
|
|
"react-dev-utils": "^5.0.0",
|
|
"react-dom": "^16.2.0",
|
|
"style-loader": "0.19.0",
|
|
"sw-precache-webpack-plugin": "0.11.4",
|
|
"url-loader": "0.6.2",
|
|
"webpack": "3.8.1",
|
|
"webpack-dev-server": "2.9.4",
|
|
"webpack-manifest-plugin": "1.3.2",
|
|
"whatwg-fetch": "2.0.3"
|
|
},
|
|
"scripts": {
|
|
"start": "node scripts/start.js",
|
|
"build": "node scripts/build.js",
|
|
"test": "node scripts/test.js --env=jsdom",
|
|
"flow": "flow"
|
|
},
|
|
"jest": {
|
|
"collectCoverageFrom": [
|
|
"src/**/*.{js,jsx,mjs}"
|
|
],
|
|
"setupFiles": [
|
|
"<rootDir>/config/polyfills.js"
|
|
],
|
|
"testMatch": [
|
|
"<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
|
|
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
|
|
],
|
|
"testEnvironment": "node",
|
|
"testURL": "http://localhost",
|
|
"transform": {
|
|
"^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
|
|
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
|
|
"^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
|
|
},
|
|
"transformIgnorePatterns": [
|
|
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
|
|
],
|
|
"moduleNameMapper": {
|
|
"^react-native$": "react-native-web"
|
|
},
|
|
"moduleFileExtensions": [
|
|
"web.js",
|
|
"mjs",
|
|
"js",
|
|
"json",
|
|
"web.jsx",
|
|
"jsx",
|
|
"node"
|
|
]
|
|
},
|
|
"babel": {
|
|
"plugins": [
|
|
"flow-react-proptypes"
|
|
],
|
|
"presets": [
|
|
"react-app"
|
|
]
|
|
},
|
|
"eslintConfig": {
|
|
"extends": "react-app"
|
|
},
|
|
"devDependencies": {
|
|
"babel-plugin-flow-react-proptypes": "^17.1.2"
|
|
}
|
|
}
|