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/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/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/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",
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/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/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/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"
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 {
