# @cromwellian/granite-qrcode-scanner

> An element to scan a QR Code using the device camera

Latest version **1.0.1** (published 2018-09-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install @cromwellian/granite-qrcode-scanner
pnpm add @cromwellian/granite-qrcode-scanner
yarn add @cromwellian/granite-qrcode-scanner
bun add @cromwellian/granite-qrcode-scanner
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-09-30 |
| First published | 2018-09-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 21.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | cromwellian |

## Links

- npm: https://www.npmjs.com/package/@cromwellian/granite-qrcode-scanner
- Repository: https://github.com/cromwellian/granite-qrcode-scanner
- Homepage: https://github.com/cromwellian/granite-qrcode-scanner#readme
- Issues: https://github.com/cromwellian/granite-qrcode-scanner/issues
- npm.io page: https://npm.io/package/@cromwellian/granite-qrcode-scanner

## Dependencies (6)

- [@polymer/polymer](https://npm.io/package/@polymer/polymer.md) ^3.0.0
- [@polymer/paper-fab](https://npm.io/package/@polymer/paper-fab.md) ^3.0.0-pre.18
- [@polymer/paper-ripple](https://npm.io/package/@polymer/paper-ripple.md) ^3.0.0-pre.18
- [@polymer/iron-iconset-svg](https://npm.io/package/@polymer/iron-iconset-svg.md) ^3.0.0-pre.18
- [@cromwellian/granite-qrcode-decoder](https://npm.io/package/@cromwellian/granite-qrcode-decoder.md) ^1.0.1
- [@granite-elements/granite-app-media-periodic-image-capture](https://npm.io/package/@granite-elements/granite-app-media-periodic-image-capture.md) ^2.0.0

## Recent versions

- 1.0.1 (latest) — 2018-09-30
- 1.0.0 — 2018-09-30

## README

[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-qrcode-scanner)
[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/LostInBrittanygranite-qrcode-scanner.svg)](https://vaadin.com/directory/component/LostInBrittanygranite-qrcode-scanner)
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/LostInBrittany/granite-qrcode-scanner)

# granite-qrcode-scanner

> A webcomponent to scan a QR Codes,
> using [a modified version](https://github.com/LostInBrittany/jsqrcode) of [Lazersoft's jsqrcode](https://github.com/LazerSoft/jsqrcode) library, to allow `jsqrcode` to deal with ShadowDOM
>
> This is a Polymer 2.x version, suited for evergreen browsers. For older browsers, please look 
> at the [Polymer 1.x-hybrid](https://github.com/LostInBrittany/granite-qrcode-scanner/tree/polymer-1.x-hybrid) branch. 


## Doc & demo

[https://lostinbrittany.github.io/granite-qrcode-scanner](https://lostinbrittany.github.io/granite-qrcode-scanner)


## Usage example

<!--
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="granite-qrcode-scanner.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<granite-qrcode-scanner data="{{data}}" active continuous></granite-qrcode-scanner>
```

## Install

Install the component using [Bower](http://bower.io/):

```sh
$ bower install LostInBrittany/granite-qrcode-scanner --save
```

Or [download as ZIP](https://github.com/LostInBrittany/granite-qrcode-scanner/archive/gh-pages.zip).## Usage

1. Import Web Components' polyfill (if needed):

    ```html
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
    ```

2. Import Custom Element:

    ```html
    <link rel="import" href="bower_components/granite-qrcode-scanner/granite-qrcode-scanner.html">
    ```

3. Start using it!

    ```html
    <granite-qrcode-scanner>
    </granite-qrcode-scanner>
    ```


## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## License

[MIT License](http://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/@cromwellian/granite-qrcode-scanner · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._