@dodoex/mixpanel v2.1.3

Mixpanel 配置

独立维护不同项目的 mixpanel，供前后端调用。

使用

安装

yarn workspace lite add @dodoex/mixpanel --registry=https://registry.npmjs.org

yarn add @dodoex/mixpanel --registry=https://registry.npmjs.org

导入

import { initMixpanel, logTrade, ExchangeEventLabel } from '@dodoex/mixpanel';

initMixpanel({
  isDev: isLocalhost || isTestLink,
});

/**
 * lite 项目按页面划分埋点，每个页面都 export 了一个方法，参数只能使用对应的枚举类型。
 * options 会根据 label 来映射类型
 */
logTrade(ExchangeEventLabel.openTokenList, {
  params: {
    for: 'fromToken';
  };
});
log(ExchangeEventLabel.enableExpertMode);

类型

使用类似 ExchangeEventLabel 枚举类型，来管理 track 到 mixpanel 的 label.

ExchangeEventPropertiesMap 管理 label 对应的属性

多项目

默认会导入 lite 项目的方法。新增项目需在 build/index.js 中的 entryPoints 增加入口。

因为 TypeScript 不支持 exports。为了更好的兼容性，不再使用 exports 字段来匹配，而是按照实际的目录来导入

import { logNetworkId } from '@dodoex/mixpanel/dist/wallet';

logNetworkId();