hyper-mac-pro/index.js

'use strict'

const fs = require('fs')
const path = require('path')

let styles = ''

try {
    styles = fs.readFileSync(path.join(__dirname, 'styles.css'), 'utf8')
} catch (err) {
    throw err
}

exports.decorateConfig = config => Object.assign({}, config, {
    css: (config.css || '') + styles
})

// Fix native fullscreen titlebar
exports.decorateBrowserOptions = defaults => Object.assign({}, defaults, {
    transparent: false
})

// Tabs/no tabs body class
exports.getTabsProps = (parentProps, props) => {
    const bodyClasses = document.body.classList

    if (props.tabs.length <= 1) {
        bodyClasses.add('no-tabs')
    } else {
        bodyClasses.remove('no-tabs')
    }

    return Object.assign({}, parentProps, props)
}

// Fullscreen & blur/focus body classes
module.exports.onWindow = browserWindow => {
    const enterFullscreen = () => {
        document.body.classList.add('fullscreen')
    }

    const leaveFullscreen = () => {
        document.body.classList.remove('fullscreen')
    }

    const onBlur = () => {
        document.body.classList.add('blur')
    }

    const onFocus = () => {
        document.body.classList.remove('blur')
    }

    browserWindow.on('enter-full-screen', () => {
        browserWindow.webContents.executeJavaScript(`(${enterFullscreen.toString()})();`)
    })

    browserWindow.on('leave-full-screen', () => {
        browserWindow.webContents.executeJavaScript(`(${leaveFullscreen.toString()})();`)
    })

    browserWindow.on('blur', () => {
        browserWindow.webContents.executeJavaScript(`(${onBlur.toString()})();`)
    })

    browserWindow.on('focus', () => {
        browserWindow.webContents.executeJavaScript(`(${onFocus.toString()})();`)
    })

    return browserWindow
}