@mleonard9/vin-scanner 1.5.1 → 1.5.2

package/src/TextVinPrompt.tsx

@@ -32,7 +32,7 @@ export function TextVinPrompt({
   onDismiss,
   title = 'VIN detected',
   subtitle,
-  buttonLabel = 'Use VIN',
+  buttonLabel = 'Book It',
   buttonColor = '#0A84FF',
 }: TextVinPromptProps) {
   if (!visible) return null;
@@ -52,8 +52,11 @@ export function TextVinPrompt({
             style={styles.list}
             contentContainerStyle={styles.listContent}
           >
-            {candidates.map((candidate) => (
-              <View key={candidate.value} style={styles.row}>
+            {candidates.map((candidate, index) => (
+              <View
+                key={`${candidate.value}-${index}`}
+                style={[styles.row, index > 0 && styles.rowBorder]}
+              >
                 <Text style={styles.vin} numberOfLines={1}>
                   {candidate.value}
                 </Text>
@@ -81,7 +84,7 @@ export function TextVinPrompt({
 const styles = StyleSheet.create({
   backdrop: {
     flex: 1,
-    backgroundColor: 'rgba(0,0,0,0.55)',
+    backgroundColor: 'rgba(0,0,0,0.4)',
     alignItems: 'center',
     justifyContent: 'center',
     padding: 16,
@@ -89,38 +92,50 @@ const styles = StyleSheet.create({
   sheet: {
     width: '100%',
     maxWidth: 420,
-    backgroundColor: '#0D0D0D',
-    borderRadius: 16,
-    padding: 16,
+    backgroundColor: 'white',
+    borderRadius: 20,
+    paddingVertical: 24,
+    paddingHorizontal: 16,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
   },
   title: {
-    color: 'white',
+    color: '#111827',
     fontSize: 18,
     fontWeight: '700',
-    marginBottom: 12,
+    marginBottom: 8,
   },
   subtitle: {
-    color: '#D1D5DB',
+    color: '#4B5563',
     fontSize: 14,
-    marginBottom: 8,
+    marginBottom: 12,
   },
   list: {
     maxHeight: 220,
   },
   listContent: {
-    gap: 12,
+    paddingBottom: 4,
   },
   row: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    gap: 12,
+    paddingVertical: 10,
+  },
+  rowBorder: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: '#E5E7EB',
   },
   vin: {
     flex: 1,
-    color: 'white',
+    color: '#111827',
     fontSize: 16,
+    fontWeight: '700',
     letterSpacing: 1,
+    marginRight: 12,
   },
   button: {
     paddingHorizontal: 14,
@@ -133,13 +148,13 @@ const styles = StyleSheet.create({
     fontWeight: '700',
   },
   dismiss: {
-    marginTop: 12,
+    marginTop: 8,
     alignSelf: 'flex-end',
     paddingHorizontal: 8,
     paddingVertical: 6,
   },
   dismissText: {
-    color: '#9CA3AF',
+    color: '#6B7280',
     fontSize: 14,
   },
 });

package/src/index.tsx

@@ -45,7 +45,9 @@ export const Camera = forwardRef(function Camera(
 
   const handleDetections = useRunOnJS(
     (payload: WorkletPayload) => {
-      const candidates = buildVinCandidates(payload, resolvedOptions);
+      const candidates = buildVinCandidates(payload, resolvedOptions).filter(
+        (c) => c.confidence >= resolvedOptions.detection.minConfidence
+      );
       const barcodeCandidates = candidates.filter(
         (c) => c.source === 'barcode'
       );
@@ -306,8 +308,9 @@ function useTextScanner(
     }
     return createTextRecognitionPlugin({
       language: options.language,
+      validationPattern: options.validationPattern,
     });
-  }, [options.enabled, options.language]);
+  }, [options.enabled, options.language, options.validationPattern]);
 }
 
 export type {
@@ -334,3 +337,4 @@ export { isValidVin } from './vinUtils';
 export { TextVinPrompt } from './TextVinPrompt';
 export { PendingVinBanner } from './PendingVinBanner';
 export { ManualVinInput } from './ManualVinInput';
+export { ScannerChromeOverlay } from './ScannerChromeOverlay';

package/src/scanBarcodes.ts

@@ -216,11 +216,15 @@ export function createBarcodeScannerPlugin(
         overrides || orientation
           ? mergeArgs(baseOptions, overrides, orientation ?? null)
           : baseOptions;
-      const result = plugin.call(
-        unwrapPluginFrame(frame),
-        toSerializableArgs(args)
-      );
-      return normalizeBarcodeDetections(result);
+      try {
+        const result = plugin.call(
+          unwrapPluginFrame(frame),
+          toSerializableArgs(args)
+        );
+        return normalizeBarcodeDetections(result);
+      } catch {
+        return [];
+      }
     },
   };
 }

package/src/scanText.ts

@@ -179,11 +179,15 @@ export function createTextRecognitionPlugin(
         overrides || orientation
           ? mergeTextArgs(options, overrides, orientation ?? null)
           : options;
-      const result = plugin.call(
-        unwrapPluginFrame(frame),
-        toSerializableArgs(args)
-      );
-      return normalizeTextDetections(result);
+      try {
+        const result = plugin.call(
+          unwrapPluginFrame(frame),
+          toSerializableArgs(args)
+        );
+        return normalizeTextDetections(result);
+      } catch {
+        return [];
+      }
     },
   };
 }

package/src/types.ts

@@ -152,6 +152,12 @@ export type BarcodeScannerOptions = {
 export type TextScannerOptions = {
   enabled?: boolean;
   language?: TextRecognitionLanguage;
+  /**
+   * Optional regex pattern forwarded to the native text recognizer to reduce
+   * bridge traffic before VIN validation runs in JS.
+   * Default: `[A-Z0-9]{10,}`
+   */
+  validationPattern?: string;
   /**
    * When true, text VINs are surfaced via `onTextPending` and must be
    * confirmed manually; barcode VINs still emit immediately.
@@ -212,7 +218,7 @@ export type DetectionOptions = {
   /**
    * Enable intelligent frame quality checks to skip blurry or dark frames.
    * This improves accuracy by only processing high-quality frames.
-   * Note: currently unused; retained for backward compatibility.
+   * Set to `false` to disable the luma/sharpness gates entirely.
    */
   enableFrameQualityCheck?: boolean;
   /**
@@ -227,7 +233,7 @@ export type DetectionOptions = {
   minSharpness?: number;
   /**
    * Minimum candidate confidence required before emitting.
-   * Default: 0.6
+   * Default: 0 (checksum validity is the primary acceptance gate).
    */
   minConfidence?: number;
   /**

package/src/useVinScanner.ts

@@ -23,6 +23,7 @@ export function useVinScanner(options?: VinScannerOptions) {
   >([]);
   const pendingTextTimestampRef = useRef<number | null>(null);
   const pendingTextRef = useRef<VinCandidate[]>([]);
+  const pendingTextKeyRef = useRef('');
   const pendingTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const hapticsEnabled = options?.haptics ?? true;
   const sessionSeen = useRef<Set<string>>(new Set());
@@ -42,7 +43,7 @@ export function useVinScanner(options?: VinScannerOptions) {
     }
     return createTextRecognitionPlugin({
       language: resolvedOptions.text.language,
-      validationPattern: '[A-HJ-NPR-Z0-9]{10,}',
+      validationPattern: resolvedOptions.text.validationPattern,
     });
   }, [resolvedOptions.text]);
 
@@ -57,6 +58,16 @@ export function useVinScanner(options?: VinScannerOptions) {
 
   const emitTextPending = useRunOnJS(
     (pending: VinCandidate[], ts: number) => {
+      const pendingKey = pending
+        .map((candidate) => candidate.value)
+        .sort()
+        .join('|');
+
+      if (pendingKey.length === 0 || pendingKey === pendingTextKeyRef.current) {
+        return;
+      }
+
+      pendingTextKeyRef.current = pendingKey;
       pendingTextTimestampRef.current = ts;
       pendingTextRef.current = pending;
       setPendingTextCandidates(pending);
@@ -66,6 +77,7 @@ export function useVinScanner(options?: VinScannerOptions) {
       const ttl = resolvedOptions.text.pendingTtlMs;
       if (ttl > 0) {
         pendingTimerRef.current = setTimeout(() => {
+          pendingTextKeyRef.current = '';
           pendingTextTimestampRef.current = null;
           pendingTextRef.current = [];
           setPendingTextCandidates([]);
@@ -227,7 +239,7 @@ export function useVinScanner(options?: VinScannerOptions) {
         noBarcodeFrameCount.current = 0;
         useBarcodeFallback.current = false;
       }
-      const firstCandidate = pickFirstCandidate(candidates, resolvedOptions);
+      const firstCandidate = pickFirstCandidate(filtered, resolvedOptions);
 
       const t3 = Date.now();
 
@@ -236,7 +248,7 @@ export function useVinScanner(options?: VinScannerOptions) {
       const event: VinScannerEvent = {
         timestamp: payload.timestamp,
         duration,
-        candidates,
+        candidates: filtered,
         firstCandidate,
         raw: {
           barcodes: payload.barcodes,
@@ -300,7 +312,7 @@ export function useVinScanner(options?: VinScannerOptions) {
           lastEmittedVin.current = firstCandidate.value;
           lastEmitTimestamp.current = now;
           sessionSeen.current.add(firstCandidate.value);
-          emitResult(candidates, event);
+          emitResult(filtered, event);
         }
       }
     },
@@ -321,6 +333,7 @@ export function useVinScanner(options?: VinScannerOptions) {
         clearTimeout(pendingTimerRef.current);
         pendingTimerRef.current = null;
       }
+      pendingTextKeyRef.current = '';
       pendingTextTimestampRef.current = null;
       pendingTextRef.current = [];
       setPendingTextCandidates([]);
@@ -334,6 +347,9 @@ export function useVinScanner(options?: VinScannerOptions) {
       };
 
       emitResult(pending, event);
+      if (selected?.value) {
+        sessionSeen.current.add(selected.value);
+      }
       lastEmittedVin.current = selected?.value ?? null;
       lastEmitTimestamp.current = Date.now();
     },

package/src/vinUtils.ts

@@ -66,6 +66,7 @@ const DEFAULT_RESOLVED_OPTIONS: ResolvedVinScannerOptions = {
   text: {
     enabled: true,
     language: 'latin',
+    validationPattern: '[A-Z0-9]{10,}',
     requireConfirmation: false,
     pendingTtlMs: 5000,
   },
@@ -76,7 +77,7 @@ const DEFAULT_RESOLVED_OPTIONS: ResolvedVinScannerOptions = {
     scanRegion: { x: 0.15, y: 0.15, width: 0.7, height: 0.7 },
     minLuma: 30,
     minSharpness: 12,
-    minConfidence: 0.6,
+    minConfidence: 0,
     barcodeFallbackAfter: 45,
   },
   showOverlay: false,
@@ -111,6 +112,9 @@ export const resolveOptions = (
       enabled: options?.text?.enabled ?? DEFAULT_RESOLVED_OPTIONS.text.enabled,
       language:
         options?.text?.language ?? DEFAULT_RESOLVED_OPTIONS.text.language,
+      validationPattern:
+        options?.text?.validationPattern ??
+        DEFAULT_RESOLVED_OPTIONS.text.validationPattern,
       requireConfirmation:
         options?.text?.requireConfirmation ??
         DEFAULT_RESOLVED_OPTIONS.text.requireConfirmation,