@arms/rum-reactnative 0.0.2-bate.1

package/src/utils/session.ts

@@ -0,0 +1,168 @@
+import {
+  generateEventId,
+  generateGUID,
+  generateSpanId,
+  IContext,
+  IRumSession,
+  isNumber,
+  ONE_DAY,
+  ONE_HOUR,
+  ONE_MINUTE,
+  performDraw,
+  SessionConfig,
+} from '@arms/rum-core';
+import { getCurrentTime } from './base';
+import { getCurView } from './view';
+import { getStorage, setStorage } from './platform';
+
+// 存储userID的键名
+const USER_ID = '_arms_uid';
+// 存储session
+// const RUM_SESSION = '_arms_session';
+
+interface SessionInfo {
+  sessionId: string;
+  sampled: boolean;
+  startTime: number;
+  lastTime: number;
+  isNew?: boolean;
+}
+
+export class RumSession implements IRumSession {
+  ctx?: IContext;
+
+  // @ts-ignore
+  sessionConfig: SessionConfig;
+
+  // private sessionId = '';
+
+  private session = '';
+
+  private userId = '';
+
+  constructor() {
+    this.initUser();
+  }
+
+  init(ctx: IContext) {
+    this.ctx = ctx;
+    this.sessionConfig = this.fixSessionConfig(ctx.config?.sessionConfig);
+  }
+
+  getSessionId() {
+    return this.getSessionInfo().sessionId;
+  }
+
+  getSampled() {
+    return this.getSessionInfo().sampled;
+  }
+
+  checkSession(info: SessionInfo) {
+    const { overtime = 0, maxDuration = 0 } = this.sessionConfig;
+    const now = getCurrentTime();
+    return !(
+      info.startTime + maxDuration < now || info.lastTime + overtime < now
+    );
+  }
+
+  updateSession() {
+    const info = this.getSessionInfo();
+    if (info.isNew) {
+      return;
+    }
+    const startTime = info.startTime;
+    const lastTime = getCurrentTime();
+    const sampled = info.sampled ? 1 : 0;
+    this.session = `${info.sessionId}-${sampled}-${startTime}-${lastTime}`;
+    // setStorage(RUM_SESSION, `${info.sessionId}-${sampled}-${startTime}-${lastTime}`)
+  }
+
+  getSessionInfo() {
+    const [sid, sampled, startTime, lastTime] = this.session.split('-');
+    let info: SessionInfo = {
+      sessionId: sid as string,
+      sampled: sampled !== '0',
+      startTime: parseInt(startTime || '') || 0,
+      lastTime: parseInt(lastTime || '') || 0,
+    };
+    if (!this.checkSession(info)) {
+      info = this.resetSession();
+    }
+    return info;
+  }
+
+  getEventId() {
+    const sid = this.getSessionId();
+    return generateEventId(sid);
+  }
+
+  getViewId() {
+    return this.getUUID();
+  }
+
+  async initUser() {
+    this.userId = (await getStorage(USER_ID)) as string;
+    if (!this.userId) {
+      this.userId = `uid_${generateSpanId(16, 36)}`;
+      await setStorage(USER_ID, this.userId);
+    }
+  }
+
+  getUserId() {
+    return this.userId;
+  }
+
+  private resetSession() {
+    const { sampleRate = 1 } = this.sessionConfig;
+    const sid = this.getUUID();
+    const now = getCurrentTime();
+    const sampled = performDraw(sampleRate * 100);
+    this.session = `${sid}-${sampled ? 1 : 0}-${now}-${now}`;
+    // setStorage(RUM_SESSION, this.session);
+    return {
+      sessionId: sid,
+      sampled: sampled,
+      startTime: now,
+      lastTime: now,
+      isNew: true,
+    } as SessionInfo;
+  }
+
+  private getUUID() {
+    return generateGUID().replace(/-/g, '');
+  }
+
+  fixSessionConfig(sessionConfig: SessionConfig = {}): SessionConfig {
+    let { sampleRate, maxDuration, overtime } = sessionConfig;
+    if (!isNumber(sampleRate) || sampleRate < 0 || sampleRate > 1) {
+      sampleRate = 1;
+    }
+    if (
+      !isNumber(maxDuration) ||
+      maxDuration < 4 * ONE_HOUR ||
+      maxDuration > ONE_DAY
+    ) {
+      maxDuration = ONE_DAY;
+    }
+    if (
+      !isNumber(overtime) ||
+      overtime > ONE_HOUR ||
+      overtime < 10 * ONE_MINUTE
+    ) {
+      overtime = 30 * ONE_MINUTE;
+    }
+    return { sampleRate, maxDuration, overtime };
+  }
+
+  getBaseEvent() {
+    const session_id = this.getSessionId();
+    const event_id = this.getEventId();
+    return {
+      timestamp: getCurrentTime(),
+      session_id,
+      event_id,
+      view: this.ctx ? getCurView(this.ctx) : undefined,
+      times: 1,
+    };
+  }
+}

package/src/utils/url.ts

@@ -0,0 +1,53 @@
+
+/**
+ * 根据指定 URL 获取视图的名称，默认为其path部分
+ * @param url 需要提取路径部分的 URL
+ * @param isHash 是否为 hash 模式路由的 URL
+ */
+export function getPathByURL(url: string, isHash = false) {
+  try {
+    const urlObj = getURL(url);
+    if (!urlObj) return;
+    if (isHash) {
+      return urlObj.hash;
+    } else {
+      return urlObj.pathname;
+    }
+  } catch (error) {
+    return '';
+  }
+}
+
+// /**
+//  * 检查是否为上报域名
+//  * @param ctx
+//  * @param url 需要提取路径部分的 URL
+//  */
+// export function isEndpoint(ctx: IContext, url: string): boolean {
+//   const { endpoint } = ctx.getConfig();
+//   try {
+//     return getURL(url).hostname === getURL(endpoint).hostname
+//   } catch (e) {
+//     return false;
+//   }
+// }
+
+const REGEX = /^(?:([^:\/?#]+):\/\/)?((?:([^\/?#@]*)@)?([^\/?#:]*)(?:\:(\d*))?)?([^?#]*)(?:\?([^#]*))?(?:#((?:.|\n)*))?/i
+
+export function getURL(url: string) {
+  const parts = decodeURIComponent(url).match(REGEX);
+  if (!parts) return null;
+  const auth = (parts[3] || '').split(':');
+  const host = auth.length ? (parts[2] || '').replace(/(.*\@)/, '') : parts[2];
+  return {
+    uri: parts[0],
+    protocol: parts[1],
+    host: host,
+    hostname: parts[4],
+    port: parts[5],
+    pathname: parts[6],
+    search: parts[7],
+    // query: mapSearchParams(parts[7]),
+    hash: parts[8]
+  }
+}

package/src/utils/view.ts

@@ -0,0 +1,93 @@
+import {
+  IContext,
+  isFunction,
+  // IRumSession,
+  // IViewData
+} from '@arms/rum-core';
+import { NavigationContainerRef, NavigationListener } from '../types'
+// import { IPage } from "../types/client";
+
+// export const PAGE_ID = '__rum_view_id';
+//
+// /**
+//  * 获取 RUM 内置的view_id标识
+//  * @param page
+//  * @param session
+//  * @returns
+//  */
+// export async function getRumViewId(page: IPage, session?: IRumSession): Promise<string> {
+//   if (!page) return;
+//   if (page.id) {
+//     return page.id;
+//   }
+//   if (!session) return;
+//   return page.id = session.getViewId();
+// }
+//
+// /**
+//  * 获取当前 view
+//  * @param viewId
+//  * @param ctx
+//  * @returns
+//  */
+// export function getViewById(viewId: string, ctx: IContext): IViewData {
+//   if (!viewId || !ctx) return;
+//   return ctx.getViews().find(view => view.id === viewId);
+// }
+
+/**
+ * 获取当前 view
+ * @param ctx
+ * @returns
+ */
+export function getCurView(ctx: IContext) {
+  if (!ctx) return;
+  const views = ctx.getViews();
+  if (views && views.length) {
+    return views[views.length - 1];
+  }
+  return null;
+}
+
+let currentNavigationRef: NavigationContainerRef | undefined;
+const navigateListeners: NavigationListener[] = [];
+
+export function addNavigateListener(listener: NavigationListener) {
+  if (isFunction(listener)) {
+    navigateListeners.push(listener);
+  }
+}
+
+export function removeNavigateListener(listener: NavigationListener) {
+  navigateListeners.splice(navigateListeners.indexOf(listener), 1);
+}
+
+function triggerNavigateChange(event: any) {
+  if (!currentNavigationRef) return;
+  let route = event;
+  if (isFunction(currentNavigationRef.getCurrentRoute)) {
+    route = currentNavigationRef.getCurrentRoute();
+  }
+  if (!route) return;
+  navigateListeners.forEach(listener => {
+    listener(route);
+  })
+}
+
+export function startTrackingViews(nav: any) {
+  if (!nav || currentNavigationRef) return;
+  if (isFunction(nav.events)) {
+    // react-native-navigation
+    nav.events().registerComponentDidAppearListener(triggerNavigateChange)
+  } else {
+    // @react-native/navigation
+    nav.addListener('state', triggerNavigateChange)
+  }
+  currentNavigationRef = nav;
+}
+
+export function stopTrackingViews() {
+  if (!currentNavigationRef) return;
+  currentNavigationRef.removeListener('state', triggerNavigateChange)
+  currentNavigationRef = undefined;
+}