@teardown/cli 1.2.30 → 1.2.31

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

@@ -2,10 +2,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 { Inspector } from "./inspector/inspector";
 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 { Inspector } from "./inspector/inspector";
 export type DevServerOptions = {
     projectRoot: string;
     host: string;
@@ -32,16 +32,12 @@ export declare class DevServer {
     onInitializeDone(): void;
     reportMetroEvent(event: TerminalReportableEvent): void;
     private onBundleBuilt;
-    private onMessage;
     private onClientConnected;
     private loadMetroConfig;
     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

@@ -16,6 +16,7 @@ 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 inspector_1 = require("./inspector/inspector");
 const devtools_plugin_1 = require("./plugins/devtools.plugin");
 const favicon_plugin_1 = require("./plugins/favicon.plugin");
 const multipart_plugin_1 = require("./plugins/multipart.plugin");
@@ -25,7 +26,6 @@ const web_socket_api_server_1 = require("./plugins/wss/servers/web-socket-api.se
 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 sybmolicate_plugin_1 = require("./sybmolicate/sybmolicate.plugin");
-const inspector_1 = require("./inspector/inspector");
 class DevServer {
     config;
     terminalReporter;
@@ -67,7 +67,7 @@ class DevServer {
             return;
         }
         const log = JSON.parse(chunk.toString());
-        this.onMessage(log);
+        this.apiServer.send(log);
         callback();
     }
     getDevServerUrl() {
@@ -78,6 +78,10 @@ class DevServer {
         this.keyboardHandler.initialize();
     }
     reportMetroEvent(event) {
+        this.apiServer.send({
+            type: "metro_event",
+            event,
+        });
         switch (event.type) {
             case "client_log":
                 this.eventsServer.broadcastEvent(event);
@@ -86,16 +90,7 @@ class DevServer {
     }
     onBundleBuilt(bundlePath) {
         // console.log("onBundleBuilt", bundlePath);
-        this.messageServer.broadcast("reload");
-    }
-    onMessage(log) {
-        this.apiServer.send(log);
-        // console.log(log.msg, log.level);
-        // this.terminalReporter.update({
-        // 	type: "client_log",
-        // 	level: "info",
-        // 	data: [log.msg],
-        // });
+        // this.messageServer.broadcast("reload");
     }
     onClientConnected(platform, clientId) {
         // this.messageServer.broadcast("reload", undefined, []);
@@ -196,36 +191,13 @@ class DevServer {
             watchFolders: [this.config.projectRoot],
         }));
         this.instance.use(serverInstance.metroServer.processRequest);
-        this.instance.use(inspector.handleHttpRequest);
+        this.instance.use((req, resp, next) => this.inspector.handleHttpRequest(req, resp, 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) {
-        this.instance.log.info("Device -> Debugger", {
-            message,
-        });
-        connection.debugger.sendMessage(message);
-        return true;
-    }
-    onDebuggerMessage(connection, message) {
-        this.instance.log.info("Debugger -> Device", {
-            message,
-        });
-        connection.device.sendMessage(message);
-        return true;
-    }
     registerHooks() {
         this.instance.log.info("Registering hooks");
         this.instance = this.instance.addHook("onSend", async (request, reply, payload) => {

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

@@ -17,7 +17,7 @@ export declare class Inspector {
     private readonly cdpAdapter?;
     constructor(options: InspectorOptions);
     getPageDescriptions(): PageDescription[];
-    handleHttpRequest: (req: IncomingMessage, res: ServerResponse, next: (error?: Error) => void) => void;
+    handleHttpRequest(req: IncomingMessage, res: ServerResponse, next: (error?: Error) => void): void;
     createWebSocketServers(): Record<string, WebSocketServer>;
     private createPageDescription;
     private createDeviceWebSocketServer;

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

@@ -28,8 +28,6 @@ class Inspector {
         this.serverBaseUrl = options.serverBaseUrl;
         this.eventReporter = options.eventReporter;
         this.cdpAdapter = options.cdpAdapter;
-        this.handleHttpRequest = this.handleHttpRequest.bind(this);
-        this.sendJsonResponse = this.sendJsonResponse.bind(this);
     }
     getPageDescriptions() {
         const descriptions = [];
@@ -41,8 +39,9 @@ class Inspector {
         }
         return descriptions;
     }
-    handleHttpRequest = (req, res, next) => {
+    handleHttpRequest(req, res, next) {
         const pathname = new node_url_1.URL(req.url || "", "http://localhost").pathname;
+        console.log("handleHttpRequest", { pathname });
         if (pathname === JSON_LIST_PATH || pathname === JSON_LIST_PATH_2) {
             this.sendJsonResponse(res, this.getPageDescriptions());
         }
@@ -55,7 +54,7 @@ class Inspector {
         else {
             next();
         }
-    };
+    }
     createWebSocketServers() {
         return {
             [WS_DEVICE_PATH]: this.createDeviceWebSocketServer(),
@@ -191,7 +190,7 @@ class Inspector {
             resetHeartbeat();
         });
     }
-    sendJsonResponse = (res, data) => {
+    sendJsonResponse(res, data) {
         const json = JSON.stringify(data, null, 2);
         res.writeHead(200, {
             "Content-Type": "application/json; charset=UTF-8",
@@ -200,6 +199,6 @@ class Inspector {
             Connection: "close",
         });
         res.end(json);
-    };
+    }
 }
 exports.Inspector = Inspector;

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

@@ -4,15 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.faviconPlugin = void 0;
+const fastify_favicon_1 = __importDefault(require("fastify-favicon"));
 const fastify_plugin_1 = __importDefault(require("fastify-plugin"));
 const node_path_1 = __importDefault(require("node:path"));
 const node_url_1 = require("node:url");
 // @ts-ignore
 const dirname = node_path_1.default.dirname((0, node_url_1.fileURLToPath)(import.meta.url));
+console.log("dirname", dirname);
 const pathToImgDir = node_path_1.default.join(dirname, "../img");
 exports.faviconPlugin = (0, fastify_plugin_1.default)(async (instance) => {
-    console.log("pathToImgDir", pathToImgDir);
-    // instance.register(fastifyFavicon, { path: pathToImgDir });
+    instance.register(fastify_favicon_1.default, { path: pathToImgDir });
 }, {
     name: "favicon-plugin",
 });

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

@@ -1,6 +1,11 @@
 import type { FastifyInstance } from "fastify";
+import type { TerminalReportableEvent } from "metro/src/lib/TerminalReporter";
 import type WebSocket from "ws";
 import { WebSocketServer } from "../web-socket-server";
+export type WebSocketApiEvent = {
+    type: "metro_event";
+    event: TerminalReportableEvent;
+};
 /**
  * Class for creating a WebSocket server for API clients.
  * Useful to listening for compilation events and new logs.
@@ -22,7 +27,7 @@ export declare class WebSocketApiServer extends WebSocketServer {
      *
      * @param event Event string or object to send.
      */
-    send(event: unknown): void;
+    send(event: unknown | WebSocketApiEvent): void;
     /**
      * Process new WebSocket connection from client application.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teardown/cli",
-  "version": "1.2.30",
+  "version": "1.2.31",
   "description": "Teardown CLI",
   "main": "dist/index.js",
   "bin": {