Installation

<head>
  <!-- Add the script with defer attribute to ensure it loads after the DOM -->
  <script src="https://cdn.jsdelivr.net/npm/@superline-ai/agent-detection/dist/umd/index.umd.js" defer></script>
</head>

import AgentDetector from '@superline-ai/agent-detection';

const AgentDetector = require('@superline-ai/agent-detection');

// useAgentDetection.js
import { useState, useEffect } from 'react';
import AgentDetector from '@superline-ai/agent-detection';

export function useAgentDetection() {
  const [detectionResult, setDetectionResult] = useState(null);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    // Initialize the detector when the component mounts
    AgentDetector.init({
      debug: false,
      autoStart: true
    });

    // Check for AI agent after a delay to allow data collection
    const timer = setTimeout(async () => {
      try {
        const result = await AgentDetector.finalizeDetection();
        setDetectionResult(result);
      } catch (error) {
        console.error('Agent detection error:', error);
      } finally {
        setIsLoading(false);
      }
    }, 5000); // 5 seconds delay

    return () => clearTimeout(timer);
  }, []);

  return { detectionResult, isLoading };
}