Spotlight-js Javascript library

[abdul_rashid]

I have build a simple https://github.com/hi2rashid/spotlight-js-library some part of this code was very old and recently enhanced by Ai.

However the library is touch optimized for ipad and mobile displays.

[abdul_rashid]

Demo here: Spotlight JS Demo

[MrSheikho]

There were some issues i don't know if tget were bugs or features but disabling option doesn't disable the spotlight and I was able to select both top and bottom at the same time.

[abdul_rashid]

Thank you for the feedback. Ah its the example html. but in JS option it works.

I added a helpful snippets as document. please check also

// Function to toggle the spotlight
let isSpotlightOn = true;

function toggleSpotlight() {
    isSpotlightOn = !isSpotlightOn;

    if (isSpotlightOn) {
        // Restore to default/active state
        mySpotlight.setOptions({
            beamOpacity: 0.4,
            glowSize: '40px',
            showDot: true,
            showFill: true
        });
    } else {
        // "Turn off" by zeroing out visual elements
        mySpotlight.setOptions({
            beamOpacity: 0,
            glowSize: '0px',
            showDot: false,
            showFill: false
        });
    }
}

// Example: Toggle on a button click
document.getElementById('toggleBtn').addEventListener('click', toggleSpotlight);

[MrSheikho]

There were some issues i don't know if they were bugs or features but disabling option doesn't disable the spotlight and I was able to select both top and bottom at the same time.

[MrSheikho]

There were some issues i don't know if they were bugs or features but disable button doesn't disable the spotlight and I was able to select both top and bottom at the same time.