@teardown/react-native 1.2.34 → 1.2.35

package/dist/components/index.js

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

package/dist/components/teardown-logo.js

@@ -0,0 +1,34 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeardownLogo = void 0;
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const TeardownLogo = (props) => {
+    const {} = props;
+    return (<react_native_svg_1.default width="350" height="350" viewBox="0 0 350 350" fill="none" {...props}>
+			<react_native_svg_1.Path fillRule="evenodd" clipRule="evenodd" d="M175.09 345L300 218.574L256.859 174.909L299.821 131.426L174.91 5.00001L50 131.426L93.141 175.091L50.179 218.574L175.09 345ZM114.879 197.093L93.656 218.574L175.09 300.995L256.523 218.574L235.12 196.911L174.91 257.853L114.879 197.093ZM213.382 174.909L174.91 213.848L136.618 175.091L175.09 136.152L213.382 174.909ZM235.12 152.907L175.09 92.147L114.879 153.089L93.477 131.426L174.91 49.005L256.344 131.426L235.12 152.907Z" fill="white"/>
+		</react_native_svg_1.default>);
+};
+exports.TeardownLogo = TeardownLogo;

package/dist/containers/index.js

@@ -0,0 +1,17 @@
+"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("./teardown.container"), exports);

package/dist/containers/teardown.container.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeardownContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const services_1 = require("../services");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const TeardownContainer = (props) => {
+    const { children, client, options } = props;
+    const providedState = services_1.TeardownService.useProvidedState(client);
+    return (<react_native_safe_area_context_1.SafeAreaProvider>
+			<react_native_gesture_handler_1.GestureHandlerRootView>
+				{/* <BottomSheetModalProvider> TODO: Move this into a theme provider/package */}
+				{/*      <TeardownService.Provider value={providedState}>*/}
+				{children}
+				{/*        <DebuggerUi {...options?.debugger} />*/}
+				{/*      </TeardownService.Provider>*/}
+				{/* </BottomSheetModalProvider> */}
+			</react_native_gesture_handler_1.GestureHandlerRootView>
+		</react_native_safe_area_context_1.SafeAreaProvider>);
+};
+exports.TeardownContainer = TeardownContainer;

package/dist/index.js

@@ -0,0 +1,21 @@
+"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 });
+// export * from './components';
+__exportStar(require("./containers"), exports);
+// export * from './services';
+// export * from "./teardown.client";
+__exportStar(require("./plugins"), exports);

package/dist/plugins/http.plugin.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTTPPlugin = void 0;
+const util_1 = require("@teardown/util");
+// @ts-ignore
+const XHRInterceptor_1 = __importDefault(require("react-native/Libraries/Network/XHRInterceptor"));
+const teardown_client_1 = require("../teardown.client");
+class HTTPPlugin extends teardown_client_1.Plugin {
+    client = null;
+    requests = new Map();
+    ignoreURLs;
+    constructor(options = {}) {
+        super({
+            ...options,
+            key: "HTTPPlugin",
+        });
+        this.ignoreURLs = options.ignoreURLs || [];
+    }
+    install(client) {
+        this.client = client;
+        this.enableXHRInterceptor();
+    }
+    enableXHRInterceptor() {
+        // noinspection TypeScriptUnresolvedReference
+        if (XHRInterceptor_1.default.isInterceptorEnabled()) {
+            // this.logger.info(
+            //     'XHRInterceptor is already enabled by another library. Disable it or run this plugin first when your app loads.',
+            // );
+            this.logger.info("XHRInterceptor is already enabled. Teardown overrides the existing interceptor - other plugins may not work as expected.");
+            this.disableInterception();
+        }
+        this.logger.info("Enabling XHRInterceptor");
+        // noinspection TypeScriptUnresolvedReference
+        XHRInterceptor_1.default.setOpenCallback(this.xhrOpenCallback);
+        // noinspection TypeScriptUnresolvedReference
+        XHRInterceptor_1.default.setRequestHeaderCallback(this.xhrRequestHeaderCallback);
+        // noinspection TypeScriptUnresolvedReference
+        XHRInterceptor_1.default.setSendCallback(this.xhrSendCallback);
+        // noinspection TypeScriptUnresolvedReference
+        XHRInterceptor_1.default.setResponseCallback(this.xhrResponseCallback);
+        // noinspection TypeScriptUnresolvedReference
+        XHRInterceptor_1.default.enableInterception();
+        this.logger.info("XHRInterceptor enabled");
+    }
+    disableInterception() {
+        this.logger.info("Disabling XHRInterceptor");
+        XHRInterceptor_1.default.disableInterception();
+        this.requests.clear();
+        this.logger.info("XHRInterceptor disabled");
+    }
+    shouldIgnoreURL(url) {
+        return this.ignoreURLs.some((ignoreRegex) => ignoreRegex.test(url));
+    }
+    xhrOpenCallback = (method, url, xhr) => {
+        if (this.shouldIgnoreURL(url)) {
+            return;
+        }
+        const requestId = util_1.Util.generateUUID();
+        const HTTPRequestInfo = {
+            id: requestId,
+            type: "XMLHttpRequest",
+            url,
+            method: method,
+            requestHeaders: { "TD-Request-ID": requestId },
+            startTime: performance.now(),
+            updatedAt: performance.now(),
+        };
+        this.requests.set(xhr._id, HTTPRequestInfo);
+    };
+    xhrRequestHeaderCallback = (header, value, xhr) => {
+        const request = this.requests.get(xhr._id);
+        if (request) {
+            request.requestHeaders[header] = value;
+            request.updatedAt = performance.now();
+        }
+    };
+    xhrSendCallback = (data, xhr) => {
+        const request = this.requests.get(xhr._id);
+        if (request) {
+            xhr.setRequestHeader("TD-Request-ID", request.id);
+            request.dataSent = this.serializeRequestBody(data);
+            request.updatedAt = performance.now();
+            this.sendHTTPEvent(request);
+        }
+    };
+    serializeRequestBody(data) {
+        if (typeof data === "string") {
+            return data;
+        }
+        try {
+            return JSON.stringify(data);
+        }
+        catch (error) {
+            this.logger.warn("Failed to stringify request body", error);
+            return "[Unable to serialize request body]";
+        }
+    }
+    xhrResponseCallback = (status, timeout, response, responseURL, responseType, xhr) => {
+        const request = this.requests.get(xhr._id);
+        if (request) {
+            request.status = status;
+            request.responseHeaders = this.parseResponseHeaders(xhr.getAllResponseHeaders());
+            request.response = this.parseResponseBody(response, responseType);
+            request.responseURL = responseURL;
+            request.responseType = responseType;
+            request.timeout = timeout;
+            request.endTime = performance.now();
+            request.updatedAt = performance.now();
+            this.sendHTTPEvent(request);
+            this.requests.delete(xhr._id);
+        }
+    };
+    parseResponseHeaders(headersString) {
+        const headersObject = {};
+        if (headersString) {
+            const headerPairs = headersString.trim().split(/[\r\n]+/);
+            headerPairs.forEach((headerPair) => {
+                const [key, value] = headerPair.split(": ");
+                headersObject[key] = value;
+            });
+        }
+        return headersObject;
+    }
+    parseResponseBody(response, responseType) {
+        if (responseType === "json") {
+            try {
+                return JSON.stringify(JSON.parse(response), null, 2);
+            }
+            catch (error) {
+                this.logger.warn("Failed to parse JSON response", error);
+            }
+        }
+        return response;
+    }
+    sendHTTPEvent(httpRequestInfo) {
+        // if (this.client?.debugger) {
+        // 	this.client.debugger.send("NETWORK_HTTP_REQUEST", httpRequestInfo);
+        // }
+    }
+}
+exports.HTTPPlugin = HTTPPlugin;

package/dist/plugins/index.js

@@ -0,0 +1,19 @@
+"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("./http.plugin"), exports);
+// export * from './websocket.plugin';
+__exportStar(require("./logging.plugin"), exports);

package/dist/plugins/logging.plugin.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoggingPlugin = void 0;
+const methods = ["log", "warn", "error", "debug", "info"];
+class LoggingPlugin {
+    client = null;
+    originalConsoleMethods = {};
+    createConsoleProxy(method) {
+        const original = console[method];
+        return new Proxy(original, {
+            apply: (target, thisArg, args) => {
+                target.apply(thisArg, args);
+                // this.client?.debugger?.send("CONSOLE_LOG", {
+                // 	type: method,
+                // 	args,
+                // });
+            },
+        });
+    }
+    constructor() {
+        methods.forEach((method) => {
+            this.originalConsoleMethods[method] = console[method];
+            console[method] = this.createConsoleProxy(method);
+        });
+    }
+    install(client) {
+        this.client = client;
+    }
+    uninstall() {
+        methods.forEach((method) => {
+            console[method] = this.originalConsoleMethods[method];
+        });
+    }
+}
+exports.LoggingPlugin = LoggingPlugin;

package/dist/plugins/websocket.plugin.js

@@ -0,0 +1,107 @@
+"use strict";
+// @ts-ignore
+Object.defineProperty(exports, "__esModule", { value: true });
+// export class WebSocketPlugin implements IPlugin {
+// 	private logger = new Logger("WebSocketPlugin");
+// 	private client: TeardownClient<any> | null = null;
+// 	private sockets: Map<string, WebSocketInfo> = new Map();
+// 	constructor() {
+// 		this.setupWebSocketInterceptor();
+// 	}
+// 	install(client: TeardownClient<any>): void {
+// 		this.client = client;
+// 	}
+// 	private setupWebSocketInterceptor(): void {
+// 		if (WebSocketInterceptor.isInterceptorEnabled()) {
+// 			this.logger.warn(
+// 				"WebSocketInterceptor is already enabled by another library, disable it or run this first when your app loads",
+// 			);
+// 			this.disableInterception();
+// 		}
+// 		WebSocketInterceptor.setConnectCallback(this.wsConnectCallback);
+// 		WebSocketInterceptor.setSendCallback(this.wsSendCallback);
+// 		WebSocketInterceptor.setOnMessageCallback(this.wsOnMessageCallback);
+// 		WebSocketInterceptor.setOnCloseCallback(this.wsOnCloseCallback);
+// 		WebSocketInterceptor.enableInterception();
+// 		this.logger.log("WebSocketInterceptor enabled");
+// 	}
+// 	private wsConnectCallback = (
+// 		url: string,
+// 		protocols: string | string[] | undefined,
+// 		options: Object,
+// 		socketId: string,
+// 	): void => {
+// 		const requestId = Util.generateUUID();
+// 		const socketInfo: WebSocketInfo = {
+// 			id: requestId,
+// 			url,
+// 			protocols,
+// 			timestamp: performance.now(),
+// 		};
+// 		this.sockets.set(socketId, socketInfo);
+// 		this.sendOpenEvent(socketInfo);
+// 	};
+// 	private wsSendCallback = (
+// 		data: string | ArrayBuffer | ArrayBufferView,
+// 		socketId: string,
+// 	): void => {
+// 		const socket = this.sockets.get(socketId);
+// 		if (socket) {
+// 			const messageInfo: WebSocketMessageInfo = {
+// 				id: socket.id,
+// 				data: "", // TODO: Currently getting array buffer length errors here when sending data
+// 				timestamp: performance.now(),
+// 				direction: "sent",
+// 			};
+// 			console.log("messageInfo", messageInfo);
+// 			// this.sendMessageEvent(messageInfo);
+// 		}
+// 	};
+// 	private wsOnMessageCallback = (
+// 		socketId: string,
+// 		message: WebSocketMessageEvent,
+// 	): void => {
+// 		const socket = this.sockets.get(socketId);
+// 		if (socket) {
+// 			const messageInfo: WebSocketMessageInfo = {
+// 				id: socket.id,
+// 				data: "", // TODO: Currently getting array buffer length errors here when sending data
+// 				timestamp: performance.now(),
+// 				direction: "received",
+// 			};
+// 			this.sendMessageEvent(messageInfo);
+// 		}
+// 	};
+// 	private wsOnCloseCallback = (socketId: string, event: any): void => {
+// 		const socket = this.sockets.get(socketId);
+// 		if (socket) {
+// 			const closeInfo: WebSocketCloseInfo = {
+// 				id: socket.id,
+// 				code: event.code,
+// 				reason: event.reason,
+// 				timestamp: performance.now(),
+// 			};
+// 			this.sendCloseEvent(closeInfo);
+// 			this.sockets.delete(socketId);
+// 		}
+// 	};
+// 	private sendOpenEvent(info: WebSocketInfo): void {
+// 		// if (this.client && this.client.debugger) {
+// 		// 	this.client.debugger.send("NETWORK_WEBSOCKET_OPEN", info);
+// 		// }
+// 	}
+// 	private sendMessageEvent(info: WebSocketMessageInfo): void {
+// 		// if (this.client && this.client.debugger) {
+// 		// 	this.client.debugger.send("NETWORK_WEBSOCKET_MESSAGE", info);
+// 		// }
+// 	}
+// 	private sendCloseEvent(info: WebSocketCloseInfo): void {
+// 		// if (this.client && this.client.debugger) {
+// 		// 	this.client.debugger.send("NETWORK_WEBSOCKET_CLOSE", info);
+// 		// }
+// 	}
+// 	disableInterception(): void {
+// 		WebSocketInterceptor.disableInterception();
+// 		this.sockets.clear();
+// 	}
+// }

package/dist/services/index.js

@@ -0,0 +1,17 @@
+"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("./teardown.service"), exports);

package/dist/services/teardown.service.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeardownService = void 0;
+const react_1 = require("react");
+const Context = (0, react_1.createContext)(null);
+exports.TeardownService = {
+    Context,
+    Provider: Context.Provider,
+    useState() {
+        const state = (0, react_1.useContext)(Context);
+        if (state == null) {
+            throw new Error("TeardownService not found");
+        }
+        return state;
+    },
+    useProvidedState(client) {
+        return {
+            client
+        };
+    },
+};

package/dist/teardown.client.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTeardownClient = exports.TeardownClient = exports.Plugin = void 0;
+const logger_1 = require("@teardown/logger");
+class Plugin {
+    logger;
+    constructor(options) {
+        this.logger = new logger_1.Logger(options.key, options.debug ?? false);
+    }
+}
+exports.Plugin = Plugin;
+class TeardownClient {
+    options;
+    logger;
+    plugins = new Map();
+    api = {};
+    constructor(options) {
+        this.options = options;
+        this.logger = new logger_1.Logger("TeardownClient", options?.loggingEnabled ?? false);
+        // options?.plugins?.forEach(([key, plugin]) => {
+        // 	this.plugins.set(key, plugin);
+        // });
+        this.installPlugin();
+    }
+    installPlugin() {
+        this.logger.log("Installing plugins");
+        this.plugins.forEach((plugin, key) => {
+            plugin.install?.(this);
+            this.api[key] = plugin;
+        });
+        this.logger.log("Plugins installed");
+    }
+    uninstallPlugin(key) {
+        const plugin = this.plugins.get(key);
+        if (plugin) {
+            plugin.uninstall?.();
+            this.plugins.delete(key);
+            delete this.api[key];
+        }
+    }
+    uninstallAllPlugins() {
+        this.plugins.forEach((_, key) => this.uninstallPlugin(key));
+    }
+    reinstallPlugins() {
+        this.uninstallAllPlugins();
+        this.installPlugin();
+    }
+    shutdown() {
+        this.uninstallAllPlugins();
+    }
+}
+exports.TeardownClient = TeardownClient;
+const createTeardownClient = (plugins) => {
+    return new TeardownClient({
+        loggingEnabled: true,
+        plugins,
+    });
+};
+exports.createTeardownClient = createTeardownClient;

package/dist/utils/log.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Log = void 0;
+exports.Log = {
+    info: (...args) => console.log(...args),
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teardown/react-native",
-  "version": "1.2.34",
+  "version": "1.2.35",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -16,9 +16,9 @@
   "dependencies": {
     "@react-native/dev-middleware": "^0.76.1",
     "@teardown/cli": "^1.2.20",
-    "@teardown/logger": "1.2.34",
-    "@teardown/util": "1.2.34",
-    "@teardown/websocket": "1.2.34",
+    "@teardown/logger": "1.2.35",
+    "@teardown/util": "1.2.35",
+    "@teardown/websocket": "1.2.35",
     "async-mutex": "^0.5.0",
     "chalk": "^5.3.0",
     "compression": "^1.7.5",
@@ -28,7 +28,7 @@
     "ws": "^8.18.0"
   },
   "devDependencies": {
-    "@teardown/config": "1.2.34",
+    "@teardown/config": "1.2.35",
     "@types/compression": "^1.7.5",
     "@types/connect": "^3.4.38",
     "@types/react": "^18.3.12",