Socket
Socket
Sign inDemoInstall

vue-qrcode-reader

Package Overview
Dependencies
Maintainers
1
Versions
135
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-qrcode-reader - npm Package Compare versions

Comparing version 2.3.10 to 2.3.11

CONTRIBUTING.md

4

docs/.vuepress/config.js

@@ -37,6 +37,6 @@ module.exports = {

nav: [
{ text: 'Demos', link: '/demos/DecodeAll' },
{ text: 'Component APIs', link: '/api/QrcodeStream' }
{ text: 'Live Demos', link: '/demos/DecodeAll' },
{ text: 'API Reference', link: '/api/QrcodeStream' }
]
}
}
# QrcodeCapture
## Browser Support
The newest API this component depend on is the [FileReader API](https://caniuse.com/#feat=filereader).
| ![Internet Explorer](./ie_32x32.png) | ![Edge](./edge2019_32x32.png) | ![Firefox](./firefox_32x32.png) | ![Chrome](./chrome_32x32.png) | ![Safari](./safari_32x32.png) |
| :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| 10+ | Yes | Yes | Yes | Yes¹ |
1. It doesn't work in web apps added to home screen (PWA mode) on iOS prior to 11.3 (see [this StackOverflow question](https://stackoverflow.com/questions/46228218/how-to-access-camera-on-ios11-home-screen-web-app))
## Events

@@ -4,0 +14,0 @@

# QrcodeDropZone
## Browser Support
The newest API this component depend on is the [FileReader API](https://caniuse.com/#feat=filereader).
| ![Internet Explorer](./ie_32x32.png) | ![Edge](./edge2019_32x32.png) | ![Firefox](./firefox_32x32.png) | ![Chrome](./chrome_32x32.png) | ![Safari](./safari_32x32.png) |
| :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| 10+ | Yes | Yes | Yes | Yes |
## Events

@@ -4,0 +13,0 @@

# QrcodeStream
## Browser Support
This component fundamentally depends on the [Stream API](https://caniuse.com/#feat=stream).
| ![Internet Explorer](./ie_32x32.png) | ![Edge](./edge2019_32x32.png) | ![Firefox](./firefox_32x32.png) | ![Chrome](./chrome_32x32.png) | ![Safari](./safari_32x32.png) |
| :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| No | Yes | Yes | Yes¹ | Yes² |
1. Chrome requires [HTTPS or localhost](https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins) (see _Troubleshooting_ for help)
2. Safari also requires HTTPS **even** on localhost (see [#48](../../issues/48)). It also won't work in:
- _Chrome for iOS_, _Firefox for iOS_, ... (see [#29](../../issues/29))
- WkWebView component of native iOS apps
- web apps added to home screen (PWA mode) **prior to iOS 13.4** (see [#76](../../issues/76))
## Events

@@ -4,0 +19,0 @@

{
"name": "vue-qrcode-reader",
"description": "A set of Vue.js components for detecting and decoding QR codes.",
"version": "2.3.10",
"version": "2.3.11",
"author": {

@@ -6,0 +6,0 @@ "name": "Niklas Gruhn",

<p align="center">
<img src="https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/logo.png" alt="Logo" width="240" height="240" style="max-width: 100%;">
<img src="https://gruhn.github.io/vue-qrcode-reader/logo.png" alt="Logo" width="240" height="240" style="max-width: 100%;">

@@ -60,4 +60,4 @@ <br>

<br>
<a href="https://gruhn.github.io/vue-qrcode-reader/api/QrcodeStream.html">documentation</a> |
<a href="https://gruhn.github.io/vue-qrcode-reader/demos/DecodeAll.html">live demos</a>
<a href="https://gruhn.github.io/vue-qrcode-reader/demos/DecodeAll.html">live demos</a> |
<a href="https://gruhn.github.io/vue-qrcode-reader/api/QrcodeStream.html">api reference</a>
</p>

@@ -93,29 +93,2 @@

# Browser support :chart_with_upwards_trend:
#### `QrcodeStream`
This component fundamentally depends on the [Stream API](https://caniuse.com/#feat=stream).
| ![Internet Explorer](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/ie_32x32.png) | ![Edge](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/edge2019_32x32.png) | ![Firefox](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/firefox_32x32.png) | ![Chrome](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/chrome_32x32.png) | ![Safari](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/safari_32x32.png) |
| :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| No | Yes | Yes | Yes¹ | Yes² |
1. Chrome requires [HTTPS or localhost](https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins) (see _Troubleshooting_ for help)
2. Safari also requires HTTPS **even** on localhost (see [#48](../../issues/48)). It also won't work in:
- _Chrome for iOS_, _Firefox for iOS_, ... (see [#29](../../issues/29))
- WkWebView component of native iOS apps
- web apps added to home screen (PWA mode) **prior to iOS 13.4** (see [#76](../../issues/76))
#### `QrcodeDropZone` and `QrcodeCapture`
The newest API these components depend on is the [FileReader API](https://caniuse.com/#feat=filereader).
| ![Internet Explorer](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/ie_32x32.png) | ![Edge](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/edge2019_32x32.png) | ![Firefox](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/firefox_32x32.png) | ![Chrome](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/chrome_32x32.png) | ![Safari](https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/safari_32x32.png) |
| :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| 10+ | Yes | Yes | Yes | Yes¹ |
1. `QrcodeCapture` doesn't work in web apps added to home screen (PWA mode) on iOS prior to 11.3 (see [this StackOverflow question](https://stackoverflow.com/questions/46228218/how-to-access-camera-on-ios11-home-screen-web-app))
# Installation :package:

@@ -159,11 +132,7 @@

<!--
CHANGE NEXT RELEASE:
Include the following JS file:
Include the following JS files:
https://unpkg.com/vue-qrcode-reader/dist/VueQrcodeReader.umd.min.js
https://unpkg.com/vue-qrcode-reader/dist/VueQrcodeReader.umd.min.1.js
Make sure to include them after Vue:
Make sure to include it after Vue:

@@ -173,17 +142,4 @@ ```html

<script src="./VueQrcodeReader.umd.min.js"></script>
<script src="./VueQrcodeReader.umd.min.1.js"></script>
```
-->
Include the following JS file:
https://unpkg.com/vue-qrcode-reader/dist/vue-qrcode-reader.browser.js
Make sure to include it after Vue:
```html
<script src="./vue.js"></script>
<script src="./vue-qrcode-reader.browser.js"></script>
```
All components are automatically registered globally.

@@ -190,0 +146,0 @@ Use kebab-case to reference them in your templates:

@@ -16,3 +16,3 @@ const inlineWorker = func => {

self.importScripts(
"https://cdn.jsdelivr.net/npm/jsqr@1.2.0/dist/jsQR.min.js"
"https://cdn.jsdelivr.net/npm/jsqr@1.3.1/dist/jsQR.min.js"
);

@@ -19,0 +19,0 @@

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

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