The server side should be working. The code is very example-y though. The authentication to the socket has been ripped out for now. needs to be implemented. guh.

I was trying to test the webtransport connection in the browser. it cant connect because of self signed cert issues. there seems to be a way around this but i wan not able to get it to work, so maybe someone smarter and more dedicated than me can. otherwise you might just be better off obtaining certs signed by a trusted CA and using those. id have to modify some of the server code to accept dev and prod certs in different ways. guh.

The server side should be working. The code is very example-y though. The authentication to the socket has been ripped out for now. needs to be implemented. guh. I was trying to test the webtransport connection in the browser. it cant connect because of self signed cert issues. there seems to [be a way around this](https://developer.mozilla.org/en-US/docs/Web/API/WebTransport/WebTransport#servercertificatehashes) but i wan not able to get it to work, so maybe someone smarter and more dedicated than me can. otherwise you might just be better off obtaining certs signed by a trusted CA and using those. id have to modify some of the server code to accept dev and prod certs in different ways. guh.

insberr requested reviews from wackery, tygrdev

2026-06-02 14:48:56 -07:00

insberr self-assigned this

2026-06-02 14:49:07 -07:00

insberr commented

2026-06-05 16:04:13 -07:00

Author

Owner

async function initTransport() {
	// Fetch the raw 32-byte SHA-256 hash from your dev HTTP endpoint
  const res = await fetch('/api/dev/cert-hash');
  const hashBuffer = await res.arrayBuffer(); // already a raw SHA-256 digest

  // Initialize transport connection
  const transport = new WebTransport("https://localhost:6969", {
		serverCertificateHashes: [
			{
				algorithm: "sha-256",
				value: hashBuffer,
			}
		]
	});

  // The connection can be used once ready fulfills
  await transport.ready;
	
	const stream = await transport.createBidirectionalStream({
    sendOrder: "10",
  });
  // stream is a WebTransportBidirectionalStream
  // stream.readable is a ReadableStream
  const readable = stream.readable;
  // stream.writable is a WritableStream
  const writable = stream.writable;

	const writer = writable.getWriter();
  const version = new Uint8Array([1, 0, 0]);
  writer.write(version);

	const reader = readable.getReader();
  while (true) {
    const { value, done } = await reader.read();
    if (done) {
      break;
    }
    // value is a Uint8Array.
    console.log(value);
		let res = new TextDecoder().decode(value);
		if (res !== "accepted") break;
  }
}
initTransport();

```javascript async function initTransport() { // Fetch the raw 32-byte SHA-256 hash from your dev HTTP endpoint const res = await fetch('/api/dev/cert-hash'); const hashBuffer = await res.arrayBuffer(); // already a raw SHA-256 digest // Initialize transport connection const transport = new WebTransport("https://localhost:6969", { serverCertificateHashes: [ { algorithm: "sha-256", value: hashBuffer, } ] }); // The connection can be used once ready fulfills await transport.ready; const stream = await transport.createBidirectionalStream({ sendOrder: "10", }); // stream is a WebTransportBidirectionalStream // stream.readable is a ReadableStream const readable = stream.readable; // stream.writable is a WritableStream const writable = stream.writable; const writer = writable.getWriter(); const version = new Uint8Array([1, 0, 0]); writer.write(version); const reader = readable.getReader(); while (true) { const { value, done } = await reader.read(); if (done) { break; } // value is a Uint8Array. console.log(value); let res = new TextDecoder().decode(value); if (res !== "accepted") break; } } initTransport(); ```

insberr added 1 commit

2026-06-05 16:05:02 -07:00

quic works in dev mode yay yay yay. and doesnt require a bunch of cert bullshit to be configured 6c5a34d486

insberr closed this pull request

2026-07-14 10:49:48 -07:00