npm - simple-dynamsoft-mcp - Versions diffs - 5.0.0 → 6.3.0 - Mend

simple-dynamsoft-mcp 5.0.0 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/cart-builder/cart-builder.html DELETED Viewed

@@ -1,272 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>List-Builder - Scan to Cart Simulation</title>
-  <!-- Include Dynamsoft Barcode Reader Bundle via CDN -->
-  <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
-  <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../dist/dbr.bundle.js"></script> -->
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      margin: 0;
-      padding: 20px;
-      background: #f0f0f0;
-    }
-    header {
-      text-align: center;
-      margin-bottom: 30px;
-    }
-    .scan-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 8px 16px;
-      margin: 0 auto 20px;
-      font-size: 14px;
-      background: #4caf50;
-      color: #fff;
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    .scan-button:hover {
-      background: #45a049;
-    }
-    .barcode-icon {
-      height: 12px;
-      margin-left: 8px;
-    }
-    .cart {
-      max-width: 600px;
-      margin: 0 auto;
-      background: #fff;
-      padding: 20px;
-      border-radius: 5px;
-      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    }
-    .cart-item {
-      display: flex;
-      justify-content: space-between;
-      padding: 10px 0;
-      border-bottom: 1px solid #ddd;
-    }
-    .cart-item:last-child {
-      border-bottom: none;
-    }
-    #floatingDiv {
-      position: fixed;
-      top: 40%;
-      left: 10%;
-      width: 50%;
-      height: 25%;
-      max-width: 400px;
-      max-height: 200px;
-      min-width: 150px;
-      min-height: 150px;
-      background: #f9f9f9;
-      border: 2px solid #ccc;
-      border-radius: 8px;
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-      cursor: move;
-      z-index: 999;
-      padding: 3px;
-      box-sizing: border-box;
-    }
-  </style>
-</head>
-<body>
-  <header>
-    <h1>🛒 Scan Barcode to Add Items to Cart</h1>
-  </header>
-  <!-- Scan Button -->
-  <button class="scan-button" id="barcodeBtn">
-    Scan Barcode
-    <svg class="barcode-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <rect x="2" y="4" width="2" height="16" fill="black" />
-      <rect x="6" y="4" width="1" height="16" fill="black" />
-      <rect x="9" y="4" width="2" height="16" fill="black" />
-      <rect x="13" y="4" width="1" height="16" fill="black" />
-      <rect x="16" y="4" width="2" height="16" fill="black" />
-      <rect x="20" y="4" width="1" height="16" fill="black" />
-    </svg>
-  </button>
-  <!-- Floating Scanner Container -->
-  <div id="floatingDiv" hidden></div>
-  <!-- Shopping Cart -->
-  <div class="cart">
-    <h2>Simulated Shopping Cart</h2>
-    <div id="cart-items">
-      <p>No items in cart. Start scanning!</p>
-    </div>
-  </div>
-  <script>
-    const dragDiv = document.getElementById("floatingDiv");
-    // Function to initialize and launch the barcode scanner
-    async function startScanner() {
-      // Create a new instance of Dynamsoft BarcodeScanner with configuration options
-      const scanner = new Dynamsoft.BarcodeScanner({
-        // License key for Dynamsoft Barcode Reader (replace with a valid key)
-        license: "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==",
-        // Set scanning mode to detect multiple unique barcodes in one session
-        scanMode: Dynamsoft.EnumScanMode.SM_MULTI_UNIQUE,
-        // Time in milliseconds to forget duplicate barcodes (prevents rapid duplicate scans)
-        duplicateForgetTime: 5000,
-        showResultView: false,
-        // Configure the scanner view (UI settings)
-        scannerViewConfig: {
-          container: document.querySelector("#floatingDiv"), // Attach scanner UI to floating div
-          showCloseButton: true, // Display a close button in the scanner UI
-        },
-        // Callback triggered when a unique barcode is detected
-        onUniqueBarcodeScanned: (result) => {
-          // Simulate adding the scanned barcode to the shopping cart
-          simulateAddingToCart(result.text);
-        },
-      });
-      // Show the floating scanner container
-      document.querySelector("#floatingDiv").hidden = false;
-      // Launch the scanner (opens camera and starts scanning)
-      await scanner.launch();
-      // Hide the scanner container after scanning is complete or closed
-      document.querySelector("#floatingDiv").hidden = true;
-    }
-    // Product List
-    const products = [
-      { name: "Wireless Mouse", price: 19.99 },
-      { name: "Bluetooth Speaker", price: 29.99 },
-      { name: "USB-C Cable", price: 9.99 },
-      { name: "Notebook", price: 4.99 },
-      { name: "Water Bottle", price: 14.99 },
-      { name: "Laptop Stand", price: 34.99 },
-      { name: "Wireless Keyboard", price: 24.99 },
-      { name: "Portable Charger", price: 39.99 },
-      { name: "LED Desk Lamp", price: 22.5 },
-      { name: "Backpack", price: 49.99 },
-      { name: "Earbuds", price: 17.99 },
-      { name: "Smartphone Holder", price: 12.99 },
-      { name: "Desk Organizer", price: 15.49 },
-      { name: "Fitness Tracker", price: 59.99 },
-      { name: "Coffee Mug", price: 8.99 },
-      { name: "HDMI Cable", price: 6.99 },
-      { name: "Flash Drive 64GB", price: 14.49 },
-      { name: "Gaming Headset", price: 45.0 },
-      { name: "Desk Chair Cushion", price: 27.99 },
-      { name: "Sticky Notes Pack", price: 3.99 },
-    ];
-    let cart = [];
-    // Simulate adding product to cart
-    function simulateAddingToCart(barcodeText) {
-      const product = {
-        ...products[Math.floor(Math.random() * products.length)],
-      };
-      product.name += ` (${shortenString(barcodeText)})`;
-      cart.push(product);
-      updateCartDisplay();
-    }
-    // Shorten barcode text
-    const shortenString = (str, max = 15) =>
-      str.length <= max ? str : str.slice(0, max) + "...";
-    // Update Cart UI
-    function updateCartDisplay() {
-      const cartDiv = document.getElementById("cart-items");
-      cartDiv.innerHTML = "";
-      const header = document.createElement("div");
-      header.className = "cart-item";
-      header.innerHTML = `<strong>Item</strong><strong>Price</strong>`;
-      cartDiv.appendChild(header);
-      cart.forEach((item) => {
-        const div = document.createElement("div");
-        div.className = "cart-item";
-        div.innerHTML = `<span>${item.name}</span><span>$${item.price.toFixed(
-          2
-        )}</span>`;
-        cartDiv.appendChild(div);
-      });
-    }
-    // Initialize Scan Button
-    window.onload = () => {
-      document
-        .getElementById("barcodeBtn")
-        .addEventListener("click", startScanner);
-      // Make the Floating Div Draggable
-      let offsetX = 0,
-        offsetY = 0,
-        isDragging = false;
-      dragDiv.addEventListener("mousedown", (e) => {
-        isDragging = true;
-        offsetX = e.clientX - dragDiv.offsetLeft;
-        offsetY = e.clientY - dragDiv.offsetTop;
-      });
-      document.addEventListener("mousemove", (e) => {
-        if (isDragging) {
-          dragDiv.style.left = `${e.clientX - offsetX}px`;
-          dragDiv.style.top = `${e.clientY - offsetY}px`;
-        }
-      });
-      document.addEventListener("mouseup", () => (isDragging = false));
-      dragDiv.addEventListener("touchstart", (e) => {
-        isDragging = true;
-        offsetX = e.touches[0].clientX - dragDiv.offsetLeft;
-        offsetY = e.touches[0].clientY - dragDiv.offsetTop;
-      });
-      document.addEventListener("touchmove", (e) => {
-        if (isDragging) {
-          e.preventDefault();
-          dragDiv.style.left = `${e.touches[0].clientX - offsetX}px`;
-          dragDiv.style.top = `${e.touches[0].clientY - offsetY}px`;
-        }
-      }, { passive: false });
-      document.addEventListener("touchend", () => (isDragging = false));
-    };
-    window.addEventListener("orientationchange", () => {
-      dragDiv.style.left = "10%"
-      dragDiv.style.top = "40%"
-    })
-  </script>
-</body>
-</html>

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/README.md DELETED Viewed

@@ -1,57 +0,0 @@
-# Debug Sample
-This sample is designed to:
-1. Print detailed logs in the browser console to better assist in troubleshooting. On your mobile browser, you can click the tool icon to open the console (provided by eruda.js).
-2. Check if your device and browser are compatible with the camera and to what extent.
-3. Collect video frames for analysis. (Require to host the sample locally)
-You can directly debug 1 and 2 in this link: [https://demo.dynamsoft.com/Samples/DBR/JS/scenarios/debug/public/index.html](https://demo.dynamsoft.com/Samples/DBR/JS/scenarios/debug/public/index.html)
-Item 3 we will introduce in detail.
-## Collect the video frames for analysis
-Barcode reading is a one-time job, the application either succeeds or fails to read the barcode(s). For the failed scenario, it's possible to make them successful by adjusting the settings provided by the Dynamsoft Capture Vision Router JavaScript SDK. However, adjusting the settings could be a bit overwhelming. Therefore, Dynamsoft offers the debug sample that enables customers to capture and save runtime video frames for sending to the Dynamsoft team. With the original images, the team can test and optimize settings for customers.
-The following shows how to host the sample and collect frames.
-### Download the sample
-The sample can be downloaded from
-<a target_="blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/scenarios/debug" alt="Debug Sample on GitHub">Debug Sample on GitHub</a>
-Note that the entire folder is required. To download only the files in this folder, try using "https://downgit.github.io/#/home".
-### Set up a local server
-Since the video is usually playing on mobile devices, having these frames uploaded to a self-hosted local server is most convenient, therefore, we first need to set up a local server.
-We make use of the web server that comes with [Express](https://expressjs.com/).
-* Install dependencies
-Run the following script to install all dependencies.
-`npm install`
-* Start the server
-We defined the web server logic in the file "app.js", to start it, run the following script:
-`node app.js`
-Note that we have used self-signed certificates to enable SSL on the port 4443.
-### Use the sample page
-Once the server is up and running, open the page on the device that will do the barcode reading. The URL for the sample is "https://{your-local-ip}:4443/". For example, suppose your ip is 192.168.1.1, the site can be visited at [https://192.168.1.1:4443/](https://192.168.1.1:4443/).
-> Note that the device should be in the same WiFi network as the server machine.
-You will see a warning due to self-signing. Please ignore and keep processing.
-Click the button "start capturing" and try to read barcodes, the frames will then be uploaded to the folder "debug\public\collect" as images (.png) on the server. When you have collected enough frames, please click "stop capturing", otherwise, new frames will continue to flood in.
-Check the images to make sure that they correctly represent the actual usage scenario, then zip and send them to Dynamsoft for technical assistance.

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/app.js DELETED Viewed

@@ -1,43 +0,0 @@
-const express = require('express');
-const fs = require('fs');
-const https = require('https');
-const cors = require('cors');
-const util = require('util');
-const path = require('path');
-const multer = require('multer');
-const app = express();
-// Access-Control-Allow-Origin: **any**
-app.use(cors({
-    origin: (origin, callback) => {
-        return callback(null, true);
-    }
-}));
-// collect images
-const dirCollect = path.join(__dirname, 'public/collect');
-if(!fs.existsSync(dirCollect)){
-    fs.mkdirSync(dirCollect);
-}
-const collect = multer({ storage: multer.diskStorage({
-    destination: (req, file, cb) => {
-        cb(null, dirCollect);
-    },
-    filename: (req, file, cb) => {
-        cb(null, Date.now()+'.png');
-    }
-}) });//dest: path.join(__dirname, 'public/collect')
-app.post('/collect', collect.any(), async(req, res) => {
-    res.send(util.inspect(req.files,{depth:null}));
-});
-// static files
-app.use(express.static(path.join(__dirname, 'public')));
-let httpsServer = https.createServer({
-    key: fs.readFileSync(path.join(__dirname, 'pem/ryans-key.pem')),
-    cert: fs.readFileSync(path.join(__dirname, 'pem/ryans-cert.pem'))
-}, app);
-let httpsPort = 4443;
-httpsServer.listen(httpsPort, () => console.log('Page is available in https://localhost:'+httpsPort+'/'));

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/package.json DELETED Viewed

@@ -1,16 +0,0 @@
-{
-  "name": "collect-img",
-  "version": "1.2.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "cors": "^2.8.5",
-    "express": "^4.17.1",
-    "multer": "^2.0.2"
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/pem/ryans-cert.pem DELETED Viewed

@@ -1,13 +0,0 @@
------BEGIN CERTIFICATE-----
-MIICDDCCAXUCFGlprxUW7YsQSmqXwS3fjySQwexCMA0GCSqGSIb3DQEBCwUAMEUx
-CzAJBgNVBAYTAkFVMRMwEQYDVQQIDApTb21lLVN0YXRlMSEwHwYDVQQKDBhJbnRl
-cm5ldCBXaWRnaXRzIFB0eSBMdGQwHhcNMjAwMTE3MDE0OTM0WhcNMjAwMjE2MDE0
-OTM0WjBFMQswCQYDVQQGEwJBVTETMBEGA1UECAwKU29tZS1TdGF0ZTEhMB8GA1UE
-CgwYSW50ZXJuZXQgV2lkZ2l0cyBQdHkgTHRkMIGfMA0GCSqGSIb3DQEBAQUAA4GN
-ADCBiQKBgQCt3L/syEyB8B9O8Xhf3/SJOfTsoSs+3+/ELvFd07QEP0mySRjh9hUL
-BjB1bWJXBshn9JBzlfGUjRtNkc54VF1JfjFgi7UzqqyAlAwfEMBbp8jUX1Hh9iU7
-ctTAHxcAicTWTkRmToXJBUhbgTH+eF/GfQTdnByrncprQfuqdPg2KwIDAQABMA0G
-CSqGSIb3DQEBCwUAA4GBAKRRbXBhTS95IimKoIZq3RtVrjXpcsBn5ncyvFULc6Y5
-OkOxum5TO++XHVOJyalqyWpAQuz6i348hxTW6wqt5Js0UPGLGIb4Kq965QKKT+yJ
-WnHOnzZzJxiTs/1uGFjPAKgdvuDhcx36YsvSQ/UnJvF0rttjLKOGI5SkFMgz1Ufz
------END CERTIFICATE-----

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/pem/ryans-csr.pem DELETED Viewed

@@ -1,11 +0,0 @@
------BEGIN CERTIFICATE REQUEST-----
-MIIBhDCB7gIBADBFMQswCQYDVQQGEwJBVTETMBEGA1UECAwKU29tZS1TdGF0ZTEh
-MB8GA1UECgwYSW50ZXJuZXQgV2lkZ2l0cyBQdHkgTHRkMIGfMA0GCSqGSIb3DQEB
-AQUAA4GNADCBiQKBgQCt3L/syEyB8B9O8Xhf3/SJOfTsoSs+3+/ELvFd07QEP0my
-SRjh9hULBjB1bWJXBshn9JBzlfGUjRtNkc54VF1JfjFgi7UzqqyAlAwfEMBbp8jU
-X1Hh9iU7ctTAHxcAicTWTkRmToXJBUhbgTH+eF/GfQTdnByrncprQfuqdPg2KwID
-AQABoAAwDQYJKoZIhvcNAQELBQADgYEAgwEY90gQQzxIonWEgDxGRBHxSk0h3UE4
-rTP3JggV6h0vXMndOrDXC2qrh20fJaWIHqbBtmfOF4NmPhQTSZOZ2fIjPBeHZqLq
-8+K9iZPeyjnVIRyWkXfCPacoddTw2FcykRobgL6Wi/RoldutOnIDlTawo5Y/eXvm
-JI0428mqYU4=
------END CERTIFICATE REQUEST-----

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/pem/ryans-key.pem DELETED Viewed

@@ -1,15 +0,0 @@
------BEGIN RSA PRIVATE KEY-----
-MIICXAIBAAKBgQCt3L/syEyB8B9O8Xhf3/SJOfTsoSs+3+/ELvFd07QEP0mySRjh
-9hULBjB1bWJXBshn9JBzlfGUjRtNkc54VF1JfjFgi7UzqqyAlAwfEMBbp8jUX1Hh
-9iU7ctTAHxcAicTWTkRmToXJBUhbgTH+eF/GfQTdnByrncprQfuqdPg2KwIDAQAB
-AoGAO6O6zm2TGQuWoczhPvoi9yPDaZyLqiDFLaXws//YA5D2Jcs/VtvEMijoXI+u
-KS4xdr+FAbFQ0mVpFT3L9qjx6p/lSVKzJ1tlVlp7klJzK0VOWmMojLrhsstp44ah
-jZQdxcnlEDgeBwXj5m09fr7YFfIiyHef+r9ORqn00F7K+xkCQQDhy5k00dsfL5MY
-oy70Ikb70n90qktnFXrgsgEeojG0j0OmJUdNLV6gXbkD4lEeh6iK5XdAEuso+Qw1
-5Ksa3d11AkEAxR6yMXPIbl+4y24TbIGAZwb44Lyn9DAnLm5qgFvMgJARz+kqlYyr
-tpZ6cD1JY3fuF+umDlNPYzxGxy3kz/sxHwJBAJNiLDzYBmmSyjc4vPtKLH9PZTan
-udQtpylnx2dRg5RSN1wJ1ULBLJUM2Cl63mxJLHCNW4uNTcZO2fOLsUw2KckCQBFp
-dboSjSjawbsOfR6/jbUME53ebEOQoVVjoXq3IShWEYy4/u743w4g2q3hbAMiS+DH
-CwMG7uNIJsRfVG/es2cCQD7R6ebztt858vYZzfLMLMsJTF2YQs1YG91x76lZLhNp
-tcTTENHD4g9v/Q5MV+fhN0UuJ2ikrXULAgDmJMvAVyk=
------END RSA PRIVATE KEY-----

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/debug/public/index.html DELETED Viewed

@@ -1,198 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <meta name="description"
-    content="Read barcodes from camera with Dynamsoft Barcode Reader. Save the processed frames for debugging." />
-  <meta name="keywords" content="read barcode from camera, debug" />
-  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-  <title>Dynamsoft Barcode Reader Sample - Debug</title>
-</head>
-<body>
-  <h1 style="font-size: 1.5em">Read Barcodes from Camera - Debug</h1>
-  <button id="btn-start-capturing">start capturing</button>
-  <button id="btn-stop-capturing">stop capturing</button>
-  <br /><br />
-  <label><input type="radio" name="video-settings" checked value="default" />default</label>
-  <label><input type="radio" name="video-settings" value="back-camera" />back camera</label>
-  <label><input type="radio" name="video-settings" value="only-video" />only video</label>
-  <br /><br />
-  <label><input id="cb-send-img" type="checkbox" />send image to</label><input id="ipt-server-url"
-    placeholder="server url, default ./collect" />
-  <br />
-  <div id="div-ui-container" style="width: 100%; height: calc(100vh - 150px)"></div>
-  <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
-  <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
-  <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../dist/dbr.bundle.js"></script> -->
-  <script>
-    eruda.init();
-    Dynamsoft.Core.CoreModule.enableLogging();
-    Dynamsoft.CVR.CaptureVisionRouter._onLog = console.log;
-    Dynamsoft.DCE.CameraEnhancer._onLog = console.log;
-    /** LICENSE ALERT - README
-     * To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
-     */
-    Dynamsoft.License.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
-     */
-    // Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
-    Dynamsoft.Core.CoreModule.loadWasm();
-    const init = async () => {
-      try {
-        // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
-        const cameraView = await Dynamsoft.DCE.CameraView.createInstance();
-        const cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
-        // Get default UI and append it to DOM.
-        document.querySelector("#div-ui-container").append(cameraView.getUIElement());
-        // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source.
-        const cvRouter = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
-        cvRouter.setInput(cameraEnhancer);
-        // Filter out unchecked and duplicate results.
-        const filter = new Dynamsoft.Utility.MultiFrameResultCrossFilter();
-        filter.enableResultCrossVerification("barcode", true); // Filter out unchecked barcodes.
-        // Filter out duplicate barcodes within 3 seconds.
-        filter.enableResultDeduplication("barcode", true);
-        filter.setDuplicateForgetTime("barcode", 3000);
-        await cvRouter.addResultFilter(filter);
-        let ss = await cvRouter.getSimplifiedSettings("ReadBarcodes_SpeedFirst");
-        ss.timeout = 100000;
-        ss.minImageCaptureInterval = 100;
-        ss.outputOriginalImage = true;
-        await cvRouter.updateSettings("ReadBarcodes_SpeedFirst", ss);
-        // Define a callback for results.
-        const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
-        let processingCount = 0;
-        resultReceiver.onCapturedResultReceived = async (result) => {
-          const resultItems = result.items;
-          if (!resultItems.length) return;
-          if (resultItems.some((item) => item.type === "barcode")) {
-            Dynamsoft.DCE.Feedback.beep();
-          }
-          let bSendImg = !!document.getElementById("cb-send-img").checked;
-          /**
-           * The barcode reading speed is very fast, we must limit
-           * the number of uploaded frames (4), so that it is feasible.
-           */
-          if (bSendImg && processingCount < 4) {
-            ++processingCount;
-            try {
-              /**
-               * The 'cvs' is the one the sdk worked on,
-               * we can collect it for futher testing and debugging.
-               */
-              let cvs;
-              for (let item of resultItems) {
-                if (item.type !== Dynamsoft.Core.EnumCapturedResultItemType.CRIT_ORIGINAL_IMAGE) continue;
-                const imageData = item.imageData;
-                console.log(item);
-                cvs = imageData.toCanvas();
-              }
-              let fd = new FormData();
-              if (cvs != null) {
-                let blob = cvs.convertToBlob
-                  ? await cvs.convertToBlob()
-                  : await new Promise((resolve) => {
-                    cvs.toBlob((blob) => resolve(blob));
-                  });
-                fd.append("img", blob);
-                await fetch(document.getElementById("ipt-server-url").value || "collect", {
-                  method: "POST",
-                  body: fd,
-                });
-              }
-            } catch (ex) {
-              console.error(ex);
-            }
-            --processingCount;
-          }
-        };
-        cvRouter.addResultReceiver(resultReceiver);
-        return {
-          cameraView,
-          cameraEnhancer,
-          cvRouter,
-        };
-      } catch (ex) {
-        let errMsg = ex.message || ex;
-        console.error(ex);
-        alert(errMsg);
-      }
-    };
-    let pInit = init();
-    document.getElementById("btn-start-capturing").addEventListener("click", async () => {
-      const { cameraEnhancer, cvRouter, cameraView } = await pInit;
-      // Open camera and start scanning barcode.
-      await cameraEnhancer.open();
-      cameraView.setScanLaserVisible(true);
-      await cvRouter.startCapturing("ReadBarcodes_SpeedFirst");
-    });
-    document.getElementById("btn-stop-capturing").addEventListener("click", async () => {
-      const { cameraEnhancer, cvRouter, cameraView } = await pInit;
-      cvRouter.stopCapturing();
-      cameraEnhancer.close();
-      cameraView.setScanLaserVisible(false);
-    });
-    let switchVideoSettings = async () => {
-      const { cameraEnhancer } = await pInit;
-      switch (document.querySelector('input[name="video-settings"]:checked').value) {
-        case "back-camera":
-          await cameraEnhancer.updateVideoSettings({
-            video: {
-              facingMode: "environment",
-            },
-          });
-          break;
-        case "only-video":
-          await cameraEnhancer.updateVideoSettings({
-            video: true,
-          });
-          break;
-        default:
-          await cameraEnhancer.updateVideoSettings({
-            video: {
-              width: {
-                ideal: 1280,
-              },
-              height: {
-                ideal: 720,
-              },
-              facingMode: {
-                ideal: "environment",
-              },
-            },
-          });
-      }
-    };
-    for (let ipt of document.querySelectorAll('input[name="video-settings"]')) {
-      ipt.addEventListener("change", switchVideoSettings);
-    }
-  </script>
-</body>
-</html>

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/locate-an-item-with-barcode/README.md DELETED Viewed

@@ -1,38 +0,0 @@
-# 🔎 Locate an Item with Barcode
-A focused demo that helps locate and highlight items in a UI by scanning barcodes. Useful for inventory lookup, picking workflows, or warehouse/retail assistance where scanning a code should point you to the corresponding item on screen.
-## Included files
-- `index.html` — main demo page (camera + UI to locate items).
-- `icons/` — UI icons used by the sample (checkmark, cross, logo).
-## ✨ Features
-- Scan a barcode (or fill in text) and find the matching item in the displayed list
-- Visual highlight and status feedback for match / no-match cases
-- Simple UI for quick prototyping of locate-by-barcode workflows
-## 🔧 How it works
-- The page runs a barcode scanner that decodes incoming frames.
-- Decoded barcode values are compared against an on-page item dataset (client-side lookup).
-- When a match is found the sample highlights the matched item and shows contextual feedback; when no match is found it displays an unmatched-result state.
-## Quick start
-Opening HTML files directly may not work as expected. Instead, run a local development server. Here’s a quick method using [Visual Studio Code](https://code.visualstudio.com/):
-1. Install the [Five Server extension](https://marketplace.visualstudio.com/items?itemName=yandeu.five-server) from the VS Code Marketplace.
-2. Right-click on `index.html` and select "Open with Five Server".
-## 💡 Tips
-- Good lighting and steady camera framing improve decode accuracy.
-- Use the icons folder as a reference for UI feedback and quick prototyping.
-## 📌 Notes
-- Serve via localhost or HTTPS to enable camera access.
-- See the repository root `README.md` for running instructions, trial licenses and API documentation