@mleonard9/vin-scanner 1.4.0 → 1.4.3

package/src/ManualVinInput.tsx

@@ -10,8 +10,32 @@ type ManualVinInputProps = {
   placeholder?: string;
 };
 
-const VIN_CHARS = ['A','B','C','D','E','F','G','H','J','K','L','M','N','P','R','S','T','U','V','W','X','Y','Z'];
-const DIGITS = ['0','1','2','3','4','5','6','7','8','9'];
+const VIN_CHARS = [
+  'A',
+  'B',
+  'C',
+  'D',
+  'E',
+  'F',
+  'G',
+  'H',
+  'J',
+  'K',
+  'L',
+  'M',
+  'N',
+  'P',
+  'R',
+  'S',
+  'T',
+  'U',
+  'V',
+  'W',
+  'X',
+  'Y',
+  'Z',
+];
+const DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 
 export function ManualVinInput({
   initialValue = '',
@@ -43,7 +67,14 @@ export function ManualVinInput({
     <View style={styles.container}>
       <TextInput
         value={value}
-        onChangeText={(txt) => setValue(txt.replace(/[^A-HJ-NPR-Z0-9]/gi, '').slice(0,17).toUpperCase())}
+        onChangeText={(txt) =>
+          setValue(
+            txt
+              .replace(/[^A-HJ-NPR-Z0-9]/gi, '')
+              .slice(0, 17)
+              .toUpperCase()
+          )
+        }
         style={[styles.input, showError && styles.errorInput]}
         placeholder={placeholder}
         autoCapitalize="characters"
@@ -61,7 +92,7 @@ export function ManualVinInput({
         <Key label="⌫" onPress={handleBackspace} wide />
       </View>
       <Pressable
-        style={[styles.submit, { backgroundColor: buttonColor, opacity: isValid ? 1 : 0.5 }]}
+        style={[styles.submit, { backgroundColor: buttonColor }]}
         disabled={!isValid}
         onPress={handleSubmit}
       >
@@ -72,7 +103,15 @@ export function ManualVinInput({
   );
 }
 
-function Key({ label, onPress, wide }: { label: string; onPress: () => void; wide?: boolean }) {
+function Key({
+  label,
+  onPress,
+  wide,
+}: {
+  label: string;
+  onPress: () => void;
+  wide?: boolean;
+}) {
   return (
     <Pressable onPress={onPress} style={[styles.key, wide && styles.keyWide]}>
       <Text style={styles.keyText}>{label}</Text>

package/src/PendingVinBanner.tsx

@@ -43,14 +43,13 @@ export function PendingVinBanner({
   return (
     <Animated.View
       pointerEvents={visible ? 'auto' : 'none'}
-      style={[
-        styles.container,
-        { transform: [{ translateY }], opacity: anim },
-      ]}
+      style={[styles.container, { transform: [{ translateY }], opacity: anim }]}
     >
       <View style={styles.header}>
         <Text style={styles.label}>
-          {candidates.length > 1 ? `${candidates.length} VINs detected` : 'VIN detected'}
+          {candidates.length > 1
+            ? `${candidates.length} VINs detected`
+            : 'VIN detected'}
         </Text>
         {onDismiss && (
           <Pressable onPress={onDismiss} hitSlop={12} style={styles.dismiss}>

package/src/TextVinPrompt.tsx

@@ -38,12 +38,20 @@ export function TextVinPrompt({
   if (!visible) return null;
 
   return (
-    <Modal transparent animationType="fade" visible={visible} onRequestClose={onDismiss}>
+    <Modal
+      transparent
+      animationType="fade"
+      visible={visible}
+      onRequestClose={onDismiss}
+    >
       <View style={styles.backdrop}>
         <View style={styles.sheet}>
           <Text style={styles.title}>{title}</Text>
           {subtitle ? <Text style={styles.subtitle}>{subtitle}</Text> : null}
-          <ScrollView style={styles.list} contentContainerStyle={styles.listContent}>
+          <ScrollView
+            style={styles.list}
+            contentContainerStyle={styles.listContent}
+          >
             {candidates.map((candidate) => (
               <View key={candidate.value} style={styles.row}>
                 <Text style={styles.vin} numberOfLines={1}>

package/src/haptics.ts

@@ -1,16 +1,13 @@
 let haptic: any = null;
 try {
   // Optional dependency: react-native-haptic-feedback
-  // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+
   haptic = require('react-native-haptic-feedback');
 } catch {
   haptic = null;
 }
 
-type HapticType =
-  | 'success'
-  | 'warning'
-  | 'impactLight';
+type HapticType = 'success' | 'warning' | 'impactLight';
 
 const trigger = (type: HapticType) => {
   if (!haptic?.default?.trigger) {

package/src/index.tsx

@@ -46,7 +46,9 @@ export const Camera = forwardRef(function Camera(
   const handleDetections = useRunOnJS(
     (payload: WorkletPayload) => {
       const candidates = buildVinCandidates(payload, resolvedOptions);
-      const barcodeCandidates = candidates.filter((c) => c.source === 'barcode');
+      const barcodeCandidates = candidates.filter(
+        (c) => c.source === 'barcode'
+      );
       const textCandidates = candidates.filter((c) => c.source === 'text');
 
       if (barcodeCandidates.length > 0) {
@@ -64,7 +66,10 @@ export const Camera = forwardRef(function Camera(
         return;
       }
 
-      if (resolvedOptions.text.requireConfirmation && textCandidates.length > 0) {
+      if (
+        resolvedOptions.text.requireConfirmation &&
+        textCandidates.length > 0
+      ) {
         options?.onTextPending?.(textCandidates);
         return;
       }
@@ -94,19 +99,24 @@ export const Camera = forwardRef(function Camera(
     (frame) => {
       'worklet';
 
-      const now = typeof frame?.timestamp === 'number' ? frame.timestamp : Date.now();
+      const now =
+        typeof frame?.timestamp === 'number' ? frame.timestamp : Date.now();
 
       // Max FPS throttle (matches hook behavior)
       const maxFps = resolvedOptions.detection.maxFrameRate;
       if (maxFps > 0) {
         const minInterval = 1000 / maxFps;
-        if (lastFrameTimestampRef.current > 0 && now - lastFrameTimestampRef.current < minInterval) {
+        if (
+          lastFrameTimestampRef.current > 0 &&
+          now - lastFrameTimestampRef.current < minInterval
+        ) {
           return;
         }
         lastFrameTimestampRef.current = now;
       }
 
-      const orientationOverride = resolvedOptions.detection.forceOrientation ?? null;
+      const orientationOverride =
+        resolvedOptions.detection.forceOrientation ?? null;
       const regionOverride = resolvedOptions.detection.scanRegion ?? null;
 
       // Frame quality gate (luma + sharpness)
@@ -158,28 +168,34 @@ export const Camera = forwardRef(function Camera(
       const pluginArgs =
         orientationOverride || regionOverride
           ? {
-            ...(orientationOverride && { orientation: orientationOverride }),
-            ...(regionOverride && { scanRegion: regionOverride }),
-          }
+              ...(orientationOverride && { orientation: orientationOverride }),
+              ...(regionOverride && { scanRegion: regionOverride }),
+            }
           : undefined;
 
       // Run barcode every frame
       const barcodes = scanBarcodes
         ? scanBarcodes(
-          frame,
-          useBarcodeFallback.current
-            ? { all: true }
-            : pluginArgs
-        )
+            frame,
+            useBarcodeFallback.current ? { all: true } : pluginArgs
+          )
         : [];
 
       // Run text every Nth frame per textScanInterval
       frameCounterRef.current += 1;
       const frameIndex = frameCounterRef.current;
       const textScanInterval = resolvedOptions.detection.textScanInterval;
-      const shouldRunText = scanText && (textScanInterval <= 1 || frameIndex % textScanInterval === 0);
-      let textBlocks = shouldRunText && scanText ? scanText(frame, pluginArgs) ?? [] : [];
-      if (scanText && (textBlocks ?? []).length === 0 && (barcodes ?? []).length === 0 && !shouldRunText) {
+      const shouldRunText =
+        scanText &&
+        (textScanInterval <= 1 || frameIndex % textScanInterval === 0);
+      let textBlocks =
+        shouldRunText && scanText ? (scanText(frame, pluginArgs) ?? []) : [];
+      if (
+        scanText &&
+        (textBlocks ?? []).length === 0 &&
+        (barcodes ?? []).length === 0 &&
+        !shouldRunText
+      ) {
         textBlocks = scanText(frame, pluginArgs) ?? [];
       }
 
@@ -198,7 +214,10 @@ export const Camera = forwardRef(function Camera(
       const hasBarcode = (payload.barcodes ?? []).length > 0;
       if (!hasBarcode) {
         noBarcodeFrameCount.current += 1;
-        if (noBarcodeFrameCount.current >= resolvedOptions.detection.barcodeFallbackAfter) {
+        if (
+          noBarcodeFrameCount.current >=
+          resolvedOptions.detection.barcodeFallbackAfter
+        ) {
           useBarcodeFallback.current = true;
         }
       } else {
@@ -210,7 +229,8 @@ export const Camera = forwardRef(function Camera(
       if (firstCandidate) {
         const debounceMs = resolvedOptions.duplicateDebounceMs ?? 1500;
         const isDuplicate =
-          firstCandidate.value === lastEmittedVin.current && now - lastEmitTimestamp.current < debounceMs;
+          firstCandidate.value === lastEmittedVin.current &&
+          now - lastEmitTimestamp.current < debounceMs;
         const seen = sessionSeen.current.has(firstCandidate.value);
 
         if (isDuplicate || seen) {
@@ -237,9 +257,11 @@ export const Camera = forwardRef(function Camera(
   );
 
   // Create tap gesture for focus
-  const tapGesture = Gesture.Tap().onEnd(({ x, y }: { x: number; y: number }) => {
-    runOnJS(focus)({ x, y });
-  });
+  const tapGesture = Gesture.Tap().onEnd(
+    ({ x, y }: { x: number; y: number }) => {
+      runOnJS(focus)({ x, y });
+    }
+  );
 
   return (
     <>
@@ -252,7 +274,9 @@ export const Camera = forwardRef(function Camera(
             device={device}
             enableZoomGesture={true}
             lowLightBoost={options?.cameraSettings?.lowLightBoost ?? true}
-            videoStabilizationMode={options?.cameraSettings?.videoStabilizationMode ?? 'cinematic'}
+            videoStabilizationMode={
+              options?.cameraSettings?.videoStabilizationMode ?? 'cinematic'
+            }
             fps={Math.min(30, Math.max(24, options?.cameraSettings?.fps ?? 24))}
             {...rest}
           />

package/src/scanBarcodes.ts

@@ -116,7 +116,11 @@ const mergeArgs = (
   'worklet';
   const merged: BarcodePluginArgs = { ...baseArgs };
   if (overrides) {
-    const { orientation: overrideOrientation, scanRegion: overrideScanRegion, ...formatMap } = overrides;
+    const {
+      orientation: overrideOrientation,
+      scanRegion: overrideScanRegion,
+      ...formatMap
+    } = overrides;
     Object.entries(formatMap).forEach(([key, value]) => {
       merged[key as BarcodeFormat] = value as boolean | undefined;
     });

package/src/scanText.ts

@@ -90,7 +90,11 @@ const mergeTextArgs = (
     ...base,
   };
   if (overrides) {
-    const { orientation: overrideOrientation, scanRegion: overrideScanRegion, ...rest } = overrides;
+    const {
+      orientation: overrideOrientation,
+      scanRegion: overrideScanRegion,
+      ...rest
+    } = overrides;
     Object.assign(merged, rest);
     if (overrideScanRegion) {
       merged.scanRegion = overrideScanRegion;

package/src/types.ts

@@ -102,7 +102,12 @@ export type BoundingBox = {
 
 export type VinCandidateSource = 'barcode' | 'text';
 
-export type VinTextOrigin = 'rawValue' | 'displayValue' | 'block' | 'line' | 'element';
+export type VinTextOrigin =
+  | 'rawValue'
+  | 'displayValue'
+  | 'block'
+  | 'line'
+  | 'element';
 
 export type VinCandidate = {
   value: string;
@@ -112,9 +117,9 @@ export type VinCandidate = {
   origin?: VinTextOrigin;
   boundingBox?: BoundingBox;
   rawPayload?:
-  | BarcodeDetection
-  | TextDetection
-  | { resultText?: string;[key: string]: unknown };
+    | BarcodeDetection
+    | TextDetection
+    | { resultText?: string; [key: string]: unknown };
 };
 
 export type VinScannerEvent = {

package/src/useVinScanner.ts

@@ -10,10 +10,7 @@ import {
   pickFirstCandidate,
   resolveOptions,
 } from './vinUtils';
-import {
-  triggerSuccessHaptic,
-  triggerSoftHaptic,
-} from './haptics';
+import { triggerSuccessHaptic, triggerSoftHaptic } from './haptics';
 
 export function useVinScanner(options?: VinScannerOptions) {
   const resolvedOptions = useMemo(() => resolveOptions(options), [options]);
@@ -21,7 +18,9 @@ export function useVinScanner(options?: VinScannerOptions) {
   const frameCounterRef = useRef(0);
   const lastEmittedVin = useRef<string | null>(null);
   const lastEmitTimestamp = useRef(0);
-  const [pendingTextCandidates, setPendingTextCandidates] = useState<VinCandidate[]>([]);
+  const [pendingTextCandidates, setPendingTextCandidates] = useState<
+    VinCandidate[]
+  >([]);
   const pendingTextTimestampRef = useRef<number | null>(null);
   const pendingTextRef = useRef<VinCandidate[]>([]);
   const pendingTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -149,33 +148,33 @@ export function useVinScanner(options?: VinScannerOptions) {
         }
       }
 
-      const barcodeArgs = orientationOverride || regionOverride
-        ? {
-          ...(orientationOverride && { orientation: orientationOverride }),
-          ...(regionOverride && { scanRegion: regionOverride })
-        }
-        : undefined;
+      const barcodeArgs =
+        orientationOverride || regionOverride
+          ? {
+              ...(orientationOverride && { orientation: orientationOverride }),
+              ...(regionOverride && { scanRegion: regionOverride }),
+            }
+          : undefined;
 
       // Start performance tracking
       const t0 = Date.now();
 
       const barcodes = barcodeScanner
-        ? barcodeScanner.scanBarcodes(
-          frame,
-          useBarcodeFallback.current
-            ? { all: true }
-            : barcodeArgs
-        ) ?? []
+        ? (barcodeScanner.scanBarcodes(
+            frame,
+            useBarcodeFallback.current ? { all: true } : barcodeArgs
+          ) ?? [])
         : [];
 
       const t1 = Date.now();
 
-      const textArgs = orientationOverride || regionOverride
-        ? {
-          ...(orientationOverride && { orientation: orientationOverride }),
-          ...(regionOverride && { scanRegion: regionOverride })
-        }
-        : undefined;
+      const textArgs =
+        orientationOverride || regionOverride
+          ? {
+              ...(orientationOverride && { orientation: orientationOverride }),
+              ...(regionOverride && { scanRegion: regionOverride }),
+            }
+          : undefined;
 
       frameCounterRef.current += 1;
       const frameIndex = frameCounterRef.current;
@@ -187,7 +186,7 @@ export function useVinScanner(options?: VinScannerOptions) {
 
       let textBlocks =
         shouldRunText && textScanner
-          ? textScanner.scanText(frame, textArgs) ?? []
+          ? (textScanner.scanText(frame, textArgs) ?? [])
           : [];
 
       // Two-pass OCR: if we skipped this frame or got nothing and barcodes are empty, run one immediate OCR pass.
@@ -209,14 +208,19 @@ export function useVinScanner(options?: VinScannerOptions) {
       };
 
       const candidates = buildVinCandidates(payload, resolvedOptions);
-      const filtered = candidates.filter((c) => c.confidence >= resolvedOptions.detection.minConfidence);
+      const filtered = candidates.filter(
+        (c) => c.confidence >= resolvedOptions.detection.minConfidence
+      );
       const barcodeCandidates = filtered.filter((c) => c.source === 'barcode');
       const textCandidates = filtered.filter((c) => c.source === 'text');
 
       // Adaptive barcode fallback: if no barcode hits for N frames, scan all formats.
       if (barcodeCandidates.length === 0) {
         noBarcodeFrameCount.current += 1;
-        if (noBarcodeFrameCount.current >= resolvedOptions.detection.barcodeFallbackAfter) {
+        if (
+          noBarcodeFrameCount.current >=
+          resolvedOptions.detection.barcodeFallbackAfter
+        ) {
           useBarcodeFallback.current = true;
         }
       } else {
@@ -248,7 +252,10 @@ export function useVinScanner(options?: VinScannerOptions) {
 
       // If a barcode is present, emit immediately (highest confidence path)
       if (barcodeCandidates.length > 0) {
-        const barcodeFirst = pickFirstCandidate(barcodeCandidates, resolvedOptions);
+        const barcodeFirst = pickFirstCandidate(
+          barcodeCandidates,
+          resolvedOptions
+        );
         if (barcodeFirst) {
           const debounceMs = resolvedOptions.duplicateDebounceMs ?? 1500;
           const isDuplicate =
@@ -273,7 +280,10 @@ export function useVinScanner(options?: VinScannerOptions) {
       }
 
       // For text-only detections, optionally require user confirmation
-      if (resolvedOptions.text.requireConfirmation && textCandidates.length > 0) {
+      if (
+        resolvedOptions.text.requireConfirmation &&
+        textCandidates.length > 0
+      ) {
         emitTextPending(textCandidates, payload.timestamp);
         return;
       }