@wutiange/log-listener-plugin 1.3.1 → 2.0.1-alpha.1

package/src/logPlugin.ts

@@ -0,0 +1,224 @@
+import Server from './Server';
+import { createClassWithErrorHandling } from './utils';
+import { httpInterceptor } from './HTTPInterceptor';
+import { DEFAULT_TIMEOUT, getDefaultStorage, Level, LOG_KEY, Tag, URLS_KEY } from './common';
+import logger from './logger';
+
+type Options = {
+  /**
+   * storage 用于存储已设置的日志系统的 url
+   * @default @react-native-async-storage/async-storage
+   */
+  storage?: Storage
+  /**
+   * 设置上传日志的超时时间，单位为毫秒
+   * @default 3000
+   */
+  timeout?: number
+  /**
+   * 日志系统的url
+   */
+  testUrl?: string
+  /**
+   * 是否自动开启日志记录
+   * @default false
+   */
+  isAuto?: boolean
+  /**
+   * 设置日志系统的基础数据，这些数据会自动添加到每条日志中
+   */
+  baseData?: Record<string, any>
+}
+
+class LogPlugin {
+  private server: Server | null = null;
+  private timeout: number | null = null;
+  private isAuto = false
+  private storage: Storage | null = getDefaultStorage();
+
+  constructor() {
+    this.init()
+  }
+
+  private init = async () => {
+    this.server = new Server();
+    if (!this.storage) {
+      logger.warn(LOG_KEY, '你并没有设置 storage ，这会导致 App 杀死后可能需要重新加入日志系统才能收集日志数据，建议你设置 storage 。')
+    } else {
+      const urlsStr = await this.storage.getItem(URLS_KEY)
+      if (urlsStr) {
+        const urls = JSON.parse(urlsStr)
+        this.server.setBaseUrlObj(urls)
+      }
+    }
+
+    
+    this.server.addUrlsListener((_, urlsObj) => {
+      if (this.storage) {
+        this.storage.setItem(URLS_KEY, JSON.stringify(urlsObj))
+      }
+      httpInterceptor.setIgnoredUrls(this.handleIgnoredUrls())
+    })
+  }
+
+  config = ({ storage, timeout, testUrl, isAuto, baseData = {} }: Options) => {
+    if (isAuto) {
+      this.auto()
+    } else {
+      this.unAuto()
+    }
+    this.storage = storage ?? getDefaultStorage();
+    this.setTimeout(timeout ?? DEFAULT_TIMEOUT)
+    this.setBaseUrl(testUrl)
+    this.setBaseData(baseData)
+  };
+
+  /**
+   * @deprecated 这个方法将在下一个主要版本中被移除。请使用 config({isAuto: true}) 替代。
+   */
+  auto = () => {
+    this.startRecordNetwork();
+    this.startRecordLog();
+    this.isAuto = true
+  }
+
+  unAuto = () => {
+    this.stopRecordLog()
+    httpInterceptor.disable()
+    httpInterceptor.removeAllListener()
+    this.isAuto = false
+  }
+
+  startRecordLog = () => {
+    console.log = (...data: any[]) => {
+      logger.log(...data)
+      this.log(...data);
+    };
+
+    console.warn = (...data: any[]) => {
+      logger.warn(...data)
+      this.warn(...data);
+    };
+
+    console.error = (...data: any[]) => {
+      logger.error(...data)
+      this.error(...data);
+    };
+  }
+
+  stopRecordLog = () => {
+    console.log = logger.log
+    console.warn = logger.warn
+    console.error = logger.error
+  }
+
+  private handleIgnoredUrls = () => {
+    const urls = this.server?.getUrls?.()
+    let ignoredUrls: string[] = []
+    if (urls?.length) {
+      ignoredUrls = urls.reduce((acc, url) => {
+        acc.push(`${url}/log`, `${url}/network`, `${url}/join`)
+        return acc
+      }, [] as string[])
+    }
+    return ignoredUrls
+  }
+
+  startRecordNetwork = () => {
+    httpInterceptor.addListener("send", (data) => {
+      this.server?.network({
+        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({
+        headers: data.responseHeaders,
+        body: data.responseData,
+        requestId: data.id,
+        statusCode: data.status,
+        endTime: data.endTime
+      })
+    })
+    httpInterceptor.enable({ignoredUrls: this.handleIgnoredUrls()})
+  }
+
+  /**
+   * @deprecated 这个方法将在下一个主要版本中被移除。请使用 config({testUrl: ''}) 替代。
+   */
+  setBaseUrl = (url: string) => {
+    const tempUrl = url?.trim()
+    if (this.server) {
+      this.server.updateUrl(tempUrl);
+    } else {
+      this.server = new Server(tempUrl);
+    }
+    httpInterceptor.setIgnoredUrls(this.handleIgnoredUrls())
+    if (this.isAuto) {
+      this.startRecordNetwork();
+      this.startRecordLog()
+    }
+  }
+
+  /**
+   * @deprecated 这个方法将在下一个主要版本中被移除。请使用 config({timeout: 3000}) 替代。
+   */
+  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;
+  }
+
+  /**
+   * @deprecated 这个方法将在下一个主要版本中被移除。请使用 config({baseData: {}}) 替代。
+   */
+  setBaseData = (data: Record<string, any> = {}) => {
+    this.server.updateBaseData(data)
+  }
+
+  private _log = (level: string, tag: string, ...data: any[]) => {
+    const sendData = {
+      message: data,
+      tag,
+      level: level ?? 'log',
+      createTime: Date.now(),
+    };
+    this.server?.log(sendData);
+  }
+
+  tag = (tag: string, ...data: any[]) => {
+    this._log(Level.LOG, tag, ...data);
+  }
+
+  log = (...data: any[]) => {
+    this._log(Level.LOG, Tag.DEFAULT, ...data);
+  }
+
+  warn = (...data: any[]) => {
+    this._log(Level.WARN, Tag.DEFAULT, ...data);
+  }
+
+  error = (...data: any[]) => {
+    this._log(Level.ERROR, Tag.DEFAULT, ...data);
+  }
+
+}
+const SafeLogPlugin = createClassWithErrorHandling(LogPlugin)
+const logPlugin = new SafeLogPlugin();
+export { SafeLogPlugin };
+export default logPlugin;

package/src/logger.ts

@@ -0,0 +1,15 @@
+const [log, warn, error] = [console.log, console.warn, console.error];
+
+const logger = {
+  log: (...data: any[]) => {
+    log(...data)
+  },
+  warn: (...data: any[]) => {
+    warn(...data)
+  },
+  error: (...data: any[]) => {
+    error(...data)
+  },
+}
+
+export default logger

package/src/utils.ts

@@ -0,0 +1,112 @@
+import URL from "url-parse";
+import logger from "./logger";
+
+export function sleep(ms: number, isReject: boolean = false) {
+  return new Promise((resolve, reject) => {
+    setTimeout(isReject ? () => reject({
+      code: 11001,
+      key: '@wutiange/log-listener-plugin%%timeout',
+      message: 'Timeout'
+    }) : resolve, ms)
+  })
+}
+
+// 检查 url 是否有端口号，不包含内置的端口号，比如 80 ，443 等
+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) {
+    logger.error(error)
+    // 如果 URL 无效，捕获错误并返回 false
+    return false;
+  }
+}
+
+
+type Constructor<T = {}> = new (...args: any[]) => T;
+
+export function createClassWithErrorHandling<T extends Constructor>(BaseClass: T): T {
+  return new Proxy(BaseClass, {
+    construct(target: T, args: any[]): object {
+      const instance = new target(...args);
+      return new Proxy(instance, {
+        get(target: any, prop: string | symbol): any {
+          const value = target[prop];
+          if (typeof value === 'function') {
+            return function(this: any, ...args: any[]): any {
+              try {
+                const result = value.apply(this, args);
+                if (result instanceof Promise) {
+                  return result.catch((error: Error) => {
+                    console.error(`Error in ${String(prop)}:`, error);
+                    throw error; // 重新抛出错误，以便调用者可以捕获它
+                  });
+                }
+                return result;
+              } catch (error) {
+                console.error(`Error in ${String(prop)}:`, error);
+                throw error; // 重新抛出错误，以便调用者可以捕获它
+              }
+            };
+          }
+          return value;
+        },
+        set(target: any, prop: string | symbol, value: any): boolean {
+          if (typeof value === 'function') {
+            target[prop] = function(this: any, ...args: any[]): any {
+              try {
+                const result = value.apply(this, args);
+                if (result instanceof Promise) {
+                  return result.catch((error: Error) => {
+                    console.error(`Error in ${String(prop)}:`, error);
+                    throw error;
+                  });
+                }
+                return result;
+              } catch (error) {
+                console.error(`Error in ${String(prop)}:`, error);
+                throw error;
+              }
+            };
+          } else {
+            target[prop] = value;
+          }
+          return true;
+        }
+      });
+    }
+  });
+}
+
+
+export function formDataToString(formData: FormData): string {
+  const boundary =
+    '----WebKitFormBoundary' + Math.random().toString(36).substr(2);
+  let result = '';
+  // 这是 react-native 中的实现，这里面是存在这个方法的
+  const parts = (formData as any).getParts();
+  for (const part of parts) {
+    result += `--${boundary}\r\n`;
+    result += `Content-Disposition: ${part.headers['content-disposition']}\r\n`;
+    if (part.headers['content-type']) {
+      result += `Content-Type: ${part.headers['content-type']}\r\n`;
+    }
+    const value = 'string' in part ? part.string : part.uri;
+    result += `Content-Length: ${value.length}\r\n\r\n`;
+    result += `${value}\r\n`;
+  }
+  result += `--${boundary}--\r\n`;
+  return result;
+}
+
+

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "declaration": true,
+    "noImplicitAny": true,
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "target": "es6",
+    "moduleResolution": "NodeNext",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": ["node_modules", "**/*.spec.ts"],
+  "include": [
+    "src/**/*", 
+    "console.ts", 
+    "fetch.ts", 
+    "index.ts", 
+    "react-native-extensions.d.ts"
+  ]
+}