@conecli/cone-render 0.8.20-beta.0 → 0.8.20-beta.2

package/dist/jumpEventReport/web.pc.ts

@@ -0,0 +1 @@
+import global from '../common';
  BUSINESS_TYPE,
  SHOP_MENU_ID_TYPE,
  SHOP_MENU_ID_NAME,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'M-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string;
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig;
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, opt);
  }
  updateInfo(routerInfo, logPname = LogPnameInfo.HOME, pageId = LogPageIdInfo.APP) {
    this.routerInfo = routerInfo;
    this.logPname = logPname;
    this.jumpConfig = Object.assign(
      {},
      this.jumpConfig,
      filterUrlQueryData(routerInfo?.params || {}),
    );
    this.logPageId = pageId;
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim();
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds;
    let url = `${this.jumpWebUrl.pcDetail}${getSkuId}.html`;
    this.jdNavigateToNative(url, logEventInfo);
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo);
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const currentShopInfo = {
      shopId: global.info.queryInfo.shopId,
      venderId: global.info.queryInfo.venderId,
    };
    const restParams =
      (shopInfo?.shopId && shopInfo.shopId !== currentShopInfo.shopId) ||
      (shopInfo?.venderId && shopInfo.venderId !== currentShopInfo.venderId)
        ? {}
        : currentShopInfo;
    const getInfo = Object.assign({}, restParams, shopInfo);
    let url = `${this.jumpWebUrl.pages}/index-${getInfo.shopId}.html`;
    this.jdNavigateToNative(url, {
      ...getInfo,
    });
  }
  
  getPcSearchUrl = (searchInfo: { categoryId: string; keyWord: string }) => {
    const { categoryId, keyWord } = searchInfo;
    const flag = document.querySelector('#JSHOP_CHANNEL_FLAG')?.value;
    const appId =
      document.querySelector('#J_AppId')?.value ||
      document.querySelector('#pageInstance_appId')?.value;
    const keywordStr = keyWord && keyWord !== "" ? `?keyword=${keyWord}` : ''
    const searchUrl = categoryId
      ? this.jumpWebUrl.pages + '/view_search-' + appId + '-' + categoryId + '-99-1-20-1.html'
      : `${this.jumpWebUrl.pages}/view_search-${appId}.html${keywordStr}`;
    return flag === 'yao'
      ? this.jumpWebUrl.pages + '/view_shop_search-' + appId + '.html'
      : searchUrl;
  };
  
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    );
    const { categoryId = '', keyWord = '' } = getInfo;
    const url = `${this.getPcSearchUrl({ categoryId, keyWord })}`;
    this.jdJumpToWeb(url, getInfo);
  }
  
  jdJumpToShopCategory(shopInfo) {
    this.jdJumpToShopSearch(shopInfo)
  }
  
  jdJumpToTabAllProduct(shopId, venderId, logEventInfo = {}) {
    console.log('web.base.ts - jdJumpToTabAllProduct');
    if (typeof shopId === 'undefined') shopId = global.info.queryInfo.shopId;
    if (typeof venderId === 'undefined') venderId = global.info.queryInfo.venderId;
    const url = `${this.jumpWebUrl.pages}/index-${shopId}.html`;
    this.jdJumpToWeb(url, logEventInfo);
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    const url = `${this.jumpWebUrl.couponSearch}?couponbatch=${couponId}&sceneval=2`;
    this.jdJumpToWeb(url, logEventInfo);
  }

package/dist/jumpEventReport/web.tjapp.ts

@@ -0,0 +1 @@
+import { JumpEventTJWebReport } from './web.tjm'
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'App-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  constructor(opt = {}) {
    console.log('jdlite加载==========')
    super(opt)
    this.getConfig(opt)
  }
  tjOpenAppParams(openAppUrl): Object | boolean {
    let getParams: boolean | Object = false
    if (this.isOpenTjAppUrl(openAppUrl)) {
      try {
        getParams = openAppUrl.replace(
          /openApp\.jdlite:\/\/virtual\?params=/i,
          '',
        )
        getParams = JSON.parse(String(getParams))
      } catch (e) {
        console.log(e)
      }
    }
    return getParams
  }
  isOpenTjAppUrl(openAppUrl) {
    return /openApp\.jdlite:\/\/virtual\?params=/i.test(openAppUrl)
  }
  
  async jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail
    console.log("测试tj app",detail)
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        this.jdJumpToProduct( configDataValue.skuIds, logEventInfo)
        break
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK: {
        const _url = configDataValue.linkUrl
        this.jdJumpToWeb(_url, logEventInfo)
        break
      }
      default:
    }
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim()
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds
    this.jdNavigateToNative({
      category: "jump",
      des: "productDetail",
      skuId: getSkuId,
      logEventInfo,
    })
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo)
  }
   
    jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
      this.jdNavigateToNative(
        Object.assign(
          {},
          {
            category: "jump",
            des: "productList",
            from: "couponBatch",
            couponId: `${couponId}`,
            tip: "1",
            inlet: 0,
            quangoufrom: 2
          },
          logEventInfo,
        ),
      )
    }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    if (this.isOpenTjAppUrl(url)) {
      const getOpenAppParams = this.tjOpenAppParams(url)
      console.log(
        'tj web 获取自定义openApp链接解析后的参数结果',
        getOpenAppParams,
      )
      if (getOpenAppParams) {
        this.jdNavigateToNative(
          Object.assign({}, getOpenAppParams, {
            logEventInfo,
          }),
        )
      }
    } else {
      if(url.indexOf('tjshop') == -1) {
        url =  url + this.getTjShopParam()
      }
      const changeUrl = /^\/\//.test(url) ? `https:${url}` : url
      this.jdNavigateToNative(
        {
          category: 'jump',
          des: 'm',
          url: changeUrl,
          logEventInfo,
        },
        OpenAppHost,
        successBack,
        failBack,
      )
    }
  }
  jdJumpToShopSearch(shopInfo) {
    const getInfo = Object.assign(
      {},
      {
        shopId: global.info.queryInfo.shopId,
        venderId: global.info.queryInfo.venderId,
      },
      shopInfo,
    )
    const { shopId, categoryId, keyword, pageId, description, shopName } =
      getInfo
    const cateId = categoryId ? `&cateId=${typeof categoryId === 'string' ? categoryId?.trim() : categoryId}` : ''
    const addKeyWord = keyword ? `&keyword=${keyword}` : ''
    const addPageId = pageId ? `&pageId=${pageId}` : ''
    const searchDes = description ? `&description=${description}` : ''
    const shopNameDes = shopName ? `&shopName=${shopName}` : ''
    const searchType = categoryId ? 5 : keyword ? 4 : 3 
    super.jdNavigateToNative(
      `${this.jumpWebUrl.shopSearch}?shopId=${shopId}&searchType=${searchType}${cateId}${addKeyWord}${addPageId}${searchDes}${shopNameDes}`,
      getInfo,
    )
  }
  
  jdNavigateToNative(
    params,
    url = OpenAppHost,
    successBack?: Function | null,
    failBack?: Function | null,
  ) {
    console.log('tj web', params)
    const { logEventInfo , ...otherParams } = params
    console.log('tj web 获取open协议参数 jdNavigateToNative params: ',otherParams)
    console.log('logEventInfo params: ', logEventInfo)
    console.log('otherParams', otherParams)
    const paramsStr = JSON.stringify(otherParams)
    console.log('跳转web tj open协议', `${url}?params=${paramsStr}`)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
      this.clickEventLog(logEventInfo || params)
        .then(() => {
          if (typeof successBack == 'function') {
            successBack(params)
          } else {
            try {
              const paramsStr = encodeURIComponent(JSON.stringify(otherParams))
              console.log(
                'success: 跳转web tj open协议',
                `${url}?params=${paramsStr}`,
              )
              window.location.href = `${url}?params=${paramsStr}`
            } catch (e) {
              console.log('跳转异常', e)
            }
          }
        })
        .catch((e) => {
          console.log('catch', e)
          typeof failBack == 'function' && failBack(params)
        })
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    reportKey = 'click',
  ) {
    const { eventId, jsonParam, eventLevel = 3, ...otherParams } = opts
    if (eventId && jsonParam) {
      const { etModelInfo, logBaseInfo } = jsonParam
      const webLogParams = {
        eid: eventId,
        elevel: eventLevel,
        eparam:JSON.stringify(logBaseInfo || jsonParam),
        jsonParam: JSON.stringify(logBaseInfo || jsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pageId: this.logPageId,
        pageParam: this.logPageParamStr, 
        ...otherParams,
      }
      return /click|exposure/.test(reportKey)
        ? reportClick(webLogParams)
        : reportToCart(opts,webLogParams)
    } else {
      console.log('暂无埋点参数eventId和eventParam')
      return Promise.resolve(false)
    }
  }
  getConfig(opt = {}) {
    return Object.assign(this, {}, defaultConfig, opt)
  }

package/dist/jumpEventReport/web.tjm.ts

@@ -0,0 +1 @@
+import global from '../common';
  objectToUrlEncode,
  parseQueryUrlString,
  isTjScence,
  isTjM,
  isTjJxM,
  isH5AdnJxMini,
  tjChannel,
  public logPageId: string;
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig;
  constructor(opt) {
    super(opt);
    this.getConfig(opt);
    console.log('加载特价/京喜m的跳转js文件....');
  }
  
  getTjShopParam() {
    const { tjshop } = global.info.queryInfo;
    const tjshopParam = tjshop ? `&tjshop=${tjshop}` : '';
    const tjChannelStr = tjChannel ? `&tjChannel=${tjChannel}` : '';
    return `${tjshopParam}${tjChannelStr}`;
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    skuIds = skuIds.toString().trim();
    const getSkuId = skuIds.indexOf(',') !== -1 ? skuIds.split(',')[0] : skuIds;
    const { jingxiSdx, ...otherLogInfo } = logEventInfo;
    let url = `${this.jumpWebUrl.detail}${getSkuId}.html`;
    if (isTjScence) {
      if (isTjM) {
        url = `${this.jumpWebUrl.tjDetail}?wareId=${getSkuId}`;
      } else if (isTjJxM) {
        const { _fd } = global.info.queryInfo;
        const fd = _fd ? `&_fd=${_fd}` : '';
        url = `${this.jumpWebUrl.jxDetail}?sku=${getSkuId}${fd}`;
      }
    }
    if (jingxiSdx) {
      this.jdNavigateToNative(`${url}?sdx=${jingxiSdx}`, otherLogInfo);
    } else {
      this.jdNavigateToNative(url, logEventInfo);
    }
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo);
  }
  
  jdJumpToShopHome(shopInfo: JumpEventReportInterFace.ShopIdsInfo = {}) {
    const currentShopInfo = {
      shopId: global.info.queryInfo.shopId,
      venderId: global.info.queryInfo.venderId,
    };
    const restParams =
      (shopInfo?.shopId && shopInfo.shopId !== currentShopInfo.shopId) ||
      (shopInfo?.venderId && shopInfo.venderId !== currentShopInfo.venderId)
        ? {}
        : currentShopInfo;
    const getInfo = Object.assign({}, restParams, shopInfo);
    this.jdNavigateToNative(
      `${this.jumpWebUrl.mshop}?${objectToUrlEncode(
        this.getShopIdOrVenderIdParams(getInfo),
      )}${this.getTjShopParam()}`,
      {
        ...getInfo,
      },
    );
  }
  
  jdJumpToWeb(
    url,
    logEventInfo,
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    console.log('web.tjm.ts - jdJumpToWeb');
    if (url.indexOf('tjshop') == -1) {
      url = url + this.getTjShopParam();
    }
    this.jdNavigateToNative(
      url,
      {
        ...logEventInfo,
      },
      successBack,
      failBack,
    );
  }
  
  jdJumpConfigUrl(detail, logEventInfo = {}) {
    const { configDataType, configDataValue } = detail;
    console.log('jdJumpConfigUrl web.tj.base configDataType:', configDataType, configDataValue);
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        if (logEventInfo?.jsonParam?.logBaseInfo?.mInfo) {
          logEventInfo.jsonParam.logBaseInfo.mInfo.skuid = configDataValue.skuIds;
        }
        this.jdJumpToProduct(configDataValue.skuIds, logEventInfo);
        break;
      case LinkConfigType.CONFIG_TYPE_COUPON_LIST:
        this.jdJumpToWeb(
          `${this.jumpWebUrl.shopCoupon}?couponType=1&shopId=${global.info.queryInfo.shopId}&venderId=${global.info.queryInfo.venderId}`,
          {},
        );
        break;
      case LinkConfigType.CONFIG_TYPE_CATEGORY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopSearchParams = this.jdOpenAppParams(configDataValue.clickUrl);
          getShopSearchParams &&
            this.jdJumpToShopSearch(
              Object.assign({}, getShopSearchParams, {
                logEventInfo,
              }),
            );
        } else {
          this.jdJumpToShopSearch(
            configDataValue['cid']
              ? Object.assign(
                  {},
                  {
                    shopId: global.info.queryInfo.shopId,
                    categoryId: configDataValue.cid,
                    ...configDataValue,
                    logEventInfo,
                  },
                )
              : {
                  shopId: global.info.queryInfo.shopId,
                  logEventInfo,
                },
          );
        }
        break;
      case LinkConfigType.CONFIG_TYPE_CATEGORY_PAGE:
        this.jdJumpToShopCategory({
          ...configDataValue,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_MEMBER:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopMemberParams = this.jdOpenAppParams(configDataValue.clickUrl);
          getShopMemberParams &&
            this.jdJumpToShopMember(
              Object.assign({}, getShopMemberParams, {
                logEventInfo,
              }),
            );
        } else {
          this.jdJumpToShopMember({
            shopId: global.info.queryInfo.shopId,
            venderId: configDataValue.shopDetail,
            logEventInfo,
          });
        }
        break;
      case LinkConfigType.CONFIG_TYPE_SHOP_ACTIVITY:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShopActivityParams = this.jdOpenAppParams(configDataValue.clickUrl);
          if (getShopActivityParams && getShopActivityParams['des'] == 'jshopActivity') {
            this.jdJumpToShopActivity({
              projectId: configDataValue['projectId'],
              configDataValue,
              logEventInfo,
            });
          }
        } else if (configDataValue['projectId']) {
          this.jdJumpToShopActivity({
            projectId: configDataValue['projectId'],
            configDataValue,
            logEventInfo,
          });
        }
        break;
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK:
      case LinkConfigType.CONFIG_TYPE_FINANCE_COUPON:
        let _url = configDataValue.linkUrl;
        const isProductM = /item\.m\.jd\.com/.test(_url);
        const isProductPC = /item\.jd\.com/.test(_url);
        if (isTjScence) {
          const { appCode } = global.info.queryInfo;
          
          if (/(pro|prodev)\.jd\.com(\/mall\/)/.test(_url)) {
            if (isH5AdnJxMini) {
              _url =
                _url.replace(/([prodev]|[pro])(\.jd\.com)(\/mall)/, '$1.m$2/mini') +
                `appCode=${appCode}&wxAppName=jx`;
            } else {
              _url = _url.replace(/([prodev]|[pro])(\.jd\.com)(\/mall)/, '$1.m$2/jdlite');
            }
          } else if (/(pro|prodev)\.(m\.jd|jd)\.com(\/mall\/)/.test(_url)) {
            if (isH5AdnJxMini) {
              _url =
                _url.replace(/([prodev]|[pro])(\.m\.jd\.com)(\/mall)/, '$1$2/mini') +
                `appCode=${appCode}&wxAppName=jx`;
            } else {
              _url = _url.replace(/([prodev]|[pro])(\.m\.jd\.com)(\/mall)/, '$1$2/jdlite');
            }
          }
        }
        if (
          _url.indexOf('to=') === -1 &&
          _url.indexOf(`${domain.mshop.replace(/https?:/, '')}/?shopId=`) !== -1
        ) {
          const _shopId = _url.match(/\d+/g)[0];
          this.jdJumpToShopHome({
            shopId: `${_shopId}`,
            logEventInfo,
          });
        } else if (this.isOpenJdAppUrl(_url)) {
          const getOpenAppParams: any = this.jdOpenAppParams(_url);
          if (getOpenAppParams) {
            if (getOpenAppParams.jumpTab == 'allProduct') {
              this.jdJumpToTabAllProduct(
                global.info.queryInfo.shopId,
                global.info.queryInfo.venderId,
              );
            } else if (
              getOpenAppParams.des == 'productList' &&
              getOpenAppParams.from == 'couponBatch'
            ) {
              this.jdJumpToCouponSearchProductList(getOpenAppParams?.couponId);
            } else if (getOpenAppParams.des == 'vapp') {
              this.jdJumpToWeb(
                `https://conecli.com/apps/mpshare/index.html?category=${
                  getOpenAppParams.category
                }&des=${getOpenAppParams.des}&vapptype=${
                  getOpenAppParams.vapptype
                }&appId=${getOpenAppParams.appId}&path=${
                  getOpenAppParams.path
                }&param=${encodeURI(JSON.stringify(getOpenAppParams.param))}`,
                logEventInfo,
              );
            } else {
              this.jdNavigateToNative(
                '',
                Object.assign({}, getOpenAppParams, {
                  logEventInfo,
                }),
              );
            }
          }
        } else if (isProductM || isProductPC) {
          const skuid = _url.match(/\d+/g)[0];
          if (skuid) {
            this.jdJumpToProduct(skuid, logEventInfo);
          }
        } else {
          this.jdJumpToWeb(_url, logEventInfo);
        }
        break;
      case LinkConfigType.CONFIG_TYPE_JSHOP_DETAIL:
        this.jdJumpToShopDetail({
          venderId: global.info.queryInfo.venderId,
          shopId: global.info.queryInfo.shopId,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_SHOP_HOME:
        this.jdJumpToShopHome({
          ...configDataValue,
          logEventInfo,
        });
        break;
      case LinkConfigType.CONFIG_TYPE_ANCHOR_POINT:
        break;
      case LinkConfigType.CONFIG_TYPE_SHOPPING_GUIDE:
        if (this.isOpenJdAppUrl(configDataValue.clickUrl)) {
          const getShoppingGuideParams = this.jdOpenAppParams(configDataValue.clickUrl);
          getShoppingGuideParams &&
            this.jdJumpToShopActivity(
              Object.assign({}, getShoppingGuideParams, {
                logEventInfo,
              }),
            );
        }
        break;
      case LinkConfigType.CONFIG_TYPE_MINI_PROGRAM: {
        const linkUrl = decodeURIComponent(configDataValue?.linkUrl || '');
        const search = linkUrl.match(/\?.+/);
        if (search) {
          const miniQueryData: JumpEventReportInterFace.LinkMiniParams =
            parseQueryUrlString(linkUrl);
          try {
            miniQueryData.param = JSON.parse(<string>miniQueryData?.param);
          } catch (e) {
            console.warn('解析小程序 param 错误：', miniQueryData.param);
          }
          this.jdJumpToMiniProgram(miniQueryData);
        } else {
          console.warn('小程序地址错误：', linkUrl);
        }
        break;
      }
      default:
    }
  }
  
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    if (isTjM) return;
    let batchParam = isTjScence ? `coupon_batch=${couponId}` : `couponbatch=${couponId}`;
    this.jdJumpToWeb(`${this.jumpWebUrl.jxCouponSearch}?${batchParam}`, logEventInfo);
  }
  
  jdNavigateToNative(
    url: string,
    params: {
      logEventInfo?: object;
    } = {},
    successBack?: Function | undefined,
    failBack?: Function | undefined,
  ) {
    const { logEventInfo } = params;
    const getEparam = logEventInfo || params;
    if (url.indexOf('tjshop') == -1) {
      url = url + this.getTjShopParam();
    }
    console.log(`url:::::::${url}`);
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
      this.clickEventLog(getEparam)
        .then(() => {
          typeof successBack === 'function' ? successBack(url) : (window.location.href = url);
        })
        .catch(() => {
          typeof failBack === 'function' && failBack(url);
        });
  }