update

Author: Cube-J

hello-world/3.read-video-angular/src/app/img-decode/img-decode.component.ts

@@ -37,8 +37,7 @@ export class ImgDecodeComponent implements OnInit {
   async ngOnDestroy() {
     if (this.pReader) {
       (await this.pReader).destroyContext();
-      this.pReader = null;
-      console.log('ImgDecode Component Unmount');
     }
+    console.log('ImgDecode Component Unmount');
   }
 }

hello-world/3.read-video-angular/src/app/video-decode/video-decode.component.ts

@@ -38,7 +38,7 @@ export class VideoDecodeComponent implements OnInit {
   async ngOnDestroy() {
     if (this.pScanner) {
       (await this.pScanner).destroyContext();
-      console.log('BarcodeScanner Component Unmount');
     }
+    console.log('BarcodeScanner Component Unmount');
   }
 }

hello-world/next/README.md

@@ -260,7 +260,7 @@ function ImageCapture() {
         console.log((item as BarcodeResultItem).text);
         texts += (item as BarcodeResultItem).text + "\n";
       }
-      if (texts != "") alert(texts);
+      if (texts !== "") alert(texts);
       if (!result.items.length) alert("No barcode found");
     } catch (ex: any) {
       if (ex.message.indexOf("network connection error")) {

hello-world/next/components/ImageCapture/ImageCapture.tsx

@@ -34,7 +34,7 @@ function ImageCapture() {
         console.log((item as BarcodeResultItem).text);
         texts += (item as BarcodeResultItem).text + "\n";
       }
-      if (texts != "") alert(texts);
+      if (texts !== "") alert(texts);
       if (!result.items.length) alert("No barcode found");
     } catch (ex: any) {
       if (ex.message.indexOf("network connection error")) {

hello-world/nuxt/README.md

@@ -235,7 +235,7 @@ const decodeImg = async (e: Event) => {
       console.log((item as BarcodeResultItem).text);
       texts += (item as BarcodeResultItem).text + "\n";
     }
-    if (texts != "") alert(texts);
+    if (texts !== "") alert(texts);
     if (!result.items.length) alert("No barcode found");
   } catch (ex: any) {
     let errMsg = ex.message || ex;

hello-world/nuxt/components/ImageCapture.client.vue

@@ -18,7 +18,7 @@ const decodeImg = async (e: Event) => {
       console.log((item as BarcodeResultItem).text);
       texts += (item as BarcodeResultItem).text + "\n";
     }
-    if (texts != "") alert(texts);
+    if (texts !== "") alert(texts);
     if (!result.items.length) alert("No barcode found");
   } catch (ex: any) {
     let errMsg = ex.message || ex;

hello-world/react-hooks/README.md

@@ -258,7 +258,7 @@ function ImageCapture() {
         console.log((item as BarcodeResultItem).text);
         texts += (item as BarcodeResultItem).text + "\n";
       }
-      if (texts != "") alert(texts);
+      if (texts !== "") alert(texts);
       if (!result.items.length) alert("No barcode found");
     } catch (ex: any) {
       if (ex.message.indexOf("network connection error")) {

hello-world/react-hooks/src/components/ImageCapture/ImageCapture.tsx

@@ -32,7 +32,7 @@ function ImageCapture() {
         console.log((item as BarcodeResultItem).text);
         texts += (item as BarcodeResultItem).text + "\n";
       }
-      if (texts != "") alert(texts);
+      if (texts !== "") alert(texts);
       if (!result.items.length) alert("No barcode found");
     } catch (ex: any) {
       if (ex.message.indexOf("network connection error")) {

hello-world/react/README.md

@@ -260,7 +260,7 @@ class ImageCapture extends React.Component {
         console.log((item as BarcodeResultItem).text);
         texts += (item as BarcodeResultItem).text + "\n";
       }
-      if (texts != "") alert(texts);
+      if (texts !== "") alert(texts);
       if (!result.items.length) alert("No barcode found");
     } catch (ex: any) {
       let errMsg;

hello-world/react/src/components/HelloWorld/HelloWorld.tsx

@@ -8,8 +8,8 @@ import "./HelloWorld.css";
 
 class HelloWorld extends React.Component {
   state = {
-    bShowVideoCapture: true,
-    bShowImageCapture: false,
+    bShowVideoCapture: false,
+    bShowImageCapture: true,
   };
 
   showVideoCapture = () => {