Add a guestinstance attribute to webviews reflecting their current guest
instance ID and allowing moving a guest instance to a new webview.
This commit is contained in:
parent
01fa9827b4
commit
313b2faa3c
12 changed files with 424 additions and 63 deletions
|
@ -8,6 +8,7 @@ let webViewManager = null
|
|||
|
||||
const supportedWebViewEvents = [
|
||||
'load-commit',
|
||||
'did-attach',
|
||||
'did-finish-load',
|
||||
'did-fail-load',
|
||||
'did-frame-finish-load',
|
||||
|
@ -40,10 +41,9 @@ const supportedWebViewEvents = [
|
|||
'update-target-url'
|
||||
]
|
||||
|
||||
let nextInstanceId = 0
|
||||
let nextGuestInstanceId = 0
|
||||
const guestInstances = {}
|
||||
const embedderElementsMap = {}
|
||||
const reverseEmbedderElementsMap = {}
|
||||
|
||||
// Moves the last element of array to the first one.
|
||||
const moveLastToFirst = function (list) {
|
||||
|
@ -51,8 +51,8 @@ const moveLastToFirst = function (list) {
|
|||
}
|
||||
|
||||
// Generate guestInstanceId.
|
||||
const getNextInstanceId = function () {
|
||||
return ++nextInstanceId
|
||||
const getNextGuestInstanceId = function () {
|
||||
return ++nextGuestInstanceId
|
||||
}
|
||||
|
||||
// Create a new guest instance.
|
||||
|
@ -61,43 +61,21 @@ const createGuest = function (embedder, params) {
|
|||
webViewManager = process.atomBinding('web_view_manager')
|
||||
}
|
||||
|
||||
const id = getNextInstanceId(embedder)
|
||||
const guestInstanceId = getNextGuestInstanceId(embedder)
|
||||
const guest = webContents.create({
|
||||
isGuest: true,
|
||||
partition: params.partition,
|
||||
embedder: embedder
|
||||
})
|
||||
guestInstances[id] = {
|
||||
guestInstances[guestInstanceId] = {
|
||||
guest: guest,
|
||||
embedder: embedder
|
||||
}
|
||||
|
||||
// Destroy guest when the embedder is gone or navigated.
|
||||
const destroyEvents = ['will-destroy', 'crashed', 'did-navigate']
|
||||
const destroy = function () {
|
||||
if (guestInstances[id] != null) {
|
||||
destroyGuest(embedder, id)
|
||||
}
|
||||
}
|
||||
for (const event of destroyEvents) {
|
||||
embedder.once(event, destroy)
|
||||
|
||||
// Users might also listen to the crashed event, so we must ensure the guest
|
||||
// is destroyed before users' listener gets called. It is done by moving our
|
||||
// listener to the first one in queue.
|
||||
const listeners = embedder._events[event]
|
||||
if (Array.isArray(listeners)) {
|
||||
moveLastToFirst(listeners)
|
||||
}
|
||||
}
|
||||
guest.once('destroyed', function () {
|
||||
for (const event of destroyEvents) {
|
||||
embedder.removeListener(event, destroy)
|
||||
}
|
||||
})
|
||||
watchEmbedder(embedder)
|
||||
|
||||
// Init guest web view after attached.
|
||||
guest.once('did-attach', function () {
|
||||
guest.on('did-attach', function () {
|
||||
let opts
|
||||
params = this.attachParams
|
||||
delete this.attachParams
|
||||
|
@ -133,6 +111,10 @@ const createGuest = function (embedder, params) {
|
|||
// Dispatch events to embedder.
|
||||
const fn = function (event) {
|
||||
guest.on(event, function (_, ...args) {
|
||||
const embedder = getEmbedder(guestInstanceId)
|
||||
if (!embedder) {
|
||||
return
|
||||
}
|
||||
embedder.send.apply(embedder, ['ELECTRON_GUEST_VIEW_INTERNAL_DISPATCH_EVENT-' + guest.viewInstanceId, event].concat(args))
|
||||
})
|
||||
}
|
||||
|
@ -142,35 +124,56 @@ const createGuest = function (embedder, params) {
|
|||
|
||||
// Dispatch guest's IPC messages to embedder.
|
||||
guest.on('ipc-message-host', function (_, [channel, ...args]) {
|
||||
const embedder = getEmbedder(guestInstanceId)
|
||||
if (!embedder) {
|
||||
return
|
||||
}
|
||||
embedder.send.apply(embedder, ['ELECTRON_GUEST_VIEW_INTERNAL_IPC_MESSAGE-' + guest.viewInstanceId, channel].concat(args))
|
||||
})
|
||||
|
||||
// Autosize.
|
||||
guest.on('size-changed', function (_, ...args) {
|
||||
const embedder = getEmbedder(guestInstanceId)
|
||||
if (!embedder) {
|
||||
return
|
||||
}
|
||||
embedder.send.apply(embedder, ['ELECTRON_GUEST_VIEW_INTERNAL_SIZE_CHANGED-' + guest.viewInstanceId].concat(args))
|
||||
})
|
||||
|
||||
return id
|
||||
return guestInstanceId
|
||||
}
|
||||
|
||||
// Attach the guest to an element of embedder.
|
||||
const attachGuest = function (embedder, elementInstanceId, guestInstanceId, params) {
|
||||
let guest, key, oldGuestInstanceId, ref1, webPreferences
|
||||
guest = guestInstances[guestInstanceId].guest
|
||||
let guest, guestInstance, key, oldKey, oldGuestInstanceId, ref1, webPreferences
|
||||
|
||||
// Destroy the old guest when attaching.
|
||||
key = (embedder.getId()) + '-' + elementInstanceId
|
||||
oldGuestInstanceId = embedderElementsMap[key]
|
||||
if (oldGuestInstanceId != null) {
|
||||
// Reattachment to the same guest is not currently supported.
|
||||
// Reattachment to the same guest is just a no-op.
|
||||
if (oldGuestInstanceId === guestInstanceId) {
|
||||
return
|
||||
}
|
||||
if (guestInstances[oldGuestInstanceId] == null) {
|
||||
return
|
||||
}
|
||||
|
||||
destroyGuest(embedder, oldGuestInstanceId)
|
||||
}
|
||||
|
||||
guestInstance = guestInstances[guestInstanceId]
|
||||
// If this isn't a valid guest instance then do nothing.
|
||||
if (!guestInstance) {
|
||||
return
|
||||
}
|
||||
guest = guestInstance.guest
|
||||
|
||||
// If this guest is already attached to an element then remove it
|
||||
if (guestInstance.elementInstanceId) {
|
||||
oldKey = (guestInstance.embedder.getId()) + '-' + guestInstance.elementInstanceId
|
||||
delete embedderElementsMap[oldKey]
|
||||
webViewManager.removeGuest(guestInstance.embedder, guestInstanceId)
|
||||
guestInstance.embedder.send('ELECTRON_GUEST_VIEW_INTERNAL_DESTROY_GUEST-' + guest.viewInstanceId)
|
||||
}
|
||||
|
||||
webPreferences = {
|
||||
guestInstanceId: guestInstanceId,
|
||||
nodeIntegration: (ref1 = params.nodeintegration) != null ? ref1 : false,
|
||||
|
@ -187,19 +190,67 @@ const attachGuest = function (embedder, elementInstanceId, guestInstanceId, para
|
|||
webViewManager.addGuest(guestInstanceId, elementInstanceId, embedder, guest, webPreferences)
|
||||
guest.attachParams = params
|
||||
embedderElementsMap[key] = guestInstanceId
|
||||
reverseEmbedderElementsMap[guestInstanceId] = key
|
||||
|
||||
guest.setEmbedder(embedder)
|
||||
guestInstance.embedder = embedder
|
||||
guestInstance.elementInstanceId = elementInstanceId
|
||||
|
||||
watchEmbedder(embedder)
|
||||
}
|
||||
|
||||
// Destroy an existing guest instance.
|
||||
const destroyGuest = function (embedder, id) {
|
||||
webViewManager.removeGuest(embedder, id)
|
||||
guestInstances[id].guest.destroy()
|
||||
delete guestInstances[id]
|
||||
const destroyGuest = function (embedder, guestInstanceId) {
|
||||
if (!(guestInstanceId in guestInstances)) {
|
||||
return
|
||||
}
|
||||
|
||||
const key = reverseEmbedderElementsMap[id]
|
||||
if (key != null) {
|
||||
delete reverseEmbedderElementsMap[id]
|
||||
return delete embedderElementsMap[key]
|
||||
let guestInstance = guestInstances[guestInstanceId]
|
||||
if (embedder !== guestInstance.embedder) {
|
||||
return
|
||||
}
|
||||
|
||||
webViewManager.removeGuest(embedder, guestInstanceId)
|
||||
guestInstance.guest.destroy()
|
||||
delete guestInstances[guestInstanceId]
|
||||
|
||||
const key = embedder.getId() + '-' + guestInstance.elementInstanceId
|
||||
return delete embedderElementsMap[key]
|
||||
}
|
||||
|
||||
// Once an embedder has had a guest attached we watch it for destruction to
|
||||
// destroy any remaining guests.
|
||||
const watchedEmbedders = new Set()
|
||||
const watchEmbedder = function (embedder) {
|
||||
if (watchedEmbedders.has(embedder)) {
|
||||
return
|
||||
}
|
||||
watchedEmbedders.add(embedder)
|
||||
|
||||
const destroyEvents = ['will-destroy', 'crashed', 'did-navigate']
|
||||
const destroy = function () {
|
||||
for (const guestInstanceId of Object.keys(guestInstances)) {
|
||||
if (guestInstances[guestInstanceId].embedder === embedder) {
|
||||
destroyGuest(embedder, parseInt(guestInstanceId))
|
||||
}
|
||||
}
|
||||
|
||||
for (const event of destroyEvents) {
|
||||
embedder.removeListener(event, destroy)
|
||||
}
|
||||
|
||||
watchedEmbedders.delete(embedder)
|
||||
}
|
||||
|
||||
for (const event of destroyEvents) {
|
||||
embedder.once(event, destroy)
|
||||
|
||||
// Users might also listen to the crashed event, so we must ensure the guest
|
||||
// is destroyed before users' listener gets called. It is done by moving our
|
||||
// listener to the first one in queue.
|
||||
const listeners = embedder._events[event]
|
||||
if (Array.isArray(listeners)) {
|
||||
moveLastToFirst(listeners)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -211,23 +262,24 @@ ipcMain.on('ELECTRON_GUEST_VIEW_MANAGER_ATTACH_GUEST', function (event, elementI
|
|||
attachGuest(event.sender, elementInstanceId, guestInstanceId, params)
|
||||
})
|
||||
|
||||
ipcMain.on('ELECTRON_GUEST_VIEW_MANAGER_DESTROY_GUEST', function (event, id) {
|
||||
destroyGuest(event.sender, id)
|
||||
ipcMain.on('ELECTRON_GUEST_VIEW_MANAGER_DESTROY_GUEST', function (event, guestInstanceId) {
|
||||
destroyGuest(event.sender, guestInstanceId)
|
||||
})
|
||||
|
||||
ipcMain.on('ELECTRON_GUEST_VIEW_MANAGER_SET_SIZE', function (event, id, params) {
|
||||
const guestInstance = guestInstances[id]
|
||||
ipcMain.on('ELECTRON_GUEST_VIEW_MANAGER_SET_SIZE', function (event, guestInstanceId, params) {
|
||||
const guestInstance = guestInstances[guestInstanceId]
|
||||
return guestInstance != null ? guestInstance.guest.setSize(params) : void 0
|
||||
})
|
||||
|
||||
// Returns WebContents from its guest id.
|
||||
exports.getGuest = function (id) {
|
||||
const guestInstance = guestInstances[id]
|
||||
exports.getGuest = function (guestInstanceId) {
|
||||
const guestInstance = guestInstances[guestInstanceId]
|
||||
return guestInstance != null ? guestInstance.guest : void 0
|
||||
}
|
||||
|
||||
// Returns the embedder of the guest.
|
||||
exports.getEmbedder = function (id) {
|
||||
const guestInstance = guestInstances[id]
|
||||
const getEmbedder = function (guestInstanceId) {
|
||||
const guestInstance = guestInstances[guestInstanceId]
|
||||
return guestInstance != null ? guestInstance.embedder : void 0
|
||||
}
|
||||
exports.getEmbedder = getEmbedder
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue