react-flag-kit
Advanced tools
Comparing version 0.2.3 to 0.3.0
103
package.json
{ | ||
"name": "react-flag-kit", | ||
"version": "0.2.3", | ||
"version": "0.3.0", | ||
"description": "FlagKit for React", | ||
"main": "lib/index.js", | ||
"main": "index.js", | ||
"module": "index.es.js", | ||
"es2015": "index.es2015.js", | ||
"files": [ | ||
"assets/**", | ||
"typings/**", | ||
"index.js", | ||
"index.es.js", | ||
"index.es2015.js" | ||
], | ||
"homepage": "https://umidbekkarimov.github.io/react-flag-kit", | ||
"repository": "https://github.com/umidbekkarimov/react-flag-kit.git", | ||
@@ -10,40 +20,59 @@ "author": "Umidbek Karimov <uma.karimov@gmail.com>", | ||
"scripts": { | ||
"all": "run-s format lint build", | ||
"start": "start-storybook -p 9001 -c .storybook", | ||
"format": "prettier \"{src,stories}/**/*.js\" --write", | ||
"lint": "eslint \"{src,stories}/**/*.js\"", | ||
"build": "run-s clear build:*", | ||
"clear": "rimraf ./es ./lib ./docs", | ||
"build:cjs": "babel src --out-dir ./lib", | ||
"build:docs": "build-storybook -c .storybook -o docs" | ||
"ci": "yarn lint && yarn tsc && yarn cover --ci --runInBand", | ||
"ci-fix": "yarn lint --fix && yarn tsc && yarn cover", | ||
"lint": "stylotron lint", | ||
"test": "jest --watch", | ||
"cover": "jest --coverage", | ||
"codecov": "codecov -f ./coverage/lcov.info", | ||
"start": "docz dev", | ||
"build": "yarn build:bundle && yarn build:typings && yarn build:docs", | ||
"build:docs": "docz build", | ||
"build:bundle": "rollup -c rollup.config.js", | ||
"build:typings": "rimraf typings && tsc --project tsconfig.typings.json" | ||
}, | ||
"peerDependencies": { | ||
"react": "^16.6.0" | ||
}, | ||
"devDependencies": { | ||
"@kadira/storybook": "2.35.3", | ||
"babel-cli": "6.24.1", | ||
"babel-core": "6.24.1", | ||
"babel-eslint": "7.2.2", | ||
"babel-plugin-transform-class-properties": "6.24.1", | ||
"babel-plugin-transform-object-rest-spread": "6.23.0", | ||
"babel-preset-es2015": "6.24.1", | ||
"babel-preset-latest": "6.24.1", | ||
"babel-preset-react": "6.24.1", | ||
"eslint": "3.19.0", | ||
"eslint-config-airbnb": "14.1.0", | ||
"eslint-plugin-import": "2.2.0", | ||
"eslint-plugin-jsx-a11y": "4.0.0", | ||
"eslint-plugin-prettier": "2.0.1", | ||
"eslint-plugin-react": "6.10.3", | ||
"lodash": "4.17.4", | ||
"material-ui": "0.17.4", | ||
"npm-run-all": "4.0.2", | ||
"prettier": "1.1.0", | ||
"react": "15.5.4", | ||
"react-dom": "15.5.4", | ||
"react-tap-event-plugin": "2.0.1", | ||
"rimraf": "2.6.1", | ||
"storybook-addon-material-ui": "0.7.7" | ||
}, | ||
"dependencies": { | ||
"prop-types": "^15.5.0" | ||
"@babel/core": "^7.0.0-0", | ||
"@babel/preset-env": "^7.3.1", | ||
"@babel/preset-react": "^7.0.0", | ||
"@babel/preset-typescript": "^7.1.0", | ||
"@dc0de/eslint-config": "^0.5.0", | ||
"@dc0de/eslint-config-base": "^0.5.0", | ||
"@dc0de/eslint-config-node": "^0.5.0", | ||
"@dc0de/eslint-config-react": "^0.5.2", | ||
"@dc0de/jest-preset": "^0.0.8", | ||
"@types/jest": "^23.3.13", | ||
"@types/react": "^16.7.20", | ||
"@typescript-eslint/eslint-plugin": "^1.1.0", | ||
"@typescript-eslint/parser": "^1.1.0", | ||
"babel-core": "^7.0.0-bridge.0", | ||
"babel-jest": "^23.6.0", | ||
"docz": "^0.13.7", | ||
"docz-theme-default": "^0.13.7", | ||
"eslint": "^5.9.0", | ||
"eslint-config-airbnb": "^17.1.0", | ||
"eslint-config-airbnb-base": "^13.1.0", | ||
"eslint-config-prettier": "^3.3.0", | ||
"eslint-import-resolver-typescript": "^1.1.0", | ||
"eslint-plugin-import": "^2.14.0", | ||
"eslint-plugin-jsx-a11y": "^6.1.1", | ||
"eslint-plugin-node": "^8.0.0", | ||
"eslint-plugin-react": "^7.11.0", | ||
"eslint-plugin-react-hooks": "^0.0.0", | ||
"import-sort": "^5.2.0", | ||
"import-sort-parser-typescript": "^5.0.0", | ||
"jest": "^23.0.0", | ||
"jest-circus": "^23.6.0", | ||
"prettier": "^1.15.0", | ||
"rimraf": "^2.6.3", | ||
"rollup": "^1.1.2", | ||
"rollup-plugin-babel": "^4.3.2", | ||
"rollup-plugin-json": "^3.1.0", | ||
"rollup-plugin-node-resolve": "^4.0.0", | ||
"rollup-plugin-size-snapshot": "^0.8.0", | ||
"stylotron": "^0.0.13", | ||
"typescript": "~3.2.1" | ||
} | ||
} |
# [FlagKit](https://github.com/madebybowtie/FlagKit) for React | ||
[](https://travis-ci.org/umidbekkarimov/react-flag-kit) | ||
[](https://www.npmjs.com/package/react-flag-kit) | ||
[](https://www.npmjs.com/package/react-flag-kit) | ||
[](https://npmjs.com/react-flag-kit) | ||
[](https://bundlephobia.com/result?p=react-flag-kit) | ||
[](https://npmjs.com/react-flag-kit) | ||
[](https://npmjs.com/react-flag-kit) | ||
[](https://travis-ci.org/umidbekkarimov/react-flag-kit) | ||
[](https://npmjs.com/react-flag-kit) | ||
### Installation | ||
With npm | ||
```bash | ||
npm i react-flag-kit --save --save-exact | ||
yarn add react-flag-kit | ||
``` | ||
With yarn | ||
```bash | ||
yarn add react-flag-kit -E | ||
``` | ||
### Usage | ||
If you want to bundle your app with flag icons: | ||
```js | ||
import { FlagIcon } from "react-flag-kit"; | ||
```javascript | ||
import FlagIcon from 'react-flag-kit/lib/FlagIcon'; | ||
export default () => <FlagIcon code="WW" size={48} /> | ||
export default () => <FlagIcon code="WW" size={48} />; | ||
``` | ||
If you want to use flag icons from CDN: | ||
More information you can find in [docs](https://umidbekkarimov.github.io/react-flag-kit). | ||
```bash | ||
import FlagIcon from 'react-flag-kit/lib/CDNFlagIcon.js'; | ||
export default () => <FlagIcon code="WW" size={48} /> | ||
``` | ||
More advanced examples you can find in [storybook](https://umidbekkarimov.github.io/react-flag-kit). | ||
### Reference | ||
@@ -50,4 +30,2 @@ | ||
### Thanks | ||
@@ -61,2 +39,2 @@ | ||
MIT | ||
MIT |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
156
1
1186456
40
274
39
1
+ Addedreact@16.14.0(transitive)
- Removedprop-types@^15.5.0