9c4b6d06e2
Bundled version of Puppeteer should rely on native WebSocket.
Luckily, 'ws' module supports the same interface as the native
browser websockets. This patch switches WebSocketTransport to
use the browser-compliant interface of 'ws'.
After this patch, I was able to bundle Puppeteer for browser
using the following config in `package.json`:
```json
"browser": {
"./lib/BrowserFetcher.js": false,
"ws": "./lib/BrowserWebSocket",
"fs": false,
"child_process": false,
"rimraf": false,
"readline": false
}
```
where `./lib/BrowserWebSocket` is:
```js
module.exports = WebSocket;
```
and the bundling command is:
```sh
$ browserify -r ./index.js:puppeteer > ppweb.js
```
References #2119
66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
/**
|
|
* Copyright 2018 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 WebSocket = require('ws');
|
|
|
|
/**
|
|
* @implements {!Puppeteer.ConnectionTransport}
|
|
*/
|
|
class WebSocketTransport {
|
|
/**
|
|
* @param {string} url
|
|
* @return {!Promise<!WebSocketTransport>}
|
|
*/
|
|
static create(url) {
|
|
return new Promise((resolve, reject) => {
|
|
const ws = new WebSocket(url, [], { perMessageDeflate: false });
|
|
ws.addEventListener('open', () => resolve(new WebSocketTransport(ws)));
|
|
ws.addEventListener('error', reject);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* @param {!WebSocket} ws
|
|
*/
|
|
constructor(ws) {
|
|
this._ws = ws;
|
|
this._ws.addEventListener('message', event => {
|
|
if (this.onmessage)
|
|
this.onmessage.call(null, event.data);
|
|
});
|
|
this._ws.addEventListener('close', event => {
|
|
if (this.onclose)
|
|
this.onclose.call(null);
|
|
});
|
|
// Silently ignore all errors - we don't know what to do with them.
|
|
this._ws.addEventListener('error', () => {});
|
|
this.onmessage = null;
|
|
this.onclose = null;
|
|
}
|
|
|
|
/**
|
|
* @param {string} message
|
|
*/
|
|
send(message) {
|
|
this._ws.send(message);
|
|
}
|
|
|
|
close() {
|
|
this._ws.close();
|
|
}
|
|
}
|
|
|
|
module.exports = WebSocketTransport;
|