@arms/rum-reactnative 0.0.2-bate.1

package/package.json

@@ -0,0 +1,158 @@
+{
+  "name": "@arms/rum-reactnative",
+  "version": "0.0.2-bate.1",
+  "description": "RUM SDK For ReactNative",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace rum-sdk-reactnative-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "author": "guangli.fj <guangli.fj@alibaba-inc.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.0-alpha.2",
+    "@react-native/babel-preset": "0.79.2",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "^0.40.8",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "@arms/rum-core": "0.0.40",
+    "@react-native-async-storage/async-storage": "*",
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RumSdkReactnativeSpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.rumsdkreactnative"
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "turbo-module",
+    "version": "0.52.1"
+  }
+}

package/src/collector/action/index.ts

@@ -0,0 +1,67 @@
+import { ICollector, IContext, IViewData, RumActionEvent, RumEvent, RumEventType } from '@arms/rum-core';
+import { getCurView } from "../../utils/view";
+
+export default class ActionCollector implements ICollector {
+  name = 'action-collector';
+  private DELAY_TIME = 300;
+  ctx?: IContext;
+  sendEvent?: ((payload: RumEvent) => void);
+  events = ['tap'];
+  lastEvent?: RumActionEvent;
+  timer: any;
+
+  setup(ctx: IContext, sendEvent: (payload: RumEvent) => void) {
+    const { collectors = {} } = ctx.getConfig();
+    if (collectors.action === false) {
+      return;
+    }
+    this.ctx = ctx;
+    this.sendEvent = sendEvent;
+    // addPageListener('*', this.onEvent)
+  }
+
+  onEvent = (e: any) => {
+    if (e && this.events.includes(e.type) && e.target) {
+      const { target, currentTarget, type } = e;
+      const { dataset, id } = target;
+      if (!id) return;
+      if (currentTarget && id !== currentTarget.id) return;
+      let view: undefined | IViewData;
+      if (this.ctx) {
+        view = getCurView(this.ctx) as IViewData;
+      }
+      const event: RumActionEvent = {
+        event_type: RumEventType.ACTION,
+        type,
+        name: id,
+        snapshots: Object.keys(dataset).length
+          ? JSON.stringify(dataset)
+          : undefined,
+        times: 1,
+        view,
+      };
+      clearTimeout(this.timer);
+      if (this.lastEvent) {
+        if (this.lastEvent.name !== event.name) {
+          this.sendAction();
+        } else {
+          // @ts-ignore
+          this.lastEvent.times += 1;
+        }
+      } else {
+        this.lastEvent = event;
+      }
+      this.timer = setTimeout(this.sendAction, this.DELAY_TIME);
+    }
+  };
+
+  sendAction = () => {
+    // @ts-ignore
+    this.sendEvent(this.lastEvent);
+    this.lastEvent = undefined;
+  };
+
+  destroy() {
+    // removePageListener('*', this.onEvent);
+  }
+}

package/src/collector/exception/index.ts

@@ -0,0 +1,158 @@
+import {
+  ICollector,
+  IContext,
+  isArray,
+  interceptFunction,
+  matchList,
+  RumEvent,
+  RumEventType,
+} from '@arms/rum-core';
+
+declare const console: any;
+declare const ErrorUtils: any;
+declare const HermesInternal: any;
+
+export default class ExceptionCollector implements ICollector {
+  name = 'exception-collector';
+  ctx?: IContext;
+  sendEvent?: (payload: RumEvent) => void;
+
+  private origin = {
+    consoleError: console.error,
+    originalOnError: null,
+  };
+
+  setup(ctx: IContext, sendEvent: (payload: RumEvent) => void) {
+    this.ctx = ctx;
+    this.sendEvent = sendEvent;
+    this.hackOrigin();
+  }
+
+  hackOrigin() {
+    const self = this;
+    const { collectors = {} } = (this.ctx as IContext).getConfig();
+    if (collectors.jsError !== false) {
+      if (ErrorUtils) {
+        this.origin.originalOnError = ErrorUtils.getGlobalHandler?.();
+        ErrorUtils.setGlobalHandler(this.onError);
+      }
+      if (
+        HermesInternal?.enablePromiseRejectionTracker &&
+        HermesInternal?.hasPromise?.()
+      ) {
+        HermesInternal.enablePromiseRejectionTracker({
+          allRejections: true,
+          onUnhandled: this.onUnhandled,
+        });
+      }
+    }
+    if (collectors.consoleError !== false) {
+      interceptFunction(console, 'error', function (error: any) {
+        self.errorHandle(error, 'console.error');
+      });
+    }
+  }
+
+  onError = (e: Error | string, isFatal?: boolean) => {
+    if (this.origin.originalOnError) {
+      // @ts-ignore
+      this.origin.originalOnError(e, isFatal);
+    }
+    this.errorHandle(e, 'onError');
+  };
+
+  onUnhandled = (_id: string, error: unknown) => {
+    this.errorHandle(error, 'onUnhandled');
+  };
+
+  errorHandle = (error: any, source = '') => {
+    let name: string = '';
+    let message: string = '';
+    let file: string = '';
+    let stack: string = '';
+    let line: string = '';
+    let column: string = '';
+    if (error instanceof Object) {
+      name = error.name;
+      message = error.message;
+      file = error.filename || error.fileName;
+      stack = error.stack;
+      line = error.lineno || error.lineNumber;
+      column = error.colno || error.columnNumber;
+    } else if (typeof error === 'string') {
+      stack = error;
+      const err = this.getErrorByStack(error);
+      if (err) {
+        name = err.name;
+        message = err.message;
+      }
+    }
+    if (!name || !message || this.errorFilter(error)) {
+      return;
+    }
+    if (this.ctx && this.sendEvent) {
+      const baseRumEvent = this.ctx.session.getBaseEvent();
+      this.sendEvent({
+        ...baseRumEvent,
+        event_type: RumEventType.EXCEPTION,
+        source,
+        type: 'error',
+        name,
+        message,
+        file,
+        stack,
+        line,
+        column,
+      });
+    }
+  };
+
+  /**
+   * 根据stack获取Error信息
+   * TODO: 增加基于Stack解析filename和lineNumber的能力
+   * @param stack
+   * @returns
+   */
+  getErrorByStack(stack: string = '') {
+    const res = stack.split('\n');
+    const prefix = 'at ';
+    if (res.length < 2) return;
+    for (let i = 1; i < res.length; i++) {
+      const str = res[i] || '';
+      if (str.trim().startsWith(prefix)) {
+        const line = res[i - 1] || '';
+        const index = line.indexOf(': ');
+        return {
+          name: line.substring(0, index),
+          message: line.substring(index + 2),
+        };
+      }
+    }
+    return;
+  }
+
+  errorFilter(err: Error) {
+    let { exception: filters } = (this.ctx as IContext).getConfig().filters || {};
+    if (!filters) {
+      return false;
+    }
+    if (!isArray(filters)) {
+      filters = [filters];
+    }
+    return (
+      matchList(filters, err.name, true, err) ||
+      matchList(filters, err.message, true, err) ||
+      matchList(filters, err.stack || '', true, err)
+    );
+  }
+
+  destroy() {
+    const origin = this.origin;
+    if (origin.consoleError) {
+      console.error = origin.consoleError;
+    }
+    // if (isFunction(sdk.offError)) {
+    //   sdk.offError(this.onError);
+    // }
+  }
+}