Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-qr-code

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-qr-code - npm Package Compare versions

Comparing version 0.0.1-rc.6 to 0.0.1-rc.7

lib/components/QRCode/index.js

39

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc