From 9f7a03f8259685e9e674eb9cf0603aada4f04640 Mon Sep 17 00:00:00 2001 From: felixindrawan Date: Thu, 3 Oct 2024 09:41:35 -0700 Subject: [PATCH 1/9] chore: update dynamsoft-barcode-reader-bundle to v10.4.2000-beta --- README.md | 2 +- hello-world/README.md | 2 +- hello-world/angular/README.md | 18 ++-- hello-world/angular/package.json | 6 +- .../angular/src/app/dynamsoft.config.ts | 20 +++-- hello-world/blazor/README.md | 6 +- .../BlazorApp/wwwroot/index.html | 4 +- hello-world/electron/README.md | 8 +- hello-world/electron/action.js | 12 +-- hello-world/electron/package.json | 8 +- hello-world/es6.html | 19 ++-- hello-world/hello-world.html | 4 +- hello-world/next/README.md | 22 ++--- hello-world/next/dynamsoft.config.ts | 20 +++-- hello-world/next/package.json | 2 +- hello-world/nuxt/README.md | 22 ++--- hello-world/nuxt/dynamsoft.config.ts | 20 +++-- hello-world/nuxt/package.json | 2 +- hello-world/pwa/README.md | 16 ++-- hello-world/pwa/helloworld-pwa.html | 8 +- hello-world/pwa/service-worker.js | 14 +-- hello-world/react-hooks/README.md | 22 ++--- hello-world/react-hooks/package.json | 2 +- .../react-hooks/src/dynamsoft.config.ts | 20 +++-- hello-world/react/README.md | 22 ++--- hello-world/react/package.json | 2 +- hello-world/react/src/dynamsoft.config.ts | 20 +++-- hello-world/read-an-image.html | 4 +- hello-world/requirejs.html | 8 +- hello-world/svelte/README.md | 22 ++--- hello-world/svelte/package.json | 2 +- hello-world/svelte/src/dynamsoft.config.ts | 20 +++-- hello-world/vue/README.md | 22 ++--- hello-world/vue/package.json | 4 +- hello-world/vue/src/dynamsoft.config.ts | 20 +++-- .../src/main/assets/decodeBarcodeInVideo.html | 4 +- .../dbrjswebview/html/decodeFileInVideo.html | 4 +- others/debug/public/index.html | 87 ++++++------------- .../fill-a-form-with-barcode-reading.html | 4 +- .../locate-an-item-with-barcode/index.html | 4 +- use-case/read-a-drivers-license/index.html | 4 +- use-case/show-result-texts-on-the-video.html | 4 +- 42 files changed, 269 insertions(+), 267 deletions(-) diff --git a/README.md b/README.md index 7cae52b9..669ce0e8 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ A default license is included which allows you to test the sample apps for up to ## Documentation -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). +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.20&utm_source=sampleReadme). ## Support diff --git a/hello-world/README.md b/hello-world/README.md index 53de83b6..0469be2c 100644 --- a/hello-world/README.md +++ b/hello-world/README.md @@ -1,6 +1,6 @@ # The Hello World Sample Set -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. +As you have already gone through the [user guide](https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.20#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. 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. diff --git a/hello-world/angular/README.md b/hello-world/angular/README.md index d879e6ca..ff01d647 100644 --- a/hello-world/angular/README.md +++ b/hello-world/angular/README.md @@ -2,7 +2,7 @@ [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. -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). +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). > Note: > @@ -80,13 +80,13 @@ import 'dynamsoft-barcode-reader'; // Configures the paths where the .wasm files and other necessary resources for modules are located. CoreModule.engineResourcePaths = { - std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/', - dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/', - core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/', - license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/', - cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/', - dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/', - dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/', + std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.4.10/dist/', + dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.4.20/dist/', + core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.4.20/dist/', + license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.4.20/dist/', + cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.4.20/dist/', + dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.4.20/dist/', + dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.1.0/dist/', }; /** LICENSE ALERT - README @@ -98,7 +98,7 @@ LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true); /** * 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. * 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. - * 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. + * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.20&utm_source=samples#specify-the-license or contact support@dynamsoft.com. * LICENSE ALERT - THE END */ diff --git a/hello-world/angular/package.json b/hello-world/angular/package.json index 1feefa5d..b98a77ec 100644 --- a/hello-world/angular/package.json +++ b/hello-world/angular/package.json @@ -18,10 +18,10 @@ "@angular/platform-browser": "^17.3.0", "@angular/platform-browser-dynamic": "^17.3.0", "@angular/router": "^17.3.0", + "dynamsoft-barcode-reader-bundle": "10.4.2000-beta-202409252259", "rxjs": "~7.8.0", "tslib": "^2.3.0", - "zone.js": "~0.14.3", - "dynamsoft-barcode-reader-bundle": "10.2.1000" + "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^17.3.7", @@ -36,4 +36,4 @@ "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.4.2" } -} \ No newline at end of file +} diff --git a/hello-world/angular/src/app/dynamsoft.config.ts b/hello-world/angular/src/app/dynamsoft.config.ts index 1120f6ce..33431a71 100644 --- a/hello-world/angular/src/app/dynamsoft.config.ts +++ b/hello-world/angular/src/app/dynamsoft.config.ts @@ -4,25 +4,27 @@ import 'dynamsoft-barcode-reader'; // Configures the paths where the .wasm files and other necessary resources for modules are located. CoreModule.engineResourcePaths = { - std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.2.10/dist/', - dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.2.30/dist/', - core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.30/dist/', - license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.21/dist/', - cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.30/dist/', - dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/', - dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.0.3/dist/', + std: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@1.4.10/dist/', + dip: 'https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@2.4.20/dist/', + core: 'https://cdn.jsdelivr.net/npm/dynamsoft-core@3.4.20/dist/', + license: 'https://cdn.jsdelivr.net/npm/dynamsoft-license@3.4.20/dist/', + cvr: 'https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.4.20/dist/', + dbr: 'https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.4.20/dist/', + dce: 'https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@4.1.0/dist/', }; /** LICENSE ALERT - README * To use the library, you need to first specify a license key using the API "initLicense()" as shown below. */ -LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', true); +LicenseManager.initLicense('DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9', { + executeNow: true, +}); /** * 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. * 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. - * 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. + * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.4.20&utm_source=samples#specify-the-license or contact support@dynamsoft.com. * LICENSE ALERT - THE END */ diff --git a/hello-world/blazor/README.md b/hello-world/blazor/README.md index d729be1c..2526d70a 100644 --- a/hello-world/blazor/README.md +++ b/hello-world/blazor/README.md @@ -2,7 +2,7 @@ [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). -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. +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. > Note: > @@ -281,7 +281,7 @@ Inside the `wwwroot\index.html` file, we will initialize the license and necessa ... - + - + + + + + + + - + diff --git a/use-case/fill-a-form-with-barcode-reading.html b/use-case/fill-a-form-with-barcode-reading.html index 35ea23dc..c9c11823 100644 --- a/use-case/fill-a-form-with-barcode-reading.html +++ b/use-case/fill-a-form-with-barcode-reading.html @@ -64,7 +64,7 @@

Click each input box to fill in!

- + + + + - + - + - + + + + + + + - + + + + +