
Security News
/Research
Wallet-Draining npm Package Impersonates Nodemailer to Hijack Crypto Transactions
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
vision-camera-code-scanner
Advanced tools
VisionCamera Frame Processor Plugin to read barcodes using MLKit Vision Barcode Scanning
VisionCamera Frame Processor Plugin to read barcodes using MLKit Vision Barcode Scanning
yarn add vision-camera-code-scanner
make sure you correctly setup react-native-reanimated and insert as a first line of your index.tsx
import 'react-native-reanimated'
Add this to your babel.config.js
[
'react-native-reanimated/plugin',
{
globals: ['__scanCodes'],
},
]
Simply call the useScanBarcodes()
hook or call scanBarcodes()
inside of the useFrameProcessor()
hook. In both cases you will need to pass an array of BarcodeFormat
to specify the kind of barcode you want to detect.
Note: The underlying MLKit barcode reader is only created once meaning that changes to the array will not be reflected in the app.
import * as React from 'react';
import { StyleSheet, Text } from 'react-native';
import { useCameraDevices } from 'react-native-vision-camera';
import { Camera } from 'react-native-vision-camera';
import { useScanBarcodes, BarcodeFormat } from 'vision-camera-code-scanner';
export default function App() {
const [hasPermission, setHasPermission] = React.useState(false);
const devices = useCameraDevices();
const device = devices.back;
const [frameProcessor, barcodes] = useScanBarcodes([BarcodeFormat.QR_CODE], {
checkInverted: true,
});
// Alternatively you can use the underlying function:
//
// const frameProcessor = useFrameProcessor((frame) => {
// 'worklet';
// const detectedBarcodes = scanBarcodes(frame, [BarcodeFormat.QR_CODE], { checkInverted: true });
// runOnJS(setBarcodes)(detectedBarcodes);
// }, []);
React.useEffect(() => {
(async () => {
const status = await Camera.requestCameraPermission();
setHasPermission(status === 'authorized');
})();
}, []);
return (
device != null &&
hasPermission && (
<>
<Camera
style={StyleSheet.absoluteFill}
device={device}
isActive={true}
frameProcessor={frameProcessor}
frameProcessorFps={5}
/>
{barcodes.map((barcode, idx) => (
<Text key={idx} style={styles.barcodeTextURL}>
{barcode.displayValue}
</Text>
))}
</>
)
);
}
const styles = StyleSheet.create({
barcodeTextURL: {
fontSize: 20,
color: 'white',
fontWeight: 'bold',
},
});
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
FAQs
VisionCamera Frame Processor Plugin to read barcodes using MLKit Vision Barcode Scanning
The npm package vision-camera-code-scanner receives a total of 3,389 weekly downloads. As such, vision-camera-code-scanner popularity was classified as popular.
We found that vision-camera-code-scanner demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.