Browser window document width and height (very little piece of code, that saved my life)

browser.js

const maxElementProperty = (element, ...properties) => Math.max(
    0,
    ...properties.map(property => element ? element[property] : 0)
);

const realSize = (...documentElementProps) => (...bodyProps) => Math.max(
    0,
    maxElementProperty(document.documentElement, ...documentElementProps),
    maxElementProperty(document.body, ...bodyProps)
);

export const width = realSize('clientWidth', 'offsetWidth', 'scrollWidth')('scrollWidth', 'offsetWidth');
export const height = realSize('clientHeight', 'offsetHeight', 'scrollHeight')('scrollHeight', 'offsetHeight');

export default {width, height};

Than in code:

import {width, height} from 'browser';

console.log(`Browser width: ${width}px`);
console.log(`Browser height: ${height}px`);