vue-qrcode-reader
Advanced tools
Comparing version 2.3.10 to 2.3.11
@@ -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
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
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
2936736
179