@wutiange/log-listener-plugin 1.3.0-alpha.3 → 1.3.0-alpha.6

package/src/HTTPInterceptor.ts

@@ -1,319 +0,0 @@
-// @ts-ignore
-import XHRInterceptor from 'react-native/Libraries/Network/XHRInterceptor';
-// @ts-ignore
-import BlobFileReader from 'react-native/Libraries/Blob/FileReader';
-
-type StartNetworkLoggingOptions = {
-  /** List of hosts to ignore, e.g. `services.test.com` */
-  ignoredHosts?: string[];
-  /** List of urls to ignore, e.g. `https://services.test.com/test` */
-  ignoredUrls?: string[];
-  /**
-   * List of url patterns to ignore, e.g. `/^GET https://test.com\/pages\/.*$/`
-   *
-   * Url to match with is in the format: `${method} ${url}`, e.g. `GET https://test.com/pages/123`
-   */
-  ignoredPatterns?: RegExp[];
-  /**
-   * Force the network logger to start even if another program is using the network interceptor
-   * e.g. a dev/debuging program
-   */
-  forceEnable?: boolean;
-};
-
-interface HttpRequestInfo {
-  id: string;
-  method: RequestMethod;
-  url: string;
-  timeout: number;
-  requestHeaders: Record<string, string>;
-  requestData: string;
-  startTime: number;
-  endTime: number;
-  responseHeaders: Headers;
-  responseData: string;
-  status: number;
-  duration: number;
-  responseContentType: string;
-  responseSize: number;
-  responseURL: string;
-  responseType: string;
-}
-
-type RequestMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-
-type XHR = {
-  uniqueId: string;
-  responseHeaders?: Headers;
-};
-
-type EventName =
-  | 'open'
-  | 'requestHeader'
-  | 'headerReceived'
-  | 'send'
-  | 'response';
-
-const extractHost = (url: string) => {
-  const host = url.split('//')[1]?.split(':')[0]?.split('/')[0] || undefined;
-
-  return host;
-};
-
-const generateUniqueId = () => {
-  return Date.now().toString(36) + Math.random().toString(36).substr(2);
-};
-
-const parseResponseBlob = async (response: string) => {
-  const blobReader = new BlobFileReader();
-  blobReader.readAsText(response);
-
-  return await new Promise<string>((resolve, reject) => {
-    const handleError = () => reject(blobReader.error);
-
-    blobReader.addEventListener('load', () => {
-      resolve(blobReader.result);
-    });
-    blobReader.addEventListener('error', handleError);
-    blobReader.addEventListener('abort', handleError);
-  });
-}
-
-const getResponseBody = async (responseType: string, response: string) => {
-  try {
-    const body = await (responseType !== 'blob'
-      ? response
-      : parseResponseBlob(response));
-    return JSON.parse(body)
-  } catch (error) {
-    return null
-  }
-}
-
-class HTTPInterceptor {
-  private static _index = 0;
-  private ignoredHosts: Set<string> | undefined;
-  private ignoredUrls: Set<string> | undefined;
-  private ignoredPatterns: RegExp[] | undefined;
-  // 只保存正在请求中的
-  private allRequests = new Map<string, Partial<HttpRequestInfo>>();
-
-  private userListeners: [
-    EventName,
-    (data: Partial<HttpRequestInfo>) => Promise<void> | void,
-  ][] = [];
-
-  private enabled = false;
-
-  addListener = (
-    eventName: EventName,
-    listener: (data: Partial<HttpRequestInfo>) => Promise<void> | void,
-  ) => {
-    // 如果之前已经订阅过了就过滤掉
-    if (
-      this.userListeners.find(
-        ([name, tempListener]) =>
-          name === eventName && tempListener === listener,
-      )
-    ) {
-      return;
-    }
-    this.userListeners.push([eventName, listener]);
-
-    return () => {
-      this.userListeners = this.userListeners.filter(
-        ([name, tempListener]) =>
-          name !== eventName || tempListener !== listener,
-      );
-    };
-  };
-
-  removeListener = (
-    eventName: EventName,
-    listener: (data: Partial<HttpRequestInfo>) => Promise<void> | void,
-  ) => {
-    this.userListeners = this.userListeners.filter(
-      ([name, tempListener]) => name !== eventName || tempListener !== listener,
-    );
-  };
-
-  removeAllListener() {
-    this.userListeners = [];
-  }
-
-  private listenerHandle = (
-    eventName: EventName,
-    data: Partial<HttpRequestInfo>,
-  ) => {
-    this.userListeners.forEach(async ([name, listener]) => {
-      if (name === eventName) {
-        await listener(data);
-      }
-    });
-  };
-
-  
-
-  private openHandle = (method: RequestMethod, url: string, xhr: XHR) => {
-    if (this.ignoredHosts) {
-      const host = extractHost(url);
-      if (host && this.ignoredHosts.has(host)) {
-        return;
-      }
-    }
-    if (this.ignoredUrls && this.ignoredUrls.has(url)) {
-      return;
-    }
-
-    if (this.ignoredPatterns) {
-      if (
-        this.ignoredPatterns.some(pattern => pattern.test(`${method} ${url}`))
-      ) {
-        return;
-      }
-    }
-    xhr.uniqueId = HTTPInterceptor._index + generateUniqueId();
-    const newRequest = {
-      id: xhr.uniqueId,
-      method,
-      url,
-    };
-    this.allRequests.set(xhr.uniqueId, newRequest);
-    this.listenerHandle('open', newRequest);
-  };
-
-  private requestHeaderHandle = (header: string, value: string, xhr: XHR) => {
-    const currentRequest = this.allRequests.get(xhr.uniqueId);
-    if (!currentRequest) {
-      return;
-    }
-    if (!currentRequest.requestHeaders) {
-      currentRequest.requestHeaders = {};
-    }
-    currentRequest.requestHeaders[header] = value;
-    this.listenerHandle('requestHeader', currentRequest);
-  };
-
-  private headerReceivedHandle = (
-    responseContentType: string,
-    responseSize: number,
-    responseHeaders: Headers,
-    xhr: XHR,
-  ) => {
-    const currentRequest = this.allRequests.get(xhr.uniqueId);
-    if (!currentRequest) {
-      return;
-    }
-    currentRequest.responseContentType = responseContentType;
-    currentRequest.responseSize = responseSize;
-    currentRequest.responseHeaders = xhr.responseHeaders;
-    this.listenerHandle('headerReceived', currentRequest);
-  };
-
-  private responseHandle = async (
-    status: number,
-    timeout: number,
-    response: string,
-    responseURL: string,
-    responseType: string,
-    xhr: XHR,
-  ) => {
-    const currentRequest = this.allRequests.get(xhr.uniqueId);
-    if (!currentRequest) {
-      return;
-    }
-    currentRequest.endTime = Date.now();
-    currentRequest.status = status;
-    currentRequest.timeout = timeout;
-    currentRequest.responseData = await getResponseBody(responseType, response);
-    currentRequest.responseURL = responseURL;
-    currentRequest.responseType = responseType;
-    currentRequest.duration =
-      currentRequest.endTime - (currentRequest.startTime ?? 0);
-    this.listenerHandle('response', currentRequest);
-    this.allRequests.delete(xhr.uniqueId);
-  };
-
-  private sendHandle = (data: string, xhr: XHR) => {
-    const currentRequest = this.allRequests.get(xhr.uniqueId);
-    if (!currentRequest) {
-      return;
-    }
-    try {
-      currentRequest.requestData = JSON.parse(data);
-    } catch (error) {
-      currentRequest.requestData = null;
-    }
-    currentRequest.startTime = Date.now();
-    this.listenerHandle('send', currentRequest);
-  };
-
-  enable = (options?: StartNetworkLoggingOptions) => {
-    try {
-      if (
-        this.enabled ||
-        (XHRInterceptor.isInterceptorEnabled() && !options?.forceEnable)
-      ) {
-        if (!this.enabled) {
-          console.warn(
-            'network interceptor has not been enabled as another interceptor is already running (e.g. another debugging program). Use option `forceEnable: true` to override this behaviour.',
-          );
-        }
-        return;
-      }
-
-      if (options?.ignoredHosts) {
-        if (
-          !Array.isArray(options.ignoredHosts) ||
-          typeof options.ignoredHosts[0] !== 'string'
-        ) {
-          console.warn(
-            'ignoredHosts must be an array of strings. The logger has not been started.',
-          );
-          return;
-        }
-        this.ignoredHosts = new Set(options.ignoredHosts);
-      }
-
-      if (options?.ignoredPatterns) {
-        this.ignoredPatterns = options.ignoredPatterns;
-      }
-
-      if (options?.ignoredUrls) {
-        if (
-          !Array.isArray(options.ignoredUrls) ||
-          typeof options.ignoredUrls[0] !== 'string'
-        ) {
-          console.warn(
-            'ignoredUrls must be an array of strings. The logger has not been started.',
-          );
-          return;
-        }
-        this.ignoredUrls = new Set(options.ignoredUrls);
-      }
-      XHRInterceptor.setOpenCallback(this.openHandle);
-      XHRInterceptor.setRequestHeaderCallback(this.requestHeaderHandle);
-      XHRInterceptor.setHeaderReceivedCallback(this.headerReceivedHandle);
-      XHRInterceptor.setSendCallback(this.sendHandle);
-      XHRInterceptor.setResponseCallback(this.responseHandle);
-      XHRInterceptor.enableInterception();
-      this.enabled = true;
-    } catch (error) {}
-  };
-
-  disable = () => {
-    if (!this.enabled) {
-      return;
-    }
-    XHRInterceptor.disableInterception();
-    this.enabled = false;
-  }
-}
-
-const httpInterceptor = new HTTPInterceptor();
-export {
-  type StartNetworkLoggingOptions,
-  httpInterceptor,
-  type EventName,
-  type RequestMethod,
-};

package/src/__tests__/console.test.ts

@@ -1,26 +0,0 @@
-import '../../console'
-import logger from '../../index'
-describe("重写日志", () => {
-  it("log 没有提前设置 url", () => {
-    console.log("log 是否正常打印")
-    expect(1).toBe(1)
-  })
-
-  it("log 提前设置了 url", () => {
-    logger.setBaseUrl("http://192.168.118.103")
-    console.log("log 是否正常打印")
-    expect(1).toBe(1)
-  })
-
-  it('warn', () => {
-    logger.setBaseUrl("http://192.168.118.103")
-    console.warn("warn 是否正常打印")
-    expect(1).toBe(1)
-  })
-
-  it('error', () => {
-    logger.setBaseUrl("http://192.168.118.103")
-    console.error("error 是否正常打印")
-    expect(1).toBe(1)
-  })
-})

package/src/common.ts

@@ -1,4 +0,0 @@
-export const [log, warn, error] = [console.log, console.warn, console.error];
-
-// @ts-ignore
-export const tempFetch = global.fetch as typeof fetch;

package/src/logPlugin.ts

@@ -1,238 +0,0 @@
-import Server from './server';
-import { extractDomain } from './utils';
-import { httpInterceptor } from './HTTPInterceptor';
-
-class LogPlugin {
-  private server: Server | null = null;
-  private baseData: Record<string, any> = {};
-  private timeout: number | null = null;
-  private host = '';
-  private isAuto = false
-
-  auto = () => {
-    if (this.host) {
-      this.startRecordNetwork();
-      this.startRecordLog();
-    }
-    this.isAuto = true
-  }
-
-  unAuto = () => {
-    this.stopRecordLog()
-    httpInterceptor.disable()
-    httpInterceptor.removeAllListener()
-    this.isAuto = false
-  }
-
-  startRecordLog = () => {
-    const common = require('./common')
-    console.log = (...data: any[]) => {
-      this.log(...data);
-      common.log(...data);
-    };
-
-    console.warn = (...data: any[]) => {
-      this.warn(...data);
-      common.warn(...data);
-    };
-
-    console.error = (...data: any[]) => {
-      this.error(...data);
-      common.error(...data);
-    };
-  }
-
-  stopRecordLog = () => {
-    const common = require('./common')
-    console.log = common.log
-    console.warn = common.warn
-    console.error = common.error
-  }
-
-  startRecordNetwork = () => {
-    httpInterceptor.addListener("send", (data) => {
-      this.server?.network({
-        ...this.baseData,
-        url: data.url,
-        id: data.id,
-        method: data.method,
-        headers: data.requestHeaders,
-        body: data.requestData,
-        createTime: data.startTime
-      })
-    })
-    httpInterceptor.addListener("response", (data) => {
-      this.server?.network({
-        ...this.baseData,
-        headers: data.responseHeaders,
-        body: data.responseData,
-        requestId: data.id,
-        statusCode: data.status,
-        endTime: data.endTime
-      })
-    })
-    httpInterceptor.enable({
-      ignoredHosts: [extractDomain(this.host)]
-    })
-  }
-
-  setBaseUrl = (url: string) => {
-    if (!url?.trim()) {
-      httpInterceptor.disable()
-      this.stopRecordLog()
-      return
-    }
-    this.host = url.includes("http") ? url : `http://${url}`;
-    if (this.server) {
-      this.server.updateUrl(url);
-    } else {
-      this.server = new Server(url);
-    }
-    if (this.isAuto) {
-      this.startRecordNetwork();
-      this.startRecordLog()
-    }
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  setTimeout = (timeout: number) => {
-    if (typeof timeout === 'number') {
-      this.timeout = timeout;
-      this.server?.updateTimeout(this.timeout);
-    }
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  getTimeout = () => {
-    if (typeof this.timeout === 'number') {
-      return this.timeout;
-    }
-    return null;
-  }
-
-  setBaseData = (data: Record<string, any> = {}) => {
-    this.baseData = data;
-  }
-
-  private _log = (level: string, tag: string, ...data: any[]) => {
-    const sendData = {
-      ...this.baseData,
-      message: data,
-      tag,
-      level: level ?? 'log',
-      createTime: Date.now(),
-    };
-    this.server?.log(sendData);
-  }
-
-  tag = (tag: string, ...data: any[]) => {
-    this._log('log', tag, ...data);
-  }
-
-  log = (...data: any[]) => {
-    this._log('log', 'default', ...data);
-  }
-
-  warn = (...data: any[]) => {
-    this._log('warn', 'default', ...data);
-  }
-
-  error = (...data: any[]) => {
-    this._log('error', 'default', ...data);
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  uniqueReq = async (
-    uniqueId: string | undefined,
-    input: RequestInfo | URL,
-    init?: RequestInit
-  ) => {
-    let url: string | null = null;
-    let method = init?.method ?? 'get';
-    let headers = init?.headers;
-    let body = init?.body;
-    if (input instanceof Request) {
-      url = input.url;
-      method = input.method ?? 'get';
-      headers = (input.headers as Record<string, any>).map;
-      body = input.body;
-    } else if (input instanceof URL) {
-      url = input.href;
-    } else {
-      url = input;
-    }
-    return this.server?.network({
-      ...this.baseData,
-      url,
-      id: uniqueId,
-      method,
-      headers,
-      body,
-      createTime: Date.now(),
-    });
-  }
-
-  private _res = async (uniqueId?: string, id?: number, response?: Response) => {
-    const body = await response?.text();
-    return this.server?.network({
-      ...this.baseData,
-      headers: (response?.headers as Record<string, any>).map,
-      body,
-      requestId: uniqueId ?? Number(id),
-      statusCode: response?.status,
-      endTime: Date.now(),
-    });
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  resTimeout = async (uniqueId: string) => {
-    return this.server?.network({
-      ...this.baseData,
-      isTimeout: true,
-      requestId: uniqueId,
-    });
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  resResponseError = async (uniqueId: string) => {
-    return this.server?.network({
-      ...this.baseData,
-      isResponseError: true,
-      requestId: uniqueId,
-    });
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  uniqueRes = async (uniqueId: string, response?: Response) => {
-    return this._res(uniqueId, undefined, response);
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  req = async (input: RequestInfo | URL, init?: RequestInit) => {
-    return this.uniqueReq(undefined, input, init);
-  }
-
-  /**
-   * @deprecated 不需要手动上报，日志插件会自动收集日志
-   */
-  res = async (id: number, response?: Response) => {
-    return this._res(undefined, id, response);
-  }
-}
-const logPlugin = new LogPlugin();
-export { LogPlugin };
-export default logPlugin;

package/src/server.ts

@@ -1,66 +0,0 @@
-import {hasPort, sleep} from './utils';
-const DEFAULT_PORT = 27751
-class Server {
-  private baseUrl = '';
-  private timeout: number;
-
-  constructor(url: string, timeout: number = 3000) {
-    this.updateUrl(url);
-    this.timeout = timeout;
-  }
-
-  updateTimeout(timeout = 3000) {
-    this.timeout = timeout;
-  }
-
-  private getPort() {
-    if (hasPort(this.baseUrl)) {
-      return ''
-    }
-    return DEFAULT_PORT;
-  }
-
-  private async send(path: string, data: Record<string, any>) {
-    try {
-      if (!this.baseUrl) {
-        return null;
-      }
-      const common = require('./common');
-      const result = await Promise.race([
-        common.tempFetch(`${this.baseUrl}:${this.getPort()}/${path}`, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json;charset=utf-8',
-          },
-          body: JSON.stringify(data, (_, val) => {
-            if (val instanceof Error) {
-              return val.toString();
-            }
-            return val;
-          }),
-        }),
-        sleep(this.timeout, true),
-      ]);
-      if (result instanceof Response) {
-        return result.text();
-      }
-      return null;
-    } catch (error) {
-      return null;
-    }
-  }
-
-  updateUrl(url: string) {
-    this.baseUrl = url;
-  }
-
-  async log(data: Record<string, any>) {
-    return this.send('log', data);
-  }
-
-  async network(data: Record<string, any>) {
-    return this.send('network', data);
-  }
-}
-
-export default Server;

package/src/utils.ts

@@ -1,47 +0,0 @@
-export function sleep(ms: number, isReject: boolean = false) {
-  return new Promise((resolve, reject) => {
-    setTimeout(isReject ? () => reject({
-      code: 11001,
-      key: '@wutiange/log-listener-plugin%%timeout',
-      msg: 'Timeout'
-    }) : resolve, ms)
-  })
-}
-
-export function extractDomain(url: string) {
-  // 如果 url 是空的或不是字符串，直接返回
-  if (!url || typeof url !== 'string') {
-    return url;
-  }
-
-  // 使用正则表达式匹配 URL
-  const match = url.match(/^(https?:\/\/)?([^/:]+)/i);
-
-  // 如果没有匹配到，返回原始输入
-  if (!match) {
-    return url;
-  }
-
-  // 返回匹配到的域名部分
-  return match[2];
-}
-
-
-export function hasPort(url: string) {
-  // 如果 url 是空的或不是字符串，返回 false
-  if (!url || typeof url !== 'string') {
-    return false;
-  }
-
-  try {
-    // 使用 URL 构造函数解析 URL
-    const parsedUrl = new URL(url);
-    
-    // 检查 port 属性是否为空
-    // 注意：如果使用默认端口（如 HTTP 的 80 或 HTTPS 的 443），port 会是空字符串
-    return parsedUrl.port !== '';
-  } catch (error) {
-    // 如果 URL 无效，捕获错误并返回 false
-    return false;
-  }
-}