@callstack/repack-dev-server 4.0.0-rc.2 → 5.0.0-next.0

package/dist/plugins/wss/servers/WebSocketApiServer.js

@@ -43,13 +43,13 @@ export class WebSocketApiServer extends WebSocketServer {
   onConnection(socket) {
     const clientId = `client#${this.nextClientId++}`;
     this.clients.set(clientId, socket);
-    this.fastify.log.info({
+    this.fastify.log.debug({
       msg: 'API client connected',
       clientId
     });
     this.clients.set(clientId, socket);
     const onClose = () => {
-      this.fastify.log.info({
+      this.fastify.log.debug({
         msg: 'API client disconnected',
         clientId
       });

package/dist/plugins/wss/servers/WebSocketApiServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketApiServer.js","names":["WebSocketServer","WebSocketApiServer","clients","Map","nextClientId","constructor","fastify","send","event","data","JSON","stringify","socket","entries","onConnection","clientId","set","log","info","msg","onClose","delete","addEventListener"],"sources":["../../../../src/plugins/wss/servers/WebSocketApiServer.ts"],"sourcesContent":["import { FastifyInstance } from 'fastify';\nimport WebSocket from 'ws';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for API clients.\n * Useful to listening for compilation events and new logs.\n *\n * @category Development server\n */\nexport class WebSocketApiServer extends WebSocketServer {\n  private clients = new Map<string, WebSocket>();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketApiServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   */\n  constructor(fastify: FastifyInstance) {\n    super(fastify, '/api');\n  }\n\n  /**\n   * Send message to all connected API clients.\n   *\n   * @param event Event string or object to send.\n   */\n  send(event: any) {\n    const data = typeof event === 'string' ? event : JSON.stringify(event);\n\n    for (const [, socket] of this.clients.entries()) {\n      try {\n        socket.send(data);\n      } catch {\n        // NOOP\n      }\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from client application.\n   *\n   * @param socket Incoming client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket) {\n    const clientId = `client#${this.nextClientId++}`;\n    this.clients.set(clientId, socket);\n\n    this.fastify.log.info({ msg: 'API client connected', clientId });\n    this.clients.set(clientId, socket);\n\n    const onClose = () => {\n      this.fastify.log.info({\n        msg: 'API client disconnected',\n        clientId,\n      });\n      this.clients.delete(clientId);\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n  }\n}\n"],"mappings":"SAESA,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;EAC9CE,OAAO,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACtCC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,OAAwB,EAAE;IACpC,KAAK,CAACA,OAAO,EAAE,MAAM,CAAC;EACxB;;EAEA;AACF;AACA;AACA;AACA;EACEC,IAAIA,CAACC,KAAU,EAAE;IACf,MAAMC,IAAI,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGE,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC;IAEtE,KAAK,MAAM,GAAGI,MAAM,CAAC,IAAI,IAAI,CAACV,OAAO,CAACW,OAAO,CAAC,CAAC,EAAE;MAC/C,IAAI;QACFD,MAAM,CAACL,IAAI,CAACE,IAAI,CAAC;MACnB,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEK,YAAYA,CAACF,MAAiB,EAAE;IAC9B,MAAMG,QAAQ,GAAI,UAAS,IAAI,CAACX,YAAY,EAAG,EAAC;IAChD,IAAI,CAACF,OAAO,CAACc,GAAG,CAACD,QAAQ,EAAEH,MAAM,CAAC;IAElC,IAAI,CAACN,OAAO,CAACW,GAAG,CAACC,IAAI,CAAC;MAAEC,GAAG,EAAE,sBAAsB;MAAEJ;IAAS,CAAC,CAAC;IAChE,IAAI,CAACb,OAAO,CAACc,GAAG,CAACD,QAAQ,EAAEH,MAAM,CAAC;IAElC,MAAMQ,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACd,OAAO,CAACW,GAAG,CAACC,IAAI,CAAC;QACpBC,GAAG,EAAE,yBAAyB;QAC9BJ;MACF,CAAC,CAAC;MACF,IAAI,CAACb,OAAO,CAACmB,MAAM,CAACN,QAAQ,CAAC;IAC/B,CAAC;IAEDH,MAAM,CAACU,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCR,MAAM,CAACU,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;EAC3C;AACF"}
+{"version":3,"file":"WebSocketApiServer.js","names":["WebSocketServer","WebSocketApiServer","clients","Map","nextClientId","constructor","fastify","send","event","data","JSON","stringify","socket","entries","onConnection","clientId","set","log","debug","msg","onClose","delete","addEventListener"],"sources":["../../../../src/plugins/wss/servers/WebSocketApiServer.ts"],"sourcesContent":["import { FastifyInstance } from 'fastify';\nimport WebSocket from 'ws';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for API clients.\n * Useful to listening for compilation events and new logs.\n *\n * @category Development server\n */\nexport class WebSocketApiServer extends WebSocketServer {\n  private clients = new Map<string, WebSocket>();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketApiServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   */\n  constructor(fastify: FastifyInstance) {\n    super(fastify, '/api');\n  }\n\n  /**\n   * Send message to all connected API clients.\n   *\n   * @param event Event string or object to send.\n   */\n  send(event: any) {\n    const data = typeof event === 'string' ? event : JSON.stringify(event);\n\n    for (const [, socket] of this.clients.entries()) {\n      try {\n        socket.send(data);\n      } catch {\n        // NOOP\n      }\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from client application.\n   *\n   * @param socket Incoming client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket) {\n    const clientId = `client#${this.nextClientId++}`;\n    this.clients.set(clientId, socket);\n\n    this.fastify.log.debug({ msg: 'API client connected', clientId });\n    this.clients.set(clientId, socket);\n\n    const onClose = () => {\n      this.fastify.log.debug({\n        msg: 'API client disconnected',\n        clientId,\n      });\n      this.clients.delete(clientId);\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n  }\n}\n"],"mappings":"SAESA,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;EAC9CE,OAAO,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACtCC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,OAAwB,EAAE;IACpC,KAAK,CAACA,OAAO,EAAE,MAAM,CAAC;EACxB;;EAEA;AACF;AACA;AACA;AACA;EACEC,IAAIA,CAACC,KAAU,EAAE;IACf,MAAMC,IAAI,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGE,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC;IAEtE,KAAK,MAAM,GAAGI,MAAM,CAAC,IAAI,IAAI,CAACV,OAAO,CAACW,OAAO,CAAC,CAAC,EAAE;MAC/C,IAAI;QACFD,MAAM,CAACL,IAAI,CAACE,IAAI,CAAC;MACnB,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEK,YAAYA,CAACF,MAAiB,EAAE;IAC9B,MAAMG,QAAQ,GAAI,UAAS,IAAI,CAACX,YAAY,EAAG,EAAC;IAChD,IAAI,CAACF,OAAO,CAACc,GAAG,CAACD,QAAQ,EAAEH,MAAM,CAAC;IAElC,IAAI,CAACN,OAAO,CAACW,GAAG,CAACC,KAAK,CAAC;MAAEC,GAAG,EAAE,sBAAsB;MAAEJ;IAAS,CAAC,CAAC;IACjE,IAAI,CAACb,OAAO,CAACc,GAAG,CAACD,QAAQ,EAAEH,MAAM,CAAC;IAElC,MAAMQ,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACd,OAAO,CAACW,GAAG,CAACC,KAAK,CAAC;QACrBC,GAAG,EAAE,yBAAyB;QAC9BJ;MACF,CAAC,CAAC;MACF,IAAI,CAACb,OAAO,CAACmB,MAAM,CAACN,QAAQ,CAAC;IAC/B,CAAC;IAEDH,MAAM,CAACU,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCR,MAAM,CAACU,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;EAC3C;AACF"}

package/dist/plugins/wss/servers/WebSocketDevClientServer.js

@@ -41,11 +41,17 @@ export class WebSocketDevClientServer extends WebSocketServer {
             issuer: 'Console',
             msg: body.data
           });
-        } else {
+        } else if (body.level === 'info' || body.level === 'log') {
           this.fastify.log.info({
             issuer: 'Console',
             msg: body.data
           });
+        } else {
+          // body.level === 'debug' || body.level === 'trace'
+          this.fastify.log.debug({
+            issuer: 'Console',
+            msg: body.data
+          });
         }
         break;
       default:
@@ -64,13 +70,12 @@ export class WebSocketDevClientServer extends WebSocketServer {
   onConnection(socket) {
     const clientId = `client#${this.nextClientId++}`;
     this.clients.set(clientId, socket);
-    this.fastify.log.info({
+    this.fastify.log.debug({
       msg: 'React Native client connected',
       clientId
     });
-    this.clients.set(clientId, socket);
     const onClose = () => {
-      this.fastify.log.info({
+      this.fastify.log.debug({
         msg: 'React Native client disconnected',
         clientId
       });

package/dist/plugins/wss/servers/WebSocketDevClientServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketDevClientServer.js","names":["WebSocketServer","WebSocketDevClientServer","clients","Map","nextClientId","constructor","fastify","processMessage","message","type","body","JSON","parse","level","log","error","issuer","msg","data","warn","info","onConnection","socket","clientId","set","onClose","delete","addEventListener","event","toString"],"sources":["../../../../src/plugins/wss/servers/WebSocketDevClientServer.ts"],"sourcesContent":["import WebSocket from 'ws';\nimport type { FastifyInstance } from 'fastify';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for communication with React Native clients.\n * All client logs - logs from React Native application - are processed here.\n *\n * @category Development server\n */\nexport class WebSocketDevClientServer extends WebSocketServer {\n  private clients = new Map<string, WebSocket>();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketDevClientServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   */\n  constructor(fastify: FastifyInstance) {\n    super(fastify, '/__client');\n  }\n\n  /**\n   * Process client message.\n   *\n   * @param message Stringified client message.\n   */\n  processMessage(message: string) {\n    const { type, ...body } = JSON.parse(message);\n    switch (type) {\n      case 'client-log':\n        if (body.level === 'error') {\n          this.fastify.log.error({ issuer: 'Console', msg: body.data });\n        } else if (body.level === 'warn') {\n          this.fastify.log.warn({ issuer: 'Console', msg: body.data });\n        } else {\n          this.fastify.log.info({ issuer: 'Console', msg: body.data });\n        }\n        break;\n      default:\n        this.fastify.log.warn({ msg: 'Unknown client message', message });\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from client application.\n   *\n   * @param socket Incoming client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket) {\n    const clientId = `client#${this.nextClientId++}`;\n    this.clients.set(clientId, socket);\n\n    this.fastify.log.info({ msg: 'React Native client connected', clientId });\n    this.clients.set(clientId, socket);\n\n    const onClose = () => {\n      this.fastify.log.info({\n        msg: 'React Native client disconnected',\n        clientId,\n      });\n      this.clients.delete(clientId);\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n    socket.addEventListener('message', (event) => {\n      this.processMessage(event.data.toString());\n    });\n  }\n}\n"],"mappings":"SAESA,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,SAASD,eAAe,CAAC;EACpDE,OAAO,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACtCC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,OAAwB,EAAE;IACpC,KAAK,CAACA,OAAO,EAAE,WAAW,CAAC;EAC7B;;EAEA;AACF;AACA;AACA;AACA;EACEC,cAAcA,CAACC,OAAe,EAAE;IAC9B,MAAM;MAAEC,IAAI;MAAE,GAAGC;IAAK,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACJ,OAAO,CAAC;IAC7C,QAAQC,IAAI;MACV,KAAK,YAAY;QACf,IAAIC,IAAI,CAACG,KAAK,KAAK,OAAO,EAAE;UAC1B,IAAI,CAACP,OAAO,CAACQ,GAAG,CAACC,KAAK,CAAC;YAAEC,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC/D,CAAC,MAAM,IAAIR,IAAI,CAACG,KAAK,KAAK,MAAM,EAAE;UAChC,IAAI,CAACP,OAAO,CAACQ,GAAG,CAACK,IAAI,CAAC;YAAEH,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC9D,CAAC,MAAM;UACL,IAAI,CAACZ,OAAO,CAACQ,GAAG,CAACM,IAAI,CAAC;YAAEJ,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC9D;QACA;MACF;QACE,IAAI,CAACZ,OAAO,CAACQ,GAAG,CAACK,IAAI,CAAC;UAAEF,GAAG,EAAE,wBAAwB;UAAET;QAAQ,CAAC,CAAC;IACrE;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEa,YAAYA,CAACC,MAAiB,EAAE;IAC9B,MAAMC,QAAQ,GAAI,UAAS,IAAI,CAACnB,YAAY,EAAG,EAAC;IAChD,IAAI,CAACF,OAAO,CAACsB,GAAG,CAACD,QAAQ,EAAED,MAAM,CAAC;IAElC,IAAI,CAAChB,OAAO,CAACQ,GAAG,CAACM,IAAI,CAAC;MAAEH,GAAG,EAAE,+BAA+B;MAAEM;IAAS,CAAC,CAAC;IACzE,IAAI,CAACrB,OAAO,CAACsB,GAAG,CAACD,QAAQ,EAAED,MAAM,CAAC;IAElC,MAAMG,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACnB,OAAO,CAACQ,GAAG,CAACM,IAAI,CAAC;QACpBH,GAAG,EAAE,kCAAkC;QACvCM;MACF,CAAC,CAAC;MACF,IAAI,CAACrB,OAAO,CAACwB,MAAM,CAACH,QAAQ,CAAC;IAC/B,CAAC;IAEDD,MAAM,CAACK,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCH,MAAM,CAACK,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCH,MAAM,CAACK,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK;MAC5C,IAAI,CAACrB,cAAc,CAACqB,KAAK,CAACV,IAAI,CAACW,QAAQ,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;EACJ;AACF"}
+{"version":3,"file":"WebSocketDevClientServer.js","names":["WebSocketServer","WebSocketDevClientServer","clients","Map","nextClientId","constructor","fastify","processMessage","message","type","body","JSON","parse","level","log","error","issuer","msg","data","warn","info","debug","onConnection","socket","clientId","set","onClose","delete","addEventListener","event","toString"],"sources":["../../../../src/plugins/wss/servers/WebSocketDevClientServer.ts"],"sourcesContent":["import WebSocket from 'ws';\nimport type { FastifyInstance } from 'fastify';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for communication with React Native clients.\n * All client logs - logs from React Native application - are processed here.\n *\n * @category Development server\n */\nexport class WebSocketDevClientServer extends WebSocketServer {\n  private clients = new Map<string, WebSocket>();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketDevClientServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   */\n  constructor(fastify: FastifyInstance) {\n    super(fastify, '/__client');\n  }\n\n  /**\n   * Process client message.\n   *\n   * @param message Stringified client message.\n   */\n  processMessage(message: string) {\n    const { type, ...body } = JSON.parse(message);\n    switch (type) {\n      case 'client-log':\n        if (body.level === 'error') {\n          this.fastify.log.error({ issuer: 'Console', msg: body.data });\n        } else if (body.level === 'warn') {\n          this.fastify.log.warn({ issuer: 'Console', msg: body.data });\n        } else if (body.level === 'info' || body.level === 'log') {\n          this.fastify.log.info({ issuer: 'Console', msg: body.data });\n        } else {\n          // body.level === 'debug' || body.level === 'trace'\n          this.fastify.log.debug({ issuer: 'Console', msg: body.data });\n        }\n        break;\n      default:\n        this.fastify.log.warn({ msg: 'Unknown client message', message });\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from client application.\n   *\n   * @param socket Incoming client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket) {\n    const clientId = `client#${this.nextClientId++}`;\n    this.clients.set(clientId, socket);\n    this.fastify.log.debug({ msg: 'React Native client connected', clientId });\n\n    const onClose = () => {\n      this.fastify.log.debug({\n        msg: 'React Native client disconnected',\n        clientId,\n      });\n      this.clients.delete(clientId);\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n    socket.addEventListener('message', (event) => {\n      this.processMessage(event.data.toString());\n    });\n  }\n}\n"],"mappings":"SAESA,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,SAASD,eAAe,CAAC;EACpDE,OAAO,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACtCC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,OAAwB,EAAE;IACpC,KAAK,CAACA,OAAO,EAAE,WAAW,CAAC;EAC7B;;EAEA;AACF;AACA;AACA;AACA;EACEC,cAAcA,CAACC,OAAe,EAAE;IAC9B,MAAM;MAAEC,IAAI;MAAE,GAAGC;IAAK,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACJ,OAAO,CAAC;IAC7C,QAAQC,IAAI;MACV,KAAK,YAAY;QACf,IAAIC,IAAI,CAACG,KAAK,KAAK,OAAO,EAAE;UAC1B,IAAI,CAACP,OAAO,CAACQ,GAAG,CAACC,KAAK,CAAC;YAAEC,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC/D,CAAC,MAAM,IAAIR,IAAI,CAACG,KAAK,KAAK,MAAM,EAAE;UAChC,IAAI,CAACP,OAAO,CAACQ,GAAG,CAACK,IAAI,CAAC;YAAEH,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC9D,CAAC,MAAM,IAAIR,IAAI,CAACG,KAAK,KAAK,MAAM,IAAIH,IAAI,CAACG,KAAK,KAAK,KAAK,EAAE;UACxD,IAAI,CAACP,OAAO,CAACQ,GAAG,CAACM,IAAI,CAAC;YAAEJ,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC9D,CAAC,MAAM;UACL;UACA,IAAI,CAACZ,OAAO,CAACQ,GAAG,CAACO,KAAK,CAAC;YAAEL,MAAM,EAAE,SAAS;YAAEC,GAAG,EAAEP,IAAI,CAACQ;UAAK,CAAC,CAAC;QAC/D;QACA;MACF;QACE,IAAI,CAACZ,OAAO,CAACQ,GAAG,CAACK,IAAI,CAAC;UAAEF,GAAG,EAAE,wBAAwB;UAAET;QAAQ,CAAC,CAAC;IACrE;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEc,YAAYA,CAACC,MAAiB,EAAE;IAC9B,MAAMC,QAAQ,GAAI,UAAS,IAAI,CAACpB,YAAY,EAAG,EAAC;IAChD,IAAI,CAACF,OAAO,CAACuB,GAAG,CAACD,QAAQ,EAAED,MAAM,CAAC;IAClC,IAAI,CAACjB,OAAO,CAACQ,GAAG,CAACO,KAAK,CAAC;MAAEJ,GAAG,EAAE,+BAA+B;MAAEO;IAAS,CAAC,CAAC;IAE1E,MAAME,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACpB,OAAO,CAACQ,GAAG,CAACO,KAAK,CAAC;QACrBJ,GAAG,EAAE,kCAAkC;QACvCO;MACF,CAAC,CAAC;MACF,IAAI,CAACtB,OAAO,CAACyB,MAAM,CAACH,QAAQ,CAAC;IAC/B,CAAC;IAEDD,MAAM,CAACK,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCH,MAAM,CAACK,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCH,MAAM,CAACK,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK;MAC5C,IAAI,CAACtB,cAAc,CAACsB,KAAK,CAACX,IAAI,CAACY,QAAQ,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;EACJ;AACF"}

package/dist/plugins/wss/servers/WebSocketHMRServer.js

@@ -32,7 +32,7 @@ export class WebSocketHMRServer extends WebSocketServer {
     const data = typeof event === 'string' ? event : JSON.stringify(event);
     for (const [key, socket] of this.clients) {
       if (key.platform !== platform || !(clientIds ?? [key.clientId]).includes(key.clientId)) {
-        return;
+        continue;
       }
       try {
         socket.send(data);
@@ -58,32 +58,28 @@ export class WebSocketHMRServer extends WebSocketServer {
     } = new URL(request.url || '', 'http://localhost');
     const platform = searchParams.get('platform');
     if (!platform) {
-      this.fastify.log.info({
+      this.fastify.log.debug({
         msg: 'HMR connection disconnected - missing platform'
       });
       socket.close();
       return;
     }
     const clientId = `client#${this.nextClientId++}`;
-    this.clients.set({
+    const client = {
       clientId,
       platform
-    }, socket);
-    this.fastify.log.info({
+    };
+    this.clients.set(client, socket);
+    this.fastify.log.debug({
       msg: 'HMR client connected',
-      clientId,
-      platform
+      ...client
     });
     const onClose = () => {
-      this.fastify.log.info({
+      this.fastify.log.debug({
         msg: 'HMR client disconnected',
-        clientId,
-        platform
-      });
-      this.clients.delete({
-        clientId,
-        platform
+        ...client
       });
+      this.clients.delete(client);
     };
     socket.addEventListener('error', onClose);
     socket.addEventListener('close', onClose);

package/dist/plugins/wss/servers/WebSocketHMRServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketHMRServer.js","names":["URL","WebSocketServer","WebSocketHMRServer","clients","Map","nextClientId","constructor","fastify","delegate","getUriPath","send","event","platform","clientIds","data","JSON","stringify","key","socket","clientId","includes","error","log","msg","onConnection","request","searchParams","url","get","info","close","set","onClose","delete","addEventListener","onClientConnected"],"sources":["../../../../src/plugins/wss/servers/WebSocketHMRServer.ts"],"sourcesContent":["import { URL } from 'url';\nimport { IncomingMessage } from 'http';\nimport { FastifyInstance } from 'fastify';\nimport WebSocket from 'ws';\nimport { HmrDelegate } from '../types';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for Hot Module Replacement.\n *\n * @category Development server\n */\nexport class WebSocketHMRServer extends WebSocketServer {\n  private clients = new Map<\n    { clientId: string; platform: string },\n    WebSocket\n  >();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketHMRServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   * @param delegate HMR delegate instance.\n   */\n  constructor(\n    fastify: FastifyInstance,\n    private delegate: HmrDelegate\n  ) {\n    super(fastify, delegate.getUriPath());\n  }\n\n  /**\n   * Send action to all connected HMR clients.\n   *\n   * @param event Event to send to the clients.\n   * @param platform Platform of clients to send the event to.\n   * @param clientIds Ids of clients who should receive the event.\n   */\n  send(event: any, platform: string, clientIds?: string[]) {\n    const data = typeof event === 'string' ? event : JSON.stringify(event);\n\n    for (const [key, socket] of this.clients) {\n      if (\n        key.platform !== platform ||\n        !(clientIds ?? [key.clientId]).includes(key.clientId)\n      ) {\n        return;\n      }\n\n      try {\n        socket.send(data);\n      } catch (error) {\n        this.fastify.log.error({\n          msg: 'Cannot send action to client',\n          event,\n          error,\n          ...key,\n        });\n      }\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from HMR client.\n   *\n   * @param socket Incoming HMR client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket, request: IncomingMessage) {\n    const { searchParams } = new URL(request.url || '', 'http://localhost');\n    const platform = searchParams.get('platform');\n\n    if (!platform) {\n      this.fastify.log.info({\n        msg: 'HMR connection disconnected - missing platform',\n      });\n      socket.close();\n      return;\n    }\n\n    const clientId = `client#${this.nextClientId++}`;\n    this.clients.set({ clientId, platform }, socket);\n\n    this.fastify.log.info({ msg: 'HMR client connected', clientId, platform });\n\n    const onClose = () => {\n      this.fastify.log.info({\n        msg: 'HMR client disconnected',\n        clientId,\n        platform,\n      });\n      this.clients.delete({ clientId, platform });\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n\n    this.delegate.onClientConnected(platform, clientId);\n  }\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,KAAK;AAAC,SAKjBC,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;EAC9CE,OAAO,GAAG,IAAIC,GAAG,CAGvB,CAAC;EACKC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;AACA;EACEC,WAAWA,CACTC,OAAwB,EAChBC,QAAqB,EAC7B;IACA,KAAK,CAACD,OAAO,EAAEC,QAAQ,CAACC,UAAU,CAAC,CAAC,CAAC;IAAC,KAF9BD,QAAqB,GAArBA,QAAqB;EAG/B;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEE,IAAIA,CAACC,KAAU,EAAEC,QAAgB,EAAEC,SAAoB,EAAE;IACvD,MAAMC,IAAI,GAAG,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;IAEtE,KAAK,MAAM,CAACM,GAAG,EAAEC,MAAM,CAAC,IAAI,IAAI,CAACf,OAAO,EAAE;MACxC,IACEc,GAAG,CAACL,QAAQ,KAAKA,QAAQ,IACzB,CAAC,CAACC,SAAS,IAAI,CAACI,GAAG,CAACE,QAAQ,CAAC,EAAEC,QAAQ,CAACH,GAAG,CAACE,QAAQ,CAAC,EACrD;QACA;MACF;MAEA,IAAI;QACFD,MAAM,CAACR,IAAI,CAACI,IAAI,CAAC;MACnB,CAAC,CAAC,OAAOO,KAAK,EAAE;QACd,IAAI,CAACd,OAAO,CAACe,GAAG,CAACD,KAAK,CAAC;UACrBE,GAAG,EAAE,8BAA8B;UACnCZ,KAAK;UACLU,KAAK;UACL,GAAGJ;QACL,CAAC,CAAC;MACJ;IACF;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEO,YAAYA,CAACN,MAAiB,EAAEO,OAAwB,EAAE;IACxD,MAAM;MAAEC;IAAa,CAAC,GAAG,IAAI1B,GAAG,CAACyB,OAAO,CAACE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC;IACvE,MAAMf,QAAQ,GAAGc,YAAY,CAACE,GAAG,CAAC,UAAU,CAAC;IAE7C,IAAI,CAAChB,QAAQ,EAAE;MACb,IAAI,CAACL,OAAO,CAACe,GAAG,CAACO,IAAI,CAAC;QACpBN,GAAG,EAAE;MACP,CAAC,CAAC;MACFL,MAAM,CAACY,KAAK,CAAC,CAAC;MACd;IACF;IAEA,MAAMX,QAAQ,GAAI,UAAS,IAAI,CAACd,YAAY,EAAG,EAAC;IAChD,IAAI,CAACF,OAAO,CAAC4B,GAAG,CAAC;MAAEZ,QAAQ;MAAEP;IAAS,CAAC,EAAEM,MAAM,CAAC;IAEhD,IAAI,CAACX,OAAO,CAACe,GAAG,CAACO,IAAI,CAAC;MAAEN,GAAG,EAAE,sBAAsB;MAAEJ,QAAQ;MAAEP;IAAS,CAAC,CAAC;IAE1E,MAAMoB,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAACzB,OAAO,CAACe,GAAG,CAACO,IAAI,CAAC;QACpBN,GAAG,EAAE,yBAAyB;QAC9BJ,QAAQ;QACRP;MACF,CAAC,CAAC;MACF,IAAI,CAACT,OAAO,CAAC8B,MAAM,CAAC;QAAEd,QAAQ;QAAEP;MAAS,CAAC,CAAC;IAC7C,CAAC;IAEDM,MAAM,CAACgB,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCd,MAAM,CAACgB,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IAEzC,IAAI,CAACxB,QAAQ,CAAC2B,iBAAiB,CAACvB,QAAQ,EAAEO,QAAQ,CAAC;EACrD;AACF"}
+{"version":3,"file":"WebSocketHMRServer.js","names":["URL","WebSocketServer","WebSocketHMRServer","clients","Map","nextClientId","constructor","fastify","delegate","getUriPath","send","event","platform","clientIds","data","JSON","stringify","key","socket","clientId","includes","error","log","msg","onConnection","request","searchParams","url","get","debug","close","client","set","onClose","delete","addEventListener","onClientConnected"],"sources":["../../../../src/plugins/wss/servers/WebSocketHMRServer.ts"],"sourcesContent":["import { URL } from 'url';\nimport { IncomingMessage } from 'http';\nimport { FastifyInstance } from 'fastify';\nimport WebSocket from 'ws';\nimport { HmrDelegate } from '../types';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server for Hot Module Replacement.\n *\n * @category Development server\n */\nexport class WebSocketHMRServer extends WebSocketServer {\n  private clients = new Map<\n    { clientId: string; platform: string },\n    WebSocket\n  >();\n  private nextClientId = 0;\n\n  /**\n   * Create new instance of WebSocketHMRServer and attach it to the given Fastify instance.\n   * Any logging information, will be passed through standard `fastify.log` API.\n   *\n   * @param fastify Fastify instance to attach the WebSocket server to.\n   * @param delegate HMR delegate instance.\n   */\n  constructor(\n    fastify: FastifyInstance,\n    private delegate: HmrDelegate\n  ) {\n    super(fastify, delegate.getUriPath());\n  }\n\n  /**\n   * Send action to all connected HMR clients.\n   *\n   * @param event Event to send to the clients.\n   * @param platform Platform of clients to send the event to.\n   * @param clientIds Ids of clients who should receive the event.\n   */\n  send(event: any, platform: string, clientIds?: string[]) {\n    const data = typeof event === 'string' ? event : JSON.stringify(event);\n\n    for (const [key, socket] of this.clients) {\n      if (\n        key.platform !== platform ||\n        !(clientIds ?? [key.clientId]).includes(key.clientId)\n      ) {\n        continue;\n      }\n\n      try {\n        socket.send(data);\n      } catch (error) {\n        this.fastify.log.error({\n          msg: 'Cannot send action to client',\n          event,\n          error,\n          ...key,\n        });\n      }\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from HMR client.\n   *\n   * @param socket Incoming HMR client's WebSocket connection.\n   */\n  onConnection(socket: WebSocket, request: IncomingMessage) {\n    const { searchParams } = new URL(request.url || '', 'http://localhost');\n    const platform = searchParams.get('platform');\n\n    if (!platform) {\n      this.fastify.log.debug({\n        msg: 'HMR connection disconnected - missing platform',\n      });\n      socket.close();\n      return;\n    }\n\n    const clientId = `client#${this.nextClientId++}`;\n\n    const client = {\n      clientId,\n      platform,\n    };\n\n    this.clients.set(client, socket);\n\n    this.fastify.log.debug({ msg: 'HMR client connected', ...client });\n\n    const onClose = () => {\n      this.fastify.log.debug({\n        msg: 'HMR client disconnected',\n        ...client,\n      });\n      this.clients.delete(client);\n    };\n\n    socket.addEventListener('error', onClose);\n    socket.addEventListener('close', onClose);\n\n    this.delegate.onClientConnected(platform, clientId);\n  }\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,KAAK;AAAC,SAKjBC,eAAe;AAExB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;EAC9CE,OAAO,GAAG,IAAIC,GAAG,CAGvB,CAAC;EACKC,YAAY,GAAG,CAAC;;EAExB;AACF;AACA;AACA;AACA;AACA;AACA;EACEC,WAAWA,CACTC,OAAwB,EAChBC,QAAqB,EAC7B;IACA,KAAK,CAACD,OAAO,EAAEC,QAAQ,CAACC,UAAU,CAAC,CAAC,CAAC;IAAC,KAF9BD,QAAqB,GAArBA,QAAqB;EAG/B;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEE,IAAIA,CAACC,KAAU,EAAEC,QAAgB,EAAEC,SAAoB,EAAE;IACvD,MAAMC,IAAI,GAAG,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;IAEtE,KAAK,MAAM,CAACM,GAAG,EAAEC,MAAM,CAAC,IAAI,IAAI,CAACf,OAAO,EAAE;MACxC,IACEc,GAAG,CAACL,QAAQ,KAAKA,QAAQ,IACzB,CAAC,CAACC,SAAS,IAAI,CAACI,GAAG,CAACE,QAAQ,CAAC,EAAEC,QAAQ,CAACH,GAAG,CAACE,QAAQ,CAAC,EACrD;QACA;MACF;MAEA,IAAI;QACFD,MAAM,CAACR,IAAI,CAACI,IAAI,CAAC;MACnB,CAAC,CAAC,OAAOO,KAAK,EAAE;QACd,IAAI,CAACd,OAAO,CAACe,GAAG,CAACD,KAAK,CAAC;UACrBE,GAAG,EAAE,8BAA8B;UACnCZ,KAAK;UACLU,KAAK;UACL,GAAGJ;QACL,CAAC,CAAC;MACJ;IACF;EACF;;EAEA;AACF;AACA;AACA;AACA;EACEO,YAAYA,CAACN,MAAiB,EAAEO,OAAwB,EAAE;IACxD,MAAM;MAAEC;IAAa,CAAC,GAAG,IAAI1B,GAAG,CAACyB,OAAO,CAACE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC;IACvE,MAAMf,QAAQ,GAAGc,YAAY,CAACE,GAAG,CAAC,UAAU,CAAC;IAE7C,IAAI,CAAChB,QAAQ,EAAE;MACb,IAAI,CAACL,OAAO,CAACe,GAAG,CAACO,KAAK,CAAC;QACrBN,GAAG,EAAE;MACP,CAAC,CAAC;MACFL,MAAM,CAACY,KAAK,CAAC,CAAC;MACd;IACF;IAEA,MAAMX,QAAQ,GAAI,UAAS,IAAI,CAACd,YAAY,EAAG,EAAC;IAEhD,MAAM0B,MAAM,GAAG;MACbZ,QAAQ;MACRP;IACF,CAAC;IAED,IAAI,CAACT,OAAO,CAAC6B,GAAG,CAACD,MAAM,EAAEb,MAAM,CAAC;IAEhC,IAAI,CAACX,OAAO,CAACe,GAAG,CAACO,KAAK,CAAC;MAAEN,GAAG,EAAE,sBAAsB;MAAE,GAAGQ;IAAO,CAAC,CAAC;IAElE,MAAME,OAAO,GAAGA,CAAA,KAAM;MACpB,IAAI,CAAC1B,OAAO,CAACe,GAAG,CAACO,KAAK,CAAC;QACrBN,GAAG,EAAE,yBAAyB;QAC9B,GAAGQ;MACL,CAAC,CAAC;MACF,IAAI,CAAC5B,OAAO,CAAC+B,MAAM,CAACH,MAAM,CAAC;IAC7B,CAAC;IAEDb,MAAM,CAACiB,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IACzCf,MAAM,CAACiB,gBAAgB,CAAC,OAAO,EAAEF,OAAO,CAAC;IAEzC,IAAI,CAACzB,QAAQ,CAAC4B,iBAAiB,CAACxB,QAAQ,EAAEO,QAAQ,CAAC;EACrD;AACF"}

package/dist/plugins/wss/types.d.ts

@@ -1,3 +1,8 @@
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+import { IncomingMessage } from 'node:http';
+import { Socket } from 'node:net';
 /**
  * Delegate with implementation for HMR-specific functions.
  */
@@ -14,3 +19,7 @@ export interface HmrDelegate {
      */
     onClientConnected: (platform: string, clientId: string) => void;
 }
+export interface WebSocketServerInterface {
+    shouldUpgrade(pathname: string): boolean;
+    upgrade(request: IncomingMessage, socket: Socket, head: Buffer): void;
+}

package/dist/plugins/wss/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/plugins/wss/types.ts"],"sourcesContent":["/**\n * Delegate with implementation for HMR-specific functions.\n */\nexport interface HmrDelegate {\n  /** Get URI under which HMR server will be running, e.g: `/hmr` */\n  getUriPath: () => string;\n\n  /**\n   * Callback for when the new HMR client is connected.\n   *\n   * Useful for running initial synchronization or any other side effect.\n   *\n   * @param platform Platform of the connected client.\n   * @param clientId Id of the connected client.\n   */\n  onClientConnected: (platform: string, clientId: string) => void;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/plugins/wss/types.ts"],"sourcesContent":["import { IncomingMessage } from 'node:http';\nimport { Socket } from 'node:net';\n\n/**\n * Delegate with implementation for HMR-specific functions.\n */\nexport interface HmrDelegate {\n  /** Get URI under which HMR server will be running, e.g: `/hmr` */\n  getUriPath: () => string;\n\n  /**\n   * Callback for when the new HMR client is connected.\n   *\n   * Useful for running initial synchronization or any other side effect.\n   *\n   * @param platform Platform of the connected client.\n   * @param clientId Id of the connected client.\n   */\n  onClientConnected: (platform: string, clientId: string) => void;\n}\n\nexport interface WebSocketServerInterface {\n  shouldUpgrade(pathname: string): boolean;\n  upgrade(request: IncomingMessage, socket: Socket, head: Buffer): void;\n}\n"],"mappings":""}

package/dist/plugins/wss/wssPlugin.d.ts

@@ -4,10 +4,10 @@ import { WebSocketDebuggerServer } from './servers/WebSocketDebuggerServer';
 import { WebSocketDevClientServer } from './servers/WebSocketDevClientServer';
 import { WebSocketMessageServer } from './servers/WebSocketMessageServer';
 import { WebSocketEventsServer } from './servers/WebSocketEventsServer';
-import { HermesInspectorProxy } from './servers/HermesInspectorProxy';
 import { WebSocketApiServer } from './servers/WebSocketApiServer';
 import { WebSocketHMRServer } from './servers/WebSocketHMRServer';
 import { WebSocketRouter } from './WebSocketRouter';
+import { WebSocketServerAdapter } from './WebSocketServerAdapter';
 declare module 'fastify' {
     interface FastifyInstance {
         wss: {
@@ -15,9 +15,10 @@ declare module 'fastify' {
             devClientServer: WebSocketDevClientServer;
             messageServer: WebSocketMessageServer;
             eventsServer: WebSocketEventsServer;
-            hermesInspectorProxy: HermesInspectorProxy;
             apiServer: WebSocketApiServer;
             hmrServer: WebSocketHMRServer;
+            deviceConnectionServer: WebSocketServerAdapter;
+            debuggerConnectionServer: WebSocketServerAdapter;
             router: WebSocketRouter;
         };
     }

package/dist/plugins/wss/wssPlugin.js

@@ -3,10 +3,16 @@ import { WebSocketDebuggerServer } from "./servers/WebSocketDebuggerServer.js";
 import { WebSocketDevClientServer } from "./servers/WebSocketDevClientServer.js";
 import { WebSocketMessageServer } from "./servers/WebSocketMessageServer.js";
 import { WebSocketEventsServer } from "./servers/WebSocketEventsServer.js";
-import { HermesInspectorProxy } from "./servers/HermesInspectorProxy.js";
 import { WebSocketApiServer } from "./servers/WebSocketApiServer.js";
 import { WebSocketHMRServer } from "./servers/WebSocketHMRServer.js";
 import { WebSocketRouter } from "./WebSocketRouter.js";
+import { WebSocketServerAdapter } from "./WebSocketServerAdapter.js";
+/**
+ * Defined in @react-native/dev-middleware
+ * Reference: https://github.com/facebook/react-native/blob/main/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
+ */
+const WS_DEVICE_URL = '/inspector/device';
+const WS_DEBUGGER_URL = '/inspector/debug';
 async function wssPlugin(instance, {
   options,
   delegate
@@ -18,24 +24,29 @@ async function wssPlugin(instance, {
   const eventsServer = new WebSocketEventsServer(instance, {
     webSocketMessageServer: messageServer
   });
-  const hermesInspectorProxy = new HermesInspectorProxy(instance, options);
   const apiServer = new WebSocketApiServer(instance);
   const hmrServer = new WebSocketHMRServer(instance, delegate.hmr);
+
+  // @react-native/dev-middleware servers
+  const deviceConnectionServer = new WebSocketServerAdapter(instance, WS_DEVICE_URL, options.endpoints?.[WS_DEVICE_URL]);
+  const debuggerConnectionServer = new WebSocketServerAdapter(instance, WS_DEBUGGER_URL, options.endpoints?.[WS_DEBUGGER_URL]);
   router.registerServer(debuggerServer);
   router.registerServer(devClientServer);
   router.registerServer(messageServer);
   router.registerServer(eventsServer);
-  router.registerServer(hermesInspectorProxy);
   router.registerServer(apiServer);
   router.registerServer(hmrServer);
+  router.registerServer(deviceConnectionServer);
+  router.registerServer(debuggerConnectionServer);
   instance.decorate('wss', {
     debuggerServer,
     devClientServer,
     messageServer,
     eventsServer,
-    hermesInspectorProxy,
     apiServer,
     hmrServer,
+    deviceConnectionServer,
+    debuggerConnectionServer,
     router
   });
 }

package/dist/plugins/wss/wssPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"wssPlugin.js","names":["fastifyPlugin","WebSocketDebuggerServer","WebSocketDevClientServer","WebSocketMessageServer","WebSocketEventsServer","HermesInspectorProxy","WebSocketApiServer","WebSocketHMRServer","WebSocketRouter","wssPlugin","instance","options","delegate","router","debuggerServer","devClientServer","messageServer","eventsServer","webSocketMessageServer","hermesInspectorProxy","apiServer","hmrServer","hmr","registerServer","decorate","name"],"sources":["../../../src/plugins/wss/wssPlugin.ts"],"sourcesContent":["import type { FastifyInstance } from 'fastify';\nimport fastifyPlugin from 'fastify-plugin';\nimport type { Server } from '../../types';\nimport { WebSocketDebuggerServer } from './servers/WebSocketDebuggerServer';\nimport { WebSocketDevClientServer } from './servers/WebSocketDevClientServer';\nimport { WebSocketMessageServer } from './servers/WebSocketMessageServer';\nimport { WebSocketEventsServer } from './servers/WebSocketEventsServer';\nimport { HermesInspectorProxy } from './servers/HermesInspectorProxy';\nimport { WebSocketApiServer } from './servers/WebSocketApiServer';\nimport { WebSocketHMRServer } from './servers/WebSocketHMRServer';\nimport { WebSocketRouter } from './WebSocketRouter';\n\ndeclare module 'fastify' {\n  interface FastifyInstance {\n    wss: {\n      debuggerServer: WebSocketDebuggerServer;\n      devClientServer: WebSocketDevClientServer;\n      messageServer: WebSocketMessageServer;\n      eventsServer: WebSocketEventsServer;\n      hermesInspectorProxy: HermesInspectorProxy;\n      apiServer: WebSocketApiServer;\n      hmrServer: WebSocketHMRServer;\n      router: WebSocketRouter;\n    };\n  }\n}\n\nasync function wssPlugin(\n  instance: FastifyInstance,\n  {\n    options,\n    delegate,\n  }: {\n    options: Server.Options;\n    delegate: Server.Delegate;\n  }\n) {\n  const router = new WebSocketRouter(instance);\n\n  const debuggerServer = new WebSocketDebuggerServer(instance);\n  const devClientServer = new WebSocketDevClientServer(instance);\n  const messageServer = new WebSocketMessageServer(instance);\n  const eventsServer = new WebSocketEventsServer(instance, {\n    webSocketMessageServer: messageServer,\n  });\n  const hermesInspectorProxy = new HermesInspectorProxy(instance, options);\n  const apiServer = new WebSocketApiServer(instance);\n  const hmrServer = new WebSocketHMRServer(instance, delegate.hmr);\n\n  router.registerServer(debuggerServer);\n  router.registerServer(devClientServer);\n  router.registerServer(messageServer);\n  router.registerServer(eventsServer);\n  router.registerServer(hermesInspectorProxy);\n  router.registerServer(apiServer);\n  router.registerServer(hmrServer);\n\n  instance.decorate('wss', {\n    debuggerServer,\n    devClientServer,\n    messageServer,\n    eventsServer,\n    hermesInspectorProxy,\n    apiServer,\n    hmrServer,\n    router,\n  });\n}\n\nexport default fastifyPlugin(wssPlugin, {\n  name: 'wss-plugin',\n});\n"],"mappings":"AACA,OAAOA,aAAa,MAAM,gBAAgB;AAAC,SAElCC,uBAAuB;AAAA,SACvBC,wBAAwB;AAAA,SACxBC,sBAAsB;AAAA,SACtBC,qBAAqB;AAAA,SACrBC,oBAAoB;AAAA,SACpBC,kBAAkB;AAAA,SAClBC,kBAAkB;AAAA,SAClBC,eAAe;AAiBxB,eAAeC,SAASA,CACtBC,QAAyB,EACzB;EACEC,OAAO;EACPC;AAIF,CAAC,EACD;EACA,MAAMC,MAAM,GAAG,IAAIL,eAAe,CAACE,QAAQ,CAAC;EAE5C,MAAMI,cAAc,GAAG,IAAIb,uBAAuB,CAACS,QAAQ,CAAC;EAC5D,MAAMK,eAAe,GAAG,IAAIb,wBAAwB,CAACQ,QAAQ,CAAC;EAC9D,MAAMM,aAAa,GAAG,IAAIb,sBAAsB,CAACO,QAAQ,CAAC;EAC1D,MAAMO,YAAY,GAAG,IAAIb,qBAAqB,CAACM,QAAQ,EAAE;IACvDQ,sBAAsB,EAAEF;EAC1B,CAAC,CAAC;EACF,MAAMG,oBAAoB,GAAG,IAAId,oBAAoB,CAACK,QAAQ,EAAEC,OAAO,CAAC;EACxE,MAAMS,SAAS,GAAG,IAAId,kBAAkB,CAACI,QAAQ,CAAC;EAClD,MAAMW,SAAS,GAAG,IAAId,kBAAkB,CAACG,QAAQ,EAAEE,QAAQ,CAACU,GAAG,CAAC;EAEhET,MAAM,CAACU,cAAc,CAACT,cAAc,CAAC;EACrCD,MAAM,CAACU,cAAc,CAACR,eAAe,CAAC;EACtCF,MAAM,CAACU,cAAc,CAACP,aAAa,CAAC;EACpCH,MAAM,CAACU,cAAc,CAACN,YAAY,CAAC;EACnCJ,MAAM,CAACU,cAAc,CAACJ,oBAAoB,CAAC;EAC3CN,MAAM,CAACU,cAAc,CAACH,SAAS,CAAC;EAChCP,MAAM,CAACU,cAAc,CAACF,SAAS,CAAC;EAEhCX,QAAQ,CAACc,QAAQ,CAAC,KAAK,EAAE;IACvBV,cAAc;IACdC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZE,oBAAoB;IACpBC,SAAS;IACTC,SAAS;IACTR;EACF,CAAC,CAAC;AACJ;AAEA,eAAeb,aAAa,CAACS,SAAS,EAAE;EACtCgB,IAAI,EAAE;AACR,CAAC,CAAC"}
+{"version":3,"file":"wssPlugin.js","names":["fastifyPlugin","WebSocketDebuggerServer","WebSocketDevClientServer","WebSocketMessageServer","WebSocketEventsServer","WebSocketApiServer","WebSocketHMRServer","WebSocketRouter","WebSocketServerAdapter","WS_DEVICE_URL","WS_DEBUGGER_URL","wssPlugin","instance","options","delegate","router","debuggerServer","devClientServer","messageServer","eventsServer","webSocketMessageServer","apiServer","hmrServer","hmr","deviceConnectionServer","endpoints","debuggerConnectionServer","registerServer","decorate","name"],"sources":["../../../src/plugins/wss/wssPlugin.ts"],"sourcesContent":["import type { FastifyInstance } from 'fastify';\nimport fastifyPlugin from 'fastify-plugin';\nimport type { Server } from '../../types';\nimport { WebSocketDebuggerServer } from './servers/WebSocketDebuggerServer';\nimport { WebSocketDevClientServer } from './servers/WebSocketDevClientServer';\nimport { WebSocketMessageServer } from './servers/WebSocketMessageServer';\nimport { WebSocketEventsServer } from './servers/WebSocketEventsServer';\nimport { WebSocketApiServer } from './servers/WebSocketApiServer';\nimport { WebSocketHMRServer } from './servers/WebSocketHMRServer';\nimport { WebSocketRouter } from './WebSocketRouter';\nimport { WebSocketServerAdapter } from './WebSocketServerAdapter';\n\ndeclare module 'fastify' {\n  interface FastifyInstance {\n    wss: {\n      debuggerServer: WebSocketDebuggerServer;\n      devClientServer: WebSocketDevClientServer;\n      messageServer: WebSocketMessageServer;\n      eventsServer: WebSocketEventsServer;\n      apiServer: WebSocketApiServer;\n      hmrServer: WebSocketHMRServer;\n      deviceConnectionServer: WebSocketServerAdapter;\n      debuggerConnectionServer: WebSocketServerAdapter;\n      router: WebSocketRouter;\n    };\n  }\n}\n\n/**\n * Defined in @react-native/dev-middleware\n * Reference: https://github.com/facebook/react-native/blob/main/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js\n */\nconst WS_DEVICE_URL = '/inspector/device';\nconst WS_DEBUGGER_URL = '/inspector/debug';\n\nasync function wssPlugin(\n  instance: FastifyInstance,\n  {\n    options,\n    delegate,\n  }: {\n    options: Server.Options;\n    delegate: Server.Delegate;\n  }\n) {\n  const router = new WebSocketRouter(instance);\n\n  const debuggerServer = new WebSocketDebuggerServer(instance);\n  const devClientServer = new WebSocketDevClientServer(instance);\n  const messageServer = new WebSocketMessageServer(instance);\n  const eventsServer = new WebSocketEventsServer(instance, {\n    webSocketMessageServer: messageServer,\n  });\n  const apiServer = new WebSocketApiServer(instance);\n  const hmrServer = new WebSocketHMRServer(instance, delegate.hmr);\n\n  // @react-native/dev-middleware servers\n  const deviceConnectionServer = new WebSocketServerAdapter(\n    instance,\n    WS_DEVICE_URL,\n    options.endpoints?.[WS_DEVICE_URL]\n  );\n\n  const debuggerConnectionServer = new WebSocketServerAdapter(\n    instance,\n    WS_DEBUGGER_URL,\n    options.endpoints?.[WS_DEBUGGER_URL]\n  );\n\n  router.registerServer(debuggerServer);\n  router.registerServer(devClientServer);\n  router.registerServer(messageServer);\n  router.registerServer(eventsServer);\n  router.registerServer(apiServer);\n  router.registerServer(hmrServer);\n  router.registerServer(deviceConnectionServer);\n  router.registerServer(debuggerConnectionServer);\n\n  instance.decorate('wss', {\n    debuggerServer,\n    devClientServer,\n    messageServer,\n    eventsServer,\n    apiServer,\n    hmrServer,\n    deviceConnectionServer,\n    debuggerConnectionServer,\n    router,\n  });\n}\n\nexport default fastifyPlugin(wssPlugin, {\n  name: 'wss-plugin',\n});\n"],"mappings":"AACA,OAAOA,aAAa,MAAM,gBAAgB;AAAC,SAElCC,uBAAuB;AAAA,SACvBC,wBAAwB;AAAA,SACxBC,sBAAsB;AAAA,SACtBC,qBAAqB;AAAA,SACrBC,kBAAkB;AAAA,SAClBC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,sBAAsB;AAkB/B;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAG,mBAAmB;AACzC,MAAMC,eAAe,GAAG,kBAAkB;AAE1C,eAAeC,SAASA,CACtBC,QAAyB,EACzB;EACEC,OAAO;EACPC;AAIF,CAAC,EACD;EACA,MAAMC,MAAM,GAAG,IAAIR,eAAe,CAACK,QAAQ,CAAC;EAE5C,MAAMI,cAAc,GAAG,IAAIf,uBAAuB,CAACW,QAAQ,CAAC;EAC5D,MAAMK,eAAe,GAAG,IAAIf,wBAAwB,CAACU,QAAQ,CAAC;EAC9D,MAAMM,aAAa,GAAG,IAAIf,sBAAsB,CAACS,QAAQ,CAAC;EAC1D,MAAMO,YAAY,GAAG,IAAIf,qBAAqB,CAACQ,QAAQ,EAAE;IACvDQ,sBAAsB,EAAEF;EAC1B,CAAC,CAAC;EACF,MAAMG,SAAS,GAAG,IAAIhB,kBAAkB,CAACO,QAAQ,CAAC;EAClD,MAAMU,SAAS,GAAG,IAAIhB,kBAAkB,CAACM,QAAQ,EAAEE,QAAQ,CAACS,GAAG,CAAC;;EAEhE;EACA,MAAMC,sBAAsB,GAAG,IAAIhB,sBAAsB,CACvDI,QAAQ,EACRH,aAAa,EACbI,OAAO,CAACY,SAAS,GAAGhB,aAAa,CACnC,CAAC;EAED,MAAMiB,wBAAwB,GAAG,IAAIlB,sBAAsB,CACzDI,QAAQ,EACRF,eAAe,EACfG,OAAO,CAACY,SAAS,GAAGf,eAAe,CACrC,CAAC;EAEDK,MAAM,CAACY,cAAc,CAACX,cAAc,CAAC;EACrCD,MAAM,CAACY,cAAc,CAACV,eAAe,CAAC;EACtCF,MAAM,CAACY,cAAc,CAACT,aAAa,CAAC;EACpCH,MAAM,CAACY,cAAc,CAACR,YAAY,CAAC;EACnCJ,MAAM,CAACY,cAAc,CAACN,SAAS,CAAC;EAChCN,MAAM,CAACY,cAAc,CAACL,SAAS,CAAC;EAChCP,MAAM,CAACY,cAAc,CAACH,sBAAsB,CAAC;EAC7CT,MAAM,CAACY,cAAc,CAACD,wBAAwB,CAAC;EAE/Cd,QAAQ,CAACgB,QAAQ,CAAC,KAAK,EAAE;IACvBZ,cAAc;IACdC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZE,SAAS;IACTC,SAAS;IACTE,sBAAsB;IACtBE,wBAAwB;IACxBX;EACF,CAAC,CAAC;AACJ;AAEA,eAAef,aAAa,CAACW,SAAS,EAAE;EACtCkB,IAAI,EAAE;AACR,CAAC,CAAC"}

package/dist/types.d.ts

@@ -1,4 +1,5 @@
-import { FastifyLoggerInstance } from 'fastify';
+import type { FastifyBaseLogger } from 'fastify';
+import type { WebSocketServer } from 'ws';
 import type { CompilerDelegate } from './plugins/compiler';
 import type { SymbolicatorDelegate } from './plugins/symbolicate';
 import type { HmrDelegate } from './plugins/wss';
@@ -10,8 +11,12 @@ export declare namespace Server {
     interface Config {
         /** Development server options to configure e.g: `port`, `host` etc. */
         options: Options;
+        experiments?: Experiments;
         /** Function to create a delegate, which implements crucial functionalities. */
-        delegate: (context: DelegateContext) => Delegate;
+        delegate: (context: DelegateContext) => Promise<Delegate>;
+    }
+    interface Experiments {
+        experimentalDebugger?: boolean;
     }
     /** Development server options. */
     interface Options {
@@ -31,6 +36,10 @@ export declare namespace Server {
             /** Path to certificate key when running server as HTTPS. */
             key?: string;
         };
+        /** Additional endpoints with pre-configured servers */
+        endpoints?: Record<string, WebSocketServer>;
+        /** Whether to enable logging requests. */
+        logRequests?: boolean;
     }
     /**
      * A complete delegate with implementations for all server functionalities.
@@ -56,7 +65,7 @@ export declare namespace Server {
      */
     interface DelegateContext {
         /** A logger instance, useful for emitting logs from the delegate. */
-        log: FastifyLoggerInstance;
+        log: FastifyBaseLogger;
         /** Send notification about compilation start for given `platform`. */
         notifyBuildStart: (platform: string) => void;
         /** Send notification about compilation end for given `platform`. */
@@ -130,20 +139,6 @@ export declare namespace Server {
         }
     }
 }
-/** Representation of the compilation progress. */
-export interface ProgressData {
-    /** Number of modules built. */
-    completed: number;
-    /** Total number of modules detect as part of compilation. */
-    total: number;
-}
-/**
- * Type representing a function to send the progress.
- *
- * Used by {@link CompilerDelegate} in `getAsset` function to send the compilation
- * progress to the client who requested the asset.
- */
-export type SendProgress = (data: ProgressData) => void;
 /**
  * Internal types. Do not use.
  *

package/dist/types.js

@@ -1,11 +1,4 @@
 export let Server;
-/** Representation of the compilation progress. */
-/**
- * Type representing a function to send the progress.
- *
- * Used by {@link CompilerDelegate} in `getAsset` function to send the compilation
- * progress to the client who requested the asset.
- */
 /**
  * Internal types. Do not use.
  *

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Server","Internal","_Internal","EventTypes"],"sources":["../src/types.ts"],"sourcesContent":["import { FastifyLoggerInstance } from 'fastify';\nimport type { CompilerDelegate } from './plugins/compiler';\nimport type { SymbolicatorDelegate } from './plugins/symbolicate';\nimport type { HmrDelegate } from './plugins/wss';\n\nexport type { CompilerDelegate } from './plugins/compiler';\nexport type {\n  SymbolicatorDelegate,\n  ReactNativeStackFrame,\n  InputStackFrame,\n  StackFrame,\n  CodeFrame,\n  SymbolicatorResults,\n} from './plugins/symbolicate';\nexport type { HmrDelegate } from './plugins/wss';\n\nexport namespace Server {\n  /** Development server configuration. */\n  export interface Config {\n    /** Development server options to configure e.g: `port`, `host` etc. */\n    options: Options;\n\n    /** Function to create a delegate, which implements crucial functionalities. */\n    delegate: (context: DelegateContext) => Delegate;\n  }\n\n  /** Development server options. */\n  export interface Options {\n    /** Root directory of the project. */\n    rootDir: string;\n\n    /** Port under which to run the development server. */\n    port: number;\n\n    /**\n     * Hostname or IP address under which to run the development server.\n     * When left unspecified, it will listen on all available network interfaces, similarly to listening on '0.0.0.0'.\n     */\n    host?: string;\n\n    /** Options for running the server as HTTPS. If `undefined`, the server will run as HTTP. */\n    https?: {\n      /** Path to certificate when running server as HTTPS. */\n      cert?: string;\n\n      /** Path to certificate key when running server as HTTPS. */\n      key?: string;\n    };\n  }\n\n  /**\n   * A complete delegate with implementations for all server functionalities.\n   */\n  export interface Delegate {\n    /** A compiler delegate. */\n    compiler: CompilerDelegate;\n\n    /** A symbolicator delegate. */\n    symbolicator: SymbolicatorDelegate;\n\n    /** A logger delegate. */\n    logger: LoggerDelegate;\n\n    /** An HMR delegate. */\n    hmr: HmrDelegate;\n\n    /** An messages delegate. */\n    messages: MessagesDelegate;\n\n    /** An API delegate. */\n    api?: Api.Delegate;\n  }\n\n  /**\n   * A delegate context used in `delegate` builder in {@link Config}.\n   *\n   * Allows to emit logs, notify about compilation events and broadcast events to connected clients.\n   */\n  export interface DelegateContext {\n    /** A logger instance, useful for emitting logs from the delegate. */\n    log: FastifyLoggerInstance;\n\n    /** Send notification about compilation start for given `platform`. */\n    notifyBuildStart: (platform: string) => void;\n\n    /** Send notification about compilation end for given `platform`. */\n    notifyBuildEnd: (platform: string) => void;\n\n    /**\n     * Broadcast arbitrary event to all connected HMR clients for given `platform`.\n     *\n     * @param event Arbitrary event to broadcast.\n     * @param platform Platform of the clients to which broadcast should be sent.\n     * @param clientIds Ids of the client to which broadcast should be sent.\n     * If `undefined` the broadcast will be sent to all connected clients for the given `platform`.\n     */\n    broadcastToHmrClients: <E = any>(\n      event: E,\n      platform: string,\n      clientIds?: string[]\n    ) => void;\n\n    /**\n     * Broadcast arbitrary method-like event to all connected message clients.\n     *\n     * @param event Arbitrary method-like event to broadcast.\n     */\n    broadcastToMessageClients: <\n      E extends { method: string; params?: Record<string, any> },\n    >(\n      event: E\n    ) => void;\n  }\n\n  /**\n   * Delegate with implementation for logging functions.\n   */\n  export interface LoggerDelegate {\n    /**\n     * Callback for when a new log is emitted.\n     *\n     * @param log An object with log data.\n     */\n    onMessage: (log: any) => void;\n  }\n\n  /**\n   * Delegate with implementation for messages used in route handlers.\n   */\n  export interface MessagesDelegate {\n    /** Get message to send as a reply for `GET /` route. */\n    getHello: () => string;\n\n    /** Get message to send as a reply for `GET /status` route. */\n    getStatus: () => string;\n  }\n\n  export namespace Api {\n    /** A compilation asset representation for API clients. */\n    export interface Asset {\n      name: string;\n      size: number;\n      [key: string]: any;\n    }\n\n    /** A compilation stats representation for API clients. */\n    export interface CompilationStats {\n      [key: string]: any;\n    }\n\n    /**\n     * Delegate with implementation for API endpoints.\n     */\n    export interface Delegate {\n      /** Get all platforms - either with already existing compilations or all supported platforms. */\n      getPlatforms: () => Promise<string[]>;\n\n      /**\n       * Get all assets from compilation for given platform.\n       * Should return `[]` if the compilation does not exists for given platform.\n       */\n      getAssets: (platform: string) => Promise<Asset[]>;\n\n      /**\n       * Get compilation stats for a given platform.\n       * Should return `null` if the compilation does not exists for given platform.\n       */\n      getCompilationStats: (\n        platform: string\n      ) => Promise<CompilationStats | null>;\n    }\n  }\n}\n\n/** Representation of the compilation progress. */\nexport interface ProgressData {\n  /** Number of modules built. */\n  completed: number;\n\n  /** Total number of modules detect as part of compilation. */\n  total: number;\n}\n\n/**\n * Type representing a function to send the progress.\n *\n * Used by {@link CompilerDelegate} in `getAsset` function to send the compilation\n * progress to the client who requested the asset.\n */\nexport type SendProgress = (data: ProgressData) => void;\n\n/**\n * Internal types. Do not use.\n *\n * @internal\n */\nexport namespace Internal {\n  export enum EventTypes {\n    BuildStart = 'BuildStart',\n    BuildEnd = 'BuildEnd',\n    HmrEvent = 'HmrEvent',\n  }\n}\n"],"mappings":"WAgBiBA,MAAM;AA8JvB;AASA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAJA,WAKiBC,QAAQ;AAAA,WAAAC,SAAA;EAAA,IACXC,UAAU,0BAAVA,UAAU;IAAVA,UAAU;IAAVA,UAAU;IAAVA,UAAU;IAAA,OAAVA,UAAU;EAAA;EAAAD,SAAA,CAAAC,UAAA,GAAAA,UAAA;AAAA,GADPF,QAAQ,KAARA,QAAQ"}
+{"version":3,"file":"types.js","names":["Server","Internal","_Internal","EventTypes"],"sources":["../src/types.ts"],"sourcesContent":["import type { FastifyBaseLogger } from 'fastify';\nimport type { WebSocketServer } from 'ws';\nimport type { CompilerDelegate } from './plugins/compiler';\nimport type { SymbolicatorDelegate } from './plugins/symbolicate';\nimport type { HmrDelegate } from './plugins/wss';\n\nexport type { CompilerDelegate } from './plugins/compiler';\nexport type {\n  SymbolicatorDelegate,\n  ReactNativeStackFrame,\n  InputStackFrame,\n  StackFrame,\n  CodeFrame,\n  SymbolicatorResults,\n} from './plugins/symbolicate';\nexport type { HmrDelegate } from './plugins/wss';\n\nexport namespace Server {\n  /** Development server configuration. */\n  export interface Config {\n    /** Development server options to configure e.g: `port`, `host` etc. */\n    options: Options;\n\n    experiments?: Experiments;\n\n    /** Function to create a delegate, which implements crucial functionalities. */\n    delegate: (context: DelegateContext) => Promise<Delegate>;\n  }\n\n  export interface Experiments {\n    experimentalDebugger?: boolean;\n  }\n\n  /** Development server options. */\n  export interface Options {\n    /** Root directory of the project. */\n    rootDir: string;\n\n    /** Port under which to run the development server. */\n    port: number;\n\n    /**\n     * Hostname or IP address under which to run the development server.\n     * When left unspecified, it will listen on all available network interfaces, similarly to listening on '0.0.0.0'.\n     */\n    host?: string;\n\n    /** Options for running the server as HTTPS. If `undefined`, the server will run as HTTP. */\n    https?: {\n      /** Path to certificate when running server as HTTPS. */\n      cert?: string;\n\n      /** Path to certificate key when running server as HTTPS. */\n      key?: string;\n    };\n\n    /** Additional endpoints with pre-configured servers */\n    endpoints?: Record<string, WebSocketServer>;\n\n    /** Whether to enable logging requests. */\n    logRequests?: boolean;\n  }\n\n  /**\n   * A complete delegate with implementations for all server functionalities.\n   */\n  export interface Delegate {\n    /** A compiler delegate. */\n    compiler: CompilerDelegate;\n\n    /** A symbolicator delegate. */\n    symbolicator: SymbolicatorDelegate;\n\n    /** A logger delegate. */\n    logger: LoggerDelegate;\n\n    /** An HMR delegate. */\n    hmr: HmrDelegate;\n\n    /** An messages delegate. */\n    messages: MessagesDelegate;\n\n    /** An API delegate. */\n    api?: Api.Delegate;\n  }\n\n  /**\n   * A delegate context used in `delegate` builder in {@link Config}.\n   *\n   * Allows to emit logs, notify about compilation events and broadcast events to connected clients.\n   */\n  export interface DelegateContext {\n    /** A logger instance, useful for emitting logs from the delegate. */\n    log: FastifyBaseLogger;\n\n    /** Send notification about compilation start for given `platform`. */\n    notifyBuildStart: (platform: string) => void;\n\n    /** Send notification about compilation end for given `platform`. */\n    notifyBuildEnd: (platform: string) => void;\n\n    /**\n     * Broadcast arbitrary event to all connected HMR clients for given `platform`.\n     *\n     * @param event Arbitrary event to broadcast.\n     * @param platform Platform of the clients to which broadcast should be sent.\n     * @param clientIds Ids of the client to which broadcast should be sent.\n     * If `undefined` the broadcast will be sent to all connected clients for the given `platform`.\n     */\n    broadcastToHmrClients: <E = any>(\n      event: E,\n      platform: string,\n      clientIds?: string[]\n    ) => void;\n\n    /**\n     * Broadcast arbitrary method-like event to all connected message clients.\n     *\n     * @param event Arbitrary method-like event to broadcast.\n     */\n    broadcastToMessageClients: <\n      E extends { method: string; params?: Record<string, any> },\n    >(\n      event: E\n    ) => void;\n  }\n\n  /**\n   * Delegate with implementation for logging functions.\n   */\n  export interface LoggerDelegate {\n    /**\n     * Callback for when a new log is emitted.\n     *\n     * @param log An object with log data.\n     */\n    onMessage: (log: any) => void;\n  }\n\n  /**\n   * Delegate with implementation for messages used in route handlers.\n   */\n  export interface MessagesDelegate {\n    /** Get message to send as a reply for `GET /` route. */\n    getHello: () => string;\n\n    /** Get message to send as a reply for `GET /status` route. */\n    getStatus: () => string;\n  }\n\n  export namespace Api {\n    /** A compilation asset representation for API clients. */\n    export interface Asset {\n      name: string;\n      size: number;\n      [key: string]: any;\n    }\n\n    /** A compilation stats representation for API clients. */\n    export interface CompilationStats {\n      [key: string]: any;\n    }\n\n    /**\n     * Delegate with implementation for API endpoints.\n     */\n    export interface Delegate {\n      /** Get all platforms - either with already existing compilations or all supported platforms. */\n      getPlatforms: () => Promise<string[]>;\n\n      /**\n       * Get all assets from compilation for given platform.\n       * Should return `[]` if the compilation does not exists for given platform.\n       */\n      getAssets: (platform: string) => Promise<Asset[]>;\n\n      /**\n       * Get compilation stats for a given platform.\n       * Should return `null` if the compilation does not exists for given platform.\n       */\n      getCompilationStats: (\n        platform: string\n      ) => Promise<CompilationStats | null>;\n    }\n  }\n}\n\n/**\n * Internal types. Do not use.\n *\n * @internal\n */\nexport namespace Internal {\n  export enum EventTypes {\n    BuildStart = 'BuildStart',\n    BuildEnd = 'BuildEnd',\n    HmrEvent = 'HmrEvent',\n  }\n}\n"],"mappings":"WAiBiBA,MAAM;AA0KvB;AACA;AACA;AACA;AACA;AAJA,WAKiBC,QAAQ;AAAA,WAAAC,SAAA;EAAA,IACXC,UAAU,0BAAVA,UAAU;IAAVA,UAAU;IAAVA,UAAU;IAAVA,UAAU;IAAA,OAAVA,UAAU;EAAA;EAAAD,SAAA,CAAAC,UAAA,GAAAA,UAAA;AAAA,GADPF,QAAQ,KAARA,QAAQ"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@callstack/repack-dev-server",
   "description": "A bundler-agnostic development server for React Native applications as part of @callstack/repack.",
   "license": "MIT",
-  "version": "4.0.0-rc.2",
+  "version": "5.0.0-next.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -35,15 +35,13 @@
   },
   "dependencies": {
     "@babel/code-frame": "^7.16.7",
-    "@callstack/repack-debugger-app": "^1.0.2",
+    "@fastify/middie": "^8.3.0",
     "@fastify/sensible": "^5.5.0",
-    "@fastify/static": "^6.12.0",
+    "@react-native/dev-middleware": "^0.73.8",
     "fastify": "^4.24.3",
     "fastify-favicon": "^4.3.0",
     "fastify-plugin": "^4.5.1",
-    "metro-inspector-proxy": "^0.71.0",
     "open": "^8.4.0",
-    "open-editor": "^4.0.0",
     "pretty-format": "^28.1.0",
     "source-map": "^0.7.4",
     "ws": "^8.7.0"
@@ -51,6 +49,8 @@
   "devDependencies": {
     "@babel/cli": "^7.23.9",
     "@babel/core": "^7.23.9",
+    "@react-native-community/cli-debugger-ui": ">=11.3.1",
+    "@react-native-community/cli-server-api": ">=11.3.1",
     "@types/babel__code-frame": "^7.0.3",
     "@types/node": "18",
     "@types/ws": "^8.5.3",
@@ -60,6 +60,18 @@
     "typedoc-plugin-markdown": "^3.17.1",
     "typescript": "^5.2.2"
   },
+  "peerDependencies": {
+    "@react-native-community/cli-debugger-ui": ">=11.3.1",
+    "@react-native-community/cli-server-api": ">=11.3.1"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-community/cli-debugger-ui": {
+      "optional": true
+    },
+    "@react-native-community/cli-server-api": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build:js": "babel src --out-dir dist --extensions \".js,.cjs,.ts\" --source-maps --ignore \"**/__tests__/**\" --delete-dir-on-start --copy-files",
     "build:js:watch": "pnpm build:js --watch",

package/dist/plugins/wss/servers/HermesInspectorProxy.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="node" />
-import type { IncomingMessage } from 'http';
-import WebSocket from 'ws';
-import type { FastifyInstance } from 'fastify';
-import { WebSocketServer } from '../WebSocketServer';
-import { Server } from '../../../types';
-export interface InspectorProxyConfig extends Pick<Server.Options, 'port' | 'host' | 'rootDir'> {
-}
-export declare class HermesInspectorProxy extends WebSocketServer {
-    private config;
-    private devices;
-    private deviceCounter;
-    readonly serverHost: string;
-    constructor(fastify: FastifyInstance, config: InspectorProxyConfig);
-    private setup;
-    private buildPageDescription;
-    /**
-     * Process new WebSocket connection from device.
-     *
-     * @param socket Incoming device's WebSocket connection.
-     * @param request Upgrade request for the connection.
-     */
-    onConnection(socket: WebSocket, request: IncomingMessage): void;
-}

package/dist/plugins/wss/servers/HermesInspectorProxy.js

@@ -1,120 +0,0 @@
-import { URL } from 'url';
-import { WebSocketServer } from "../WebSocketServer.js";
-// @ts-ignore
-import Device from '../../../../vendor/metro-inspector-proxy/src/Device.js';
-const WS_DEVICE_URL = '/inspector/device';
-const WS_DEBUGGER_URL = '/inspector/debug';
-export class HermesInspectorProxy extends WebSocketServer {
-  devices = new Map();
-  deviceCounter = 0;
-  constructor(fastify, config) {
-    super(fastify, [WS_DEVICE_URL, WS_DEBUGGER_URL]);
-    this.config = config;
-    this.serverHost = `${this.config.host || 'localhost'}:${this.config.port}`;
-    this.setup();
-  }
-  setup() {
-    const onSend = (_request, reply, _payload, done) => {
-      reply.headers({
-        'Content-Type': 'application/json; charset=UTF-8',
-        'Cache-Control': 'no-cache',
-        Connection: 'close'
-      });
-      done();
-    };
-    this.fastify.get('/json/version', {
-      onSend
-    }, async () => {
-      return {
-        Browser: 'Mobile JavaScript',
-        'Protocol-Version': '1.1'
-      };
-    });
-    const pageListHandler = async () => {
-      const pages = [];
-      for (const [deviceId, device] of this.devices) {
-        const devicePages = device.getPagesList();
-        for (const page of devicePages) {
-          pages.push(this.buildPageDescription(deviceId, page));
-        }
-      }
-      return pages;
-    };
-    this.fastify.get('/json/list', {
-      onSend
-    }, pageListHandler);
-    this.fastify.get('/json', {
-      onSend,
-      logLevel: 'silent'
-    }, pageListHandler);
-  }
-  buildPageDescription(deviceId, page) {
-    const debuggerUrl = `${this.serverHost}${WS_DEBUGGER_URL}?device=${deviceId}&page=${page.id}`;
-    const webSocketDebuggerUrl = 'ws://' + debuggerUrl;
-    const devtoolsFrontendUrl = 'chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=' + encodeURIComponent(debuggerUrl);
-    return {
-      id: `${deviceId}-${page.id}`,
-      description: page.app,
-      title: page.title,
-      faviconUrl: 'https://reactjs.org/favicon.ico',
-      devtoolsFrontendUrl,
-      type: 'node',
-      webSocketDebuggerUrl,
-      vm: page.vm
-    };
-  }
-
-  /**
-   * Process new WebSocket connection from device.
-   *
-   * @param socket Incoming device's WebSocket connection.
-   * @param request Upgrade request for the connection.
-   */
-  onConnection(socket, request) {
-    try {
-      const {
-        url = ''
-      } = request;
-      const {
-        searchParams
-      } = new URL(url, 'http://localhost');
-      if (url.startsWith('/inspector/device')) {
-        const deviceName = searchParams.get('name') ?? 'Unknown';
-        const appName = searchParams.get('app') ?? 'Unknown';
-        const deviceId = this.deviceCounter++;
-        this.devices.set(deviceId, new Device(deviceId, deviceName, appName, socket, this.config.rootDir));
-        this.fastify.log.info({
-          msg: 'Hermes device connected',
-          deviceId
-        });
-        const onClose = () => {
-          this.fastify.log.info({
-            msg: 'Hermes device disconnected',
-            deviceId
-          });
-          this.devices.delete(deviceId);
-        };
-        socket.addEventListener('error', onClose);
-        socket.addEventListener('close', onClose);
-      } else {
-        const deviceId = searchParams.get('device') ?? undefined;
-        const pageId = searchParams.get('page') ?? undefined;
-        if (deviceId === undefined || pageId === undefined) {
-          throw new Error('Incorrect URL - must provide device and page IDs');
-        }
-        const device = this.devices.get(parseInt(deviceId, 10));
-        if (!device) {
-          throw new Error('Unknown device with ID ' + deviceId);
-        }
-        device.handleDebuggerConnection(socket, pageId);
-      }
-    } catch (error) {
-      this.fastify.log.error({
-        msg: 'Failed to establish connection with Hermes device',
-        error: error.message
-      });
-      socket.close(1011, error.toString());
-    }
-  }
-}
-//# sourceMappingURL=HermesInspectorProxy.js.map