Merge pull request #485 from dynamsoft-docs/preview

Preview

Author: Justin-dynamsoft

_includes/sidelist-programming/programming-javascript.html

@@ -1425,8 +1425,10 @@
 </li>
 
 <li>
-  <a href="{{ site.js }}faq/" class="otherLinkColour">FAQ</a>
-  <ul>
+  <a target="_blank" 
+     href="https://www.dynamsoft.com/faq/barcode-reader/web/index.html" 
+     class="otherLinkColour">FAQ</a>
+  <!-- <ul>
     <li>
       <a href="{{ site.js }}faq/ways-to-copy-dbr-js-deployable-files.html"
         >How to get a copy of Dbr JS deployable files ?</a
@@ -1646,7 +1648,7 @@
       <a href="{{ site.js }}faq/adaptive-wasm-loading.html"
         >What Is Adaptive WebAssembly (Wasm) Loading and How Does It Work?</a>
     </li>
-  </ul>
+  </ul> -->
 </li>
 <li lang="javascript"><a href="{{ site.license_activation }}index.html" class="otherLinkColour">License Initialization</a></li>
 <!-- <li class="category">OTHERS</li>

_includes/sidelist-programming/sidelist-parameters.html

@@ -1,4 +1,4 @@
-<li lang="javascript"><a href="{{ site.dcvb_parameters }}index.html" class="otherLinkColour">Parameters</a>
+<li lang="javascript"><a href="{{ site.dcvb_parameter_file }}index.html" class="otherLinkColour">Parameters</a>
     <ul>
         <li><a href="{{ site.dcvb_parameter_file }}capture-vision-template.html" class="otherLinkColour">CaptureVisionTemplate Object</a>
             <ul>

programming/javascript/api-reference/barcode-scanner.md

@@ -146,7 +146,7 @@ interface BarcodeScannerConfig {
 | `license` | `string` | `N/A` | The license key to activate the barcode scanner. |
 | `scanMode`(optional) | [`EnumScanMode`](#enumscanmode) | `SM_SINGLE` | Defines the scan mode of the BarcodeScanner|
 | `templateFilePath`(optional) | `string` | `N/A` | Path to a CaptureVisionTemplate file used for barcode reading. |
-| `utilizedTemplateNames`(optional) | `UtilizedTemplateNames` | `{"single": "ReadSingleBarcode", "multi_unique": "ReadBarcodes_SpeedFirst", "image": "ReadBarcodes_ReadRateFirst"}` | Defines template names mapped to scanning modes. |
+| `utilizedTemplateNames`(optional) | `UtilizedTemplateNames` | `{"single": "ReadBarcodes_SpeedFirst", "multi_unique": "ReadBarcodes_SpeedFirst", "image": "ReadBarcodes_ReadRateFirst"}` | Defines template names mapped to scanning modes. |
 | `engineResourcePaths`(optional) | `EngineResourcePaths` | `N/A` | Paths to engine resources like WASM or workers. See [EngineResourcePaths](https://www.dynamsoft.com/capture-vision/docs/web/programming/javascript/api-reference/core/core-module-class.html?product=dbr&lang=javascript#engineresourcepaths) for details. |
 | `uiPath` (optional) | `string` | `N/A` | Path to the custom UI (`.xml` template file) for the ScannerView.|
 | `barcodeFormats`(optional) | `EnumBarcodeFormat` \| `Array<EnumBarcodeFormat>` | `N/A` | [EnumBarcodeFormat](https://www.dynamsoft.com/capture-vision/docs/core/enums/barcode-reader/barcode-format.html?lang=js&product=dbr) or an array of `EnumBarcodeFormat` specifying the formats to recognize. |

programming/javascript/faq/what-is-in-the-dist-folder-of-dbrb.md

@@ -0,0 +1,63 @@
+---
+layout: default-layout
+title: What's in the dist Folder of dynamsoft-barcode-reader-bundle?
+keywords: Dynamsoft Barcode Reader, FAQ, JavaScript, tech basic, wasm, dist, files
+description: How to enable -SIMD-Pthread Wasm for accelerated deep learning computation?
+needAutoGenerateSidebar: false
+---
+
+# What's in the dist Folder of dynamsoft-barcode-reader-bundle?
+
+When you install or extract the `dynamsoft-barcode-reader-bundle` package (from npm, CDN or zip installer), the `dist/` directory contains all the compiled, ready-to-use JavaScript/WebAssembly assets necessary to run the barcode reader in a browser or web app.
+
+Below are the common files you'll find and their purposes.
+
+
+## 1. dbr.bundle.js
+
+- The main bundled JavaScript file for the barcode reader SDK
+- Include this in your web page to use the SDK without separate imports
+
+
+## 2. dbr.bundle.mjs (ES Module)
+
+- An ES Module version of the bundled SDK
+- Useful when using modern build tools like Webpack, Vite, or Rollup
+
+## 3. dbr.bundle.d.ts
+
+- Type definitions for TypeScript support
+- Provides autocompletion and improves developer experience in TypeScript projects
+
+
+## 4. dbr.bundle.worker.js
+
+- Used for handling CPU-intensive barcode scanning and recognition tasks. Runs in a background thread without blocking the main thread UI
+
+- Communicates with the main thread through message passing
+
+## 5. WebAssembly Engine Files
+
+`dynamsoft-barcode-reader-bundle` requires WASM and Worker scripts to work together in order to achieve highly efficient decoding capabilities.
+
+| File | Purpose |
+|------|---------|
+| `*.wasm` | Core barcode reading logic compiled to WebAssembly |
+| `*.wasm.js` | JavaScript loader/bootstrap for the `.wasm` file |
+| `*.worker.js` | Offloads processing to a background thread |
+
+> [!IMPORTANT]
+> The dbr-bundle dynamically selects the most suitable WebAssembly variant based on the current browser environment, in order to maximize browser performance as much as possible. This means that in most cases, only one set of `*.wasm` + `*.wasm.js` files will actually be used at runtime.
+> For details about the different WASM variants, please refer to [What Is Adaptive WebAssembly (Wasm) Loading and How Does It Work?](adaptive-wasm-loading.md).
+
+
+## 6. Other Auxiliary Resources
+
+These folders collectively compose the runtime environment for a JavaScript-based barcode scanner application, providing all necessary assets for ML-based scanning, data parsing, result rendering, and user interaction.
+
+| Folder | Purpose |
+|------|---------|
+| `models/` | Contains pre-trained machine learning models used for barcode detection and recognition. These models enable the scanner to identify and decode various barcode formats from images and video streams in real-time. |
+| `parser-resources/` | Stores resources required for data parsing and interpretation. |
+| `templates/` | Contains preset CaptureVisionTemplates used for different barcode scanning scenarios. |
+| `ui/` | Preset ui in `.html` files. |

programming/javascript/user-guide/barcode-scanner.md

@@ -52,7 +52,7 @@ new Dynamsoft.BarcodeScanner().launch().then(result=>alert(result.barcodeResults
 - Camera access
 
 > [!TIP]
-> Please refer to [system requirements](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/faq/system-requirement.html) for more details.
+> Please refer to [system requirements](https://www.dynamsoft.com/faq/barcode-reader/web/capabilities/system-requirement.html) for more details.
 
 ## License
 

programming/javascript/user-guide/index.md

@@ -90,7 +90,7 @@ Let's start with the "Hello World" example of the DBR-JS SDK which demonstrates
   - A supported browser
   - Camera access
 
-> Please refer to [system requirements](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/faq/system-requirement.html) for more details.
+> Please refer to [system requirements](https://www.dynamsoft.com/faq/barcode-reader/web/capabilities/system-requirement.html) for more details.
 
 ### Understand the code