Basic tracker to detect users with OCD triggering text selection behaviors.
Add prime_detector.min.js and use global prime_detector to setup your handlers.
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/prime_detector@0.69.103/dist/prime_detector.min.js" ></script>
<script type="text/javascript">
prime_detector.init_listener();
window.addEventListener("brazil-mentioned", () => { alert("Hit!"); });
</script>
</head>
<body>
<header></header>
<main>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</main>
</body>
</html>Install, import, initialize and listen for events.
import {init_listener} from "prime_detector";
const handle = init_listener();
window.addEventListener("brazil-mentioned", () => {
console.debug("Potential prime user detected.");
// Generate unique finger-print, display memes, idk use your imagination.
});
// handle.stop_it_get_some_help(); // You can always stop the event listener with returned handle object.By default, init_listener listens selectionchange event on document and dispatches custom brazil-mentioned event on window. You can customize event name, target and source nodes, event debouncer etc.
const options = {
target: my_article, // Target DOM node to check for selection and dispatch events. Default is 'window'.
debounce: 1500, // Selection event debounce time. Default is 1000 milliseconds.
event_name: "gotcha" // Custom event name. Default event name is 'brazil-mentioned' to make it more immersive.
};
const handle = init_listener(options);If you don't want to use global event listener, you can always call the detection check manually.
import {detect_prime} from "prime_detector";
function your_own_trigger(){
// detect_prime also accepts target node as an argument to limit scope.
if (detect_prime()) {
alert("HIT");
} else {
console.debug("Just a regular normie.");
}
}