fix(security): update vulnerable dependency versions (#272)

Justin-dynamsoft · Shen-wb · web-flow · commit 099c644315b9 · 2025-12-15T10:20:30.000+08:00
* feat(templates): update templates &amp; add debug tool link

* fix: update canonical links in HTML files for accurate routing

* UPDATE

---------

Co-authored-by: SHEN &lt;1014628363@qq.com&gt;
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 {
