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

package/dist/types.d.ts

@@ -11,12 +11,8 @@ 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) => Promise<Delegate>;
-    }
-    interface Experiments {
-        experimentalDebugger?: boolean;
+        delegate: (context: DelegateContext) => Delegate;
     }
     /** Development server options. */
     interface Options {
@@ -139,6 +135,20 @@ 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,4 +1,11 @@
 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 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"}
+{"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    /** 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    /** 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/** 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":"WAiBiBA,MAAM;AAoKvB;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","ignoreList":[]}

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": "5.0.0-next.2",
+  "version": "5.0.0-rc.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -37,11 +37,10 @@
     "@babel/code-frame": "^7.16.7",
     "@fastify/middie": "^8.3.0",
     "@fastify/sensible": "^5.5.0",
-    "@react-native/dev-middleware": "^0.73.8",
+    "@react-native/dev-middleware": "^0.76.1",
     "fastify": "^4.24.3",
     "fastify-favicon": "^4.3.0",
     "fastify-plugin": "^4.5.1",
-    "open": "^8.4.0",
     "pretty-format": "^28.1.0",
     "source-map": "^0.7.4",
     "ws": "^8.7.0"
@@ -49,38 +48,26 @@
   "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",
+    "@react-native-community/cli-server-api": "15.0.1",
     "@types/babel__code-frame": "^7.0.3",
     "@types/node": "18",
     "@types/ws": "^8.5.3",
     "babel-plugin-add-import-extension": "^1.6.0",
-    "eslint": "^8.53.0",
-    "typedoc": "^0.25.3",
-    "typedoc-plugin-markdown": "^3.17.1",
-    "typescript": "^5.2.2"
+    "typescript": "^5.5.3"
   },
   "peerDependencies": {
-    "@react-native-community/cli-debugger-ui": ">=11.3.1",
-    "@react-native-community/cli-server-api": ">=11.3.1"
+    "@react-native-community/cli-server-api": ">=13.6.4"
   },
   "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",
     "build:ts": "tsc --emitDeclarationOnly",
-    "build:ts:watch": "pnpm build:ts --watch --preserveWatchOutput",
-    "build": "pnpm build:js && pnpm build:ts",
-    "docs": "typedoc",
+    "build": "pnpm run \"/^build:.*/\"",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint --ext \".js,.ts\" src",
     "archive": "pnpm build && pnpm pack"
   }
 }

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

@@ -1,64 +0,0 @@
-/// <reference types="node" />
-import type { IncomingMessage } from 'http';
-import type { FastifyInstance } from 'fastify';
-import WebSocket from 'ws';
-import { WebSocketServer } from '../WebSocketServer';
-/**
- * Class for creating a WebSocket server and providing a bridge between
- * debugger UI (Remote JS debugger) and the running React Native application.
- *
- * React Native application (aka client) will send and receive messages from the debugger UI
- * which runs inside a browser.
- *
- * @category Development server
- */
-export declare class WebSocketDebuggerServer extends WebSocketServer {
-    /**
-     * A WebSocket connection with the debugger UI.
-     */
-    private debuggerSocket;
-    /**
-     * A WebSocket connection with the client (React Native app).
-     */
-    private clientSocket;
-    /**
-     * Create new instance of WebSocketDebuggerServer and attach it to the given Fastify instance.
-     * Any logging information, will be passed through standard `fastify.log` API.
-     *
-     * @param fastify Fastify instance to attach the WebSocket server to.
-     */
-    constructor(fastify: FastifyInstance);
-    /**
-     * Check if debugger UI is connected to the WebSocketDebuggerServer.
-     */
-    isDebuggerConnected(): boolean;
-    /**
-     * Send a message to a given WebSocket connection.
-     *
-     * @param socket WebSocket connection to send the message to.
-     * @param message Message to send.
-     */
-    send(socket: WebSocket | undefined, message: string): void;
-    /**
-     * Process new WebSocket connection. The upgrade request should contain `role` query param
-     * for determining the type of the connection.
-     *
-     * @param socket Incoming WebSocket connection.
-     * @param request Upgrade request for the connection.
-     */
-    onConnection(socket: WebSocket, request: IncomingMessage): void;
-    /**
-     * Process new WebSocket connection from Debugger UI (Remote JS Debugger).
-     * If there's already open connection, the new one gets closed automatically.
-     *
-     * @param socket Incoming debugger WebSocket connection.
-     */
-    onDebuggerConnection(socket: WebSocket): void;
-    /**
-     * Process new WebSocket connection from React Native app (client)
-     * and close any previous connection.
-     *
-     * @param socket Incoming client WebSocket connection.
-     */
-    onClientConnection(socket: WebSocket): void;
-}

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

@@ -1,142 +0,0 @@
-import { WebSocketServer } from "../WebSocketServer.js";
-/**
- * Class for creating a WebSocket server and providing a bridge between
- * debugger UI (Remote JS debugger) and the running React Native application.
- *
- * React Native application (aka client) will send and receive messages from the debugger UI
- * which runs inside a browser.
- *
- * @category Development server
- */
-export class WebSocketDebuggerServer extends WebSocketServer {
-  /**
-   * A WebSocket connection with the debugger UI.
-   */
-
-  /**
-   * A WebSocket connection with the client (React Native app).
-   */
-
-  /**
-   * Create new instance of WebSocketDebuggerServer and attach it to the given Fastify instance.
-   * Any logging information, will be passed through standard `fastify.log` API.
-   *
-   * @param fastify Fastify instance to attach the WebSocket server to.
-   */
-  constructor(fastify) {
-    super(fastify, '/debugger-proxy');
-  }
-
-  /**
-   * Check if debugger UI is connected to the WebSocketDebuggerServer.
-   */
-  isDebuggerConnected() {
-    return Boolean(this.debuggerSocket);
-  }
-
-  /**
-   * Send a message to a given WebSocket connection.
-   *
-   * @param socket WebSocket connection to send the message to.
-   * @param message Message to send.
-   */
-  send(socket, message) {
-    try {
-      socket?.send(message);
-    } catch (error) {
-      this.fastify.log.warn({
-        msg: 'Failed to send data to socket',
-        error
-      });
-    }
-  }
-
-  /**
-   * Process new WebSocket connection. The upgrade request should contain `role` query param
-   * for determining the type of the connection.
-   *
-   * @param socket Incoming WebSocket connection.
-   * @param request Upgrade request for the connection.
-   */
-  onConnection(socket, request) {
-    const {
-      url = ''
-    } = request;
-    if (url.indexOf('role=debugger') >= 0) {
-      this.fastify.log.info({
-        msg: 'Chrome Remote JS debugger connected'
-      });
-      this.onDebuggerConnection(socket);
-    } else if (url.indexOf('role=client') >= 0) {
-      this.fastify.log.info({
-        msg: 'React Native app connected to debugger'
-      });
-      this.onClientConnection(socket);
-    } else {
-      socket.close(1011, 'Missing role param');
-    }
-  }
-
-  /**
-   * Process new WebSocket connection from Debugger UI (Remote JS Debugger).
-   * If there's already open connection, the new one gets closed automatically.
-   *
-   * @param socket Incoming debugger WebSocket connection.
-   */
-  onDebuggerConnection(socket) {
-    if (this.debuggerSocket) {
-      socket.close(1011, 'Another debugger is already connected');
-      return;
-    }
-    this.debuggerSocket = socket;
-    const onClose = () => {
-      this.fastify.log.info({
-        msg: 'Chrome Remote JS debugger disconnected'
-      });
-      this.debuggerSocket = undefined;
-      if (this.clientSocket) {
-        this.clientSocket.removeAllListeners();
-        this.clientSocket.close(1011, 'Debugger was disconnected');
-      }
-    };
-    this.debuggerSocket.addEventListener('error', onClose);
-    this.debuggerSocket.addEventListener('close', onClose);
-    this.debuggerSocket.addEventListener('message', ({
-      data
-    }) => {
-      this.send(this.clientSocket, data.toString());
-    });
-  }
-
-  /**
-   * Process new WebSocket connection from React Native app (client)
-   * and close any previous connection.
-   *
-   * @param socket Incoming client WebSocket connection.
-   */
-  onClientConnection(socket) {
-    if (this.clientSocket) {
-      this.clientSocket.removeAllListeners();
-      this.clientSocket.close(1011, 'Another client is connected');
-      this.clientSocket = undefined;
-    }
-    const onClose = () => {
-      this.fastify.log.info({
-        msg: 'React Native app disconnected from debugger'
-      });
-      this.clientSocket = undefined;
-      this.send(this.debuggerSocket, JSON.stringify({
-        method: '$disconnected'
-      }));
-    };
-    this.clientSocket = socket;
-    this.clientSocket.addEventListener('error', onClose);
-    this.clientSocket.addEventListener('close', onClose);
-    this.clientSocket.addEventListener('message', ({
-      data
-    }) => {
-      this.send(this.debuggerSocket, data.toString());
-    });
-  }
-}
-//# sourceMappingURL=WebSocketDebuggerServer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WebSocketDebuggerServer.js","names":["WebSocketServer","WebSocketDebuggerServer","constructor","fastify","isDebuggerConnected","Boolean","debuggerSocket","send","socket","message","error","log","warn","msg","onConnection","request","url","indexOf","info","onDebuggerConnection","onClientConnection","close","onClose","undefined","clientSocket","removeAllListeners","addEventListener","data","toString","JSON","stringify","method"],"sources":["../../../../src/plugins/wss/servers/WebSocketDebuggerServer.ts"],"sourcesContent":["import type { IncomingMessage } from 'http';\nimport type { FastifyInstance } from 'fastify';\nimport WebSocket from 'ws';\nimport { WebSocketServer } from '../WebSocketServer';\n\n/**\n * Class for creating a WebSocket server and providing a bridge between\n * debugger UI (Remote JS debugger) and the running React Native application.\n *\n * React Native application (aka client) will send and receive messages from the debugger UI\n * which runs inside a browser.\n *\n * @category Development server\n */\nexport class WebSocketDebuggerServer extends WebSocketServer {\n  /**\n   * A WebSocket connection with the debugger UI.\n   */\n  private debuggerSocket: WebSocket | undefined;\n\n  /**\n   * A WebSocket connection with the client (React Native app).\n   */\n  private clientSocket: WebSocket | undefined;\n\n  /**\n   * Create new instance of WebSocketDebuggerServer 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, '/debugger-proxy');\n  }\n\n  /**\n   * Check if debugger UI is connected to the WebSocketDebuggerServer.\n   */\n  isDebuggerConnected() {\n    return Boolean(this.debuggerSocket);\n  }\n\n  /**\n   * Send a message to a given WebSocket connection.\n   *\n   * @param socket WebSocket connection to send the message to.\n   * @param message Message to send.\n   */\n  send(socket: WebSocket | undefined, message: string) {\n    try {\n      socket?.send(message);\n    } catch (error) {\n      this.fastify.log.warn({ msg: 'Failed to send data to socket', error });\n    }\n  }\n\n  /**\n   * Process new WebSocket connection. The upgrade request should contain `role` query param\n   * for determining the type of the connection.\n   *\n   * @param socket Incoming WebSocket connection.\n   * @param request Upgrade request for the connection.\n   */\n  onConnection(socket: WebSocket, request: IncomingMessage) {\n    const { url = '' } = request;\n    if (url.indexOf('role=debugger') >= 0) {\n      this.fastify.log.info({ msg: 'Chrome Remote JS debugger connected' });\n      this.onDebuggerConnection(socket);\n    } else if (url.indexOf('role=client') >= 0) {\n      this.fastify.log.info({ msg: 'React Native app connected to debugger' });\n      this.onClientConnection(socket);\n    } else {\n      socket.close(1011, 'Missing role param');\n    }\n  }\n\n  /**\n   * Process new WebSocket connection from Debugger UI (Remote JS Debugger).\n   * If there's already open connection, the new one gets closed automatically.\n   *\n   * @param socket Incoming debugger WebSocket connection.\n   */\n  onDebuggerConnection(socket: WebSocket) {\n    if (this.debuggerSocket) {\n      socket.close(1011, 'Another debugger is already connected');\n      return;\n    }\n    this.debuggerSocket = socket;\n    const onClose = () => {\n      this.fastify.log.info({ msg: 'Chrome Remote JS debugger disconnected' });\n      this.debuggerSocket = undefined;\n      if (this.clientSocket) {\n        this.clientSocket.removeAllListeners();\n        this.clientSocket.close(1011, 'Debugger was disconnected');\n      }\n    };\n    this.debuggerSocket.addEventListener('error', onClose);\n    this.debuggerSocket.addEventListener('close', onClose);\n    this.debuggerSocket.addEventListener('message', ({ data }) => {\n      this.send(this.clientSocket, data.toString());\n    });\n  }\n\n  /**\n   * Process new WebSocket connection from React Native app (client)\n   * and close any previous connection.\n   *\n   * @param socket Incoming client WebSocket connection.\n   */\n  onClientConnection(socket: WebSocket) {\n    if (this.clientSocket) {\n      this.clientSocket.removeAllListeners();\n      this.clientSocket.close(1011, 'Another client is connected');\n      this.clientSocket = undefined;\n    }\n\n    const onClose = () => {\n      this.fastify.log.info({\n        msg: 'React Native app disconnected from debugger',\n      });\n      this.clientSocket = undefined;\n      this.send(\n        this.debuggerSocket,\n        JSON.stringify({ method: '$disconnected' })\n      );\n    };\n\n    this.clientSocket = socket;\n    this.clientSocket.addEventListener('error', onClose);\n    this.clientSocket.addEventListener('close', onClose);\n    this.clientSocket.addEventListener('message', ({ data }) => {\n      this.send(this.debuggerSocket, data.toString());\n    });\n  }\n}\n"],"mappings":"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"}