-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
145 lines (126 loc) · 4.76 KB
/
main.js
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
// eslint-disable-next-line standard/object-curly-even-spacing
const { app, BrowserWindow, protocol, globalShortcut /* globalShortcut, ipcMain */ } = require('electron')
const path = require('path')
const os = require('os')
const DEFAULT_OVERLAY_OPTS = {
transparent: true,
width: 800,
height: 600,
frame: false,
fullscreen: true,
alwaysOnTop: true,
skipTaskbar: false,
webPreferences: {
nodeIntegration: true,
webSecurity: false
}
}
let overlay
function stripFileProtocol (url) {
// all urls start with 'file://'
// "file:///home/..."
// "file:///C:/Users/..."
if (os.platform() === 'win32') {
return url.trim().replace(/^file:\/\/\//im, '')
} else {
return url.trim().replace(/^file:\/\//im, '')
}
}
async function main () {
// Install Vue.js devtools
// require('vue-devtools').install()
if (overlay == null) {
const htmlRootDir = 'dist'
const indexFile = 'index.html'
protocol.interceptFileProtocol(
'file',
(request, callback) => {
let url = stripFileProtocol(request.url)
if (request.url.endsWith(indexFile)) {
callback(url)
} else {
url = url.replace(/^(\w+:)?\//im, '')
callback(path.resolve(__dirname, htmlRootDir, url))
}
},
error => console.error(error)
)
// TODO: hide window when Esc is pressed
// let toggle = true
// let counter = 0
// globalShortcut.register('Escape', () => {
// overlay.webContents.executeJavaScript(
// `document.querySelector('button').innerText = '${counter++}';`,
// false,
// result => console.log('executeJS:', result)
// )
// // overlay.setIgnoreMouseEvents(toggle)
// // toggle = !toggle
// })
overlay = await createOverlayLinuxFix()
// overlay.setAlwaysOnTop(true, 'screen-saver')
overlay.webContents.once('dom-ready', () => {
// overlay.setIgnoreMouseEvents(true)
overlay.webContents.openDevTools()
// overlay.webContents.executeJavaScript(
// `(${contentBindPointerControl.toString()})();`,
// false,
// result => console.log('executeJS:', result)
// )
})
// await overlay.loadFile('dist/index.html')
await overlay.loadURL(`file://${__dirname}/dist/index.html`)
// Emitted when the window is closed.
overlay.on('closed', () => {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
overlay = null
})
}
}
// const CLICKABLE_ELEMENTS = [
// 'a',
// 'input',
// 'button'
// ]
// function contentBindPointerControl () {
// // const setIgnoreMouseEvents = require('electron').remote.getCurrentWindow().setIgnoreMouseEvents
// addEventListener('pointerover', function mousePolicy (event) {
// console.log('pointerover', event.target.tagName, event.target === document.documentElement)
// // mousePolicy._canClick = event.target === document.documentElement
// // ? mousePolicy._canClick && setIgnoreMouseEvents(true, { forward: true })
// // : mousePolicy._canClick || setIgnoreMouseEvents(false) || true
// // console.log('canClick', mousePolicy._canClick)
// })
// // setIgnoreMouseEvents(true, { forward: true }) // BUG: this must be triggered after the devtools loaded IF you load the console 'detached'
// }
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', main)
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
app.on('activate', main)
// Quit when all windows are closed.
app.on('window-all-closed', () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit()
}
})
async function createOverlayWindow (opts) {
const window = new BrowserWindow({
...DEFAULT_OVERLAY_OPTS,
...opts
})
return window
}
async function createOverlayLinuxFix (opts) {
await wait(1000) // XXX: Linux overlay fix (otherwise transparent is black)
return createOverlayWindow(opts)
}
async function wait (ms) {
return new Promise(resolve => setTimeout(resolve, ms))
}