Skip to content

Commit 8ac4f87

Browse files
felixindynamsoftfelixindrawaneugene-dynamsoftKeillion
authored
chore: update dynamsoft-barcode-reader-bundle to v10.4.2000-beta (#212)
* chore: update dynamsoft-barcode-reader-bundle to v10.4.2000-beta * fix: update 10.4.2000 to the beta versions * update docs link to 10.4.2000 * fix: error on start * fix: error on start * fix: remove duplicate msg * Minor fix on the typo * minor typo fix for svelte quick start command * maintain: update to 10.4.2000 --------- Co-authored-by: felixindrawan <indrawan.felix123@gmail.com> Co-authored-by: eugene-dynamsoft <eugene.yu@dynamsoft.com> Co-authored-by: Keillion <keillionv@gmail.com>
1 parent bbd933b commit 8ac4f87

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+181
-313
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ A default license is included which allows you to test the sample apps for up to
1515

1616
## Documentation
1717

18-
For the developer guide and full API reference of Dynamsoft Barcode Reader JavaScript library, please check out the [documentation](https://www.dynamsoft.com/barcode-reader/programming/javascript/?ver=10.0.21&utm_source=sampleReadme).
18+
For the developer guide and full API reference of Dynamsoft Barcode Reader JavaScript library, please check out the [documentation](https://www.dynamsoft.com/barcode-reader/programming/javascript/?ver=10.4.2000&utm_source=sampleReadme).
1919

2020
## Support
2121

hello-world/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# The Hello World Sample Set
22

3-
As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10#getting-started---hello-world), you may have come across some basic "Hello World" code that can help you create a simple web application using our SDK quickly.
3+
As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000#getting-started---hello-world), you may have come across some basic "Hello World" code that can help you create a simple web application using our SDK quickly.
44

55
In this set of samples, we will revisit the "Hello World" code and show how to implement it using some popular frameworks, such as Angular, React, and Vue.
66

hello-world/angular/README.md

+3-15
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
[Angular](https://angular.dev/) is one of the most popular and mature JavaScript frameworks. Follow this guide to learn how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into an Angular application. Note that in this sample, `TypeScript` is used.
44

5-
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.2.1000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.2.1000).
5+
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2000).
66

77
> Note:
88
>
@@ -57,10 +57,6 @@ Below is the configuration used for this sample.
5757
? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No
5858
```
5959

60-
On installation, you will be prompted to configure your project.\
61-
You can customize these options according to your preferences.\
62-
Below is the configuration used for this sample.
63-
6460
### **CD** to the root directory of the application and install necessary libraries
6561

6662
```cmd
@@ -79,15 +75,7 @@ import { LicenseManager } from 'dynamsoft-license';
7975
import 'dynamsoft-barcode-reader';
8076

8177
// Configures the paths where the .wasm files and other necessary resources for modules are located.
82-
CoreModule.engineResourcePaths = {
83-
std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/',
84-
dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/',
85-
core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/',
86-
license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/',
87-
cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/',
88-
dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/',
89-
dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/',
90-
};
78+
CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/";
9179

9280
/** LICENSE ALERT - README
9381
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
@@ -98,7 +86,7 @@ LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true);
9886
/**
9987
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
10088
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
101-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
89+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
10290
* LICENSE ALERT - THE END
10391
*/
10492

hello-world/angular/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,10 @@
1818
"@angular/platform-browser": "^17.3.0",
1919
"@angular/platform-browser-dynamic": "^17.3.0",
2020
"@angular/router": "^17.3.0",
21+
"dynamsoft-barcode-reader-bundle": "10.4.2000",
2122
"rxjs": "~7.8.0",
2223
"tslib": "^2.3.0",
23-
"zone.js": "~0.14.3",
24-
"dynamsoft-barcode-reader-bundle": "10.2.1000"
24+
"zone.js": "~0.14.3"
2525
},
2626
"devDependencies": {
2727
"@angular-devkit/build-angular": "^17.3.7",
@@ -36,4 +36,4 @@
3636
"karma-jasmine-html-reporter": "~2.1.0",
3737
"typescript": "~5.4.2"
3838
}
39-
}
39+
}

hello-world/angular/src/app/dynamsoft.config.ts

+5-11
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,20 @@ import { LicenseManager } from 'dynamsoft-license';
33
import 'dynamsoft-barcode-reader';
44

55
// Configures the paths where the .wasm files and other necessary resources for modules are located.
6-
CoreModule.engineResourcePaths = {
7-
std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/',
8-
dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/',
9-
core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/',
10-
license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/',
11-
cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/',
12-
dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/',
13-
dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/',
14-
};
6+
CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/";
157

168
/** LICENSE ALERT - README
179
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
1810
*/
1911

20-
LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true);
12+
LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', {
13+
executeNow: true,
14+
});
2115

2216
/**
2317
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
2418
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
25-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
19+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
2620
* LICENSE ALERT - THE END
2721
*/
2822

hello-world/blazor/README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
[Blazor](https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor) is a framework for building interactive client-side web apps with .NET and C#. Follow this guide to learn how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into a Blazor application using [JavaScript Interlop](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet?view=aspnetcore-8.0#invoke-js-functions).
44

5-
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.2.1000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.2.1000). We also used .NET 8.0 (version 8.0.8) to develop this sample. To ensure the sample app runs properly, please refer to this guide to update your .NET installation - https://learn.microsoft.com/en-us/dotnet/core/install/upgrade.
5+
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2000). We also used .NET 8.0 (version 8.0.8) to develop this sample. To ensure the sample app runs properly, please refer to this guide to update your .NET installation - https://learn.microsoft.com/en-us/dotnet/core/install/upgrade.
66

77
> Note:
88
>
@@ -281,7 +281,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa
281281
...
282282
<script src="_framework/blazor.webassembly.js"></script>
283283

284-
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
284+
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.min.js"></script>
285285
<script>
286286
/** LICENSE ALERT - README
287287
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
@@ -292,7 +292,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa
292292
/**
293293
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
294294
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
295-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=github#specify-the-license or contact support@dynamsoft.com.
295+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=github#specify-the-license or contact support@dynamsoft.com.
296296
* LICENSE ALERT - THE END
297297
*/
298298

hello-world/blazor/hello-world-blazor/BlazorApp/wwwroot/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
</div>
2828
<script src="_framework/blazor.webassembly.js"></script>
2929

30-
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
30+
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.min.js"></script>
3131
<script>
3232
/** LICENSE ALERT - README
3333
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
@@ -38,7 +38,7 @@
3838
/**
3939
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
4040
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
41-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=github#specify-the-license or contact support@dynamsoft.com.
41+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=github#specify-the-license or contact support@dynamsoft.com.
4242
* LICENSE ALERT - THE END
4343
*/
4444

hello-world/electron/README.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
[Electron](https://www.electronjs.org/) is a framework for creating native applications with web technologies. Follow this guide to learn how to implement [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) (hereafter called "the library") into an Electron application.
44

5-
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.2.1000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.2.1000).
5+
In this guide, we will be using [`dynamsoft-barcode-reader-bundle 10.4.2000`](https://www.npmjs.com/package/dynamsoft-barcode-reader-bundle/v/10.4.2000).
66

77
> Note:
88
>
@@ -155,12 +155,14 @@ Dynamsoft.Core.CoreModule.engineResourcePaths = {
155155
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
156156
*/
157157

158-
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", true);
158+
Dynamsoft.License.LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', {
159+
executeNow: true,
160+
});
159161

160162
/**
161163
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
162164
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
163-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
165+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
164166
* LICENSE ALERT - THE END
165167
*/
166168

hello-world/electron/action.js

+7-5
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,21 @@ Dynamsoft.Core.CoreModule.engineResourcePaths = {
66
license: "./node_modules/dynamsoft-license/dist/",
77
cvr: "./node_modules/dynamsoft-capture-vision-router/dist/",
88
dbr: "./node_modules/dynamsoft-barcode-reader/dist/",
9-
dce: "./node_modules/dynamsoft-camera-enhancer/dist/"
9+
dce: "./node_modules/dynamsoft-camera-enhancer/dist/",
1010
};
1111

1212
/** LICENSE ALERT - README
1313
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
1414
*/
1515

16-
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", true);
16+
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9", {
17+
executeNow: true,
18+
});
1719

1820
/**
1921
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
2022
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
21-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
23+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
2224
* LICENSE ALERT - THE END
2325
*/
2426

@@ -46,12 +48,12 @@ Dynamsoft.Core.CoreModule.loadWasm(["DBR"]);
4648
if (!result.barcodeResultItems.length) return;
4749

4850
const resultsContainer = document.querySelector("#results");
49-
resultsContainer.textContent = '';
51+
resultsContainer.textContent = "";
5052
console.log(result);
5153
for (let item of result.barcodeResultItems) {
5254
resultsContainer.textContent += `${item.formatString}: ${item.text}\n\n`;
5355
}
54-
}
56+
},
5557
});
5658

5759
// Filter out unchecked and duplicate results.

hello-world/electron/package.json

+4-4
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@
2121
"electron": "^26.4.1"
2222
},
2323
"dependencies": {
24-
"dynamsoft-barcode-reader-bundle": "10.2.1000",
25-
"dynamsoft-capture-vision-std": "1.2.10",
26-
"dynamsoft-image-processing": "2.2.30"
24+
"dynamsoft-barcode-reader-bundle": "10.4.2000",
25+
"dynamsoft-capture-vision-std": "1.4.10",
26+
"dynamsoft-image-processing": "2.4.20"
2727
}
28-
}
28+
}

hello-world/es6.html

+3-12
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,7 @@ <h1>Hello World for ES6 (Decode via Camera)</h1>
2222
CameraView,
2323
CameraEnhancer,
2424
MultiFrameResultCrossFilter,
25-
} from "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.mjs";
26-
25+
} from "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.mjs";
2726
/** LICENSE ALERT - README
2827
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
2928
*/
@@ -33,19 +32,11 @@ <h1>Hello World for ES6 (Decode via Camera)</h1>
3332
/**
3433
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
3534
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
36-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
35+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
3736
* LICENSE ALERT - THE END
3837
*/
3938

40-
CoreModule.engineResourcePaths = {
41-
std: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/",
42-
dip: "https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/",
43-
core: "https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/",
44-
license: "https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/",
45-
cvr: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/",
46-
dbr: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/",
47-
dce: "https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/",
48-
};
39+
CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/";
4940

5041
// Optional. Used to load wasm resources in advance, reducing latency between video playing and barcode decoding.
5142
CoreModule.loadWasm(["DBR"]);

hello-world/hello-world.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ <h1>Hello World (Decode via Camera)</h1>
1414
<div id="camera-view-container" style="width: 100%; height: 80vh"></div>
1515
Results:<br />
1616
<div id="results" style="width: 100%; height: 10vh; overflow: auto; white-space: pre-wrap"></div>
17-
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.2.1000/dist/dbr.bundle.js"></script>
17+
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@10.4.2000/dist/dbr.bundle.js"></script>
1818
<script>
1919
/** LICENSE ALERT - README
2020
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
@@ -25,7 +25,7 @@ <h1>Hello World (Decode via Camera)</h1>
2525
/**
2626
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
2727
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
28-
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
28+
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.2000&utm_source=samples#specify-the-license or contact support@dynamsoft.com.
2929
* LICENSE ALERT - THE END
3030
*/
3131

0 commit comments

Comments
 (0)