My-Capture-Extension/cropper.js at main · Engr-ImranHasan/My-Capture-Extension · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
(function() {
    // যদি আগে থেকেই ক্রপার চালু থাকে, তবে বন্ধ করো
    if (document.getElementById('my-mind-overlay')) return;

    // ১. ওভারলে তৈরি (পুরো স্ক্রিন কালো ঝাপসা হবে)
    const overlay = document.createElement('div');
    overlay.id = 'my-mind-overlay';
    overlay.style.position = 'fixed';
    overlay.style.top = '0';
    overlay.style.left = '0';
    overlay.style.width = '100%';
    overlay.style.height = '100%';
    overlay.style.backgroundColor = 'rgba(0,0,0,0.3)';
    overlay.style.zIndex = '999999';
    overlay.style.cursor = 'crosshair';
    document.body.appendChild(overlay);

    // ২. সিলেকশন বক্স (লাল বর্ডার)
    const box = document.createElement('div');
    box.style.border = '2px dashed #EA4335';
    box.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';
    box.style.position = 'fixed';
    overlay.appendChild(box);

    let startX, startY, endX, endY;
    let isDragging = false;

    // মাউস চাপলে শুরু
    overlay.addEventListener('mousedown', (e) => {
        startX = e.clientX;
        startY = e.clientY;
        isDragging = true;
        box.style.left = startX + 'px';
        box.style.top = startY + 'px';
        box.style.width = '0px';
        box.style.height = '0px';
    });

    // মাউস নাড়ালে বক্স বড় হবে
    overlay.addEventListener('mousemove', (e) => {
        if (!isDragging) return;
        endX = e.clientX;
        endY = e.clientY;

        const width = Math.abs(endX - startX);
        const height = Math.abs(endY - startY);
        const left = Math.min(startX, endX);
        const top = Math.min(startY, endY);

        box.style.width = width + 'px';
        box.style.height = height + 'px';
        box.style.left = left + 'px';
        box.style.top = top + 'px';
    });

    // মাউস ছাড়লে কো-অর্ডিনেট পাঠাবে
    overlay.addEventListener('mouseup', (e) => {
        isDragging = false;
        document.body.removeChild(overlay); // ওভারলে মুছে ফেলো

        // যদি খুব ছোট ক্লিক হয়, তবে বাতিল
        if (parseInt(box.style.width) < 10 || parseInt(box.style.height) < 10) return;

        // Background এ তথ্য পাঠাও
        const cropData = {
            x: parseInt(box.style.left),
            y: parseInt(box.style.top),
            width: parseInt(box.style.width),
            height: parseInt(box.style.height),
            devicePixelRatio: window.devicePixelRatio
        };

        chrome.runtime.sendMessage({
            action: "processCrop",
            cropData: cropData,
            title: document.title
        });
    });
})();