@avilabs/ghost-cursor-playwright/lib/mouse-helper.js

Move your mouse like a human in playwright or generate realistic movements on any 2D plane

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
function installMouseHelper(page, trustedTypes) {
    page.on('load', () => {
        page
            .evaluate(() => {
            window['escapeHTMLPolicy'] = trustedTypes.createPolicy('forceInner', {
                createHTML: (to_escape) => to_escape,
            });
            const box = document.createElement('p-mouse-pointer');
            const styleElement = document.createElement('style');
            styleElement.innerHTML = window['escapeHTMLPolicy'].createHTML(`
          p-mouse-pointer {
            pointer-events: none;
            position: absolute;
            top: 0;
            z-index: 10000;
            left: 0;
            width: 20px;
            height: 20px;
            background: rgba(0,0,0,.4);
            border: 1px solid white;
            border-radius: 10px;
            margin: -10px 0 0 -10px;
            padding: 0;
            transition: background .2s, border-radius .2s, border-color .2s;
          }
          p-mouse-pointer.button-1 {
            transition: none;
            background: rgba(0,0,0,0.9);
          }
          p-mouse-pointer.button-2 {
            transition: none;
            border-color: rgba(0,0,255,0.9);
          }
          p-mouse-pointer.button-3 {
            transition: none;
            border-radius: 4px;
          }
          p-mouse-pointer.button-4 {
            transition: none;
            border-color: rgba(255,0,0,0.9);
          }
          p-mouse-pointer.button-5 {
            transition: none;
            border-color: rgba(0,255,0,0.9);
          }
          p-mouse-pointer-hide {
            display: none
          }
        `);
            document.head.appendChild(styleElement);
            console.log(styleElement);
            console.log('as');
            document.body.appendChild(box);
            document.addEventListener('mousemove', (event) => {
                box.style.left = String(event.pageX) + 'px';
                box.style.top = String(event.pageY) + 'px';
                box.classList.remove('p-mouse-pointer-hide');
                updateButtons(event.buttons);
            }, true);
            document.addEventListener('mousedown', (event) => {
                updateButtons(event.buttons);
                box.classList.add('button-' + String(event.which));
                box.classList.remove('p-mouse-pointer-hide');
            }, true);
            document.addEventListener('mouseup', (event) => {
                updateButtons(event.buttons);
                box.classList.remove('button-' + String(event.which));
                box.classList.remove('p-mouse-pointer-hide');
            }, true);
            document.addEventListener('mouseleave', (event) => {
                updateButtons(event.buttons);
                box.classList.add('p-mouse-pointer-hide');
            }, true);
            document.addEventListener('mouseenter', (event) => {
                updateButtons(event.buttons);
                box.classList.remove('p-mouse-pointer-hide');
            }, true);
            function updateButtons(buttons) {
                for (let i = 0; i < 5; i++) {
                    box.classList.toggle('button-' + String(i), buttons & (1 << i));
                }
            }
        })
            .catch(() => { });
    });
}
exports.default = installMouseHelper;
//# sourceMappingURL=mouse-helper.js.map