class ErrorEvent is not defined

[Geriano]

is there anyone who has the same issue with me?

node -v && ts-node -v
# v23.11.0
# v10.9.2

ts config: tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "lib": ["dom", "esnext"],
    "composite": true,
    "declaration": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "moduleResolution": "node",
    "outDir": "lib/esm",
    "strict": true
  }
}

[onWsError] ErrorEvent {
  type: 'error',
  defaultPrevented: false,
  cancelable: false,
  timeStamp: 468.220459
}

Calling onerror callback failed ReferenceError: ErrorEvent is not defined
    at node_modules/ic-websocket-js/src/ic-websocket.ts:589:37
    at safeExecute (node_modules/ic-websocket-js/src/utils.ts:91:34)
    at IcWebSocket._callOnErrorCallback (node_modules/ic-websocket-js/src/ic-websocket.ts:586:16)
    at IcWebSocket._onWsError (node_modules/ic-websocket-js/src/ic-websocket.ts:457:10)

[ilbertt]

Hey @Geriano, thanks for reporting this.

According to nodejs/node#47587, it looks like the ErrorEvent is not available in Node.js. This requires me to create a new release that removes the usage of theErrorEvent, which may take some time.

In the meantime, can you provide an example of how you are using the IC WebSocket, so that I can help you fix the error?

[Geriano]

i just solve it with create ErrorEvent class

errors.ts

if (typeof globalThis.ErrorEvent === 'undefined') {
  globalThis.ErrorEvent = class extends Event implements ErrorEvent {
    readonly colno: number
    readonly error: any
    readonly filename: string
    readonly lineno: number
    readonly message: string

    constructor(type: string, init: ErrorEventInit = {}) {
      super(type, init)
      
      const error = this.error = init.error as Error
      this.message = init.message ?? error.message
      this.filename = init.filename ?? ''
      this.lineno = init.lineno ?? 0
      this.colno = init.colno ?? 0
    }
  }
}

main.ts

import { HttpAgent } from "@dfinity/agent"
import { createActor } from "./src/declarations/backend/index.js"
import './errors.ts'
import { createWsConfig, generateRandomIdentity, IcWebSocket } from "ic-websocket-js"

const main = async () => {
  const gateway = 'ws://127.0.0.1:8080'
  const host = 'http://127.0.0.1:4943'
  const canisterId = 'bkyz2-fmaaa-aaaaa-qaaaq-cai'
  const identity = generateRandomIdentity()
  const actor = createActor(canisterId, {
    agent: await HttpAgent.create({
      host,
      identity,
      shouldFetchRootKey: !host.includes('ic'),
    })
  })

  const config = createWsConfig({
    canisterActor: actor,
    canisterId,
    identity,
    networkUrl: host,
  })

  const ws = new IcWebSocket(gateway, undefined, config)

  ws.onopen = (e) => {
    console.log('WebSocket connection opened', e);

    ws.send({
      message: 'Hello, WebSocket!',
      timestamp: BigInt(Date.now()),
    })
  }

  ws.onclose = (e) => {
    console.log('WebSocket connection closed', e);
  }

  ws.onmessage = (e) => {
    if (ws.CLOSED === ws.readyState) {
      return
    }

    console.group('WebSocket message received', Date.now());
    console.table({
      message: e.data.message,
      timestamp: Number(e.data.timestamp),
      elapsed: `${Date.now() - Number(e.data.timestamp)}ms`,
      ts: e.timeStamp,
    });
    console.groupEnd();

    ws.send(e.data)
  }

  ws.onerror = (e) => {
    console.error(`WebSocket error: ${e}`, e);
  }
}

main()