react-qr-code
Advanced tools
Comparing version 0.0.1-rc.6 to 0.0.1-rc.7
{ | ||
"name": "react-qr-code", | ||
"version": "0.0.1-rc.6", | ||
"version": "0.0.1-rc.7", | ||
"description": "A <QRCode /> component for React.", | ||
@@ -13,9 +13,13 @@ "keywords": [ | ||
"name": "Rostyslav Khanas", | ||
"url": "https://github.com/rtkhanas" | ||
"email": "rk@try.cards" | ||
}, | ||
"scripts": { | ||
"rn-watch": "babel ./src --out-dir=./example_rn/lib --watch", | ||
"rn-storybook": "cd example_rn && npm run storybook", | ||
"rn-run-ios": "cd example_rn && react-native run-ios", | ||
"clean": "rimraf lib", | ||
"lint": "eslint src", | ||
"build": "npm run lint && npm run clean && babel src --out-dir lib", | ||
"start": "cd examples/main && webpack-dev-server --inline --hot" | ||
"storybook": "start-storybook -p 6006", | ||
"build-storybook": "build-storybook" | ||
}, | ||
@@ -36,22 +40,25 @@ "license": "MIT", | ||
"peerDependencies": { | ||
"react": "^15.0.0" | ||
"react": "^15.0.0", | ||
"react-art": "^0.15.1" | ||
}, | ||
"devDependencies": { | ||
"babel": "^6.3.26", | ||
"babel-cli": "^6.14.0", | ||
"babel-core": "^6.14.0", | ||
"babel-eslint": "^6.1.2", | ||
"babel-cli": "^6.16.0", | ||
"babel-core": "^6.16.0", | ||
"babel-eslint": "^7.0.0", | ||
"babel-loader": "^6.2.5", | ||
"babel-plugin-transform-object-rest-spread": "^6.8.0", | ||
"babel-preset-es2015": "^6.14.0", | ||
"babel-preset-react": "^6.11.1", | ||
"eslint": "^3.4.0", | ||
"eslint-config-airbnb": "^10.0.1", | ||
"eslint-plugin-import": "^1.14.0", | ||
"eslint-plugin-jsx-a11y": "^2.2.1", | ||
"eslint-plugin-react": "^6.2.0", | ||
"babel-plugin-transform-object-rest-spread": "^6.16.0", | ||
"babel-preset-es2015": "^6.16.0", | ||
"babel-preset-es2015-allow-top-level-this": "0.0.1", | ||
"babel-preset-react": "^6.16.0", | ||
"eslint": "^3.6.1", | ||
"eslint-config-airbnb": "^12.0.0", | ||
"eslint-plugin-import": "^2.0.0", | ||
"eslint-plugin-jsx-a11y": "^2.2.2", | ||
"eslint-plugin-react": "^6.3.0", | ||
"rimraf": "^2.5.4", | ||
"webpack": "^1.13.2", | ||
"webpack-dev-server": "^1.15.1" | ||
"webpack-dev-server": "^1.16.1", | ||
"@kadira/storybook": "^2.21.0" | ||
} | ||
} |
@@ -6,4 +6,5 @@ # react-qr-code | ||
[![devDependency Status](https://david-dm.org/opensource-cards/react-qr-code/dev-status.svg)](https://david-dm.org/opensource-cards/react-qr-code#info=devDependencies) | ||
[![peerDependency Status](https://david-dm.org/opensource-cards/react-qr-code/peer-status.svg)](https://david-dm.org/opensource-cards/react-qr-code#info=peerDependencies) | ||
A <QRCode /> component for React. This library suppose to work with React and React Native (wasn't tested). | ||
A <QRCode /> component for React. This library works with React and React Native (uses ART module). | ||
@@ -22,21 +23,8 @@ ### Installation | ||
import React from 'react'; | ||
import ReactART from 'react-art'; | ||
import Rectangle from 'react-art/lib/Rectangle.art'; | ||
import ReactDOM from 'react-dom'; | ||
import QRCode from 'react-qr-code'; | ||
// create a HOC for web | ||
const getQRCodeHOC = (QRCodeComponent) ⇒ ((props) => ( | ||
<QRCodeComponent | ||
Rectangle={Rectangle} | ||
Surface={ReactART.Surface} | ||
Transform={ReactART.Transform} | ||
{...props} | ||
/> | ||
)); | ||
const QRCodeHOC = getQRCodeHOC(QRCode); | ||
ReactDOM.render( | ||
<QRCodeHOC value="hey" />, | ||
document.getElementById('Container') | ||
<QRCode value="hey" />, | ||
document.getElementById('Container') | ||
); | ||
@@ -49,10 +37,7 @@ ``` | ||
------------|------------------------------|-------------- | ||
`Rectangle` | `func` | | ||
`Surface` | `func` | | ||
`Transform` | `func` | | ||
`value` | `string` | | ||
`size` | `number` | `128` | ||
`bgColor` | `string` (CSS color) | `"#FFFFFF"` | ||
`fgColor` | `string` (CSS color) | `"#000000"` | ||
`level` | `string` (`'L' 'M' 'Q' 'H'`) | `'L'` | ||
`size` | `number` | 128 | ||
`bgColor` | `string` (CSS color) | '#FFFFFF' | ||
`fgColor` | `string` (CSS color) | '#000000' | ||
`level` | `string` (`'L' 'M' 'Q' 'H'`) | 'L' | ||
@@ -59,0 +44,0 @@ ### Examples |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
14007
12
211
4
18
48
1