@teardown/cli 1.2.26 → 1.2.27

package/dist/modules/dev/dev-menu/keyboard-handler.d.ts

@@ -7,7 +7,7 @@ export declare class KeyboardHandlerManager {
     private readonly openDebuggerKeyboardHandler;
     private previousCallTimestamp;
     constructor(devServer: DevServer);
-    initialize(): void;
+    initialize(): Promise<void>;
     private isTTYSupported;
     private setupKeyboardHandlers;
     private handleKeyPress;

package/dist/modules/dev/dev-menu/keyboard-handler.js

@@ -23,7 +23,7 @@ class KeyboardHandlerManager {
             devServerUrl: this.devServer.getDevServerUrl(),
         });
     }
-    initialize() {
+    async initialize() {
         if (!this.isTTYSupported()) {
             this.devServer.terminalReporter.update({
                 type: "client_log",
@@ -111,9 +111,13 @@ class KeyboardHandlerManager {
             level: "info",
             data: [
                 "Key commands available:",
+                "\n",
+                "\n",
                 `${chalk_1.default.bold.inverse(" r ")} - reload app(s)`,
+                "\n",
                 `${chalk_1.default.bold.inverse(" d ")} - open Dev Menu`,
-                `${chalk_1.default.bold.inverse(" j ")} - open DevTools`,
+                // "\n",
+                // `${chalk.bold.inverse(" j ")} - open DevTools`,
             ],
         });
     }

package/dist/modules/dev/dev-server/cdp/cdp.adapter.d.ts

@@ -0,0 +1,6 @@
+import type { DevServer } from "../dev-server";
+export declare class CDPAdapter {
+    private readonly instance;
+    constructor(instance: DevServer);
+    enable(): void;
+}

package/dist/modules/dev/dev-server/cdp/cdp.adapter.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CDPAdapter = void 0;
+// import type { DevServer } from "devtools-protocol";
+class CDPAdapter {
+    instance;
+    constructor(instance) {
+        this.instance = instance;
+    }
+    enable() { }
+}
+exports.CDPAdapter = CDPAdapter;

package/dist/modules/dev/dev-server/dev-server.d.ts

@@ -1,9 +1,10 @@
 import { type FastifyInstance } from "fastify";
 import type { TerminalReportableEvent } from "metro/src/lib/TerminalReporter";
+import { KeyboardHandlerManager } from "../dev-menu/keyboard-handler";
 import { TeardownTerminalReporter } from "../terminal/terminal.reporter";
+import { WebSocketApiServer } from "./plugins/wss/servers/web-socket-api.server";
 import { WebSocketEventsServer } from "./plugins/wss/servers/web-socket-events.server";
 import { WebSocketMessageServer } from "./plugins/wss/servers/web-socket-message.server";
-import { KeyboardHandlerManager } from "../dev-menu/keyboard-handler";
 export type DevServerOptions = {
     projectRoot: string;
     host: string;
@@ -17,11 +18,14 @@ export type DevServerOptions = {
 export declare class DevServer {
     readonly config: DevServerOptions;
     terminalReporter: TeardownTerminalReporter;
+    private stream;
     private instance;
+    apiServer: WebSocketApiServer;
     messageServer: WebSocketMessageServer;
     eventsServer: WebSocketEventsServer;
     keyboardHandler: KeyboardHandlerManager;
     constructor(config: DevServerOptions);
+    onWrite(chunk: any, encoding: BufferEncoding, callback: (error?: Error | null) => void): Promise<void>;
     getDevServerUrl(): string;
     onInitializeDone(): void;
     reportMetroEvent(event: TerminalReportableEvent): void;
@@ -32,6 +36,10 @@ export declare class DevServer {
     private _metroConfig;
     private getMetroConfig;
     private registerPlugins;
+    private onSymbolicate;
+    private customInspectorMessageHandler;
+    private onDeviceMessage;
+    private onDebuggerMessage;
     private registerHooks;
     private registerRoutes;
     initialize(): Promise<void>;

package/dist/modules/dev/dev-server/dev-server.js

@@ -5,55 +5,64 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevServer = void 0;
 exports.makeLogEntryFromFastifyLog = makeLogEntryFromFastifyLog;
+const compress_1 = __importDefault(require("@fastify/compress"));
+const cors_1 = __importDefault(require("@fastify/cors"));
 const middie_1 = __importDefault(require("@fastify/middie"));
 const sensible_1 = __importDefault(require("@fastify/sensible"));
-const compress_1 = __importDefault(require("@fastify/compress"));
 const cli_server_api_1 = require("@react-native-community/cli-server-api");
 const dev_middleware_1 = require("@react-native/dev-middleware");
+const node_stream_1 = require("node:stream");
 const metro_config_1 = require("@react-native/metro-config");
 const fastify_1 = __importDefault(require("fastify"));
 const metro_1 = __importDefault(require("metro"));
-const node_stream_1 = require("node:stream");
+const keyboard_handler_1 = require("../dev-menu/keyboard-handler");
 const terminal_reporter_1 = require("../terminal/terminal.reporter");
 const devtools_plugin_1 = require("./plugins/devtools.plugin");
-// import { faviconPlugin } from "./plugins/favicon.plugin";
 const multipart_plugin_1 = require("./plugins/multipart.plugin");
-const symbolicate_1 = require("./plugins/symbolicate");
+const sybmolicate_plugin_1 = require("./sybmolicate/sybmolicate.plugin");
+const systrace_plugin_1 = require("./plugins/systrace.plugin");
 const wss_1 = require("./plugins/wss");
+const web_socket_api_server_1 = require("./plugins/wss/servers/web-socket-api.server");
 const web_socket_events_server_1 = require("./plugins/wss/servers/web-socket-events.server");
 const web_socket_message_server_1 = require("./plugins/wss/servers/web-socket-message.server");
-const keyboard_handler_1 = require("../dev-menu/keyboard-handler");
 class DevServer {
     config;
     terminalReporter;
+    stream;
     instance;
+    apiServer;
     messageServer;
     eventsServer;
     keyboardHandler;
     constructor(config) {
         this.config = config;
         this.terminalReporter = new terminal_reporter_1.TeardownTerminalReporter(this);
+        this.stream = new node_stream_1.Writable({
+            write: this.onWrite.bind(this),
+        });
         this.instance = (0, fastify_1.default)({
-            // disableRequestLogging: false,
+            // disableRequestLogging: true,
             logger: {
                 level: "trace",
-                stream: new node_stream_1.Writable({
-                    write: (chunk, _encoding, callback) => {
-                        const log = JSON.parse(chunk.toString());
-                        this.onMessage(log);
-                        this.instance.wss?.apiServer.send(log);
-                        callback();
-                    },
-                }),
+                stream: this.stream,
             },
             ...(config.https ? { https: config.https } : undefined),
         });
+        this.apiServer = new web_socket_api_server_1.WebSocketApiServer(this.instance);
         this.messageServer = new web_socket_message_server_1.WebSocketMessageServer(this.instance);
         this.eventsServer = new web_socket_events_server_1.WebSocketEventsServer(this.instance, {
             webSocketMessageServer: this.messageServer,
         });
         this.keyboardHandler = new keyboard_handler_1.KeyboardHandlerManager(this);
     }
+    async onWrite(chunk, encoding, callback) {
+        if (chunk == null) {
+            return;
+        }
+        const log = JSON.parse(chunk.toString());
+        this.onMessage(log);
+        callback();
+    }
     getDevServerUrl() {
         const https = this.config.https ? "https" : "http";
         return `${https}://${this.config.host}:${this.config.port}`;
@@ -62,21 +71,27 @@ class DevServer {
         this.keyboardHandler.initialize();
     }
     reportMetroEvent(event) {
-        // this.messageServer.broadcast("report_event", event);
-        // console.log("Metro event", event);
+        switch (event.type) {
+            case "client_log":
+                this.eventsServer.broadcastEvent(event);
+                break;
+        }
     }
     onBundleBuilt(bundlePath) {
-        console.log("onBundleBuilt", bundlePath);
+        // console.log("onBundleBuilt", bundlePath);
+        this.messageServer.broadcast("reload");
     }
     onMessage(log) {
-        this.terminalReporter.update({
-            type: "client_log",
-            level: "info",
-            data: [log.msg],
-        });
+        this.apiServer.send(log);
+        // console.log(log.msg, log.level);
+        // this.terminalReporter.update({
+        // 	type: "client_log",
+        // 	level: "info",
+        // 	data: [log.msg],
+        // });
     }
     onClientConnected(platform, clientId) {
-        console.log("onClientConnected", platform, clientId);
+        // this.messageServer.broadcast("reload", undefined, []);
         // this.instance.wss.router.onClientConnected(platform, clientId);
         // this.onMessage({
         // 	level: 30,
@@ -108,15 +123,23 @@ class DevServer {
             watch: true,
             onBundleBuilt: this.onBundleBuilt.bind(this),
         });
-        // console.log("Registering plugins");
         const devMiddleware = (0, dev_middleware_1.createDevMiddleware)({
             projectRoot: this.config.projectRoot,
             serverBaseUrl: `http://${this.config.host}:${this.config.port}`,
             logger: this.instance.log,
+            unstable_customInspectorMessageHandler: this.customInspectorMessageHandler.bind(this),
             unstable_experiments: {
-            // enableNewDebugger: this.config.experiments?.experimentalDebugger,
+                enableNetworkInspector: true,
             },
         });
+        await this.instance.register(cors_1.default, {
+        // hook: "preHandler",
+        // origin: ["localhost:1420", "127.0.0.1:1420"],
+        // allowedHeaders: ["Content-Type", "Authorization", "X-Requested-With"],
+        // credentials: true,
+        // maxAge: 86400,
+        // preflightContinue: false,
+        });
         await this.instance.register(compress_1.default);
         await this.instance.register(sensible_1.default);
         await this.instance.register(middie_1.default);
@@ -126,10 +149,11 @@ class DevServer {
             onClientConnected: this.onClientConnected.bind(this),
             messageServer: this.messageServer,
             eventsServer: this.eventsServer,
+            apiServer: this.apiServer,
             endpoints: {
                 "/inspector/debug": devMiddleware.websocketEndpoints["/inspector/debug"],
                 "/inspector/device": devMiddleware.websocketEndpoints["/inspector/device"],
-                "/inspector/network": devMiddleware.websocketEndpoints["/inspector/debug"], // Uses same endpoint as debugger to handle Network-related CDP events
+                "/inspector/network": devMiddleware.websocketEndpoints["/inspector/debug"],
             },
         });
         await this.instance.register(multipart_plugin_1.multipartPlugin);
@@ -138,24 +162,50 @@ class DevServer {
             port: this.config.port,
             https: this.config.https,
         });
-        await this.instance.register(symbolicate_1.symbolicatePlugin);
+        await this.instance.register(sybmolicate_plugin_1.symbolicatePlugin, {
+            onSymbolicate: this.onSymbolicate.bind(this),
+        });
+        await this.instance.register(systrace_plugin_1.systracePlugin);
         // await this.instance.register(faviconPlugin);
         // Register middleware
         this.instance.use("/open-url", cli_server_api_1.openURLMiddleware);
         this.instance.use("/open-stack-frame", (0, cli_server_api_1.openStackFrameInEditorMiddleware)({
             watchFolders: [this.config.projectRoot],
         }));
+        this.instance.use(serverInstance.metroServer.processRequest);
         this.instance.use(devMiddleware.middleware);
-        // Convert Metro middleware to Fastify middleware format
-        this.instance.use((req, res, next) => {
-            const middleware = serverInstance.middleware;
-            middleware(req, res, next);
+    }
+    onSymbolicate(request, reply) {
+        const result = JSON.parse(request.rawBody);
+        const { codeFrame, stack } = result;
+        this.instance.log.info("onSymbolicate", { codeFrame, stack });
+    }
+    customInspectorMessageHandler(connection) {
+        this.instance.log.info("Creating custom inspector message handler", {
+            connection,
+        });
+        return {
+            handleDeviceMessage: (message) => this.onDeviceMessage(connection, message),
+            handleDebuggerMessage: (message) => this.onDebuggerMessage(connection, message),
+        };
+    }
+    onDeviceMessage(connection, message) {
+        console.log("onDeviceMessage", message);
+        this.instance.log.info("Device -> Debugger", {
+            message,
+        });
+        connection.debugger.sendMessage(message);
+    }
+    onDebuggerMessage(connection, message) {
+        console.log("onDebuggerMessage", message);
+        this.instance.log.info("Debugger -> Device", {
+            message,
         });
-        // console.log("Plugins registered");
+        connection.device.sendMessage(message);
     }
     registerHooks() {
-        // console.log("Registering hooks");
-        this.instance.addHook("onSend", async (request, reply, payload) => {
+        this.instance.log.info("Registering hooks");
+        this.instance = this.instance.addHook("onSend", async (request, reply, payload) => {
             reply.header("X-Content-Type-Options", "nosniff");
             reply.header("X-React-Native-Project-Root", this.config.projectRoot);
             const [pathname] = request.url.split("?");
@@ -164,17 +214,20 @@ class DevServer {
             }
             return payload;
         });
+        this.instance.log.info("Hooks registered");
     }
     registerRoutes() {
-        // console.log("Registering routes");
+        this.instance.log.info("Registering routes");
         this.instance.get("/", async () => "React Native packager is running");
         this.instance.get("/status", async () => "packager-status:running");
+        this.instance.log.info("Routes registered");
     }
     async initialize() {
-        console.log("Initializing dev server");
+        this.instance.log.info("Initializing dev server");
         await this.registerPlugins();
         this.registerHooks();
         this.registerRoutes();
+        this.instance.log.info("Dev server initialized");
     }
     async start() {
         this.instance.log.info("Starting dev server", this.config);
@@ -182,11 +235,12 @@ class DevServer {
             port: this.config.port,
             host: this.config.host,
         });
-        console.log("Dev server started", this.instance.server.address());
+        this.instance.log.info("Dev server started", this.instance.server.address());
     }
     async stop() {
-        console.log("Stopping dev server");
+        this.instance.log.info("Stopping dev server");
         await this.instance.close();
+        this.instance.log.info("Dev server stopped");
     }
     getInstance() {
         return this.instance;

package/dist/modules/dev/dev-server/plugins/systrace.plugin.d.ts

@@ -0,0 +1 @@
+export declare const systracePlugin: (instance: import("fastify").FastifyInstance<import("fastify").RawServerDefault, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault>) => Promise<void>;

package/dist/modules/dev/dev-server/plugins/systrace.plugin.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.systracePlugin = void 0;
+const fastify_plugin_1 = __importDefault(require("fastify-plugin"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const cli_tools_1 = require("@react-native-community/cli-tools");
+exports.systracePlugin = (0, fastify_plugin_1.default)(async (instance) => {
+    instance.post("/systrace", async (request, reply) => {
+        cli_tools_1.logger.info("Dumping profile information...");
+        const dumpName = `/tmp/dump_${Date.now()}.json`;
+        // Get the raw body from the request
+        const rawBody = await request.body;
+        node_fs_1.default.writeFileSync(dumpName, JSON.stringify(rawBody));
+        const response = 
+        // biome-ignore lint/style/useTemplate: <explanation>
+        `Your profile was saved at:\n${dumpName}\n\n` +
+            'On Google Chrome navigate to chrome://tracing and then click on "load" ' +
+            "to load and visualise your profile.\n\n" +
+            "This message is also printed to your console by the packager so you can copy it :)";
+        cli_tools_1.logger.info(response);
+        return reply.send(response);
+    });
+}, {
+    name: "systrace-plugin",
+});

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-api.server.d.ts

@@ -22,7 +22,7 @@ export declare class WebSocketApiServer extends WebSocketServer {
      *
      * @param event Event string or object to send.
      */
-    send(event: any): void;
+    send(event: unknown): void;
     /**
      * Process new WebSocket connection from client application.
      *

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-api.server.js

@@ -26,13 +26,18 @@ class WebSocketApiServer extends web_socket_server_1.WebSocketServer {
      * @param event Event string or object to send.
      */
     send(event) {
+        if (this.clients.size === 0) {
+            return;
+        }
         const data = typeof event === "string" ? event : JSON.stringify(event);
         for (const [, socket] of this.clients.entries()) {
             try {
                 socket.send(data);
             }
-            catch {
-                // NOOP
+            catch (error) {
+                this.fastify.log.error("Error sending message to API client", {
+                    error,
+                });
             }
         }
     }
@@ -43,13 +48,13 @@ class WebSocketApiServer extends web_socket_server_1.WebSocketServer {
      */
     onConnection(socket) {
         const clientId = `client#${this.nextClientId++}`;
-        console.log("WebSocketApiServer onConnection", clientId, socket);
         this.clients.set(clientId, socket);
-        this.fastify.log.debug({ msg: "API client connected", clientId });
+        this.fastify.log.info("API client connected", {
+            clientId,
+        });
         this.clients.set(clientId, socket);
         const onClose = () => {
-            this.fastify.log.debug({
-                msg: "API client disconnected",
+            this.fastify.log.info("API client disconnected", {
                 clientId,
             });
             this.clients.delete(clientId);

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-events.server.d.ts

@@ -59,7 +59,7 @@ export declare class WebSocketEventsServer extends WebSocketServer {
      * @param message Message to serialize.
      * @returns String representation of a `message` or `undefined` if serialization failed.
      */
-    serializeMessage(message: EventMessage): string | undefined;
+    serializeMessage(message: EventMessage, clientId?: string): string | undefined;
     /**
      * Broadcast event to all connected clients.
      *

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-events.server.js

@@ -84,7 +84,7 @@ class WebSocketEventsServer extends web_socket_server_1.WebSocketServer {
      * @param message Message to serialize.
      * @returns String representation of a `message` or `undefined` if serialization failed.
      */
-    serializeMessage(message) {
+    serializeMessage(message, clientId) {
         let toSerialize = message;
         if (message.error && message.error instanceof Error) {
             toSerialize = {
@@ -112,7 +112,10 @@ class WebSocketEventsServer extends web_socket_server_1.WebSocketServer {
             };
         }
         try {
-            return JSON.stringify(toSerialize);
+            return JSON.stringify({
+                ...toSerialize,
+                clientId,
+            });
         }
         catch (error) {
             this.fastify.log.error({ msg: "Failed to serialize", error });
@@ -130,11 +133,16 @@ class WebSocketEventsServer extends web_socket_server_1.WebSocketServer {
         }
         const serialized = this.serializeMessage(event);
         if (!serialized) {
+            console.log("Failed to serialize event");
             return;
         }
         for (const [clientId, socket] of this.clients.entries()) {
             try {
-                socket.send(serialized);
+                const clientMessage = this.serializeMessage(event, clientId);
+                if (!clientMessage) {
+                    continue;
+                }
+                socket.send(clientMessage);
             }
             catch (error) {
                 this.fastify.log.error({

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-hmr.server.js

@@ -93,15 +93,23 @@ class WebSocketHMRServer extends web_socket_server_1.WebSocketServer {
         this.options.onClientConnected(platform, clientId);
     }
     async registerHMRClient(socket, requestUrl) {
-        console.log("HMR server registerHMRClient", requestUrl);
-        const sendFn = (data) => {
-            socket.send(data);
+        const sendFn = (...args) => {
+            // @ts-ignore
+            socket.send(...args);
         };
         const hmrClient = await this.hmrServer.onClientConnect(requestUrl, sendFn);
         socket.on("error", (error) => {
+            this.fastify.log.error({
+                msg: "HMR client error",
+                error,
+            });
             this.hmrServer.onClientError(hmrClient, error);
         });
         socket.on("close", () => {
+            this.fastify.log.debug({
+                msg: "HMR client disconnected",
+                ...hmrClient,
+            });
             this.hmrServer.onClientDisconnect(hmrClient);
         });
         socket.on("message", (data) => {

package/dist/modules/dev/dev-server/plugins/wss/servers/web-socket-message.server.js

@@ -65,6 +65,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
      * @returns Parsed message or `undefined` if parsing failed.
      */
     parseMessage(data, binary) {
+        console.log("parseMessage", data, binary);
         if (binary) {
             this.fastify.log.error({
                 msg: "Failed to parse message - expected text message, got binary",
@@ -97,6 +98,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
      * @returns WebSocket connection.
      */
     getClientSocket(clientId) {
+        console.log("getClientSocket", clientId);
         const socket = this.clients.get(clientId);
         if (socket === undefined) {
             throw new Error(`Could not find client with id "${clientId}"`);
@@ -112,6 +114,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
      * @param error Concrete instance of an error that occurred.
      */
     handleError(clientId, message, error) {
+        console.log("handleError", clientId, message, error);
         const errorMessage = {
             id: message.id,
             method: message.method,
@@ -154,6 +157,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
      * @param message Message to forward.
      */
     forwardRequest(clientId, message) {
+        console.log("forwardRequest", clientId, message);
         if (!message.target) {
             this.fastify.log.error({
                 msg: "Failed to forward request - message.target is missing",
@@ -200,6 +204,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
      * @param message The message to process by the server.
      */
     processServerRequest(clientId, message) {
+        console.log("processServerRequest", clientId, message);
         let result;
         switch (message.method) {
             case "getid":
@@ -297,7 +302,7 @@ class WebSocketMessageServer extends web_socket_server_1.WebSocketServer {
         };
         const onClose = (close) => {
             this.fastify.log.debug({
-                msg: ["Message client closed"],
+                msg: "Message client closed",
                 clientId,
                 close,
             });

package/dist/modules/dev/dev-server/plugins/wss/web-socket-router.js

@@ -24,12 +24,10 @@ class WebSocketRouter {
     constructor(fastify) {
         this.fastify = fastify;
         this.fastify.server.on("upgrade", (request, socket, head) => {
-            console.log("WebSocketRouter upgrade", request.url);
             const { pathname } = new URL(request.url || "", "http://localhost");
             let matched = false;
             for (const server of this.servers) {
                 if (server.shouldUpgrade(pathname)) {
-                    // console.log("WebSocketRouter upgrade matched", pathname);
                     matched = true;
                     server.upgrade(request, socket, head);
                     break;

package/dist/modules/dev/dev-server/plugins/wss/wss.plugin.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigT } from "metro-config";
 import type MetroServer from "metro/src/Server";
 import type { WebSocketServer } from "ws";
-import { WebSocketApiServer } from "./servers/web-socket-api.server";
+import type { WebSocketApiServer } from "./servers/web-socket-api.server";
 import { WebSocketDebuggerServer } from "./servers/web-socket-debugger.server";
 import { WebSocketDevClientServer } from "./servers/web-socket-dev-client.server";
 import type { WebSocketEventsServer } from "./servers/web-socket-events.server";
@@ -37,6 +37,7 @@ export declare const wssPlugin: import("fastify").FastifyPluginCallback<{
     onClientConnected: (platform: string, clientId: string) => void;
     messageServer: WebSocketMessageServer;
     eventsServer: WebSocketEventsServer;
+    apiServer: WebSocketApiServer;
     endpoints: {
         [WS_DEVICE_URL]: WebSocketServer;
         [WS_DEBUGGER_URL]: WebSocketServer;

package/dist/modules/dev/dev-server/plugins/wss/wss.plugin.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.wssPlugin = void 0;
 const fastify_plugin_1 = __importDefault(require("fastify-plugin"));
-const web_socket_api_server_1 = require("./servers/web-socket-api.server");
 const web_socket_debugger_server_1 = require("./servers/web-socket-debugger.server");
 const web_socket_dev_client_server_1 = require("./servers/web-socket-dev-client.server");
 const web_socket_hmr_server_1 = require("./servers/web-socket-hmr.server");
@@ -18,11 +17,10 @@ const web_socket_server_adapter_1 = require("./web-socket-server-adapter");
 const WS_DEVICE_URL = "/inspector/device";
 const WS_DEBUGGER_URL = "/inspector/debug";
 const WS_NETWORK_URL = "/inspector/network";
-exports.wssPlugin = (0, fastify_plugin_1.default)(async (instance, { metroConfig, metroServer, onClientConnected, endpoints, messageServer, eventsServer, }) => {
+exports.wssPlugin = (0, fastify_plugin_1.default)(async (instance, { metroConfig, metroServer, onClientConnected, endpoints, messageServer, eventsServer, apiServer, }) => {
     const router = new web_socket_router_1.WebSocketRouter(instance);
     const debuggerServer = new web_socket_debugger_server_1.WebSocketDebuggerServer(instance);
     const devClientServer = new web_socket_dev_client_server_1.WebSocketDevClientServer(instance);
-    const apiServer = new web_socket_api_server_1.WebSocketApiServer(instance);
     const hmrServer = new web_socket_hmr_server_1.WebSocketHMRServer(instance, {
         metroConfig,
         metroServer,

package/dist/modules/dev/dev-server/sybmolicate/sybmolicate.plugin.d.ts

@@ -0,0 +1,11 @@
+import type { IncomingMessageExtended } from "@fastify/middie";
+import type http from "node:http";
+export type SymbolicateRequest = http.IncomingMessage & IncomingMessageExtended & {
+    rawBody: string;
+};
+export type SymbolicateReply = http.ServerResponse;
+type SymbolicatePluginOptions = {
+    onSymbolicate: (request: SymbolicateRequest, reply: SymbolicateReply) => void;
+};
+export declare const symbolicatePlugin: import("fastify").FastifyPluginCallback<SymbolicatePluginOptions, import("fastify").RawServerDefault, import("fastify").FastifyTypeProviderDefault, import("fastify").FastifyBaseLogger>;
+export {};

package/dist/modules/dev/dev-server/{plugins/symbolicate/sybmolicatePlugin.js → sybmolicate/sybmolicate.plugin.js}

@@ -5,17 +5,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.symbolicatePlugin = void 0;
 const fastify_plugin_1 = __importDefault(require("fastify-plugin"));
-exports.symbolicatePlugin = (0, fastify_plugin_1.default)(async (instance) => {
-    instance.post("/symbolicate", async (request, reply) => {
-        instance.log.info("Symbolicate endpoint hit", request.body);
+exports.symbolicatePlugin = (0, fastify_plugin_1.default)(async (instance, options) => {
+    instance.log.info("Symbolicate plugin registered");
+    instance.use((request, reply, next) => {
+        if (request.url !== "/symbolicate") {
+            next();
+            return;
+        }
+        instance.log.info("symbolicate onRequest", request.url);
         const requestWithBody = request;
         requestWithBody.rawBody = "";
-        requestWithBody.raw.setEncoding("utf8");
-        request.raw.on("data", (chunk) => {
+        requestWithBody.setEncoding("utf8");
+        requestWithBody.on("data", (chunk) => {
             requestWithBody.rawBody += chunk;
         });
-        requestWithBody.raw.on("end", () => {
-            reply.send(requestWithBody.rawBody);
+        requestWithBody.on("end", () => {
+            options.onSymbolicate(requestWithBody, reply);
+            next();
         });
     });
 }, {

package/dist/modules/dev/terminal/terminal.reporter.js

@@ -59,12 +59,14 @@ class TeardownTerminalReporter extends base_terminal_reporter_1.BaseTerminalRepo
         });
     }
     update(event) {
-        super.update(event);
         this.devServer?.reportMetroEvent(event);
         switch (event.type) {
             case "initialize_done":
                 this.devServer.onInitializeDone?.();
                 break;
+            default:
+                super.update(event);
+                break;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teardown/cli",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "description": "Teardown CLI",
   "main": "dist/index.js",
   "bin": {
@@ -20,19 +20,21 @@
   "dependencies": {
     "@babel/code-frame": "^7.26.2",
     "@fastify/compress": "^8.0.1",
+    "@fastify/cors": "^10.0.1",
     "@fastify/middie": "^9.0.2",
     "@fastify/sensible": "^6.0.1",
     "@react-native-community/cli-server-api": "^15.0.1",
-    "@react-native/metro-config": "^0.76.1",
+    "@react-native/dev-middleware": "0.76.1",
+    "@react-native/metro-config": "0.76.1",
     "@types/bun": "^1.1.13",
-    "bun": "^1.1.34",
+    "bun": "1.1.34",
     "chalk": "^5.3.0",
     "cli-progress": "^3.12.0",
     "commander": "^11.0.0",
     "compression": "^1.7.5",
     "connect": "^3.7.0",
     "debug": "^4.3.7",
-    "devtools-protocol": "^0.0.1376744",
+    "devtools-protocol": "^0.0.1380148",
     "fastify": "^5.1.0",
     "fastify-favicon": "^5.0.0",
     "fastify-plugin": "^5.0.1",
@@ -40,6 +42,7 @@
     "metro": "^0.81.0",
     "metro-config": "^0.81.0",
     "metro-core": "^0.81.0",
+    "metro-runtime": "^0.81.0",
     "pretty-format": "^29.7.0",
     "prompts": "^2.4.2",
     "source-map": "^0.7.4"

package/dist/modules/dev/dev-server/plugins/symbolicate/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./sybmolicatePlugin";
-export * from "./types";

package/dist/modules/dev/dev-server/plugins/symbolicate/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./sybmolicatePlugin"), exports);
-__exportStar(require("./types"), exports);

package/dist/modules/dev/dev-server/plugins/symbolicate/sybmolicatePlugin.d.ts

@@ -1 +0,0 @@
-export declare const symbolicatePlugin: (instance: import("fastify").FastifyInstance<import("fastify").RawServerDefault, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault>) => Promise<void>;

package/dist/modules/dev/dev-server/plugins/symbolicate/types.d.ts

@@ -1,64 +0,0 @@
-/**
- * Raw React Native stack frame.
- */
-export interface ReactNativeStackFrame {
-    lineNumber: number | null;
-    column: number | null;
-    file: string | null;
-    methodName: string;
-}
-/**
- * React Native stack frame used as input when processing by {@link Symbolicator}.
- */
-export interface InputStackFrame extends ReactNativeStackFrame {
-    file: string;
-}
-/**
- * Final symbolicated stack frame.
- */
-export interface StackFrame extends InputStackFrame {
-    collapse: boolean;
-}
-/**
- * Represents [@babel/core-frame](https://babeljs.io/docs/en/babel-code-frame).
- */
-export interface CodeFrame {
-    content: string;
-    location: {
-        row: number;
-        column: number;
-    };
-    fileName: string;
-}
-/**
- * Represents results of running {@link process} method on {@link Symbolicator} instance.
- */
-export interface SymbolicatorResults {
-    codeFrame: CodeFrame | null;
-    stack: StackFrame[];
-}
-/**
- * Delegate with implementation for symbolication functions.
- */
-export interface SymbolicatorDelegate {
-    /**
-     * Get source code of file in the URL.
-     *
-     * @param fileUrl A full URL pointing to a file.
-     */
-    getSource: (fileUrl: string) => Promise<string | Buffer>;
-    /**
-     * Get source map for the file in the URL.
-     *
-     * @param fileUrl A full (usually `http:`) URL pointing to a compiled file.
-     * The URL points to a file for which to return source map, not to the source map file itself,
-     * e.g: `http://localhost:8081/index.bundle?platform=ios`.
-     */
-    getSourceMap: (fileUrl: string) => Promise<string | Buffer>;
-    /**
-     * Check if given stack frame should be included in the new symbolicated stack.
-     *
-     * @param frame Stack frame to check.
-     */
-    shouldIncludeFrame: (frame: StackFrame) => boolean;
-}

package/dist/modules/dev/dev-server/plugins/symbolicate/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/modules/dev/dev-server/types.d.ts

@@ -1,27 +0,0 @@
-export type { SymbolicatorDelegate, ReactNativeStackFrame, InputStackFrame, StackFrame, CodeFrame, SymbolicatorResults, } from './plugins/symbolicate';
-/** 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.
- *
- * @internal
- */
-export declare namespace Internal {
-    enum EventTypes {
-        BuildStart = "BuildStart",
-        BuildEnd = "BuildEnd",
-        HmrEvent = "HmrEvent"
-    }
-}

package/dist/modules/dev/dev-server/types.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Internal = void 0;
-/**
- * Internal types. Do not use.
- *
- * @internal
- */
-var Internal;
-(function (Internal) {
-    let EventTypes;
-    (function (EventTypes) {
-        EventTypes["BuildStart"] = "BuildStart";
-        EventTypes["BuildEnd"] = "BuildEnd";
-        EventTypes["HmrEvent"] = "HmrEvent";
-    })(EventTypes = Internal.EventTypes || (Internal.EventTypes = {}));
-})(Internal || (exports.Internal = Internal = {}));