Assume camera faces requested facingMode and mirror accordingly; report mirroring and camera name in onLoad callback

Author: jteichman-schoology

README.md

@@ -61,12 +61,12 @@ class Test extends Component {
 
 ### Events
 
-| Prop        | Argument         | Description                                                                                     |
-| ----------- | ---------------- | ----------------------------------------------------------------------------------------------- |
-| onScan      | `result`         | Scan event handler. Called every scan with the decoded value or `null` if no QR code was found. |
-| onError     | `Error`          | Called when an error occurs.                                                                    |
-| onLoad      | none             | Called when the component is ready for use.                                                     |
-| onImageLoad | img onLoad event | Called when the image in legacyMode is loaded.                                                  |
+| Prop        | Argument         | Description                                                                                                     |
+| ----------- | ---------------- | --------------------------------------------------------------------------------------------------------------- |
+| onScan      | `result`         | Scan event handler. Called every scan with the decoded value or `null` if no QR code was found.                 |
+| onError     | `Error`          | Called when an error occurs.                                                                                    |
+| onLoad      | `object`         | Called when the component is ready for use. Object properties are `mirrorVideo`: boolean, `streamLabel`: string |
+| onImageLoad | img onLoad event | Called when the image in legacyMode is loaded.                                                                  |
 
 ### Options
 

lib/index.js

@@ -164,6 +164,7 @@ module.exports = class Reader extends Component {
   }
   handleVideo(stream) {
     const { preview } = this.els
+    const { facingMode } = this.props
 
     // Preview element hasn't been rendered so wait for it.
     if (!preview) {
@@ -192,17 +193,16 @@ module.exports = class Reader extends Component {
 
     preview.addEventListener('loadstart', this.handleLoadStart)
 
-    const facingUserPattern = getFacingModePattern('user')
-    const isUserFacing = facingUserPattern.test(streamTrack.label)
-    this.setState({ mirrorVideo: isUserFacing })
+    this.setState({ mirrorVideo: facingMode == 'user', streamLabel: streamTrack.label })
   }
   handleLoadStart() {
     const { delay, onLoad } = this.props
+    const { mirrorVideo, streamLabel } = this.state
     const preview = this.els.preview
     preview.play()
 
     if(typeof onLoad == 'function') {
-      onLoad()
+      onLoad({ mirrorVideo, streamLabel })
     }
 
     if (typeof delay == 'number') {