130 lines
3 KiB
JavaScript
130 lines
3 KiB
JavaScript
window.onload = function () {
|
|
// Use menu API to show context menu.
|
|
window.InspectorFrontendHost.showContextMenuAtPoint = createMenu
|
|
|
|
// Use dialog API to override file chooser dialog.
|
|
window.WebInspector.createFileSelectorElement = createFileSelectorElement
|
|
}
|
|
|
|
window.confirm = function (message, title) {
|
|
const {dialog} = require('electron').remote
|
|
let buttons, cancelId
|
|
if (title == null) {
|
|
title = ''
|
|
}
|
|
buttons = ['OK', 'Cancel']
|
|
cancelId = 1
|
|
return !dialog.showMessageBox({
|
|
message: message,
|
|
title: title,
|
|
buttons: buttons,
|
|
cancelId: cancelId
|
|
})
|
|
}
|
|
|
|
const convertToMenuTemplate = function (items) {
|
|
return items.map(function (item) {
|
|
const transformed = item.type === 'subMenu' ? {
|
|
type: 'submenu',
|
|
label: item.label,
|
|
enabled: item.enabled,
|
|
submenu: convertToMenuTemplate(item.subItems)
|
|
} : item.type === 'separator' ? {
|
|
type: 'separator'
|
|
} : item.type === 'checkbox' ? {
|
|
type: 'checkbox',
|
|
label: item.label,
|
|
enabled: item.enabled,
|
|
checked: item.checked
|
|
} : {
|
|
type: 'normal',
|
|
label: item.label,
|
|
enabled: item.enabled
|
|
}
|
|
|
|
if (item.id != null) {
|
|
transformed.click = function () {
|
|
window.DevToolsAPI.contextMenuItemSelected(item.id)
|
|
return window.DevToolsAPI.contextMenuCleared()
|
|
}
|
|
}
|
|
|
|
return transformed
|
|
})
|
|
}
|
|
|
|
const createMenu = function (x, y, items) {
|
|
const {remote} = require('electron')
|
|
const {Menu} = remote
|
|
|
|
let template = convertToMenuTemplate(items)
|
|
if (useEditMenuItems(x, y, template)) {
|
|
template = getEditMenuItems()
|
|
}
|
|
const menu = Menu.buildFromTemplate(template)
|
|
|
|
// The menu is expected to show asynchronously.
|
|
setTimeout(function () {
|
|
menu.popup(remote.getCurrentWindow())
|
|
})
|
|
}
|
|
|
|
const useEditMenuItems = function (x, y, items) {
|
|
return items.length === 0 && document.elementsFromPoint(x, y).some(function (element) {
|
|
return element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA' || element.isContentEditable
|
|
})
|
|
}
|
|
|
|
const getEditMenuItems = function () {
|
|
return [
|
|
{
|
|
role: 'undo'
|
|
},
|
|
{
|
|
role: 'redo'
|
|
},
|
|
{
|
|
type: 'separator'
|
|
},
|
|
{
|
|
role: 'cut'
|
|
},
|
|
{
|
|
role: 'copy'
|
|
},
|
|
{
|
|
role: 'paste'
|
|
},
|
|
{
|
|
role: 'pasteandmatchstyle'
|
|
},
|
|
{
|
|
role: 'delete'
|
|
},
|
|
{
|
|
role: 'selectall'
|
|
}
|
|
]
|
|
}
|
|
|
|
const showFileChooserDialog = function (callback) {
|
|
const {dialog} = require('electron').remote
|
|
const files = dialog.showOpenDialog({})
|
|
if (files != null) {
|
|
callback(pathToHtml5FileObject(files[0]))
|
|
}
|
|
}
|
|
|
|
const pathToHtml5FileObject = function (path) {
|
|
const fs = require('fs')
|
|
const blob = new Blob([fs.readFileSync(path)])
|
|
blob.name = path
|
|
return blob
|
|
}
|
|
|
|
const createFileSelectorElement = function (callback) {
|
|
const fileSelectorElement = document.createElement('span')
|
|
fileSelectorElement.style.display = 'none'
|
|
fileSelectorElement.click = showFileChooserDialog.bind(this, callback)
|
|
return fileSelectorElement
|
|
}
|