Repository: react-toolbox/react-toolbox-example Branch: master Commit: c0a7fe0255d7 Files: 15 Total size: 18.1 KB Directory structure: gitextract_6ddz75ud/ ├── .eslintignore ├── .eslintrc ├── .gitignore ├── README.md ├── package.json ├── postcss.config.js ├── src/ │ ├── frontend/ │ │ ├── component/ │ │ │ ├── App.js │ │ │ ├── Logo.js │ │ │ ├── PurpleAppBar.css │ │ │ ├── PurpleAppBar.js │ │ │ ├── SuccessButton.css │ │ │ └── SuccessButton.js │ │ └── index.js │ └── www/ │ └── index.html └── webpack.config.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .eslintignore ================================================ **/node_modules/ **/build/ lib ================================================ FILE: .eslintrc ================================================ { "env": { "browser": true, "node": true, "mocha": true, "es6": true }, "ecmaFeatures": { "jsx": true, "templateStrings": true, "superInFunctions": false, "classes": true, "modules": true }, "parser": "babel-eslint", "plugins": [ "babel", "react" ], "rules": { "block-scoped-var": [0], "brace-style": [2, "1tbs", { "allowSingleLine": true }], "camelcase": [0], "comma-dangle": [2, "never"], "comma-spacing": [2], "comma-style": [2, "last"], "complexity": [0, 11], "constructor-super": [2], "consistent-return": [0], "consistent-this": [0, "that"], "curly": [2, "multi-line"], "default-case": [2], "dot-notation": [2, { "allowKeywords": true }], "eol-last": [2], "eqeqeq": [2], "func-names": [0], "func-style": [0, "declaration"], "generator-star-spacing": [2, "after"], "guard-for-in": [0], "handle-callback-err": [0], "key-spacing": [2, { "beforeColon": false, "afterColon": true }], "quotes": [2, "single", "avoid-escape"], "max-depth": [0, 4], "max-len": [0, 80, 4], "max-nested-callbacks": [0, 2], "max-params": [0, 3], "max-statements": [0, 10], "new-parens": [2], "new-cap": [0], "newline-after-var": [0], "no-alert": [2], "no-array-constructor": [2], "no-bitwise": [0], "no-caller": [2], "no-catch-shadow": [2], "no-cond-assign": [2], "no-console": [0], "no-constant-condition": [1], "no-continue": [2], "no-control-regex": [2], "no-debugger": [2], "no-delete-var": [2], "no-div-regex": [0], "no-dupe-args": [2], "no-dupe-keys": [2], "no-duplicate-case": [2], "no-else-return": [0], "no-empty": [2], "no-empty-character-class": [2], "no-eq-null": [0], "no-eval": [2], "no-ex-assign": [2], "no-extend-native": [1], "no-extra-bind": [2], "no-extra-boolean-cast": [2], "no-extra-parens": [0], "no-extra-semi": [1], "no-fallthrough": [2], "no-floating-decimal": [2], "no-func-assign": [2], "no-implied-eval": [2], "no-inline-comments": [0], "no-inner-declarations": [2, "functions"], "no-invalid-regexp": [2], "no-irregular-whitespace": [2], "no-iterator": [2], "no-label-var": [2], "no-labels": [2], "no-lone-blocks": [2], "no-lonely-if": [2], "no-loop-func": [2], "no-mixed-requires": [0, false], "no-mixed-spaces-and-tabs": [2, false], "no-multi-spaces": [2], "no-multi-str": [2], "no-multiple-empty-lines": [2, { "max": 2 }], "no-native-reassign": [1], "no-negated-in-lhs": [2], "no-nested-ternary": [0], "no-new": [2], "no-new-func": [2], "no-new-object": [2], "no-new-require": [0], "no-new-wrappers": [2], "no-obj-calls": [2], "no-octal": [2], "no-octal-escape": [2], "no-path-concat": [0], "no-param-reassign": [2], "no-plusplus": [0], "no-process-env": [0], "no-process-exit": [2], "no-proto": [2], "no-redeclare": [2], "no-regex-spaces": [2], "no-reserved-keys": [0], "no-restricted-modules": [0], "no-return-assign": [2], "no-script-url": [2], "no-self-compare": [0], "no-sequences": [2], "no-shadow": [2], "no-shadow-restricted-names": [2], "semi-spacing": [2], "no-spaced-func": [2], "no-sparse-arrays": [2], "no-sync": [0], "no-ternary": [0], "no-this-before-super": [2], "no-throw-literal": [2], "no-trailing-spaces": [2], "no-undef": [2], "no-undef-init": [2], "no-undefined": [0], "no-underscore-dangle": [0], "no-unreachable": [2], "no-unused-expressions": [2, { "allowShortCircuit": true }], "no-unused-vars": [1, { "vars": "all", "args": "after-used" }], "no-use-before-define": [2, "nofunc"], "no-var": [2], "no-void": [0], "no-warning-comments": [0, { "terms": ["todo", "fixme", "xxx"], "location": "start" }], "no-with": [2], "one-var": [0], "operator-assignment": [0, "always"], "operator-linebreak": [2, "before"], "padded-blocks": [0], "prefer-const": [2], "prefer-spread": [2], "quote-props": [0], "radix": [0], "semi": [2], "sort-vars": [0], "keyword-spacing": [2, {"after": true}], "space-before-function-paren": [2, { "anonymous": "always", "named": "always" }], "space-before-blocks": [0, "always"], "space-in-brackets": [0, "never", { "singleValue": true, "arraysInArrays": false, "arraysInObjects": false, "objectsInArrays": true, "objectsInObjects": true, "propertyName": false }], "space-in-parens": [2, "never"], "space-infix-ops": [2], "space-unary-ops": [2, { "words": true, "nonwords": false }], "spaced-line-comment": [0, "always"], "strict": [1], "use-isnan": [2], "valid-jsdoc": [0], "valid-typeof": [2], "vars-on-top": [0], "wrap-iife": [2], "wrap-regex": [2], "yoda": [2, "never", { "exceptRange": true }], "babel/object-shorthand": [2], "react/display-name": 0, "react/jsx-boolean-value": 1, "react/jsx-closing-bracket-location": 0, "react/jsx-curly-spacing": 1, "react/jsx-max-props-per-line": 0, "react/jsx-indent-props": 0, "react/jsx-no-duplicate-props": 1, "react/jsx-no-undef": 1, "react/jsx-pascal-case": 1, "react/sort-prop-types": 1, "react/jsx-sort-props": 0, "react/jsx-uses-react": 1, "react/jsx-uses-vars": 1, "react/no-danger": 0, "react/no-did-mount-set-state": 0, "react/no-did-update-set-state": 1, "react/no-multi-comp": 0, "react/no-unknown-property": 1, "react/prop-types": [2, {"ignore": ["onMouseDown", "onTouchStart"]}], "react/react-in-jsx-scope": 1, "react/require-extension": 1, "react/self-closing-comp": 1, "react/sort-comp": 1, "react/wrap-multilines": 1 } } ================================================ FILE: .gitignore ================================================ node_modules npm-debug.log build ================================================ FILE: README.md ================================================ # react-toolbox-example ### Getting Started 1. Clone this repository 2. Run `npm install && npm start` 3. Visit `0.0.0.0:8080` in your browser ================================================ FILE: package.json ================================================ { "name": "react-toolbox-example", "description": "A set of complementary tools to ReactJS.", "version": "0.12.0", "author": { "name": "React Toolbox Team", "url": "http://github.com/react-toolbox" }, "contributors": [ { "name": "Javi Jimenez Villar", "email": "javi.jimenez.villar@gmail.com", "url": "http://soyjavi.com/" }, { "name": "Javi Velasco Arjona", "email": "javier.velasco86@gmail.com", "url": "http://javivelasco.com/" }, { "name": "Oleg Stepura", "email": "oleg[at]stepura.com", "url": "http://oleg.stepura.com/" } ], "repository": { "type": "git", "url": "git+https://github.com/react-toolbox/react-toolbox-example.git" }, "bugs": { "url": "https://github.com/react-toolbox/react-toolbox/issues", "email": "issues@react-toolbox.com" }, "keywords": [ "components", "material design", "react", "react-component", "toolbox" ], "engines": { "node": ">=4.3.0", "npm": ">=4.0.1" }, "dependencies": { "react": "^15.4.2", "react-dom": "^15.4.2", "react-toolbox": "^2.0.0-beta.5", "react-addons-css-transition-group": "^15.4.2" }, "devDependencies": { "autoprefixer": "^6.6.1", "babel-core": "^6.21.0", "babel-eslint": "~7.1.1", "babel-loader": "^6.2.10", "babel-plugin-transform-node-env-inline": "^6.8.0", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-2": "^6.18.0", "cross-env": "^3.1.4", "css-loader": "^0.26.1", "eslint": "~3.14.0", "eslint-plugin-babel": "~4.0.1", "eslint-plugin-react": "^6.9.0", "postcss-cssnext": "^2.9.0", "postcss-each": "^0.9.3", "postcss-import": "^9.1.0", "postcss-loader": "^1.2.2", "postcss-mixins": "^5.4.1", "react-hot-loader": "^3.0.0-beta.6", "redux-devtools-extension": "^1.0.0", "style-loader": "^0.13.1", "webpack": "^2.2.0", "webpack-dev-server": "^2.2.0" }, "scripts": { "start": "node_modules/.bin/cross-env NODE_ENV=development node_modules/.bin/webpack-dev-server --colors --config webpack.config.js", "build": "node_modules/.bin/cross-env NODE_ENV=production UV_THREADPOOL_SIZE=100 webpack --config webpack.config.js", "deploy": "gh-pages -d build" }, "license": "MIT", "homepage": "https://github.com/react-toolbox/react-toolbox-example#readme" } ================================================ FILE: postcss.config.js ================================================ module.exports = { plugins: { 'postcss-import': { root: __dirname, }, 'postcss-mixins': {}, 'postcss-each': {}, 'postcss-cssnext': {} }, }; ================================================ FILE: src/frontend/component/App.js ================================================ import React from 'react'; import PurpleAppBar from './PurpleAppBar.js'; // AppBar with simple overrides import SuccessButton from './SuccessButton.js'; // A button with complex overrides import { Button } from 'react-toolbox/lib/button'; // Bundled component import const App = () => (
); export default App; ================================================ FILE: src/frontend/component/Logo.js ================================================ import React from 'react'; const Logo = (props) => ( ); export default Logo; ================================================ FILE: src/frontend/component/PurpleAppBar.css ================================================ .appBar { background-color: #800080; } .appBar svg { width: 3.4rem; height: 3.4rem; margin-right: 1rem; fill: #fff; } ================================================ FILE: src/frontend/component/PurpleAppBar.js ================================================ import React, { PropTypes } from 'react'; import { AppBar } from 'react-toolbox/lib/app_bar'; import Logo from './Logo.js'; import theme from './PurpleAppBar.css'; const PurpleAppBar = ({ children, ...other }) => ( App Example {children} ); PurpleAppBar.propTypes = { children: PropTypes.node }; export default PurpleAppBar; ================================================ FILE: src/frontend/component/SuccessButton.css ================================================ @import "react-toolbox/lib/button/theme.css"; .button { background-color: var(--palette-green-700) !important; } ================================================ FILE: src/frontend/component/SuccessButton.js ================================================ import React from 'react'; import { Button } from 'react-toolbox/lib/button'; import theme from './SuccessButton.css'; const SuccessButton = (props) =>