Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions _includes/sidelist-programming/programming-javascript.html
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion _includes/sidelist-programming/sidelist-parameters.html
Original file line number Diff line number Diff line change
@@ -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>
Expand Down
2 changes: 1 addition & 1 deletion programming/javascript/api-reference/barcode-scanner.md
Original file line number Diff line number Diff line change
Expand Up @@ -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. |
Expand Down
63 changes: 63 additions & 0 deletions programming/javascript/faq/what-is-in-the-dist-folder-of-dbrb.md
Original file line number Diff line number Diff line change
@@ -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. |
2 changes: 1 addition & 1 deletion programming/javascript/user-guide/barcode-scanner.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion programming/javascript/user-guide/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down