pixelverse-llc / strich-vue2-sample Goto Github PK

import { ref, onUnmounted } from "vue";
import { mapActions, mapGetters } from "vuex";
import { BarcodeReader, StrichSDK } from "@pixelverse/strichjs-sdk";

const detections = ref([]);

export default {
    data() {
        return {
            dataResourcesLoad: []
        }

    },
    async mounted() {
        this.initScan();
    },
    computed: {

    },
    methods: {

        async initScan() {

            // setup STRICH SDK and BarcodeReader
            const licenseKey = 'xxxx';
            StrichSDK.initialize(licenseKey)
                .then(() => {
                    console.log(`STRICH SDK initialized, version: ${StrichSDK.version()}`);

                    // configure the BarcodeReader
                    const configuration = {
                        selector: '#scanner',
                        engine: {
                            symbologies: ['code128']
                        },
                        frameSource: {
                            resolution: 'auto',
                        }
                    };
                    const barcodeReader = new BarcodeReader(configuration);
                    barcodeReader.initialize()
                        .then(() => {

                            // destroy the BarcodeReader when this component is unmounted
                            onUnmounted(() => {
                                barcodeReader.destroy();
                            });

                            barcodeReader.detected = (newDetections) => {
                                detections.value.push(newDetections[0]);
                                console.log(`New scan: [${newDetections[0].data}]`);
                            };
                            barcodeReader.start();
                        });
                })
                .catch(err => {
                    window.alert(`STRICH SDK initialization failed: ${err.message}`);
                });
        }

    }
}