appirio-tech-react-components-test10
Version:
Topcoder UI Kit library of components for our React apps.
128 lines (127 loc) • 11.3 kB
JSON
{
"name": "appirio-tech-react-components-test10",
"version": "0.0.1",
"description": "Topcoder UI Kit library of components for our React apps.",
"keywords": "Topcoder, UI Kit, React components, Connect",
"homepage": "https://github.com/appirio-tech/react-components/tree/feature/connectv2",
"bugs": {
"url": "https://github.com/appirio-tech/react-components/issues",
"email": "devops@topcoder.com"
},
"_args": [
[
{
"hosted": {
"directUrl": "https://raw.githubusercontent.com/appirio-tech/react-components/feature%2Fconnectv2/package.json",
"gitUrl": "git://github.com/appirio-tech/react-components.git#feature/connectv2",
"httpsUrl": "git+https://github.com/appirio-tech/react-components.git#feature/connectv2",
"shortcut": "github:appirio-tech/react-components#feature/connectv2",
"ssh": "git@github.com:appirio-tech/react-components.git#feature/connectv2",
"sshUrl": "git+ssh://git@github.com/appirio-tech/react-components.git#feature/connectv2",
"type": "github"
},
"name": null,
"raw": "github:appirio-tech/react-components#feature/connectv2",
"rawSpec": "github:appirio-tech/react-components#feature/connectv2",
"scope": null,
"spec": "github:appirio-tech/react-components#feature/connectv2",
"type": "hosted"
},
"/Users/sky/Desktop/tc/tc-connect/react_part_4/connect-app"
]
],
"_from": "appirio-tech/react-components#feature/connectv2",
"_id": "appirio-tech-react-components@0.0.0",
"_inCache": true,
"_installable": true,
"_location": "/appirio-tech-react-components",
"_phantomChildren": {},
"_requested": {
"hosted": {
"directUrl": "https://raw.githubusercontent.com/appirio-tech/react-components/feature%2Fconnectv2/package.json",
"gitUrl": "git://github.com/appirio-tech/react-components.git#feature/connectv2",
"httpsUrl": "git+https://github.com/appirio-tech/react-components.git#feature/connectv2",
"shortcut": "github:appirio-tech/react-components#feature/connectv2",
"ssh": "git@github.com:appirio-tech/react-components.git#feature/connectv2",
"sshUrl": "git+ssh://git@github.com/appirio-tech/react-components.git#feature/connectv2",
"type": "github"
},
"name": null,
"raw": "github:appirio-tech/react-components#feature/connectv2",
"rawSpec": "github:appirio-tech/react-components#feature/connectv2",
"scope": null,
"spec": "github:appirio-tech/react-components#feature/connectv2",
"type": "hosted"
},
"_requiredBy": [
"/"
],
"_resolved": "git://github.com/appirio-tech/react-components.git#84d9030a427a5520eb660efb4ecb98d654b80efa",
"_shasum": "693c51d5b999f914a4a4254d0891e8e1b16cbe1d",
"_shrinkwrap": null,
"_spec": "github:appirio-tech/react-components#feature/connectv2",
"_where": "/Users/sky/Desktop/tc/tc-connect/react_part_4/connect-app",
"dependencies": {
"appirio-tech-api-schemas": "^5.0.69",
"appirio-tech-client-app-layer": "^0.1.3",
"classnames": "^2.2.3",
"coffee-script": "^1.12.7",
"coffeescript": "^1.12.7",
"filestack-js": "^1.13.2",
"formsy-react": "^0.19.5",
"isomorphic-fetch": "^2.2.1",
"libphonenumber-js": "^1.4.6",
"lodash": "^4.0.0",
"material-ui": "^0.20.2",
"moment": "^2.11.2",
"prop-types": "^15.7.2",
"rc-slider": "8.6.4",
"react": "^15.3.1",
"react-addons-pure-render-mixin": "^15.3.1",
"react-addons-update": "^15.3.1",
"react-avatar": "^2.2.0",
"react-datetime": "^2.0.2",
"react-dom": "^15.3.1",
"react-dropzone": "^3.5.3",
"react-popper": "^0.7.5",
"react-portal": "^4.2.0",
"react-redux": "^4.4.5",
"react-router-dom": "^4.2.2",
"react-select": "^0.9.1",
"react-switch-button": "^1.1.2",
"react-textarea-autosize": "^5.2.1",
"react-transition-group": "^2.2.1",
"redux-thunk": "^2.1.0",
"tc-ui": "git+https://github.com/appirio-tech/tc-ui.git#feature/connectv2",
"uncontrollable": "^4.0.1"
},
"devDependencies": {
"appirio-tech-webpack-config": "github:appirio-tech/webpack-config#feature/connectv2",
"babel-core": "^6.6.5",
"chai": "^3.5.0",
"cheerio": "^0.20.0",
"cross-env": "^1.0.7",
"eslint": "^2.3.0",
"eslint-plugin-react": "^4.2.0",
"history": "^1.17.0",
"ignore-styles": "^1.2.0",
"mocha": "^2.4.5",
"npm-prepublish": "^1.2.1"
},
"gitHead": "84d9030a427a5520eb660efb4ecb98d654b80efa",
"main": "./exports.coffee",
"optionalDependencies": {},
"readme": "[](https://badge.fury.io/js/appirio-tech-react-components) [](https://travis-ci.org/appirio-tech/react-components)\n\n# React Components\n\nThis repository is used to distribute reusable React components.\n\n## Installation\n\nWe use node 8.x and npm 6.x, so you may need to download a new version of node. The easiest way is to download [nvm](https://github.com/creationix/nvm). We have a `.nvmrc` file in the root of the project, so you can just run `nvm use` to switch to the correct version of node.\n\nInstall dependencies by running the following in the root of the project:\n - `npm i`\n - **Note:** You must use npm 6. Type `npm -v` to ensure you have a 6.x version.\n\n## NPM Commands\n- To run locally, run `npm run dev` and head to `localhost:8080`\n- To run the test runner: `npm test`\n- To make sure your code passes linting: `npm run lint`\n- To create the build: `npm run build`\n\n## Contributing\n\n### Pull Requests\n\nTo contribute to the repository, please create a feature branch off of the dev branch. Once you're finished working on the feature, make a pull request to merge it into dev. Please make sure that every pull request has passed the build checks, which appear just before the \"Merge pull request\" button in github.\n\n### Code Style\n\n***Checkout the code and comments in `/components/ExampleComponent` for an example functional React component, `.scss` file, and tests.***\n\nReact\n - Most components should be stateless and use the [functional component](https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html#stateless-functional-components) pattern\n - If you need a stateful component, use [ES6 classes](http://facebook.github.io/react/docs/reusable-components.html#es6-classes)\n - Always use [PropTypes](http://facebook.github.io/react/docs/reusable-components.html#prop-validation) for all props\n - Use `classnames` for dynamic classes. See `ExampleComponent` for an example.\n\nJavaScript\n - Make sure your variable names are easy to understand and descriptive. No acronyms, except for common ones like `i` or `err`.\n - Use `lodash` and functional JavaScript if it makes the code clearer.\n - Please use ES2015 syntax whenever possible\n - Specific rules are enforced via `.eslintrc.json`\n - Run `npm run lint` to check your code against the linter\n\nSCSS Files\n - This repository uses flexbox for arranging content\n - The use of any extra CSS libraries should be discussed with the team\n - Use SCSS syntax, but do not overly nest\n - Use 2 spaces for indentation\n - Use variables, mixins, and classes as much as possible from our [style guide](https://github.com/appirio-tech/styles/tree/master/styles/topcoder)\n - To include variables from the style guide mentioned above, place `@import 'topcoder/tc-includes;'` at the top of your `.scss` file. Locally, you can look in `./node_modules/appirio-styles/styles/topcoder/_tc-colors.scss` to find many colors already defined (e.g. `#A3A3AE` => `$accent-gray`)\n - When adding media queries, nest them inside the element, rather than creating a new section\n ```\n @import 'topcoder/tc-includes;'\n\n $my-local-var: 50px;\n\n .box {\n height: $my-local-var;\n width: 50px;\n color: $medium-gray;\n @media screen and (min-width: 768px) {\n height: 100px;\n width: 100px;\n color: $dark-gray;\n }\n\n .inside-box {\n font-size: 14px;\n @media screen and (min-width: 768px) {\n font-size: 18px;\n }\n }\n }\n ```\n\n### Writing Tests\n- `npm test` will run the current tests\n- Place your test files in the same directory as the component it's testing\n- Test files should be named `ComponentName.spec.js`\n\n## Recommended Developer Tools\n\n### Syntax highlighting for ES6 and React JSX\n- Install [babel](https://packagecontrol.io/packages/Babel) via the package manager in Sublime Text\n - **Note:** Sublime Text 3 is required for this plugin\n- Set the plugin as the default syntax for a particular extension\n - Open a file with the `.js` extension\n - Select `View` from the menu\n - Then `Syntax -> Open all with current extension as...`\n - Then `Babel -> JavaScript (Babel)`\n - Repeat for any other extensions, e.g. `.jsx`\n\n### Recommended Theme\n- Install [Oceanic Next Color Theme](https://github.com/voronianski/oceanic-next-color-scheme) via the Sublime Text package manager.\n- Add the following to `Sublime Text -> Preferences -> Settings-User` (`⌘ + ,` on Mac)\n```\n{\n \"color_scheme\": \"Packages/Oceanic Next Color Scheme/Oceanic Next.tmTheme\",\n \"theme\": \"Oceanic Next.sublime-theme\"\n}\n```\n\n### Automatic JavaScript linting in Sublime Text\n- Install [SublimeLinter](http://sublimelinter.readthedocs.org/en/latest/installation.html) following the instructions under \"Installing via Package Control\"\n- Install [SublimeLinter-eslint](https://github.com/roadhump/SublimeLinter-eslint) with the package manager. The package is called `SublimeLinter-contrib-eslint`\n\n### Code expander\n- Examples:\n - `div.cool-class` becomes `<div className=\"cool-class\"></div>`\n - `a` becomes `<a href=\"\"></a>`\n- Install [Emmet](https://github.com/sergeche/emmet-sublime) via Sublime Text package manager\n- Configure Emmet to work with React, e.g. classes expand to `className` instead of `class`\n- Follow the instructions under [Get Emmet working](http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)\n - **Note:** Add the last snippet of code to `reg_replace.sublime-settings` by navigating to `Sublime Text -> Preferences -> Package Settings -> Reg Replace -> Settings-User`\n\n## Using the react-components repository in your app\n\n## Install\n\n```\nnpm install appirio-tech-react-components\n```\n",
"readmeFilename": "README.md",
"scripts": {
"build": "webpack --config webpack.config.js; cp example/index.html dist/",
"build-navbar": "webpack $BUILD --tc --config navbar.webpack.config.coffee;",
"clean": "rm -r dist",
"dev": "webpack-dev-server -d --history-api-fallback --progress --inline --colors --dev --tc",
"example": "webpack-dev-server -d --history-api-fallback --progress --inline --colors",
"lint": "eslint --format table --ext .js,.jsx .",
"lint:fix": "eslint --fix --format table --ext .js,.jsx .",
"test": "cross-env NODE_ENV=test mocha --reporter progress --compilers js:babel-core/register --require ignore-styles --recursive \"./components/**/*.spec.js\"",
"test:watch": "npm run test -- --watch"
}
}