a614bc45aa
* chore: migrate `src/Connection` to TypeScript This commit migrates `src/Connection` to TypeScript. It also changes its exports to be ESM because TypeScript's support for exporting values to use as types via CommonJS is poor (by design) and so rather than battle that it made more sense to migrate the file to ESM. The good news is that TypeScript is still outputting to `lib/` as CommonJS, so the fact that we author in ESM is actually not a breaking change at all. So going forwards we will: * migrate TS files to use ESM for importing and exporting * continue to output to `lib/` as CommonJS * continue to use CommonJS requires when in a `src/*.js` file I'd also like to split `Connection.ts` into two; I think the `CDPSession` class belongs in its own file, but I will do that in another PR to avoid this one becoming bigger than it already is. I also turned off `@typescript-eslint/no-use-before-define` as I don't think it was adding value and Puppeteer's codebase seems to have a style of declaring helper functions at the bottom which is fine by me. Finally, I updated the DocLint tool so it knows of expected method mismatches. It was either that or come up with a smart way to support TypeScript generics in DocLint and given we don't want to use DocLint that much longer that didn't feel worth it. * Fix params being required
215 lines
8.0 KiB
JavaScript
215 lines
8.0 KiB
JavaScript
/**
|
|
* Copyright 2017 Google Inc. All rights reserved.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
const {helper, assert} = require('./helper');
|
|
const {createJSHandle, JSHandle} = require('./JSHandle');
|
|
// Used as a TypeDef
|
|
// eslint-disable-next-line no-unused-vars
|
|
const {CDPSession} = require('./Connection');
|
|
|
|
const EVALUATION_SCRIPT_URL = '__puppeteer_evaluation_script__';
|
|
const SOURCE_URL_REGEX = /^[\040\t]*\/\/[@#] sourceURL=\s*(\S*?)\s*$/m;
|
|
|
|
class ExecutionContext {
|
|
/**
|
|
* @param {!CDPSession} client
|
|
* @param {!Protocol.Runtime.ExecutionContextDescription} contextPayload
|
|
* @param {?Puppeteer.DOMWorld} world
|
|
*/
|
|
constructor(client, contextPayload, world) {
|
|
this._client = client;
|
|
this._world = world;
|
|
this._contextId = contextPayload.id;
|
|
}
|
|
|
|
/**
|
|
* @return {?Puppeteer.Frame}
|
|
*/
|
|
frame() {
|
|
return this._world ? this._world.frame() : null;
|
|
}
|
|
|
|
/**
|
|
* @param {Function|string} pageFunction
|
|
* @param {...*} args
|
|
* @return {!Promise<*>}
|
|
*/
|
|
async evaluate(pageFunction, ...args) {
|
|
return await this._evaluateInternal(true /* returnByValue */, pageFunction, ...args);
|
|
}
|
|
|
|
/**
|
|
* @param {Function|string} pageFunction
|
|
* @param {...*} args
|
|
* @return {!Promise<!JSHandle>}
|
|
*/
|
|
async evaluateHandle(pageFunction, ...args) {
|
|
return this._evaluateInternal(false /* returnByValue */, pageFunction, ...args);
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} returnByValue
|
|
* @param {Function|string} pageFunction
|
|
* @param {...*} args
|
|
* @return {!Promise<*>}
|
|
*/
|
|
async _evaluateInternal(returnByValue, pageFunction, ...args) {
|
|
const suffix = `//# sourceURL=${EVALUATION_SCRIPT_URL}`;
|
|
|
|
if (helper.isString(pageFunction)) {
|
|
const contextId = this._contextId;
|
|
const expression = /** @type {string} */ (pageFunction);
|
|
const expressionWithSourceUrl = SOURCE_URL_REGEX.test(expression) ? expression : expression + '\n' + suffix;
|
|
const {exceptionDetails, result: remoteObject} = await this._client.send('Runtime.evaluate', {
|
|
expression: expressionWithSourceUrl,
|
|
contextId,
|
|
returnByValue,
|
|
awaitPromise: true,
|
|
userGesture: true
|
|
}).catch(rewriteError);
|
|
if (exceptionDetails)
|
|
throw new Error('Evaluation failed: ' + helper.getExceptionMessage(exceptionDetails));
|
|
return returnByValue ? helper.valueFromRemoteObject(remoteObject) : createJSHandle(this, remoteObject);
|
|
}
|
|
|
|
if (typeof pageFunction !== 'function')
|
|
throw new Error(`Expected to get |string| or |function| as the first argument, but got "${pageFunction}" instead.`);
|
|
|
|
let functionText = pageFunction.toString();
|
|
try {
|
|
new Function('(' + functionText + ')');
|
|
} catch (e1) {
|
|
// This means we might have a function shorthand. Try another
|
|
// time prefixing 'function '.
|
|
if (functionText.startsWith('async '))
|
|
functionText = 'async function ' + functionText.substring('async '.length);
|
|
else
|
|
functionText = 'function ' + functionText;
|
|
try {
|
|
new Function('(' + functionText + ')');
|
|
} catch (e2) {
|
|
// We tried hard to serialize, but there's a weird beast here.
|
|
throw new Error('Passed function is not well-serializable!');
|
|
}
|
|
}
|
|
let callFunctionOnPromise;
|
|
try {
|
|
callFunctionOnPromise = this._client.send('Runtime.callFunctionOn', {
|
|
functionDeclaration: functionText + '\n' + suffix + '\n',
|
|
executionContextId: this._contextId,
|
|
arguments: args.map(convertArgument.bind(this)),
|
|
returnByValue,
|
|
awaitPromise: true,
|
|
userGesture: true
|
|
});
|
|
} catch (err) {
|
|
if (err instanceof TypeError && err.message.startsWith('Converting circular structure to JSON'))
|
|
err.message += ' Are you passing a nested JSHandle?';
|
|
throw err;
|
|
}
|
|
const { exceptionDetails, result: remoteObject } = await callFunctionOnPromise.catch(rewriteError);
|
|
if (exceptionDetails)
|
|
throw new Error('Evaluation failed: ' + helper.getExceptionMessage(exceptionDetails));
|
|
return returnByValue ? helper.valueFromRemoteObject(remoteObject) : createJSHandle(this, remoteObject);
|
|
|
|
/**
|
|
* @param {*} arg
|
|
* @return {*}
|
|
* @this {ExecutionContext}
|
|
*/
|
|
function convertArgument(arg) {
|
|
if (typeof arg === 'bigint') // eslint-disable-line valid-typeof
|
|
return { unserializableValue: `${arg.toString()}n` };
|
|
if (Object.is(arg, -0))
|
|
return { unserializableValue: '-0' };
|
|
if (Object.is(arg, Infinity))
|
|
return { unserializableValue: 'Infinity' };
|
|
if (Object.is(arg, -Infinity))
|
|
return { unserializableValue: '-Infinity' };
|
|
if (Object.is(arg, NaN))
|
|
return { unserializableValue: 'NaN' };
|
|
const objectHandle = arg && (arg instanceof JSHandle) ? arg : null;
|
|
if (objectHandle) {
|
|
if (objectHandle._context !== this)
|
|
throw new Error('JSHandles can be evaluated only in the context they were created!');
|
|
if (objectHandle._disposed)
|
|
throw new Error('JSHandle is disposed!');
|
|
if (objectHandle._remoteObject.unserializableValue)
|
|
return { unserializableValue: objectHandle._remoteObject.unserializableValue };
|
|
if (!objectHandle._remoteObject.objectId)
|
|
return { value: objectHandle._remoteObject.value };
|
|
return { objectId: objectHandle._remoteObject.objectId };
|
|
}
|
|
return { value: arg };
|
|
}
|
|
|
|
/**
|
|
* @param {!Error} error
|
|
* @return {!Protocol.Runtime.evaluateReturnValue}
|
|
*/
|
|
function rewriteError(error) {
|
|
if (error.message.includes('Object reference chain is too long'))
|
|
return {result: {type: 'undefined'}};
|
|
if (error.message.includes('Object couldn\'t be returned by value'))
|
|
return {result: {type: 'undefined'}};
|
|
|
|
if (error.message.endsWith('Cannot find context with specified id') || error.message.endsWith('Inspected target navigated or closed'))
|
|
throw new Error('Execution context was destroyed, most likely because of a navigation.');
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {!JSHandle} prototypeHandle
|
|
* @return {!Promise<!JSHandle>}
|
|
*/
|
|
async queryObjects(prototypeHandle) {
|
|
assert(!prototypeHandle._disposed, 'Prototype JSHandle is disposed!');
|
|
assert(prototypeHandle._remoteObject.objectId, 'Prototype JSHandle must not be referencing primitive value');
|
|
const response = await this._client.send('Runtime.queryObjects', {
|
|
prototypeObjectId: prototypeHandle._remoteObject.objectId
|
|
});
|
|
return createJSHandle(this, response.objects);
|
|
}
|
|
|
|
/**
|
|
* @param {Protocol.DOM.BackendNodeId} backendNodeId
|
|
* @return {Promise<Puppeteer.ElementHandle>}
|
|
*/
|
|
async _adoptBackendNodeId(backendNodeId) {
|
|
const {object} = await this._client.send('DOM.resolveNode', {
|
|
backendNodeId: backendNodeId,
|
|
executionContextId: this._contextId,
|
|
});
|
|
return /** @type {Puppeteer.ElementHandle}*/(createJSHandle(this, object));
|
|
}
|
|
|
|
/**
|
|
* @param {Puppeteer.ElementHandle} elementHandle
|
|
* @return {Promise<Puppeteer.ElementHandle>}
|
|
*/
|
|
async _adoptElementHandle(elementHandle) {
|
|
assert(elementHandle.executionContext() !== this, 'Cannot adopt handle that already belongs to this execution context');
|
|
assert(this._world, 'Cannot adopt handle without DOMWorld');
|
|
const nodeInfo = await this._client.send('DOM.describeNode', {
|
|
objectId: elementHandle._remoteObject.objectId,
|
|
});
|
|
return this._adoptBackendNodeId(nodeInfo.node.backendNodeId);
|
|
}
|
|
}
|
|
|
|
module.exports = {ExecutionContext, EVALUATION_SCRIPT_URL};
|