Ghost Jobs Browser Extension

// ==UserScript==
// @name         No Job Detector for [Site Name]
// @namespace    https://nojob.app
// @version      0.1
// @description  Detect fake job listings on [Site Name]
// @author       Your Name
// @match        https://[jobsite.com]/*
// @grant        GM_xmlhttpRequest
// ==/UserScript==

(function() {
    'use strict';
    
    // Configuration
    const NO_JOB_API = 'https://api.nojob.app/v1/check';
    
    // Function to extract job details from the page
    function extractJobDetails() {
        // Example: extract job details from the current page
        const title = document.querySelector('.job-title').textContent;
        const company = document.querySelector('.company-name').textContent;
        const description = document.querySelector('.job-description').textContent;
        
        return { title, company, description };
    }
    
    // Function to check a job using the No Job API
    function checkJob(jobDetails) {
        GM_xmlhttpRequest({
            method: 'POST',
            url: NO_JOB_API,
            headers: {
                'Content-Type': 'application/json'
            },
            data: JSON.stringify(jobDetails),
            onload: function(response) {
                const result = JSON.parse(response.responseText);
                displayResult(result);
            }
        });
    }
    
    // Function to display the result on the page
    function displayResult(result) {
        // Create Ghost Score badge
        const badge = document.createElement('div');
        badge.className = 'ghost-jobs-badge';
        badge.innerHTML = `
            <div style="border: 2px solid #333; border-radius: 8px; padding: 8px; margin: 10px 0; background: white; font-family: Arial, sans-serif;">
                <div style="font-weight: bold; font-size: 14px;">Ghost Score: ${result.score}/100</div>
                <div style="height: 8px; background: #eee; margin: 5px 0; border-radius: 4px;">
                    <div style="height: 100%; width: ${result.score}%; background: ${result.score > 70 ? 'green' : result.score > 40 ? 'orange' : 'red'}; border-radius: 4px;"></div>
                </div>
                <div style="font-size: 12px; color: #666;">Powered by <a href="https://nojob.app" target="_blank" style="color: #0066cc;">No Job</a></div>
            </div>
        `;
        
        // Insert badge into the page
        const targetElement = document.querySelector('.job-details-header');
        targetElement.insertAdjacentElement('afterend', badge);
    }
    
    // Main function to initialize the script
    function init() {
        // Wait for the page to fully load
        window.addEventListener('load', function() {
            // Check if we're on a job details page
            if (window.location.href.includes('/job/')) {
                const jobDetails = extractJobDetails();
                checkJob(jobDetails);
            }
        });
    }
    
    // Start the script
    init();
})();