simple-dynamsoft-mcp 5.0.0 → 6.3.0

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-foundational-api/src/components/ImageCapture/ImageCapture.tsx

@@ -1,76 +0,0 @@
-import React, { useRef, useEffect, MutableRefObject, useState } from "react";
-import "../../dynamsoft.config"; // import side effects. The license, engineResourcePath, so on.
-import { EnumCapturedResultItemType, CaptureVisionRouter, BarcodeResultItem } from "dynamsoft-barcode-reader-bundle";
-import "./ImageCapture.css";
-
-function ImageCapture() {
-  const [resultText, setResultText] = useState("");
-
-  let pCvRouter: MutableRefObject<Promise<CaptureVisionRouter> | null> = useRef(null);
-  let isDestroyed = useRef(false);
-
-  const captureImage = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    let files = [...(e.target.files as any as File[])];
-    e.target.value = ""; // reset input
-    setResultText("");
-
-    try {
-      // ensure cvRouter is created only once
-      const cvRouter = await (pCvRouter.current = pCvRouter.current || CaptureVisionRouter.createInstance());
-      if (isDestroyed.current) return;
-
-      let _resultText = "";
-      for (let file of files) {
-        // Decode selected image with 'ReadBarcodes_ReadRateFirst' template.
-        const result = await cvRouter.capture(file, "ReadBarcodes_ReadRateFirst");
-        console.log(result);
-        if (isDestroyed.current) return;
-
-        // Print file name if there's multiple files
-        if (files.length > 1) {
-          _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;
-          _resultText += item.formatString + ": " + item.text + "\n"
-        }
-        setResultText(_resultText);
-        // If no items are found, display that no barcode was detected
-        if (!result.items.length) setResultText(_resultText + "No barcode found");
-      }
-    } catch (ex: any) {
-      let errMsg = ex.message || ex;
-      console.error(ex);
-      alert(errMsg);
-    }
-  };
-
-  useEffect((): any => {
-    // In 'development', React runs setup and cleanup one extra time before the actual setup in Strict Mode.
-    isDestroyed.current = false;
-
-    // componentWillUnmount. dispose cvRouter when it's no longer needed
-    return () => {
-      isDestroyed.current = true;
-      if (pCvRouter.current) {
-        pCvRouter.current.then((cvRouter) => {
-          cvRouter.dispose();
-        }).catch((_) => { })
-      }
-    };
-  }, []);
-
-  return (
-    <div className="image-capture-container">
-      <div className="input-container">
-        <input type="file" multiple accept=".jpg,.jpeg,.icon,.gif,.svg,.webp,.png,.bmp" onChange={captureImage} />
-      </div>
-      <div className="results">{resultText}</div>
-    </div>
-  );
-}
-
-export default ImageCapture;

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-foundational-api/src/components/VideoCapture/VideoCapture.css

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

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-foundational-api/src/components/VideoCapture/VideoCapture.tsx

@@ -1,114 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import "../../dynamsoft.config"; // import side effects. The license, engineResourcePath, so on.
-import { CameraEnhancer, CameraView, CaptureVisionRouter, MultiFrameResultCrossFilter } from "dynamsoft-barcode-reader-bundle";
-import "./VideoCapture.css";
-
-const componentDestroyedErrorMsg = "VideoCapture Component Destroyed";
-
-function VideoCapture() {
-  const [resultText, setResultText] = useState("");
-  const cameraViewContainer = useRef<HTMLDivElement>(null);
-
-  useEffect((): any => {
-    let resolveInit: () => void;
-    const pInit: Promise<void> = new Promise((r) => {
-      resolveInit = r;
-    });
-    let isDestroyed = false;
-
-    let cvRouter: CaptureVisionRouter;
-    let cameraEnhancer: CameraEnhancer;
-
-    (async () => {
-      try {
-        // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
-        const cameraView = await CameraView.createInstance();
-        if (isDestroyed) {
-          throw Error(componentDestroyedErrorMsg);
-        } // Check if component is destroyed after every async
-        cameraEnhancer = await CameraEnhancer.createInstance(cameraView);
-        if (isDestroyed) {
-          throw Error(componentDestroyedErrorMsg);
-        }
-
-        // Get default UI and append it to DOM.
-        cameraViewContainer.current!.append(cameraView.getUIElement());
-
-        // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source.
-        cvRouter = await CaptureVisionRouter.createInstance();
-        if (isDestroyed) {
-          throw Error(componentDestroyedErrorMsg);
-        }
-        cvRouter.setInput(cameraEnhancer);
-
-        // Define a callback for results.
-        cvRouter.addResultReceiver({
-          onDecodedBarcodesReceived: (result) => {
-            if (!result.barcodeResultItems.length) return;
-
-            let _resultText = "";
-            setResultText(_resultText);
-            console.log(result);
-            for (let item of result.barcodeResultItems) {
-              _resultText += `${item.formatString}: ${item.text}\n\n`;
-            }
-            setResultText(_resultText);
-          },
-        });
-
-        // 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 cvRouter.addResultFilter(filter);
-        if (isDestroyed) {
-          throw Error(componentDestroyedErrorMsg);
-        }
-
-        // Open camera and start scanning barcode.
-        await cameraEnhancer.open();
-        cameraView.setScanLaserVisible(true);
-        if (isDestroyed) {
-          throw Error(componentDestroyedErrorMsg);
-        }
-        await cvRouter.startCapturing("ReadBarcodes_SpeedFirst");
-        if (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.
-      resolveInit!();
-    })();
-
-    // componentWillUnmount. dispose cvRouter when it's no longer needed
-    return () => {
-      isDestroyed = true;
-      // Wait for the pInit to complete before disposing resources.
-      pInit.then(() => {
-        cvRouter?.dispose();
-        cameraEnhancer?.dispose();
-      }).catch((_) => { })
-    };
-  }, []);
-
-  return (
-    <div>
-      <div ref={cameraViewContainer} style={{ width: "100%", height: "70vh" }}></div>
-      <br />
-      Results:
-      <div className="results">{resultText}</div>
-    </div>
-  );
-}
-
-export default VideoCapture;

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

@@ -1,20 +0,0 @@
-import { CoreModule, LicenseManager } from "dynamsoft-barcode-reader-bundle";
-
-// Configures the paths where the .wasm files and other necessary resources for modules are located.
-CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/";
-
-/** LICENSE ALERT - README
- * To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
- */
-
-LicenseManager.initLicense("DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==");
-
-/**
- * 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/docs/web/programming/javascript/user-guide/index.html?ver=11.2.4000&cVer=true#specify-the-license&utm_source=samples or contact support@dynamsoft.com.
- * LICENSE ALERT - THE END
- */
-
-// Optional. Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
-CoreModule.loadWasm();

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

@@ -1,11 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
-    "Droid Sans", "Helvetica Neue", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
-}

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

@@ -1,11 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-import App from "./App";
-
-const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-foundational-api/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

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

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}

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

@@ -1,33 +0,0 @@
-# 📦 Scan Single Barcode - React
-
-This sample demonstrates how to use the `BarcodeScanner` API from the [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/overview/javascript/) in a **React** app to scan a single barcode using the camera.
-
-## ✨ Features
-
-- Easy integration with pre-built UI
-- Renders barcodeScanner inside a React container
-- Scans one barcode at a time from video
-
-## 🚀 Quick Start
-
-### 1. Install Dependencies
-
-```bash
-npm install
-```
-
-### 2. Start the App
-
-```bash
-npm run dev
-```
-
-Then open http://localhost:3000/ 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/react/scan-using-rtu-api/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

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

@@ -1,29 +0,0 @@
-{
-  "name": "dbr-react",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "dynamsoft-barcode-reader-bundle": "11.2.4000",
-    "react": "19.2.3",
-    "react-dom": "19.2.3"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.33.0",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.0",
-    "eslint": "^9.33.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.39.1",
-    "vite": "^7.1.2"
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-rtu-api/src/App.tsx

@@ -1,59 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { BarcodeScanner, type BarcodeScannerConfig } from "dynamsoft-barcode-reader-bundle";
-
-
-function App() {
-  const barcodeScannerViewRef = useRef(null);
-
-  useEffect(() => {
-
-    // 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: barcodeScannerViewRef.current!,
-
-      // 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
-    const barcodeScanner = new BarcodeScanner(config);
-
-    (async () => {
-      // Launch the scanner; once a barcode is detected, display its text in an alert
-      let result = await barcodeScanner.launch();
-      if (result.barcodeResults.length) {
-        alert(result.barcodeResults[0].text);
-      }
-    })();
-
-    return () => {
-      // Dispose of the barcode scanner when the component unmounts
-      barcodeScanner?.dispose();
-    };
-  }, []);
-
-  return (
-    <>
-      <h1>Barcode Scanner for React</h1>
-      <div ref={barcodeScannerViewRef} style={{ width: '100%', height: '80vh' }}>
-      </div>
-    </>
-  )
-}
-
-export default App

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

@@ -1,9 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

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

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

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

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/react/scan-using-rtu-api/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})

package/code-snippet/dynamsoft-barcode-reader/web/frameworks/requirejs/README.md

@@ -1,18 +0,0 @@
-# RequireJS samples
-
-This directory contains RequireJS examples demonstrating how to use the Dynamsoft Barcode Reader with AMD/RequireJS loading.
-
-**Included examples**
-
-- scan-using-foundational-api/ — RequireJS demo page.
-- scan-using-rtu-api/ — RTU API demo page.
-
-## Quick start
-
-1. Serve the pages with a local static server and open the HTML page in your browser.
-2. e.g. python -m http.server or npx http-server
-
-## Notes
-
-- RequireJS pages must be served via HTTP; opening files directly may fail.
-- See the repository root README.md for general usage and license information.

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

@@ -1,98 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-  <meta name="description" content="Quickly read barcodes with Dynamsoft Barcode Reader from a live camera stream." />
-  <meta name="keywords" content="barcode, camera, RequireJS" />
-  <link rel="canonical"
-    href="https://demo.dynamsoft.com/Samples/DBR/JS/frameworks/requirejs/scan-using-foundational-api/requirejs.html" />
-  <title>Dynamsoft Barcode Reader Sample - Hello World for RequireJS (Decode via Camera)</title>
-  <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
-</head>
-
-<body>
-  <h1>Hello World for RequireJS (Decode via Camera)</h1>
-  <div id="camera-view-container" style="width: 100%; height: 80vh"></div>
-  Results:
-  <br />
-  <div id="results" style="width: 100%; height: 10vh; overflow: auto; white-space: pre-wrap"></div>
-  <script>
-    requirejs(
-      ["https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"],
-      ({
-        Core: { CoreModule },
-        License: { LicenseManager },
-        Utility: { MultiFrameResultCrossFilter },
-        CVR: { CaptureVisionRouter },
-        DCE: { CameraView, CameraEnhancer },
-      }) => {
-        /** LICENSE ALERT - README
-         * To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
-         */
-
-        LicenseManager.initLicense("DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==");
-
-        /**
-         * 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/docs/web/programming/javascript/user-guide/index.html?ver=11.2.4000&cVer=true#specify-the-license&utm_source=samples or contact support@dynamsoft.com.
-         * LICENSE ALERT - THE END
-         */
-
-        CoreModule.engineResourcePaths.rootDirectory = "https://cdn.jsdelivr.net/npm/";
-
-        // Optional. Used to load wasm resources in advance, reducing latency between video playing and barcode decoding.
-        CoreModule.loadWasm();
-
-        (async () => {
-          try {
-            // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
-            const cameraView = await CameraView.createInstance();
-            const cameraEnhancer = await CameraEnhancer.createInstance(cameraView);
-            // Get default UI and append it to DOM.
-            document.querySelector("#camera-view-container").append(cameraView.getUIElement());
-
-            // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source.
-            const cvRouter = await CaptureVisionRouter.createInstance();
-            cvRouter.setInput(cameraEnhancer);
-
-            // Define a callback for results.
-            cvRouter.addResultReceiver({
-              onDecodedBarcodesReceived: (result) => {
-                if (!result.barcodeResultItems.length) return;
-
-                const resultsContainer = document.querySelector("#results");
-                resultsContainer.textContent = "";
-                console.log(result);
-                for (let item of result.barcodeResultItems) {
-                  resultsContainer.textContent += `${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 cvRouter.addResultFilter(filter);
-
-            // Open camera and start scanning barcode.
-            await cameraEnhancer.open();
-            cameraView.setScanLaserVisible(true);
-            await cvRouter.startCapturing("ReadBarcodes_SpeedFirst");
-          } catch (ex) {
-            let errMsg = ex.message || ex;
-            console.error(ex);
-            alert(errMsg);
-          }
-        })();
-      }
-    );
-  </script>
-</body>
-
-</html>