simple-dynamsoft-mcp 4.0.0 → 6.2.0

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/app/image-capture/image-capture.component.html

@@ -1,11 +0,0 @@
-<div class="image-capture-container">
-  <div class="input-container">
-    <input
-      type="file"
-      multiple
-      (change)="captureImage($event)"
-      accept=".jpg,.jpeg,.icon,.gif,.svg,.webp,.png,.bmp"
-    />
-  </div>
-  <div class="results">{{resultText}}</div>
-</div>

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/app/image-capture/image-capture.component.ts

@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-import '../dynamsoft.config';
-import { EnumCapturedResultItemType, CaptureVisionRouter } from 'dynamsoft-barcode-reader-bundle';
-import type { BarcodeResultItem } from 'dynamsoft-barcode-reader-bundle';
-
-@Component({
-  selector: 'app-image-capture',
-  templateUrl: './image-capture.component.html',
-  styleUrls: ['./image-capture.component.css'],
-  standalone: true,
-})
-export class ImageCaptureComponent {
-  resultText = "";
-
-  pCvRouter?: Promise<CaptureVisionRouter>;
-  isDestroyed = false;
-
-  captureImage = async (e: Event) => {
-    let files = [...((e.target! as HTMLInputElement).files as any as File[])];
-    (e.target! as HTMLInputElement).value = ''; // reset input
-    this.resultText = '';
-    try {
-      // ensure cvRouter is created only once
-      const cvRouter = await (this.pCvRouter =
-        this.pCvRouter || CaptureVisionRouter.createInstance());
-      if (this.isDestroyed) return;
-
-      for (let file of files) {
-        // Decode selected image with 'ReadBarcodes_ReadRateFirst' template.
-        const result = await cvRouter.capture(file, 'ReadBarcodes_ReadRateFirst');
-        console.log(result);
-        if (this.isDestroyed) return;
-
-        // Print file name if there's multiple files
-        if (files.length > 1) {
-          this.resultText += `\n${file.name}:\n`;
-        }
-        for (let _item of result.items) {
-          if (_item.type !== EnumCapturedResultItemType.CRIT_BARCODE) {
-            continue; // check if captured result item is a barcode
-          }
-          let item = _item as BarcodeResultItem;
-          this.resultText += item.text + '\n'; // output the decoded barcode text
-        }
-        // If no items are found, display that no barcode was detected
-        if (!result.items.length)
-          this.resultText +=
-            'No barcode found\n';
-      }
-    } catch (ex: any) {
-      let errMsg = ex.message || ex;
-      console.error(ex);
-      alert(errMsg);
-    }
-  };
-
-  // dispose cvRouter when it's no longer needed
-  async ngOnDestroy() {
-    this.isDestroyed = true;
-    if (this.pCvRouter) {
-      try {
-        (await this.pCvRouter).dispose();
-      } catch (_) {}
-    }
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/app/video-capture/video-capture.component.css

@@ -1,6 +0,0 @@
-.results {
-  width: 100%;
-  height: 10vh;
-  overflow: auto;
-  white-space: pre-wrap;
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/app/video-capture/video-capture.component.html

@@ -1,8 +0,0 @@
-<div
-  #cameraViewContainer
-  class="camera-view-container"
-  style="width: 100%; height: 70vh"
-></div>
-<br />
-Results:
-<div class="results">{{resultText}}</div>

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/app/video-capture/video-capture.component.ts

@@ -1,109 +0,0 @@
-import { Component, ElementRef, ViewChild, NgZone  } from '@angular/core';
-import '../dynamsoft.config';
-import { CameraEnhancer, CameraView, MultiFrameResultCrossFilter, CaptureVisionRouter } from 'dynamsoft-barcode-reader-bundle';
-
-const componentDestroyedErrorMsg = 'VideoCapture Component Destroyed';
-
-@Component({
-  selector: 'app-video-capture',
-  templateUrl: './video-capture.component.html',
-  styleUrls: ['./video-capture.component.css'],
-  standalone: true,
-})
-export class VideoCaptureComponent {
-  constructor(private ngZone: NgZone) { }
-
-  @ViewChild('cameraViewContainer') cameraViewContainer?: ElementRef<HTMLDivElement>;
-  resultText = "";
-
-  resolveInit?: () => void;
-  pInit: Promise<void> = new Promise((r) => {
-    this.resolveInit = r;
-  });
-  isDestroyed = false;
-
-  cvRouter?: CaptureVisionRouter;
-  cameraEnhancer?: CameraEnhancer;
-
-  async ngAfterViewInit(): Promise<void> {
-    try {
-      // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
-      const cameraView = await CameraView.createInstance();
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      } // Check if component is destroyed after every async
-      this.cameraEnhancer = await CameraEnhancer.createInstance(cameraView);
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      }
-
-      // Get default UI and append it to DOM.
-      this.cameraViewContainer!.nativeElement.append(cameraView.getUIElement());
-
-      // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source.
-      this.cvRouter = await CaptureVisionRouter.createInstance();
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      }
-      this.cvRouter.setInput(this.cameraEnhancer);
-
-      // Define a callback for results.
-      this.cvRouter.addResultReceiver({
-        onDecodedBarcodesReceived: (result) => {
-          if (!result.barcodeResultItems.length) return;
-          console.log(result);
-          this.ngZone.run(() => {
-            this.resultText = '';
-            for (let item of result.barcodeResultItems) {
-              this.resultText += `${item.formatString}: ${item.text}\n\n`;
-            }
-          });
-        },
-      });
-
-      // Filter out unchecked and duplicate results.
-      const filter = new MultiFrameResultCrossFilter();
-      // Filter out unchecked barcodes.
-      filter.enableResultCrossVerification('barcode', true);
-      // Filter out duplicate barcodes within 3 seconds.
-      filter.enableResultDeduplication('barcode', true);
-      await this.cvRouter.addResultFilter(filter);
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      }
-
-      // Open camera and start scanning barcode.
-      await this.cameraEnhancer.open();
-      cameraView.setScanLaserVisible(true);
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      }
-      await this.cvRouter.startCapturing('ReadBarcodes_SpeedFirst');
-      if (this.isDestroyed) {
-        throw Error(componentDestroyedErrorMsg);
-      }
-    } catch (ex: any) {
-      if ((ex as Error)?.message === componentDestroyedErrorMsg) {
-        console.log(componentDestroyedErrorMsg);
-      } else {
-        let errMsg = ex.message || ex;
-        console.error(ex);
-        alert(errMsg);
-      }
-    }
-
-    // Resolve pInit promise once initialization is complete.
-    this.resolveInit!();
-  }
-
-  // dispose cvRouter when it's no longer needed
-  async ngOnDestroy() {
-    this.isDestroyed = true;
-    try {
-      // Wait for the pInit to complete before disposing resources.
-      await this.pInit;
-      this.cvRouter?.dispose();
-      this.cameraEnhancer?.dispose();
-    } catch (_) { }
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/index.html

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Hello World for Angular - Dynamsoft Barcode Reader Sample</title>
-    <base href="/" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <meta
-      name="description"
-      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/frameworks/angular/scan-using-foundational-api/" />
-  </head>
-  <body>
-    <app-root></app-root>
-  </body>
-</html>

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/main.ts

@@ -1,5 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent)
-  .catch((err) => console.error(err));

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/src/styles.css

@@ -1,11 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html, body {
-  text-align: center;
-  min-width: 350px;
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/tsconfig.app.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/tsconfig.json

@@ -1,32 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-foundational-api/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/.editorconfig

@@ -1,17 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-ij_typescript_use_double_quotes = false
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/README.md

@@ -1,33 +0,0 @@
-# 📦 Scan Single Barcode - Angular
-
-This sample shows how to integrate the `BarcodeScanner` from the [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/overview/javascript/) in an **Angular** project for scanning a single barcode from live video.
-
-## ✨ Features
-
-- Easy integration with pre-built UI
-- BarcodeScanner initialized in Angular component
-- Scans one barcode at a time from video
-
-## 🚀 Quick Start
-
-### 1. Install Dependencies
-
-```bash
-npm install
-```
-
-### 2. Run the App
-
-```bash
-npm run start
-```
-
-Then open your browser at http://localhost:4200 to view the sample app.
-
-## 📌 Customization
-
-Please check the official [documentation](https://dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner-customization.html).
-
-## 📄 Support
-
-If you have any questions, feel free to [contact Dynamsoft Support](https://www.dynamsoft.com/company/contact?utm_source=sampleReadme).

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/angular.json

@@ -1,100 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "angular": {
-      "projectType": "application",
-      "schematics": {},
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:application",
-          "options": {
-            "outputPath": "dist/angular",
-            "index": "src/index.html",
-            "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
-            "tsConfig": "tsconfig.app.json",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": [],
-            "baseHref": "./"
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "1000kb",
-                  "maximumError": "1MB"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "4kB",
-                  "maximumError": "8kB"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "optimization": false,
-              "extractLicenses": false,
-              "sourceMap": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "configurations": {
-            "production": {
-              "buildTarget": "angular:build:production"
-            },
-            "development": {
-              "buildTarget": "angular:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n"
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
-            "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": []
-          }
-        }
-      }
-    }
-  },
-  "cli": {
-    "analytics": false
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/package.json

@@ -1,37 +0,0 @@
-{
-  "name": "angular",
-  "version": "0.0.0",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development"
-  },
-  "private": true,
-  "dependencies": {
-    "@angular/common": "19.2.18",
-    "@angular/compiler": "19.2.18",
-    "@angular/core": "19.2.18",
-    "@angular/forms": "19.2.18",
-    "@angular/platform-browser": "19.2.18",
-    "@angular/platform-browser-dynamic": "19.2.18",
-    "@angular/router": "19.2.18",
-    "dynamsoft-barcode-reader-bundle": "11.2.4000",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.15.0"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "19.2.8",
-    "@angular/cli": "19.2.8",
-    "@angular/compiler-cli": "19.2.18",
-    "@types/jasmine": "~5.1.0",
-    "jasmine-core": "~5.6.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.7.2"
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/app/app.component.css

@@ -1,24 +0,0 @@
-.barcode-scanner-hello-world-page {
-  width: 100%;
-  height: 100%;
-  text-align: center;
-}
-
-.barcode-scanner-title {
-  height: 90px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 20px 0;
-}
-
-.barcode-scanner-title .barcode-scanner-title-logo {
-  width: 40px;
-  height: 40px;
-  margin-left: 10px;
-}
-
-.barcode-scanner-view {
-  width: 100%;
-  height: calc(100% - 90px);
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/app/app.component.html

@@ -1,7 +0,0 @@
-<div class="barcode-scanner-hello-world-page">
-  <div class="barcode-scanner-title">
-    <h2 class="barcode-scanner-title-text">Hello World for Angular</h2>
-  </div>
-  <!-- This div will host the barcode scanner's camera view -->
-  <div class="barcode-scanner-view" #barcodeScannerViewRef></div>
-</div>

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/app/app.component.ts

@@ -1,53 +0,0 @@
-import { Component, ElementRef, ViewChild } from '@angular/core';
-import { BarcodeScanner, BarcodeScannerConfig } from 'dynamsoft-barcode-reader-bundle';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.css'
-})
-
-export class AppComponent {
-  title = 'angular';
-  barcodeScanner: BarcodeScanner | null = null;
-
-  @ViewChild('barcodeScannerViewRef') barcodeScannerViewRef!: ElementRef<HTMLDivElement>;
-
-  async ngAfterViewInit(): Promise<void> {
-    // Configuration object for initializing the BarcodeScanner instance
-    const config: BarcodeScannerConfig = {
-      license: "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==", // Replace with your Dynamsoft license key
-
-      // Specify where to render the scanner UI
-      // If container is not specified, the UI will take up the full screen
-      container: this.barcodeScannerViewRef.nativeElement,
-
-      // Specify the path for the definition file "barcode-scanner.ui.xml" for the scanner view.
-      uiPath: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/ui/barcode-scanner.ui.xml",
-
-      // showUploadImageButton: true,
-      // scannerViewConfig: {
-      //   showFlashButton: true,
-      //   cameraSwitchControl: "toggleFrontBack",
-      // },
-
-      // Specify custom paths for the engine resources
-      engineResourcePaths: {
-        rootDirectory: "https://cdn.jsdelivr.net/npm/",
-      },
-    }
-
-    // Create an instance of the BarcodeScanner with the provided configuration
-    this.barcodeScanner = new BarcodeScanner(config);
-
-    // Launch the scanner; once a barcode is detected, display its text in an alert
-    let result = await this.barcodeScanner.launch();
-    if (result.barcodeResults.length) {
-      alert(result.barcodeResults[0].text);
-    }
-  }
-  async ngOnDestroy(): Promise<void> {
-    // Dispose of the barcode scanner when the component unmounts
-    this.barcodeScanner?.dispose();
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/app/app.config.ts

@@ -1,8 +0,0 @@
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
-
-import { routes } from './app.routes';
-
-export const appConfig: ApplicationConfig = {
-  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
-};

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/app/app.routes.ts

@@ -1,3 +0,0 @@
-import { Routes } from '@angular/router';
-
-export const routes: Routes = [];

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/main.ts

@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/src/styles.css

@@ -1,16 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-}
-
-#root {
-  width: 100%;
-  height: 100%;
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/angular/scan-using-rtu-api/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}