Remove hardcoded websocket port

src/content.ts

@@ -1,4 +1,4 @@
-import { getPorts, requestPort } from "./messaging"
+import { getNativeParams, getPorts, requestPort } from "./messaging"
 
 // @ts-ignore
 window.wrappedJSObject.navigator.serial = cloneInto({}, window.navigator, {})
@@ -26,6 +26,9 @@ function wrapPromise<T>(promise: Promise<T>): Promise<T> {
 }
 
 window.WebSerialPolyfill = {
+ getNativeParams: () => {
+ return wrapPromise(getNativeParams())
+ },
  getPorts: () => {
  return wrapPromise(getPorts(window.location.origin))
  },

src/serial/websocket.ts

@@ -19,8 +19,12 @@ export class SerialWebSocket extends EventTarget implements SerialTransport {
 
  if (this.connected) await this.disconnect()
 
+ const params = await WebSerialPolyfill.getNativeParams()
+ if (params.state !== "connected")
+ throw Error("Native application not connected")
+
  await new Promise((resolve, reject) => {
- this.ws_ = new WebSocket("ws:https://localhost:23290")
+ this.ws_ = new WebSocket(`ws:https://localhost:${params.wsPort}`)
  this.ws_.binaryType = "arraybuffer"
  this.ws_.onmessage = this.receive.bind(this)
  this.ws_.onopen = resolve

webserial.d.ts

@@ -1,9 +1,11 @@
 import { SerialPortData } from "./src/serial/types";
+import { NativeParams } from "./src/utils/types";
 
 export { }
 
 declare global {
  interface WebSerialPolyfill {
+ getNativeParams: () => Promise<NativeParams>
  getPorts: () => Promise<SerialPortData[]>
  requestPort: (options?: SerialPortRequestOptions) => Promise<SerialPortData>
  }