Barcode Capture Rn

// Entry point component for the React Native app. The BarcodeCapture
// integration should go here as a function component with hooks.
// Assume this file is the screen rendered by the navigator / App root.

import React from 'react';
import { View, Text } from 'react-native';

export const ScanScreen = () => {
  // TODO: integrate BarcodeCapture here.
  return (
    <View style={{ flex: 1 }}>
      <Text>Scanner goes here</Text>
    </View>
  );
};

// Basic BarcodeCapture integration already in place (React Native, v8 API,
// function component with hooks). Evals in this group add features on top of
// this baseline (custom feedback, viewfinder, location selection, scan
// intention, codeDuplicateFilter, lifecycle cleanup, etc.).

import React, { useCallback, useEffect, useRef, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

import {
  Camera,
  DataCaptureContext,
  DataCaptureView,
  FrameSourceState,
} from 'scandit-react-native-datacapture-core';
import {
  BarcodeCapture,
  BarcodeCaptureOverlay,
  BarcodeCaptureSession,
  BarcodeCaptureSettings,
  Symbology,
  SymbologyDescription,
} from 'scandit-react-native-datacapture-barcode';

const licenseKey = '-- ENTER YOUR SCANDIT LICENSE KEY HERE --';
DataCaptureContext.initialize(licenseKey);
const dataCaptureContext = DataCaptureContext.sharedInstance;

export const ScanScreen = () => {
  const [lastScan, setLastScan] = useState<string | null>(null);

  const viewRef = useRef<DataCaptureView | null>(null);
  const cameraRef = useRef<Camera | null>(null);
  const barcodeCaptureRef = useRef<BarcodeCapture | null>(null);

  if (cameraRef.current === null) {
    const camera = Camera.default;
    camera?.applySettings(BarcodeCapture.recommendedCameraSettings);
    dataCaptureContext.setFrameSource(camera);
    cameraRef.current = camera;
  }

  if (barcodeCaptureRef.current === null) {
    const settings = new BarcodeCaptureSettings();
    settings.enableSymbologies([
      Symbology.EAN13UPCA,
      Symbology.Code128,
      Symbology.QR,
    ]);
    const barcodeCapture = new BarcodeCapture(settings);
    dataCaptureContext.addMode(barcodeCapture);
    barcodeCaptureRef.current = barcodeCapture;
  }

  useEffect(() => {
    const barcodeCapture = barcodeCaptureRef.current!;

    const listener = {
      didScan: async (
        mode: BarcodeCapture,
        session: BarcodeCaptureSession,
      ) => {
        const barcode = session.newlyRecognizedBarcode;
        if (barcode == null) return;
        mode.isEnabled = false;
        const symbology = new SymbologyDescription(barcode.symbology);
        setLastScan(`${barcode.data} (${symbology.readableName})`);
        mode.isEnabled = true;
      },
    };
    barcodeCapture.addListener(listener);

    const overlay = new BarcodeCaptureOverlay(barcodeCapture);
    viewRef.current?.addOverlay(overlay);

    return () => {
      // No teardown of the mode yet — evals may add removeMode here.
    };
  }, []);

  useFocusEffect(
    useCallback(() => {
      const barcodeCapture = barcodeCaptureRef.current!;
      const camera = cameraRef.current;
      barcodeCapture.isEnabled = true;
      camera?.switchToDesiredState(FrameSourceState.On);
      return () => {
        barcodeCapture.isEnabled = false;
        camera?.switchToDesiredState(FrameSourceState.Off);
      };
    }, []),
  );

  return (
    <View style={styles.container}>
      <DataCaptureView
        style={styles.preview}
        context={dataCaptureContext}
        ref={view => { viewRef.current = view; }}
      />
      <View style={styles.results}>
        <Text>{lastScan ?? 'Waiting for scan...'}</Text>
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: { flex: 1 },
  preview: { flex: 1 },
  results: { padding: 16, backgroundColor: '#fff' },
});

{
  "name": "my-rn-barcode-capture-app",
  "version": "1.0.0",
  "description": "React Native app using BarcodeCapture v6",
  "private": true,
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios"
  },
  "dependencies": {
    "react": "18.2.0",
    "react-native": "0.72.0",
    "scandit-react-native-datacapture-core": "6.28.1",
    "scandit-react-native-datacapture-barcode": "6.28.1"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "^18.0.0",
    "typescript": "^4.9.0"
  }
}

// Product list screen with basic React state management.
// BarcodeCapture needs to be added: scanned barcodes should be appended to
// scannedProducts via setScannedProducts and the list re-rendered.

import React, { useState, useCallback } from 'react';
import { View, Text, FlatList, Pressable, StyleSheet } from 'react-native';

export interface ScannedProduct {
  data: string;
  symbology: string;
}

export const ProductListScreen = () => {
  const [scannedProducts, setScannedProducts] = useState<ScannedProduct[]>([]);

  const onClearTapped = useCallback(() => {
    setScannedProducts([]);
  }, []);

  return (
    <View style={styles.container}>
      <Text style={styles.total}>Total scanned: {scannedProducts.length}</Text>
      <FlatList
        style={styles.list}
        data={scannedProducts}
        keyExtractor={(_, i) => String(i)}
        renderItem={({ item, index }) => (
          <View style={styles.row}>
            <Text>
              {index + 1}. {item.data} ({item.symbology})
            </Text>
          </View>
        )}
      />
      <Pressable style={styles.clearButton} onPress={onClearTapped}>
        <Text style={styles.clearText}>CLEAR LIST</Text>
      </Pressable>
    </View>
  );
};

const styles = StyleSheet.create({
  container: { flex: 1 },
  total: { padding: 12, fontWeight: 'bold' },
  list: { flex: 1 },
  row: { paddingHorizontal: 12, paddingVertical: 8, borderBottomWidth: 0.5, borderColor: '#ccc' },
  clearButton: {
    alignItems: 'center', padding: 12, margin: 16,
    borderWidth: 2, borderColor: '#000', borderRadius: 4,
  },
  clearText: { fontWeight: 'bold' },
});

// Pre-migration v6 BarcodeCapture React Native integration.
// Uses v6 API surface: DataCaptureContext.forLicenseKey,
// BarcodeCapture.forContext, BarcodeCaptureOverlay.withBarcodeCaptureForView,
// and dataCaptureContext.dispose() teardown.
//
// The skill should migrate this to v7 or v8.

import React, { useEffect, useMemo, useRef, useState } from 'react';
import { View } from 'react-native';

import {
  Camera,
  DataCaptureContext,
  DataCaptureView,
  FrameSourceState,
} from 'scandit-react-native-datacapture-core';
import {
  BarcodeCapture,
  BarcodeCaptureOverlay,
  BarcodeCaptureSession,
  BarcodeCaptureSettings,
  Symbology,
} from 'scandit-react-native-datacapture-barcode';

export const ScanScreen = () => {
  const [, setLastScan] = useState<string | null>(null);

  const dataCaptureContext = useMemo(
    () => DataCaptureContext.forLicenseKey('YOUR_LICENSE_KEY'),
    [],
  );

  const viewRef = useRef<DataCaptureView | null>(null);
  const barcodeCaptureRef = useRef<BarcodeCapture | null>(null);
  const cameraRef = useRef<Camera | null>(null);

  if (cameraRef.current === null) {
    const camera = Camera.default;
    camera?.applySettings(BarcodeCapture.recommendedCameraSettings);
    dataCaptureContext.setFrameSource(camera);
    cameraRef.current = camera;
  }

  if (barcodeCaptureRef.current === null) {
    const settings = new BarcodeCaptureSettings();
    settings.enableSymbologies([
      Symbology.EAN13UPCA,
      Symbology.Code128,
      Symbology.QR,
    ]);

    // v6 factory — deprecated in v8.
    barcodeCaptureRef.current = BarcodeCapture.forContext(
      dataCaptureContext,
      settings,
    );

    barcodeCaptureRef.current.addListener({
      didScan: async (
        mode: BarcodeCapture,
        session: BarcodeCaptureSession,
      ) => {
        const barcode = session.newlyRecognizedBarcode;
        if (barcode) {
          mode.isEnabled = false;
          setLastScan(barcode.data ?? null);
          mode.isEnabled = true;
        }
      },
    });
  }

  useEffect(() => {
    // v6 overlay factory — still works but the v8 idiom is `new BarcodeCaptureOverlay(...)`.
    const overlay = BarcodeCaptureOverlay.withBarcodeCaptureForView(
      barcodeCaptureRef.current!,
      viewRef.current,
    );

    Camera.default?.switchToDesiredState(FrameSourceState.On);

    return () => {
      // v6/v7 teardown pattern — in v8 this becomes removeMode(barcodeCaptureRef.current).
      Camera.default?.switchToDesiredState(FrameSourceState.Off);
      // @ts-expect-error v7 only — not present in v8 singleton context
      dataCaptureContext.dispose();
      void overlay;
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return (
    <View style={{ flex: 1 }}>
      <DataCaptureView
        style={{ flex: 1 }}
        context={dataCaptureContext}
        ref={view => { viewRef.current = view; }}
      />
    </View>
  );
};

// Pre-migration v7 BarcodeCapture React Native integration.
// Uses v7 API surface: DataCaptureContext.forLicenseKey (still valid in v7),
// BarcodeCapture.forContext (still valid in v7), and
// BarcodeCaptureOverlay.withBarcodeCaptureForView.
//
// The skill should migrate this to v8.

import React, { useEffect, useMemo, useRef, useState } from 'react';
import { View } from 'react-native';

import {
  Camera,
  DataCaptureContext,
  DataCaptureView,
  FrameSourceState,
} from 'scandit-react-native-datacapture-core';
import {
  BarcodeCapture,
  BarcodeCaptureOverlay,
  BarcodeCaptureSession,
  BarcodeCaptureSettings,
  Symbology,
} from 'scandit-react-native-datacapture-barcode';

export const ScanScreen = () => {
  const [, setLastScan] = useState<string | null>(null);

  const dataCaptureContext = useMemo(
    () => DataCaptureContext.forLicenseKey('YOUR_LICENSE_KEY'),
    [],
  );

  const viewRef = useRef<DataCaptureView | null>(null);
  const barcodeCaptureRef = useRef<BarcodeCapture | null>(null);
  const cameraRef = useRef<Camera | null>(null);

  if (cameraRef.current === null) {
    const camera = Camera.default;
    camera?.applySettings(BarcodeCapture.recommendedCameraSettings);
    dataCaptureContext.setFrameSource(camera);
    cameraRef.current = camera;
  }

  if (barcodeCaptureRef.current === null) {
    const settings = new BarcodeCaptureSettings();
    settings.enableSymbologies([
      Symbology.EAN13UPCA,
      Symbology.Code128,
      Symbology.QR,
    ]);

    // v7 factory — still valid in v7, deprecated in v8.
    barcodeCaptureRef.current = BarcodeCapture.forContext(
      dataCaptureContext,
      settings,
    );

    barcodeCaptureRef.current.addListener({
      didScan: async (
        mode: BarcodeCapture,
        session: BarcodeCaptureSession,
      ) => {
        const barcode = session.newlyRecognizedBarcode;
        if (barcode) {
          mode.isEnabled = false;
          setLastScan(barcode.data ?? null);
          mode.isEnabled = true;
        }
      },
    });
  }

  useEffect(() => {
    // v7 overlay factory.
    const overlay = BarcodeCaptureOverlay.withBarcodeCaptureForView(
      barcodeCaptureRef.current!,
      viewRef.current,
    );

    Camera.default?.switchToDesiredState(FrameSourceState.On);

    return () => {
      Camera.default?.switchToDesiredState(FrameSourceState.Off);
      // v7 teardown — in v8 the context is a singleton; replace with removeMode.
      dataCaptureContext.dispose();
      void overlay;
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return (
    <View style={{ flex: 1 }}>
      <DataCaptureView
        style={{ flex: 1 }}
        context={dataCaptureContext}
        ref={view => { viewRef.current = view; }}
      />
    </View>
  );
};

// Existing barcode scanner built on react-native-vision-camera's built-in
// code scanner (useCodeScanner). The app collects scanned values, deduplicates
// them, and shows a running summary. We want to migrate this to Scandit
// BarcodeCapture while keeping the same dedup + summary behavior.

import React, { useState, useCallback } from 'react';
import { View, Text, FlatList, StyleSheet } from 'react-native';
import {
  Camera,
  useCameraDevice,
  useCameraPermission,
  useCodeScanner,
  Code,
} from 'react-native-vision-camera';

interface ScannedCode {
  value: string;
  type: string;
}

export const VisionCameraScanner = () => {
  const device = useCameraDevice('back');
  const { hasPermission, requestPermission } = useCameraPermission();
  const [scanned, setScanned] = useState<ScannedCode[]>([]);

  const codeScanner = useCodeScanner({
    codeTypes: ['ean-13', 'code-128', 'qr'],
    onCodeScanned: (codes: Code[]) => {
      for (const code of codes) {
        const value = code.value;
        if (value == null) continue;
        setScanned(prev => {
          // Deduplicate: ignore a value we've already collected.
          if (prev.some(c => c.value === value)) return prev;
          return [...prev, { value, type: code.type }];
        });
      }
    },
  });

  const onStart = useCallback(async () => {
    if (!hasPermission) await requestPermission();
  }, [hasPermission, requestPermission]);

  if (device == null) {
    return (
      <View style={styles.center}>
        <Text>No camera device</Text>
      </View>
    );
  }

  return (
    <View style={styles.container}>
      <Camera
        style={StyleSheet.absoluteFill}
        device={device}
        isActive={true}
        codeScanner={codeScanner}
        onTouchStart={onStart}
      />
      <View style={styles.summary}>
        <Text style={styles.title}>Scanned: {scanned.length}</Text>
        <FlatList
          data={scanned}
          keyExtractor={item => item.value}
          renderItem={({ item }) => (
            <Text style={styles.row}>
              {item.type}: {item.value}
            </Text>
          )}
        />
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: { flex: 1 },
  center: { flex: 1, alignItems: 'center', justifyContent: 'center' },
  summary: { position: 'absolute', bottom: 0, left: 0, right: 0, padding: 16, backgroundColor: '#fff' },
  title: { fontWeight: 'bold', marginBottom: 8 },
  row: { paddingVertical: 4 },
});

{
  "skill_name": "barcode-capture-rn",
  "evals": [
    {
      "id": 1,
      "prompt": "I want to add BarcodeCapture to my React Native app. Here's my screen file: EmptyApp.tsx. I need to scan EAN-13 and Code 128 barcodes for a retail app.",
      "expected_output": "The skill reads integration.md, writes complete BarcodeCapture integration code into EmptyApp.tsx as a function component with hooks (DataCaptureView + BarcodeCaptureOverlay + Camera), and shows the setup checklist (packages to install, npx pod-install, camera permission entries).",
      "files": [
        "fixtures/EmptyApp.tsx"
      ],
      "assertions": [
        {"text": "Setup checklist is shown (mentions scandit-react-native-datacapture-core and scandit-react-native-datacapture-barcode)"},
        {"text": "Setup checklist mentions npx pod-install for iOS"},
        {"text": "Setup checklist mentions NSCameraUsageDescription in ios Info.plist"},
        {"text": "Setup checklist mentions Android runtime camera permission (PermissionsAndroid) or notes Android auto-links"},
        {"text": "DataCaptureContext.initialize( is present (v8 API used)"},
        {"text": "DataCaptureContext.sharedInstance is used to obtain the context"},
        {"text": "DataCaptureContext.forLicenseKey( is NOT present"},
        {"text": "A license key placeholder string is present (semantic)"},
        {"text": "new BarcodeCapture(settings) is present (v8 constructor used, not BarcodeCapture.forContext)"},
        {"text": "dataCaptureContext.addMode( is called to attach the BarcodeCapture mode to the context"},
        {"text": "Symbology.EAN13UPCA is enabled"},
        {"text": "Symbology.Code128 is enabled"},
        {"text": "No symbologies except EAN13UPCA and Code128 are enabled"},
        {"text": "<DataCaptureView is rendered as JSX with a context prop"},
        {"text": "BarcodeCaptureOverlay is constructed and added to the DataCaptureView via addOverlay or withBarcodeCaptureForView (semantic)"},
        {"text": "Camera.default is present"},
        {"text": "dataCaptureContext.setFrameSource(camera) is called"},
        {"text": "camera.switchToDesiredState(FrameSourceState.On) is called to start the camera"},
        {"text": "The component is written as a function component (no extends React.Component / class syntax)"},
        {"text": "useRef is used to hold the BarcodeCapture mode reference across renders"},
        {"text": "addListener is called on the BarcodeCapture mode to register a listener with a didScan callback"},
        {"text": "The didScan callback sets barcodeCapture.isEnabled = false (or mode.isEnabled = false) before processing the scan"},
        {"text": "Imports come from scandit-react-native-datacapture-core (DataCaptureContext, DataCaptureView, Camera, FrameSourceState) and scandit-react-native-datacapture-barcode (BarcodeCapture, BarcodeCaptureSettings, BarcodeCaptureOverlay, Symbology)"}
      ]
    },
    {
      "id": 2,
      "prompt": "Add BarcodeCapture barcode scanning to ProductListApp.tsx. When a barcode is scanned, append it to the scannedProducts state and re-render the product list. Keep the existing clear button and list rendering.",
      "expected_output": "The skill adds BarcodeCapture to ProductListApp.tsx. The existing scannedProducts state, render logic, and clear button are preserved. Scanned barcodes are appended via setScannedProducts.",
      "files": [
        "fixtures/ProductListApp.tsx"
      ],
      "assertions": [
        {"text": "DataCaptureContext.initialize( is present (v8 API)"},
        {"text": "DataCaptureContext.forLicenseKey( is NOT present"},
        {"text": "new BarcodeCapture(settings) is present"},
        {"text": "dataCaptureContext.addMode( is called"},
        {"text": "<DataCaptureView is rendered in the component's JSX"},
        {"text": "BarcodeCaptureOverlay is created and added to the DataCaptureView"},
        {"text": "barcodeCapture.addListener( is called with a didScan callback"},
        {"text": "didScan callback pushes / appends to scannedProducts via setScannedProducts (or equivalent state setter)"},
        {"text": "Existing scannedProducts state and setScannedProducts setter are preserved"},
        {"text": "Existing list rendering (FlatList / ScrollView / map) is preserved"},
        {"text": "Existing clear button / onClearTapped handler is preserved"},
        {"text": "useEffect cleanup calls dataCaptureContext.removeMode(...)"}
      ]
    },
    {
      "id": 3,
      "prompt": "I want to draw a square viewfinder over the camera preview in my BarcodeCapture React Native app so users know where to aim.",
      "expected_output": "The skill creates a RectangularViewfinder and assigns it to the BarcodeCaptureOverlay's viewfinder property.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "new RectangularViewfinder( is constructed"},
        {"text": "RectangularViewfinder is imported from scandit-react-native-datacapture-core"},
        {"text": "The viewfinder is assigned to the BarcodeCaptureOverlay (overlay.viewfinder = ...)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 4,
      "prompt": "Customize the success feedback in my BarcodeCapture React Native app so it vibrates but does NOT play a sound on each scan.",
      "expected_output": "The skill assigns a Feedback to barcodeCapture.feedback.success with a default vibration and a null sound, using BarcodeCaptureFeedback.defaultFeedback as the starting point.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "BarcodeCaptureFeedback.defaultFeedback (or new BarcodeCaptureFeedback()) is used as the starting feedback"},
        {"text": "feedback.success is assigned a new Feedback instance"},
        {"text": "Vibration.defaultVibration is passed to the Feedback constructor"},
        {"text": "null is passed for the sound argument of Feedback (no sound)"},
        {"text": "barcodeCapture.feedback is set to the customized feedback"},
        {"text": "Imports for Feedback and Vibration are added from scandit-react-native-datacapture-core"},
        {"text": "Imports for BarcodeCaptureFeedback are added from scandit-react-native-datacapture-barcode"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 5,
      "prompt": "I only want to accept barcodes that appear inside a circular region in the middle of the frame (50% of the smaller dimension). Restrict the scan area in my BarcodeCapture React Native app.",
      "expected_output": "The skill sets settings.locationSelection to a RadiusLocationSelection with a 0.5 fraction radius and applies the settings to BarcodeCapture.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "new RadiusLocationSelection( is constructed"},
        {"text": "NumberWithUnit and MeasureUnit.Fraction are used to express the radius"},
        {"text": "settings.locationSelection is assigned the RadiusLocationSelection"},
        {"text": "Settings are applied to the BarcodeCapture mode either via barcodeCapture.applySettings(settings) or by passing settings into the constructor before the mode is added to the context (semantic)"},
        {"text": "RadiusLocationSelection, NumberWithUnit, MeasureUnit are imported from scandit-react-native-datacapture-core"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 6,
      "prompt": "I want to filter scans so duplicates within 500 milliseconds are ignored. Update my BarcodeCapture settings.",
      "expected_output": "The skill sets codeDuplicateFilter on the BarcodeCaptureSettings instance before constructing the BarcodeCapture mode (or applies updated settings).",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.codeDuplicateFilter = 500 is set (or equivalent in the API units)"},
        {"text": "codeDuplicateFilter is set before constructing BarcodeCapture, or barcodeCapture.applySettings(settings) is called after the change (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 7,
      "prompt": "Switch my BarcodeCapture React Native app to manual scan intention so the SDK does not try to guess which barcode the user wants.",
      "expected_output": "The skill sets settings.scanIntention = ScanIntention.Manual and applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.scanIntention = ScanIntention.Manual is set"},
        {"text": "ScanIntention is imported from scandit-react-native-datacapture-core"},
        {"text": "The updated settings (including scanIntention) are applied to the BarcodeCapture mode, either by calling barcodeCapture.applySettings(settings) or by passing the configured settings into the BarcodeCapture constructor (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 8,
      "prompt": "I need to clean up properly when my React Native scan screen unmounts — stop the camera, remove the overlay, and unbind the BarcodeCapture mode from the context so its native resources are released.",
      "expected_output": "The skill wires the cleanup function in useEffect to call switchToDesiredState(FrameSourceState.Off), removeOverlay, removeListener, and dataCaptureContext.removeMode(barcodeCaptureRef.current).",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "useEffect cleanup (returned function from useEffect) calls dataCaptureContext.removeMode(...)"},
        {"text": "The BarcodeCapture mode passed to removeMode is the one held in the useRef"},
        {"text": "camera.switchToDesiredState(FrameSourceState.Off) (or useFocusEffect cleanup) stops the camera"},
        {"text": "dataCaptureView.removeOverlay(...) is called for the overlay (in the cleanup or via the useEffect return)"},
        {"text": "dataCaptureContext.dispose() is never actually invoked in the cleanup logic — it may appear in a comment explaining the rule, but no executable call to dispose() exists (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 9,
      "prompt": "Change the symbologies my BarcodeCapture React Native app accepts to only QR and DataMatrix.",
      "expected_output": "The skill replaces the enabled symbologies with Symbology.QR and Symbology.DataMatrix and re-applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "Symbology.QR is enabled"},
        {"text": "Symbology.DataMatrix is enabled"},
        {"text": "The active enabled symbology list no longer includes Symbology.EAN13UPCA (it may still appear in a removed/before comment, but is not in the call to enableSymbologies) (semantic)"},
        {"text": "The active enabled symbology list no longer includes Symbology.Code128 (it may still appear in a removed/before comment, but is not in the call to enableSymbologies) (semantic)"},
        {"text": "settings.enableSymbologies(...) is called with QR and DataMatrix"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 10,
      "prompt": "I want to enable composite codes (CompositeType A) alongside the regular barcodes in my BarcodeCapture React Native app.",
      "expected_output": "The skill sets settings.enabledCompositeTypes to include CompositeType.A and calls settings.enableSymbologiesForCompositeTypes(...) to enable the symbologies the composite type needs.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.enabledCompositeTypes is assigned an array containing CompositeType.A"},
        {"text": "settings.enableSymbologiesForCompositeTypes(...) is called with the composite types"},
        {"text": "CompositeType is imported from scandit-react-native-datacapture-barcode"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ]
    },
    {
      "id": 11,
      "prompt": "Add an aimer-style viewfinder (a crosshair dot with a frame) to my BarcodeCapture React Native app so users can aim at a single barcode. Make the dot red.",
      "expected_output": "The skill constructs an AimerViewfinder, sets its dotColor to red, and assigns it to the BarcodeCaptureOverlay's viewfinder property.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "new AimerViewfinder( is constructed"},
        {"text": "AimerViewfinder is imported from scandit-react-native-datacapture-core"},
        {"text": "aimer.dotColor is assigned a Color value"},
        {"text": "The aimer is assigned to the overlay via overlay.viewfinder ="},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["aimer-viewfinder"]
    },
    {
      "id": 12,
      "prompt": "Add a laserline viewfinder to my BarcodeCapture React Native app for scanning 1D barcodes like a laser scanner.",
      "expected_output": "The skill constructs a LaserlineViewfinder (no constructor arguments) and assigns it to the BarcodeCaptureOverlay's viewfinder property.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "new LaserlineViewfinder( is constructed"},
        {"text": "LaserlineViewfinder is imported from scandit-react-native-datacapture-core"},
        {"text": "The laserline viewfinder is assigned to the overlay via overlay.viewfinder ="},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["laserline-viewfinder"]
    },
    {
      "id": 13,
      "prompt": "In my BarcodeCapture React Native app I only want to accept barcodes whose data starts with 'SKU-'. Any other barcode should be ignored and not highlighted.",
      "expected_output": "The skill rejects non-matching codes inside didScan by checking barcode.data, setting overlay.brush = Brush.transparent and returning early without processing; accepted codes proceed normally.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "Inside didScan, barcode.data?.startsWith('SKU-') (or barcode.data.startsWith) is used to decide acceptance"},
        {"text": "For a rejected barcode, overlay.brush = Brush.transparent is set"},
        {"text": "For a rejected barcode the callback returns early without processing it (a return statement after the rejection branch) (semantic)"},
        {"text": "Brush is imported from scandit-react-native-datacapture-core"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["reject-pattern"]
    },
    {
      "id": 14,
      "prompt": "Change the highlight color of recognized barcodes in my BarcodeCapture React Native app to a semi-transparent green fill with a solid green outline.",
      "expected_output": "The skill assigns overlay.brush a new Brush built from a semi-transparent green fill Color, a green stroke Color, and a stroke width.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "overlay.brush is assigned a new Brush( instance"},
        {"text": "The Brush constructor receives a fill Color, a stroke Color, and a numeric stroke width"},
        {"text": "Color.fromRGBA or Color.fromHex is used to build the brush colors"},
        {"text": "Brush and Color are imported from scandit-react-native-datacapture-core"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["overlay-brush"]
    },
    {
      "id": 15,
      "prompt": "My Code 39 barcodes contain the full ASCII character set. Enable the full ASCII extension for Code 39 in my BarcodeCapture React Native app.",
      "expected_output": "The skill gets the per-symbology settings via settings.settingsForSymbology(Symbology.Code39) and calls setExtensionEnabled('full_ascii', true), then applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.settingsForSymbology(Symbology.Code39) is called to get the per-symbology settings"},
        {"text": "setExtensionEnabled('full_ascii', true) is called on the Code39 symbology settings"},
        {"text": "The settings are applied to the mode via barcodeCapture.applySettings(settings) or passed into the constructor before the mode is added (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["symbology-extensions"]
    },
    {
      "id": 16,
      "prompt": "Require a Mod 43 checksum for Code 39 barcodes in my BarcodeCapture React Native app so misreads are rejected.",
      "expected_output": "The skill gets settings.settingsForSymbology(Symbology.Code39) and sets its checksums to [Checksum.Mod43], then applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.settingsForSymbology(Symbology.Code39) is called"},
        {"text": "The checksums property of the Code39 symbology settings is assigned [Checksum.Mod43]"},
        {"text": "Checksum is imported from scandit-react-native-datacapture-barcode"},
        {"text": "The settings are applied to the mode via barcodeCapture.applySettings(settings) or passed into the constructor before the mode is added (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["symbology-checksums"]
    },
    {
      "id": 17,
      "prompt": "My Code 39 labels are a fixed length and I want to restrict scanning to codes between 7 and 20 symbols long in my BarcodeCapture React Native app.",
      "expected_output": "The skill gets settings.settingsForSymbology(Symbology.Code39) and assigns its activeSymbolCounts an array covering 7 through 20, then applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.settingsForSymbology(Symbology.Code39) is called"},
        {"text": "The activeSymbolCounts property of the Code39 symbology settings is assigned an array of numbers"},
        {"text": "The activeSymbolCounts array spans the requested 7 to 20 range (semantic)"},
        {"text": "The settings are applied to the mode via barcodeCapture.applySettings(settings) or passed into the constructor before the mode is added (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["active-symbol-counts"]
    },
    {
      "id": 18,
      "prompt": "Some of my Code 128 barcodes are printed bright-on-dark (color inverted). Enable color-inverted decoding for Code 128 in my BarcodeCapture React Native app.",
      "expected_output": "The skill gets settings.settingsForSymbology(Symbology.Code128) and sets isColorInvertedEnabled = true, then applies the settings.",
      "files": [
        "fixtures/IntegratedApp.tsx"
      ],
      "assertions": [
        {"text": "settings.settingsForSymbology(Symbology.Code128) is called"},
        {"text": "isColorInvertedEnabled = true is set on the Code128 symbology settings"},
        {"text": "The settings are applied to the mode via barcodeCapture.applySettings(settings) or passed into the constructor before the mode is added (semantic)"},
        {"text": "Existing integration code (context, BarcodeCapture mode, DataCaptureView JSX, listener, overlay) is preserved"}
      ],
      "tags": ["color-inverted"]
    }
  ]
}

{
  "skill_name": "barcode-capture-rn",
  "evals": [
    {
      "id": 1,
      "prompt": "I'm on Scandit SDK v6 and need to migrate my BarcodeCapture React Native integration to v7. Here's my scanner file: ScannerApp_v6.tsx",
      "expected_output": "The skill reads migration.md, applies the 6→7 changes (mostly informational — scan intention default, codeDuplicateFilter default, BarcodeTracking→BarcodeBatch rename if applicable) to ScannerApp_v6.tsx, and summarizes all changes made.",
      "files": [
        "fixtures/ScannerApp_v6.tsx"
      ],
      "assertions": [
        {"text": "Summary mentions the v7 default scanIntention change to Smart"},
        {"text": "Summary mentions the codeDuplicateFilter -2 default behavior change in v7.1+"},
        {"text": "BarcodeCapture.forContext( is still allowed (not removed in v7)"},
        {"text": "BarcodeCaptureOverlay.withBarcodeCaptureForView is still allowed (not removed in v7)"},
        {"text": "DataCaptureContext.forLicenseKey is still allowed (not removed in v7)"},
        {"text": "A summary is shown describing changes"}
      ]
    },
    {
      "id": 2,
      "prompt": "We're upgrading our React Native app from Scandit SDK 7 to 8. Here's our BarcodeCapture code: ScannerApp_v7.tsx. Please apply any necessary changes.",
      "expected_output": "The skill applies the v7→v8 renames (DataCaptureContext.forLicenseKey → DataCaptureContext.initialize + sharedInstance, BarcodeCapture.forContext → new BarcodeCapture + addMode, BarcodeCaptureOverlay.withBarcodeCaptureForView → new BarcodeCaptureOverlay + addOverlay, dataCaptureContext.dispose() → dataCaptureContext.removeMode(barcodeCapture)) and summarizes the changes.",
      "files": [
        "fixtures/ScannerApp_v7.tsx"
      ],
      "assertions": [
        {"text": "DataCaptureContext.initialize( is present in the output file"},
        {"text": "DataCaptureContext.sharedInstance is used to read the context"},
        {"text": "DataCaptureContext.forLicenseKey( is NOT present in the output file"},
        {"text": "new BarcodeCapture( is present in the output file"},
        {"text": "BarcodeCapture.forContext( is NOT present in the output file"},
        {"text": "dataCaptureContext.addMode( is called to attach the BarcodeCapture mode"},
        {"text": "new BarcodeCaptureOverlay( is present (or BarcodeCaptureOverlay.withBarcodeCaptureForView replaced)"},
        {"text": "dataCaptureView.addOverlay( is called for the BarcodeCaptureOverlay"},
        {"text": "dataCaptureContext.dispose() is NOT present (replaced with removeMode or removed entirely)"},
        {"text": "dataCaptureContext.removeMode( is present in the cleanup path"},
        {"text": "A summary is shown listing the renames"},
        {"text": "Summary mentions npx pod-install must be run after the package bump"},
        {"text": "The output file is functionally equivalent to the input otherwise — no unnecessary changes"}
      ]
    },
    {
      "id": 3,
      "prompt": "We need to upgrade our BarcodeCapture integration from SDK 6 all the way to v8. Here's our current code: ScannerApp_v6.tsx",
      "expected_output": "The skill applies both migrations in order (6→7 then 7→8) and summarizes all changes organized by migration step.",
      "files": [
        "fixtures/ScannerApp_v6.tsx"
      ],
      "assertions": [
        {"text": "DataCaptureContext.initialize( is present (7→8 rename applied)"},
        {"text": "DataCaptureContext.forLicenseKey( is NOT present"},
        {"text": "DataCaptureContext.sharedInstance is used to read the context"},
        {"text": "new BarcodeCapture( is present (7→8 rename applied)"},
        {"text": "BarcodeCapture.forContext( is NOT present"},
        {"text": "dataCaptureContext.addMode( is called"},
        {"text": "new BarcodeCaptureOverlay( is present"},
        {"text": "dataCaptureContext.dispose() is NOT present"},
        {"text": "dataCaptureContext.removeMode( is present in the cleanup"},
        {"text": "Summary covers both migration steps (references both 6→7 and 7→8)"}
      ]
    },
    {
      "id": 4,
      "prompt": "I want to upgrade my BarcodeCapture to the latest Scandit SDK version. Here's my code and package.json.",
      "expected_output": "The skill reads package.json to detect v6.28.x, determines the target is v8, applies both migrations without asking the user for their version.",
      "files": [
        "fixtures/ScannerApp_v6.tsx",
        "fixtures/package_v6.json"
      ],
      "assertions": [
        {"text": "Summary mentions the detected version (6.28.x or v6)"},
        {"text": "Summary mentions the package.json dependency versions need to be bumped to ^8.0.0"},
        {"text": "Summary mentions npx pod-install must be run after the bump"},
        {"text": "DataCaptureContext.initialize( is present (7→8 rename applied)"},
        {"text": "new BarcodeCapture( is present (7→8 rename applied)"},
        {"text": "dataCaptureContext.addMode( is called"},
        {"text": "dataCaptureContext.dispose() is NOT present"},
        {"text": "Did not ask the user for their version — proceeded autonomously"}
      ]
    },
    {
      "id": 5,
      "prompt": "Migrate my BarcodeCapture overlay creation in ScannerApp_v7.tsx to the v8 idiom — I want the explicit `new BarcodeCaptureOverlay(...)` + `dataCaptureView.addOverlay(...)` form, not the legacy factory.",
      "expected_output": "The skill replaces BarcodeCaptureOverlay.withBarcodeCaptureForView with new BarcodeCaptureOverlay(barcodeCapture) and adds dataCaptureView.addOverlay(overlay), and otherwise leaves the file untouched (the v7 surface is otherwise valid).",
      "files": [
        "fixtures/ScannerApp_v7.tsx"
      ],
      "assertions": [
        {"text": "new BarcodeCaptureOverlay( is present in the output file"},
        {"text": "BarcodeCaptureOverlay.withBarcodeCaptureForView is NOT present"},
        {"text": "dataCaptureView.addOverlay( or viewRef.current.addOverlay is called for the overlay"},
        {"text": "A summary is shown listing the overlay rewrite"}
      ]
    }
  ]
}

{
  "skill_name": "barcode-capture-rn",
  "evals": [
    {
      "id": 1,
      "prompt": "I have a React Native app that scans barcodes with react-native-vision-camera's built-in code scanner (useCodeScanner). I want to replace it with Scandit BarcodeCapture. Here is my screen: VisionCameraScanner.tsx",
      "expected_output": "The skill removes the react-native-vision-camera code scanner (useCodeScanner, the Camera codeScanner prop, vision-camera imports), adds a Scandit BarcodeCapture integration with the matching symbologies (EAN13UPCA, Code128, QR), preserves the ScannedCode dedup logic and the scanned-count summary, and shows a setup checklist.",
      "files": [
        "fixtures/VisionCameraScanner.tsx"
      ],
      "assertions": [
        {"text": "react-native-vision-camera is NOT imported in the output code (it may appear in a before/after summary)"},
        {"text": "useCodeScanner is NOT called in the output code (it may appear in a before/after summary)"},
        {"text": "The vision-camera Camera component's codeScanner prop is NOT present in the output code (it may appear in a before/after summary)"},
        {"text": "DataCaptureContext.initialize( is present (v8 API)"},
        {"text": "DataCaptureContext.sharedInstance is used to obtain the context"},
        {"text": "new BarcodeCapture(settings) is present"},
        {"text": "dataCaptureContext.addMode( is called to attach the BarcodeCapture mode"},
        {"text": "settings.enableSymbologies(...) is called"},
        {"text": "Symbology.EAN13UPCA is enabled (mapped from 'ean-13')"},
        {"text": "Symbology.Code128 is enabled (mapped from 'code-128')"},
        {"text": "Symbology.QR is enabled (mapped from 'qr')"},
        {"text": "Symbology.QRCode does NOT appear as a Symbology enum value (the correct case is Symbology.QR)"},
        {"text": "<DataCaptureView is rendered as JSX with a context prop"},
        {"text": "new BarcodeCaptureOverlay( is constructed and added via addOverlay"},
        {"text": "barcodeCapture.addListener( is called with a didScan callback"},
        {"text": "The didScan callback reads session.newlyRecognizedBarcode"},
        {"text": "camera.switchToDesiredState(FrameSourceState.On) is called to start the camera"},
        {"text": "The existing dedup behavior is preserved (a scanned value already in the list is not added again) (semantic)"},
        {"text": "The scanned-count summary (Scanned: <count>) is preserved in the rendered output"},
        {"text": "Setup checklist mentions scandit-react-native-datacapture-core and scandit-react-native-datacapture-barcode"},
        {"text": "Setup checklist mentions npx pod-install for iOS"},
        {"text": "Setup checklist mentions NSCameraUsageDescription in the iOS Info.plist"},
        {"text": "A summary of changes is shown listing what vision-camera code was removed and what Scandit code was added"}
      ],
      "tags": ["third-party-migration"]
    }
  ]
}