mirror of
https://github.com/denoland/deno.git
synced 2024-10-30 09:08:00 -04:00
396 lines
10 KiB
JavaScript
396 lines
10 KiB
JavaScript
// Copyright 2018-2021 the Deno authors. All rights reserved. MIT license.
|
|
"use strict";
|
|
|
|
((window) => {
|
|
const core = window.Deno.core;
|
|
|
|
// provided by "deno_web"
|
|
const { URL } = window.__bootstrap.url;
|
|
|
|
const CONNECTING = 0;
|
|
const OPEN = 1;
|
|
const CLOSING = 2;
|
|
const CLOSED = 3;
|
|
|
|
function requiredArguments(
|
|
name,
|
|
length,
|
|
required,
|
|
) {
|
|
if (length < required) {
|
|
const errMsg = `${name} requires at least ${required} argument${
|
|
required === 1 ? "" : "s"
|
|
}, but only ${length} present`;
|
|
throw new TypeError(errMsg);
|
|
}
|
|
}
|
|
|
|
const handlerSymbol = Symbol("eventHandlers");
|
|
function makeWrappedHandler(handler) {
|
|
function wrappedHandler(...args) {
|
|
if (typeof wrappedHandler.handler !== "function") {
|
|
return;
|
|
}
|
|
return wrappedHandler.handler.call(this, ...args);
|
|
}
|
|
wrappedHandler.handler = handler;
|
|
return wrappedHandler;
|
|
}
|
|
// TODO(lucacasonato) reuse when we can reuse code between web crates
|
|
function defineEventHandler(emitter, name) {
|
|
// HTML specification section 8.1.5.1
|
|
Object.defineProperty(emitter, `on${name}`, {
|
|
get() {
|
|
return this[handlerSymbol]?.get(name)?.handler;
|
|
},
|
|
set(value) {
|
|
if (!this[handlerSymbol]) {
|
|
this[handlerSymbol] = new Map();
|
|
}
|
|
let handlerWrapper = this[handlerSymbol]?.get(name);
|
|
if (handlerWrapper) {
|
|
handlerWrapper.handler = value;
|
|
} else {
|
|
handlerWrapper = makeWrappedHandler(value);
|
|
this.addEventListener(name, handlerWrapper);
|
|
}
|
|
this[handlerSymbol].set(name, handlerWrapper);
|
|
},
|
|
configurable: true,
|
|
enumerable: true,
|
|
});
|
|
}
|
|
|
|
class WebSocket extends EventTarget {
|
|
#readyState = CONNECTING;
|
|
|
|
constructor(url, protocols = []) {
|
|
super();
|
|
requiredArguments("WebSocket", arguments.length, 1);
|
|
|
|
const wsURL = new URL(url);
|
|
|
|
if (wsURL.protocol !== "ws:" && wsURL.protocol !== "wss:") {
|
|
throw new DOMException(
|
|
"Only ws & wss schemes are allowed in a WebSocket URL.",
|
|
"SyntaxError",
|
|
);
|
|
}
|
|
|
|
if (wsURL.hash !== "" || wsURL.href.endsWith("#")) {
|
|
throw new DOMException(
|
|
"Fragments are not allowed in a WebSocket URL.",
|
|
"SyntaxError",
|
|
);
|
|
}
|
|
|
|
this.#url = wsURL.href;
|
|
|
|
core.jsonOpSync("op_ws_check_permission", {
|
|
url: this.#url,
|
|
});
|
|
|
|
if (protocols && typeof protocols === "string") {
|
|
protocols = [protocols];
|
|
}
|
|
|
|
if (
|
|
protocols.some((x) => protocols.indexOf(x) !== protocols.lastIndexOf(x))
|
|
) {
|
|
throw new DOMException(
|
|
"Can't supply multiple times the same protocol.",
|
|
"SyntaxError",
|
|
);
|
|
}
|
|
|
|
core.jsonOpAsync("op_ws_create", {
|
|
url: wsURL.href,
|
|
protocols: protocols.join(", "),
|
|
}).then((create) => {
|
|
if (create.success) {
|
|
this.#rid = create.rid;
|
|
this.#extensions = create.extensions;
|
|
this.#protocol = create.protocol;
|
|
|
|
if (this.#readyState === CLOSING) {
|
|
core.jsonOpAsync("op_ws_close", {
|
|
rid: this.#rid,
|
|
}).then(() => {
|
|
this.#readyState = CLOSED;
|
|
|
|
const errEvent = new ErrorEvent("error");
|
|
errEvent.target = this;
|
|
this.dispatchEvent(errEvent);
|
|
|
|
const event = new CloseEvent("close");
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
core.close(this.#rid);
|
|
});
|
|
} else {
|
|
this.#readyState = OPEN;
|
|
const event = new Event("open");
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
|
|
this.#eventLoop();
|
|
}
|
|
} else {
|
|
this.#readyState = CLOSED;
|
|
|
|
const errEvent = new ErrorEvent("error");
|
|
errEvent.target = this;
|
|
this.dispatchEvent(errEvent);
|
|
|
|
const closeEvent = new CloseEvent("close");
|
|
closeEvent.target = this;
|
|
this.dispatchEvent(closeEvent);
|
|
}
|
|
}).catch((err) => {
|
|
this.#readyState = CLOSED;
|
|
|
|
const errorEv = new ErrorEvent(
|
|
"error",
|
|
{ error: err, message: err.toString() },
|
|
);
|
|
errorEv.target = this;
|
|
this.dispatchEvent(errorEv);
|
|
|
|
const closeEv = new CloseEvent("close");
|
|
closeEv.target = this;
|
|
this.dispatchEvent(closeEv);
|
|
});
|
|
}
|
|
|
|
get CONNECTING() {
|
|
return CONNECTING;
|
|
}
|
|
get OPEN() {
|
|
return OPEN;
|
|
}
|
|
get CLOSING() {
|
|
return CLOSING;
|
|
}
|
|
get CLOSED() {
|
|
return CLOSED;
|
|
}
|
|
|
|
get readyState() {
|
|
return this.#readyState;
|
|
}
|
|
|
|
#extensions = "";
|
|
#protocol = "";
|
|
#url = "";
|
|
#rid;
|
|
|
|
get extensions() {
|
|
return this.#extensions;
|
|
}
|
|
get protocol() {
|
|
return this.#protocol;
|
|
}
|
|
|
|
#binaryType = "blob";
|
|
get binaryType() {
|
|
return this.#binaryType;
|
|
}
|
|
set binaryType(value) {
|
|
if (value === "blob" || value === "arraybuffer") {
|
|
this.#binaryType = value;
|
|
}
|
|
}
|
|
#bufferedAmount = 0;
|
|
get bufferedAmount() {
|
|
return this.#bufferedAmount;
|
|
}
|
|
|
|
get url() {
|
|
return this.#url;
|
|
}
|
|
|
|
send(data) {
|
|
requiredArguments("WebSocket.send", arguments.length, 1);
|
|
|
|
if (this.#readyState != OPEN) {
|
|
throw Error("readyState not OPEN");
|
|
}
|
|
|
|
const sendTypedArray = (ta) => {
|
|
this.#bufferedAmount += ta.size;
|
|
core.jsonOpAsync("op_ws_send", {
|
|
rid: this.#rid,
|
|
kind: "binary",
|
|
}, ta).then(() => {
|
|
this.#bufferedAmount -= ta.size;
|
|
});
|
|
};
|
|
|
|
if (data instanceof Blob) {
|
|
data.slice().arrayBuffer().then((ab) =>
|
|
sendTypedArray(new DataView(ab))
|
|
);
|
|
} else if (
|
|
data instanceof Int8Array || data instanceof Int16Array ||
|
|
data instanceof Int32Array || data instanceof Uint8Array ||
|
|
data instanceof Uint16Array || data instanceof Uint32Array ||
|
|
data instanceof Uint8ClampedArray || data instanceof Float32Array ||
|
|
data instanceof Float64Array || data instanceof DataView
|
|
) {
|
|
sendTypedArray(data);
|
|
} else if (data instanceof ArrayBuffer) {
|
|
sendTypedArray(new DataView(data));
|
|
} else {
|
|
const string = String(data);
|
|
const encoder = new TextEncoder();
|
|
const d = encoder.encode(string);
|
|
this.#bufferedAmount += d.size;
|
|
core.jsonOpAsync("op_ws_send", {
|
|
rid: this.#rid,
|
|
kind: "text",
|
|
text: string,
|
|
}).then(() => {
|
|
this.#bufferedAmount -= d.size;
|
|
});
|
|
}
|
|
}
|
|
|
|
close(code, reason) {
|
|
if (code && (code !== 1000 && !(3000 <= code > 5000))) {
|
|
throw new DOMException(
|
|
"The close code must be either 1000 or in the range of 3000 to 4999.",
|
|
"NotSupportedError",
|
|
);
|
|
}
|
|
|
|
const encoder = new TextEncoder();
|
|
if (reason && encoder.encode(reason).byteLength > 123) {
|
|
throw new DOMException(
|
|
"The close reason may not be longer than 123 bytes.",
|
|
"SyntaxError",
|
|
);
|
|
}
|
|
|
|
if (this.#readyState === CONNECTING) {
|
|
this.#readyState = CLOSING;
|
|
} else if (this.#readyState === OPEN) {
|
|
this.#readyState = CLOSING;
|
|
|
|
core.jsonOpAsync("op_ws_close", {
|
|
rid: this.#rid,
|
|
code,
|
|
reason,
|
|
}).then(() => {
|
|
this.#readyState = CLOSED;
|
|
const event = new CloseEvent("close", {
|
|
wasClean: true,
|
|
code,
|
|
reason,
|
|
});
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
core.close(this.#rid);
|
|
});
|
|
}
|
|
}
|
|
|
|
async #eventLoop() {
|
|
while (this.#readyState === OPEN) {
|
|
const message = await core.jsonOpAsync(
|
|
"op_ws_next_event",
|
|
{ rid: this.#rid },
|
|
);
|
|
|
|
switch (message.kind) {
|
|
case "string": {
|
|
const event = new MessageEvent("message", {
|
|
data: message.data,
|
|
origin: this.#url,
|
|
});
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
|
|
break;
|
|
}
|
|
|
|
case "binary": {
|
|
let data;
|
|
|
|
if (this.binaryType === "blob") {
|
|
data = new Blob([new Uint8Array(message.data)]);
|
|
} else {
|
|
data = new Uint8Array(message.data).buffer;
|
|
}
|
|
|
|
const event = new MessageEvent("message", {
|
|
data,
|
|
origin: this.#url,
|
|
});
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
|
|
break;
|
|
}
|
|
|
|
case "ping":
|
|
core.jsonOpAsync("op_ws_send", {
|
|
rid: this.#rid,
|
|
kind: "pong",
|
|
});
|
|
|
|
break;
|
|
|
|
case "close": {
|
|
this.#readyState = CLOSED;
|
|
|
|
const event = new CloseEvent("close", {
|
|
wasClean: true,
|
|
code: message.data.code,
|
|
reason: message.data.reason,
|
|
});
|
|
event.target = this;
|
|
this.dispatchEvent(event);
|
|
|
|
break;
|
|
}
|
|
|
|
case "error": {
|
|
this.#readyState = CLOSED;
|
|
|
|
const errorEv = new ErrorEvent("error");
|
|
errorEv.target = this;
|
|
this.dispatchEvent(errorEv);
|
|
|
|
const closeEv = new CloseEvent("close");
|
|
closeEv.target = this;
|
|
this.dispatchEvent(closeEv);
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Object.defineProperties(WebSocket, {
|
|
CONNECTING: {
|
|
value: 0,
|
|
},
|
|
OPEN: {
|
|
value: 1,
|
|
},
|
|
CLOSING: {
|
|
value: 2,
|
|
},
|
|
CLOSED: {
|
|
value: 3,
|
|
},
|
|
});
|
|
|
|
defineEventHandler(WebSocket.prototype, "message");
|
|
defineEventHandler(WebSocket.prototype, "error");
|
|
defineEventHandler(WebSocket.prototype, "close");
|
|
defineEventHandler(WebSocket.prototype, "open");
|
|
|
|
window.__bootstrap.webSocket = { WebSocket };
|
|
})(this);
|