simulating windows areosnap feature when dragging a frameless window without using a draggable region

electron-win-drag.js

/*
    There is no api for windows areosnap feature that I could find or not way to trigger it with the windows hotkeys.
*/

const titleBar = document.getElementById('title-bar');
const { remote, screen } = require('electron');

let activate = false;
const win = {
    offsetX: 0,
    offsetY: 0,
    target: null
};

titleBar.addEventListener('mousedown', e => {
    activate = true;
    win.target = remote.getCurrentWindow();
    const [winX, winY] = win.target.getPosition();
    const { screenX, screenY } = e;
    win.offsetX = screenX - winX;
    win.offsetY = screenY - winY;
});

titleBar.addEventListener('dblclick', e => {
    if (win.target.isMaximized()) win.target.restore();
    else win.target.maximize();
});

window.addEventListener('mouseup', e => {
    if (!activate) return;
    activate = false;
    const { screenX, screenY } = e;
    const currentScreen = screen.getDisplayNearestPoint({ x: screenX, y: screenY });
    const { x, y, width, height } = currentScreen.workArea;
    if (screenY < 3) {
        win.target.maximize();
    }
    else if (screenY > height - 3) {
        const h = height / 2
        win.target.setSize(width, h);
        win.target.setPosition(x, h);
    } else if (screenX < 3) {
        const w = width / 2
        win.target.setSize(w, height);
        win.target.setPosition(x, y);
    } else if (screenX > width - 3) {
        const w = width / 2
        win.target.setSize(w, height);
        win.target.setPosition(w, y);
    }
})

window.addEventListener('mousemove', e => {
    if (!activate) return;
    const { screenX, screenY } = e;
    const moveX = screenX - win.offsetX;
    const moveY = screenY - win.offsetY;
    win.target.setPosition(moveX, moveY);
});