From 4c0574c776c5979fe036f5e3184306b60d6b1847 Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Thu, 27 Nov 2025 17:29:33 +0800
Subject: [PATCH 1/5] feat(templates): update templates & add debug tool link

---
 index.html                                       | 4 +++-
 scenarios/scan-common-2D-codes/ReadCommon2D.json | 3 +++
 scenarios/scan-qr-code/ReadQR.json               | 7 +++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 657a511c..80e1edd4 100644
--- a/index.html
+++ b/index.html
@@ -1490,7 +1490,9 @@ <h3>
         <div class="children">
           <div class="file">
             <span data-balloon-length="large" data-balloon-pos="down" aria-label="Debug utilities and frame collector for testing and troubleshooting."
-              ><span class="github-label debug">Debug Tools</span> -
+              ><a class="github-label debug" href="scenarios/debug/public/index.html" title="View live demo"
+                >Debug Tools</a
+              > -
               <a
                 class="button title source-link"
                 href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/scenarios/debug"
diff --git a/scenarios/scan-common-2D-codes/ReadCommon2D.json b/scenarios/scan-common-2D-codes/ReadCommon2D.json
index 1293ab33..ff22191d 100644
--- a/scenarios/scan-common-2D-codes/ReadCommon2D.json
+++ b/scenarios/scan-common-2D-codes/ReadCommon2D.json
@@ -55,6 +55,9 @@
                 {
                   "Mode": "LM_LINES"
                 },
+                {
+                  "Mode": "LM_SCAN_DIRECTLY"
+                },
                 {
                   "Mode": "LM_NEURAL_NETWORK",
                   "ModelNameArray": ["DataMatrixQRCodeLocalization"]
diff --git a/scenarios/scan-qr-code/ReadQR.json b/scenarios/scan-qr-code/ReadQR.json
index 7c90b111..0e4ce55c 100644
--- a/scenarios/scan-qr-code/ReadQR.json
+++ b/scenarios/scan-qr-code/ReadQR.json
@@ -61,7 +61,10 @@
               "LocalizationModes": [
                 {
                   "Mode": "LM_CONNECTED_BLOCKS"
-                }
+                },
+                {
+                  "Mode": "LM_SCAN_DIRECTLY"
+                } 
               ]
             }
           ]
@@ -77,7 +80,7 @@
                   "Mode": "DM_BASED_ON_LOC_BIN"
                 },
                 {
-                  "Mode": "DM_DIRECT_BINARIZATION"
+                  "Mode": "DM_THRESHOLD_BINARIZATION"
                 },
                 {
                   "Mode": "DM_DEEP_ANALYSIS"

From f34eb51c2120434abf32e68207ae6cd71d05669b Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Fri, 12 Dec 2025 11:13:34 +0800
Subject: [PATCH 2/5] fix: update canonical links in HTML files for accurate
 routing

---
 .../angular/scan-using-foundational-api/src/index.html       | 5 +----
 frameworks/es6/scan-using-foundational-api/es6.html          | 2 +-
 frameworks/native-ts/scan-using-foundational-api/index.html  | 2 +-
 .../pwa/scan-using-foundational-api/helloworld-pwa.html      | 2 +-
 .../react/scan-using-foundational-api/public/index.html      | 2 +-
 .../requirejs/scan-using-foundational-api/requirejs.html     | 2 +-
 frameworks/vue/scan-using-foundational-api/index.html        | 2 +-
 .../android/app/src/main/assets/decodeBarcodeInVideo.html    | 2 +-
 .../ios/dbrjswebview/html/decodeFileInVideo.html             | 2 +-
 read-an-image.html                                           | 2 +-
 .../scan-using-foundational-api/index.html                   | 2 +-
 .../show-result-texts-on-the-video.html                      | 2 +-
 12 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/frameworks/angular/scan-using-foundational-api/src/index.html b/frameworks/angular/scan-using-foundational-api/src/index.html
index 7513197d..bce6b22f 100644
--- a/frameworks/angular/scan-using-foundational-api/src/index.html
+++ b/frameworks/angular/scan-using-foundational-api/src/index.html
@@ -11,10 +11,7 @@
       content="Dynamsoft Barcode Reader in an Angular Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, angular" />
-    <link
-      rel="canonical"
-      href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/angular/dist/dbrjs-sample-angular/browser/"
-    />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/angular/scan-using-foundational-api/" />
   </head>
   <body>
     <app-root></app-root>
diff --git a/frameworks/es6/scan-using-foundational-api/es6.html b/frameworks/es6/scan-using-foundational-api/es6.html
index f736d6d7..134f065e 100644
--- a/frameworks/es6/scan-using-foundational-api/es6.html
+++ b/frameworks/es6/scan-using-foundational-api/es6.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="barcode, camera, es6" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/es6.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/es6/scan-using-foundational-api/es6.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World for ES6 (Decode via Camera)</title>
   </head>
 
diff --git a/frameworks/native-ts/scan-using-foundational-api/index.html b/frameworks/native-ts/scan-using-foundational-api/index.html
index 50571ccb..6abae2bc 100644
--- a/frameworks/native-ts/scan-using-foundational-api/index.html
+++ b/frameworks/native-ts/scan-using-foundational-api/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
   <meta name="keywords" content="barcode, camera" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/native-ts/scan-using-foundational-api/index.html" />
   <title>Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)</title>
 </head>
 
diff --git a/frameworks/pwa/scan-using-foundational-api/helloworld-pwa.html b/frameworks/pwa/scan-using-foundational-api/helloworld-pwa.html
index af66f6e4..02c306b7 100644
--- a/frameworks/pwa/scan-using-foundational-api/helloworld-pwa.html
+++ b/frameworks/pwa/scan-using-foundational-api/helloworld-pwa.html
@@ -6,7 +6,7 @@
     <meta name="description" content="Read barcodes from camera with Dynamsoft Barcode Reader in a PWA application." />
     <meta name="keywords" content="barcode, camera, PWA" />
     <title>Dynamsoft Barcode Reader PWA Sample - Hello World (Decode via Camera)</title>
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/pwa/helloworld-pwa.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/pwa/scan-using-foundational-api/helloworld-pwa.html" />
     <link rel="manifest" href="./helloworld-pwa.json" />
     <meta name="theme-color" content="#B12A34" />
     <meta name="mobile-web-app-capable" content="yes" />
diff --git a/frameworks/react/scan-using-foundational-api/public/index.html b/frameworks/react/scan-using-foundational-api/public/index.html
index 6628cd75..a289ff17 100644
--- a/frameworks/react/scan-using-foundational-api/public/index.html
+++ b/frameworks/react/scan-using-foundational-api/public/index.html
@@ -10,7 +10,7 @@
       content="Dynamsoft Barcode Reader in a React Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, React" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/samples/DBR/JS/foundational-api-samples/hello-world/react-hooks/build/" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/react/scan-using-foundational-api/" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/frameworks/requirejs/scan-using-foundational-api/requirejs.html b/frameworks/requirejs/scan-using-foundational-api/requirejs.html
index b198ffea..fbc4e5bd 100644
--- a/frameworks/requirejs/scan-using-foundational-api/requirejs.html
+++ b/frameworks/requirejs/scan-using-foundational-api/requirejs.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="barcode, camera, RequireJS" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/requirejs.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/requirejs/scan-using-foundational-api/requirejs.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World for RequireJS (Decode via Camera)</title>
     <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
   </head>
diff --git a/frameworks/vue/scan-using-foundational-api/index.html b/frameworks/vue/scan-using-foundational-api/index.html
index 1072379a..5c2edf90 100644
--- a/frameworks/vue/scan-using-foundational-api/index.html
+++ b/frameworks/vue/scan-using-foundational-api/index.html
@@ -9,7 +9,7 @@
       content="Dynamsoft Barcode Reader in a Vue 3 Application, helps read barcodes from camera or images."
     />
     <meta name="keywords" content="barcodes, camera, images, vue, vue3" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/samples/DBR/JS/foundational-api-samples/hello-world/vue/dist/" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/vue/scan-using-foundational-api/" />
     <title>Hello World for Vue 3 - Dynamsoft Barcode Reader Sample</title>
   </head>
   <body>
diff --git a/frameworks/webview/scan-using-foundational-api/android/app/src/main/assets/decodeBarcodeInVideo.html b/frameworks/webview/scan-using-foundational-api/android/app/src/main/assets/decodeBarcodeInVideo.html
index d6d7cc20..6eb0334c 100644
--- a/frameworks/webview/scan-using-foundational-api/android/app/src/main/assets/decodeBarcodeInVideo.html
+++ b/frameworks/webview/scan-using-foundational-api/android/app/src/main/assets/decodeBarcodeInVideo.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="camera based barcode reading" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/webview/scan-using-foundational-api/android/app/src/main/assets/decodeBarcodeInVideo.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World (Decoding via Camera)</title>
   </head>
 
diff --git a/frameworks/webview/scan-using-foundational-api/ios/dbrjswebview/html/decodeFileInVideo.html b/frameworks/webview/scan-using-foundational-api/ios/dbrjswebview/html/decodeFileInVideo.html
index 89766946..8a4b0d9f 100644
--- a/frameworks/webview/scan-using-foundational-api/ios/dbrjswebview/html/decodeFileInVideo.html
+++ b/frameworks/webview/scan-using-foundational-api/ios/dbrjswebview/html/decodeFileInVideo.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
     <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
     <meta name="keywords" content="camera based barcode reading" />
-    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html" />
+    <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/webview/scan-using-foundational-api/ios/dbrjswebview/html/decodeFileInVideo.html" />
     <title>Dynamsoft Barcode Reader Sample - Hello World (Decoding via Camera)</title>
   </head>
 
diff --git a/read-an-image.html b/read-an-image.html
index dbd49cbc..eed76cd7 100644
--- a/read-an-image.html
+++ b/read-an-image.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Read barcodes from an image with Dynamsoft Barcode Reader." />
   <meta name="keywords" content="barcode, image" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/read-an-image.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/read-an-image.html" />
   <title>Dynamsoft Barcode Reader Sample - Hello World (Read an Image)</title>
 </head>
 
diff --git a/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html b/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html
index 798586eb..f8d7df6b 100644
--- a/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html
+++ b/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
   <meta name="description" content="Instantly Read GS1-AI barcodes and Parse It with Dynamsoft Barcode Reader." />
   <meta name="keywords" content="read GS1 AI barcode" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/read-and-parse-GS1-AI/index.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html" />
   <link rel="stylesheet" href="./index.css">
   <title>Dynamsoft Barcode Reader Sample - Read a GS1-AI</title>
 </head>
diff --git a/scenarios/show-result-texts-on-the-video/show-result-texts-on-the-video.html b/scenarios/show-result-texts-on-the-video/show-result-texts-on-the-video.html
index d7bbf096..d80cf495 100644
--- a/scenarios/show-result-texts-on-the-video/show-result-texts-on-the-video.html
+++ b/scenarios/show-result-texts-on-the-video/show-result-texts-on-the-video.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="description" content="Read barcodes from camera with Dynamsoft Barcode Reader and display result texts as overlays on video." />
   <meta name="keywords" content="read barcode from camera, overlay" />
-  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/show-result-texts-on-the-video.html" />
+  <link rel="canonical" href="https://demo.dynamsoft.com/Samples/DBR/JS/scenarios/show-result-texts-on-the-video/show-result-texts-on-the-video.html" />
   <title>Dynamsoft Barcode Reader Sample - Display Barcode Results as Video Overlays</title>
   <style>
     .bubble-box-container {

From cfe39c5713ac0908ab15254933c4d4114ecf3b11 Mon Sep 17 00:00:00 2001
From: SHEN <1014628363@qq.com>
Date: Mon, 15 Dec 2025 10:09:35 +0800
Subject: [PATCH 3/5] UPDATE

---
 frameworks/next/scan-using-foundational-api/package.json | 2 +-
 frameworks/react/scan-using-rtu-api/package.json         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frameworks/next/scan-using-foundational-api/package.json b/frameworks/next/scan-using-foundational-api/package.json
index a52ba588..1c0daba4 100644
--- a/frameworks/next/scan-using-foundational-api/package.json
+++ b/frameworks/next/scan-using-foundational-api/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "react": "^18",
     "react-dom": "^18",
-    "next": "14.2.3",
+    "next": "14.2.35",
     "dynamsoft-barcode-reader-bundle": "11.2.4000"
   },
   "devDependencies": {
diff --git a/frameworks/react/scan-using-rtu-api/package.json b/frameworks/react/scan-using-rtu-api/package.json
index 17b99ee0..fe0fefd1 100644
--- a/frameworks/react/scan-using-rtu-api/package.json
+++ b/frameworks/react/scan-using-rtu-api/package.json
@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "dynamsoft-barcode-reader-bundle": "11.2.4000",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",

From 11f94a3377d6ab98ca911c6eb053bbcfa2fbab1e Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Wed, 24 Dec 2025 16:52:44 +0800
Subject: [PATCH 4/5] fix: update script path for local SDK loading in HTML
 files

---
 hello-world.html   | 2 +-
 read-an-image.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/hello-world.html b/hello-world.html
index 21c3103f..e82fe98f 100644
--- a/hello-world.html
+++ b/hello-world.html
@@ -19,7 +19,7 @@ <h1 class="barcode-scanner-title">
   <!-- Include Dynamsoft Barcode Reader Bundle via CDN -->
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
   <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../dist/dbr.bundle.js"></script> -->
+  <!-- <script src="../dist/dbr.bundle.js"></script> -->
 
   <script>
     // Configuration object for initializing the BarcodeScanner instance. Refer to https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/barcode-scanner.html#barcodescannerconfig
diff --git a/read-an-image.html b/read-an-image.html
index eed76cd7..b38a9ee3 100644
--- a/read-an-image.html
+++ b/read-an-image.html
@@ -17,7 +17,7 @@ <h1>Hello World (Read an Image)</h1>
   <div id="results"></div>
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
   <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../dist/dbr.bundle.js"></script> -->
+  <!-- <script src="../dist/dbr.bundle.js"></script> -->
 
   <script>
     /** LICENSE ALERT - README

From b12b3ad00bcddcd594bb40618362640aa92a146a Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Fri, 26 Dec 2025 15:46:23 +0800
Subject: [PATCH 5/5] fix: correct spelling of launchBarcodeScanner function

---
 scenarios/batch-inventory/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/scenarios/batch-inventory/index.html b/scenarios/batch-inventory/index.html
index 3f4467fd..12f7ee16 100644
--- a/scenarios/batch-inventory/index.html
+++ b/scenarios/batch-inventory/index.html
@@ -51,7 +51,7 @@
     let totalUniqueBarcodesResult = {};
     let totalUniqueBarcodesCount = 0;
 
-    const launchBarcodeScanenr = () => {
+    const launchBarcodeScanner = () => {
       summaryView.style.display = "none";
       let config = {
         license: "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", // Replace with your Dynamsoft license key
@@ -74,7 +74,7 @@
       })
     }
 
-    launchBarcodeScanenr();
+    launchBarcodeScanner();
 
     const readerResultList = (result) => {
       const resultListNode = document.querySelector(".result-list");
@@ -147,7 +147,7 @@
       return `${formattedHours}:${formattedMinutes}:${formattedSeconds} (${startTime} ~ ${endTime})`;
     }
 
-    backBtn.addEventListener("click", launchBarcodeScanenr);
+    backBtn.addEventListener("click", launchBarcodeScanner);
   </script>
 </body>